patternfly-sass 3.7.0 → 3.8.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (144) hide show
  1. checksums.yaml +4 -4
  2. data/assets/fonts/patternfly/OpenSans-Bold-webfont.eot +0 -0
  3. data/assets/fonts/patternfly/OpenSans-Bold-webfont.svg +0 -0
  4. data/assets/fonts/patternfly/OpenSans-Bold-webfont.ttf +0 -0
  5. data/assets/fonts/patternfly/OpenSans-Bold-webfont.woff +0 -0
  6. data/assets/fonts/patternfly/OpenSans-BoldItalic-webfont.eot +0 -0
  7. data/assets/fonts/patternfly/OpenSans-BoldItalic-webfont.svg +0 -0
  8. data/assets/fonts/patternfly/OpenSans-BoldItalic-webfont.ttf +0 -0
  9. data/assets/fonts/patternfly/OpenSans-BoldItalic-webfont.woff +0 -0
  10. data/assets/fonts/patternfly/OpenSans-ExtraBold-webfont.eot +0 -0
  11. data/assets/fonts/patternfly/OpenSans-ExtraBold-webfont.svg +0 -0
  12. data/assets/fonts/patternfly/OpenSans-ExtraBold-webfont.ttf +0 -0
  13. data/assets/fonts/patternfly/OpenSans-ExtraBold-webfont.woff +0 -0
  14. data/assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.eot +0 -0
  15. data/assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.svg +0 -0
  16. data/assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.ttf +0 -0
  17. data/assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.woff +0 -0
  18. data/assets/fonts/patternfly/OpenSans-Italic-webfont.eot +0 -0
  19. data/assets/fonts/patternfly/OpenSans-Italic-webfont.svg +0 -0
  20. data/assets/fonts/patternfly/OpenSans-Italic-webfont.ttf +0 -0
  21. data/assets/fonts/patternfly/OpenSans-Italic-webfont.woff +0 -0
  22. data/assets/fonts/patternfly/OpenSans-Light-webfont.eot +0 -0
  23. data/assets/fonts/patternfly/OpenSans-Light-webfont.svg +0 -0
  24. data/assets/fonts/patternfly/OpenSans-Light-webfont.ttf +0 -0
  25. data/assets/fonts/patternfly/OpenSans-Light-webfont.woff +0 -0
  26. data/assets/fonts/patternfly/OpenSans-LightItalic-webfont.eot +0 -0
  27. data/assets/fonts/patternfly/OpenSans-LightItalic-webfont.svg +0 -0
  28. data/assets/fonts/patternfly/OpenSans-LightItalic-webfont.ttf +0 -0
  29. data/assets/fonts/patternfly/OpenSans-LightItalic-webfont.woff +0 -0
  30. data/assets/fonts/patternfly/OpenSans-Regular-webfont.eot +0 -0
  31. data/assets/fonts/patternfly/OpenSans-Regular-webfont.svg +0 -0
  32. data/assets/fonts/patternfly/OpenSans-Regular-webfont.ttf +0 -0
  33. data/assets/fonts/patternfly/OpenSans-Regular-webfont.woff +0 -0
  34. data/assets/fonts/patternfly/OpenSans-Semibold-webfont.eot +0 -0
  35. data/assets/fonts/patternfly/OpenSans-Semibold-webfont.svg +0 -0
  36. data/assets/fonts/patternfly/OpenSans-Semibold-webfont.ttf +0 -0
  37. data/assets/fonts/patternfly/OpenSans-Semibold-webfont.woff +0 -0
  38. data/assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.eot +0 -0
  39. data/assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.svg +0 -0
  40. data/assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.ttf +0 -0
  41. data/assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.woff +0 -0
  42. data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
  43. data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +0 -0
  44. data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
  45. data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
  46. data/assets/fonts/patternfly/fontawesome-webfont.eot +0 -0
  47. data/assets/fonts/patternfly/fontawesome-webfont.svg +44 -14
  48. data/assets/fonts/patternfly/fontawesome-webfont.ttf +0 -0
  49. data/assets/fonts/patternfly/fontawesome-webfont.woff +0 -0
  50. data/assets/fonts/patternfly/fontawesome-webfont.woff2 +0 -0
  51. data/assets/images/patternfly/apple-touch-icon-precomposed-114.png +0 -0
  52. data/assets/images/patternfly/apple-touch-icon-precomposed-144.png +0 -0
  53. data/assets/images/patternfly/apple-touch-icon-precomposed-57.png +0 -0
  54. data/assets/images/patternfly/apple-touch-icon-precomposed-72.png +0 -0
  55. data/assets/images/patternfly/bg-login.jpg +0 -0
  56. data/assets/images/patternfly/logo-alt.svg +18 -18
  57. data/assets/images/patternfly/logo.svg +22 -22
  58. data/assets/javascripts/patternfly.js +290 -91
  59. data/assets/javascripts/patternfly.min.js +2 -1
  60. data/assets/stylesheets/patternfly/_layouts.scss +23 -42
  61. data/assets/stylesheets/patternfly/_list-view.scss +7 -0
  62. data/assets/stylesheets/patternfly/_navbar.scss +3 -3
  63. data/assets/stylesheets/patternfly/_notifications-drawer.scss +16 -3
  64. data/assets/stylesheets/patternfly/_toolbar.scss +120 -14
  65. data/assets/stylesheets/patternfly/_variables.scss +20 -5
  66. data/assets/stylesheets/patternfly/_vertical-nav.scss +631 -381
  67. data/assets/stylesheets/patternfly/_wizard.scss +105 -14
  68. data/assets/stylesheets/patternfly/lib/bootstrap-datepicker.scss +0 -1
  69. data/bower.json +11 -11
  70. data/lib/patternfly-sass/version.rb +2 -2
  71. data/patternfly-sass.gemspec +2 -2
  72. data/spec/html/about-modal.html +1 -1
  73. data/spec/html/accordions.html +1 -1
  74. data/spec/html/alerts.html +1 -1
  75. data/spec/html/area-charts.html +3 -3
  76. data/spec/html/badges.html +1 -1
  77. data/spec/html/bar-charts.html +3 -3
  78. data/spec/html/basic.html +2 -2
  79. data/spec/html/blank-slate.html +1 -1
  80. data/spec/html/bootstrap-combobox.html +2 -2
  81. data/spec/html/bootstrap-datepicker.html +2 -2
  82. data/spec/html/bootstrap-select.html +2 -2
  83. data/spec/html/bootstrap-switch.html +1 -1
  84. data/spec/html/bootstrap-touchspin.html +2 -2
  85. data/spec/html/bootstrap-treeview-2.html +3 -3
  86. data/spec/html/bootstrap-treeview.html +3 -3
  87. data/spec/html/breadcrumbs.html +1 -1
  88. data/spec/html/buttons.html +1 -1
  89. data/spec/html/cards.html +4 -4
  90. data/spec/html/code.html +1 -1
  91. data/spec/html/dashboard.html +3 -3
  92. data/spec/html/datatables-columns.html +3 -3
  93. data/spec/html/datatables.html +2 -2
  94. data/spec/html/dist/css/patternfly-additions.css +1093 -794
  95. data/spec/html/dist/css/patternfly-additions.css.map +1 -1
  96. data/spec/html/dist/css/patternfly-additions.min.css +2 -2
  97. data/spec/html/dist/css/patternfly-additions.min.css.map +1 -1
  98. data/spec/html/dist/css/patternfly.css +133 -14
  99. data/spec/html/dist/css/patternfly.css.map +1 -1
  100. data/spec/html/dist/css/patternfly.min.css +6 -6
  101. data/spec/html/dist/css/patternfly.min.css.map +1 -1
  102. data/spec/html/donut-charts.html +3 -3
  103. data/spec/html/dropdowns.html +1 -1
  104. data/spec/html/form.html +2 -2
  105. data/spec/html/forms.html +1 -1
  106. data/spec/html/horizontal-navigation.html +5 -7
  107. data/spec/html/icons.html +1 -1
  108. data/spec/html/index.html +15 -15
  109. data/spec/html/infotip.html +1 -1
  110. data/spec/html/labels.html +1 -1
  111. data/spec/html/line-charts.html +3 -3
  112. data/spec/html/list-group.html +1 -1
  113. data/spec/html/list-view-rows.html +592 -0
  114. data/spec/html/list-view.html +314 -309
  115. data/spec/html/login.html +1 -1
  116. data/spec/html/modals.html +1 -1
  117. data/spec/html/navbar.html +2 -2
  118. data/spec/html/notification-drawer-horizontal-nav.html +1451 -0
  119. data/spec/html/{notifications-drawer.html → notification-drawer-vertical-nav.html} +146 -265
  120. data/spec/html/pagination.html +1 -1
  121. data/spec/html/panels.html +1 -1
  122. data/spec/html/pie-charts.html +3 -3
  123. data/spec/html/popovers.html +1 -1
  124. data/spec/html/progress-bars.html +1 -1
  125. data/spec/html/search.html +1 -1
  126. data/spec/html/spinner.html +1 -1
  127. data/spec/html/tab.html +2 -2
  128. data/spec/html/tables.html +1 -1
  129. data/spec/html/tabs.html +1 -1
  130. data/spec/html/time-picker.html +2 -2
  131. data/spec/html/toast.html +1 -1
  132. data/spec/html/toolbar.html +43 -8
  133. data/spec/html/tooltip.html +1 -1
  134. data/spec/html/typography-2.html +1 -1
  135. data/spec/html/typography.html +1 -1
  136. data/spec/html/utilization-bar-charts.html +3 -3
  137. data/spec/html/{layout-alt-fixed-inner-scroll.html → vertical-navigation-primary-only.html} +61 -192
  138. data/spec/html/{layout-alt-fixed.html → vertical-navigation-with-secondary.html} +120 -184
  139. data/spec/html/{vertical-navigation-without-icons.html → vertical-navigation-with-tertiary-no-icons.html} +212 -155
  140. data/spec/html/{vertical-navigation.html → vertical-navigation-with-tertiary-pins.html} +212 -155
  141. data/spec/html/wizard.html +88 -48
  142. metadata +21 -21
  143. data/spec/html/layout-alt-fixed-with-footer-inner-scroll.html +0 -917
  144. data/spec/html/layout-alt-fixed-with-footer.html +0 -917
@@ -26,8 +26,8 @@
26
26
  <link rel="stylesheet" href="../../dist/css/patternfly.min.css" >
27
27
  <link rel="stylesheet" href="../../dist/css/patternfly-additions.min.css" >
28
28
  <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
29
- <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
30
- <script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
29
+ <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
30
+ <script src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
31
31
  <script src="../../dist/js/patternfly.min.js"></script>
32
32
  </head>
33
33
 
@@ -44,8 +44,7 @@
44
44
  border-top-color: #468847;
45
45
  }
46
46
  .datepicker {
47
- padding: 4px;
48
- border-radius: 4px;
47
+ border-radius: 1px;
49
48
  direction: ltr;
50
49
  }
