patternfly-sass 3.9.0 → 3.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. checksums.yaml +4 -4
  2. data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
  3. data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +1 -0
  4. data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
  5. data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
  6. data/assets/javascripts/patternfly.js +18 -19
  7. data/assets/javascripts/patternfly.min.js +2 -2
  8. data/assets/stylesheets/patternfly/_blank-slate.scss +4 -4
  9. data/assets/stylesheets/patternfly/_bootstrap-treeview.scss +20 -0
  10. data/assets/stylesheets/patternfly/_card-view.scss +2 -2
  11. data/assets/stylesheets/patternfly/_cards.scss +2 -4
  12. data/assets/stylesheets/patternfly/_charts.scss +1 -1
  13. data/assets/stylesheets/patternfly/_datatables.scss +1 -3
  14. data/assets/stylesheets/patternfly/_fonts.scss +30 -30
  15. data/assets/stylesheets/patternfly/_footer.scss +1 -1
  16. data/assets/stylesheets/patternfly/_forms.scss +1 -1
  17. data/assets/stylesheets/patternfly/_icons.scss +10 -7
  18. data/assets/stylesheets/patternfly/_infotip.scss +0 -4
  19. data/assets/stylesheets/patternfly/_layouts.scss +36 -11
  20. data/assets/stylesheets/patternfly/_list-group.scss +0 -16
  21. data/assets/stylesheets/patternfly/_list-view.scss +8 -13
  22. data/assets/stylesheets/patternfly/_login.scss +1 -1
  23. data/assets/stylesheets/patternfly/_mixin_overrides.scss +8 -6
  24. data/assets/stylesheets/patternfly/_mixins.scss +9 -7
  25. data/assets/stylesheets/patternfly/_nav-vertical-alt.scss +3 -3
  26. data/assets/stylesheets/patternfly/_navbar-alt.scss +4 -2
  27. data/assets/stylesheets/patternfly/_navbar-vertical.scss +2 -2
  28. data/assets/stylesheets/patternfly/_notifications-drawer.scss +1 -1
  29. data/assets/stylesheets/patternfly/_pager.scss +0 -4
  30. data/assets/stylesheets/patternfly/_progress-bars.scss +0 -7
  31. data/assets/stylesheets/patternfly/_search.scss +1 -2
  32. data/assets/stylesheets/patternfly/_sidebar.scss +1 -1
  33. data/assets/stylesheets/patternfly/_spinner.scss +1 -8
  34. data/assets/stylesheets/patternfly/_tables.scss +2 -2
  35. data/assets/stylesheets/patternfly/_time-picker.scss +1 -1
  36. data/assets/stylesheets/patternfly/_toast.scss +1 -1
  37. data/assets/stylesheets/patternfly/_toolbar.scss +30 -72
  38. data/assets/stylesheets/patternfly/_tooltip.scss +1 -1
  39. data/assets/stylesheets/patternfly/_variables.scss +9 -5
  40. data/assets/stylesheets/patternfly/_vertical-nav.scss +431 -269
  41. data/assets/stylesheets/patternfly/_wizard.scss +9 -11
  42. data/assets/stylesheets/patternfly/lib/bootstrap-touchspin.scss +1 -1
  43. data/bower.json +2 -2
  44. data/lib/patternfly-sass/version.rb +2 -2
  45. data/spec/html/about-modal.html +0 -1
  46. data/spec/html/accordions.html +0 -1
  47. data/spec/html/alerts.html +0 -1
  48. data/spec/html/area-charts.html +0 -1
  49. data/spec/html/badges.html +0 -1
  50. data/spec/html/bar-charts.html +0 -1
  51. data/spec/html/blank-slate.html +0 -1
  52. data/spec/html/bootstrap-combobox.html +0 -1
  53. data/spec/html/bootstrap-datepicker.html +0 -1
  54. data/spec/html/bootstrap-select.html +0 -1
  55. data/spec/html/bootstrap-switch.html +0 -2
  56. data/spec/html/bootstrap-touchspin.html +0 -1
  57. data/spec/html/bootstrap-treeview.html +157 -25
  58. data/spec/html/breadcrumbs.html +0 -1
  59. data/spec/html/buttons.html +0 -1
  60. data/spec/html/card-view-card-variations.html +10 -11
  61. data/spec/html/card-view-multi-select.html +97 -91
  62. data/spec/html/card-view-single-select.html +97 -91
  63. data/spec/html/code.html +0 -1
  64. data/spec/html/datatables-columns.html +0 -1
  65. data/spec/html/datatables.html +0 -1
  66. data/spec/html/dist/css/patternfly-additions.css +555 -383
  67. data/spec/html/dist/css/patternfly-additions.css.map +1 -1
  68. data/spec/html/dist/css/patternfly-additions.min.css +2 -3
  69. data/spec/html/dist/css/patternfly-additions.min.css.map +1 -1
  70. data/spec/html/dist/css/patternfly.css +27 -164
  71. data/spec/html/dist/css/patternfly.css.map +1 -1
  72. data/spec/html/dist/css/patternfly.min.css +3 -4
  73. data/spec/html/dist/css/patternfly.min.css.map +1 -1
  74. data/spec/html/donut-charts.html +0 -1
  75. data/spec/html/dropdowns.html +2 -3
  76. data/spec/html/forms.html +2 -3
  77. data/spec/html/icons.html +4 -1
  78. data/spec/html/index.html +3 -1
  79. data/spec/html/infotip.html +0 -1
  80. data/spec/html/labels.html +0 -1
  81. data/spec/html/line-charts.html +0 -1
  82. data/spec/html/list-group.html +0 -1
  83. data/spec/html/list-view-rows.html +2 -3
  84. data/spec/html/list-view.html +117 -104
  85. data/spec/html/modals.html +0 -1
  86. data/spec/html/navbar.html +0 -1
  87. data/spec/html/notification-drawer-horizontal-nav.html +84 -56
  88. data/spec/html/notification-drawer-vertical-nav.html +92 -58
  89. data/spec/html/pagination.html +0 -1
  90. data/spec/html/panels.html +0 -1
  91. data/spec/html/pie-charts.html +0 -1
  92. data/spec/html/popovers.html +0 -1
  93. data/spec/html/progress-bars.html +0 -1
  94. data/spec/html/search.html +10 -11
  95. data/spec/html/spinner.html +0 -1
  96. data/spec/html/tables.html +0 -1
  97. data/spec/html/tabs.html +0 -1
  98. data/spec/html/time-picker.html +0 -1
  99. data/spec/html/toast.html +0 -1
  100. data/spec/html/toolbar.html +98 -93
  101. data/spec/html/tooltip.html +0 -1
  102. data/spec/html/typography.html +0 -1
  103. data/spec/html/utilization-bar-charts.html +0 -1
  104. data/spec/html/vertical-navigation-primary-only.html +8 -2
  105. data/spec/html/vertical-navigation-with-badges.html +1128 -0
  106. data/spec/html/vertical-navigation-with-secondary.html +8 -2
  107. data/spec/html/vertical-navigation-with-tertiary-no-icons.html +9 -3
  108. data/spec/html/vertical-navigation-with-tertiary-pins.html +8 -2
  109. data/spec/html/wizard.html +1 -1
  110. data/tasks/converter.rb +22 -1
  111. metadata +4 -2
@@ -30,7 +30,6 @@
30
30
  <script src="//rawgit.com/tcollard/google-code-prettify/v1.0.4/bin/prettify.min.js"></script>
31
31
  <script src="../../dist/js/patternfly.min.js"></script>
32
32
  </head>
33
- </div>
34
33
 
35
34
  <body>
36
35
  <div class="container">
@@ -32,7 +32,6 @@
32
32
  <script src="//cdn.datatables.net/colreorder/1.3.2/js/dataTables.colReorder.min.js"></script>
33
33
  <script src="../../dist/js/patternfly.min.js"></script>
34
34
  </head>
35
- </div>
36
35
 
37
36
  <body>
38
37
  <div class="container">
@@ -30,7 +30,6 @@
30
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
- </div>
34
33
 
35
34
  <body>
36
35
  <div class="container">
@@ -112,7 +112,6 @@
112
112
  margin: 0;
113
113
  -webkit-touch-callout: none;
114
114
  -webkit-user-select: none;
115
- -khtml-user-select: none;
116
115
  -moz-user-select: none;
117
116
  -ms-user-select: none;
118
117
  user-select: none;
@@ -1138,8 +1137,6 @@ select.selectpicker {
1138
1137
  -ms-user-select: none;
1139
1138
  user-select: none;
1140
1139
  vertical-align: middle;
1141
- -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1142
- -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1143
1140
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1144
1141
  }
