diff --git a/openstack_dashboard/dashboards/project/stacks/mappings.py b/openstack_dashboard/dashboards/project/stacks/mappings.py
index d59beca442..18eda6bfb5 100644
--- a/openstack_dashboard/dashboards/project/stacks/mappings.py
+++ b/openstack_dashboard/dashboards/project/stacks/mappings.py
@@ -12,12 +12,12 @@
 
 import json
 import logging
-import re
 
 from django.core.urlresolvers import reverse
 from django.template.defaultfilters import register  # noqa
 from django.utils import html
 from django.utils import safestring
+import six
 import six.moves.urllib.parse as urlparse
 
 from openstack_dashboard.api import swift
@@ -169,6 +169,82 @@ resource_images = {
     'SERVER_IN_PROGRESS': '/static/dashboard/img/server-gray.gif',
     'SERVER_INIT': '/static/dashboard/img/server-gray.svg',
     'SERVER_COMPLETE': '/static/dashboard/img/server-green.svg',
+    'ALARM_FAILED': '/static/dashboard/img/alarm-red.svg',
+    'ALARM_DELETE': '/static/dashboard/img/alarm-red.svg',
+    'ALARM_IN_PROGRESS': '/static/dashboard/img/alarm-gray.gif',
+    'ALARM_INIT': '/static/dashboard/img/alarm-gray.svg',
+    'ALARM_COMPLETE': '/static/dashboard/img/alarm-green.svg',
+    'VOLUME_FAILED': '/static/dashboard/img/volume-red.svg',
+    'VOLUME_DELETE': '/static/dashboard/img/volume-red.svg',
+    'VOLUME_IN_PROGRESS': '/static/dashboard/img/volume-gray.gif',
+    'VOLUME_INIT': '/static/dashboard/img/volume-gray.svg',
+    'VOLUME_COMPLETE': '/static/dashboard/img/volume-green.svg',
+    'IMAGE_FAILED': '/static/dashboard/img/image-red.svg',
+    'IMAGE_DELETE': '/static/dashboard/img/image-red.svg',
+    'IMAGE_IN_PROGRESS': '/static/dashboard/img/image-gray.gif',
+    'IMAGE_INIT': '/static/dashboard/img/image-gray.svg',
+    'IMAGE_COMPLETE': '/static/dashboard/img/image-green.svg',
+    'WAIT_FAILED': '/static/dashboard/img/wait-red.svg',
+    'WAIT_DELETE': '/static/dashboard/img/wait-red.svg',
+    'WAIT_IN_PROGRESS': '/static/dashboard/img/wait-gray.gif',
+    'WAIT_INIT': '/static/dashboard/img/wait-gray.svg',
+    'WAIT_COMPLETE': '/static/dashboard/img/wait-green.svg',
+    'FIREWALL_FAILED': '/static/dashboard/img/firewall-red.svg',
+    'FIREWALL_DELETE': '/static/dashboard/img/firewall-red.svg',
+    'FIREWALL_IN_PROGRESS': '/static/dashboard/img/firewall-gray.gif',
+    'FIREWALL_INIT': '/static/dashboard/img/firewall-gray.svg',
+    'FIREWALL_COMPLETE': '/static/dashboard/img/firewall-green.svg',
+    'FLOATINGIP_FAILED': '/static/dashboard/img/floatingip-red.svg',
+    'FLOATINGIP_DELETE': '/static/dashboard/img/floatingip-red.svg',
+    'FLOATINGIP_IN_PROGRESS': '/static/dashboard/img/floatingip-gray.gif',
+    'FLOATINGIP_INIT': '/static/dashboard/img/floatingip-gray.svg',
+    'FLOATINGIP_COMPLETE': '/static/dashboard/img/floatingip-green.svg',
+    'ROUTER_FAILED': '/static/dashboard/img/router-red.svg',
+    'ROUTER_DELETE': '/static/dashboard/img/router-red.svg',
+    'ROUTER_IN_PROGRESS': '/static/dashboard/img/router-gray.gif',
+    'ROUTER_INIT': '/static/dashboard/img/router-gray.svg',
+    'ROUTER_COMPLETE': '/static/dashboard/img/router-green.svg',
+    'POLICY_FAILED': '/static/dashboard/img/policy-red.svg',
+    'POLICY_DELETE': '/static/dashboard/img/policy-red.svg',
+    'POLICY_IN_PROGRESS': '/static/dashboard/img/policy-gray.gif',
+    'POLICY_INIT': '/static/dashboard/img/policy-gray.svg',
+    'POLICY_COMPLETE': '/static/dashboard/img/policy-green.svg',
+    'CONFIG_FAILED': '/static/dashboard/img/config-red.svg',
+    'CONFIG_DELETE': '/static/dashboard/img/config-red.svg',
+    'CONFIG_IN_PROGRESS': '/static/dashboard/img/config-gray.gif',
+    'CONFIG_INIT': '/static/dashboard/img/config-gray.svg',
+    'CONFIG_COMPLETE': '/static/dashboard/img/config-green.svg',
+    'NETWORK_FAILED': '/static/dashboard/img/network-red.svg',
+    'NETWORK_DELETE': '/static/dashboard/img/network-red.svg',
+    'NETWORK_IN_PROGRESS': '/static/dashboard/img/network-gray.gif',
+    'NETWORK_INIT': '/static/dashboard/img/network-gray.svg',
+    'NETWORK_COMPLETE': '/static/dashboard/img/network-green.svg',
+    'PORT_FAILED': '/static/dashboard/img/port-red.svg',
+    'PORT_DELETE': '/static/dashboard/img/port-red.svg',
+    'PORT_IN_PROGRESS': '/static/dashboard/img/port-gray.gif',
+    'PORT_INIT': '/static/dashboard/img/port-gray.svg',
+    'PORT_COMPLETE': '/static/dashboard/img/port-green.svg',
+    'SECURITYGROUP_FAILED': '/static/dashboard/img/securitygroup-red.svg',
+    'SECURITYGROUP_DELETE': '/static/dashboard/img/securitygroup-red.svg',
+    'SECURITYGROUP_IN_PROGRESS':
+    '/static/dashboard/img/securitygroup-gray.gif',
+    'SECURITYGROUP_INIT': '/static/dashboard/img/securitygroup-gray.svg',
+    'SECURITYGROUP_COMPLETE': '/static/dashboard/img/securitygroup-green.svg',
+    'VPN_FAILED': '/static/dashboard/img/vpn-red.svg',
+    'VPN_DELETE': '/static/dashboard/img/vpn-red.svg',
+    'VPN_IN_PROGRESS': '/static/dashboard/img/vpn-gray.gif',
+    'VPN_INIT': '/static/dashboard/img/vpn-gray.svg',
+    'VPN_COMPLETE': '/static/dashboard/img/vpn-green.svg',
+    'FLAVOR_FAILED': '/static/dashboard/img/flavor-red.svg',
+    'FLAVOR_DELETE': '/static/dashboard/img/flavor-red.svg',
+    'FLAVOR_IN_PROGRESS': '/static/dashboard/img/flavor-gray.gif',
+    'FLAVOR_INIT': '/static/dashboard/img/flavor-gray.svg',
+    'FLAVOR_COMPLETE': '/static/dashboard/img/flavor-green.svg',
+    'KEYPAIR_FAILED': '/static/dashboard/img/keypair-red.svg',
+    'KEYPAIR_DELETE': '/static/dashboard/img/keypair-red.svg',
+    'KEYPAIR_IN_PROGRESS': '/static/dashboard/img/keypair-gray.gif',
+    'KEYPAIR_INIT': '/static/dashboard/img/keypair-gray.svg',
+    'KEYPAIR_COMPLETE': '/static/dashboard/img/keypair-green.svg',
     'UNKNOWN_FAILED': '/static/dashboard/img/unknown-red.svg',
     'UNKNOWN_DELETE': '/static/dashboard/img/unknown-red.svg',
     'UNKNOWN_IN_PROGRESS': '/static/dashboard/img/unknown-gray.gif',
@@ -177,27 +253,91 @@ resource_images = {
 }
 
 
+resource_types = {
+    # LB
+    'LoadBalance': 'LB',
+    'HealthMonitor': 'LB',
+    'PoolMember': 'LB',
+    'Pool': 'LB',
+    # DB
+    'DBInstance': 'DB',
+    'Database': 'DB',
+    # SERVER
+    'Instance': 'SERVER',
+    'Server': 'SERVER',
+    # ALARM
+    'Alarm': 'ALARM',
+    'CombinationAlarm': 'ALARM',
+    'CWLiteAlarm': 'ALARM',
+    # VOLUME
+    'Volume': 'VOLUME',
+    'VolumeAttachment': 'VOLUME',
+    # STACK
+    'stack': 'STACK',
+    'AutoScalingGroup': 'STACK',
+    'InstanceGroup': 'STACK',
+    'ServerGroup': 'STACK',
+    'ResourceGroup': 'STACK',
+    # IMAGE
+    'Image': 'IMAGE',
+    # WAIT
+    'WaitCondition': 'WAIT',
+    'WaitConditionHandle': 'WAIT',
+    'UpdateWaitConditionHandle': 'WAIT',
+    # FIREWALL
+    'Firewall': 'FIREWALL',
+    'FirewallPolicy': 'FIREWALL',
+    'FirewallRule': 'FIREWALL',
+    # FLOATINGIP
+    'FloatingIP': 'FLOATINGIP',
+    'FloatingIPAssociation': 'FLOATINGIP',
+    # ROUTER
+    'Router': 'ROUTER',
+    'RouterGateway': 'ROUTER',
+    'RouterInterface': 'ROUTER',
+    # POLICY
+    'ScalingPolicy': 'POLICY',
+    # CONFIG
+    'CloudConfig': 'CONFIG',
+    'MultipartMime': 'CONFIG',
+    'SoftwareConfig': 'CONFIG',
+    'SoftwareDeployment': 'CONFIG',
+    'StructuredConfig': 'CONFIG',
+    'StructuredDeployment': 'CONFIG',
+    # NETWORK
+    'Net': 'NETWORK',
+    'Subnet': 'NETWORK',
+    'NetworkGateway': 'NETWORK',
+    'ProviderNet': 'NETWORK',
+    # PORT
+    'Port': 'PORT',
+    # SECURITYGROUP
+    'SecurityGroup': 'SECURITYGROUP',
+    # VPN
+    'VPNService': 'VPN',
+    # FLAVOR
+    'Flavor': 'FLAVOR',
+    # KEYPAIR
+    'KeyPair': 'KEYPAIR',
+}
+
+
 def get_resource_type(type):
-    if re.search('LoadBalancer', type):
-        return 'LB'
-    elif re.search('DBInstance', type) or re.search('Database', type):
-        return 'DB'
-    elif re.search('Instance', type) or re.search('Server', type):
-        return 'SERVER'
-    elif re.search('stack', type):
-        return 'STACK'
-    else:
-        return 'UNKNOWN'
+    for key, value in six.iteritems(resource_types):
+        if key in type:
+            return value
+
+    return 'UNKNOWN'
 
 
 def get_resource_status(status):
-    if re.search('IN_PROGRESS', status):
+    if ('IN_PROGRESS' in status):
         return 'IN_PROGRESS'
-    elif re.search('FAILED', status):
+    elif ('FAILED' in status):
         return 'FAILED'
-    elif re.search('DELETE', status):
+    elif ('DELETE' in status):
         return 'DELETE'
-    elif re.search('INIT', status):
+    elif ('INIT' in status):
         return 'INIT'
     else:
         return 'COMPLETE'
diff --git a/openstack_dashboard/static/dashboard/img/alarm-gray.gif b/openstack_dashboard/static/dashboard/img/alarm-gray.gif
new file mode 100644
index 0000000000..5b1ae56deb
Binary files /dev/null and b/openstack_dashboard/static/dashboard/img/alarm-gray.gif differ
diff --git a/openstack_dashboard/static/dashboard/img/alarm-gray.svg b/openstack_dashboard/static/dashboard/img/alarm-gray.svg
new file mode 100644
index 0000000000..87a1cbe7e5
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/alarm-gray.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1437 2156 c-76 -28 -116 -92 -117 -187 l0 -56 -59 -37 c-104 -64
+-170 -160 -197 -285 -8 -41 -14 -128 -14 -233 l0 -168 445 0 445 0 0 178 c0
+188 -11 258 -51 337 -35 67 -90 126 -156 169 l-63 40 0 57 c0 95 -29 145 -105
+180 -47 22 -76 23 -128 5z"/>
+<path d="M935 1075 c-36 -36 -65 -73 -65 -82 0 -9 12 -30 27 -45 l27 -28 198
+0 c179 0 198 -2 198 -17 0 -9 9 -36 21 -60 58 -120 240 -125 306 -8 13 22 23
+50 23 63 l0 22 198 0 198 0 27 28 c15 15 27 37 27 48 0 11 -28 47 -63 82 l-63
+62 -497 0 -497 0 -65 -65z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/alarm-green.svg b/openstack_dashboard/static/dashboard/img/alarm-green.svg
new file mode 100644
index 0000000000..5dd81b8dc7
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/alarm-green.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1437 2156 c-76 -28 -116 -92 -117 -187 l0 -56 -59 -37 c-104 -64
+-170 -160 -197 -285 -8 -41 -14 -128 -14 -233 l0 -168 445 0 445 0 0 178 c0
+188 -11 258 -51 337 -35 67 -90 126 -156 169 l-63 40 0 57 c0 95 -29 145 -105
+180 -47 22 -76 23 -128 5z"/>
+<path d="M935 1075 c-36 -36 -65 -73 -65 -82 0 -9 12 -30 27 -45 l27 -28 198
+0 c179 0 198 -2 198 -17 0 -9 9 -36 21 -60 58 -120 240 -125 306 -8 13 22 23
+50 23 63 l0 22 198 0 198 0 27 28 c15 15 27 37 27 48 0 11 -28 47 -63 82 l-63
+62 -497 0 -497 0 -65 -65z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/alarm-red.svg b/openstack_dashboard/static/dashboard/img/alarm-red.svg
new file mode 100644
index 0000000000..4a9ccce96f
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/alarm-red.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1437 2156 c-76 -28 -116 -92 -117 -187 l0 -56 -59 -37 c-104 -64
+-170 -160 -197 -285 -8 -41 -14 -128 -14 -233 l0 -168 445 0 445 0 0 178 c0
+188 -11 258 -51 337 -35 67 -90 126 -156 169 l-63 40 0 57 c0 95 -29 145 -105
+180 -47 22 -76 23 -128 5z"/>
+<path d="M935 1075 c-36 -36 -65 -73 -65 -82 0 -9 12 -30 27 -45 l27 -28 198
+0 c179 0 198 -2 198 -17 0 -9 9 -36 21 -60 58 -120 240 -125 306 -8 13 22 23
+50 23 63 l0 22 198 0 198 0 27 28 c15 15 27 37 27 48 0 11 -28 47 -63 82 l-63
+62 -497 0 -497 0 -65 -65z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/config-gray.gif b/openstack_dashboard/static/dashboard/img/config-gray.gif
new file mode 100644
index 0000000000..5b514eaa94
Binary files /dev/null and b/openstack_dashboard/static/dashboard/img/config-gray.gif differ
diff --git a/openstack_dashboard/static/dashboard/img/config-gray.svg b/openstack_dashboard/static/dashboard/img/config-gray.svg
new file mode 100644
index 0000000000..caa909657d
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/config-gray.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1023 2210 c-22 -9 -23 -14 -23 -144 l0 -135 43 18 42 18 3 76 3 77
+479 0 480 0 0 -419 0 -419 -24 -29 c-30 -36 -97 -53 -206 -53 -55 0 -83 -4
+-93 -14 -10 -10 -16 -49 -19 -133 -5 -122 -14 -155 -52 -185 -19 -16 -50 -18
+-293 -18 l-273 0 0 84 c0 83 0 84 -27 94 -16 5 -36 13 -46 17 -16 7 -17 -2
+-15 -136 l3 -144 325 -3 c179 -1 339 0 356 3 49 9 112 63 274 237 113 122 153
+172 165 206 13 39 15 118 15 519 l0 473 -26 10 c-32 13 -1060 12 -1091 0z"/>
+<path d="M1063 1870 c-24 -10 -43 -22 -43 -25 0 -3 7 -35 16 -71 15 -59 15
+-67 1 -81 -13 -14 -22 -13 -82 2 -56 14 -70 14 -80 3 -19 -20 -44 -93 -37
+-105 4 -5 33 -26 65 -46 31 -20 57 -44 57 -52 0 -9 -21 -29 -47 -45 -94 -57
+-89 -49 -68 -108 10 -28 24 -53 31 -56 7 -3 40 2 75 10 35 8 69 12 77 9 14 -5
+14 -9 -3 -125 l-7 -45 51 -23 c28 -13 56 -20 62 -17 6 4 26 32 46 62 45 70 65
+69 111 -9 19 -32 40 -58 47 -58 7 0 35 9 60 20 l48 20 -7 43 c-3 23 -9 57 -12
+76 -10 53 11 63 90 41 35 -10 68 -15 73 -11 13 8 43 78 43 100 0 9 -25 32 -55
+51 -82 52 -83 69 -6 112 72 41 75 46 49 107 -21 52 -22 53 -57 47 -100 -16
+-129 -18 -136 -7 -4 7 1 41 10 76 10 35 15 70 12 78 -7 18 -91 51 -110 44 -8
+-3 -29 -31 -47 -62 -42 -73 -61 -71 -108 8 -39 64 -51 68 -119 37z m228 -265
+c120 -63 73 -245 -64 -245 -44 0 -53 4 -88 39 -35 35 -39 44 -39 89 0 40 5 57
+27 82 43 51 106 65 164 35z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/config-green.svg b/openstack_dashboard/static/dashboard/img/config-green.svg
new file mode 100644
index 0000000000..b1595950a5
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/config-green.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1023 2210 c-22 -9 -23 -14 -23 -144 l0 -135 43 18 42 18 3 76 3 77
+479 0 480 0 0 -419 0 -419 -24 -29 c-30 -36 -97 -53 -206 -53 -55 0 -83 -4
+-93 -14 -10 -10 -16 -49 -19 -133 -5 -122 -14 -155 -52 -185 -19 -16 -50 -18
+-293 -18 l-273 0 0 84 c0 83 0 84 -27 94 -16 5 -36 13 -46 17 -16 7 -17 -2
+-15 -136 l3 -144 325 -3 c179 -1 339 0 356 3 49 9 112 63 274 237 113 122 153
+172 165 206 13 39 15 118 15 519 l0 473 -26 10 c-32 13 -1060 12 -1091 0z"/>
+<path d="M1063 1870 c-24 -10 -43 -22 -43 -25 0 -3 7 -35 16 -71 15 -59 15
+-67 1 -81 -13 -14 -22 -13 -82 2 -56 14 -70 14 -80 3 -19 -20 -44 -93 -37
+-105 4 -5 33 -26 65 -46 31 -20 57 -44 57 -52 0 -9 -21 -29 -47 -45 -94 -57
+-89 -49 -68 -108 10 -28 24 -53 31 -56 7 -3 40 2 75 10 35 8 69 12 77 9 14 -5
+14 -9 -3 -125 l-7 -45 51 -23 c28 -13 56 -20 62 -17 6 4 26 32 46 62 45 70 65
+69 111 -9 19 -32 40 -58 47 -58 7 0 35 9 60 20 l48 20 -7 43 c-3 23 -9 57 -12
+76 -10 53 11 63 90 41 35 -10 68 -15 73 -11 13 8 43 78 43 100 0 9 -25 32 -55
+51 -82 52 -83 69 -6 112 72 41 75 46 49 107 -21 52 -22 53 -57 47 -100 -16
+-129 -18 -136 -7 -4 7 1 41 10 76 10 35 15 70 12 78 -7 18 -91 51 -110 44 -8
+-3 -29 -31 -47 -62 -42 -73 -61 -71 -108 8 -39 64 -51 68 -119 37z m228 -265
+c120 -63 73 -245 -64 -245 -44 0 -53 4 -88 39 -35 35 -39 44 -39 89 0 40 5 57
+27 82 43 51 106 65 164 35z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/config-red.svg b/openstack_dashboard/static/dashboard/img/config-red.svg
new file mode 100644
index 0000000000..1c6655acf8
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/config-red.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1023 2210 c-22 -9 -23 -14 -23 -144 l0 -135 43 18 42 18 3 76 3 77
+479 0 480 0 0 -419 0 -419 -24 -29 c-30 -36 -97 -53 -206 -53 -55 0 -83 -4
+-93 -14 -10 -10 -16 -49 -19 -133 -5 -122 -14 -155 -52 -185 -19 -16 -50 -18
+-293 -18 l-273 0 0 84 c0 83 0 84 -27 94 -16 5 -36 13 -46 17 -16 7 -17 -2
+-15 -136 l3 -144 325 -3 c179 -1 339 0 356 3 49 9 112 63 274 237 113 122 153
+172 165 206 13 39 15 118 15 519 l0 473 -26 10 c-32 13 -1060 12 -1091 0z"/>
+<path d="M1063 1870 c-24 -10 -43 -22 -43 -25 0 -3 7 -35 16 -71 15 -59 15
+-67 1 -81 -13 -14 -22 -13 -82 2 -56 14 -70 14 -80 3 -19 -20 -44 -93 -37
+-105 4 -5 33 -26 65 -46 31 -20 57 -44 57 -52 0 -9 -21 -29 -47 -45 -94 -57
+-89 -49 -68 -108 10 -28 24 -53 31 -56 7 -3 40 2 75 10 35 8 69 12 77 9 14 -5
+14 -9 -3 -125 l-7 -45 51 -23 c28 -13 56 -20 62 -17 6 4 26 32 46 62 45 70 65
+69 111 -9 19 -32 40 -58 47 -58 7 0 35 9 60 20 l48 20 -7 43 c-3 23 -9 57 -12
+76 -10 53 11 63 90 41 35 -10 68 -15 73 -11 13 8 43 78 43 100 0 9 -25 32 -55
+51 -82 52 -83 69 -6 112 72 41 75 46 49 107 -21 52 -22 53 -57 47 -100 -16
+-129 -18 -136 -7 -4 7 1 41 10 76 10 35 15 70 12 78 -7 18 -91 51 -110 44 -8
+-3 -29 -31 -47 -62 -42 -73 -61 -71 -108 8 -39 64 -51 68 -119 37z m228 -265
+c120 -63 73 -245 -64 -245 -44 0 -53 4 -88 39 -35 35 -39 44 -39 89 0 40 5 57
+27 82 43 51 106 65 164 35z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/firewall-gray.gif b/openstack_dashboard/static/dashboard/img/firewall-gray.gif
new file mode 100644
index 0000000000..afc89b33bb
Binary files /dev/null and b/openstack_dashboard/static/dashboard/img/firewall-gray.gif differ
diff --git a/openstack_dashboard/static/dashboard/img/firewall-gray.svg b/openstack_dashboard/static/dashboard/img/firewall-gray.svg
new file mode 100644
index 0000000000..fccfb14041
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/firewall-gray.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1350 2268 c0 -1 10 -28 22 -58 17 -43 22 -75 22 -145 -1 -154 -36
+-196 -133 -161 -47 17 -83 21 -94 10 -3 -3 3 -20 14 -37 35 -59 23 -120 -37
+-187 -33 -36 -38 -50 -42 -101 -2 -32 -1 -79 2 -104 l7 -45 60 0 c58 0 97 -12
+111 -33 13 -20 38 14 38 52 1 48 30 111 83 174 67 81 68 83 76 134 l7 48 22
+-35 c29 -46 28 -105 -3 -175 -26 -59 -24 -85 10 -118 40 -41 105 0 105 66 0
+47 12 47 47 1 20 -27 27 -48 27 -75 l-1 -39 108 0 109 0 0 28 c0 30 -25 80
+-78 158 -44 65 -47 85 -27 145 22 70 29 138 16 171 -10 27 -83 88 -105 88 -7
+0 -11 -22 -12 -55 0 -38 -6 -61 -19 -75 -37 -41 -103 -12 -91 39 4 14 9 56 13
+93 5 56 2 74 -16 111 -22 45 -69 89 -113 106 -25 9 -128 25 -128 19z"/>
+<path d="M740 1360 c-18 -18 -20 -33 -20 -130 0 -159 -17 -150 274 -150 200 0
+237 2 250 16 13 12 16 39 16 127 0 168 19 157 -266 157 -221 0 -235 -1 -254
+-20z"/>
+<path d="M1341 1354 c-18 -23 -21 -41 -21 -121 0 -89 9 -129 34 -145 6 -4 212
+-8 458 -8 l447 0 15 22 c12 17 16 49 16 130 0 163 49 148 -484 148 l-445 0
+-20 -26z"/>
+<path d="M746 999 c-25 -20 -26 -24 -26 -130 0 -164 -49 -149 483 -149 367 0
+447 2 463 14 16 12 19 29 22 125 4 107 3 111 -22 136 l-25 25 -434 0 c-424 0
+-435 0 -461 -21z"/>
+<path d="M1772 1004 c-21 -14 -22 -23 -22 -134 0 -94 3 -122 16 -134 13 -14
+50 -16 250 -16 291 0 274 -9 274 149 0 157 11 151 -274 151 -184 0 -225 -3
+-244 -16z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/firewall-green.svg b/openstack_dashboard/static/dashboard/img/firewall-green.svg
new file mode 100644
index 0000000000..c7dd757fc8
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/firewall-green.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1350 2268 c0 -1 10 -28 22 -58 17 -43 22 -75 22 -145 -1 -154 -36
+-196 -133 -161 -47 17 -83 21 -94 10 -3 -3 3 -20 14 -37 35 -59 23 -120 -37
+-187 -33 -36 -38 -50 -42 -101 -2 -32 -1 -79 2 -104 l7 -45 60 0 c58 0 97 -12
+111 -33 13 -20 38 14 38 52 1 48 30 111 83 174 67 81 68 83 76 134 l7 48 22
+-35 c29 -46 28 -105 -3 -175 -26 -59 -24 -85 10 -118 40 -41 105 0 105 66 0
+47 12 47 47 1 20 -27 27 -48 27 -75 l-1 -39 108 0 109 0 0 28 c0 30 -25 80
+-78 158 -44 65 -47 85 -27 145 22 70 29 138 16 171 -10 27 -83 88 -105 88 -7
+0 -11 -22 -12 -55 0 -38 -6 -61 -19 -75 -37 -41 -103 -12 -91 39 4 14 9 56 13
+93 5 56 2 74 -16 111 -22 45 -69 89 -113 106 -25 9 -128 25 -128 19z"/>
+<path d="M740 1360 c-18 -18 -20 -33 -20 -130 0 -159 -17 -150 274 -150 200 0
+237 2 250 16 13 12 16 39 16 127 0 168 19 157 -266 157 -221 0 -235 -1 -254
+-20z"/>
+<path d="M1341 1354 c-18 -23 -21 -41 -21 -121 0 -89 9 -129 34 -145 6 -4 212
+-8 458 -8 l447 0 15 22 c12 17 16 49 16 130 0 163 49 148 -484 148 l-445 0
+-20 -26z"/>
+<path d="M746 999 c-25 -20 -26 -24 -26 -130 0 -164 -49 -149 483 -149 367 0
+447 2 463 14 16 12 19 29 22 125 4 107 3 111 -22 136 l-25 25 -434 0 c-424 0
+-435 0 -461 -21z"/>
+<path d="M1772 1004 c-21 -14 -22 -23 -22 -134 0 -94 3 -122 16 -134 13 -14
+50 -16 250 -16 291 0 274 -9 274 149 0 157 11 151 -274 151 -184 0 -225 -3
+-244 -16z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/firewall-red.svg b/openstack_dashboard/static/dashboard/img/firewall-red.svg
new file mode 100644
index 0000000000..4bd5866818
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/firewall-red.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1350 2268 c0 -1 10 -28 22 -58 17 -43 22 -75 22 -145 -1 -154 -36
+-196 -133 -161 -47 17 -83 21 -94 10 -3 -3 3 -20 14 -37 35 -59 23 -120 -37
+-187 -33 -36 -38 -50 -42 -101 -2 -32 -1 -79 2 -104 l7 -45 60 0 c58 0 97 -12
+111 -33 13 -20 38 14 38 52 1 48 30 111 83 174 67 81 68 83 76 134 l7 48 22
+-35 c29 -46 28 -105 -3 -175 -26 -59 -24 -85 10 -118 40 -41 105 0 105 66 0
+47 12 47 47 1 20 -27 27 -48 27 -75 l-1 -39 108 0 109 0 0 28 c0 30 -25 80
+-78 158 -44 65 -47 85 -27 145 22 70 29 138 16 171 -10 27 -83 88 -105 88 -7
+0 -11 -22 -12 -55 0 -38 -6 -61 -19 -75 -37 -41 -103 -12 -91 39 4 14 9 56 13
+93 5 56 2 74 -16 111 -22 45 -69 89 -113 106 -25 9 -128 25 -128 19z"/>
+<path d="M740 1360 c-18 -18 -20 -33 -20 -130 0 -159 -17 -150 274 -150 200 0
+237 2 250 16 13 12 16 39 16 127 0 168 19 157 -266 157 -221 0 -235 -1 -254
+-20z"/>
+<path d="M1341 1354 c-18 -23 -21 -41 -21 -121 0 -89 9 -129 34 -145 6 -4 212
+-8 458 -8 l447 0 15 22 c12 17 16 49 16 130 0 163 49 148 -484 148 l-445 0
+-20 -26z"/>
+<path d="M746 999 c-25 -20 -26 -24 -26 -130 0 -164 -49 -149 483 -149 367 0
+447 2 463 14 16 12 19 29 22 125 4 107 3 111 -22 136 l-25 25 -434 0 c-424 0
+-435 0 -461 -21z"/>
+<path d="M1772 1004 c-21 -14 -22 -23 -22 -134 0 -94 3 -122 16 -134 13 -14
+50 -16 250 -16 291 0 274 -9 274 149 0 157 11 151 -274 151 -184 0 -225 -3
+-244 -16z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/flavor-gray.gif b/openstack_dashboard/static/dashboard/img/flavor-gray.gif
new file mode 100644
index 0000000000..bd518fe32d
Binary files /dev/null and b/openstack_dashboard/static/dashboard/img/flavor-gray.gif differ
diff --git a/openstack_dashboard/static/dashboard/img/flavor-gray.svg b/openstack_dashboard/static/dashboard/img/flavor-gray.svg
new file mode 100644
index 0000000000..c2c9a7354f
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/flavor-gray.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M855 2255 c-50 -18 -100 -71 -114 -122 -14 -51 -15 -804 -1 -855 13
+-45 51 -93 94 -116 28 -16 85 -17 666 -17 l635 0 44 25 c30 17 52 40 68 70
+l24 44 -3 431 -3 431 -27 41 c-53 81 -23 78 -723 80 -516 2 -627 0 -660 -12z
+m1273 -121 l22 -15 0 -351 c0 -313 -2 -353 -17 -370 -15 -17 -48 -18 -630 -18
+-600 0 -613 0 -633 20 -19 19 -20 33 -20 365 0 332 1 346 20 365 20 20 33 20
+628 20 534 0 610 -2 630 -16z"/>
+<path d="M746 1058 c-13 -17 -16 -51 -16 -149 0 -113 2 -129 21 -153 l20 -26
+730 0 c716 0 729 0 749 20 18 18 20 33 20 158 0 122 -2 141 -18 155 -17 16
+-84 17 -755 17 l-736 0 -15 -22z m1388 -99 c17 -14 26 -30 26 -50 0 -65 -80
+-93 -119 -43 -27 35 -26 59 4 89 30 30 54 31 89 4z m-514 -19 l0 -30 -385 0
+-385 0 0 30 0 30 385 0 385 0 0 -30z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/flavor-green.svg b/openstack_dashboard/static/dashboard/img/flavor-green.svg
new file mode 100644
index 0000000000..4308c7b1a3
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/flavor-green.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt"  viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M855 2255 c-50 -18 -100 -71 -114 -122 -14 -51 -15 -804 -1 -855 13
+-45 51 -93 94 -116 28 -16 85 -17 666 -17 l635 0 44 25 c30 17 52 40 68 70
+l24 44 -3 431 -3 431 -27 41 c-53 81 -23 78 -723 80 -516 2 -627 0 -660 -12z
+m1273 -121 l22 -15 0 -351 c0 -313 -2 -353 -17 -370 -15 -17 -48 -18 -630 -18
+-600 0 -613 0 -633 20 -19 19 -20 33 -20 365 0 332 1 346 20 365 20 20 33 20
+628 20 534 0 610 -2 630 -16z"/>
+<path d="M746 1058 c-13 -17 -16 -51 -16 -149 0 -113 2 -129 21 -153 l20 -26
+730 0 c716 0 729 0 749 20 18 18 20 33 20 158 0 122 -2 141 -18 155 -17 16
+-84 17 -755 17 l-736 0 -15 -22z m1388 -99 c17 -14 26 -30 26 -50 0 -65 -80
+-93 -119 -43 -27 35 -26 59 4 89 30 30 54 31 89 4z m-514 -19 l0 -30 -385 0
+-385 0 0 30 0 30 385 0 385 0 0 -30z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/flavor-red.svg b/openstack_dashboard/static/dashboard/img/flavor-red.svg
new file mode 100644
index 0000000000..b1b3169a1a
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/flavor-red.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M855 2255 c-50 -18 -100 -71 -114 -122 -14 -51 -15 -804 -1 -855 13
+-45 51 -93 94 -116 28 -16 85 -17 666 -17 l635 0 44 25 c30 17 52 40 68 70
+l24 44 -3 431 -3 431 -27 41 c-53 81 -23 78 -723 80 -516 2 -627 0 -660 -12z
+m1273 -121 l22 -15 0 -351 c0 -313 -2 -353 -17 -370 -15 -17 -48 -18 -630 -18
+-600 0 -613 0 -633 20 -19 19 -20 33 -20 365 0 332 1 346 20 365 20 20 33 20
+628 20 534 0 610 -2 630 -16z"/>
+<path d="M746 1058 c-13 -17 -16 -51 -16 -149 0 -113 2 -129 21 -153 l20 -26
+730 0 c716 0 729 0 749 20 18 18 20 33 20 158 0 122 -2 141 -18 155 -17 16
+-84 17 -755 17 l-736 0 -15 -22z m1388 -99 c17 -14 26 -30 26 -50 0 -65 -80
+-93 -119 -43 -27 35 -26 59 4 89 30 30 54 31 89 4z m-514 -19 l0 -30 -385 0
+-385 0 0 30 0 30 385 0 385 0 0 -30z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/floatingip-gray.gif b/openstack_dashboard/static/dashboard/img/floatingip-gray.gif
new file mode 100644
index 0000000000..b59b7b495b
Binary files /dev/null and b/openstack_dashboard/static/dashboard/img/floatingip-gray.gif differ
diff --git a/openstack_dashboard/static/dashboard/img/floatingip-gray.svg b/openstack_dashboard/static/dashboard/img/floatingip-gray.svg
new file mode 100644
index 0000000000..86f340b4f8
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/floatingip-gray.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M947 1953 c-4 -3 -7 -206 -7 -450 l0 -443 120 0 120 0 0 450 0 450
+-113 0 c-63 0 -117 -3 -120 -7z"/>
+<path d="M1370 1511 l0 -451 115 0 115 0 0 150 0 150 108 0 c101 0 208 19 222
+40 3 4 15 12 27 18 34 19 82 112 91 178 20 156 -25 263 -139 324 l-64 35 -237
+3 -238 4 0 -451z m411 231 c23 -25 29 -42 29 -77 0 -92 -38 -125 -145 -125
+l-65 0 0 121 0 121 76 -4 c71 -3 78 -6 105 -36z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/floatingip-green.svg b/openstack_dashboard/static/dashboard/img/floatingip-green.svg
new file mode 100644
index 0000000000..a15461a89e
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/floatingip-green.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M947 1953 c-4 -3 -7 -206 -7 -450 l0 -443 120 0 120 0 0 450 0 450
+-113 0 c-63 0 -117 -3 -120 -7z"/>
+<path d="M1370 1511 l0 -451 115 0 115 0 0 150 0 150 108 0 c101 0 208 19 222
+40 3 4 15 12 27 18 34 19 82 112 91 178 20 156 -25 263 -139 324 l-64 35 -237
+3 -238 4 0 -451z m411 231 c23 -25 29 -42 29 -77 0 -92 -38 -125 -145 -125
+l-65 0 0 121 0 121 76 -4 c71 -3 78 -6 105 -36z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/floatingip-red.svg b/openstack_dashboard/static/dashboard/img/floatingip-red.svg
new file mode 100644
index 0000000000..d8576bfcc8
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/floatingip-red.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M947 1953 c-4 -3 -7 -206 -7 -450 l0 -443 120 0 120 0 0 450 0 450
+-113 0 c-63 0 -117 -3 -120 -7z"/>
+<path d="M1370 1511 l0 -451 115 0 115 0 0 150 0 150 108 0 c101 0 208 19 222
+40 3 4 15 12 27 18 34 19 82 112 91 178 20 156 -25 263 -139 324 l-64 35 -237
+3 -238 4 0 -451z m411 231 c23 -25 29 -42 29 -77 0 -92 -38 -125 -145 -125
+l-65 0 0 121 0 121 76 -4 c71 -3 78 -6 105 -36z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/image-gray.gif b/openstack_dashboard/static/dashboard/img/image-gray.gif
new file mode 100644
index 0000000000..19505306cd
Binary files /dev/null and b/openstack_dashboard/static/dashboard/img/image-gray.gif differ
diff --git a/openstack_dashboard/static/dashboard/img/image-gray.svg b/openstack_dashboard/static/dashboard/img/image-gray.svg
new file mode 100644
index 0000000000..2912f6987d
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/image-gray.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1324 2210 c-252 -66 -460 -276 -525 -528 -26 -103 -26 -262 1 -366
+32 -127 91 -226 195 -331 150 -151 304 -215 515 -215 211 0 365 64 515 215
+150 151 215 306 215 509 0 128 -20 220 -68 321 -96 199 -292 357 -497 400 -98
+21 -263 18 -351 -5z m281 -494 c153 -72 192 -254 81 -375 -41 -45 -120 -81
+-176 -81 -56 0 -135 36 -176 81 -83 90 -83 231 -1 318 43 45 121 81 177 81 27
+0 65 -10 95 -24z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/image-green.svg b/openstack_dashboard/static/dashboard/img/image-green.svg
new file mode 100644
index 0000000000..eabacd4b9b
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/image-green.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1324 2210 c-252 -66 -460 -276 -525 -528 -26 -103 -26 -262 1 -366
+32 -127 91 -226 195 -331 150 -151 304 -215 515 -215 211 0 365 64 515 215
+150 151 215 306 215 509 0 128 -20 220 -68 321 -96 199 -292 357 -497 400 -98
+21 -263 18 -351 -5z m281 -494 c153 -72 192 -254 81 -375 -41 -45 -120 -81
+-176 -81 -56 0 -135 36 -176 81 -83 90 -83 231 -1 318 43 45 121 81 177 81 27
+0 65 -10 95 -24z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/image-red.svg b/openstack_dashboard/static/dashboard/img/image-red.svg
new file mode 100644
index 0000000000..a77fea98d5
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/image-red.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1324 2210 c-252 -66 -460 -276 -525 -528 -26 -103 -26 -262 1 -366
+32 -127 91 -226 195 -331 150 -151 304 -215 515 -215 211 0 365 64 515 215
+150 151 215 306 215 509 0 128 -20 220 -68 321 -96 199 -292 357 -497 400 -98
+21 -263 18 -351 -5z m281 -494 c153 -72 192 -254 81 -375 -41 -45 -120 -81
+-176 -81 -56 0 -135 36 -176 81 -83 90 -83 231 -1 318 43 45 121 81 177 81 27
+0 65 -10 95 -24z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/keypair-gray.gif b/openstack_dashboard/static/dashboard/img/keypair-gray.gif
new file mode 100644
index 0000000000..56ac021333
Binary files /dev/null and b/openstack_dashboard/static/dashboard/img/keypair-gray.gif differ
diff --git a/openstack_dashboard/static/dashboard/img/keypair-gray.svg b/openstack_dashboard/static/dashboard/img/keypair-gray.svg
new file mode 100644
index 0000000000..b9110a8ac5
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/keypair-gray.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1382 2340 c-54 -11 -137 -59 -179 -102 -17 -18 -46 -64 -64 -102
+-40 -86 -44 -182 -11 -258 22 -51 32 -57 51 -34 9 11 8 26 -5 66 -33 102 5
+245 84 310 80 66 210 88 301 51 24 -10 68 -39 97 -65 47 -41 57 -56 75 -117
+47 -155 -23 -303 -174 -368 -79 -34 -55 -73 28 -45 62 22 140 95 178 168 29
+56 32 69 32 156 0 87 -3 100 -32 157 -69 132 -237 213 -381 183z"/>
+<path d="M1547 1850 c-183 -31 -280 -243 -187 -407 35 -61 79 -97 157 -128 57
+-22 59 -25 97 -103 35 -72 44 -83 80 -97 64 -26 67 -30 50 -77 -18 -52 -18
+-57 4 -65 9 -3 32 -12 49 -19 l33 -13 -15 -42 c-21 -59 -20 -63 28 -81 45 -16
+50 -30 33 -89 -7 -23 -4 -28 21 -37 15 -6 52 -20 81 -31 30 -11 59 -18 66 -15
+7 3 25 45 40 95 l28 90 -21 50 c-30 68 -85 186 -176 374 l-77 160 18 50 c28
+74 25 176 -7 239 -37 75 -45 76 -111 12 -55 -54 -114 -91 -171 -107 -82 -23
+-144 67 -90 131 14 17 28 29 30 26 7 -7 84 32 110 57 39 35 22 42 -70 27z"/>
+<path d="M1266 1825 c-143 -51 -207 -221 -132 -349 13 -23 33 -49 45 -60 19
+-17 20 -26 14 -110 -5 -89 -5 -92 21 -115 33 -31 33 -44 -4 -74 -36 -31 -37
+-37 -5 -67 32 -30 32 -42 -5 -70 -37 -28 -37 -40 -3 -80 l27 -32 -34 -28 -34
+-27 21 -26 c38 -49 82 -97 89 -97 17 0 133 103 137 122 3 13 13 123 23 246
+l18 223 -25 17 c-44 31 -100 96 -121 142 -12 27 -22 74 -25 120 -6 90 20 171
+73 230 19 21 34 40 34 44 0 11 -74 5 -114 -9z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/keypair-green.svg b/openstack_dashboard/static/dashboard/img/keypair-green.svg
new file mode 100644
index 0000000000..8874bcd7dc
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/keypair-green.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1382 2340 c-54 -11 -137 -59 -179 -102 -17 -18 -46 -64 -64 -102
+-40 -86 -44 -182 -11 -258 22 -51 32 -57 51 -34 9 11 8 26 -5 66 -33 102 5
+245 84 310 80 66 210 88 301 51 24 -10 68 -39 97 -65 47 -41 57 -56 75 -117
+47 -155 -23 -303 -174 -368 -79 -34 -55 -73 28 -45 62 22 140 95 178 168 29
+56 32 69 32 156 0 87 -3 100 -32 157 -69 132 -237 213 -381 183z"/>
+<path d="M1547 1850 c-183 -31 -280 -243 -187 -407 35 -61 79 -97 157 -128 57
+-22 59 -25 97 -103 35 -72 44 -83 80 -97 64 -26 67 -30 50 -77 -18 -52 -18
+-57 4 -65 9 -3 32 -12 49 -19 l33 -13 -15 -42 c-21 -59 -20 -63 28 -81 45 -16
+50 -30 33 -89 -7 -23 -4 -28 21 -37 15 -6 52 -20 81 -31 30 -11 59 -18 66 -15
+7 3 25 45 40 95 l28 90 -21 50 c-30 68 -85 186 -176 374 l-77 160 18 50 c28
+74 25 176 -7 239 -37 75 -45 76 -111 12 -55 -54 -114 -91 -171 -107 -82 -23
+-144 67 -90 131 14 17 28 29 30 26 7 -7 84 32 110 57 39 35 22 42 -70 27z"/>
+<path d="M1266 1825 c-143 -51 -207 -221 -132 -349 13 -23 33 -49 45 -60 19
+-17 20 -26 14 -110 -5 -89 -5 -92 21 -115 33 -31 33 -44 -4 -74 -36 -31 -37
+-37 -5 -67 32 -30 32 -42 -5 -70 -37 -28 -37 -40 -3 -80 l27 -32 -34 -28 -34
+-27 21 -26 c38 -49 82 -97 89 -97 17 0 133 103 137 122 3 13 13 123 23 246
+l18 223 -25 17 c-44 31 -100 96 -121 142 -12 27 -22 74 -25 120 -6 90 20 171
+73 230 19 21 34 40 34 44 0 11 -74 5 -114 -9z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/keypair-red.svg b/openstack_dashboard/static/dashboard/img/keypair-red.svg
new file mode 100644
index 0000000000..3b852696c8
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/keypair-red.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1382 2340 c-54 -11 -137 -59 -179 -102 -17 -18 -46 -64 -64 -102
+-40 -86 -44 -182 -11 -258 22 -51 32 -57 51 -34 9 11 8 26 -5 66 -33 102 5
+245 84 310 80 66 210 88 301 51 24 -10 68 -39 97 -65 47 -41 57 -56 75 -117
+47 -155 -23 -303 -174 -368 -79 -34 -55 -73 28 -45 62 22 140 95 178 168 29
+56 32 69 32 156 0 87 -3 100 -32 157 -69 132 -237 213 -381 183z"/>
+<path d="M1547 1850 c-183 -31 -280 -243 -187 -407 35 -61 79 -97 157 -128 57
+-22 59 -25 97 -103 35 -72 44 -83 80 -97 64 -26 67 -30 50 -77 -18 -52 -18
+-57 4 -65 9 -3 32 -12 49 -19 l33 -13 -15 -42 c-21 -59 -20 -63 28 -81 45 -16
+50 -30 33 -89 -7 -23 -4 -28 21 -37 15 -6 52 -20 81 -31 30 -11 59 -18 66 -15
+7 3 25 45 40 95 l28 90 -21 50 c-30 68 -85 186 -176 374 l-77 160 18 50 c28
+74 25 176 -7 239 -37 75 -45 76 -111 12 -55 -54 -114 -91 -171 -107 -82 -23
+-144 67 -90 131 14 17 28 29 30 26 7 -7 84 32 110 57 39 35 22 42 -70 27z"/>
+<path d="M1266 1825 c-143 -51 -207 -221 -132 -349 13 -23 33 -49 45 -60 19
+-17 20 -26 14 -110 -5 -89 -5 -92 21 -115 33 -31 33 -44 -4 -74 -36 -31 -37
+-37 -5 -67 32 -30 32 -42 -5 -70 -37 -28 -37 -40 -3 -80 l27 -32 -34 -28 -34
+-27 21 -26 c38 -49 82 -97 89 -97 17 0 133 103 137 122 3 13 13 123 23 246
+l18 223 -25 17 c-44 31 -100 96 -121 142 -12 27 -22 74 -25 120 -6 90 20 171
+73 230 19 21 34 40 34 44 0 11 -74 5 -114 -9z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/network-gray.gif b/openstack_dashboard/static/dashboard/img/network-gray.gif
new file mode 100644
index 0000000000..214f80d468
Binary files /dev/null and b/openstack_dashboard/static/dashboard/img/network-gray.gif differ
diff --git a/openstack_dashboard/static/dashboard/img/network-gray.svg b/openstack_dashboard/static/dashboard/img/network-gray.svg
new file mode 100644
index 0000000000..262f892451
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/network-gray.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1220 1935 l0 -244 118 -3 117 -3 3 -65 c3 -53 0 -67 -15 -77 -13
+-11 -89 -13 -333 -13 -173 0 -321 0 -328 0 -9 0 -12 -11 -10 -32 l3 -33 100
+-5 100 -5 3 -54 c6 -101 7 -100 -116 -103 l-107 -3 -3 -226 c-2 -184 0 -228
+12 -238 9 -8 88 -11 272 -9 l259 3 0 235 0 235 -120 5 -120 5 0 75 0 75 433 3
+433 2 -3 -77 -3 -78 -112 -3 -113 -3 0 -239 0 -240 270 0 270 0 0 240 0 239
+-117 3 -118 3 0 75 0 75 108 3 108 3 -3 35 -3 35 -331 -1 c-276 0 -333 2 -343
+14 -7 9 -11 39 -9 78 l3 63 110 5 110 5 3 243 2 242 -265 0 -265 0 0 -245z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/network-green.svg b/openstack_dashboard/static/dashboard/img/network-green.svg
new file mode 100644
index 0000000000..f08f30b418
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/network-green.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1220 1935 l0 -244 118 -3 117 -3 3 -65 c3 -53 0 -67 -15 -77 -13
+-11 -89 -13 -333 -13 -173 0 -321 0 -328 0 -9 0 -12 -11 -10 -32 l3 -33 100
+-5 100 -5 3 -54 c6 -101 7 -100 -116 -103 l-107 -3 -3 -226 c-2 -184 0 -228
+12 -238 9 -8 88 -11 272 -9 l259 3 0 235 0 235 -120 5 -120 5 0 75 0 75 433 3
+433 2 -3 -77 -3 -78 -112 -3 -113 -3 0 -239 0 -240 270 0 270 0 0 240 0 239
+-117 3 -118 3 0 75 0 75 108 3 108 3 -3 35 -3 35 -331 -1 c-276 0 -333 2 -343
+14 -7 9 -11 39 -9 78 l3 63 110 5 110 5 3 243 2 242 -265 0 -265 0 0 -245z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/network-red.svg b/openstack_dashboard/static/dashboard/img/network-red.svg
new file mode 100644
index 0000000000..414d5c6848
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/network-red.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1220 1935 l0 -244 118 -3 117 -3 3 -65 c3 -53 0 -67 -15 -77 -13
+-11 -89 -13 -333 -13 -173 0 -321 0 -328 0 -9 0 -12 -11 -10 -32 l3 -33 100
+-5 100 -5 3 -54 c6 -101 7 -100 -116 -103 l-107 -3 -3 -226 c-2 -184 0 -228
+12 -238 9 -8 88 -11 272 -9 l259 3 0 235 0 235 -120 5 -120 5 0 75 0 75 433 3
+433 2 -3 -77 -3 -78 -112 -3 -113 -3 0 -239 0 -240 270 0 270 0 0 240 0 239
+-117 3 -118 3 0 75 0 75 108 3 108 3 -3 35 -3 35 -331 -1 c-276 0 -333 2 -343
+14 -7 9 -11 39 -9 78 l3 63 110 5 110 5 3 243 2 242 -265 0 -265 0 0 -245z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/policy-gray.gif b/openstack_dashboard/static/dashboard/img/policy-gray.gif
new file mode 100644
index 0000000000..a1dc8dc217
Binary files /dev/null and b/openstack_dashboard/static/dashboard/img/policy-gray.gif differ
diff --git a/openstack_dashboard/static/dashboard/img/policy-gray.svg b/openstack_dashboard/static/dashboard/img/policy-gray.svg
new file mode 100644
index 0000000000..7ab6c4aa96
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/policy-gray.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1022 2210 l-22 -9 2 -718 3 -718 325 -3 c179 -1 339 0 356 3 49 9
+112 63 274 237 113 122 153 172 165 206 13 39 15 118 15 519 l0 473 -26 10
+c-32 13 -1060 12 -1092 0z m1028 -509 l0 -419 -24 -29 c-30 -36 -97 -53 -206
+-53 -55 0 -83 -4 -93 -14 -10 -10 -16 -49 -19 -133 -5 -122 -14 -155 -52 -185
+-19 -16 -50 -18 -293 -18 l-273 0 0 635 0 635 480 0 480 0 0 -419z"/>
+<path d="M1753 1888 c-28 -43 -133 -245 -133 -255 0 -6 17 -13 38 -15 l37 -3
+5 -185 5 -185 60 0 60 0 5 180 5 180 33 3 c18 2 35 9 38 17 6 14 -124 275
+-137 275 -4 0 -11 -6 -16 -12z"/>
+<path d="M1295 1868 c-3 -7 -6 -92 -7 -188 l-3 -175 -37 -3 c-22 -2 -38 -9
+-38 -16 0 -18 133 -259 146 -263 14 -5 147 254 140 272 -3 8 -20 15 -38 17
+l-33 3 -5 180 -5 180 -58 3 c-40 2 -59 -1 -62 -10z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/policy-green.svg b/openstack_dashboard/static/dashboard/img/policy-green.svg
new file mode 100644
index 0000000000..5e55029171
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/policy-green.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1022 2210 l-22 -9 2 -718 3 -718 325 -3 c179 -1 339 0 356 3 49 9
+112 63 274 237 113 122 153 172 165 206 13 39 15 118 15 519 l0 473 -26 10
+c-32 13 -1060 12 -1092 0z m1028 -509 l0 -419 -24 -29 c-30 -36 -97 -53 -206
+-53 -55 0 -83 -4 -93 -14 -10 -10 -16 -49 -19 -133 -5 -122 -14 -155 -52 -185
+-19 -16 -50 -18 -293 -18 l-273 0 0 635 0 635 480 0 480 0 0 -419z"/>
+<path d="M1753 1888 c-28 -43 -133 -245 -133 -255 0 -6 17 -13 38 -15 l37 -3
+5 -185 5 -185 60 0 60 0 5 180 5 180 33 3 c18 2 35 9 38 17 6 14 -124 275
+-137 275 -4 0 -11 -6 -16 -12z"/>
+<path d="M1295 1868 c-3 -7 -6 -92 -7 -188 l-3 -175 -37 -3 c-22 -2 -38 -9
+-38 -16 0 -18 133 -259 146 -263 14 -5 147 254 140 272 -3 8 -20 15 -38 17
+l-33 3 -5 180 -5 180 -58 3 c-40 2 -59 -1 -62 -10z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/policy-red.svg b/openstack_dashboard/static/dashboard/img/policy-red.svg
new file mode 100644
index 0000000000..37428247c6
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/policy-red.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1022 2210 l-22 -9 2 -718 3 -718 325 -3 c179 -1 339 0 356 3 49 9
+112 63 274 237 113 122 153 172 165 206 13 39 15 118 15 519 l0 473 -26 10
+c-32 13 -1060 12 -1092 0z m1028 -509 l0 -419 -24 -29 c-30 -36 -97 -53 -206
+-53 -55 0 -83 -4 -93 -14 -10 -10 -16 -49 -19 -133 -5 -122 -14 -155 -52 -185
+-19 -16 -50 -18 -293 -18 l-273 0 0 635 0 635 480 0 480 0 0 -419z"/>
+<path d="M1753 1888 c-28 -43 -133 -245 -133 -255 0 -6 17 -13 38 -15 l37 -3
+5 -185 5 -185 60 0 60 0 5 180 5 180 33 3 c18 2 35 9 38 17 6 14 -124 275
+-137 275 -4 0 -11 -6 -16 -12z"/>
+<path d="M1295 1868 c-3 -7 -6 -92 -7 -188 l-3 -175 -37 -3 c-22 -2 -38 -9
+-38 -16 0 -18 133 -259 146 -263 14 -5 147 254 140 272 -3 8 -20 15 -38 17
+l-33 3 -5 180 -5 180 -58 3 c-40 2 -59 -1 -62 -10z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/port-gray.gif b/openstack_dashboard/static/dashboard/img/port-gray.gif
new file mode 100644
index 0000000000..79a024d370
Binary files /dev/null and b/openstack_dashboard/static/dashboard/img/port-gray.gif differ
diff --git a/openstack_dashboard/static/dashboard/img/port-gray.svg b/openstack_dashboard/static/dashboard/img/port-gray.svg
new file mode 100644
index 0000000000..b3d38d75f4
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/port-gray.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M790 1620 l0 -510 260 0 260 0 0 -130 0 -130 190 0 190 0 0 130 0
+130 255 0 255 0 0 510 0 510 -705 0 -705 0 0 -510z m260 260 l0 -130 -65 0
+-65 0 0 130 0 130 65 0 65 0 0 -130z m260 0 l0 -130 -65 0 -65 0 0 130 0 130
+65 0 65 0 0 -130z m250 0 l0 -130 -65 0 -65 0 0 123 c0 68 3 127 7 130 3 4 33
+7 65 7 l58 0 0 -130z m260 0 l0 -130 -65 0 -65 0 0 130 0 130 65 0 65 0 0
+-130z m258 -2 l3 -128 -66 0 -65 0 0 130 0 131 63 -3 62 -3 3 -127z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/port-green.svg b/openstack_dashboard/static/dashboard/img/port-green.svg
new file mode 100644
index 0000000000..d2ff80d9da
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/port-green.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M790 1620 l0 -510 260 0 260 0 0 -130 0 -130 190 0 190 0 0 130 0
+130 255 0 255 0 0 510 0 510 -705 0 -705 0 0 -510z m260 260 l0 -130 -65 0
+-65 0 0 130 0 130 65 0 65 0 0 -130z m260 0 l0 -130 -65 0 -65 0 0 130 0 130
+65 0 65 0 0 -130z m250 0 l0 -130 -65 0 -65 0 0 123 c0 68 3 127 7 130 3 4 33
+7 65 7 l58 0 0 -130z m260 0 l0 -130 -65 0 -65 0 0 130 0 130 65 0 65 0 0
+-130z m258 -2 l3 -128 -66 0 -65 0 0 130 0 131 63 -3 62 -3 3 -127z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/port-red.svg b/openstack_dashboard/static/dashboard/img/port-red.svg
new file mode 100644
index 0000000000..dc03ab395b
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/port-red.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M790 1620 l0 -510 260 0 260 0 0 -130 0 -130 190 0 190 0 0 130 0
+130 255 0 255 0 0 510 0 510 -705 0 -705 0 0 -510z m260 260 l0 -130 -65 0
+-65 0 0 130 0 130 65 0 65 0 0 -130z m260 0 l0 -130 -65 0 -65 0 0 130 0 130
+65 0 65 0 0 -130z m250 0 l0 -130 -65 0 -65 0 0 123 c0 68 3 127 7 130 3 4 33
+7 65 7 l58 0 0 -130z m260 0 l0 -130 -65 0 -65 0 0 130 0 130 65 0 65 0 0
+-130z m258 -2 l3 -128 -66 0 -65 0 0 130 0 131 63 -3 62 -3 3 -127z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/router-gray.gif b/openstack_dashboard/static/dashboard/img/router-gray.gif
new file mode 100644
index 0000000000..73bee33813
Binary files /dev/null and b/openstack_dashboard/static/dashboard/img/router-gray.gif differ
diff --git a/openstack_dashboard/static/dashboard/img/router-gray.svg b/openstack_dashboard/static/dashboard/img/router-gray.svg
new file mode 100644
index 0000000000..74dcd9a729
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/router-gray.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1389 2290 c-256 -32 -505 -226 -609 -476 -217 -521 166 -1094 731
+-1094 401 0 739 304 780 701 25 243 -48 463 -210 632 -97 102 -211 172 -351
+215 -76 23 -244 34 -341 22z m339 -110 c116 -39 185 -83 277 -175 89 -89 135
+-159 171 -265 116 -332 -37 -707 -351 -860 -120 -59 -190 -75 -325 -73 -170 1
+-278 38 -418 142 -122 90 -217 231 -258 382 -25 90 -24 272 1 359 82 286 314
+486 610 524 74 10 212 -6 293 -34z"/>
+<path d="M1413 2047 l-93 -112 32 -7 c18 -3 36 -4 41 -1 4 2 14 -1 22 -7 12
+-10 15 -42 15 -155 0 -121 2 -144 16 -149 28 -11 130 -6 142 6 8 8 12 57 12
+155 l0 143 44 0 c25 0 47 4 50 9 5 7 -16 39 -67 101 -7 9 -32 41 -56 73 -24
+31 -48 57 -55 57 -6 0 -53 -51 -103 -113z"/>
+<path d="M1158 1663 l-3 -48 -150 -5 -150 -5 0 -80 0 -80 153 -3 152 -3 0 -49
+c0 -31 4 -50 12 -50 11 0 132 96 195 155 19 17 30 35 25 41 -9 15 -214 174
+-224 174 -4 0 -8 -21 -10 -47z"/>
+<path d="M1750 1634 c-52 -41 -101 -78 -107 -81 -31 -13 -8 -46 90 -127 56
+-47 107 -86 114 -86 7 0 13 19 15 48 l3 47 150 5 150 5 0 80 0 80 -150 5
+c-166 6 -151 -1 -154 73 -1 15 -4 27 -9 27 -4 0 -50 -34 -102 -76z"/>
+<path d="M1443 1413 c-10 -3 -13 -43 -13 -148 0 -113 -3 -145 -15 -155 -8 -6
+-18 -9 -22 -7 -5 3 -23 2 -41 -1 l-32 -7 66 -80 c105 -126 123 -145 138 -139
+7 3 28 25 45 49 18 24 37 50 44 57 35 38 86 112 81 119 -3 5 -25 9 -50 9 l-44
+0 0 143 c0 98 -4 147 -12 155 -12 12 -120 16 -145 5z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/router-green.svg b/openstack_dashboard/static/dashboard/img/router-green.svg
new file mode 100644
index 0000000000..eed5cf8f8b
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/router-green.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1389 2290 c-256 -32 -505 -226 -609 -476 -217 -521 166 -1094 731
+-1094 401 0 739 304 780 701 25 243 -48 463 -210 632 -97 102 -211 172 -351
+215 -76 23 -244 34 -341 22z m339 -110 c116 -39 185 -83 277 -175 89 -89 135
+-159 171 -265 116 -332 -37 -707 -351 -860 -120 -59 -190 -75 -325 -73 -170 1
+-278 38 -418 142 -122 90 -217 231 -258 382 -25 90 -24 272 1 359 82 286 314
+486 610 524 74 10 212 -6 293 -34z"/>
+<path d="M1413 2047 l-93 -112 32 -7 c18 -3 36 -4 41 -1 4 2 14 -1 22 -7 12
+-10 15 -42 15 -155 0 -121 2 -144 16 -149 28 -11 130 -6 142 6 8 8 12 57 12
+155 l0 143 44 0 c25 0 47 4 50 9 5 7 -16 39 -67 101 -7 9 -32 41 -56 73 -24
+31 -48 57 -55 57 -6 0 -53 -51 -103 -113z"/>
+<path d="M1158 1663 l-3 -48 -150 -5 -150 -5 0 -80 0 -80 153 -3 152 -3 0 -49
+c0 -31 4 -50 12 -50 11 0 132 96 195 155 19 17 30 35 25 41 -9 15 -214 174
+-224 174 -4 0 -8 -21 -10 -47z"/>
+<path d="M1750 1634 c-52 -41 -101 -78 -107 -81 -31 -13 -8 -46 90 -127 56
+-47 107 -86 114 -86 7 0 13 19 15 48 l3 47 150 5 150 5 0 80 0 80 -150 5
+c-166 6 -151 -1 -154 73 -1 15 -4 27 -9 27 -4 0 -50 -34 -102 -76z"/>
+<path d="M1443 1413 c-10 -3 -13 -43 -13 -148 0 -113 -3 -145 -15 -155 -8 -6
+-18 -9 -22 -7 -5 3 -23 2 -41 -1 l-32 -7 66 -80 c105 -126 123 -145 138 -139
+7 3 28 25 45 49 18 24 37 50 44 57 35 38 86 112 81 119 -3 5 -25 9 -50 9 l-44
+0 0 143 c0 98 -4 147 -12 155 -12 12 -120 16 -145 5z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/router-red.svg b/openstack_dashboard/static/dashboard/img/router-red.svg
new file mode 100644
index 0000000000..a82eb234b1
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/router-red.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1389 2290 c-256 -32 -505 -226 -609 -476 -217 -521 166 -1094 731
+-1094 401 0 739 304 780 701 25 243 -48 463 -210 632 -97 102 -211 172 -351
+215 -76 23 -244 34 -341 22z m339 -110 c116 -39 185 -83 277 -175 89 -89 135
+-159 171 -265 116 -332 -37 -707 -351 -860 -120 -59 -190 -75 -325 -73 -170 1
+-278 38 -418 142 -122 90 -217 231 -258 382 -25 90 -24 272 1 359 82 286 314
+486 610 524 74 10 212 -6 293 -34z"/>
+<path d="M1413 2047 l-93 -112 32 -7 c18 -3 36 -4 41 -1 4 2 14 -1 22 -7 12
+-10 15 -42 15 -155 0 -121 2 -144 16 -149 28 -11 130 -6 142 6 8 8 12 57 12
+155 l0 143 44 0 c25 0 47 4 50 9 5 7 -16 39 -67 101 -7 9 -32 41 -56 73 -24
+31 -48 57 -55 57 -6 0 -53 -51 -103 -113z"/>
+<path d="M1158 1663 l-3 -48 -150 -5 -150 -5 0 -80 0 -80 153 -3 152 -3 0 -49
+c0 -31 4 -50 12 -50 11 0 132 96 195 155 19 17 30 35 25 41 -9 15 -214 174
+-224 174 -4 0 -8 -21 -10 -47z"/>
+<path d="M1750 1634 c-52 -41 -101 -78 -107 -81 -31 -13 -8 -46 90 -127 56
+-47 107 -86 114 -86 7 0 13 19 15 48 l3 47 150 5 150 5 0 80 0 80 -150 5
+c-166 6 -151 -1 -154 73 -1 15 -4 27 -9 27 -4 0 -50 -34 -102 -76z"/>
+<path d="M1443 1413 c-10 -3 -13 -43 -13 -148 0 -113 -3 -145 -15 -155 -8 -6
+-18 -9 -22 -7 -5 3 -23 2 -41 -1 l-32 -7 66 -80 c105 -126 123 -145 138 -139
+7 3 28 25 45 49 18 24 37 50 44 57 35 38 86 112 81 119 -3 5 -25 9 -50 9 l-44
+0 0 143 c0 98 -4 147 -12 155 -12 12 -120 16 -145 5z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/securitygroup-gray.gif b/openstack_dashboard/static/dashboard/img/securitygroup-gray.gif
new file mode 100644
index 0000000000..3ac72a7335
Binary files /dev/null and b/openstack_dashboard/static/dashboard/img/securitygroup-gray.gif differ
diff --git a/openstack_dashboard/static/dashboard/img/securitygroup-gray.svg b/openstack_dashboard/static/dashboard/img/securitygroup-gray.svg
new file mode 100644
index 0000000000..d51e45f612
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/securitygroup-gray.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1415 2233 c-33 -15 -121 -63 -195 -108 -153 -92 -220 -123 -284
+-131 -74 -10 -80 -25 -73 -156 16 -271 103 -555 225 -735 124 -182 357 -377
+429 -358 45 11 174 106 258 190 211 210 328 492 365 884 14 143 7 158 -86 177
+-68 14 -164 60 -269 129 -96 63 -227 126 -272 131 -27 3 -55 -3 -98 -23z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/securitygroup-green.svg b/openstack_dashboard/static/dashboard/img/securitygroup-green.svg
new file mode 100644
index 0000000000..e710d5bd46
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/securitygroup-green.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1415 2233 c-33 -15 -121 -63 -195 -108 -153 -92 -220 -123 -284
+-131 -74 -10 -80 -25 -73 -156 16 -271 103 -555 225 -735 124 -182 357 -377
+429 -358 45 11 174 106 258 190 211 210 328 492 365 884 14 143 7 158 -86 177
+-68 14 -164 60 -269 129 -96 63 -227 126 -272 131 -27 3 -55 -3 -98 -23z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/securitygroup-red.svg b/openstack_dashboard/static/dashboard/img/securitygroup-red.svg
new file mode 100644
index 0000000000..acb97ec0f5
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/securitygroup-red.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1415 2233 c-33 -15 -121 -63 -195 -108 -153 -92 -220 -123 -284
+-131 -74 -10 -80 -25 -73 -156 16 -271 103 -555 225 -735 124 -182 357 -377
+429 -358 45 11 174 106 258 190 211 210 328 492 365 884 14 143 7 158 -86 177
+-68 14 -164 60 -269 129 -96 63 -227 126 -272 131 -27 3 -55 -3 -98 -23z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/volume-gray.gif b/openstack_dashboard/static/dashboard/img/volume-gray.gif
new file mode 100644
index 0000000000..0fd02169e9
Binary files /dev/null and b/openstack_dashboard/static/dashboard/img/volume-gray.gif differ
diff --git a/openstack_dashboard/static/dashboard/img/volume-gray.svg b/openstack_dashboard/static/dashboard/img/volume-gray.svg
new file mode 100644
index 0000000000..cdb3ae51a2
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/volume-gray.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M925 2258 c-3 -7 -4 -341 -3 -743 l3 -730 565 0 565 0 0 740 0 740
+-563 3 c-445 2 -564 0 -567 -10z m671 -141 c26 -6 137 -58 144 -67 3 -3 17
+-15 32 -26 32 -25 86 -95 110 -144 18 -37 50 -159 43 -169 -2 -4 -5 -31 -6
+-61 -5 -94 -50 -191 -123 -265 l-40 -40 -100 103 c-109 110 -122 116 -191 88
+-32 -14 -65 -59 -65 -89 0 -11 51 -126 80 -179 8 -14 5 -16 -23 -12 -120 14
+-231 69 -290 142 -10 12 -24 28 -31 35 -14 14 -65 119 -73 151 -3 11 -6 57 -8
+100 -7 189 108 352 297 421 50 18 79 22 143 20 44 -2 90 -5 101 -8z m104 -819
+c98 -100 176 -187 174 -193 -3 -5 -36 -30 -74 -55 -38 -25 -70 -48 -70 -52 0
+-5 -10 -8 -22 -8 -18 1 -29 14 -53 67 -16 37 -42 92 -56 122 -127 273 -125
+267 -109 286 7 8 17 15 23 15 6 0 90 -82 187 -182z m-565 -270 c32 -14 43 -51
+32 -107 -7 -35 -52 -56 -101 -47 -26 5 -38 15 -50 41 -39 82 34 152 119 113z"/>
+<path d="M1454 1783 c-32 -6 -52 -33 -60 -79 -5 -36 -3 -45 22 -73 31 -35 67
+-42 117 -22 56 22 66 110 17 154 -29 26 -48 30 -96 20z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/volume-green.svg b/openstack_dashboard/static/dashboard/img/volume-green.svg
new file mode 100644
index 0000000000..7df5170e73
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/volume-green.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M925 2258 c-3 -7 -4 -341 -3 -743 l3 -730 565 0 565 0 0 740 0 740
+-563 3 c-445 2 -564 0 -567 -10z m671 -141 c26 -6 137 -58 144 -67 3 -3 17
+-15 32 -26 32 -25 86 -95 110 -144 18 -37 50 -159 43 -169 -2 -4 -5 -31 -6
+-61 -5 -94 -50 -191 -123 -265 l-40 -40 -100 103 c-109 110 -122 116 -191 88
+-32 -14 -65 -59 -65 -89 0 -11 51 -126 80 -179 8 -14 5 -16 -23 -12 -120 14
+-231 69 -290 142 -10 12 -24 28 -31 35 -14 14 -65 119 -73 151 -3 11 -6 57 -8
+100 -7 189 108 352 297 421 50 18 79 22 143 20 44 -2 90 -5 101 -8z m104 -819
+c98 -100 176 -187 174 -193 -3 -5 -36 -30 -74 -55 -38 -25 -70 -48 -70 -52 0
+-5 -10 -8 -22 -8 -18 1 -29 14 -53 67 -16 37 -42 92 -56 122 -127 273 -125
+267 -109 286 7 8 17 15 23 15 6 0 90 -82 187 -182z m-565 -270 c32 -14 43 -51
+32 -107 -7 -35 -52 -56 -101 -47 -26 5 -38 15 -50 41 -39 82 34 152 119 113z"/>
+<path d="M1454 1783 c-32 -6 -52 -33 -60 -79 -5 -36 -3 -45 22 -73 31 -35 67
+-42 117 -22 56 22 66 110 17 154 -29 26 -48 30 -96 20z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/volume-red.svg b/openstack_dashboard/static/dashboard/img/volume-red.svg
new file mode 100644
index 0000000000..776c197eec
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/volume-red.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M925 2258 c-3 -7 -4 -341 -3 -743 l3 -730 565 0 565 0 0 740 0 740
+-563 3 c-445 2 -564 0 -567 -10z m671 -141 c26 -6 137 -58 144 -67 3 -3 17
+-15 32 -26 32 -25 86 -95 110 -144 18 -37 50 -159 43 -169 -2 -4 -5 -31 -6
+-61 -5 -94 -50 -191 -123 -265 l-40 -40 -100 103 c-109 110 -122 116 -191 88
+-32 -14 -65 -59 -65 -89 0 -11 51 -126 80 -179 8 -14 5 -16 -23 -12 -120 14
+-231 69 -290 142 -10 12 -24 28 -31 35 -14 14 -65 119 -73 151 -3 11 -6 57 -8
+100 -7 189 108 352 297 421 50 18 79 22 143 20 44 -2 90 -5 101 -8z m104 -819
+c98 -100 176 -187 174 -193 -3 -5 -36 -30 -74 -55 -38 -25 -70 -48 -70 -52 0
+-5 -10 -8 -22 -8 -18 1 -29 14 -53 67 -16 37 -42 92 -56 122 -127 273 -125
+267 -109 286 7 8 17 15 23 15 6 0 90 -82 187 -182z m-565 -270 c32 -14 43 -51
+32 -107 -7 -35 -52 -56 -101 -47 -26 5 -38 15 -50 41 -39 82 34 152 119 113z"/>
+<path d="M1454 1783 c-32 -6 -52 -33 -60 -79 -5 -36 -3 -45 22 -73 31 -35 67
+-42 117 -22 56 22 66 110 17 154 -29 26 -48 30 -96 20z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/vpn-gray.svg b/openstack_dashboard/static/dashboard/img/vpn-gray.svg
new file mode 100644
index 0000000000..3b8a4c3ebe
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/vpn-gray.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M525 1803 c4 -10 53 -139 110 -288 57 -148 108 -282 114 -297 l11
+-28 103 0 104 0 16 48 c8 26 43 121 77 212 87 235 130 354 130 363 0 4 -42 7
+-94 7 -82 0 -95 -2 -100 -17 -16 -60 -129 -429 -131 -431 -3 -4 -18 42 -95
+286 l-51 162 -101 0 c-91 0 -100 -2 -93 -17z"/>
+<path d="M1260 1506 l0 -316 95 0 95 0 0 119 0 118 103 5 c110 5 143 16 190
+65 61 65 63 195 3 261 -46 52 -67 56 -283 60 l-203 4 0 -316z m324 162 c21
+-29 20 -61 -1 -87 -14 -16 -31 -22 -73 -24 l-55 -2 -3 68 -3 67 60 0 c51 0 62
+-3 75 -22z"/>
+<path d="M1900 1505 l0 -315 90 0 90 0 2 171 3 171 115 -171 115 -171 93 0 92
+0 0 315 0 315 -95 0 -95 0 -2 -169 -3 -168 -113 168 -113 169 -89 0 -90 0 0
+-315z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/vpn-green.svg b/openstack_dashboard/static/dashboard/img/vpn-green.svg
new file mode 100644
index 0000000000..98147633cf
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/vpn-green.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M525 1803 c4 -10 53 -139 110 -288 57 -148 108 -282 114 -297 l11
+-28 103 0 104 0 16 48 c8 26 43 121 77 212 87 235 130 354 130 363 0 4 -42 7
+-94 7 -82 0 -95 -2 -100 -17 -16 -60 -129 -429 -131 -431 -3 -4 -18 42 -95
+286 l-51 162 -101 0 c-91 0 -100 -2 -93 -17z"/>
+<path d="M1260 1506 l0 -316 95 0 95 0 0 119 0 118 103 5 c110 5 143 16 190
+65 61 65 63 195 3 261 -46 52 -67 56 -283 60 l-203 4 0 -316z m324 162 c21
+-29 20 -61 -1 -87 -14 -16 -31 -22 -73 -24 l-55 -2 -3 68 -3 67 60 0 c51 0 62
+-3 75 -22z"/>
+<path d="M1900 1505 l0 -315 90 0 90 0 2 171 3 171 115 -171 115 -171 93 0 92
+0 0 315 0 315 -95 0 -95 0 -2 -169 -3 -168 -113 168 -113 169 -89 0 -90 0 0
+-315z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/vpn-red.svg b/openstack_dashboard/static/dashboard/img/vpn-red.svg
new file mode 100644
index 0000000000..50aba606e6
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/vpn-red.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M525 1803 c4 -10 53 -139 110 -288 57 -148 108 -282 114 -297 l11
+-28 103 0 104 0 16 48 c8 26 43 121 77 212 87 235 130 354 130 363 0 4 -42 7
+-94 7 -82 0 -95 -2 -100 -17 -16 -60 -129 -429 -131 -431 -3 -4 -18 42 -95
+286 l-51 162 -101 0 c-91 0 -100 -2 -93 -17z"/>
+<path d="M1260 1506 l0 -316 95 0 95 0 0 119 0 118 103 5 c110 5 143 16 190
+65 61 65 63 195 3 261 -46 52 -67 56 -283 60 l-203 4 0 -316z m324 162 c21
+-29 20 -61 -1 -87 -14 -16 -31 -22 -73 -24 l-55 -2 -3 68 -3 67 60 0 c51 0 62
+-3 75 -22z"/>
+<path d="M1900 1505 l0 -315 90 0 90 0 2 171 3 171 115 -171 115 -171 93 0 92
+0 0 315 0 315 -95 0 -95 0 -2 -169 -3 -168 -113 168 -113 169 -89 0 -90 0 0
+-315z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/vpn.gif b/openstack_dashboard/static/dashboard/img/vpn.gif
new file mode 100644
index 0000000000..0e0c5dfb7e
Binary files /dev/null and b/openstack_dashboard/static/dashboard/img/vpn.gif differ
diff --git a/openstack_dashboard/static/dashboard/img/wait-gray.gif b/openstack_dashboard/static/dashboard/img/wait-gray.gif
new file mode 100644
index 0000000000..b5bf1f50bd
Binary files /dev/null and b/openstack_dashboard/static/dashboard/img/wait-gray.gif differ
diff --git a/openstack_dashboard/static/dashboard/img/wait-gray.svg b/openstack_dashboard/static/dashboard/img/wait-gray.svg
new file mode 100644
index 0000000000..27a7c546b9
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/wait-gray.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M800 2260 c-47 -47 -8 -110 67 -110 48 0 43 9 62 -117 17 -116 64
+-234 131 -333 37 -54 136 -155 175 -178 l20 -12 -20 -12 c-65 -38 -164 -152
+-217 -248 -49 -91 -98 -246 -98 -317 0 -51 -9 -63 -47 -63 -81 0 -122 -61 -73
+-110 20 -20 33 -20 694 -20 l675 0 20 26 c27 34 26 50 -4 79 -18 19 -35 25
+-70 25 l-45 0 0 40 c0 62 -47 226 -91 315 -44 92 -125 194 -193 244 -25 19
+-46 37 -45 40 0 3 27 28 60 54 63 51 136 141 174 217 42 83 90 249 98 335 2
+28 5 30 49 33 37 2 52 9 68 29 25 32 25 44 -1 77 l-20 26 -675 0 c-661 0 -674
+0 -694 -20z m1180 -122 c0 -7 -7 -46 -15 -86 -48 -228 -164 -399 -322 -473
+-111 -52 -111 -87 -1 -138 127 -59 233 -188 288 -351 21 -62 50 -181 50 -207
+0 -10 -104 -13 -485 -13 l-485 0 0 28 c0 31 25 142 41 187 65 175 172 306 294
+359 67 28 70 32 70 66 0 19 -6 36 -15 41 -8 4 -40 19 -71 34 -102 47 -201 164
+-259 305 -29 71 -60 191 -60 234 l0 26 485 0 c381 0 485 -3 485 -12z"/>
+<path d="M1160 1925 c-17 -21 40 -124 107 -190 165 -164 372 -133 514 76 45
+67 58 107 38 120 -8 5 -156 9 -330 9 -265 0 -319 -2 -329 -15z"/>
+<path d="M1395 1111 c-84 -22 -168 -103 -151 -147 8 -20 478 -21 495 -1 19 24
+-38 100 -95 127 -53 25 -190 37 -249 21z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/wait-green.svg b/openstack_dashboard/static/dashboard/img/wait-green.svg
new file mode 100644
index 0000000000..6d2b9e6321
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/wait-green.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M800 2260 c-47 -47 -8 -110 67 -110 48 0 43 9 62 -117 17 -116 64
+-234 131 -333 37 -54 136 -155 175 -178 l20 -12 -20 -12 c-65 -38 -164 -152
+-217 -248 -49 -91 -98 -246 -98 -317 0 -51 -9 -63 -47 -63 -81 0 -122 -61 -73
+-110 20 -20 33 -20 694 -20 l675 0 20 26 c27 34 26 50 -4 79 -18 19 -35 25
+-70 25 l-45 0 0 40 c0 62 -47 226 -91 315 -44 92 -125 194 -193 244 -25 19
+-46 37 -45 40 0 3 27 28 60 54 63 51 136 141 174 217 42 83 90 249 98 335 2
+28 5 30 49 33 37 2 52 9 68 29 25 32 25 44 -1 77 l-20 26 -675 0 c-661 0 -674
+0 -694 -20z m1180 -122 c0 -7 -7 -46 -15 -86 -48 -228 -164 -399 -322 -473
+-111 -52 -111 -87 -1 -138 127 -59 233 -188 288 -351 21 -62 50 -181 50 -207
+0 -10 -104 -13 -485 -13 l-485 0 0 28 c0 31 25 142 41 187 65 175 172 306 294
+359 67 28 70 32 70 66 0 19 -6 36 -15 41 -8 4 -40 19 -71 34 -102 47 -201 164
+-259 305 -29 71 -60 191 -60 234 l0 26 485 0 c381 0 485 -3 485 -12z"/>
+<path d="M1160 1925 c-17 -21 40 -124 107 -190 165 -164 372 -133 514 76 45
+67 58 107 38 120 -8 5 -156 9 -330 9 -265 0 -319 -2 -329 -15z"/>
+<path d="M1395 1111 c-84 -22 -168 -103 -151 -147 8 -20 478 -21 495 -1 19 24
+-38 100 -95 127 -53 25 -190 37 -249 21z"/>
+</g>
+</svg>
diff --git a/openstack_dashboard/static/dashboard/img/wait-red.svg b/openstack_dashboard/static/dashboard/img/wait-red.svg
new file mode 100644
index 0000000000..3da9305670
--- /dev/null
+++ b/openstack_dashboard/static/dashboard/img/wait-red.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M800 2260 c-47 -47 -8 -110 67 -110 48 0 43 9 62 -117 17 -116 64
+-234 131 -333 37 -54 136 -155 175 -178 l20 -12 -20 -12 c-65 -38 -164 -152
+-217 -248 -49 -91 -98 -246 -98 -317 0 -51 -9 -63 -47 -63 -81 0 -122 -61 -73
+-110 20 -20 33 -20 694 -20 l675 0 20 26 c27 34 26 50 -4 79 -18 19 -35 25
+-70 25 l-45 0 0 40 c0 62 -47 226 -91 315 -44 92 -125 194 -193 244 -25 19
+-46 37 -45 40 0 3 27 28 60 54 63 51 136 141 174 217 42 83 90 249 98 335 2
+28 5 30 49 33 37 2 52 9 68 29 25 32 25 44 -1 77 l-20 26 -675 0 c-661 0 -674
+0 -694 -20z m1180 -122 c0 -7 -7 -46 -15 -86 -48 -228 -164 -399 -322 -473
+-111 -52 -111 -87 -1 -138 127 -59 233 -188 288 -351 21 -62 50 -181 50 -207
+0 -10 -104 -13 -485 -13 l-485 0 0 28 c0 31 25 142 41 187 65 175 172 306 294
+359 67 28 70 32 70 66 0 19 -6 36 -15 41 -8 4 -40 19 -71 34 -102 47 -201 164
+-259 305 -29 71 -60 191 -60 234 l0 26 485 0 c381 0 485 -3 485 -12z"/>
+<path d="M1160 1925 c-17 -21 40 -124 107 -190 165 -164 372 -133 514 76 45
+67 58 107 38 120 -8 5 -156 9 -330 9 -265 0 -319 -2 -329 -15z"/>
+<path d="M1395 1111 c-84 -22 -168 -103 -151 -147 8 -20 478 -21 495 -1 19 24
+-38 100 -95 127 -53 25 -190 37 -249 21z"/>
+</g>
+</svg>