51
50
  .datepicker-inline {
@@ -60,13 +59,14 @@
60
59
  .datepicker-dropdown {
61
60
  top: 0;
62
61
  left: 0;
62
+ padding: 4px;
63
63
  }
64
64
  .datepicker-dropdown:before {
65
65
  content: '';
66
66
  display: inline-block;
67
67
  border-left: 7px solid transparent;
68
68
  border-right: 7px solid transparent;
69
- border-bottom: 7px solid #ccc;
69
+ border-bottom: 7px solid #bbb;
70
70
  border-top: 0;
71
71
  border-bottom-color: rgba(0, 0, 0, 0.2);
72
72
  position: absolute;
@@ -92,18 +92,18 @@
92
92
  .datepicker-dropdown.datepicker-orient-right:after {
93
93
  right: 7px;
94
94
  }
95
- .datepicker-dropdown.datepicker-orient-top:before {
95
+ .datepicker-dropdown.datepicker-orient-bottom:before {
96
96
  top: -7px;
97
97
  }
98
- .datepicker-dropdown.datepicker-orient-top:after {
98
+ .datepicker-dropdown.datepicker-orient-bottom:after {
99
99
  top: -6px;
100
100
  }
101
- .datepicker-dropdown.datepicker-orient-bottom:before {
101
+ .datepicker-dropdown.datepicker-orient-top:before {
102
102
  bottom: -7px;
103
103
  border-bottom: 0;
104
- border-top: 7px solid #999;
104
+ border-top: 7px solid #bbb;
105
105
  }
106
- .datepicker-dropdown.datepicker-orient-bottom:after {
106
+ .datepicker-dropdown.datepicker-orient-top:after {
107
107
  bottom: -6px;
108
108
  border-bottom: 0;
109
109
  border-top: 6px solid #fff;
@@ -111,11 +111,6 @@
111
111
  .datepicker > div {
112
112
  display: none;
113
113
  }
114
- .datepicker.days .datepicker-days,
115
- .datepicker.months .datepicker-months,
116
- .datepicker.years .datepicker-years {
117
- display: block;
118
- }
119
114
  .datepicker table {
120
115
  margin: 0;
121
116
  -webkit-touch-callout: none;
@@ -137,610 +132,516 @@
137
132
  .table-striped .datepicker table tr th {
138
133
  background-color: transparent;
139
134
  }
140
- .datepicker table tr td.day:hover,
141
- .datepicker table tr td.day.focused {
142
- background: #f1f1f1;
143
- cursor: pointer;
144
- }
145
135
  .datepicker table tr td.old,
146
136
  .datepicker table tr td.new {
147
137
  color: #9c9c9c;
148
138
  }
139
+ .datepicker table tr td.day:hover,
140
+ .datepicker table tr td.focused {
141
+ background: #f1f1f1;
142
+ cursor: pointer;
143
+ }
149
144
  .datepicker table tr td.disabled,
150
145
  .datepicker table tr td.disabled:hover {
151
146
  background: none;
152
147
  color: #9c9c9c;
153
148
  cursor: default;
154
149
  }
155
- .datepicker table tr td.today,
156
- .datepicker table tr td.today:hover,
157
- .datepicker table tr td.today.disabled,
158
- .datepicker table tr td.today.disabled:hover {
150
+ .datepicker table tr td.highlighted {
151
+ color: #000;
152
+ background-color: #d9edf7;
153
+ border-color: #85c5e5;
154
+ border-radius: 0;
155
+ }
156
+ .datepicker table tr td.highlighted:focus,
157
+ .datepicker table tr td.highlighted.focus {
158
+ color: #000;
159
+ background-color: #afd9ee;
160
+ border-color: #298fc2;
161
+ }
162
+ .datepicker table tr td.highlighted:hover {
163
+ color: #000;
164
+ background-color: #afd9ee;
165
+ border-color: #52addb;
166
+ }
167
+ .datepicker table tr td.highlighted:active,
168
+ .datepicker table tr td.highlighted.active,
169
+ .open > .dropdown-toggle.datepicker table tr td.highlighted {
170
+ color: #000;
171
+ background-color: #afd9ee;
172
+ border-color: #52addb;
173
+ }
174
+ .datepicker table tr td.highlighted:active:hover,
175
+ .datepicker table tr td.highlighted.active:hover,
176
+ .open > .dropdown-toggle.datepicker table tr td.highlighted:hover,
177
+ .datepicker table tr td.highlighted:active:focus,
178
+ .datepicker table tr td.highlighted.active:focus,
179
+ .open > .dropdown-toggle.datepicker table tr td.highlighted:focus,
180
+ .datepicker table tr td.highlighted:active.focus,
181
+ .datepicker table tr td.highlighted.active.focus,
182
+ .open > .dropdown-toggle.datepicker table tr td.highlighted.focus {
183
+ color: #000;
184
+ background-color: #91cbe8;
185
+ border-color: #298fc2;
186
+ }
187
+ .datepicker table tr td.highlighted:active,
188
+ .datepicker table tr td.highlighted.active,
189
+ .open > .dropdown-toggle.datepicker table tr td.highlighted {
190
+ background-image: none;
191
+ }
192
+ .datepicker table tr td.highlighted.disabled:hover,
193
+ .datepicker table tr td.highlighted[disabled]:hover,
194
+ fieldset[disabled] .datepicker table tr td.highlighted:hover,
195
+ .datepicker table tr td.highlighted.disabled:focus,
196
+ .datepicker table tr td.highlighted[disabled]:focus,
197
+ fieldset[disabled] .datepicker table tr td.highlighted:focus,
198
+ .datepicker table tr td.highlighted.disabled.focus,
199
+ .datepicker table tr td.highlighted[disabled].focus,
200
+ fieldset[disabled] .datepicker table tr td.highlighted.focus {
201
+ background-color: #d9edf7;
202
+ border-color: #85c5e5;
203
+ }
204
+ .datepicker table tr td.highlighted .badge {
205
+ color: #d9edf7;
206
+ background-color: #000;
207
+ }
208
+ .datepicker table tr td.highlighted.focused {
209
+ background: #afd9ee;
210
+ }
211
+ .datepicker table tr td.highlighted.disabled,
212
+ .datepicker table tr td.highlighted.disabled:active {
213
+ background: #d9edf7;
214
+ color: #9c9c9c;
215
+ }
216
+ .datepicker table tr td.today {
159
217
  color: #000;
160
218
  background-color: #ffdb99;
161
219
  border-color: #ffb733;
162
220
  }
163
221
  .datepicker table tr td.today:focus,
164
- .datepicker table tr td.today:hover:focus,
165
- .datepicker table tr td.today.disabled:focus,
166
- .datepicker table tr td.today.disabled:hover:focus,
167
- .datepicker table tr td.today.focus,
168
- .datepicker table tr td.today:hover.focus,
169
- .datepicker table tr td.today.disabled.focus,
170
- .datepicker table tr td.today.disabled:hover.focus {
222
+ .datepicker table tr td.today.focus {
171
223
  color: #000;
172
224
  background-color: #ffc966;
173
225
  border-color: #b37400;
174
226
  }
175
- .datepicker table tr td.today:hover,
176
- .datepicker table tr td.today:hover:hover,
177
- .datepicker table tr td.today.disabled:hover,
178
- .datepicker table tr td.today.disabled:hover:hover {
227
+ .datepicker table tr td.today:hover {
179
228
  color: #000;
180
229
  background-color: #ffc966;
181
230
  border-color: #f59e00;
182
231
  }
183
232
  .datepicker table tr td.today:active,
184
- .datepicker table tr td.today:hover:active,
185
- .datepicker table tr td.today.disabled:active,
186
- .datepicker table tr td.today.disabled:hover:active,
187
233
  .datepicker table tr td.today.active,
188
- .datepicker table tr td.today:hover.active,
189
- .datepicker table tr td.today.disabled.active,
190
- .datepicker table tr td.today.disabled:hover.active,
191
- .open > .dropdown-toggle.datepicker table tr td.today,
192
- .open > .dropdown-toggle.datepicker table tr td.today:hover,
193
- .open > .dropdown-toggle.datepicker table tr td.today.disabled,
194
- .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover {
234
+ .open > .dropdown-toggle.datepicker table tr td.today {
195
235
  color: #000;
196
236
  background-color: #ffc966;
197
237
  border-color: #f59e00;
198
238
  }
199
239
  .datepicker table tr td.today:active:hover,
200
- .datepicker table tr td.today:hover:active:hover,
201
- .datepicker table tr td.today.disabled:active:hover,
202
- .datepicker table tr td.today.disabled:hover:active:hover,
203
240
  .datepicker table tr td.today.active:hover,
204
- .datepicker table tr td.today:hover.active:hover,
205
- .datepicker table tr td.today.disabled.active:hover,
206
- .datepicker table tr td.today.disabled:hover.active:hover,
207
241
  .open > .dropdown-toggle.datepicker table tr td.today:hover,
208
- .open > .dropdown-toggle.datepicker table tr td.today:hover:hover,
209
- .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover,
210
- .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover:hover,
211
242
  .datepicker table tr td.today:active:focus,
212
- .datepicker table tr td.today:hover:active:focus,
213
- .datepicker table tr td.today.disabled:active:focus,
214
- .datepicker table tr td.today.disabled:hover:active:focus,
215
243
  .datepicker table tr td.today.active:focus,
216
- .datepicker table tr td.today:hover.active:focus,
217
- .datepicker table tr td.today.disabled.active:focus,
218
- .datepicker table tr td.today.disabled:hover.active:focus,
219
244
  .open > .dropdown-toggle.datepicker table tr td.today:focus,
220
- .open > .dropdown-toggle.datepicker table tr td.today:hover:focus,
221
- .open > .dropdown-toggle.datepicker table tr td.today.disabled:focus,
222
- .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover:focus,
223
245
  .datepicker table tr td.today:active.focus,
224
- .datepicker table tr td.today:hover:active.focus,
225
- .datepicker table tr td.today.disabled:active.focus,
226
- .datepicker table tr td.today.disabled:hover:active.focus,
227
246
  .datepicker table tr td.today.active.focus,
228
- .datepicker table tr td.today:hover.active.focus,
229
- .datepicker table tr td.today.disabled.active.focus,
230
- .datepicker table tr td.today.disabled:hover.active.focus,
231
- .open > .dropdown-toggle.datepicker table tr td.today.focus,
232
- .open > .dropdown-toggle.datepicker table tr td.today:hover.focus,
233
- .open > .dropdown-toggle.datepicker table tr td.today.disabled.focus,
234
- .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover.focus {
247
+ .open > .dropdown-toggle.datepicker table tr td.today.focus {
235
248
  color: #000;
236
249
  background-color: #ffbc42;
237
250
  border-color: #b37400;
238
251
  }
239
252
  .datepicker table tr td.today:active,
240
- .datepicker table tr td.today:hover:active,
241
- .datepicker table tr td.today.disabled:active,
242
- .datepicker table tr td.today.disabled:hover:active,
243
253
  .datepicker table tr td.today.active,
244
- .datepicker table tr td.today:hover.active,
245
- .datepicker table tr td.today.disabled.active,
246
- .datepicker table tr td.today.disabled:hover.active,
247
- .open > .dropdown-toggle.datepicker table tr td.today,
248
- .open > .dropdown-toggle.datepicker table tr td.today:hover,
249
- .open > .dropdown-toggle.datepicker table tr td.today.disabled,
250
- .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover {
254
+ .open > .dropdown-toggle.datepicker table tr td.today {
251
255
  background-image: none;
252
256
  }
253
257
  .datepicker table tr td.today.disabled:hover,
254
- .datepicker table tr td.today:hover.disabled:hover,
255
- .datepicker table tr td.today.disabled.disabled:hover,
256
- .datepicker table tr td.today.disabled:hover.disabled:hover,
257
258
  .datepicker table tr td.today[disabled]:hover,
258
- .datepicker table tr td.today:hover[disabled]:hover,
259
- .datepicker table tr td.today.disabled[disabled]:hover,
260
- .datepicker table tr td.today.disabled:hover[disabled]:hover,
261
259
  fieldset[disabled] .datepicker table tr td.today:hover,
262
- fieldset[disabled] .datepicker table tr td.today:hover:hover,
263
- fieldset[disabled] .datepicker table tr td.today.disabled:hover,
264
- fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
265
260
  .datepicker table tr td.today.disabled:focus,
266
- .datepicker table tr td.today:hover.disabled:focus,
267
- .datepicker table tr td.today.disabled.disabled:focus,
268
- .datepicker table tr td.today.disabled:hover.disabled:focus,
269
261
  .datepicker table tr td.today[disabled]:focus,
270
- .datepicker table tr td.today:hover[disabled]:focus,
271
- .datepicker table tr td.today.disabled[disabled]:focus,
272
- .datepicker table tr td.today.disabled:hover[disabled]:focus,
273
262
  fieldset[disabled] .datepicker table tr td.today:focus,
274
- fieldset[disabled] .datepicker table tr td.today:hover:focus,
275
- fieldset[disabled] .datepicker table tr td.today.disabled:focus,
276
- fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
277
263
  .datepicker table tr td.today.disabled.focus,
278
- .datepicker table tr td.today:hover.disabled.focus,
279
- .datepicker table tr td.today.disabled.disabled.focus,
280
- .datepicker table tr td.today.disabled:hover.disabled.focus,
281
264
  .datepicker table tr td.today[disabled].focus,
282
- .datepicker table tr td.today:hover[disabled].focus,
283
- .datepicker table tr td.today.disabled[disabled].focus,
284
- .datepicker table tr td.today.disabled:hover[disabled].focus,
285
- fieldset[disabled] .datepicker table tr td.today.focus,
286
- fieldset[disabled] .datepicker table tr td.today:hover.focus,
287
- fieldset[disabled] .datepicker table tr td.today.disabled.focus,
288
- fieldset[disabled] .datepicker table tr td.today.disabled:hover.focus {
265
+ fieldset[disabled] .datepicker table tr td.today.focus {
289
266
  background-color: #ffdb99;
290
267
  border-color: #ffb733;
291
268
  }
292
- .datepicker table tr td.today .badge,
293
- .datepicker table tr td.today:hover .badge,
294
- .datepicker table tr td.today.disabled .badge,
295
- .datepicker table tr td.today.disabled:hover .badge {
269
+ .datepicker table tr td.today .badge {
296
270
  color: #ffdb99;
297
271
  background-color: #000;
298
272
  }
299
- .datepicker table tr td.today:hover:hover {
273
+ .datepicker table tr td.today.focused {
274
+ background: #ffc966;
275
+ }
276
+ .datepicker table tr td.today.disabled,
277
+ .datepicker table tr td.today.disabled:active {
278
+ background: #ffdb99;
279
+ color: #9c9c9c;
280
+ }
281
+ .datepicker table tr td.range {
282
+ color: #000;
283
+ background-color: #f1f1f1;
284
+ border-color: #bebebe;
285
+ border-radius: 0;
286
+ }
287
+ .datepicker table tr td.range:focus,
288
+ .datepicker table tr td.range.focus {
300
289
  color: #000;
290
+ background-color: #d8d8d8;
291
+ border-color: #7f7f7f;
301
292
  }
302
- .datepicker table tr td.today.active:hover {
303
- color: #fff;
293
+ .datepicker table tr td.range:hover {
294
+ color: #000;
295
+ background-color: #d8d8d8;
296
+ border-color: #a0a0a0;
297
+ }
298
+ .datepicker table tr td.range:active,
299
+ .datepicker table tr td.range.active,
300
+ .open > .dropdown-toggle.datepicker table tr td.range {
301
+ color: #000;
302
+ background-color: #d8d8d8;
303
+ border-color: #a0a0a0;
304
+ }
305
+ .datepicker table tr td.range:active:hover,
306
+ .datepicker table tr td.range.active:hover,
307
+ .open > .dropdown-toggle.datepicker table tr td.range:hover,
308
+ .datepicker table tr td.range:active:focus,
309
+ .datepicker table tr td.range.active:focus,
310
+ .open > .dropdown-toggle.datepicker table tr td.range:focus,
311
+ .datepicker table tr td.range:active.focus,
312
+ .datepicker table tr td.range.active.focus,
313
+ .open > .dropdown-toggle.datepicker table tr td.range.focus {
314
+ color: #000;
315
+ background-color: #c6c6c6;
316
+ border-color: #7f7f7f;
317
+ }
318
+ .datepicker table tr td.range:active,
319
+ .datepicker table tr td.range.active,
320
+ .open > .dropdown-toggle.datepicker table tr td.range {
321
+ background-image: none;
322
+ }
323
+ .datepicker table tr td.range.disabled:hover,
324
+ .datepicker table tr td.range[disabled]:hover,
325
+ fieldset[disabled] .datepicker table tr td.range:hover,
326
+ .datepicker table tr td.range.disabled:focus,
327
+ .datepicker table tr td.range[disabled]:focus,
328
+ fieldset[disabled] .datepicker table tr td.range:focus,
329
+ .datepicker table tr td.range.disabled.focus,
330
+ .datepicker table tr td.range[disabled].focus,
331
+ fieldset[disabled] .datepicker table tr td.range.focus {
332
+ background-color: #f1f1f1;
333
+ border-color: #bebebe;
334
+ }
335
+ .datepicker table tr td.range .badge {
336
+ color: #f1f1f1;
337
+ background-color: #000;
338
+ }
339
+ .datepicker table tr td.range.focused {
340
+ background: #d8d8d8;
304
341
  }
305
- .datepicker table tr td.range,
306
- .datepicker table tr td.range:hover,
307
342
  .datepicker table tr td.range.disabled,
308
- .datepicker table tr td.range.disabled:hover {
343
+ .datepicker table tr td.range.disabled:active {
309
344
  background: #f1f1f1;
310
- border-radius: 0;
345
+ color: #9c9c9c;
311
346
  }
312
- .datepicker table tr td.range.today,
313
- .datepicker table tr td.range.today:hover,
314
- .datepicker table tr td.range.today.disabled,
315
- .datepicker table tr td.range.today.disabled:hover {
347
+ .datepicker table tr td.range.highlighted {
348
+ color: #000;
349
+ background-color: #e5eff4;
350
+ border-color: #9dc3d6;
351
+ }
352
+ .datepicker table tr td.range.highlighted:focus,
353
+ .datepicker table tr td.range.highlighted.focus {
354
+ color: #000;
355
+ background-color: #c1d9e5;
356
+ border-color: #488bac;
357
+ }
358
+ .datepicker table tr td.range.highlighted:hover {
359
+ color: #000;
360
+ background-color: #c1d9e5;
361
+ border-color: #72a9c4;
362
+ }
363
+ .datepicker table tr td.range.highlighted:active,
364
+ .datepicker table tr td.range.highlighted.active,
365
+ .open > .dropdown-toggle.datepicker table tr td.range.highlighted {
366
+ color: #000;
367
+ background-color: #c1d9e5;
368
+ border-color: #72a9c4;
369
+ }
370
+ .datepicker table tr td.range.highlighted:active:hover,
371
+ .datepicker table tr td.range.highlighted.active:hover,
372
+ .open > .dropdown-toggle.datepicker table tr td.range.highlighted:hover,
373
+ .datepicker table tr td.range.highlighted:active:focus,
374
+ .datepicker table tr td.range.highlighted.active:focus,
375
+ .open > .dropdown-toggle.datepicker table tr td.range.highlighted:focus,
376
+ .datepicker table tr td.range.highlighted:active.focus,
377
+ .datepicker table tr td.range.highlighted.active.focus,
378
+ .open > .dropdown-toggle.datepicker table tr td.range.highlighted.focus {
379
+ color: #000;
380
+ background-color: #a8cadb;
381
+ border-color: #488bac;
382
+ }
383
+ .datepicker table tr td.range.highlighted:active,
384
+ .datepicker table tr td.range.highlighted.active,
385
+ .open > .dropdown-toggle.datepicker table tr td.range.highlighted {
386
+ background-image: none;
387
+ }
388
+ .datepicker table tr td.range.highlighted.disabled:hover,
389
+ .datepicker table tr td.range.highlighted[disabled]:hover,
390
+ fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
391
+ .datepicker table tr td.range.highlighted.disabled:focus,
392
+ .datepicker table tr td.range.highlighted[disabled]:focus,
393
+ fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
394
+ .datepicker table tr td.range.highlighted.disabled.focus,
395
+ .datepicker table tr td.range.highlighted[disabled].focus,
396
+ fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
397
+ background-color: #e5eff4;
398
+ border-color: #9dc3d6;
399
+ }
400
+ .datepicker table tr td.range.highlighted .badge {
401
+ color: #e5eff4;
402
+ background-color: #000;
403
+ }
404
+ .datepicker table tr td.range.highlighted.focused {
405
+ background: #c1d9e5;
406
+ }
407
+ .datepicker table tr td.range.highlighted.disabled,
408
+ .datepicker table tr td.range.highlighted.disabled:active {
409
+ background: #e5eff4;
410
+ color: #9c9c9c;
411
+ }
412
+ .datepicker table tr td.range.today {
316
413
  color: #000;
317
414
  background-color: #f8cb79;
318
415
  border-color: #f3a618;
319
- border-radius: 0;
320
416
  }
321
417
  .datepicker table tr td.range.today:focus,
322
- .datepicker table tr td.range.today:hover:focus,
323
- .datepicker table tr td.range.today.disabled:focus,
324
- .datepicker table tr td.range.today.disabled:hover:focus,
325
- .datepicker table tr td.range.today.focus,
326
- .datepicker table tr td.range.today:hover.focus,
327
- .datepicker table tr td.range.today.disabled.focus,
328
- .datepicker table tr td.range.today.disabled:hover.focus {
418
+ .datepicker table tr td.range.today.focus {
329
419
  color: #000;
330
420
  background-color: #f6b848;
331
421
  border-color: #855807;
332
422
  }
333
- .datepicker table tr td.range.today:hover,
334
- .datepicker table tr td.range.today:hover:hover,
335
- .datepicker table tr td.range.today.disabled:hover,
336
- .datepicker table tr td.range.today.disabled:hover:hover {
423
+ .datepicker table tr td.range.today:hover {
337
424
  color: #000;
338
425
  background-color: #f6b848;
339
426
  border-color: #c4820a;
340
427
  }
341
428
  .datepicker table tr td.range.today:active,
342
- .datepicker table tr td.range.today:hover:active,
343
- .datepicker table tr td.range.today.disabled:active,
344
- .datepicker table tr td.range.today.disabled:hover:active,
345
429
  .datepicker table tr td.range.today.active,
346
- .datepicker table tr td.range.today:hover.active,
347
- .datepicker table tr td.range.today.disabled.active,
348
- .datepicker table tr td.range.today.disabled:hover.active,
349
- .open > .dropdown-toggle.datepicker table tr td.range.today,
350
- .open > .dropdown-toggle.datepicker table tr td.range.today:hover,
351
- .open > .dropdown-toggle.datepicker table tr td.range.today.disabled,
352
- .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
430
+ .open > .dropdown-toggle.datepicker table tr td.range.today {
353
431
  color: #000;
354
432
  background-color: #f6b848;
355
433
  border-color: #c4820a;
356
434
  }
357
435
  .datepicker table tr td.range.today:active:hover,
358
- .datepicker table tr td.range.today:hover:active:hover,
359
- .datepicker table tr td.range.today.disabled:active:hover,
360
- .datepicker table tr td.range.today.disabled:hover:active:hover,
361
436
  .datepicker table tr td.range.today.active:hover,
362
- .datepicker table tr td.range.today:hover.active:hover,
363
- .datepicker table tr td.range.today.disabled.active:hover,
364
- .datepicker table tr td.range.today.disabled:hover.active:hover,
365
437
  .open > .dropdown-toggle.datepicker table tr td.range.today:hover,
366
- .open > .dropdown-toggle.datepicker table tr td.range.today:hover:hover,
367
- .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover,
368
- .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover:hover,
369
438
  .datepicker table tr td.range.today:active:focus,
370
- .datepicker table tr td.range.today:hover:active:focus,
371
- .datepicker table tr td.range.today.disabled:active:focus,
372
- .datepicker table tr td.range.today.disabled:hover:active:focus,
373
439
  .datepicker table tr td.range.today.active:focus,
374
- .datepicker table tr td.range.today:hover.active:focus,
375
- .datepicker table tr td.range.today.disabled.active:focus,
376
- .datepicker table tr td.range.today.disabled:hover.active:focus,
377
440
  .open > .dropdown-toggle.datepicker table tr td.range.today:focus,
378
- .open > .dropdown-toggle.datepicker table tr td.range.today:hover:focus,
379
- .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:focus,
380
- .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover:focus,
381
441
  .datepicker table tr td.range.today:active.focus,
382
- .datepicker table tr td.range.today:hover:active.focus,
383
- .datepicker table tr td.range.today.disabled:active.focus,
384
- .datepicker table tr td.range.today.disabled:hover:active.focus,
385
442
  .datepicker table tr td.range.today.active.focus,
386
- .datepicker table tr td.range.today:hover.active.focus,
387
- .datepicker table tr td.range.today.disabled.active.focus,
388
- .datepicker table tr td.range.today.disabled:hover.active.focus,
389
- .open > .dropdown-toggle.datepicker table tr td.range.today.focus,
390
- .open > .dropdown-toggle.datepicker table tr td.range.today:hover.focus,
391
- .open > .dropdown-toggle.datepicker table tr td.range.today.disabled.focus,
392
- .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover.focus {
443
+ .open > .dropdown-toggle.datepicker table tr td.range.today.focus {
393
444
  color: #000;
394
445
  background-color: #f4ab26;
395
446
  border-color: #855807;
396
447
  }
397
448
  .datepicker table tr td.range.today:active,
398
- .datepicker table tr td.range.today:hover:active,
399
- .datepicker table tr td.range.today.disabled:active,
400
- .datepicker table tr td.range.today.disabled:hover:active,
401
449
  .datepicker table tr td.range.today.active,
402
- .datepicker table tr td.range.today:hover.active,
403
- .datepicker table tr td.range.today.disabled.active,
404
- .datepicker table tr td.range.today.disabled:hover.active,
405
- .open > .dropdown-toggle.datepicker table tr td.range.today,
406
- .open > .dropdown-toggle.datepicker table tr td.range.today:hover,
407
- .open > .dropdown-toggle.datepicker table tr td.range.today.disabled,
408
- .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
450
+ .open > .dropdown-toggle.datepicker table tr td.range.today {
409
451
  background-image: none;
410
452
  }
411
453
  .datepicker table tr td.range.today.disabled:hover,
412
- .datepicker table tr td.range.today:hover.disabled:hover,
413
- .datepicker table tr td.range.today.disabled.disabled:hover,
414
- .datepicker table tr td.range.today.disabled:hover.disabled:hover,
415
454
  .datepicker table tr td.range.today[disabled]:hover,
416
- .datepicker table tr td.range.today:hover[disabled]:hover,
417
- .datepicker table tr td.range.today.disabled[disabled]:hover,
418
- .datepicker table tr td.range.today.disabled:hover[disabled]:hover,
419
455
  fieldset[disabled] .datepicker table tr td.range.today:hover,
420
- fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
421
- fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
422
- fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
423
456
  .datepicker table tr td.range.today.disabled:focus,
424
- .datepicker table tr td.range.today:hover.disabled:focus,
425
- .datepicker table tr td.range.today.disabled.disabled:focus,
426
- .datepicker table tr td.range.today.disabled:hover.disabled:focus,
427
457
  .datepicker table tr td.range.today[disabled]:focus,
428
- .datepicker table tr td.range.today:hover[disabled]:focus,
429
- .datepicker table tr td.range.today.disabled[disabled]:focus,
430
- .datepicker table tr td.range.today.disabled:hover[disabled]:focus,
431
458
  fieldset[disabled] .datepicker table tr td.range.today:focus,
432
- fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
433
- fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
434
- fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
435
459
  .datepicker table tr td.range.today.disabled.focus,
436
- .datepicker table tr td.range.today:hover.disabled.focus,
437
- .datepicker table tr td.range.today.disabled.disabled.focus,
438
- .datepicker table tr td.range.today.disabled:hover.disabled.focus,
439
460
  .datepicker table tr td.range.today[disabled].focus,
440
- .datepicker table tr td.range.today:hover[disabled].focus,
441
- .datepicker table tr td.range.today.disabled[disabled].focus,
442
- .datepicker table tr td.range.today.disabled:hover[disabled].focus,
443
- fieldset[disabled] .datepicker table tr td.range.today.focus,
444
- fieldset[disabled] .datepicker table tr td.range.today:hover.focus,
445
- fieldset[disabled] .datepicker table tr td.range.today.disabled.focus,
446
- fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.focus {
461
+ fieldset[disabled] .datepicker table tr td.range.today.focus {
447
462
  background-color: #f8cb79;
448
463
  border-color: #f3a618;
449
464
  }
450
- .datepicker table tr td.range.today .badge,
451
- .datepicker table tr td.range.today:hover .badge,
452
- .datepicker table tr td.range.today.disabled .badge,
453
- .datepicker table tr td.range.today.disabled:hover .badge {
465
+ .datepicker table tr td.range.today .badge {
454
466
  color: #f8cb79;
455
467
  background-color: #000;
456
468
  }
469
+ .datepicker table tr td.range.today.disabled,
470
+ .datepicker table tr td.range.today.disabled:active {
471
+ background: #f8cb79;
472
+ color: #9c9c9c;
473
+ }
457
474
  .datepicker table tr td.selected,
458
- .datepicker table tr td.selected:hover,
459
- .datepicker table tr td.selected.disabled,
460
- .datepicker table tr td.selected.disabled:hover {
475
+ .datepicker table tr td.selected.highlighted {
461
476
  color: #fff;
462
477
  background-color: #9c9c9c;
463
478
  border-color: #555555;
464
479
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
465
480
  }
466
481
  .datepicker table tr td.selected:focus,
467
- .datepicker table tr td.selected:hover:focus,
468
- .datepicker table tr td.selected.disabled:focus,
469
- .datepicker table tr td.selected.disabled:hover:focus,
482
+ .datepicker table tr td.selected.highlighted:focus,
470
483
  .datepicker table tr td.selected.focus,
471
- .datepicker table tr td.selected:hover.focus,
472
- .datepicker table tr td.selected.disabled.focus,
473
- .datepicker table tr td.selected.disabled:hover.focus {
484
+ .datepicker table tr td.selected.highlighted.focus {
474
485
  color: #fff;
475
486
  background-color: #838383;
476
487
  border-color: #161616;
477
488
  }
478
489
  .datepicker table tr td.selected:hover,
479
- .datepicker table tr td.selected:hover:hover,
480
- .datepicker table tr td.selected.disabled:hover,
481
- .datepicker table tr td.selected.disabled:hover:hover {
490
+ .datepicker table tr td.selected.highlighted:hover {
482
491
  color: #fff;
483
492
  background-color: #838383;
484
493
  border-color: #373737;
485
494
  }
486
495
  .datepicker table tr td.selected:active,
487
- .datepicker table tr td.selected:hover:active,
488
- .datepicker table tr td.selected.disabled:active,
489
- .datepicker table tr td.selected.disabled:hover:active,
496
+ .datepicker table tr td.selected.highlighted:active,
490
497
  .datepicker table tr td.selected.active,
491
- .datepicker table tr td.selected:hover.active,
492
- .datepicker table tr td.selected.disabled.active,
493
- .datepicker table tr td.selected.disabled:hover.active,
498
+ .datepicker table tr td.selected.highlighted.active,
494
499
  .open > .dropdown-toggle.datepicker table tr td.selected,
495
- .open > .dropdown-toggle.datepicker table tr td.selected:hover,
496
- .open > .dropdown-toggle.datepicker table tr td.selected.disabled,
497
- .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
500
+ .open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
498
501
  color: #fff;
499
502
  background-color: #838383;
500
503
  border-color: #373737;
501
504
  }
502
505
  .datepicker table tr td.selected:active:hover,
503
- .datepicker table tr td.selected:hover:active:hover,
504
- .datepicker table tr td.selected.disabled:active:hover,
505
- .datepicker table tr td.selected.disabled:hover:active:hover,
506
+ .datepicker table tr td.selected.highlighted:active:hover,
506
507
  .datepicker table tr td.selected.active:hover,
507
- .datepicker table tr td.selected:hover.active:hover,
508
- .datepicker table tr td.selected.disabled.active:hover,
509
- .datepicker table tr td.selected.disabled:hover.active:hover,
508
+ .datepicker table tr td.selected.highlighted.active:hover,
510
509
  .open > .dropdown-toggle.datepicker table tr td.selected:hover,
511
- .open > .dropdown-toggle.datepicker table tr td.selected:hover:hover,
512
- .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover,
513
- .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover:hover,
510
+ .open > .dropdown-toggle.datepicker table tr td.selected.highlighted:hover,
514
511
  .datepicker table tr td.selected:active:focus,
515
- .datepicker table tr td.selected:hover:active:focus,
516
- .datepicker table tr td.selected.disabled:active:focus,
517
- .datepicker table tr td.selected.disabled:hover:active:focus,
512
+ .datepicker table tr td.selected.highlighted:active:focus,
518
513
  .datepicker table tr td.selected.active:focus,
519
- .datepicker table tr td.selected:hover.active:focus,
520
- .datepicker table tr td.selected.disabled.active:focus,
521
- .datepicker table tr td.selected.disabled:hover.active:focus,
514
+ .datepicker table tr td.selected.highlighted.active:focus,
522
515
  .open > .dropdown-toggle.datepicker table tr td.selected:focus,
523
- .open > .dropdown-toggle.datepicker table tr td.selected:hover:focus,
524
- .open > .dropdown-toggle.datepicker table tr td.selected.disabled:focus,
525
- .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover:focus,
516
+ .open > .dropdown-toggle.datepicker table tr td.selected.highlighted:focus,
526
517
  .datepicker table tr td.selected:active.focus,
527
- .datepicker table tr td.selected:hover:active.focus,
528
- .datepicker table tr td.selected.disabled:active.focus,
529
- .datepicker table tr td.selected.disabled:hover:active.focus,
518
+ .datepicker table tr td.selected.highlighted:active.focus,
530
519
  .datepicker table tr td.selected.active.focus,
531
- .datepicker table tr td.selected:hover.active.focus,
532
- .datepicker table tr td.selected.disabled.active.focus,
533
- .datepicker table tr td.selected.disabled:hover.active.focus,
520
+ .datepicker table tr td.selected.highlighted.active.focus,
534
521
  .open > .dropdown-toggle.datepicker table tr td.selected.focus,
535
- .open > .dropdown-toggle.datepicker table tr td.selected:hover.focus,
536
- .open > .dropdown-toggle.datepicker table tr td.selected.disabled.focus,
537
- .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover.focus {
522
+ .open > .dropdown-toggle.datepicker table tr td.selected.highlighted.focus {
538
523
  color: #fff;
539
524
  background-color: #717171;
540
525
  border-color: #161616;
541
526
  }
542
527
  .datepicker table tr td.selected:active,
543
- .datepicker table tr td.selected:hover:active,
544
- .datepicker table tr td.selected.disabled:active,
545
- .datepicker table tr td.selected.disabled:hover:active,
528
+ .datepicker table tr td.selected.highlighted:active,
546
529
  .datepicker table tr td.selected.active,
547
- .datepicker table tr td.selected:hover.active,
548
- .datepicker table tr td.selected.disabled.active,
549
- .datepicker table tr td.selected.disabled:hover.active,
530
+ .datepicker table tr td.selected.highlighted.active,
550
531
  .open > .dropdown-toggle.datepicker table tr td.selected,
551
- .open > .dropdown-toggle.datepicker table tr td.selected:hover,
552
- .open > .dropdown-toggle.datepicker table tr td.selected.disabled,
553
- .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
532
+ .open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
554
533
  background-image: none;
555
534
  }
556
535
  .datepicker table tr td.selected.disabled:hover,
557
- .datepicker table tr td.selected:hover.disabled:hover,
558
- .datepicker table tr td.selected.disabled.disabled:hover,
559
- .datepicker table tr td.selected.disabled:hover.disabled:hover,
536
+ .datepicker table tr td.selected.highlighted.disabled:hover,
560
537
  .datepicker table tr td.selected[disabled]:hover,
561
- .datepicker table tr td.selected:hover[disabled]:hover,
562
- .datepicker table tr td.selected.disabled[disabled]:hover,
563
- .datepicker table tr td.selected.disabled:hover[disabled]:hover,
538
+ .datepicker table tr td.selected.highlighted[disabled]:hover,
564
539
  fieldset[disabled] .datepicker table tr td.selected:hover,
565
- fieldset[disabled] .datepicker table tr td.selected:hover:hover,
566
- fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
567
- fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
540
+ fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
568
541
  .datepicker table tr td.selected.disabled:focus,
569
- .datepicker table tr td.selected:hover.disabled:focus,
570
- .datepicker table tr td.selected.disabled.disabled:focus,
571
- .datepicker table tr td.selected.disabled:hover.disabled:focus,
542
+ .datepicker table tr td.selected.highlighted.disabled:focus,
572
543
  .datepicker table tr td.selected[disabled]:focus,
573
- .datepicker table tr td.selected:hover[disabled]:focus,
574
- .datepicker table tr td.selected.disabled[disabled]:focus,
575
- .datepicker table tr td.selected.disabled:hover[disabled]:focus,
544
+ .datepicker table tr td.selected.highlighted[disabled]:focus,
576
545
  fieldset[disabled] .datepicker table tr td.selected:focus,
577
- fieldset[disabled] .datepicker table tr td.selected:hover:focus,
578
- fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
579
- fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
546
+ fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
580
547
  .datepicker table tr td.selected.disabled.focus,
581
- .datepicker table tr td.selected:hover.disabled.focus,
582
- .datepicker table tr td.selected.disabled.disabled.focus,
583
- .datepicker table tr td.selected.disabled:hover.disabled.focus,
548
+ .datepicker table tr td.selected.highlighted.disabled.focus,
584
549
  .datepicker table tr td.selected[disabled].focus,
585
- .datepicker table tr td.selected:hover[disabled].focus,
586
- .datepicker table tr td.selected.disabled[disabled].focus,
587
- .datepicker table tr td.selected.disabled:hover[disabled].focus,
550
+ .datepicker table tr td.selected.highlighted[disabled].focus,
588
551
  fieldset[disabled] .datepicker table tr td.selected.focus,
589
- fieldset[disabled] .datepicker table tr td.selected:hover.focus,
590
- fieldset[disabled] .datepicker table tr td.selected.disabled.focus,
591
- fieldset[disabled] .datepicker table tr td.selected.disabled:hover.focus {
552
+ fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
592
553
  background-color: #9c9c9c;
593
554
  border-color: #555555;
594
555
  }
595
556
  .datepicker table tr td.selected .badge,
596
- .datepicker table tr td.selected:hover .badge,
597
- .datepicker table tr td.selected.disabled .badge,
598
- .datepicker table tr td.selected.disabled:hover .badge {
557
+ .datepicker table tr td.selected.highlighted .badge {
599
558
  color: #9c9c9c;
600
559
  background-color: #fff;
601
560
  }
602
561
  .datepicker table tr td.active,
603
- .datepicker table tr td.active:hover,
604
- .datepicker table tr td.active.disabled,
605
- .datepicker table tr td.active.disabled:hover {
562
+ .datepicker table tr td.active.highlighted {
606
563
  color: #fff;
607
564
  background-color: #0088ce;
608
565
  border-color: #00659c;
609
566
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
610
567
  }
611
568
  .datepicker table tr td.active:focus,
612
- .datepicker table tr td.active:hover:focus,
613
- .datepicker table tr td.active.disabled:focus,
614
- .datepicker table tr td.active.disabled:hover:focus,
569
+ .datepicker table tr td.active.highlighted:focus,
615
570
  .datepicker table tr td.active.focus,
616
- .datepicker table tr td.active:hover.focus,
617
- .datepicker table tr td.active.disabled.focus,
618
- .datepicker table tr td.active.disabled:hover.focus {
571
+ .datepicker table tr td.active.highlighted.focus {
619
572
  color: #fff;
620
573
  background-color: #00669b;
621
574
  border-color: #00121d;
622
575
  }
623
576
  .datepicker table tr td.active:hover,
624
- .datepicker table tr td.active:hover:hover,
625
- .datepicker table tr td.active.disabled:hover,
626
- .datepicker table tr td.active.disabled:hover:hover {
577
+ .datepicker table tr td.active.highlighted:hover {
627
578
  color: #fff;
628
579
  background-color: #00669b;
629
580
  border-color: #003d5f;
630
581
  }
631
582
  .datepicker table tr td.active:active,
632
- .datepicker table tr td.active:hover:active,
633
- .datepicker table tr td.active.disabled:active,
634
- .datepicker table tr td.active.disabled:hover:active,
583
+ .datepicker table tr td.active.highlighted:active,
635
584
  .datepicker table tr td.active.active,
636
- .datepicker table tr td.active:hover.active,
637
- .datepicker table tr td.active.disabled.active,
638
- .datepicker table tr td.active.disabled:hover.active,
585
+ .datepicker table tr td.active.highlighted.active,
639
586
  .open > .dropdown-toggle.datepicker table tr td.active,
640
- .open > .dropdown-toggle.datepicker table tr td.active:hover,
641
- .open > .dropdown-toggle.datepicker table tr td.active.disabled,
642
- .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover {
587
+ .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
643
588
  color: #fff;
644
589
  background-color: #00669b;
645
590
  border-color: #003d5f;
646
591
  }
647
592
  .datepicker table tr td.active:active:hover,
648
- .datepicker table tr td.active:hover:active:hover,
649
- .datepicker table tr td.active.disabled:active:hover,
650
- .datepicker table tr td.active.disabled:hover:active:hover,
593
+ .datepicker table tr td.active.highlighted:active:hover,
651
594
  .datepicker table tr td.active.active:hover,
652
- .datepicker table tr td.active:hover.active:hover,
653
- .datepicker table tr td.active.disabled.active:hover,
654
- .datepicker table tr td.active.disabled:hover.active:hover,
595
+ .datepicker table tr td.active.highlighted.active:hover,
655
596
  .open > .dropdown-toggle.datepicker table tr td.active:hover,
656
- .open > .dropdown-toggle.datepicker table tr td.active:hover:hover,
657
- .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover,
658
- .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:hover,
597
+ .open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover,
659
598
  .datepicker table tr td.active:active:focus,
660
- .datepicker table tr td.active:hover:active:focus,
661
- .datepicker table tr td.active.disabled:active:focus,
662
- .datepicker table tr td.active.disabled:hover:active:focus,
599
+ .datepicker table tr td.active.highlighted:active:focus,
663
600
  .datepicker table tr td.active.active:focus,
664
- .datepicker table tr td.active:hover.active:focus,
665
- .datepicker table tr td.active.disabled.active:focus,
666
- .datepicker table tr td.active.disabled:hover.active:focus,
601
+ .datepicker table tr td.active.highlighted.active:focus,
667
602
  .open > .dropdown-toggle.datepicker table tr td.active:focus,
668
- .open > .dropdown-toggle.datepicker table tr td.active:hover:focus,
669
- .open > .dropdown-toggle.datepicker table tr td.active.disabled:focus,
670
- .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:focus,
603
+ .open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus,
671
604
  .datepicker table tr td.active:active.focus,
672
- .datepicker table tr td.active:hover:active.focus,
673
- .datepicker table tr td.active.disabled:active.focus,
674
- .datepicker table tr td.active.disabled:hover:active.focus,
605
+ .datepicker table tr td.active.highlighted:active.focus,
675
606
  .datepicker table tr td.active.active.focus,
676
- .datepicker table tr td.active:hover.active.focus,
677
- .datepicker table tr td.active.disabled.active.focus,
678
- .datepicker table tr td.active.disabled:hover.active.focus,
607
+ .datepicker table tr td.active.highlighted.active.focus,
679
608
  .open > .dropdown-toggle.datepicker table tr td.active.focus,
680
- .open > .dropdown-toggle.datepicker table tr td.active:hover.focus,
681
- .open > .dropdown-toggle.datepicker table tr td.active.disabled.focus,
682
- .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover.focus {
609
+ .open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus {
683
610
  color: #fff;
684
611
  background-color: #004f77;
685
612
  border-color: #00121d;
686
613
  }
687
614
  .datepicker table tr td.active:active,
688
- .datepicker table tr td.active:hover:active,
689
- .datepicker table tr td.active.disabled:active,
690
- .datepicker table tr td.active.disabled:hover:active,
615
+ .datepicker table tr td.active.highlighted:active,
691
616
  .datepicker table tr td.active.active,
692
- .datepicker table tr td.active:hover.active,
693
- .datepicker table tr td.active.disabled.active,
694
- .datepicker table tr td.active.disabled:hover.active,
617
+ .datepicker table tr td.active.highlighted.active,
695
618
  .open > .dropdown-toggle.datepicker table tr td.active,
696
- .open > .dropdown-toggle.datepicker table tr td.active:hover,
697
- .open > .dropdown-toggle.datepicker table tr td.active.disabled,
698
- .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover {
619
+ .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
699
620
  background-image: none;
700
621
  }
701
622
  .datepicker table tr td.active.disabled:hover,
702
- .datepicker table tr td.active:hover.disabled:hover,
703
- .datepicker table tr td.active.disabled.disabled:hover,
704
- .datepicker table tr td.active.disabled:hover.disabled:hover,
623
+ .datepicker table tr td.active.highlighted.disabled:hover,
705
624
  .datepicker table tr td.active[disabled]:hover,
706
- .datepicker table tr td.active:hover[disabled]:hover,
707
- .datepicker table tr td.active.disabled[disabled]:hover,
708
- .datepicker table tr td.active.disabled:hover[disabled]:hover,
625
+ .datepicker table tr td.active.highlighted[disabled]:hover,
709
626
  fieldset[disabled] .datepicker table tr td.active:hover,
710
- fieldset[disabled] .datepicker table tr td.active:hover:hover,
711
- fieldset[disabled] .datepicker table tr td.active.disabled:hover,
712
- fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
627
+ fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
713
628
  .datepicker table tr td.active.disabled:focus,
714
- .datepicker table tr td.active:hover.disabled:focus,
715
- .datepicker table tr td.active.disabled.disabled:focus,
716
- .datepicker table tr td.active.disabled:hover.disabled:focus,
629
+ .datepicker table tr td.active.highlighted.disabled:focus,
717
630
  .datepicker table tr td.active[disabled]:focus,
718
- .datepicker table tr td.active:hover[disabled]:focus,
719
- .datepicker table tr td.active.disabled[disabled]:focus,
720
- .datepicker table tr td.active.disabled:hover[disabled]:focus,
631
+ .datepicker table tr td.active.highlighted[disabled]:focus,
721
632
  fieldset[disabled] .datepicker table tr td.active:focus,
722
- fieldset[disabled] .datepicker table tr td.active:hover:focus,
723
- fieldset[disabled] .datepicker table tr td.active.disabled:focus,
724
- fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
633
+ fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
725
634
  .datepicker table tr td.active.disabled.focus,
726
- .datepicker table tr td.active:hover.disabled.focus,
727
- .datepicker table tr td.active.disabled.disabled.focus,
728
- .datepicker table tr td.active.disabled:hover.disabled.focus,
635
+ .datepicker table tr td.active.highlighted.disabled.focus,
729
636
  .datepicker table tr td.active[disabled].focus,
730
- .datepicker table tr td.active:hover[disabled].focus,
731
- .datepicker table tr td.active.disabled[disabled].focus,
732
- .datepicker table tr td.active.disabled:hover[disabled].focus,
637
+ .datepicker table tr td.active.highlighted[disabled].focus,
733
638
  fieldset[disabled] .datepicker table tr td.active.focus,
734
- fieldset[disabled] .datepicker table tr td.active:hover.focus,
735
- fieldset[disabled] .datepicker table tr td.active.disabled.focus,
736
- fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus {
639
+ fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
737
640
  background-color: #0088ce;
738
641
  border-color: #00659c;
739
642
  }
740
643
  .datepicker table tr td.active .badge,
741
- .datepicker table tr td.active:hover .badge,
742
- .datepicker table tr td.active.disabled .badge,
743
- .datepicker table tr td.active.disabled:hover .badge {
644
+ .datepicker table tr td.active.highlighted .badge {
744
645
  color: #0088ce;
745
646
  background-color: #fff;
746
647
  }
@@ -754,7 +655,8 @@ fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus {
754
655
  cursor: pointer;
755
656
  border-radius: 4px;
756
657
  }
757
- .datepicker table tr td span:hover {
658
+ .datepicker table tr td span:hover,
659
+ .datepicker table tr td span.focused {
758
660
  background: #f1f1f1;
759
661
  }
760
662
  .datepicker table tr td span.disabled,
@@ -915,11 +817,15 @@ fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
915
817
  .datepicker .datepicker-switch {
916
818
  width: 145px;
917
819
  }
918
- .datepicker thead tr:first-child th,
820
+ .datepicker .datepicker-switch,
821
+ .datepicker .prev,
822
+ .datepicker .next,
919
823
  .datepicker tfoot tr th {
920
824
  cursor: pointer;
921
825
  }
922
- .datepicker thead tr:first-child th:hover,
826
+ .datepicker .datepicker-switch:hover,
827
+ .datepicker .prev:hover,
828
+ .datepicker .next:hover,
923
829
  .datepicker tfoot tr th:hover {
924
830
  background: #f1f1f1;
925
831
  }
@@ -929,10 +835,6 @@ fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
929
835
  padding: 0 2px 0 5px;
930
836
  vertical-align: middle;
931
837
  }
932
- .datepicker thead tr:first-child .cw {
933
- cursor: default;
934
- background-color: transparent;
935
- }
936
838
  .input-group.date .input-group-addon {
937
839
  cursor: pointer;
938
840
  }
@@ -952,17 +854,16 @@ fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
952
854
  width: auto;
953
855
  min-width: 16px;
954
856
  padding: 4px 5px;
955
- font-weight: normal;
956
857
  line-height: 1.66666667;
957
- text-align: center;
958
858
  text-shadow: 0 1px 0 #fff;
959
- vertical-align: middle;
960
- background-color: #f1f1f1;
961
- border: solid #bbb;
962
859
  border-width: 1px 0;
963
860
  margin-left: -5px;
964
861
  margin-right: -5px;
965
862
  }
863
+ select.bs-select-hidden,
864
+ select.selectpicker {
865
+ display: none !important;
866
+ }
966
867
  .bootstrap-select {
967
868
  width: 220px \0;
968
869
  /*IE9 and below*/
@@ -970,6 +871,25 @@ fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
970
871
  .bootstrap-select > .dropdown-toggle {
971
872
  width: 100%;
972
873
  padding-right: 25px;
874
+ z-index: 1;
875
+ }
876
+ .bootstrap-select > select {
877
+ position: absolute !important;
878
+ bottom: 0;
879
+ left: 50%;
880
+ display: block !important;
881
+ width: 0.5px !important;
882
+ height: 100% !important;
883
+ padding: 0 !important;
884
+ opacity: 0 !important;
885
+ border: none;
886
+ }
887
+ .bootstrap-select > select.mobile-device {
888
+ top: 0;
889
+ left: 0;
890
+ display: block !important;
891
+ width: 100% !important;
892
+ z-index: 2;
973
893
  }
974
894
  .has-error .bootstrap-select .dropdown-toggle,
975
895
  .error .bootstrap-select .dropdown-toggle {
@@ -1028,6 +948,12 @@ fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
1028
948
  .bootstrap-select.btn-group > .disabled:focus {
1029
949
  outline: none !important;
1030
950
  }
951
+ .bootstrap-select.btn-group.bs-container {
952
+ position: absolute;
953
+ }
954
+ .bootstrap-select.btn-group.bs-container .dropdown-menu {
955
+ z-index: 1060;
956
+ }
1031
957
  .bootstrap-select.btn-group .dropdown-toggle .filter-option {
1032
958
  display: inline-block;
1033
959
  overflow: hidden;
@@ -1046,7 +972,6 @@ fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
1046
972
  }
1047
973
  .bootstrap-select.btn-group .dropdown-menu {
1048
974
  min-width: 100%;
1049
- z-index: 1035;
1050
975
  box-sizing: border-box;
1051
976
  }
1052
977
  .bootstrap-select.btn-group .dropdown-menu.inner {
@@ -1069,6 +994,10 @@ fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
1069
994
  }
1070
995
  .bootstrap-select.btn-group .dropdown-menu li a {
1071
996
  cursor: pointer;
997
+ -webkit-user-select: none;
998
+ -moz-user-select: none;
999
+ -ms-user-select: none;
1000
+ user-select: none;
1072
1001
  }
1073
1002
  .bootstrap-select.btn-group .dropdown-menu li a.opt {
1074
1003
  position: relative;
@@ -1121,7 +1050,7 @@ fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
1121
1050
  margin-right: 34px;
1122
1051
  }
1123
1052
  .bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
1124
- z-index: 1036;
1053
+ z-index: 1061;
1125
1054
  }
1126
1055
  .bootstrap-select.show-menu-arrow .dropdown-toggle:before {
1127
1056
  content: '';
@@ -1173,7 +1102,6 @@ fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
1173
1102
  padding: 4px 8px;
1174
1103
  }
1175
1104
  .bs-actionsbox {
1176
- float: left;
1177
1105
  width: 100%;
1178
1106
  box-sizing: border-box;
1179
1107
  }
@@ -1194,19 +1122,7 @@ fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
1194
1122
  .bs-searchbox .form-control {
1195
1123
  margin-bottom: 0;
1196
1124
  width: 100%;
1197
- }
1198
- select.bs-select-hidden,
1199
- select.selectpicker {
1200
- display: none !important;
1201
- }
1202
- select.mobile-device {
1203
- position: absolute !important;
1204
- top: 0;
1205
- left: 0;
1206
- display: block !important;
1207
- width: 100%;
1208
- height: 100% !important;
1209
- opacity: 0;
1125
+ float: none;
1210
1126
  }
1211
1127
  .bootstrap-switch {
1212
1128
  display: inline-block;
@@ -1386,7 +1302,7 @@ select.mobile-device {
1386
1302
  border-top-left-radius: 0px;
1387
1303
  }
1388
1304
  /*
1389
- * Bootstrap TouchSpin - v3.0.1
1305
+ * Bootstrap TouchSpin - v3.1.1
1390
1306
  * A mobile and touch friendly input spinner component for Bootstrap 3.
1391
1307
  * http://www.virtuosoft.eu/code/bootstrap-touchspin/
1392
1308
  *
@@ -3260,6 +3176,9 @@ table.datatable th:active {
3260
3176
  }
3261
3177
  .layout-pf.layout-pf-fixed.transitions .container-pf-nav-pf-vertical {
3262
3178
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
3179
+ -webkit-transition: margin-left 0.25s;
3180
+ -moz-transition: margin-left 0.25s;
3181
+ -o-transition: margin-left 0.25s;
3263
3182
  }
3264
3183
  .layout-pf.layout-pf-fixed body {
3265
3184
  padding-top: 60px;
@@ -3267,66 +3186,42 @@ table.datatable th:active {
3267
3186
  .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical {
3268
3187
  margin-left: 200px;
3269
3188
  }
3270
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.hidden-icons-pf {
3271
- margin-left: 176px;
3272
- }
3273
3189
  .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.collapsed-nav {
3274
- margin-left: 0;
3275
- }
3276
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.hidden-nav {
3277
- margin-left: 0;
3278
- }
3279
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.collapsed-nav {
3280
3190
  margin-left: 75px;
3281
3191
  }
3282
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.collapsed-nav.hidden-icons-pf {
3192
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.collapsed-nav.hidden-icons-pf {
3283
3193
  margin-left: 0;
3284
3194
  }
3285
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.collapsed-secondary-nav-pf,
3286
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-secondary-nav-pf {
3287
- margin-left: 250px;
3288
- }
3289
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf {
3290
- margin-left: 200px;
3291
- }
3292
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.hidden-icons-pf {
3293
- margin-left: 176px;
3294
- }
3295
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.hidden-nav {
3195
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.hidden-nav {
3296
3196
  margin-left: 0;
3297
3197
  }
3298
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-nav {
3299
- margin-left: 75px;
3198
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-sub-menus.hide-nav-pf {
3199
+ margin-left: 0 !important;
3300
3200
  }
3301
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-nav.hidden-icons-pf {
3302
- margin-left: 0;
3201
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-sub-menus.collapsed-secondary-nav-pf,
3202
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-sub-menus.collapsed-tertiary-nav-pf {
3203
+ margin-left: 200px;
3303
3204
  }
3304
3205
  @media (min-width: 1200px) {
3305
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf {
3306
- margin-left: 450px;
3307
- }
3308
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.hidden-icons-pf {
3309
- margin-left: 426px;
3206
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf {
3207
+ margin-left: 400px;
3310
3208
  }
3311
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.hidden-nav {
3209
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.hidden-nav {
3312
3210
  margin-left: 0;
3313
3211
  }
3314
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-secondary-nav-pf {
3315
- margin-left: 250px;
3212
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-secondary-nav-pf {
3213
+ margin-left: 200px;
3316
3214
  }
3317
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-nav {
3318
- margin-left: 325px;
3215
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav {
3216
+ margin-left: 275px;
3319
3217
  }
3320
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-nav.collapsed-secondary-nav-pf {
3321
- margin-left: 250px;
3218
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav.collapsed-secondary-nav-pf {
3219
+ margin-left: 200px;
3322
3220
  }
3323
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-nav.hidden-icons-pf {
3221
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav.hidden-icons-pf {
3324
3222
  margin-left: 0;
3325
3223
  }
3326
3224
  }
3327
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.hidden-nav {
3328
- margin-left: 0;
3329
- }
3330
3225
  .layout-pf.layout-pf-fixed-with-footer body {
3331
3226
  padding-bottom: 37px;
3332
3227
  }
@@ -3585,6 +3480,11 @@ a.disabled {
3585
3480
  line-height: 30px;
3586
3481
  width: 30px;
3587
3482
  }
3483
+ .list-view-pf-left .pficon.list-view-pf-icon-sm:before,
3484
+ .list-view-pf-left .fa.list-view-pf-icon-sm:before {
3485
+ display: block;
3486
+ line-height: 26px;
3487
+ }
3588
3488
  .list-view-pf-left .pficon.list-view-pf-icon-success,
3589
3489
  .list-view-pf-left .fa.list-view-pf-icon-success {
3590
3490
  background-color: #e9f4e9;
@@ -3625,6 +3525,9 @@ a.disabled {
3625
3525
  float: none;
3626
3526
  width: auto;
3627
3527
  }
3528
+ .list-view-pf-view {
3529
+ margin-top: 30px;
3530
+ }
3628
3531
  .login-pf {
3629
3532
  height: 100%;
3630
3533
  }
@@ -4258,8 +4161,8 @@ a.disabled {
4258
4161
  left: auto;
4259
4162
  right: 100%;
4260
4163
  }
4261
- .navbar-pf .open .dropdown-menu {
4262
- border-top-width: 0 !important;
4164
+ .navbar-pf .navbar-utility .open .dropdown-menu {
4165
+ border-top-width: 0;
4263
4166
  }
4264
4167
  .navbar-pf .open.bootstrap-select .dropdown-menu,
4265
4168
  .navbar-pf .open .dropdown-submenu > .dropdown-menu {
@@ -4281,7 +4184,7 @@ a.disabled {
4281
4184
  }
4282
4185
  .navbar-pf-alt {
4283
4186
  background-color: #030303;
4284
- background-image: url("../img/bg-navbar-pf-alt.svg");
4187
+ background-image: "bg-navbar-pf-alt.svg";
4285
4188
  background-repeat: no-repeat;
4286
4189
  background-size: auto 100%;
4287
4190
  border: none;
@@ -4658,6 +4561,7 @@ a.disabled {
4658
4561
  position: absolute;
4659
4562
  right: 0;
4660
4563
  width: 320px;
4564
+ z-index: 2;
4661
4565
  }
4662
4566
  .drawer-pf .panel {
4663
4567
  border-bottom: none;
@@ -4690,9 +4594,13 @@ a.disabled {
4690
4594
  cursor: pointer;
4691
4595
  display: block;
4692
4596
  }
4693
- .drawer-pf-action .btn {
4597
+ .drawer-pf-action .btn-link {
4598
+ color: #0088ce;
4694
4599
  padding: 10px 0;
4695
4600
  }
4601
+ .drawer-pf-action .btn-link:hover {
4602
+ color: #00659c;
4603
+ }
4696
4604
  .drawer-pf-loading {
4697
4605
  color: #4d5258;
4698
4606
  font-size: 14px;
@@ -4734,7 +4642,7 @@ a.disabled {
4734
4642
  .drawer-pf-title {
4735
4643
  background-color: #fafafa;
4736
4644
  border-bottom: 1px solid #d1d1d1;
4737
- position: fixed;
4645
+ position: absolute;
4738
4646
  width: 318px;
4739
4647
  }
4740
4648
  .drawer-pf-title h3 {
@@ -4756,6 +4664,14 @@ a.disabled {
4756
4664
  .navbar-pf-vertical .nav .drawer-pf-trigger.open .drawer-pf-trigger-icon {
4757
4665
  background-color: #232323;
4758
4666
  }
4667
+ /* Exclusive styles to work with Horizontal Navigation */
4668
+ .navbar-pf .drawer-pf {
4669
+ height: calc(100vh - 46px);
4670
+ top: 26px;
4671
+ }
4672
+ .navbar-pf .drawer-pf-trigger-icon {
4673
+ cursor: pointer;
4674
+ }
4759
4675
  .search-pf.has-button {
4760
4676
  border-collapse: separate;
4761
4677
  display: table;
@@ -5262,6 +5178,7 @@ a.disabled {
5262
5178
  }
5263
5179
  .toolbar-pf-actions {
5264
5180
  display: table;
5181
+ margin-bottom: 10px;
5265
5182
  width: 100%;
5266
5183
  }
5267
5184
  @media (min-width: 768px) {
@@ -5270,29 +5187,141 @@ a.disabled {
5270
5187
  width: 25%;
5271
5188
  }
5272
5189
  }
5273
- .toolbar-pf-actions .toolbar-pf-view-selector {
5190
+ .toolbar-pf-view-selector {
5274
5191
  font-size: 16px;
5275
5192
  }
5276
5193
  @media (min-width: 768px) {
5277
- .toolbar-pf-actions .toolbar-pf-view-selector {
5194
+ .toolbar-pf-view-selector {
5278
5195
  border-right: 0;
5279
5196
  float: right;
5280
5197
  padding-right: 0;
5281
5198
  }
5282
5199
  }
5283
- .toolbar-pf-actions .toolbar-pf-view-selector .active a {
5200
+ .toolbar-pf-view-selector .active a {
5284
5201
  color: #0088ce;
5285
5202
  cursor: default;
5286
5203
  }
5287
- .toolbar-pf-actions .toolbar-pf-view-selector a {
5204
+ .toolbar-pf-view-selector a {
5288
5205
  color: #252525;
5289
5206
  }
5290
- .toolbar-pf-actions .toolbar-pf-view-selector a:hover {
5207
+ .toolbar-pf-view-selector a:hover {
5291
5208
  color: #0088ce;
5292
5209
  }
5293
- .toolbar-pf-actions .toolbar-pf-view-selector .list-inline {
5210
+ .toolbar-pf-view-selector .list-inline {
5294
5211
  margin-bottom: 0;
5295
5212
  }
5213
+ .toolbar-pf-action-right {
5214
+ float: right;
5215
+ }
5216
+ @media (max-width: 768px) {
5217
+ .toolbar-pf-action-right {
5218
+ float: none;
5219
+ }
5220
+ }
5221
+ @media (min-width: 768px) {
5222
+ .toolbar-pf-action-right .toolbar-pf-view-selector {
5223
+ float: left;
5224
+ }
5225
+ }
5226
+ .toolbar-pf-find {
5227
+ font-size: 14px;
5228
+ position: relative;
5229
+ }
5230
+ .toolbar-pf-find .btn {
5231
+ outline: none;
5232
+ }
5233
+ .find-pf-dropdown-container {
5234
+ background: #fff;
5235
+ border: solid 1px #bbb;
5236
+ display: none;
5237
+ left: -200px;
5238
+ padding: 5px;
5239
+ position: absolute;
5240
+ top: 35px;
5241
+ width: 300px;
5242
+ z-index: 10000;
5243
+ }
5244
+ @media (max-width: 768px) {
5245
+ .find-pf-dropdown-container {
5246
+ left: 30px;
5247
+ top: -5px;
5248
+ width: calc(100% - 30px);
5249
+ }
5250
+ }
5251
+ .find-pf-dropdown-container:before,
5252
+ .find-pf-dropdown-container:after {
5253
+ content: "";
5254
+ display: block;
5255
+ height: 0;
5256
+ position: absolute;
5257
+ width: 0;
5258
+ }
5259
+ .find-pf-dropdown-container:before {
5260
+ border-bottom: 11px solid #bbb;
5261
+ border-left: 11px solid transparent;
5262
+ border-right: 11px solid transparent;
5263
+ left: 215px;
5264
+ top: -12px;
5265
+ }
5266
+ @media (max-width: 768px) {
5267
+ .find-pf-dropdown-container:before {
5268
+ border-bottom: 11px solid transparent;
5269
+ border-right: 11px solid #bbb;
5270
+ border-top: 11px solid transparent;
5271
+ left: -22px;
5272
+ top: 8px;
5273
+ }
5274
+ }
5275
+ .find-pf-dropdown-container:after {
5276
+ border-bottom: 10px solid #fff;
5277
+ border-left: 10px solid transparent;
5278
+ border-right: 10px solid transparent;
5279
+ left: 216px;
5280
+ top: -10px;
5281
+ }
5282
+ @media (max-width: 768px) {
5283
+ .find-pf-dropdown-container:after {
5284
+ border-bottom: 10px solid transparent;
5285
+ border-right: 10px solid #fff;
5286
+ border-top: 10px solid transparent;
5287
+ left: -20px;
5288
+ top: 9px;
5289
+ }
5290
+ }
5291
+ .find-pf-dropdown-container input {
5292
+ padding: 5px 95px 5px 5px;
5293
+ width: 100%;
5294
+ height: 30px;
5295
+ line-height: 30px;
5296
+ }
5297
+ .find-pf-dropdown-container .find-pf-buttons {
5298
+ position: absolute;
5299
+ right: 10px;
5300
+ top: 0;
5301
+ }
5302
+ .find-pf-dropdown-container .find-pf-buttons .btn {
5303
+ margin-left: 2px;
5304
+ }
5305
+ .find-pf-dropdown-container .find-pf-buttons span {
5306
+ cursor: pointer;
5307
+ display: inline-block;
5308
+ height: 30px;
5309
+ line-height: 30px;
5310
+ margin-right: 5px;
5311
+ vertical-align: middle;
5312
+ }
5313
+ .find-pf-dropdown-container .find-pf-buttons .find-pf-nums {
5314
+ color: #8b8d8f;
5315
+ font-size: 14px;
5316
+ }
5317
+ .find-pf-dropdown-container .find-pf-buttons .btn-link .fa-angle-up,
5318
+ .find-pf-dropdown-container .find-pf-buttons .btn-link .fa-angle-down {
5319
+ font-weight: bold;
5320
+ font-size: 18px;
5321
+ }
5322
+ .find-pf-dropdown-container .find-pf-buttons .btn-find-close {
5323
+ font-size: 14px;
5324
+ }
5296
5325
  .toolbar-pf-results {
5297
5326
  border-top: 1px solid #d1d1d1;
5298
5327
  margin-top: 10px;
@@ -5331,26 +5360,13 @@ a.disabled {
5331
5360
  padding-left: 0;
5332
5361
  padding-right: 0;
5333
5362
  }
5334
- .layout-pf-fixedafdaf.transitions .nav-pf-vertical {
5335
- transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
5336
- }
5337
- .layout-pf-fixedafdaf.transitions .nav-pf-vertical.collapsed .list-group-item .list-group-item-value {
5338
- transition: opacity 0s .1s, opacity .1s linear;
5339
- }
5340
- .layout-pf-fixedafdaf.transitions .nav-pf-vertical .list-group-item .badge {
5341
- transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
5342
- }
5343
- .layout-pf-fixedafdaf.transitions .nav-pf-vertical .list-group-item .list-group-item-value {
5344
- transition: opacity 0.5s ease-out;
5345
- transition-delay: .15s;
5346
- }
5347
5363
  .nav-pf-vertical {
5348
5364
  background: #292e34;
5349
5365
  border-right: 1px solid #292e34;
5350
5366
  bottom: 0;
5367
+ left: 0;
5351
5368
  overflow-x: hidden;
5352
5369
  overflow-y: auto;
5353
- left: 0;
5354
5370
  position: fixed;
5355
5371
  top: 60px;
5356
5372
  width: 200px;
@@ -5362,450 +5378,651 @@ a.disabled {
5362
5378
  .ie9.layout-pf-fixed .nav-pf-vertical {
5363
5379
  box-sizing: content-box;
5364
5380
  }
5365
- .nav-pf-vertical.collapsed:not(.nav-pf-vertical-with-secondary-nav) {
5366
- display: none;
5381
+ .nav-pf-vertical.hidden.show-mobile-nav {
5382
+ box-shadow: 0 0 3px rgba(3, 3, 3, 0.15);
5383
+ display: block !important;
5384
+ }
5385
+ .nav-pf-vertical .hide-nav-pf {
5386
+ visibility: hidden !important;
5387
+ }
5388
+ .nav-pf-vertical .list-group {
5389
+ border-top: 0;
5390
+ margin-bottom: 0;
5391
+ }
5392
+ .nav-pf-vertical .list-group-item {
5393
+ background-color: transparent;
5394
+ border-color: #030303;
5395
+ padding: 0;
5396
+ }
5397
+ .nav-pf-vertical .list-group-item > a {
5398
+ background-color: transparent;
5399
+ color: #d1d1d1;
5400
+ cursor: pointer;
5401
+ display: block;
5402
+ font-size: 14px;
5403
+ font-weight: 400;
5404
+ height: 63px;
5405
+ line-height: 26px;
5406
+ outline: 0;
5407
+ padding: 17px 20px 17px 25px;
5408
+ position: relative;
5409
+ white-space: nowrap;
5410
+ width: 200px;
5411
+ }
5412
+ .nav-pf-vertical .list-group-item > a .fa,
5413
+ .nav-pf-vertical .list-group-item > a .glyphicon,
5414
+ .nav-pf-vertical .list-group-item > a .pficon {
5415
+ color: #72767b;
5416
+ float: left;
5417
+ font-size: 20px;
5418
+ line-height: 26px;
5419
+ margin-right: 10px;
5420
+ text-align: center;
5421
+ width: 24px;
5422
+ }
5423
+ .nav-pf-vertical .list-group-item > a:hover {
5424
+ text-decoration: none;
5425
+ }
5426
+ .nav-pf-vertical .list-group-item.active > a,
5427
+ .nav-pf-vertical .list-group-item:hover > a {
5428
+ background-color: #393f44;
5429
+ color: #fff;
5430
+ font-weight: 600;
5431
+ }
5432
+ .nav-pf-vertical .list-group-item.active > a .fa,
5433
+ .nav-pf-vertical .list-group-item:hover > a .fa,
5434
+ .nav-pf-vertical .list-group-item.active > a .glyphicon,
5435
+ .nav-pf-vertical .list-group-item:hover > a .glyphicon,
5436
+ .nav-pf-vertical .list-group-item.active > a .pficon,
5437
+ .nav-pf-vertical .list-group-item:hover > a .pficon {
5438
+ color: #39a5dc;
5439
+ }
5440
+ .nav-pf-vertical .list-group-item.active > a:before {
5441
+ background: #39a5dc;
5442
+ content: " ";
5443
+ height: 100%;
5444
+ left: 0;
5445
+ position: absolute;
5446
+ top: 0;
5447
+ width: 3px;
5448
+ }
5449
+ .nav-pf-vertical .list-group-item.active:hover {
5450
+ background-color: transparent;
5451
+ border-color: #030303;
5452
+ }
5453
+ .nav-pf-vertical .list-group-item > .list-group-item-value {
5454
+ display: block;
5455
+ line-height: 30px;
5456
+ max-width: 120px;
5457
+ overflow: hidden;
5458
+ text-overflow: ellipsis;
5459
+ width: 100%;
5460
+ }
5461
+ .nav-pf-vertical .list-group-item-separator {
5462
+ border-top-color: #030303;
5463
+ border-top-width: 2px;
5367
5464
  }
5368
5465
  .nav-pf-vertical.collapsed {
5369
5466
  width: 75px;
5370
5467
  }
5371
- .nav-pf-vertical.collapsed.collapsed-secondary-nav-pf {
5372
- width: 250px;
5373
- }
5374
5468
  .nav-pf-vertical.collapsed > .list-group > .list-group-item > a {
5375
- margin-right: 0;
5376
5469
  width: 75px;
5377
5470
  }
5378
5471
  .nav-pf-vertical.collapsed > .list-group > .list-group-item > a > .list-group-item-value {
5379
5472
  display: none;
5380
5473
  width: 0;
5381
5474
  }
5382
- .nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary.active > a,
5383
- .nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary > a {
5384
- width: 75px;
5475
+ .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a .fa,
5476
+ .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a .glyphicon,
5477
+ .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a .pficon {
5478
+ display: none;
5385
5479
  }
5386
- .nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary.active > a:after,
5387
- .nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary > a:after {
5388
- right: 10px;
5480
+ .nav-pf-vertical.hidden-icons-pf.collapsed {
5481
+ display: none;
5389
5482
  }
5390
- .nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary:hover > a {
5391
- width: 76px;
5392
- z-index: 1032;
5483
+ .nav-pf-vertical-tooltip.tooltip {
5484
+ margin-left: 15px;
5393
5485
  }
5394
- .nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary:hover > a:after {
5395
- right: 11px;
5486
+ .nav-pf-vertical-tooltip.tooltip .tooltip-inner {
5487
+ background-color: #fff;
5488
+ color: #292e34;
5396
5489
  }
5397
- @media (min-width: 1200px) {
5398
- .nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary.active > a,
5399
- .nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary > a {
5400
- width: 76px;
5401
- }
5490
+ .nav-pf-vertical-tooltip.tooltip .tooltip-arrow {
5491
+ border-bottom-color: #fff;
5492
+ left: calc(50% - 15px) !important;
5402
5493
  }
5403
- .nav-pf-vertical.hidden-icons-pf {
5404
- width: 176px;
5494
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-secondary-nav-pf {
5495
+ width: 200px;
5405
5496
  }
5406
- .nav-pf-vertical.hidden-icons-pf.collapsed-secondary-nav-pf {
5407
- width: 250px;
5497
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-tertiary-nav-pf {
5498
+ width: 200px;
5408
5499
  }
5409
- .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a {
5410
- width: 176px;
5500
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.hover-secondary-nav-pf {
5501
+ width: 400px;
5411
5502
  }
5412
- .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a .fa,
5413
- .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a .glyphicon,
5414
- .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a .pficon {
5415
- display: none;
5503
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.hover-tertiary-nav-pf {
5504
+ width: 600px;
5416
5505
  }
5417
- .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item.persistent-secondary.active > a,
5418
- .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item.persistent-secondary:hover > a {
5419
- width: 177px;
5420
- z-index: 1032;
5506
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.hover-tertiary-nav-pf .nav-pf-secondary-nav {
5507
+ width: 400px;
5421
5508
  }
5422
- .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item.persistent-secondary.active > a:after,
5423
- .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item.persistent-secondary:hover > a:after {
5424
- right: 21px;
5509
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.hover-tertiary-nav-pf .nav-pf-secondary-nav .collapsed-tertiary-nav-pf {
5510
+ width: 200px;
5425
5511
  }
5426
- .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav .nav-pf-persistent-secondary {
5427
- left: 176px;
5512
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.hover-tertiary-nav-pf .nav-pf-tertiary-nav {
5513
+ left: 400px;
5428
5514
  }
5429
- .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav .nav-pf-persistent-secondary.collapsed-secondary-nav-pf {
5515
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav.show-mobile-secondary {
5516
+ width: 200px;
5517
+ }
5518
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav.show-mobile-tertiary {
5519
+ width: 200px;
5520
+ }
5521
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .mobile-nav-item-pf .nav-pf-secondary-nav,
5522
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .mobile-secondary-item-pf .nav-pf-secondary-nav {
5430
5523
  left: 0;
5524
+ opacity: 1;
5525
+ visibility: visible;
5526
+ z-index: 1034;
5431
5527
  }
5432
- .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.collapsed {
5433
- display: none;
5528
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .mobile-nav-item-pf > .nav-pf-tertiary-nav,
5529
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .mobile-secondary-item-pf > .nav-pf-tertiary-nav {
5530
+ opacity: 1;
5531
+ visibility: visible;
5434
5532
  }
5435
- .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf {
5436
- width: 426px;
5533
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .nav-pf-secondary-nav {
5534
+ left: 0;
5437
5535
  }
5438
- .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf.collapsed-secondary-nav-pf {
5439
- width: 250px;
5536
+ .secondary-nav-item-pf:hover .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .nav-pf-secondary-nav {
5537
+ opacity: 0;
5538
+ visibility: hidden;
5440
5539
  }
5441
- .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf.show-mobile-nav {
5442
- width: 176px;
5540
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .nav-pf-tertiary-nav {
5541
+ left: 0;
5542
+ z-index: 1038;
5443
5543
  }
5444
- .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.collapsed-secondary-nav-pf {
5445
- width: 250px;
5544
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .tertiary-nav-item-pf:hover .nav-pf-tertiary-nav {
5545
+ opacity: 0;
5546
+ visibility: hidden;
5446
5547
  }
5447
- .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.secondary-visible-pf {
5448
- width: 426px;
5548
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .tertiary-nav-item-pf.mobile-nav-item-pf:hover .nav-pf-tertiary-nav {
5549
+ opacity: 1;
5550
+ visibility: visible;
5449
5551
  }
5450
- .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed-secondary-nav-pf {
5451
- width: 250px;
5552
+ .layout-pf-fixed-with-footer .nav-pf-vertical.nav-pf-vertical-with-sub-menus {
5553
+ bottom: 37px;
5452
5554
  }
5453
- .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.show-mobile-nav {
5454
- width: 250px;
5555
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf > a {
5556
+ cursor: default;
5455
5557
  }
5456
- .nav-pf-vertical.hidden.show-mobile-nav {
5457
- box-shadow: 0 0 3px rgba(3, 3, 3, 0.15);
5458
- display: block !important;
5558
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf > a:after {
5559
+ color: #72767b;
5560
+ content: "\f105";
5561
+ display: block;
5562
+ font-family: "FontAwesome";
5563
+ font-size: 24px;
5564
+ line-height: 30px;
5565
+ padding: 14px 0;
5566
+ position: absolute;
5567
+ right: 20px;
5568
+ top: 0;
5459
5569
  }
5460
- .nav-pf-vertical.hidden > .list-group > .list-group-item.persistent-secondary:hover > a {
5570
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf.active > a,
5571
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf:hover > a {
5572
+ width: 201px;
5573
+ z-index: 1031;
5574
+ }
5575
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf.active > a:after,
5576
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf:hover > a:after {
5577
+ right: 21px;
5578
+ }
5579
+ .collapsed-secondary-nav-pf .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf.active > a,
5580
+ .collapsed-secondary-nav-pf .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf:hover > a {
5461
5581
  z-index: 1030;
5462
5582
  }
5463
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.collapsed.hover-secondary-nav-pf {
5464
- width: 325px;
5583
+ .collapsed-tertiary-nav-pf .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf.active > a,
5584
+ .collapsed-tertiary-nav-pf .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf:hover > a {
5585
+ z-index: 1030;
5465
5586
  }
5466
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.collapsed.hover-secondary-nav-pf.collapsed-secondary-nav-pf {
5467
- width: 250px;
5587
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-secondary-nav-pf {
5588
+ width: 200px;
5468
5589
  }
5469
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf {
5470
- width: 450px;
5590
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-secondary-nav-pf .secondary-nav-item-pf.active > a,
5591
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-secondary-nav-pf .secondary-nav-item-pf.hover > a {
5592
+ z-index: 1030;
5471
5593
  }
5472
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf.collapsed-secondary-nav-pf {
5473
- width: 250px;
5594
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-secondary-nav-pf.hover-tertiary-nav-pf {
5595
+ width: 400px;
5474
5596
  }
5475
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf.show-mobile-nav {
5476
- width: 200px;
5597
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-secondary-nav-pf .nav-pf-secondary-nav {
5598
+ left: 0;
5477
5599
  }
5478
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf {
5479
- width: 200px;
5600
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-secondary-nav-pf .nav-pf-tertiary-nav {
5601
+ left: 200px;
5480
5602
  }
5481
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed {
5482
- width: 75px;
5603
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-tertiary-nav-pf {
5604
+ width: 200px;
5483
5605
  }
5484
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.show-mobile-nav {
5485
- width: 250px;
5606
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-tertiary-nav-pf .nav-pf-secondary-nav {
5607
+ width: 200px;
5486
5608
  }
5487
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed-secondary-nav-pf {
5488
- width: 250px;
5609
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-tertiary-nav-pf .secondary-nav-item-pf.active > a,
5610
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-tertiary-nav-pf .tertiary-nav-item-pf.active > a,
5611
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-tertiary-nav-pf .secondary-nav-item-pf.hover > a,
5612
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-tertiary-nav-pf .tertiary-nav-item-pf.hover > a {
5613
+ z-index: 1030;
5489
5614
  }
5490
5615
  @media (min-width: 1200px) {
5491
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf {
5492
- width: 450px;
5616
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.nav-pf-persistent-secondary.secondary-visible-pf {
5617
+ width: 400px;
5493
5618
  }
5494
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed-secondary-nav-pf {
5495
- width: 250px;
5619
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-secondary-nav-pf {
5620
+ width: 200px;
5496
5621
  }
5497
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed {
5498
- width: 75px;
5622
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-tertiary-nav-pf {
5623
+ width: 200px;
5499
5624
  }
5500
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed.hover-secondary-nav-pf,
5501
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed.secondary-visible-pf {
5502
- width: 325px;
5625
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.nav-pf-persistent-secondary.secondary-visible-pf.collapsed {
5626
+ width: 275px;
5503
5627
  }
5504
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed.collapsed-secondary-nav-pf {
5505
- width: 250px;
5628
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.collapsed-secondary-nav-pf {
5629
+ width: 200px;
5630
+ }
5631
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.collapsed-tertiary-nav-pf {
5632
+ width: 200px;
5633
+ }
5634
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.nav-pf-persistent-secondary.secondary-visible-pf.hover-tertiary-nav-pf {
5635
+ width: 600px;
5636
+ }
5637
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.nav-pf-persistent-secondary.secondary-visible-pf .secondary-nav-item-pf.active .nav-pf-secondary-nav {
5638
+ visibility: visible;
5639
+ opacity: 1;
5506
5640
  }
5507
5641
  }
5508
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.collapsed-secondary-nav-pf > .list-group > .list-group-item.persistent-secondary.active > a,
5509
- .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.collapsed-secondary-nav-pf > .list-group > .list-group-item.persistent-secondary:hover > a {
5510
- z-index: 1030;
5511
- }
5512
- .layout-pf-fixed-with-footer .nav-pf-vertical {
5513
- bottom: 37px;
5514
- }
5515
- .nav-pf-vertical > .list-group {
5516
- border-top: 0;
5517
- margin-bottom: 0;
5642
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus .badge-container-pf {
5643
+ background-color: #292e34;
5644
+ position: absolute;
5645
+ right: 15px;
5646
+ top: 5px;
5518
5647
  }
5519
- .nav-pf-vertical > .list-group > .list-group-item {
5520
- background-color: transparent;
5521
- border-color: #030303;
5522
- padding: 0;
5648
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus .badge-container-pf .badge {
5649
+ background: #292e34;
5650
+ color: #fff;
5651
+ float: left;
5652
+ font-size: 12px;
5653
+ font-weight: 700;
5654
+ line-height: 1.66666667;
5655
+ margin: 0;
5656
+ padding: 0 7px;
5657
+ text-align: center;
5523
5658
  }
5524
- .nav-pf-vertical > .list-group > .list-group-item > a {
5525
- background-color: transparent;
5526
- color: #d1d1d1;
5527
- display: block;
5659
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus .badge-container-pf .badge .pficon,
5660
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus .badge-container-pf .badge .fa {
5528
5661
  font-size: 14px;
5529
- font-weight: 400;
5530
- height: 63px;
5531
- outline: 0;
5532
- padding: 17px 20px 17px 25px;
5533
- position: relative;
5534
- white-space: nowrap;
5535
- width: 200px;
5662
+ height: 20px;
5663
+ line-height: 1.66666667;
5664
+ margin-right: 3px;
5665
+ margin-top: -1px;
5536
5666
  }
5537
- .nav-pf-vertical > .list-group > .list-group-item > a .fa,
5538
- .nav-pf-vertical > .list-group > .list-group-item > a .glyphicon,
5539
- .nav-pf-vertical > .list-group > .list-group-item > a .pficon {
5540
- color: #72767b;
5541
- float: left;
5542
- font-size: 14px;
5543
- line-height: 30px;
5544
- margin-right: 10px;
5545
- text-align: center;
5546
- width: 24px;
5667
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus .nav-item-pf-header {
5668
+ color: #fff;
5669
+ font-size: 16px;
5670
+ margin: 18px 20px 10px 20px;
5547
5671
  }
5548
- .nav-pf-vertical > .list-group > .list-group-item > a:hover,
5549
- .nav-pf-vertical > .list-group > .list-group-item > a:focus {
5672
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus .nav-item-pf-header > a {
5673
+ cursor: pointer;
5674
+ margin-right: 7px;
5675
+ }
5676
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus .nav-item-pf-header > a:hover,
5677
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus .nav-item-pf-header > a:focus {
5678
+ color: #0088ce;
5550
5679
  text-decoration: none;
5551
5680
  }
5552
- .nav-pf-vertical > .list-group > .list-group-item.active > a,
5553
- .nav-pf-vertical > .list-group > .list-group-item:hover > a {
5554
- background-color: #393f44;
5681
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus h5 {
5555
5682
  color: #fff;
5683
+ cursor: default;
5684
+ font-size: 13px;
5556
5685
  font-weight: 600;
5686
+ margin: 30px 20px 10px 20px;
5557
5687
  }
5558
- .nav-pf-vertical > .list-group > .list-group-item.active > a .fa,
5559
- .nav-pf-vertical > .list-group > .list-group-item:hover > a .fa,
5560
- .nav-pf-vertical > .list-group > .list-group-item.active > a .glyphicon,
5561
- .nav-pf-vertical > .list-group > .list-group-item:hover > a .glyphicon,
5562
- .nav-pf-vertical > .list-group > .list-group-item.active > a .pficon,
5563
- .nav-pf-vertical > .list-group > .list-group-item:hover > a .pficon {
5564
- color: #39a5dc;
5688
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item > a {
5689
+ width: 75px;
5690
+ }
5691
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item > a > .list-group-item-value {
5692
+ display: none;
5693
+ width: 0;
5694
+ }
5695
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf.active > a,
5696
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf > a {
5697
+ width: 75px;
5698
+ }
5699
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf.active > a:after,
5700
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf > a:after {
5701
+ right: 10px;
5702
+ }
5703
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf.active > a,
5704
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf:hover > a {
5705
+ width: 77px;
5706
+ }
5707
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf.active > a:after,
5708
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf:hover > a:after {
5709
+ right: 11px;
5565
5710
  }
5566
- .show-mobile-nav .nav-pf-vertical > .list-group > .list-group-item.active > a {
5711
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .nav-pf-secondary-nav {
5712
+ left: 75px;
5713
+ }
5714
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .nav-pf-secondary-nav .list-group-item > a {
5715
+ width: 180px;
5716
+ }
5717
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .nav-pf-secondary-nav .list-group-item > a > .list-group-item-value {
5718
+ display: inline-block;
5719
+ width: inherit;
5720
+ }
5721
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .nav-pf-tertiary-nav {
5722
+ left: 275px;
5723
+ }
5724
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .nav-pf-tertiary-nav .list-group-item > a {
5725
+ width: 180px;
5726
+ }
5727
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .nav-pf-tertiary-nav .list-group-item > a > .list-group-item-value {
5728
+ display: inline-block;
5729
+ width: inherit;
5730
+ }
5731
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-secondary-nav-pf,
5732
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-tertiary-nav-pf {
5733
+ width: 200px;
5734
+ }
5735
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-secondary-nav-pf .secondary-nav-item-pf:hover > a,
5736
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-tertiary-nav-pf .secondary-nav-item-pf:hover > a {
5567
5737
  z-index: 1030;
5568
5738
  }
5569
- .nav-pf-vertical > .list-group > .list-group-item.active > a:before {
5570
- background: #39a5dc;
5571
- content: " ";
5572
- height: 100%;
5739
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-secondary-nav-pf .nav-pf-secondary-nav,
5740
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-tertiary-nav-pf .nav-pf-secondary-nav {
5573
5741
  left: 0;
5574
- position: absolute;
5575
- top: 0;
5576
- width: 3px;
5577
5742
  }
5578
- .nav-pf-vertical > .list-group > .list-group-item .list-group-item-value {
5579
- display: block;
5580
- line-height: 30px;
5581
- max-width: 120px;
5582
- overflow: hidden;
5583
- text-overflow: ellipsis;
5584
- width: 100%;
5743
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-secondary-nav-pf .nav-pf-tertiary-nav {
5744
+ left: 200px;
5585
5745
  }
5586
- .nav-pf-vertical > .list-group > .list-group-item.persistent-secondary > a:after {
5587
- color: #72767b;
5588
- content: "\f105";
5589
- display: block;
5590
- font-family: "FontAwesome";
5591
- font-size: 24px;
5592
- line-height: 30px;
5593
- padding: 17px 0;
5594
- position: absolute;
5595
- right: 20px;
5596
- top: 0;
5746
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-tertiary-nav-pf .nav-pf-tertiary-nav {
5747
+ left: 0;
5597
5748
  }
5598
- .nav-pf-vertical > .list-group > .list-group-item.persistent-secondary.active > a,
5599
- .nav-pf-vertical > .list-group > .list-group-item.persistent-secondary:hover > a {
5600
- width: 201px;
5601
- z-index: 1032;
5749
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.hover-secondary-nav-pf {
5750
+ width: 275px;
5602
5751
  }
5603
- .nav-pf-vertical > .list-group > .list-group-item.persistent-secondary.active > a:after,
5604
- .nav-pf-vertical > .list-group > .list-group-item.persistent-secondary:hover > a:after {
5605
- right: 21px;
5752
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.hover-secondary-nav-pf.collapsed-secondary-nav-pf,
5753
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.hover-secondary-nav-pf.collapsed-tertiary-nav-pf {
5754
+ width: 200px;
5606
5755
  }
5607
- .collapsed-secondary-nav-pf .nav-pf-vertical > .list-group > .list-group-item.persistent-secondary.active > a,
5608
- .collapsed-secondary-nav-pf .nav-pf-vertical > .list-group > .list-group-item.persistent-secondary:hover > a {
5609
- z-index: 1030;
5756
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.hover-tertiary-nav-pf {
5757
+ width: 475px;
5610
5758
  }
5611
- .nav-pf-vertical .list-group-item-separator {
5612
- border-top-width: 2px;
5613
- border-top-color: #030303;
5759
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.hover-tertiary-nav-pf.collapsed-secondary-nav-pf {
5760
+ width: 400px;
5614
5761
  }
5615
- .nav-pf-persistent-secondary {
5762
+ .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.hover-tertiary-nav-pf.collapsed-tertiary-nav-pf {
5763
+ width: 200px;
5764
+ }
5765
+ .nav-pf-secondary-nav {
5616
5766
  background: #393f44;
5617
5767
  border: 1px solid #292e34;
5618
5768
  border-bottom: none;
5619
5769
  border-top: none;
5620
5770
  bottom: 0;
5621
- display: none;
5771
+ display: block;
5622
5772
  left: 200px;
5773
+ opacity: 0;
5623
5774
  overflow-x: hidden;
5624
5775
  overflow-y: auto;
5625
5776
  position: fixed;
5626
5777
  top: 60px;
5627
- width: 250px;
5778
+ visibility: hidden;
5779
+ width: 200px;
5628
5780
  z-index: 1030;
5629
5781
  }
5630
- .secondary-visible-pf .persistent-secondary.active .nav-pf-persistent-secondary,
5631
- .secondary-visible-pf .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
5632
- display: block;
5782
+ .collapsed-secondary-nav-pf .secondary-nav-item-pf.active .nav-pf-secondary-nav {
5783
+ left: 0;
5784
+ opacity: 1;
5785
+ visibility: visible;
5786
+ z-index: 1032;
5787
+ }
5788
+ .collapsed-tertiary-nav-pf .secondary-nav-item-pf.active .nav-pf-secondary-nav {
5789
+ left: 0;
5790
+ opacity: 1;
5791
+ visibility: visible;
5792
+ }
5793
+ .hover-secondary-nav-pf .secondary-nav-item-pf.is-hover .nav-pf-secondary-nav {
5794
+ opacity: 1;
5795
+ visibility: visible;
5796
+ }
5797
+ .ie9.layout-pf-fixed .nav-pf-secondary-nav {
5798
+ box-sizing: content-box;
5633
5799
  }
5634
- .secondary-visible-pf.collapsed .persistent-secondary.active .nav-pf-persistent-secondary,
5635
- .secondary-visible-pf.collapsed .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
5800
+ .layout-pf-fixed-with-footer .nav-pf-secondary-nav {
5801
+ bottom: 37px;
5802
+ }
5803
+ .nav-pf-secondary-nav .list-group-item {
5804
+ border: none;
5805
+ padding: 0 0 5px 0;
5806
+ width: 200px;
5807
+ }
5808
+ .nav-pf-secondary-nav .list-group-item > a {
5809
+ background-color: #393f44;
5810
+ color: #d1d1d1;
5811
+ font-size: 12px;
5812
+ font-weight: inherit;
5813
+ height: inherit;
5814
+ padding: 4px 0 2px 0;
5815
+ margin-left: 20px;
5816
+ width: 180px;
5817
+ }
5818
+ .nav-pf-secondary-nav .list-group-item > a:hover .list-group-item-value {
5819
+ text-decoration: underline;
5820
+ }
5821
+ .nav-pf-secondary-nav .list-group-item.active > a:before {
5636
5822
  display: none;
5637
5823
  }
5638
- @media (min-width: 1200px) {
5639
- .secondary-visible-pf.collapsed .persistent-secondary.active .nav-pf-persistent-secondary,
5640
- .secondary-visible-pf.collapsed .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
5641
- display: block;
5642
- left: 75px;
5643
- }
5644
- .collapsed-secondary-nav-pf .secondary-visible-pf.collapsed .persistent-secondary.active .nav-pf-persistent-secondary,
5645
- .collapsed-secondary-nav-pf .secondary-visible-pf.collapsed .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
5646
- left: 0;
5647
- }
5824
+ .nav-pf-secondary-nav .list-group-item.active > a,
5825
+ .nav-pf-secondary-nav .list-group-item:hover > a {
5826
+ background-color: #4d5258;
5827
+ color: #fff;
5648
5828
  }
5649
- @media (min-width: 1200px) {
5650
- .secondary-visible-pf.collapsed.collapsed-secondary-nav-pf .persistent-secondary.active .nav-pf-persistent-secondary,
5651
- .secondary-visible-pf.collapsed.collapsed-secondary-nav-pf .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
5652
- left: 0;
5653
- }
5829
+ .nav-pf-secondary-nav .list-group-item .badge-container-pf {
5830
+ background-color: #292e34;
5654
5831
  }
5655
- .show-mobile-nav .persistent-secondary.active .nav-pf-persistent-secondary,
5656
- .show-mobile-nav .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
5657
- left: 0;
5658
- z-index: 1032;
5832
+ .nav-pf-secondary-nav .list-group-item .badge-container-pf .badge {
5833
+ background: #292e34;
5834
+ color: #fff;
5659
5835
  }
5660
- .collapsed-secondary-nav-pf .persistent-secondary.active .nav-pf-persistent-secondary,
5661
- .collapsed-secondary-nav-pf .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
5662
- display: block;
5663
- left: 0;
5836
+ .nav-pf-secondary-nav .list-group-item .list-group-item-value {
5837
+ display: inline-block;
5838
+ line-height: 20px;
5839
+ max-width: none;
5840
+ padding-left: 5px;
5664
5841
  }
5665
- .persistent-secondary:hover .nav-pf-persistent-secondary {
5842
+ .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf > a {
5843
+ cursor: default;
5844
+ }
5845
+ .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf > a:after {
5846
+ color: #72767b;
5847
+ content: "\f105";
5666
5848
  display: block;
5667
- z-index: 1031;
5849
+ font-family: "FontAwesome";
5850
+ font-size: 20px;
5851
+ line-height: 20px;
5852
+ padding: 0;
5853
+ position: absolute;
5854
+ right: 20px;
5855
+ top: 4px;
5668
5856
  }
5669
- .collapsed .persistent-secondary:hover .nav-pf-persistent-secondary {
5670
- left: 75px;
5857
+ .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf.active > a,
5858
+ .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf:hover > a {
5859
+ width: 181px;
5860
+ z-index: 1033;
5861
+ }
5862
+ .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf.active > a:after,
5863
+ .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf:hover > a:after {
5864
+ right: 21px;
5865
+ }
5866
+ .nav-pf-tertiary-nav {
5867
+ background: #4d5258;
5868
+ border: 1px solid #292e34;
5869
+ border-bottom: none;
5870
+ border-top: none;
5871
+ bottom: 0;
5872
+ display: block;
5873
+ left: 400px;
5874
+ opacity: 0;
5875
+ overflow-x: hidden;
5876
+ overflow-y: auto;
5877
+ position: fixed;
5878
+ top: 60px;
5879
+ visibility: hidden;
5880
+ width: 200px;
5881
+ z-index: 1030;
5671
5882
  }
5672
- .collapsed.collapsed-secondary-nav-pf .persistent-secondary:hover .nav-pf-persistent-secondary {
5883
+ .collapsed-tertiary-nav-pf .tertiary-nav-item-pf.active .nav-pf-tertiary-nav {
5673
5884
  left: 0;
5885
+ opacity: 1;
5886
+ visibility: visible;
5887
+ z-index: 1032;
5674
5888
  }
5675
- @media (min-width: 1200px) {
5676
- .collapsed.collapsed-secondary-nav-pf .persistent-secondary:hover .nav-pf-persistent-secondary {
5677
- left: 0;
5678
- }
5679
- .hidden-icons-pf .collapsed.collapsed-secondary-nav-pf .persistent-secondary:hover .nav-pf-persistent-secondary {
5680
- left: 0;
5681
- }
5889
+ .hover-tertiary-nav-pf .tertiary-nav-item-pf.is-hover .nav-pf-tertiary-nav {
5890
+ opacity: 1;
5891
+ visibility: visible;
5682
5892
  }
5683
- .secondary-visible-pf.collapsed .persistent-secondary:hover .nav-pf-persistent-secondary {
5684
- display: block;
5893
+ .collapsed.collapsed-tertiary-nav-pf .hover-tertiary-nav-pf .tertiary-nav-item-pf.is-hover .nav-pf-tertiary-nav {
5894
+ left: 0;
5685
5895
  }
5686
- .ie9.layout-pf-fixed .nav-pf-persistent-secondary {
5896
+ .ie9.layout-pf-fixed .nav-pf-tertiary-nav {
5687
5897
  box-sizing: content-box;
5688
5898
  }
5689
- .layout-pf-fixed-with-footer .nav-pf-persistent-secondary {
5899
+ .layout-pf-fixed-with-footer .nav-pf-tertiary-nav {
5690
5900
  bottom: 37px;
5691
5901
  }
5692
- .nav-pf-persistent-secondary .persistent-secondary-header {
5902
+ .nav-pf-tertiary-nav .nav-item-pf-header {
5693
5903
  color: #fff;
5694
- font-size: 16px;
5695
5904
  margin: 18px 20px 10px 20px;
5696
5905
  }
5697
- .nav-pf-persistent-secondary .persistent-secondary-header > a {
5698
- margin-right: 7px;
5699
- }
5700
- .nav-pf-persistent-secondary .persistent-secondary-header > a:hover,
5701
- .nav-pf-persistent-secondary .persistent-secondary-header > a:focus {
5702
- text-decoration: none;
5703
- color: #0088ce;
5704
- }
5705
- .nav-pf-persistent-secondary h5 {
5906
+ .nav-pf-tertiary-nav h5 {
5706
5907
  color: #fff;
5707
- cursor: default;
5708
- font-size: 13px;
5709
- font-weight: 600;
5710
5908
  margin: 30px 20px 10px 20px;
5711
5909
  }
5712
- .nav-pf-persistent-secondary > .list-group {
5713
- border-top: 0;
5714
- margin-bottom: 0;
5715
- }
5716
- .nav-pf-persistent-secondary > .list-group > .list-group-item {
5717
- background-color: transparent;
5910
+ .nav-pf-tertiary-nav .list-group-item {
5718
5911
  border: none;
5719
5912
  padding: 0 0 5px 0;
5720
5913
  }
5721
- .nav-pf-persistent-secondary > .list-group > .list-group-item > a {
5914
+ .nav-pf-tertiary-nav .list-group-item > a {
5722
5915
  background-color: transparent;
5723
5916
  color: #d1d1d1;
5724
- display: block;
5725
5917
  font-size: 12px;
5726
- outline: 0;
5727
- padding: 0 15px 0 20px;
5728
- position: relative;
5729
- white-space: nowrap;
5918
+ font-weight: inherit;
5919
+ height: inherit;
5920
+ margin: 0 20px 0 20px;
5921
+ padding: 4px 0 2px 0;
5730
5922
  }
5731
- .nav-pf-persistent-secondary > .list-group > .list-group-item > a:hover > .list-group-item-value {
5732
- color: #fff;
5733
- text-decoration: underline;
5923
+ .nav-pf-tertiary-nav .list-group-item.active > a:before {
5924
+ display: none;
5734
5925
  }
5735
- .nav-pf-persistent-secondary > .list-group > .list-group-item.active .list-group-item-value {
5736
- background-color: #4d5258;
5926
+ .nav-pf-tertiary-nav .list-group-item.active > a,
5927
+ .nav-pf-tertiary-nav .list-group-item:hover > a {
5928
+ background-color: #393f44;
5737
5929
  color: #fff;
5738
5930
  }
5739
- .nav-pf-persistent-secondary > .list-group > .list-group-item.active .fa,
5740
- .nav-pf-persistent-secondary > .list-group > .list-group-item.active .glyphicon,
5741
- .nav-pf-persistent-secondary > .list-group > .list-group-item.active .pficon {
5742
- color: #39a5dc;
5743
- }
5744
- .nav-pf-persistent-secondary > .list-group > .list-group-item .badge-container-pf {
5931
+ .nav-pf-tertiary-nav .list-group-item .badge-container-pf {
5745
5932
  background-color: #292e34;
5746
- position: absolute;
5747
- right: 15px;
5748
- top: 0;
5749
5933
  }
5750
- .nav-pf-persistent-secondary > .list-group > .list-group-item .badge-container-pf .badge {
5934
+ .nav-pf-tertiary-nav .list-group-item .badge-container-pf .badge {
5751
5935
  background: #292e34;
5752
5936
  color: #fff;
5753
- font-size: 12px;
5754
- font-weight: 700;
5755
- float: left;
5756
- line-height: 1.66666667;
5757
- margin: 0;
5758
- padding: 0 7px;
5759
- text-align: center;
5760
- }
5761
- .nav-pf-persistent-secondary > .list-group > .list-group-item .badge-container-pf .badge .pficon,
5762
- .nav-pf-persistent-secondary > .list-group > .list-group-item .badge-container-pf .badge .fa {
5763
- font-size: 14px;
5764
- height: 20px;
5765
- line-height: 1.66666667;
5766
- margin-right: 3px;
5767
- margin-top: -1px;
5768
5937
  }
5769
- .nav-pf-persistent-secondary > .list-group > .list-group-item .fa,
5770
- .nav-pf-persistent-secondary > .list-group > .list-group-item .glyphicon,
5771
- .nav-pf-persistent-secondary > .list-group > .list-group-item .pficon {
5772
- float: left;
5773
- font-size: 18px;
5774
- line-height: 30px;
5775
- margin-right: 10px;
5776
- text-align: center;
5777
- width: 18px;
5778
- }
5779
- .nav-pf-persistent-secondary > .list-group > .list-group-item .list-group-item-value {
5938
+ .nav-pf-tertiary-nav .list-group-item .list-group-item-value {
5780
5939
  display: inline-block;
5781
5940
  line-height: 20px;
5782
5941
  max-width: none;
5783
- opacity: 1;
5784
- overflow: hidden;
5785
5942
  padding-left: 5px;
5786
- text-overflow: ellipsis;
5787
5943
  }
5788
- .nav-pf-persistent-secondary .secondary-collapse-toggle-pf {
5789
- display: inline-block;
5944
+ .secondary-collapse-toggle-pf {
5945
+ display: none;
5790
5946
  font-family: "FontAwesome";
5791
5947
  font-size: inherit;
5948
+ opacity: 0;
5949
+ pointer-events: none;
5792
5950
  -webkit-font-smoothing: antialiased;
5793
5951
  }
5794
- .nav-pf-persistent-secondary .secondary-collapse-toggle-pf:before {
5795
- content: '\f190';
5952
+ .secondary-collapse-toggle-pf:before {
5953
+ content: "\f190";
5796
5954
  }
5797
- .nav-pf-persistent-secondary .secondary-collapse-toggle-pf.collapsed:before {
5798
- content: '\f18e';
5955
+ .secondary-collapse-toggle-pf.collapsed:before {
5956
+ content: "\f18e";
5799
5957
  }
5800
- .show-mobile-nav .persistent-secondary:hover .nav-pf-persistent-secondary {
5958
+ .tertiary-collapse-toggle-pf {
5801
5959
  display: none;
5960
+ font-family: "FontAwesome";
5961
+ font-size: inherit;
5962
+ opacity: 0;
5963
+ pointer-events: none;
5964
+ -webkit-font-smoothing: antialiased;
5802
5965
  }
5803
- .show-mobile-nav .persistent-secondary.mobile-nav-item-pf:hover .nav-pf-persistent-secondary {
5804
- display: block;
5966
+ .tertiary-collapse-toggle-pf:before {
5967
+ content: "\f190";
5968
+ }
5969
+ .tertiary-collapse-toggle-pf.collapsed:before {
5970
+ content: "\f18e";
5971
+ }
5972
+ .nav-pf-vertical-collapsible-menus .secondary-collapse-toggle-pf {
5973
+ display: inline-block;
5974
+ }
5975
+ .nav-pf-vertical-collapsible-menus .secondary-nav-item-pf.active .secondary-collapse-toggle-pf {
5976
+ opacity: 1;
5977
+ pointer-events: all;
5805
5978
  }
5806
- .force-hide-secondary-nav-pf .persistent-secondary .nav-pf-persistent-secondary {
5979
+ .nav-pf-vertical-collapsible-menus .tertiary-collapse-toggle-pf {
5980
+ display: inline-block;
5981
+ }
5982
+ .nav-pf-vertical-collapsible-menus .tertiary-nav-item-pf.active .tertiary-collapse-toggle-pf {
5983
+ opacity: 1;
5984
+ pointer-events: all;
5985
+ }
5986
+ .show-mobile-nav .secondary-collapse-toggle-pf {
5987
+ display: inline-block;
5988
+ opacity: 1;
5989
+ pointer-events: all;
5990
+ }
5991
+ .show-mobile-nav .secondary-collapse-toggle-pf:before {
5992
+ content: "\f190";
5993
+ }
5994
+ .show-mobile-nav .tertiary-collapse-toggle-pf {
5995
+ display: inline-block;
5996
+ opacity: 1;
5997
+ pointer-events: all;
5998
+ }
5999
+ .show-mobile-nav .tertiary-collapse-toggle-pf:before {
6000
+ content: "\f190";
6001
+ }
6002
+ .force-hide-secondary-nav-pf .nav-pf-secondary-nav {
5807
6003
  display: none !important;
5808
6004
  }
6005
+ .force-hide-secondary-nav-pf .nav-pf-tertiary-nav {
6006
+ display: none !important;
6007
+ }
6008
+ .nav-pf-vertical.transitions {
6009
+ transition: width 0.1s;
6010
+ -webkit-transition: width 0.1s;
6011
+ -moz-transition: width 0.1s;
6012
+ -o-transition: width 0.1s;
6013
+ }
6014
+ .nav-pf-vertical.transitions .nav-pf-secondary-nav {
6015
+ -webkit-transition: visibility 0.1s, opacity 0.1s linear;
6016
+ -moz-transition: visibility ease-in-out 0.1s, opacity ease-in-out 0.1s linear;
6017
+ -o-transition: visibility 0.1s, opacity 0.1s linear;
6018
+ transition: visibility 0.1s, opacity 0.1s linear;
6019
+ }
6020
+ .nav-pf-vertical.transitions .nav-pf-tertiary-nav {
6021
+ -webkit-transition: visibility 0.1s, opacity 0.1s linear;
6022
+ -moz-transition: visibility 0.1s, opacity 0.1s linear;
6023
+ -o-transition: visibility 0.1s, opacity 0.1s linear;
6024
+ transition: visibility 0.1s, opacity 0.1s linear;
6025
+ }
5809
6026
  .wizard-pf-body {
5810
6027
  padding: 0;
5811
6028
  }
@@ -5997,21 +6214,103 @@ a.disabled {
5997
6214
  right: 0;
5998
6215
  }
5999
6216
  /* styles the content of a review page */
6000
- .wizard-pf-review-page .treeview .list-group-item {
6217
+ .wizard-pf-review-steps {
6218
+ list-style: none;
6219
+ }
6220
+ .wizard-pf-review-steps .list-group,
6221
+ .wizard-pf-review-steps .list-group-item {
6222
+ border: none;
6223
+ margin-bottom: 0;
6224
+ }
6225
+ .wizard-pf-review-steps > ul > li {
6226
+ float: left;
6227
+ line-height: 15px;
6228
+ margin: 0;
6229
+ padding-top: 0;
6230
+ position: relative;
6231
+ width: 100%;
6232
+ }
6233
+ .wizard-pf-review-steps > ul > li > a {
6001
6234
  color: #030303;
6002
6235
  cursor: pointer;
6003
6236
  font-size: 16px;
6004
- margin-left: 20px;
6005
- padding: .5em .5em;
6237
+ padding-left: 30px;
6238
+ padding-right: 5px;
6006
6239
  text-decoration: none;
6240
+ transition: 0.25s;
6241
+ }
6242
+ .wizard-pf-review-steps > ul > li > a:before {
6243
+ content: "\f107";
6244
+ display: block;
6245
+ font-family: FontAwesome;
6246
+ font-size: 24px;
6247
+ font-weight: 500;
6248
+ left: 20px;
6249
+ position: absolute;
6250
+ top: 0;
6251
+ }
6252
+ .wizard-pf-review-steps > ul > li > a.collapsed:before {
6253
+ content: "\f105";
6254
+ }
6255
+ .wizard-pf-review-substeps {
6256
+ padding-left: 22px;
6257
+ }
6258
+ .wizard-pf-review-substeps > ul > li {
6259
+ float: left;
6260
+ line-height: 15px;
6261
+ margin: 0;
6262
+ position: relative;
6263
+ width: 100%;
6007
6264
  }
6008
- .wizard-pf-review-page .treeview .list-group-item a {
6265
+ .wizard-pf-review-substeps > ul > li a {
6009
6266
  color: #030303;
6267
+ cursor: pointer;
6268
+ font-size: 16px;
6269
+ padding-left: 30px;
6270
+ padding-right: 5px;
6010
6271
  text-decoration: none;
6272
+ transition: 0.25s;
6011
6273
  }
6012
- .wizard-pf-review-page .treeview span.icon {
6274
+ .wizard-pf-review-substeps > ul > li a:before {
6275
+ content: "\f107";
6276
+ display: block;
6277
+ font-family: FontAwesome;
6013
6278
  font-size: 24px;
6014
6279
  font-weight: 500;
6280
+ left: 20px;
6281
+ position: absolute;
6282
+ top: 10px;
6283
+ }
6284
+ .wizard-pf-review-substeps > ul > li a.collapsed:before {
6285
+ content: "\f105";
6286
+ }
6287
+ .wizard-pf-review-content {
6288
+ padding-top: 10px;
6289
+ padding-left: 40px;
6290
+ }
6291
+ .wizard-pf-review-content .wizard-pf-review-item {
6292
+ padding: 5px 0;
6293
+ }
6294
+ .wizard-pf-review-content .wizard-pf-review-item.sub-item {
6295
+ margin-left: 10px;
6296
+ }
6297
+ .wizard-pf-review-content .wizard-pf-review-item .wizard-pf-review-item-label {
6298
+ font-weight: 700;
6299
+ padding-right: 10px;
6300
+ }
6301
+ .wizard-pf-review-content .wizard-pf-review-item .wizard-pf-review-item-field {
6302
+ font-weight: 700;
6303
+ margin: 5px 0;
6304
+ padding-right: 10px;
6305
+ }
6306
+ .wizard-pf-review-content .wizard-pf-review-item .wizard-pf-review-item-field:first-of-type {
6307
+ margin-top: 0;
6308
+ }
6309
+ .wizard-pf-review-content .wizard-pf-review-item .wizard-pf-review-item-field:last-of-type {
6310
+ margin-bottom: 0;
6311
+ }
6312
+ .wizard-pf-review-content .wizard-pf-review-item .wizard-pf-review-item-field.sub-field {
6313
+ margin-left: 10px;
6015
6314
  }
6016
6315
  .wizard-pf-success-icon {
6017
6316
  color: #3f9c35;