1145
1142
  .bootstrap-switch .bootstrap-switch-container {
@@ -1152,8 +1149,6 @@ select.selectpicker {
1152
1149
  .bootstrap-switch .bootstrap-switch-handle-on,
1153
1150
  .bootstrap-switch .bootstrap-switch-handle-off,
1154
1151
  .bootstrap-switch .bootstrap-switch-label {
1155
- -webkit-box-sizing: border-box;
1156
- -moz-box-sizing: border-box;
1157
1152
  box-sizing: border-box;
1158
1153
  cursor: pointer;
1159
1154
  display: inline-block !important;
@@ -1266,8 +1261,6 @@ select.selectpicker {
1266
1261
  cursor: default !important;
1267
1262
  }
1268
1263
  .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
1269
- -webkit-transition: margin-left 0.5s;
1270
- -o-transition: margin-left 0.5s;
1271
1264
  transition: margin-left 0.5s;
1272
1265
  }
1273
1266
  .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
@@ -1285,7 +1278,6 @@ select.selectpicker {
1285
1278
  .bootstrap-switch.bootstrap-switch-focused {
1286
1279
  border-color: #0088ce;
1287
1280
  outline: 0;
1288
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 136, 206, 0.6);
1289
1281
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 136, 206, 0.6);
1290
1282
  }
1291
1283
  .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
@@ -1351,7 +1343,8 @@ select.selectpicker {
1351
1343
  .c3 text {
1352
1344
  -webkit-user-select: none;
1353
1345
  -moz-user-select: none;
1354
- user-select: none;
1346
+ -ms-user-select: none;
1347
+ user-select: none;
1355
1348
  }
1356
1349
  .c3-legend-item-tile,
1357
1350
  .c3-xgrid-focus,
@@ -1451,8 +1444,6 @@ select.selectpicker {
1451
1444
  border-spacing: 0;
1452
1445
  background-color: #fff;
1453
1446
  empty-cells: show;
1454
- -webkit-box-shadow: 7px 7px 12px -9px #777777;
1455
- -moz-box-shadow: 7px 7px 12px -9px #777777;
1456
1447
  box-shadow: 7px 7px 12px -9px #777777;
1457
1448
  opacity: 0.9;
1458
1449
  }
@@ -1611,6 +1602,7 @@ select.selectpicker {
1611
1602
  clip: rect(0, 0, 0, 0);
1612
1603
  border: 0;
1613
1604
  content: "Increment Hours";
1605
+ content: "Increment Hours";
1614
1606
  }
1615
1607
  .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
1616
1608
  position: absolute;
@@ -1622,6 +1614,7 @@ select.selectpicker {
1622
1614
  clip: rect(0, 0, 0, 0);
1623
1615
  border: 0;
1624
1616
  content: "Increment Minutes";
1617
+ content: "Increment Minutes";
1625
1618
  }
1626
1619
  .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
1627
1620
  position: absolute;
@@ -1633,6 +1626,7 @@ select.selectpicker {
1633
1626
  clip: rect(0, 0, 0, 0);
1634
1627
  border: 0;
1635
1628
  content: "Decrement Hours";
1629
+ content: "Decrement Hours";
1636
1630
  }
1637
1631
  .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
1638
1632
  position: absolute;
@@ -1644,6 +1638,7 @@ select.selectpicker {
1644
1638
  clip: rect(0, 0, 0, 0);
1645
1639
  border: 0;
1646
1640
  content: "Decrement Minutes";
1641
+ content: "Decrement Minutes";
1647
1642
  }
1648
1643
  .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
1649
1644
  position: absolute;
@@ -1975,8 +1970,6 @@ select.selectpicker {
1975
1970
  }
1976
1971
  .combobox-container .input-group-addon {
1977
1972
  background-color: #f1f1f1;
1978
- background-image: -webkit-linear-gradient(top, #fafafa 0%, #ededed 100%);
1979
- background-image: -o-linear-gradient(top, #fafafa 0%, #ededed 100%);
1980
1973
  background-image: linear-gradient(to bottom, #fafafa 0%, #ededed 100%);
1981
1974
  background-repeat: repeat-x;
1982
1975
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffededed', GradientType=0);
@@ -2030,20 +2023,17 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2030
2023
  border-color: #bbb;
2031
2024
  }
2032
2025
  .combobox-container .input-group-addon:active {
2033
- -webkit-box-shadow: inset 0 2px 8px rgba(3, 3, 3, 0.2);
2034
2026
  box-shadow: inset 0 2px 8px rgba(3, 3, 3, 0.2);
2035
2027
  }
2036
2028
  .bootstrap-datepicker.form-control[readonly] {
2037
2029
  background-color: #fff;
2038
2030
  border-color: #bbb !important;
2039
2031
  color: #363636;
2040
- -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075);
2041
2032
  box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075);
2042
2033
  }
2043
2034
  .bootstrap-datepicker.form-control[readonly]:focus {
2044
2035
  border-color: #0088ce;
2045
2036
  outline: 0;
2046
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 136, 206, 0.6);
2047
2037
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 136, 206, 0.6);
2048
2038
  }
2049
2039
  .bootstrap-datepicker.form-control[readonly]:focus {
@@ -2051,17 +2041,14 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2051
2041
  }
2052
2042
  .has-error .bootstrap-datepicker.form-control[readonly]:focus {
2053
2043
  border-color: #990000;
2054
- -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #ff3333;
2055
2044
  box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #ff3333;
2056
2045
  }
2057
2046
  .has-success .bootstrap-datepicker.form-control[readonly]:focus {
2058
2047
  border-color: #2b542c;
2059
- -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #67b168;
2060
2048
  box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #67b168;
2061
2049
  }
2062
2050
  .has-warning .bootstrap-datepicker.form-control[readonly]:focus {
2063
2051
  border-color: #bb6106;
2064
- -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #faad60;
2065
2052
  box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #faad60;
2066
2053
  }
2067
2054
  .bootstrap-datepicker.form-control[readonly]:hover {
@@ -2153,8 +2140,6 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2153
2140
  margin-bottom: 0;
2154
2141
  }
2155
2142
  .bootstrap-select.btn-group .btn {
2156
- -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
2157
- -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
2158
2143
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
2159
2144
  }
2160
2145
  .bootstrap-select.btn-group .btn:hover {
@@ -2166,7 +2151,6 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2166
2151
  .bootstrap-select.btn-group .btn:focus {
2167
2152
  border-color: #0088ce;
2168
2153
  outline: 0 !important;
2169
- -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 8px rgba(0, 136, 206, 0.6);
2170
2154
  box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 8px rgba(0, 136, 206, 0.6);
2171
2155
  }
2172
2156
  .has-error .bootstrap-select.btn-group .btn {
@@ -2174,7 +2158,6 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2174
2158
  }
2175
2159
  .has-error .bootstrap-select.btn-group .btn:focus {
2176
2160
  border-color: #990000;
2177
- -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #ff3333;
2178
2161
  box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #ff3333;
2179
2162
  }
2180
2163
  .has-success .bootstrap-select.btn-group .btn {
@@ -2182,7 +2165,6 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2182
2165
  }
2183
2166
  .has-success .bootstrap-select.btn-group .btn:focus {
2184
2167
  border-color: #2b542c;
2185
- -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #67b168;
2186
2168
  box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #67b168;
2187
2169
  }
2188
2170
  .has-warning .bootstrap-select.btn-group .btn {
@@ -2190,7 +2172,6 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2190
2172
  }
2191
2173
  .has-warning .bootstrap-select.btn-group .btn:focus {
2192
2174
  border-color: #bb6106;
2193
- -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #faad60;
2194
2175
  box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #faad60;
2195
2176
  }
2196
2177
  .bootstrap-select.btn-group .dropdown-menu > .active > a,
@@ -2244,8 +2225,6 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2244
2225
  .bootstrap-switch .bootstrap-switch-label {
2245
2226
  background: #f1f1f1;
2246
2227
  box-shadow: 0 0 2px rgba(3, 3, 3, 0.4);
2247
- background-image: -webkit-linear-gradient(top, #fafafa 0%, #ededed 100%);
2248
- background-image: -o-linear-gradient(top, #fafafa 0%, #ededed 100%);
2249
2228
  background-image: linear-gradient(to bottom, #fafafa 0%, #ededed 100%);
2250
2229
  background-repeat: repeat-x;
2251
2230
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffededed', GradientType=0);
@@ -2285,7 +2264,10 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2285
2264
  border-bottom: 1px solid transparent !important;
2286
2265
  border-top: 1px solid transparent !important;
2287
2266
  margin-bottom: 0;
2267
+ overflow: hidden;
2288
2268
  padding: 0 10px;
2269
+ text-overflow: ellipsis;
2270
+ white-space: nowrap;
2289
2271
  }
2290
2272
  .treeview .list-group-item:hover {
2291
2273
  background: #def3ff !important;
@@ -2296,6 +2278,10 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2296
2278
  border-color: #0088ce !important;
2297
2279
  color: #fff !important;
2298
2280
  }
2281
+ .treeview .list-group-item.node-check-changed span.node-icon,
2282
+ .treeview .list-group-item.node-check-changed span.text {
2283
+ color: #39a5dc;
2284
+ }
2299
2285
  .treeview span.icon {
2300
2286
  display: inline-block;
2301
2287
  font-size: 13px;
@@ -2305,13 +2291,22 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2305
2291
  .treeview span.icon > [class*="fa-angle"] {
2306
2292
  font-size: 15px;
2307
2293
  }
2294
+ .treeview span.icon.check-icon {
2295
+ margin-right: 10px;
2296
+ }
2308
2297
  .treeview span.indent {
2309
2298
  margin-right: 5px;
2310
2299
  }
2300
+ .treeview .node-disabled {
2301
+ color: #d1d1d1;
2302
+ cursor: not-allowed;
2303
+ }
2304
+ .treeview .node-hidden {
2305
+ display: none;
2306
+ }
2311
2307
  .card-pf {
2312
2308
  background: #fff;
2313
2309
  border-top: 2px solid transparent;
2314
- -webkit-box-shadow: 0 1px 1px rgba(3, 3, 3, 0.175);
2315
2310
  box-shadow: 0 1px 1px rgba(3, 3, 3, 0.175);
2316
2311
  margin: 0 -10px 20px;
2317
2312
  padding: 0 20px;
@@ -2437,11 +2432,11 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2437
2432
  margin-top: 20px;
2438
2433
  margin-bottom: 10px;
2439
2434
  }
2440
- [class^='col'] .card-pf-subtitle {
2435
+ [class^="col"] .card-pf-subtitle {
2441
2436
  margin-top: 0;
2442
2437
  }
2443
2438
  @media (max-width: 767px) {
2444
- .card-pf-body [class^='col'] + [class^='col'] > .card-pf-subtitle {
2439
+ .card-pf-body [class^="col"] + [class^="col"] > .card-pf-subtitle {
2445
2440
  margin-top: 40px;
2446
2441
  }
2447
2442
  }
@@ -2496,10 +2491,8 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2496
2491
  }
2497
2492
  .card-pf-utilization-details .card-pf-utilization-card-details-count,
2498
2493
  .card-pf-utilization-details .card-pf-utilization-card-details-description {
2499
- display: table-cell;
2500
2494
  float: left;
2501
2495
  line-height: 1;
2502
- vertical-align: middle;
2503
2496
  }
2504
2497
  .card-pf-utilization-details .card-pf-utilization-card-details-count {
2505
2498
  font-size: 26px;
@@ -2608,7 +2601,7 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2608
2601
  }
2609
2602
  .card-pf-view .card-pf-view-checkbox {
2610
2603
  position: absolute;
2611
- top: 15px;
2604
+ top: 11px;
2612
2605
  left: 15px;
2613
2606
  }
2614
2607
  .card-pf-view .card-pf-view-checkbox input[type=checkbox] {
@@ -2632,7 +2625,6 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2632
2625
  position: relative;
2633
2626
  }
2634
2627
  .card-pf-view.card-pf-view-select:hover {
2635
- -webkit-box-shadow: 0 1px 6px rgba(3, 3, 3, 0.35);
2636
2628
  box-shadow: 0 1px 6px rgba(3, 3, 3, 0.35);
2637
2629
  }
2638
2630
  .card-pf-view.card-pf-view-select.active {
@@ -2674,7 +2666,6 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2674
2666
  }
2675
2667
  .c3-tooltip {
2676
2668
  background: #393f44;
2677
- -webkit-box-shadow: none;
2678
2669
  box-shadow: none;
2679
2670
  opacity: 0.9;
2680
2671
  filter: alpha(opacity=90);
@@ -2723,7 +2714,7 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2723
2714
  font-weight: 400;
2724
2715
  }
2725
2716
  .line-chart-pf .c3-zoom-rect {
2726
- opacity: 1.0 !important;
2717
+ opacity: 1 !important;
2727
2718
  fill: #fafafa;
2728
2719
  stroke: #d1d1d1;
2729
2720
  stroke-width: 1px;
@@ -2749,7 +2740,6 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2749
2740
  background-color: #fff;
2750
2741
  border: 1px solid #bbb;
2751
2742
  border-radius: 1px;
2752
- -webkit-box-shadow: 0 6px 12px rgba(3, 3, 3, 0.175);
2753
2743
  box-shadow: 0 6px 12px rgba(3, 3, 3, 0.175);
2754
2744
  background-clip: padding-box;
2755
2745
  list-style: none;
@@ -2782,7 +2772,6 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2782
2772
  text-align: center;
2783
2773
  }
2784
2774
  .dataTables_header .btn {
2785
- -webkit-box-shadow: none;
2786
2775
  box-shadow: none;
2787
2776
  }
2788
2777
  .dataTables_header .ColVis {
@@ -2863,7 +2852,6 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
2863
2852
  }
2864
2853
  .dataTables_paginate .pagination-input .paginate_input {
2865
2854
  border: 1px solid #d1d1d1;
2866
- -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075);
2867
2855
  box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075);
2868
2856
  font-size: 12px;
2869
2857
  font-weight: 600;
@@ -2906,7 +2894,6 @@ table.datatable thead .sorting_desc,
2906
2894
  table.datatable thead .sorting_asc_disabled,
2907
2895
  table.datatable thead .sorting_desc_disabled {
2908
2896
  cursor: pointer;
2909
- *cursor: hand;
2910
2897
  }
2911
2898
  table.datatable thead .sorting_asc,
2912
2899
  table.datatable thead .sorting_desc {
@@ -2930,7 +2917,7 @@ table.datatable thead .sorting_desc:after {
2930
2917
  table.datatable thead .sorting_asc:before,
2931
2918
  table.datatable thead .sorting_desc:before {
2932
2919
  background: #0088ce;
2933
- content: '';
2920
+ content: "";
2934
2921
  height: 2px;
2935
2922
  position: absolute;
2936
2923
  left: 0;
@@ -2964,16 +2951,16 @@ table.datatable th:active {
2964
2951
  z-index: 1030;
2965
2952
  }
2966
2953
  @font-face {
2967
- font-family: 'PatternFlyIcons-webfont';
2968
- src: url('../fonts/PatternFlyIcons-webfont.eot');
2969
- src: url('../fonts/PatternFlyIcons-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PatternFlyIcons-webfont.ttf') format('truetype'), url('../fonts/PatternFlyIcons-webfont.woff') format('woff'), url('../fonts/PatternFlyIcons-webfont.svg#PatternFlyIcons-webfont') format('svg');
2954
+ font-family: "PatternFlyIcons-webfont";
2955
+ src: url("../fonts/PatternFlyIcons-webfont.eot");
2956
+ src: url("../fonts/PatternFlyIcons-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/PatternFlyIcons-webfont.ttf") format("truetype"), url("../fonts/PatternFlyIcons-webfont.woff") format("woff"), url("../fonts/PatternFlyIcons-webfont.svg#PatternFlyIcons-webfont") format("svg");
2970
2957
  font-weight: normal;
2971
2958
  font-style: normal;
2972
2959
  }
2973
2960
  [class^="pficon-"],
2974
2961
  [class*=" pficon-"] {
2975
2962
  display: inline-block;
2976
- font-family: 'PatternFlyIcons-webfont';
2963
+ font-family: "PatternFlyIcons-webfont";
2977
2964
  font-style: normal;
2978
2965
  font-variant: normal;
2979
2966
  font-weight: normal;
@@ -2996,6 +2983,9 @@ table.datatable th:active {
2996
2983
  .pficon-builder-image:before {
2997
2984
  content: "\e800";
2998
2985
  }
2986
+ .pficon-bundle:before {
2987
+ content: "\e918";
2988
+ }
2999
2989
  .pficon-blueprint:before {
3000
2990
  content: "\e915";
3001
2991
  }
@@ -3230,7 +3220,6 @@ table.datatable th:active {
3230
3220
  .infotip.bottom .arrow,
3231
3221
  .infotip.bottom-left .arrow,
3232
3222
  .infotip.bottom-right .arrow {
3233
- border-bottom-color: #999999;
3234
3223
  border-bottom-color: #bbb;
3235
3224
  border-top-width: 0;
3236
3225
  left: 50%;
@@ -3254,7 +3243,6 @@ table.datatable th:active {
3254
3243
  }
3255
3244
  .infotip.top .arrow {
3256
3245
  border-bottom-width: 0;
3257
- border-top-color: #999999;
3258
3246
  border-top-color: #bbb;
3259
3247
  bottom: -11px;
3260
3248
  left: 50%;
@@ -3269,7 +3257,6 @@ table.datatable th:active {
3269
3257
  }
3270
3258
  .infotip.right .arrow {
3271
3259
  border-left-width: 0;
3272
- border-right-color: #999999;
3273
3260
  border-right-color: #bbb;
3274
3261
  left: -11px;
3275
3262
  margin-top: -11px;
@@ -3283,7 +3270,6 @@ table.datatable th:active {
3283
3270
  left: 1px;
3284
3271
  }
3285
3272
  .infotip.left .arrow {
3286
- border-left-color: #999999;
3287
3273
  border-left-color: #bbb;
3288
3274
  border-right-width: 0;
3289
3275
  margin-top: -11px;
@@ -3302,10 +3288,7 @@ table.datatable th:active {
3302
3288
  min-height: 100%;
3303
3289
  }
3304
3290
  .layout-pf.layout-pf-fixed.transitions .container-pf-nav-pf-vertical {
3305
- transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
3306
- -webkit-transition: margin-left 0.25s;
3307
- -moz-transition: margin-left 0.25s;
3308
- -o-transition: margin-left 0.25s;
3291
+ transition: all 200ms cubic-bezier(0.35, 0, 0.25, 1);
3309
3292
  }
3310
3293
  .layout-pf.layout-pf-fixed body {
3311
3294
  padding-top: 60px;
@@ -3320,6 +3303,9 @@ table.datatable th:active {
3320
3303
  .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical {
3321
3304
  margin-left: 200px;
3322
3305
  }
3306
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-vertical-with-badges {
3307
+ margin-left: 250px;
3308
+ }
3323
3309
  .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.collapsed-nav {
3324
3310
  margin-left: 75px;
3325
3311
  }
@@ -3329,29 +3315,57 @@ table.datatable th:active {
3329
3315
  .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.hidden-nav {
3330
3316
  margin-left: 0;
3331
3317
  }
3332
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-sub-menus.hide-nav-pf {
3318
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.hide-nav-pf {
3333
3319
  margin-left: 0 !important;
3334
3320
  }
3335
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-sub-menus.collapsed-secondary-nav-pf,
3336
- .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-sub-menus.collapsed-tertiary-nav-pf {
3321
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.collapsed-secondary-nav-pf,
3322
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.collapsed-tertiary-nav-pf {
3337
3323
  margin-left: 200px;
3338
3324
  }
3325
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges,
3326
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.collapsed-tertiary-nav-pf.nav-pf-vertical-with-badges {
3327
+ margin-left: 250px;
3328
+ }
3339
3329
  @media (min-width: 1200px) {
3340
3330
  .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf {
3341
3331
  margin-left: 400px;
3342
3332
  }
3333
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.nav-pf-vertical-with-badges {
3334
+ margin-left: 500px;
3335
+ }
3343
3336
  .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.hidden-nav {
3344
3337
  margin-left: 0;
3345
3338
  }
3346
3339
  .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-secondary-nav-pf {
3347
3340
  margin-left: 200px;
3348
3341
  }
3342
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges {
3343
+ margin-left: 250px;
3344
+ }
3345
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-tertiary-nav-pf {
3346
+ margin-left: 200px;
3347
+ }
3348
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-tertiary-nav-pf.nav-pf-vertical-with-badges {
3349
+ margin-left: 250px;
3350
+ }
3349
3351
  .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav {
3350
3352
  margin-left: 275px;
3351
3353
  }
3354
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav.nav-pf-vertical-with-badges {
3355
+ margin-left: 325px;
3356
+ }
3352
3357
  .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav.collapsed-secondary-nav-pf {
3353
3358
  margin-left: 200px;
3354
3359
  }
3360
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges {
3361
+ margin-left: 250px;
3362
+ }
3363
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav.collapsed-tertiary-nav-pf {
3364
+ margin-left: 200px;
3365
+ }
3366
+ .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav.collapsed-tertiary-nav-pf.nav-pf-vertical-with-badges {
3367
+ margin-left: 250px;
3368
+ }
3355
3369
  .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav.hidden-icons-pf {
3356
3370
  margin-left: 0;
3357
3371
  }
@@ -3377,7 +3391,7 @@ table.datatable th:active {
3377
3391
  padding-top: 20px;
3378
3392
  }
3379
3393
  .layout-pf-alt.layout-pf-alt-fixed.transitions .container-pf-alt-nav-pf-vertical-alt {
3380
- transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
3394
+ transition: all 200ms cubic-bezier(0.35, 0, 0.25, 1);
3381
3395
  }
3382
3396
  .layout-pf-alt.layout-pf-alt-fixed body {
3383
3397
  padding-top: 60px;
@@ -3400,7 +3414,10 @@ a.disabled {
3400
3414
  text-decoration: none;
3401
3415
  }
3402
3416
  .list-view-pf .list-group-item {
3403
- align-items: flex-start;
3417
+ -webkit-align-items: flex-start;
3418
+ -ms-flex-align: start;
3419
+ align-items: flex-start;
3420
+ display: -webkit-flex;
3404
3421
  display: -ms-flexbox;
3405
3422
  display: flex;
3406
3423
  padding-bottom: 0;
@@ -3417,13 +3434,17 @@ a.disabled {
3417
3434
  .list-view-pf .list-group-item.active {
3418
3435
  color: #555;
3419
3436
  background-color: #def3ff;
3437
+ z-index: auto;
3420
3438
  }
3421
3439
  .list-view-pf .list-group-item:hover {
3422
3440
  background-color: #ededed;
3423
3441
  }
3424
3442
  @media (min-width: 992px) {
3425
3443
  .list-view-pf .list-group-item {
3426
- align-items: center;
3444
+ -webkit-align-items: center;
3445
+ -ms-flex-align: center;
3446
+ -ms-grid-row-align: center;
3447
+ align-items: center;
3427
3448
  }
3428
3449
  }
3429
3450
  .list-view-pf .list-group-item-heading {
@@ -3436,8 +3457,9 @@ a.disabled {
3436
3457
  }
3437
3458
  @media (min-width: 992px) {
3438
3459
  .list-view-pf .list-group-item-heading {
3439
- -ms-flex: 1 0 calc(25% - 20px);
3440
- flex: 1 0 calc(25% - 20px);
3460
+ -webkit-flex: 1 0 calc(25% - 20px);
3461
+ -ms-flex: 1 0 calc(25% - 20px);
3462
+ flex: 1 0 calc(25% - 20px);
3441
3463
  float: left;
3442
3464
  font-size: 12px;
3443
3465
  margin: 0 20px 0 0;
@@ -3453,8 +3475,9 @@ a.disabled {
3453
3475
  }
3454
3476
  @media (min-width: 992px) {
3455
3477
  .list-view-pf .list-group-item-text {
3456
- -ms-flex: 1 0 auto;
3457
- flex: 1 0 auto;
3478
+ -webkit-flex: 1 0 auto;
3479
+ -ms-flex: 1 0 auto;
3480
+ flex: 1 0 auto;
3458
3481
  float: left;
3459
3482
  margin: 0 40px 0 0;
3460
3483
  width: calc(75% - 40px);
@@ -3465,39 +3488,61 @@ a.disabled {
3465
3488
  margin-bottom: 20px;
3466
3489
  margin-left: 20px;
3467
3490
  margin-top: 20px;
3468
- -ms-flex-order: 2;
3469
- order: 2;
3491
+ -webkit-order: 2;
3492
+ -ms-flex-order: 2;
3493
+ order: 2;
3470
3494
  }
3471
3495
  .list-view-pf-actions button,
3472
3496
  .list-view-pf-actions > a {
3473
3497
  margin-left: 10px;
3474
3498
  }
3475
3499
  .list-view-pf-top-align .list-view-pf-actions {
3476
- align-self: flex-start;
3500
+ -webkit-align-self: flex-start;
3501
+ -ms-flex-item-align: start;
3502
+ align-self: flex-start;
3477
3503
  }
3478
3504
  .list-view-pf-additional-info {
3479
- align-items: center;
3505
+ -webkit-align-items: center;
3506
+ -ms-flex-align: center;
3507
+ align-items: center;
3508
+ display: -webkit-flex;
3509
+ display: -ms-flexbox;
3480
3510
  display: flex;
3481
- flex-wrap: wrap;
3511
+ -webkit-flex-wrap: wrap;
3512
+ -ms-flex-wrap: wrap;
3513
+ flex-wrap: wrap;
3482
3514
  }
3483
3515
  @media (min-width: 992px) {
3484
3516
  .list-view-pf-additional-info {
3485
- flex: 1 0 auto;
3517
+ -webkit-flex: 1 0 auto;
3518
+ -ms-flex: 1 0 auto;
3519
+ flex: 1 0 auto;
3486
3520
  float: left;
3487
3521
  width: 50%;
3488
3522
  }
3489
3523
  }
3490
3524
  .list-view-pf-additional-info-item {
3491
- align-items: center;
3525
+ -webkit-align-items: center;
3526
+ -ms-flex-align: center;
3527
+ -ms-grid-row-align: center;
3528
+ align-items: center;
3492
3529
  display: inline-block;
3493
- display: flex;
3494
3530
  margin-right: 20px;
3495
3531
  max-width: 100%;
3496
3532
  text-align: center;
3497
3533
  }
3534
+ @supports (display: flex) {
3535
+ .list-view-pf-additional-info-item {
3536
+ display: -webkit-flex;
3537
+ display: -ms-flexbox;
3538
+ display: flex;
3539
+ }
3540
+ }
3498
3541
  .list-view-pf-additional-info-item.list-view-pf-additional-info-item-stacked {
3499
3542
  text-align: center;
3500
- flex-direction: column;
3543
+ -webkit-flex-direction: column;
3544
+ -ms-flex-direction: column;
3545
+ flex-direction: column;
3501
3546
  }
3502
3547
  .list-view-pf-additional-info-item.list-view-pf-additional-info-item-stacked strong {
3503
3548
  font-size: 13px;
@@ -3520,20 +3565,29 @@ a.disabled {
3520
3565
  width: 60px;
3521
3566
  }
3522
3567
  .list-view-pf-body {
3523
- align-items: center;
3568
+ -webkit-align-items: center;
3569
+ -ms-flex-align: center;
3570
+ -ms-grid-row-align: center;
3571
+ align-items: center;
3524
3572
  display: table-cell;
3525
- -ms-flex: 1;
3526
- flex: 1;
3573
+ -webkit-flex: 1;
3574
+ -ms-flex: 1;
3575
+ flex: 1;
3527
3576
  min-width: 0;
3528
3577
  vertical-align: top;
3529
3578
  width: 100%;
3530
3579
  }
3531
3580
  @media (min-width: 992px) {
3532
3581
  .list-view-pf-body {
3533
- align-items: center;
3582
+ -webkit-align-items: center;
3583
+ -ms-flex-align: center;
3584
+ align-items: center;
3585
+ display: -webkit-flex;
3534
3586
  display: -ms-flexbox;
3535
3587
  display: flex;
3536
- flex-direction: row;
3588
+ -webkit-flex-direction: row;
3589
+ -ms-flex-direction: row;
3590
+ flex-direction: row;
3537
3591
  }
3538
3592
  }
3539
3593
  .list-view-pf-checkbox {
@@ -3545,18 +3599,25 @@ a.disabled {
3545
3599
  padding: 3px 10px 3px 0;
3546
3600
  }
3547
3601
  .list-view-pf-top-align .list-view-pf-checkbox {
3548
- align-self: flex-start;
3602
+ -webkit-align-self: flex-start;
3603
+ -ms-flex-item-align: start;
3604
+ align-self: flex-start;
3549
3605
  }
3550
3606
  .list-view-pf-description {
3551
- -ms-flex: 1 0 50%;
3552
- flex: 1 0 50%;
3607
+ -webkit-flex: 1 0 50%;
3608
+ -ms-flex: 1 0 50%;
3609
+ flex: 1 0 50%;
3553
3610
  }
3554
3611
  .list-view-pf-stacked .list-view-pf-description {
3555
3612
  display: block;
3556
3613
  }
3557
3614
  @media (min-width: 992px) {
3558
3615
  .list-view-pf-description {
3559
- align-items: center;
3616
+ -webkit-align-items: center;
3617
+ -ms-flex-align: center;
3618
+ align-items: center;
3619
+ display: -webkit-flex;
3620
+ display: -ms-flexbox;
3560
3621
  display: flex;
3561
3622
  float: left;
3562
3623
  width: 50%;
@@ -3630,21 +3691,31 @@ a.disabled {
3630
3691
  color: #ec7a08;
3631
3692
  }
3632
3693
  .list-view-pf-main-info {
3633
- align-items: flex-start;
3694
+ -webkit-align-items: flex-start;
3695
+ -ms-flex-align: start;
3696
+ align-items: flex-start;
3697
+ display: -webkit-flex;
3634
3698
  display: -ms-flexbox;
3635
3699
  display: flex;
3636
- -ms-flex: 1;
3637
- flex: 1;
3700
+ -webkit-flex: 1;
3701
+ -ms-flex: 1;
3702
+ flex: 1;
3638
3703
  min-width: 0;
3639
3704
  padding-bottom: 20px;
3640
3705
  padding-top: 20px;
3641
3706
  }
3642
3707
  @media (min-width: 992px) {
3643
3708
  .list-view-pf-main-info {
3644
- align-items: center;
3709
+ -webkit-align-items: center;
3710
+ -ms-flex-align: center;
3711
+ -ms-grid-row-align: center;
3712
+ align-items: center;
3645
3713
  }
3646
3714
  .list-view-pf-top-align .list-view-pf-main-info {
3647
- align-items: flex-start;
3715
+ -webkit-align-items: flex-start;
3716
+ -ms-flex-align: start;
3717
+ -ms-grid-row-align: flex-start;
3718
+ align-items: flex-start;
3648
3719
  }
3649
3720
  }
3650
3721
  .list-view-pf-stacked .list-group-item-heading {
@@ -3719,7 +3790,7 @@ a.disabled {
3719
3790
  width: 100%;
3720
3791
  }
3721
3792
  }
3722
- .login-pf .container [class^='alert'] {
3793
+ .login-pf .container [class^="alert"] {
3723
3794
  background: transparent;
3724
3795
  color: #fff;
3725
3796
  }
@@ -3781,7 +3852,6 @@ a.disabled {
3781
3852
  }
3782
3853
  .navbar-pf .navbar-collapse {
3783
3854
  border-top: 0;
3784
- -webkit-box-shadow: none;
3785
3855
  box-shadow: none;
3786
3856
  padding: 0;
3787
3857
  }
@@ -3895,7 +3965,6 @@ a.disabled {
3895
3965
  .navbar-pf .navbar-nav .open .dropdown-menu .dropdown-submenu .dropdown-menu {
3896
3966
  border: 0;
3897
3967
  bottom: auto;
3898
- -webkit-box-shadow: none;
3899
3968
  box-shadow: none;
3900
3969
  display: block;
3901
3970
  float: none;
@@ -4023,7 +4092,6 @@ a.disabled {
4023
4092
  }
4024
4093
  .navbar-pf .navbar-toggle:hover .icon-bar,
4025
4094
  .navbar-pf .navbar-toggle:focus .icon-bar {
4026
- -webkit-box-shadow: 0 0 3px #fff;
4027
4095
  box-shadow: 0 0 3px #fff;
4028
4096
  }
4029
4097
  .navbar-pf .navbar-toggle .icon-bar {
@@ -4059,8 +4127,6 @@ a.disabled {
4059
4127
  }
4060
4128
  .navbar-pf .navbar-primary {
4061
4129
  font-size: 14px;
4062
- background-image: -webkit-linear-gradient(top, #1d1d1d 0%, #030303 100%);
4063
- background-image: -o-linear-gradient(top, #1d1d1d 0%, #030303 100%);
4064
4130
  background-image: linear-gradient(to bottom, #1d1d1d 0%, #030303 100%);
4065
4131
  background-repeat: repeat-x;
4066
4132
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1d1d1d', endColorstr='#ff030303', GradientType=0);
@@ -4096,7 +4162,7 @@ a.disabled {
4096
4162
  .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.active:hover:before {
4097
4163
  background: #0088ce;
4098
4164
  bottom: -1px;
4099
- content: '';
4165
+ content: "";
4100
4166
  display: block;
4101
4167
  height: 2px;
4102
4168
  left: 20px;
@@ -4138,7 +4204,7 @@ a.disabled {
4138
4204
  .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.open:before {
4139
4205
  background: #bbb;
4140
4206
  bottom: -1px;
4141
- content: '';
4207
+ content: "";
4142
4208
  display: block;
4143
4209
  height: 2px;
4144
4210
  left: 20px;
@@ -4184,8 +4250,6 @@ a.disabled {
4184
4250
  background-color: #1d1d1d;
4185
4251
  border-top-color: #5c5c5c;
4186
4252
  color: #d1d1d1;
4187
- background-image: -webkit-linear-gradient(top, #363636 0%, #1d1d1d 100%);
4188
- background-image: -o-linear-gradient(top, #363636 0%, #1d1d1d 100%);
4189
4253
  background-image: linear-gradient(to bottom, #363636 0%, #1d1d1d 100%);
4190
4254
  background-repeat: repeat-x;
4191
4255
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff363636', endColorstr='#ff1d1d1d', GradientType=0);
@@ -4199,11 +4263,8 @@ a.disabled {
4199
4263
  background-color: #303030;
4200
4264
  border-bottom-color: #303030;
4201
4265
  border-top-color: #696969;
4202
- -webkit-box-shadow: none;
4203
4266
  box-shadow: none;
4204
4267
  color: #f5f5f5;
4205
- background-image: -webkit-linear-gradient(top, #434343 0%, #303030 100%);
4206
- background-image: -o-linear-gradient(top, #434343 0%, #303030 100%);
4207
4268
  background-image: linear-gradient(to bottom, #434343 0%, #303030 100%);
4208
4269
  background-repeat: repeat-x;
4209
4270
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff434343', endColorstr='#ff303030', GradientType=0);
@@ -4222,8 +4283,6 @@ a.disabled {
4222
4283
  border-right: 1px solid #3e3e3e;
4223
4284
  border-top-color: #3b3b3b;
4224
4285
  font-weight: 600;
4225
- background-image: -webkit-linear-gradient(top, #323232 0%, #1f1f1f 100%);
4226
- background-image: -o-linear-gradient(top, #323232 0%, #1f1f1f 100%);
4227
4286
  background-image: linear-gradient(to bottom, #323232 0%, #1f1f1f 100%);
4228
4287
  background-repeat: repeat-x;
4229
4288
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff323232', endColorstr='#ff1f1f1f', GradientType=0);
@@ -4234,8 +4293,6 @@ a.disabled {
4234
4293
  border-bottom-color: #4a4a4a;
4235
4294
  border-right-color: #4a4a4a;
4236
4295
  border-top-color: #4a4a4a;
4237
- background-image: -webkit-linear-gradient(top, #3f3f3f 0%, #323232 100%);
4238
- background-image: -o-linear-gradient(top, #3f3f3f 0%, #323232 100%);
4239
4296
  background-image: linear-gradient(to bottom, #3f3f3f 0%, #323232 100%);
4240
4297
  background-repeat: repeat-x;
4241
4298
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f3f3f', endColorstr='#ff323232', GradientType=0);
@@ -4245,8 +4302,6 @@ a.disabled {
4245
4302
  border-bottom-color: #575757;
4246
4303
  border-right-color: #575757;
4247
4304
  border-top-color: #5a5a5a;
4248
- background-image: -webkit-linear-gradient(top, #4c4c4c 0%, #454545 100%);
4249
- background-image: -o-linear-gradient(top, #4c4c4c 0%, #454545 100%);
4250
4305
  background-image: linear-gradient(to bottom, #4c4c4c 0%, #454545 100%);
4251
4306
  background-repeat: repeat-x;
4252
4307
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4c4c4c', endColorstr='#ff454545', GradientType=0);
@@ -4406,7 +4461,8 @@ a.disabled {
4406
4461
  }
4407
4462
  .navbar-pf-alt .navbar-brand .navbar-brand-name {
4408
4463
  display: inline;
4409
- margin: 0 15px 0 0;
4464
+ margin-left: 0 15px 0 0;
4465
+ margin-right: 0 15px 0 0;
4410
4466
  }
4411
4467
  @media (max-width: 480px) {
4412
4468
  .navbar-pf-alt .navbar-brand .navbar-brand-name {
@@ -4415,7 +4471,8 @@ a.disabled {
4415
4471
  }
4416
4472
  .navbar-pf-alt .navbar-brand .navbar-brand-icon {
4417
4473
  display: inline;
4418
- margin: 0 15px 0 0;
4474
+ margin-left: 0 15px 0 0;
4475
+ margin-right: 0 15px 0 0;
4419
4476
  }
4420
4477
  .navbar-pf-alt .navbar-iconic {
4421
4478
  margin-right: 0;
@@ -4522,7 +4579,7 @@ a.disabled {
4522
4579
  padding: 11px 0 12px;
4523
4580
  }
4524
4581
  .navbar-pf-vertical .navbar-brand .navbar-brand-name {
4525
- display: inline;
4582
+ display: inline-block;
4526
4583
  margin: 0 15px 0 0;
4527
4584
  }
4528
4585
  @media (max-width: 480px) {
@@ -4531,7 +4588,7 @@ a.disabled {
4531
4588
  }
4532
4589
  }
4533
4590
  .navbar-pf-vertical .navbar-brand .navbar-brand-icon {
4534
- display: inline;
4591
+ display: inline-block;
4535
4592
  margin: 0 15px 0 0;
4536
4593
  }
4537
4594
  .navbar-pf-vertical .navbar-iconic {
@@ -4554,17 +4611,17 @@ a.disabled {
4554
4611
  background: #d1d1d1;
4555
4612
  }
4556
4613
  .layout-pf-alt-fixed.transitions .nav-pf-vertical-alt {
4557
- transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
4614
+ transition: all 200ms cubic-bezier(0.35, 0, 0.25, 1);
4558
4615
  }
4559
4616
  .layout-pf-alt-fixed.transitions .nav-pf-vertical-alt.collapsed .list-group-item .list-group-item-value {
4560
- transition: opacity 0s .1s, opacity .1s linear;
4617
+ transition: opacity 0ms 100ms, opacity 100ms linear;
4561
4618
  }
4562
4619
  .layout-pf-alt-fixed.transitions .nav-pf-vertical-alt .list-group-item .badge {
4563
- transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
4620
+ transition: all 200ms cubic-bezier(0.35, 0, 0.25, 1);
4564
4621
  }
4565
4622
  .layout-pf-alt-fixed.transitions .nav-pf-vertical-alt .list-group-item .list-group-item-value {
4566
- transition: opacity 0.5s ease-out;
4567
- transition-delay: .15s;
4623
+ transition: opacity 500ms ease-out;
4624
+ transition-delay: 150ms;
4568
4625
  }
4569
4626
  .nav-pf-vertical-alt {
4570
4627
  background: #fff;
@@ -4689,7 +4746,6 @@ a.disabled {
4689
4746
  .drawer-pf {
4690
4747
  background-color: #fafafa;
4691
4748
  border: 1px solid #d1d1d1;
4692
- -webkit-box-shadow: 0 6px 12px rgba(3, 3, 3, 0.175);
4693
4749
  box-shadow: 0 6px 12px rgba(3, 3, 3, 0.175);
4694
4750
  overflow-y: auto;
4695
4751
  position: absolute;
@@ -4846,7 +4902,6 @@ a.disabled {
4846
4902
  width: 100%;
4847
4903
  }
4848
4904
  .search-pf.has-button .form-group .btn {
4849
- -webkit-box-shadow: none;
4850
4905
  box-shadow: none;
4851
4906
  float: left;
4852
4907
  margin-left: -1px;
@@ -4861,7 +4916,6 @@ a.disabled {
4861
4916
  float: left;
4862
4917
  }
4863
4918
  .search-pf .has-clear .clear {
4864
- background: transparent;
4865
4919
  background: rgba(255, 255, 255, 0);
4866
4920
  border: 0;
4867
4921
  height: 25px;
@@ -5057,22 +5111,26 @@ a.disabled {
5057
5111
  @-webkit-keyframes rotation {
5058
5112
  from {
5059
5113
  -webkit-transform: rotate(0deg);
5114
+ transform: rotate(0deg);
5060
5115
  }
5061
5116
  to {
5062
5117
  -webkit-transform: rotate(359deg);
5118
+ transform: rotate(359deg);
5063
5119
  }
5064
5120
  }
5065
5121
  @keyframes rotation {
5066
5122
  from {
5067
- transform: rotate(0deg);
5123
+ -webkit-transform: rotate(0deg);
5124
+ transform: rotate(0deg);
5068
5125
  }
5069
5126
  to {
5070
- transform: rotate(359deg);
5127
+ -webkit-transform: rotate(359deg);
5128
+ transform: rotate(359deg);
5071
5129
  }
5072
5130
  }
5073
5131
  .spinner {
5074
- -webkit-animation: rotation .6s infinite linear;
5075
- animation: rotation .6s infinite linear;
5132
+ -webkit-animation: rotation 600ms infinite linear;
5133
+ animation: rotation 600ms infinite linear;
5076
5134
  border-bottom: 4px solid rgba(3, 3, 3, 0.25);
5077
5135
  border-left: 4px solid rgba(3, 3, 3, 0.25);
5078
5136
  border-right: 4px solid rgba(3, 3, 3, 0.25);
@@ -5280,7 +5338,7 @@ a.disabled {
5280
5338
  }
5281
5339
  @media (min-width: 992px) {
5282
5340
  .toast-pf-max-width {
5283
- max-width: 31.1% ;
5341
+ max-width: 31.1%;
5284
5342
  }
5285
5343
  }
5286
5344
  .toast-pf-top-right {
@@ -5329,7 +5387,6 @@ a.disabled {
5329
5387
  @media (min-width: 768px) {
5330
5388
  .toolbar-pf .form-group {
5331
5389
  border-right: 1px solid #d1d1d1;
5332
- display: table-cell;
5333
5390
  float: left;
5334
5391
  margin-bottom: 0;
5335
5392
  padding-left: 20px;
@@ -5366,7 +5423,6 @@ a.disabled {
5366
5423
  }
5367
5424
  .toolbar-pf-actions {
5368
5425
  display: table;
5369
- margin-bottom: 10px;
5370
5426
  width: 100%;
5371
5427
  }
5372
5428
  @media (min-width: 768px) {
@@ -5378,26 +5434,10 @@ a.disabled {
5378
5434
  .toolbar-pf-view-selector {
5379
5435
  font-size: 16px;
5380
5436
  }
5381
- @media (min-width: 768px) {
5382
- .toolbar-pf-view-selector {
5383
- border-right: 0;
5384
- float: right;
5385
- padding-right: 0;
5386
- }
5387
- }
5388
- .toolbar-pf-view-selector .active a {
5437
+ .toolbar-pf-view-selector .btn-link.active {
5389
5438
  color: #0088ce;
5390
5439
  cursor: default;
5391
5440
  }
5392
- .toolbar-pf-view-selector a {
5393
- color: #252525;
5394
- }
5395
- .toolbar-pf-view-selector a:hover {
5396
- color: #0088ce;
5397
- }
5398
- .toolbar-pf-view-selector .list-inline {
5399
- margin-bottom: 0;
5400
- }
5401
5441
  .toolbar-pf-action-right {
5402
5442
  float: right;
5403
5443
  }
@@ -5406,18 +5446,10 @@ a.disabled {
5406
5446
  float: none;
5407
5447
  }
5408
5448
  }
5409
- @media (min-width: 768px) {
5410
- .toolbar-pf-action-right .toolbar-pf-view-selector {
5411
- float: left;
5412
- }
5413
- }
5414
5449
  .toolbar-pf-find {
5415
5450
  font-size: 14px;
5416
5451
  position: relative;
5417
5452
  }
5418
- .toolbar-pf-find .btn {
5419
- outline: none;
5420
- }
5421
5453
  .find-pf-dropdown-container {
5422
5454
  background: #fff;
5423
5455
  border: solid 1px #bbb;
@@ -5439,10 +5471,7 @@ a.disabled {
5439
5471
  .find-pf-dropdown-container:before,
5440
5472
  .find-pf-dropdown-container:after {
5441
5473
  content: "";
5442
- display: block;
5443
- height: 0;
5444
5474
  position: absolute;
5445
- width: 0;
5446
5475
  }
5447
5476
  .find-pf-dropdown-container:before {
5448
5477
  border-bottom: 11px solid #bbb;
@@ -5477,38 +5506,38 @@ a.disabled {
5477
5506
  }
5478
5507
  }
5479
5508
  .find-pf-dropdown-container input {
5480
- padding: 5px 95px 5px 5px;
5481
- width: 100%;
5482
5509
  height: 30px;
5483
- line-height: 30px;
5510
+ padding: 5px 117px 5px 5px;
5511
+ width: 100%;
5484
5512
  }
5485
5513
  .find-pf-dropdown-container .find-pf-buttons {
5486
5514
  position: absolute;
5487
5515
  right: 10px;
5488
- top: 0;
5516
+ top: 5px;
5489
5517
  }
5490
5518
  .find-pf-dropdown-container .find-pf-buttons .btn {
5519
+ border: none;
5520
+ cursor: pointer;
5491
5521
  margin-left: 0 !important;
5522
+ padding: 0;
5523
+ width: 18px;
5524
+ }
5525
+ .find-pf-dropdown-container .find-pf-buttons .btn .fa-angle-up,
5526
+ .find-pf-dropdown-container .find-pf-buttons .btn .fa-angle-down {
5527
+ font-weight: bold;
5528
+ font-size: 18px;
5529
+ }
5530
+ .find-pf-dropdown-container .find-pf-buttons .btn .pficon-close {
5531
+ font-size: 14px;
5492
5532
  }
5493
5533
  .find-pf-dropdown-container .find-pf-buttons span {
5494
- cursor: pointer;
5495
- display: inline-block;
5496
5534
  height: 30px;
5497
5535
  line-height: 30px;
5498
- margin-right: 5px;
5499
5536
  vertical-align: middle;
5500
5537
  }
5501
5538
  .find-pf-dropdown-container .find-pf-buttons .find-pf-nums {
5502
5539
  color: #8b8d8f;
5503
- font-size: 14px;
5504
- }
5505
- .find-pf-dropdown-container .find-pf-buttons .btn-link .fa-angle-up,
5506
- .find-pf-dropdown-container .find-pf-buttons .btn-link .fa-angle-down {
5507
- font-weight: bold;
5508
- font-size: 18px;
5509
- }
5510
- .find-pf-dropdown-container .find-pf-buttons .btn-find-close {
5511
- font-size: 14px;
5540
+ margin-right: 3px;
5512
5541
  }
5513
5542
  .toolbar-pf-results {
5514
5543
  border-top: 1px solid #d1d1d1;
@@ -5541,13 +5570,6 @@ a.disabled {
5541
5570
  display: inline-block;
5542
5571
  margin-left: 5px;
5543
5572
  }
5544
- .toolbar-pf-results .list-inline {
5545
- margin: 0 10px 0 5px;
5546
- }
5547
- .toolbar-pf-results .list-inline li {
5548
- padding-left: 0;
5549
- padding-right: 0;
5550
- }
5551
5573
  .nav-pf-vertical {
5552
5574
  background: #292e34;
5553
5575
  border-right: 1px solid #292e34;
@@ -5638,27 +5660,57 @@ a.disabled {
5638
5660
  background-color: transparent;
5639
5661
  border-color: #030303;
5640
5662
  }
5641
- .nav-pf-vertical .list-group-item > .list-group-item-value {
5663
+ .nav-pf-vertical .list-group-item .list-group-item-value {
5642
5664
  display: block;
5643
- line-height: 30px;
5665
+ line-height: 25px;
5644
5666
  max-width: 120px;
5645
5667
  overflow: hidden;
5646
5668
  text-overflow: ellipsis;
5647
- width: 100%;
5648
5669
  }
5649
5670
  .nav-pf-vertical .list-group-item-separator {
5650
5671
  border-top-color: #030303;
5651
5672
  border-top-width: 2px;
5652
5673
  }
5674
+ .nav-pf-vertical.nav-pf-vertical-with-badges {
5675
+ width: 250px;
5676
+ }
5677
+ .nav-pf-vertical.nav-pf-vertical-with-badges .list-group-item > a {
5678
+ width: 250px;
5679
+ }
5653
5680
  .nav-pf-vertical.collapsed {
5654
5681
  width: 75px;
5655
5682
  }
5656
- .nav-pf-vertical.collapsed > .list-group > .list-group-item > a {
5683
+ .nav-pf-vertical.collapsed > .list-group-item > a {
5657
5684
  width: 75px;
5658
5685
  }
5659
- .nav-pf-vertical.collapsed > .list-group > .list-group-item > a > .list-group-item-value {
5686
+ .nav-pf-vertical.collapsed > .list-group-item > a > .list-group-item-value {
5660
5687
  display: none;
5661
- width: 0;
5688
+ }
5689
+ .nav-pf-vertical.collapsed > .list-group-item > a > .badge-container-pf {
5690
+ display: none;
5691
+ }
5692
+ .nav-pf-vertical.collapsed > .list-group-item.secondary-nav-item-pf.active > a,
5693
+ .nav-pf-vertical.collapsed > .list-group-item.secondary-nav-item-pf > a {
5694
+ width: 75px;
5695
+ }
5696
+ .nav-pf-vertical.collapsed > .list-group-item.secondary-nav-item-pf.active > a:after,
5697
+ .nav-pf-vertical.collapsed > .list-group-item.secondary-nav-item-pf > a:after {
5698
+ right: 10px;
5699
+ }
5700
+ .nav-pf-vertical.collapsed > .list-group-item.secondary-nav-item-pf.active > a,
5701
+ .nav-pf-vertical.collapsed > .list-group-item.secondary-nav-item-pf:hover > a {
5702
+ width: 77px;
5703
+ }
5704
+ .nav-pf-vertical.collapsed > .list-group-item.secondary-nav-item-pf.active > a:after,
5705
+ .nav-pf-vertical.collapsed > .list-group-item.secondary-nav-item-pf:hover > a:after {
5706
+ right: 11px;
5707
+ }
5708
+ .nav-pf-vertical h5 {
5709
+ color: #fff;
5710
+ cursor: default;
5711
+ font-size: 13px;
5712
+ font-weight: 600;
5713
+ margin: 30px 20px 10px 20px;
5662
5714
  }
5663
5715
  .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a .fa,
5664
5716
  .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a .glyphicon,
@@ -5668,6 +5720,30 @@ a.disabled {
5668
5720
  .nav-pf-vertical.hidden-icons-pf.collapsed {
5669
5721
  display: none;
5670
5722
  }
5723
+ .nav-pf-vertical .badge-container-pf {
5724
+ position: absolute;
5725
+ right: 15px;
5726
+ top: 20px;
5727
+ }
5728
+ .nav-pf-vertical .badge-container-pf .badge {
5729
+ background: #292e34;
5730
+ color: #fff;
5731
+ float: left;
5732
+ font-size: 12px;
5733
+ font-weight: 700;
5734
+ line-height: 1.66666667;
5735
+ margin: 0;
5736
+ padding: 0 7px;
5737
+ text-align: center;
5738
+ }
5739
+ .nav-pf-vertical .badge-container-pf .badge .pficon,
5740
+ .nav-pf-vertical .badge-container-pf .badge .fa {
5741
+ font-size: 14px;
5742
+ height: 20px;
5743
+ line-height: 1.66666667;
5744
+ margin-right: 3px;
5745
+ margin-top: -1px;
5746
+ }
5671
5747
  .nav-pf-vertical-tooltip.tooltip {
5672
5748
  margin-left: 15px;
5673
5749
  }
@@ -5679,71 +5755,108 @@ a.disabled {
5679
5755
  border-bottom-color: #fff;
5680
5756
  left: calc(50% - 15px) !important;
5681
5757
  }
5682
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-secondary-nav-pf {
5683
- width: 200px;
5758
+ .hover-secondary-nav-pf {
5759
+ width: calc(200px * 2);
5760
+ }
5761
+ .hover-secondary-nav-pf.nav-pf-vertical-with-badges {
5762
+ width: calc(250px * 2);
5684
5763
  }
5685
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-tertiary-nav-pf {
5764
+ .hover-tertiary-nav-pf {
5765
+ width: calc(200px * 3);
5766
+ }
5767
+ .hover-tertiary-nav-pf.nav-pf-vertical-with-badges {
5768
+ width: calc(250px * 3);
5769
+ }
5770
+ .hover-tertiary-nav-pf .nav-pf-secondary-nav {
5771
+ width: calc(200px * 2);
5772
+ }
5773
+ .hover-tertiary-nav-pf .nav-pf-secondary-nav .collapsed-tertiary-nav-pf {
5686
5774
  width: 200px;
5687
5775
  }
5688
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.hover-secondary-nav-pf {
5689
- width: 400px;
5776
+ .hover-tertiary-nav-pf .nav-pf-tertiary-nav {
5777
+ left: calc(200px * 2);
5778
+ }
5779
+ .hover-tertiary-nav-pf.nav-pf-vertical-with-badges .nav-pf-secondary-nav {
5780
+ width: calc(250px * 2);
5781
+ }
5782
+ .hover-tertiary-nav-pf.nav-pf-vertical-with-badges .nav-pf-secondary-nav .collapsed-tertiary-nav-pf {
5783
+ width: 250px;
5784
+ }
5785
+ .hover-tertiary-nav-pf.nav-pf-vertical-with-badges .nav-pf-tertiary-nav {
5786
+ left: calc(250px * 2);
5690
5787
  }
5691
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.hover-tertiary-nav-pf {
5692
- width: 600px;
5788
+ .collapsed {
5789
+ width: 75px;
5790
+ }
5791
+ .collapsed.collapsed-secondary-nav-pf {
5792
+ width: 200px;
5693
5793
  }
5694
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.hover-tertiary-nav-pf .nav-pf-secondary-nav {
5695
- width: 400px;
5794
+ .collapsed.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges {
5795
+ width: 250px;
5696
5796
  }
5697
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.hover-tertiary-nav-pf .nav-pf-secondary-nav .collapsed-tertiary-nav-pf {
5797
+ .collapsed.collapsed-tertiary-nav-pf {
5698
5798
  width: 200px;
5699
5799
  }
5700
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.hover-tertiary-nav-pf .nav-pf-tertiary-nav {
5701
- left: 400px;
5800
+ .collapsed.collapsed-tertiary-nav-pf.nav-pf-vertical-with-badges {
5801
+ width: 250px;
5802
+ }
5803
+ .collapsed.hover-secondary-nav-pf {
5804
+ width: calc(75px + 200px);
5805
+ }
5806
+ .collapsed.hover-secondary-nav-pf.nav-pf-vertical-with-badges {
5807
+ width: calc(75px + 250px);
5808
+ }
5809
+ .collapsed.hover-tertiary-nav-pf {
5810
+ width: calc(75px + (250px * 2));
5811
+ }
5812
+ .collapsed.hover-tertiary-nav-pf.nav-pf-vertical-with-badges {
5813
+ width: calc(75px + (250px * 2));
5702
5814
  }
5703
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav.show-mobile-secondary {
5815
+ .show-mobile-nav.show-mobile-secondary {
5704
5816
  width: 200px;
5705
5817
  }
5706
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav.show-mobile-tertiary {
5818
+ .show-mobile-nav.show-mobile-secondary.nav-pf-vertical-with-badges {
5819
+ width: 250px;
5820
+ }
5821
+ .show-mobile-nav.show-mobile-tertiary {
5707
5822
  width: 200px;
5708
5823
  }
5709
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .mobile-nav-item-pf .nav-pf-secondary-nav,
5710
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .mobile-secondary-item-pf .nav-pf-secondary-nav {
5824
+ .show-mobile-nav.show-mobile-tertiary.nav-pf-vertical-with-badges {
5825
+ width: 250px;
5826
+ }
5827
+ .show-mobile-nav .mobile-nav-item-pf .nav-pf-secondary-nav,
5828
+ .show-mobile-nav .mobile-secondary-item-pf .nav-pf-secondary-nav {
5711
5829
  left: 0;
5712
5830
  opacity: 1;
5713
5831
  visibility: visible;
5714
5832
  z-index: 1034;
5715
5833
  }
5716
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .mobile-nav-item-pf > .nav-pf-tertiary-nav,
5717
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .mobile-secondary-item-pf > .nav-pf-tertiary-nav {
5834
+ .show-mobile-nav .mobile-nav-item-pf > .nav-pf-tertiary-nav,
5835
+ .show-mobile-nav .mobile-secondary-item-pf > .nav-pf-tertiary-nav {
5836
+ left: 0;
5718
5837
  opacity: 1;
5719
5838
  visibility: visible;
5839
+ z-index: 1038;
5720
5840
  }
5721
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .nav-pf-secondary-nav {
5841
+ .show-mobile-nav .nav-pf-secondary-nav {
5722
5842
  left: 0;
5723
5843
  }
5724
- .secondary-nav-item-pf:hover .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .nav-pf-secondary-nav {
5844
+ .secondary-nav-item-pf:hover .show-mobile-nav .nav-pf-secondary-nav {
5725
5845
  opacity: 0;
5726
5846
  visibility: hidden;
5727
5847
  }
5728
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .nav-pf-tertiary-nav {
5729
- left: 0;
5730
- z-index: 1038;
5731
- }
5732
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.show-mobile-nav .tertiary-nav-item-pf:hover .nav-pf-tertiary-nav {
5848
+ .show-mobile-nav .tertiary-nav-item-pf:hover .nav-pf-tertiary-nav {
5733
5849
  opacity: 0;
5734
5850
  visibility: hidden;
5735
5851
  }
5736
- .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 {
5852
+ .show-mobile-nav .tertiary-nav-item-pf.mobile-nav-item-pf:hover .nav-pf-tertiary-nav {
5737
5853
  opacity: 1;
5738
5854
  visibility: visible;
5739
5855
  }
5740
- .layout-pf-fixed-with-footer .nav-pf-vertical.nav-pf-vertical-with-sub-menus {
5741
- bottom: 37px;
5742
- }
5743
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf > a {
5856
+ .secondary-nav-item-pf > a {
5744
5857
  cursor: default;
5745
5858
  }
5746
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf > a:after {
5859
+ .secondary-nav-item-pf > a:after {
5747
5860
  color: #72767b;
5748
5861
  content: "\f105";
5749
5862
  display: block;
@@ -5755,201 +5868,163 @@ a.disabled {
5755
5868
  right: 20px;
5756
5869
  top: 0;
5757
5870
  }
5758
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf.active > a,
5759
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf:hover > a {
5760
- width: 201px;
5871
+ .secondary-nav-item-pf.active > a,
5872
+ .secondary-nav-item-pf:hover > a {
5873
+ width: calc(200px + 1px);
5761
5874
  z-index: 1031;
5762
5875
  }
5763
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf.active > a:after,
5764
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf:hover > a:after {
5876
+ .secondary-nav-item-pf.active > a:after,
5877
+ .secondary-nav-item-pf:hover > a:after {
5765
5878
  right: 21px;
5766
5879
  }
5767
- .collapsed-secondary-nav-pf .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf.active > a,
5768
- .collapsed-secondary-nav-pf .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf:hover > a {
5880
+ .collapsed-secondary-nav-pf .secondary-nav-item-pf.active > a,
5881
+ .collapsed-secondary-nav-pf .secondary-nav-item-pf:hover > a {
5769
5882
  z-index: 1030;
5770
5883
  }
5771
- .collapsed-tertiary-nav-pf .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf.active > a,
5772
- .collapsed-tertiary-nav-pf .nav-pf-vertical.nav-pf-vertical-with-sub-menus .secondary-nav-item-pf:hover > a {
5884
+ .collapsed-tertiary-nav-pf .secondary-nav-item-pf.active > a,
5885
+ .collapsed-tertiary-nav-pf .secondary-nav-item-pf:hover > a {
5773
5886
  z-index: 1030;
5774
5887
  }
5775
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-secondary-nav-pf {
5888
+ .nav-pf-vertical-with-badges .secondary-nav-item-pf.active > a,
5889
+ .nav-pf-vertical-with-badges .secondary-nav-item-pf:hover > a {
5890
+ width: calc(250px + 1px);
5891
+ }
5892
+ .nav-pf-vertical.collapsed-secondary-nav-pf {
5776
5893
  width: 200px;
5777
5894
  }
5778
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-secondary-nav-pf .secondary-nav-item-pf.active > a,
5779
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-secondary-nav-pf .secondary-nav-item-pf.hover > a {
5895
+ .nav-pf-vertical.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges {
5896
+ width: 250px;
5897
+ }
5898
+ .nav-pf-vertical.collapsed-secondary-nav-pf .secondary-nav-item-pf.active > a,
5899
+ .nav-pf-vertical.collapsed-secondary-nav-pf .secondary-nav-item-pf.hover > a {
5780
5900
  z-index: 1030;
5781
5901
  }
5782
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-secondary-nav-pf.hover-tertiary-nav-pf {
5783
- width: 400px;
5902
+ .nav-pf-vertical.collapsed-secondary-nav-pf.hover-tertiary-nav-pf {
5903
+ width: 200px;
5784
5904
  }
5785
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-secondary-nav-pf .nav-pf-secondary-nav {
5905
+ .nav-pf-vertical.collapsed-secondary-nav-pf.hover-tertiary-nav-pf.nav-pf-vertical-with-badges {
5906
+ width: 250px;
5907
+ }
5908
+ .nav-pf-vertical.collapsed-secondary-nav-pf .nav-pf-secondary-nav {
5786
5909
  left: 0;
5787
5910
  }
5788
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-secondary-nav-pf .nav-pf-tertiary-nav {
5911
+ .nav-pf-vertical.collapsed-secondary-nav-pf .nav-pf-tertiary-nav {
5789
5912
  left: 200px;
5790
5913
  }
5791
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-tertiary-nav-pf {
5914
+ .nav-pf-vertical.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges .nav-pf-tertiary-nav {
5915
+ left: 250px;
5916
+ }
5917
+ .nav-pf-vertical.collapsed-tertiary-nav-pf {
5792
5918
  width: 200px;
5793
5919
  }
5794
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-tertiary-nav-pf .nav-pf-secondary-nav {
5920
+ .nav-pf-vertical.collapsed-tertiary-nav-pf.nav-pf-vertical-with-badges {
5921
+ width: 250px;
5922
+ }
5923
+ .nav-pf-vertical.collapsed-tertiary-nav-pf .nav-pf-secondary-nav {
5795
5924
  width: 200px;
5796
5925
  }
5797
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-tertiary-nav-pf .secondary-nav-item-pf.active > a,
5798
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-tertiary-nav-pf .tertiary-nav-item-pf.active > a,
5799
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-tertiary-nav-pf .secondary-nav-item-pf.hover > a,
5800
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed-tertiary-nav-pf .tertiary-nav-item-pf.hover > a {
5926
+ .nav-pf-vertical.collapsed-tertiary-nav-pf .nav-pf-secondary-nav.nav-pf-vertical-with-badges {
5927
+ width: 250px;
5928
+ }
5929
+ .nav-pf-vertical.collapsed-tertiary-nav-pf .secondary-nav-item-pf.active > a,
5930
+ .nav-pf-vertical.collapsed-tertiary-nav-pf .tertiary-nav-item-pf.active > a,
5931
+ .nav-pf-vertical.collapsed-tertiary-nav-pf .secondary-nav-item-pf.hover > a,
5932
+ .nav-pf-vertical.collapsed-tertiary-nav-pf .tertiary-nav-item-pf.hover > a {
5801
5933
  z-index: 1030;
5802
5934
  }
5803
5935
  @media (min-width: 1200px) {
5804
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.nav-pf-persistent-secondary.secondary-visible-pf {
5805
- width: 400px;
5936
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf {
5937
+ width: calc(200px * 2);
5938
+ }
5939
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.nav-pf-vertical-with-badges {
5940
+ width: calc(250px * 2);
5806
5941
  }
5807
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-secondary-nav-pf {
5942
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-secondary-nav-pf {
5808
5943
  width: 200px;
5809
5944
  }
5810
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-tertiary-nav-pf {
5945
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges {
5946
+ width: 250px;
5947
+ }
5948
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-secondary-nav-pf.hover-tertiary-nav-pf {
5949
+ width: calc(200px * 2);
5950
+ }
5951
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-secondary-nav-pf.hover-tertiary-nav-pf.nav-pf-vertical-with-badges {
5952
+ width: calc(250px * 2);
5953
+ }
5954
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-tertiary-nav-pf {
5811
5955
  width: 200px;
5812
5956
  }
5813
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.nav-pf-persistent-secondary.secondary-visible-pf.collapsed {
5814
- width: 275px;
5957
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-tertiary-nav-pf.nav-pf-vertical-with-badges {
5958
+ width: 250px;
5959
+ }
5960
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed {
5961
+ width: calc(75px + 200px);
5815
5962
  }
5816
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.collapsed-secondary-nav-pf {
5963
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.collapsed-secondary-nav-pf {
5817
5964
  width: 200px;
5818
5965
  }
5819
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.collapsed-tertiary-nav-pf {
5966
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges {
5967
+ width: 250px;
5968
+ }
5969
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.collapsed-tertiary-nav-pf {
5820
5970
  width: 200px;
5821
5971
  }
5822
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.nav-pf-persistent-secondary.secondary-visible-pf.hover-tertiary-nav-pf {
5823
- width: 600px;
5972
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.collapsed-tertiary-nav-pf.nav-pf-vertical-with-badges {
5973
+ width: 250px;
5974
+ }
5975
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.hover-tertiary-nav-pf {
5976
+ width: calc(75px + (200px * 2));
5977
+ }
5978
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.hover-tertiary-nav-pf.nav-pf-vertical-with-badges {
5979
+ width: calc(75px + (250px * 2));
5824
5980
  }
5825
- .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 {
5981
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.hover-tertiary-nav-pf {
5982
+ width: calc(200px * 3);
5983
+ }
5984
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.hover-tertiary-nav-pf.nav-pf-vertical-with-badges {
5985
+ width: calc(250px * 3);
5986
+ }
5987
+ .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf .secondary-nav-item-pf.active .nav-pf-secondary-nav {
5826
5988
  visibility: visible;
5827
5989
  opacity: 1;
5828
5990
  }
5829
5991
  }
5830
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus .badge-container-pf {
5831
- background-color: #292e34;
5832
- position: absolute;
5833
- right: 15px;
5834
- top: 5px;
5835
- }
5836
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus .badge-container-pf .badge {
5837
- background: #292e34;
5838
- color: #fff;
5839
- float: left;
5840
- font-size: 12px;
5841
- font-weight: 700;
5842
- line-height: 1.66666667;
5843
- margin: 0;
5844
- padding: 0 7px;
5845
- text-align: center;
5846
- }
5847
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus .badge-container-pf .badge .pficon,
5848
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus .badge-container-pf .badge .fa {
5849
- font-size: 14px;
5850
- height: 20px;
5851
- line-height: 1.66666667;
5852
- margin-right: 3px;
5853
- margin-top: -1px;
5854
- }
5855
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus .nav-item-pf-header {
5992
+ .nav-item-pf-header {
5856
5993
  color: #fff;
5857
5994
  font-size: 16px;
5858
5995
  margin: 18px 20px 10px 20px;
5859
5996
  }
5860
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus .nav-item-pf-header > a {
5997
+ .nav-item-pf-header > a {
5861
5998
  cursor: pointer;
5862
5999
  margin-right: 7px;
5863
6000
  }
5864
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus .nav-item-pf-header > a:hover,
5865
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus .nav-item-pf-header > a:focus {
6001
+ .nav-item-pf-header > a:hover,
6002
+ .nav-item-pf-header > a:focus {
5866
6003
  color: #0088ce;
5867
6004
  text-decoration: none;
5868
6005
  }
5869
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus h5 {
5870
- color: #fff;
5871
- cursor: default;
5872
- font-size: 13px;
5873
- font-weight: 600;
5874
- margin: 30px 20px 10px 20px;
5875
- }
5876
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item > a {
6006
+ .nav-pf-vertical.collapsed .list-group-item > a {
5877
6007
  width: 75px;
5878
6008
  }
5879
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item > a > .list-group-item-value {
6009
+ .nav-pf-vertical.collapsed .list-group-item > a > .list-group-item-value {
5880
6010
  display: none;
5881
- width: 0;
5882
6011
  }
5883
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf.active > a,
5884
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf > a {
6012
+ .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf.active > a,
6013
+ .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf > a {
5885
6014
  width: 75px;
5886
6015
  }
5887
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf.active > a:after,
5888
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf > a:after {
6016
+ .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf.active > a:after,
6017
+ .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf > a:after {
5889
6018
  right: 10px;
5890
6019
  }
5891
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf.active > a,
5892
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf:hover > a {
6020
+ .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf.active > a,
6021
+ .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf:hover > a {
5893
6022
  width: 77px;
5894
6023
  }
5895
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf.active > a:after,
5896
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .list-group-item.secondary-nav-item-pf:hover > a:after {
6024
+ .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf.active > a:after,
6025
+ .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf:hover > a:after {
5897
6026
  right: 11px;
5898
6027
  }
5899
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .nav-pf-secondary-nav {
5900
- left: 75px;
5901
- }
5902
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .nav-pf-secondary-nav .list-group-item > a {
5903
- width: 180px;
5904
- }
5905
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .nav-pf-secondary-nav .list-group-item > a > .list-group-item-value {
5906
- display: inline-block;
5907
- width: inherit;
5908
- }
5909
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .nav-pf-tertiary-nav {
5910
- left: 275px;
5911
- }
5912
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .nav-pf-tertiary-nav .list-group-item > a {
5913
- width: 180px;
5914
- }
5915
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed .nav-pf-tertiary-nav .list-group-item > a > .list-group-item-value {
5916
- display: inline-block;
5917
- width: inherit;
5918
- }
5919
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-secondary-nav-pf,
5920
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-tertiary-nav-pf {
5921
- width: 200px;
5922
- }
5923
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-secondary-nav-pf .secondary-nav-item-pf:hover > a,
5924
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-tertiary-nav-pf .secondary-nav-item-pf:hover > a {
5925
- z-index: 1030;
5926
- }
5927
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-secondary-nav-pf .nav-pf-secondary-nav,
5928
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-tertiary-nav-pf .nav-pf-secondary-nav {
5929
- left: 0;
5930
- }
5931
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-secondary-nav-pf .nav-pf-tertiary-nav {
5932
- left: 200px;
5933
- }
5934
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.collapsed-tertiary-nav-pf .nav-pf-tertiary-nav {
5935
- left: 0;
5936
- }
5937
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.hover-secondary-nav-pf {
5938
- width: 275px;
5939
- }
5940
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.hover-secondary-nav-pf.collapsed-secondary-nav-pf,
5941
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.hover-secondary-nav-pf.collapsed-tertiary-nav-pf {
5942
- width: 200px;
5943
- }
5944
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.hover-tertiary-nav-pf {
5945
- width: 475px;
5946
- }
5947
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.hover-tertiary-nav-pf.collapsed-secondary-nav-pf {
5948
- width: 400px;
5949
- }
5950
- .nav-pf-vertical.nav-pf-vertical-with-sub-menus.collapsed.hover-tertiary-nav-pf.collapsed-tertiary-nav-pf {
5951
- width: 200px;
5952
- }
5953
6028
  .nav-pf-secondary-nav {
5954
6029
  background: #393f44;
5955
6030
  border: 1px solid #292e34;
@@ -6001,7 +6076,7 @@ a.disabled {
6001
6076
  height: inherit;
6002
6077
  padding: 4px 0 2px 0;
6003
6078
  margin-left: 20px;
6004
- width: 180px;
6079
+ width: calc(200px - 20px);
6005
6080
  }
6006
6081
  .nav-pf-secondary-nav .list-group-item > a:hover .list-group-item-value {
6007
6082
  text-decoration: underline;
@@ -6015,16 +6090,13 @@ a.disabled {
6015
6090
  color: #fff;
6016
6091
  }
6017
6092
  .nav-pf-secondary-nav .list-group-item .badge-container-pf {
6018
- background-color: #292e34;
6093
+ top: 5px;
6019
6094
  }
6020
6095
  .nav-pf-secondary-nav .list-group-item .badge-container-pf .badge {
6021
6096
  background: #292e34;
6022
6097
  color: #fff;
6023
6098
  }
6024
6099
  .nav-pf-secondary-nav .list-group-item .list-group-item-value {
6025
- display: inline-block;
6026
- line-height: 20px;
6027
- max-width: none;
6028
6100
  padding-left: 5px;
6029
6101
  }
6030
6102
  .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf > a {
@@ -6044,13 +6116,27 @@ a.disabled {
6044
6116
  }
6045
6117
  .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf.active > a,
6046
6118
  .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf:hover > a {
6047
- width: 181px;
6119
+ width: calc(200px - 19px);
6048
6120
  z-index: 1033;
6049
6121
  }
6050
6122
  .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf.active > a:after,
6051
6123
  .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf:hover > a:after {
6052
6124
  right: 21px;
6053
6125
  }
6126
+ .nav-pf-vertical-with-badges .nav-pf-secondary-nav {
6127
+ left: 250px;
6128
+ width: 250px;
6129
+ }
6130
+ .nav-pf-vertical-with-badges .nav-pf-secondary-nav .list-group-item {
6131
+ width: 250px;
6132
+ }
6133
+ .nav-pf-vertical-with-badges .nav-pf-secondary-nav .list-group-item > a {
6134
+ width: calc(250px - 20px);
6135
+ }
6136
+ .nav-pf-vertical-with-badges .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf.active > a,
6137
+ .nav-pf-vertical-with-badges .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf:hover > a {
6138
+ width: calc(250px - 19px);
6139
+ }
6054
6140
  .nav-pf-tertiary-nav {
6055
6141
  background: #4d5258;
6056
6142
  border: 1px solid #292e34;
@@ -6058,7 +6144,7 @@ a.disabled {
6058
6144
  border-top: none;
6059
6145
  bottom: 0;
6060
6146
  display: block;
6061
- left: 400px;
6147
+ left: calc(200px * 2);
6062
6148
  opacity: 0;
6063
6149
  overflow-x: hidden;
6064
6150
  overflow-y: auto;
@@ -6068,11 +6154,18 @@ a.disabled {
6068
6154
  width: 200px;
6069
6155
  z-index: 1030;
6070
6156
  }
6157
+ .nav-pf-vertical-with-badges .nav-pf-tertiary-nav {
6158
+ left: 250px;
6159
+ width: 250px;
6160
+ }
6161
+ .nav-pf-vertical-with-badges .nav-pf-tertiary-nav .show-mobile-nav {
6162
+ left: 0;
6163
+ }
6071
6164
  .collapsed-tertiary-nav-pf .tertiary-nav-item-pf.active .nav-pf-tertiary-nav {
6072
6165
  left: 0;
6073
6166
  opacity: 1;
6074
6167
  visibility: visible;
6075
- z-index: 1032;
6168
+ z-index: 1033;
6076
6169
  }
6077
6170
  .hover-tertiary-nav-pf .tertiary-nav-item-pf.is-hover .nav-pf-tertiary-nav {
6078
6171
  opacity: 1;
@@ -6117,18 +6210,99 @@ a.disabled {
6117
6210
  color: #fff;
6118
6211
  }
6119
6212
  .nav-pf-tertiary-nav .list-group-item .badge-container-pf {
6120
- background-color: #292e34;
6213
+ top: 5px;
6121
6214
  }
6122
6215
  .nav-pf-tertiary-nav .list-group-item .badge-container-pf .badge {
6123
6216
  background: #292e34;
6124
6217
  color: #fff;
6125
6218
  }
6126
6219
  .nav-pf-tertiary-nav .list-group-item .list-group-item-value {
6127
- display: inline-block;
6128
- line-height: 20px;
6129
- max-width: none;
6130
6220
  padding-left: 5px;
6131
6221
  }
6222
+ .collapsed .nav-pf-secondary-nav {
6223
+ left: 75px;
6224
+ }
6225
+ .collapsed .nav-pf-secondary-nav .list-group-item > a {
6226
+ width: calc(200px - 20px);
6227
+ }
6228
+ .collapsed .nav-pf-secondary-nav .list-group-item > a > .list-group-item-value {
6229
+ display: inline-block;
6230
+ }
6231
+ .collapsed .nav-pf-tertiary-nav {
6232
+ left: calc(75px + 200px);
6233
+ }
6234
+ .collapsed .nav-pf-tertiary-nav .list-group-item > a {
6235
+ width: calc(200px - 20px);
6236
+ }
6237
+ .collapsed .nav-pf-tertiary-nav .list-group-item > a > .list-group-item-value {
6238
+ display: inline-block;
6239
+ }
6240
+ .collapsed.collapsed-secondary-nav-pf,
6241
+ .collapsed.collapsed-tertiary-nav-pf {
6242
+ width: 200px;
6243
+ }
6244
+ .collapsed.collapsed-secondary-nav-pf .secondary-nav-item-pf:hover > a,
6245
+ .collapsed.collapsed-tertiary-nav-pf .secondary-nav-item-pf:hover > a {
6246
+ z-index: 1030;
6247
+ }
6248
+ .collapsed.collapsed-secondary-nav-pf .nav-pf-secondary-nav,
6249
+ .collapsed.collapsed-tertiary-nav-pf .nav-pf-secondary-nav {
6250
+ left: 0;
6251
+ }
6252
+ .collapsed.collapsed-secondary-nav-pf .nav-pf-tertiary-nav {
6253
+ left: 200px;
6254
+ }
6255
+ .collapsed.collapsed-tertiary-nav-pf .nav-pf-tertiary-nav {
6256
+ left: 0;
6257
+ }
6258
+ .collapsed.hover-secondary-nav-pf {
6259
+ width: calc(75px + 200px);
6260
+ }
6261
+ .collapsed.hover-secondary-nav-pf.collapsed-secondary-nav-pf,
6262
+ .collapsed.hover-secondary-nav-pf.collapsed-tertiary-nav-pf {
6263
+ width: 200px;
6264
+ }
6265
+ .collapsed.hover-tertiary-nav-pf {
6266
+ width: calc(75px + (200px * 2));
6267
+ }
6268
+ .collapsed.hover-tertiary-nav-pf.collapsed-secondary-nav-pf {
6269
+ width: calc(200px * 2);
6270
+ }
6271
+ .collapsed.hover-tertiary-nav-pf.collapsed-tertiary-nav-pf {
6272
+ width: 200px;
6273
+ }
6274
+ .collapsed.nav-pf-vertical-with-badges .nav-pf-secondary-nav .list-group-item > a {
6275
+ width: calc(250px - 20px);
6276
+ }
6277
+ .collapsed.nav-pf-vertical-with-badges .nav-pf-tertiary-nav {
6278
+ left: calc(75px + 250px);
6279
+ }
6280
+ .collapsed.nav-pf-vertical-with-badges .nav-pf-tertiary-nav .list-group-item > a {
6281
+ width: calc(250px - 20px);
6282
+ }
6283
+ .collapsed.nav-pf-vertical-with-badges.collapsed-secondary-nav-pf,
6284
+ .collapsed.nav-pf-vertical-with-badges.collapsed-tertiary-nav-pf {
6285
+ width: 250px;
6286
+ }
6287
+ .collapsed.nav-pf-vertical-with-badges.collapsed-secondary-nav-pf .nav-pf-tertiary-nav {
6288
+ left: 250px;
6289
+ }
6290
+ .collapsed.nav-pf-vertical-with-badges.hover-secondary-nav-pf {
6291
+ width: calc(75px + 250px);
6292
+ }
6293
+ .collapsed.nav-pf-vertical-with-badges.hover-secondary-nav-pf.collapsed-secondary-nav-pf,
6294
+ .collapsed.nav-pf-vertical-with-badges.hover-secondary-nav-pf.collapsed-tertiary-nav-pf {
6295
+ width: 250px;
6296
+ }
6297
+ .collapsed.nav-pf-vertical-with-badges.hover-tertiary-nav-pf {
6298
+ width: calc(75px + (200px * 2));
6299
+ }
6300
+ .collapsed.nav-pf-vertical-with-badges.hover-tertiary-nav-pf.collapsed-secondary-nav-pf {
6301
+ width: calc(200px * 2);
6302
+ }
6303
+ .collapsed.nav-pf-vertical-with-badges.hover-tertiary-nav-pf.collapsed-tertiary-nav-pf {
6304
+ width: 200px;
6305
+ }
6132
6306
  .secondary-collapse-toggle-pf {
6133
6307
  display: none;
6134
6308
  font-family: "FontAwesome";
@@ -6194,22 +6368,13 @@ a.disabled {
6194
6368
  display: none !important;
6195
6369
  }
6196
6370
  .nav-pf-vertical.transitions {
6197
- transition: width 0.1s;
6198
- -webkit-transition: width 0.1s;
6199
- -moz-transition: width 0.1s;
6200
- -o-transition: width 0.1s;
6371
+ transition: width 100ms;
6201
6372
  }
6202
6373
  .nav-pf-vertical.transitions .nav-pf-secondary-nav {
6203
- -webkit-transition: visibility 0.1s, opacity 0.1s linear;
6204
- -moz-transition: visibility ease-in-out 0.1s, opacity ease-in-out 0.1s linear;
6205
- -o-transition: visibility 0.1s, opacity 0.1s linear;
6206
- transition: visibility 0.1s, opacity 0.1s linear;
6374
+ transition: visibility 100ms, opacity 100ms linear;
6207
6375
  }
6208
6376
  .nav-pf-vertical.transitions .nav-pf-tertiary-nav {
6209
- -webkit-transition: visibility 0.1s, opacity 0.1s linear;
6210
- -moz-transition: visibility 0.1s, opacity 0.1s linear;
6211
- -o-transition: visibility 0.1s, opacity 0.1s linear;
6212
- transition: visibility 0.1s, opacity 0.1s linear;
6377
+ transition: visibility 100ms, opacity 100ms linear;
6213
6378
  }
6214
6379
  .wizard-pf-body {
6215
6380
  padding: 0;
@@ -6305,23 +6470,31 @@ a.disabled {
6305
6470
  .wizard-pf-steps-indicator {
6306
6471
  font-size: 16px;
6307
6472
  display: inline-block;
6308
- display: -ms-flexbox;
6309
- /* for IE 10 */
6310
- display: flex;
6311
6473
  height: 120px;
6312
- justify-content: space-around;
6474
+ -webkit-justify-content: space-around;
6475
+ -ms-flex-pack: distribute;
6476
+ justify-content: space-around;
6313
6477
  list-style: none;
6314
- padding: 38px 0 0 0;
6478
+ padding: 38px 0 0;
6315
6479
  /* draw the step number in the circle */
6316
6480
  }
6481
+ @supports (display: flex) {
6482
+ .wizard-pf-steps-indicator {
6483
+ display: -webkit-flex;
6484
+ display: -ms-flexbox;
6485
+ display: flex;
6486
+ }
6487
+ }
6317
6488
  .wizard-pf-steps-indicator li {
6318
6489
  counter-increment: section;
6319
6490
  float: left;
6320
6491
  /* float for IE9 since it doesn't support flex. If items wrap, they overlap */
6321
- -ms-flex: 1;
6322
- /* for IE 10 */
6323
- flex-grow: 1;
6324
- flex-basis: 0;
6492
+ -webkit-flex-grow: 1;
6493
+ -ms-flex-positive: 1;
6494
+ flex-grow: 1;
6495
+ -webkit-flex-basis: 0;
6496
+ -ms-flex-preferred-size: 0;
6497
+ flex-basis: 0;
6325
6498
  line-height: 15px;
6326
6499
  margin: 0;
6327
6500
  padding: 0;
@@ -6332,7 +6505,7 @@ a.disabled {
6332
6505
  }
6333
6506
  .wizard-pf-steps-indicator li:before {
6334
6507
  background-color: #bbb;
6335
- content: '';
6508
+ content: "";
6336
6509
  height: 2px;
6337
6510
  left: 0;
6338
6511
  position: absolute;
@@ -6425,7 +6598,7 @@ a.disabled {
6425
6598
  padding-left: 30px;
6426
6599
  padding-right: 5px;
6427
6600
  text-decoration: none;
6428
- transition: 0.25s;
6601
+ transition: 250ms;
6429
6602
  }
6430
6603
  .wizard-pf-review-steps > ul > li > a:before {
6431
6604
  content: "\f107";
@@ -6457,7 +6630,7 @@ a.disabled {
6457
6630
  padding-left: 30px;
6458
6631
  padding-right: 5px;
6459
6632
  text-decoration: none;
6460
- transition: 0.25s;
6633
+ transition: 250ms;
6461
6634
  }
6462
6635
  .wizard-pf-review-substeps > ul > li a:before {
6463
6636
  content: "\f107";
@@ -6514,4 +6687,3 @@ a.disabled {
6514
6687
  .wizard-pf-footer .btn-cancel {
6515
6688
  margin-right: 25px;
6516
6689
  }
6517
- /*# sourceMappingURL=patternfly-additions.css.map */