patternfly-sass 3.9.0 → 3.10.0

Sign up to get free protection for your applications and to get access to all the features.
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 */