commit d971d5d5222647971b9df74aad5f653124a5614f
Author: paulmataruso <paulmataruso@dhitechnical.com>
Date:   Wed Nov 6 19:09:33 2024 +0000

    First Upload

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..971c45a
--- /dev/null
+++ b/README.md
@@ -0,0 +1,63 @@
+BGP Dashboard
+=============
+
+A "realtime" web view of your BGP network
+
+- Who do I peer with?
+- How many routes do I receive from my peers?
+- Who do I use for tranist?
+- What AS path does a prefix take out of my network?
+- How many routes and autonomous systems do I see?
+- BGP Looking Glass (IPv4/IPv6/ASN)
+
+
+How it works
+---------
+> This is beta code.
+- BGP peering session using GoBGP
+- GoBGP pipes BGP information into MongoDB
+- Flask App queries MongoDB to build website and JSON API
+
+###### This project uses three Docker containers
+- GoBGP ([osrg/gobgp](https://hub.docker.com/r/osrg/gobgp/))
+- MongoDB ([mongo](https://hub.docker.com/_/mongo/))
+- Flask ([docker-flask](https://hub.docker.com/r/p0bailey/docker-flask/))
+
+###### GoBGP
+The GoBGP container serves two functions:
+- Peer with the "real" network
+  - Configure [gobgpd.conf](https://github.com/rhicks/bgp-dash/blob/master/gobgp/gobgpd.conf) to peer with the real network.
+  - Only IPv4-Unicast and IPv6-Unicast supported at this time.
+- Pass BGP updates into BGP
+  - The [gobgp_to_mongo.py](https://github.com/rhicks/bgp-dash/blob/master/gobgp_to_mongo.py) script pipes the JSON updates from GoBGP into the MongoDB container
+
+###### MongoDB
+- Mongo receives JSON updates from the GoBGP container
+- The Flask App queries Mongo for relevant information
+
+###### Flask
+- Flask presents a Dashboard for realtime BGP updates
+- A JSON API is used on the backend to support the frontend and display Looking Glass queries
+
+
+Screenshot
+---------
+![screenshot](bgp-dashboard.png)
+
+
+Install
+---------
+```
+$ git clone https://github.com/NetDevUG/bgp-dashboard.git
+$ cd bgp-dashboard
+$ # modify ./gobgp/gobgpd.conf to peer with your network
+$ # modify ./flask/app/constants.py globals to use your ASN and BGP communities
+$ docker compose build
+$ docker compose up (watch the log to verify BGP peeering is established)
+```
+
+
+Todo
+---------
+- Update gobgp
+- Update Python Dependencys
diff --git a/bgp-dashboard.png b/bgp-dashboard.png
new file mode 100644
index 0000000..a6b30f7
Binary files /dev/null and b/bgp-dashboard.png differ
diff --git a/bgp_attributes.py b/bgp_attributes.py
new file mode 100644
index 0000000..e585971
--- /dev/null
+++ b/bgp_attributes.py
@@ -0,0 +1,33 @@
+# BGP Attributes
+PREFIX = 0
+ORIGIN = 1
+AS_PATH = 2
+NEXT_HOP = 3
+MULTI_EXIT_DISC = 4
+LOCAL_PREF = 5
+ATOMIC_AGGREGATE = 6
+AGGREGATOR = 7
+COMMUNITY = 8
+ORIGINATOR_ID = 9
+CLUSTER_LIST = 10
+DPA = 11
+ADVERTISER = 12
+CLUSTER_ID = 13
+MP_REACH_NLRI = 14
+MP_UNREACH_NLRI = 15
+EXTENDED_COMMUNITIES = 16
+LARGE_COMMUNITIES = 32
+#
+WITHDRAWAL = 11
+AGE = 12
+#
+ORIGIN_CODE = {
+    0: 'IGP',
+    1: 'EGP',
+    2: 'INCOMPLETE'
+}
+# BGP UPDATE CODES
+OPEN = 1
+UPDATE = 2
+NOTIFICATION = 3
+KEEPALIVE = 4
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100755
index 0000000..579c239
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,23 @@
+services:
+  gobgp:
+    build: ./gobgp
+    ports:
+      - "172.16.1.66:179:179"
+    volumes:
+      - .:/var/tmp
+    restart: always
+
+  mongodb:
+    image: mongo:latest
+    expose:
+      - 27017
+    volumes:
+      - ./db:/data/db
+
+  flask:
+    build: ./flask
+    ports:
+      - 80:80
+    volumes:
+      - ./flask/app:/var/www/app
+      - ./flask/app/log:/var/log/uwsgi/app
diff --git a/flask/Dockerfile b/flask/Dockerfile
new file mode 100644
index 0000000..d5f8bd6
--- /dev/null
+++ b/flask/Dockerfile
@@ -0,0 +1,31 @@
+FROM ubuntu:24.04
+
+ARG DEBIAN_FRONTEND=noninteractive
+
+RUN apt-get update && \
+    apt-get install -y \
+        python3 \
+        python3-pip \
+        python3-venv \
+        uwsgi-plugin-python3 \
+        nginx \
+        supervisor && \
+    echo 'Etc/UTC' >/etc/timezone && \
+    apt-get install -y --reinstall tzdata && \
+    rm -rf /var/lib/apt/lists/*
+
+COPY nginx/flask.conf /etc/nginx/sites-available/
+COPY supervisor/supervisord.conf /etc/supervisor/conf.d/supervisord.conf
+COPY app/requirements.txt /tmp/requirements.txt
+
+RUN python3 -m venv venv && chmod +x venv
+RUN mkdir -p /var/log/nginx/app /var/log/uwsgi/app /var/log/supervisor /var/www/app && \
+    rm /etc/nginx/sites-enabled/default && \
+    ln -s /etc/nginx/sites-available/flask.conf /etc/nginx/sites-enabled/flask.conf && \
+    echo "daemon off;" >> /etc/nginx/nginx.conf && \
+    . venv/bin/activate && \
+    pip3 install -r /tmp/requirements.txt && \
+    chown -R www-data:www-data /var/www/app && \
+    chown -R www-data:www-data /var/log
+
+CMD ["/usr/bin/supervisord"]
diff --git a/flask/app/Stats.py b/flask/app/Stats.py
new file mode 100644
index 0000000..ba47f0c
--- /dev/null
+++ b/flask/app/Stats.py
@@ -0,0 +1,174 @@
+import constants as C
+import dns.resolver
+import time
+from collections import Counter
+from flask import jsonify
+from itertools import islice
+from pymongo import MongoClient
+from functions import asn_name_query
+
+
+class Stats(object):
+    def __init__(self):
+        self.db = self.db_connect()
+        self.peer_counter = 0
+        self.ipv4_table_size = 0
+        self.ipv6_table_size = 0
+        self.nexthop_ip_counter = 0
+        self.avg_as_path_length = 0
+        self.top_n_peers = []
+        self.cidr_breakdown = []
+        self.communities = []
+        self.peers = []
+        self.customers = []
+        self.customer_count = 0
+        self.customer_ipv4_prefixes = 0
+        self.customer_ipv6_prefixes = 0
+        self.timestamp = self.epoch_to_date(time.time())
+
+    # @property
+    # def peer_counter(self):
+    #     return self._peer_counter
+
+    # @peer_counter.setter
+    # def peer_counter(self):
+    #     self._peer_counter = len(self.db['bgp'].distinct('nexthop_asn', {'active': True}))
+
+    def db_connect(self):
+        """Return a connection to the Mongo Database."""
+        client = MongoClient(host='mongodb')
+        return client.bgp
+
+    def take(self, n, iterable):
+        """Return first n items of the iterable as a list."""
+        return list(islice(iterable, n))
+
+    def peer_count(self):
+        """Return the number of directly connected ASNs."""
+        return len(self.db['bgp'].distinct('nexthop_asn', {'active': True}))
+
+    def prefix_count(self, version):
+        """Given the IP version, return the number of prefixes in the database."""
+        return self.db['bgp'].count_documents({'ip_version': version, 'active': True})
+
+    def nexthop_ip_count(self):
+        """Return the number of unique next hop IPv4 and IPv6 addresses."""
+        return len(self.db['bgp'].distinct('nexthop', {'active': True}))
+
+    def epoch_to_date(self, epoch):
+        """Given an *epoch* time stamp, return a human readable equivalent."""
+        return time.strftime('%Y-%m-%d %H:%M:%S %Z', time.gmtime(epoch))
+
+    def get_list_of(self, customers=False, peers=False, community=C.CUSTOMER_BGP_COMMUNITY):
+        """Return a list of prefix dictionaries.  Specify which type of prefix to
+        return by setting *customers* or *peers* to True."""
+        if peers:
+            query_results = {prefix['nexthop_asn'] for prefix in self.db['bgp'].find({'active': True})}
+        else:  # customers
+            query_results = {prefix['nexthop_asn'] for prefix in
+                             self.db['bgp'].find({'communities': community, 'active': True})}
+
+        return [{'asn': asn if asn is not None else C.DEFAULT_ASN,  # Set "None" ASNs to default
+                 'name': asn_name_query(asn),
+                 'ipv4_origin_count': self.db['bgp'].count_documents(
+                     {'origin_asn': asn, 'ip_version': 4, 'active': True}),
+                 'ipv6_origin_count': self.db['bgp'].count_documents(
+                     {'origin_asn': asn, 'ip_version': 6, 'active': True}),
+                 'ipv4_nexthop_count': self.db['bgp'].count_documents(
+                     {'nexthop_asn': asn, 'ip_version': 4, 'active': True}),
+                 'ipv6_nexthop_count': self.db['bgp'].count_documents(
+                     {'nexthop_asn': asn, 'ip_version': 6, 'active': True}),
+                 'asn_count': len(self.db['bgp'].distinct('as_path.1', {'nexthop_asn': asn, 'active': True}))}
+                for asn in query_results]
+
+    def avg_as_path_len(self, decimal_point_accuracy=2):
+        """Return the computed average *as_path* length of all prefixes in the
+        database.  Using a python *set* to remove any AS prepending."""
+        as_path_counter = 0
+        all_prefixes = list(self.db['bgp'].find({'active': True}))
+        for prefix in all_prefixes:
+            try:
+                as_path_counter += len(set(prefix['as_path']))  # sets remove duplicate ASN prepending
+            except Exception:
+                pass
+        return round(as_path_counter / (len(all_prefixes) * 1.0), decimal_point_accuracy)
+
+    def communities_count(self):
+        """Return a list of BGP communities and their count"""
+        return [{'community': community,
+                 # 'count': self.db['bgp'].count_documents({'communities': {'$regex': str(community)}, 'active': True}),
+                 'count': self.db['bgp'].count_documents({'communities': str(community), 'active': True}),
+                 'name': None if C.BGP_COMMUNITY_MAP.get(community) is None else C.BGP_COMMUNITY_MAP.get(community)}
+                for community in self.db['bgp'].distinct('communities') if community is not None]
+
+    def cidrs(self):
+        """ Return a list of IPv4 and IPv6 network mask counters."""
+        ipv4_masks = [int(prefix['_id'].split('/', 1)[1])
+                      for prefix in self.db['bgp'].find({'ip_version': 4, 'active': True})]
+        ipv6_masks = [int(prefix['_id'].split('/', 1)[1])
+                      for prefix in self.db['bgp'].find({'ip_version': 6, 'active': True})]
+        # Use a *Counter* to count masks in the lists, then combine, sort on mask, and return results
+        return sorted(
+            [{'mask': mask,
+              'count': count,
+              'ip_version': 4}
+             for mask, count in list(Counter(ipv4_masks).items())]
+            +
+            [{'mask': mask,
+              'count': count,
+              'ip_version': 6}
+             for mask, count in list(Counter(ipv6_masks).items())], key=lambda x: x['mask'])
+
+    def top_peers(self, count):
+        """Return a sorted list of top peer dictionaries ordered by prefix count.
+        Limit to *count*."""
+        peers = {peer: self.db['bgp'].count_documents({'nexthop_asn': peer, 'active': True})
+                 for peer in self.db['bgp'].distinct('nexthop_asn')}
+        return [{'asn': asn[0],
+                 'count': asn[1],
+                 'name': asn_name_query(asn[0])}
+                for asn in self.take(count, sorted(peers.items(), key=lambda x: x[1], reverse=True))]
+
+    def get_data(self, json=False):
+        data_dict = {
+            'peer_count': self.peer_counter,
+            'ipv6_table_size': self.ipv6_table_size,
+            'ipv4_table_size': self.ipv4_table_size,
+            'nexthop_ip_count': self.nexthop_ip_counter,
+            'avg_as_path_length': self.avg_as_path_length,
+            'top_n_peers': self.top_n_peers,
+            'cidr_breakdown': self.cidr_breakdown,
+            'communities': self.communities,
+            'peers': self.peers,
+            'customers': self.customers,
+            'customer_count': self.customer_count,
+            'customer_ipv4_prefixes': self.customer_ipv4_prefixes,
+            'customer_ipv6_prefixes': self.customer_ipv6_prefixes,
+            'timestamp': self.timestamp}
+        if json:
+            return jsonify(data_dict)
+        else:
+            return data_dict
+
+    def update_stats(self):
+        self.peer_counter = self.peer_count()
+        self.ipv4_table_size = self.prefix_count(4)
+        self.ipv6_table_size = self.prefix_count(6)
+        self.nexthop_ip_counter = self.nexthop_ip_count()
+        self.timestamp = self.epoch_to_date(time.time())
+
+    def update_advanced_stats(self):
+        self.avg_as_path_length = self.avg_as_path_len()
+        self.top_n_peers = self.top_peers(5)
+        self.cidr_breakdown = self.cidrs()
+        # self.customers = self.get_list_of(customers=True)
+        self.communities = self.communities_count()
+        self.customers = self.get_list_of(customers=True)
+        self.peers = self.get_list_of(peers=True)
+        self.customer_count = len(self.customers)
+        self.customer_ipv4_prefixes = 0
+        self.customer_ipv6_prefixes = 0
+        for customer in self.customers:
+            self.customer_ipv4_prefixes += customer['ipv4_origin_count']
+            self.customer_ipv6_prefixes += customer['ipv6_origin_count']
+        self.timestamp = self.epoch_to_date(time.time())
diff --git a/flask/app/bgp.py b/flask/app/bgp.py
new file mode 100644
index 0000000..8109182
--- /dev/null
+++ b/flask/app/bgp.py
@@ -0,0 +1,237 @@
+import threading
+
+from flask import Flask, jsonify, render_template
+
+import constants as C
+from apscheduler.schedulers.background import BackgroundScheduler
+from functions import (asn_name_query, get_ip_json, is_peer, is_transit,
+                       reverse_dns_query, dns_query)
+from Stats import Stats
+
+app = Flask(__name__)
+app.config['JSON_SORT_KEYS'] = False
+app.config['JSONIFY_PRETTYPRINT_REGULAR'] = True
+
+
+@app.route('/', methods=['GET'])
+def bgp_index():
+    data = myStats.get_data()
+    top_peers = data['top_n_peers']
+    cidr_breakdown = data['cidr_breakdown']
+    communities = data['communities']
+    peers = data['peers']
+    source_asn = C.DEFAULT_ASN
+    source_asn_name = asn_name_query(C.DEFAULT_ASN)
+    customer_bgp_community = C.CUSTOMER_BGP_COMMUNITY
+    transit_bgp_community = C.TRANSIT_BGP_COMMUNITY
+    peer_bgp_community = C.PEER_BGP_COMMUNITY
+    return render_template('bgp.html', **locals())
+
+
+@app.route('/bgp/api/v1.0/peers', methods=['GET'])
+def get_peers():
+    return jsonify(myStats.get_list_of(peers=True))
+
+
+@app.route('/bgp/api/v1.0/customers', methods=['GET'])
+def get_customers():
+    return jsonify(myStats.get_list_of(customers=True))
+
+
+@app.route('/bgp/api/v1.0/ip/<ip>', methods=['GET'])
+def get_ip(ip):
+    return jsonify(get_ip_json(ip, include_history=False))
+
+
+@app.route('/bgp/api/v1.0/communities', methods=['GET'])
+def get_communities():
+    return jsonify(myStats.communities_count())
+
+
+@app.route('/bgp/api/v1.0/ip/<ip>/history', methods=['GET'])
+def get_history(ip):
+    return jsonify(get_ip_json(ip, include_history=True))
+
+
+@app.route('/bgp/api/v1.0/asn/<int:asn>', methods=['GET'])
+def get_asn_prefixes(asn):
+    db = myStats.db
+    prefixes = []
+
+    if asn == C.DEFAULT_ASN:
+        routes = list(db['bgp'].find({'origin_asn': None, 'active': True}))
+    else:
+        routes = list(db['bgp'].find({'origin_asn': asn, 'active': True}))
+
+    for prefix in routes:
+        prefixes.append({'prefix': prefix['_id'],
+                         'is_transit': is_transit(prefix),
+                         'origin_asn': prefix['origin_asn'],
+                         'name': asn_name_query(asn),
+                         'nexthop_ip': prefix['nexthop'],
+                         'nexthop_ip_dns': reverse_dns_query(prefix['nexthop']),
+                         'nexthop_asn': prefix['nexthop_asn'],
+                         'as_path': prefix['as_path'],
+                         'updated': prefix['age']
+                         })
+
+    return jsonify({'asn': asn,
+                    'name': asn_name_query(asn),
+                    'origin_prefix_count': len(routes),
+                    'is_peer': is_peer(asn),
+                    'origin_prefix_list': prefixes})
+
+
+@app.route('/bgp/api/v1.0/stats', methods=['GET'])
+def get_stats():
+    return myStats.get_data(json=True)
+
+
+@app.route('/bgp/api/v1.0/asn/<int:asn>/downstream', methods=['GET'])
+def get_downstream_asns(asn):
+    db = myStats.db
+    asn_list = []
+    large_query = 200
+    downstream_asns = db['bgp'].distinct('as_path.1', {'nexthop_asn': asn, 'active': True})
+    for downstream in downstream_asns:
+        if len(downstream_asns) > large_query:
+            dns_name = "(LARGE QUERY - DNS LOOKUP DISABLED)"
+        else:
+            dns_name = asn_name_query(downstream)
+        asn_list.append({'asn': downstream, 'name': dns_name})
+
+    sorted_asn_list = sorted(asn_list, key=lambda k: k['asn'])
+
+    return jsonify({'asn': asn,
+                    'name': asn_name_query(asn),
+                    'downstream_asns_count': len(asn_list),
+                    'downstream_asns': sorted_asn_list})
+
+
+@app.route('/bgp/api/v1.0/asn/<int:asn>/originated', methods=['GET'])
+def get_originated_prefixes(asn):
+    db = myStats.db
+    originated = []
+    prefixes = db['bgp'].find({'origin_asn': asn, 'active': True})
+    for prefix in prefixes:
+        originated.append(prefix['_id'])
+
+    return jsonify({'asn': asn,
+                    'name': asn_name_query(asn),
+                    'originated_prefix_count': len(originated),
+                    'originated_prefix_list': originated})
+
+
+@app.route('/bgp/api/v1.0/asn/<int:asn>/originated/<version>', methods=['GET'])
+def get_originated_prefixes_version(asn, version):
+    db = myStats.db
+    originated = []
+    v = 4
+    if version.lower() == 'ipv6':
+        v = 6
+    prefixes = db['bgp'].find({'origin_asn': asn, 'ip_version': v, 'active': True})
+    for prefix in prefixes:
+        originated.append(prefix['_id'])
+
+    return jsonify({'asn': asn,
+                    'name': asn_name_query(asn),
+                    'originated_prefix_count': len(originated),
+                    'originated_prefix_list': originated})
+
+
+@app.route('/bgp/api/v1.0/asn/<int:asn>/nexthop', methods=['GET'])
+def get_nexthop_prefixes(asn):
+    db = myStats.db
+    nexthop = []
+    prefixes = db['bgp'].find({'nexthop_asn': asn, 'active': True})
+    for prefix in prefixes:
+        nexthop.append(prefix['_id'])
+
+    return jsonify({'asn': asn,
+                    'name': asn_name_query(asn),
+                    'nexthop_prefix_count': len(nexthop),
+                    'nexthop_prefix_list': nexthop})
+
+
+@app.route('/bgp/api/v1.0/asn/<int:asn>/nexthop/<version>', methods=['GET'])
+def get_nexthop_prefixes_version(asn, version):
+    db = myStats.db
+    nexthop = []
+    v = 4
+    if version.lower() == 'ipv6':
+        v = 6
+    prefixes = db['bgp'].find({'nexthop_asn': asn, 'ip_version': v, 'active': True})
+    for prefix in prefixes:
+        nexthop.append(prefix['_id'])
+
+    return jsonify({'asn': asn,
+                    'name': asn_name_query(asn),
+                    'nexthop_prefix_count': len(nexthop),
+                    'nexthop_prefix_list': nexthop})
+
+
+@app.route('/bgp/api/v1.0/asn/<int:asn>/transit', methods=['GET'])
+def get_transit_prefixes(asn):
+    db = myStats.db
+    all_asns = db['bgp'].find({'active': True})
+    prefixes = []
+
+    for prefix in all_asns:
+        if prefix['as_path']:
+            if asn in prefix['as_path']:
+                prefixes.append(prefix['_id'])
+            else:
+                pass
+        else:
+            pass
+
+    return jsonify({'asn': asn,
+                    'name': asn_name_query(asn),
+                    'transit_prefix_count': len(prefixes),
+                    'transit_prefix_list': prefixes})
+
+
+@app.route('/bgp/api/v1.0/domain/<domain>', methods=['GET'])
+def get_domain(domain):
+    domain = domain.lower()
+    org = domain.split('.')[-2]
+    name_servers = dns_query(domain, 'NS')
+    soa = dns_query(domain, 'SOA')
+    local_ns = ''
+    if org in soa.lower():
+        local_ns = soa.lower()
+    for ns in name_servers:
+        if org in ns.lower():
+            local_ns = ns.lower()
+    if local_ns == '':
+        return jsonify({})
+    else:
+        domain_ip = str(dns_query(local_ns))
+        ip_data = get_ip_json(domain_ip)
+        asn = ip_data.get('origin_asn')
+        db = myStats.db
+        originated = []
+        prefixes = db['bgp'].find({'origin_asn': asn, 'active': True})
+        for prefix in prefixes:
+            originated.append(prefix['_id'])
+
+        return jsonify({'domain': domain,
+                        'A Record': dns_query(domain),
+                        'SOA/NS Record': local_ns,
+                        'SOA/NS IP': domain_ip,
+                        'asn': asn,
+                        'name': asn_name_query(asn),
+                        'originated_prefix_count': len(originated),
+                        'originated_prefix_list': originated})
+
+
+sched = BackgroundScheduler()
+myStats = Stats()
+threading.Thread(target=myStats.update_stats).start()
+threading.Thread(target=myStats.update_advanced_stats).start()
+sched.add_job(myStats.update_stats, 'interval', seconds=60)
+sched.add_job(myStats.update_advanced_stats, 'interval', seconds=300)
+sched.start()
+
+if __name__ == '__main__':
+    app.run(debug=True)
diff --git a/flask/app/constants.py b/flask/app/constants.py
new file mode 100644
index 0000000..38d9b15
--- /dev/null
+++ b/flask/app/constants.py
@@ -0,0 +1,31 @@
+# DEFAULTS - UPDATE ACCORDINGLY
+DEFAULT_ASN = 400848
+CUSTOMER_BGP_COMMUNITY = '3701:370'  # Prefixes learned from directly connected customers
+TRANSIT_BGP_COMMUNITY = '3701:380'  # Prefixes learned from *paid* transit providers
+PEER_BGP_COMMUNITY = '3701:39'  # Community Prefix (starts with) for Prefixes learned from bilateral peers and exchanges
+BGP_COMMUNITY_MAP = {
+      '3701:111': 'Level3-Prepend-1',
+      '3701:112': 'Level3-Prepend-2',
+      '3701:113': 'Level3-SEAT-Depref',
+      '3701:114': 'Level3-WSAC-Depref',
+      '3701:121': 'Level3-WSAC-Prepend-1',
+      '3701:122': 'Level3-WSAC-Prepend-2',
+      '3701:370': 'Customers',
+      '3701:371': 'Customers-NO-I2-RE',
+      '3701:372': 'Customers-NO-I2-CP',
+      '3701:380': 'Transit',
+      '3701:381': 'Level3-SEAT',
+      '3701:382': 'Level3-WSAC',
+      '3701:390': 'OIX',
+      '3701:391': 'I2-RE',
+      '3701:392': 'NWAX',
+      '3701:393': 'PNWGP',
+      '3701:394': 'I2-CPS',
+      '3701:395': 'SeattleIX',
+      '3701:500': 'PT-ODE-USERS',
+      '3701:501': 'PT-ODE-PROVIDERS',
+      '3701:666': 'BH-LOCAL',
+      '64496:0': 'Cymru-UTRS',
+      '65333:888': 'Cymru-BOGONs',
+      '65535:65281': 'No-Export',
+}
diff --git a/flask/app/functions.py b/flask/app/functions.py
new file mode 100644
index 0000000..78ae383
--- /dev/null
+++ b/flask/app/functions.py
@@ -0,0 +1,145 @@
+import ipaddress
+from functools import cache
+
+import dns.resolver
+from pymongo.database import Database
+
+import constants as C
+from flask import jsonify, request
+from pymongo import MongoClient
+
+
+@cache
+def db_connect() -> Database:
+    """Return a connection to the Mongo Database."""
+    client = MongoClient(host='mongodb')
+    return client["bgp"]
+
+
+def find_network(ip, netmask):
+    """Given an IPv4 or IPv6 address, recursively search for and return the most
+       specific prefix in the MongoDB collection that is active.
+    """
+    try:
+        db = db_connect()
+        network = str(ipaddress.ip_network(ipaddress.ip_address(ip)).supernet(new_prefix=netmask))
+        result = db['bgp'].find_one({'_id': network, 'active': True})
+        if result is not None:
+            return result
+        elif netmask == 0:
+            return None
+        else:
+            return find_network(ip, netmask - 1)
+    except Exception:
+        return None
+
+
+def is_peer(asn):
+    """Is *asn* in the list of directy connected ASNs."""
+    db = db_connect()
+    if asn in db['bgp'].distinct('nexthop_asn'):
+        return True
+    else:
+        return False
+
+
+def is_transit(prefix, transit_bgp_community=C.TRANSIT_BGP_COMMUNITY):
+    """Is the *prefix* counted as transit?"""
+    if C.TRANSIT_BGP_COMMUNITY in prefix['communities']:
+        return True
+    else:
+        return False
+
+
+def reverse_dns_query(ip):
+    """Given an *ip*, return the reverse dns."""
+    try:
+        addr = dns.reversename.from_address(str(ip))
+        resolver = dns.resolver.Resolver()
+        return str(resolver.resolve(addr, 'PTR')[0])[:-1]
+    except Exception:
+        return '(DNS Error)'
+
+
+def dns_query(name, type='A'):
+    """Given a *name*, return the ip dns."""
+    try:
+        # addr = dns.reversename.from_address(str(ip))
+        resolver = dns.resolver.Resolver()
+        answers = resolver.resolve(str(name), type)
+        if type == 'A':
+            return str(answers[0])
+        elif type == 'NS':
+            domains = []
+            for record in answers:
+                domains.append(str(record.target))
+            return domains
+        elif type == 'SOA':
+            return str(answers[0]).split()[0]
+    except Exception:
+        return '(DNS Error)'
+
+
+def asn_name_query(asn):
+    """Given an *asn*, return the name."""
+    if asn is None:
+        asn = C.DEFAULT_ASN
+    if 64496 <= asn <= 64511:
+        return ('RFC5398 - Private Use ASN')
+    if 64512 <= asn <= 65535 or 4200000000 <= asn <= 4294967295:
+        return ('RFC6996 - Private Use ASN')
+    try:
+        query = 'as{number}.asn.cymru.com'.format(number=str(asn))
+        resolver = dns.resolver.Resolver()
+        answers = resolver.resolve(query, 'TXT')
+        for rdata in answers:
+            return (str(rdata).split('|')[-1].split(',', 2)[0].strip())
+    except Exception:
+        return '(DNS Error)'
+
+
+def get_ip_json(ip, include_history=True):
+    if '/' in ip:
+        ip = ip.lstrip().rstrip().split('/')[0]
+    try:
+        if ipaddress.ip_address(ip).version == 4:
+            network = find_network(ip, netmask=32)
+        elif ipaddress.ip_address(ip).version == 6:
+            network = find_network(ip, netmask=128)
+    except Exception:
+        try:
+            ipadr = dns_query(ip).strip()
+            if ipaddress.ip_address(ipadr).version == 4:
+                network = find_network(ipadr, netmask=32)
+            elif ipaddress.ip_address(ipadr).version == 6:
+                network = find_network(ipadr, netmask=128)
+        except Exception as e:
+            return jsonify(str(e))
+    if network:
+        if include_history:
+            history = network['history']
+        else:
+            history = request.base_url + '/history'
+        return {'prefix': network['_id'],
+                'ip_version': network['ip_version'],
+                'is_transit': is_transit(network),
+                'origin_asn': network['origin_asn'],
+                'name': asn_name_query(network['origin_asn']),
+                'nexthop': network['nexthop'],
+                'nexthop_ip_dns': reverse_dns_query(network['nexthop']),
+                'nexthop_asn': network['nexthop_asn'],
+                'as_path': network['as_path'],
+                'med': network['med'],
+                'local_pref': network['local_pref'],
+                'communities': network['communities'],
+                'route_origin': network['route_origin'],
+                'atomic_aggregate': network['atomic_aggregate'],
+                'aggregator_as': network['aggregator_as'],
+                'aggregator_address': network['aggregator_address'],
+                'originator_id': network['originator_id'],
+                'originator_id_dns': reverse_dns_query(network['originator_id']),
+                'cluster_list': network['cluster_list'],
+                'age': network['age'],
+                'history': history}
+    else:
+        return {}
diff --git a/flask/app/requirements.txt b/flask/app/requirements.txt
new file mode 100644
index 0000000..b808cc1
--- /dev/null
+++ b/flask/app/requirements.txt
@@ -0,0 +1,9 @@
+uwsgi >= 2.0.26
+flask >= 3.0.3
+requests >= 2.32.3
+apscheduler >= 3.10.4
+pytz >= 2024.1
+
+pymongo >= 4.8.0
+dnspython >= 2.6.1
+ipaddress >= 1.0.23
diff --git a/flask/app/static/css/custom.css b/flask/app/static/css/custom.css
new file mode 100644
index 0000000..bde6269
--- /dev/null
+++ b/flask/app/static/css/custom.css
@@ -0,0 +1,3989 @@
+.jqstooltip {
+  width: auto !important;
+  height: auto !important;
+}
+.daterangepicker .ranges li {
+  color: #73879C; }
+  .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
+    background: #536A7F;
+    border: 1px solid #536A7F;
+    color: #fff; }
+.daterangepicker .input-mini {
+  background-color: #eee;
+  border: 1px solid #ccc;
+  box-shadow: none !important; }
+  .daterangepicker .input-mini.active {
+    border: 1px solid #ccc; }
+.daterangepicker select.monthselect, .daterangepicker select.yearselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
+  font-size: 12px;
+  padding: 1px;
+  height: auto;
+  margin: 0;
+  cursor: default;
+  height: 30px;
+  border: 1px solid #ADB2B5;
+  line-height: 30px;
+  border-radius: 0px !important; }
+.daterangepicker select.monthselect {
+  margin-right: 2%; }
+.daterangepicker td.in-range {
+  background: #E4E7EA;
+  color: #73879C; }
+.daterangepicker td.active, .daterangepicker td.active:hover {
+  background-color: #536A7F;
+  color: #fff; }
+.daterangepicker th.available:hover {
+  background: #eee;
+  color: #34495E; }
+.daterangepicker:before, .daterangepicker:after {
+  content: none; }
+.daterangepicker .calendar.single {
+  margin: 0 0 4px 0; }
+  .daterangepicker .calendar.single .calendar-table {
+    width: 224px;
+    padding: 0 0 4px 0 !important; }
+    .daterangepicker .calendar.single .calendar-table thead tr:first-child th {
+      padding: 8px 5px; }
+    .daterangepicker .calendar.single .calendar-table thead th {
+      border-radius: 0; }
+.daterangepicker.picker_1 {
+  color: #fff;
+  background: #34495E; }
+  .daterangepicker.picker_1 .calendar-table {
+    background: #34495E; }
+    .daterangepicker.picker_1 .calendar-table thead tr {
+      background: #213345; }
+    .daterangepicker.picker_1 .calendar-table thead tr:first-child {
+      background: #1ABB9C; }
+    .daterangepicker.picker_1 .calendar-table td.off {
+      background: #34495E;
+      color: #999; }
+    .daterangepicker.picker_1 .calendar-table td.available:hover {
+      color: #34495E; }
+.daterangepicker.picker_2 .calendar-table thead tr {
+  color: #1ABB9C; }
+.daterangepicker.picker_2 .calendar-table thead tr:first-child {
+  color: #73879C; }
+.daterangepicker.picker_3 .calendar-table thead tr:first-child {
+  color: #fff;
+  background: #1ABB9C; }
+.daterangepicker.picker_4 .calendar-table thead tr:first-child {
+  color: #fff;
+  background: #34495E; }
+.daterangepicker.picker_4 .calendar-table td, .daterangepicker.picker_4 .calendar-table td.off {
+  background: #ECF0F1;
+  border: 1px solid #fff;
+  border-radius: 0; }
+.daterangepicker.picker_4 .calendar-table td.active {
+  background: #34495E; }
+
+.calendar-exibit .show-calendar {
+  float: none;
+  display: block;
+  position: relative;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  margin-bottom: 20px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  overflow: hidden; }
+  .calendar-exibit .show-calendar .calendar {
+    margin: 0 0 4px 0; }
+  .calendar-exibit .show-calendar.picker_1 {
+    background: #34495E; }
+.calendar-exibit .calendar-table {
+  padding: 0 0 4px 0; }
+
+@charset "UTF-8";
+.left_col {
+  background: #2A3F54; }
+
+.nav-sm .container.body .col-md-3.left_col {
+  min-height: 100%;
+  width: 70px;
+  padding: 0;
+  z-index: 9999;
+  position: absolute; }
+
+.nav-sm .container.body .col-md-3.left_col.menu_fixed {
+  position: fixed;
+  height: 100%; }
+
+.nav-sm .container.body .col-md-3.left_col .mCSB_container,
+.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
+  overflow: visible; }
+
+.nav-sm .hidden-small {
+  visibility: hidden; }
+
+.nav-sm .container.body .right_col {
+  padding: 10px 20px;
+  margin-left: 70px;
+  z-index: 2; }
+
+.nav-sm .navbar.nav_title {
+  width: 70px; }
+
+.nav-sm .navbar.nav_title a span {
+  display: none; }
+
+.nav-sm .navbar.nav_title a i {
+  font-size: 27px;
+  margin: 13px 0 0 3px; }
+
+.site_title i {
+  border: 1px solid #EAEAEA;
+  padding: 5px 6px;
+  border-radius: 50%; }
+
+.nav-sm .main_container .top_nav {
+  display: block;
+  margin-left: 70px;
+  z-index: 2; }
+
+.nav-sm .nav.side-menu li a {
+  text-align: center !important;
+  font-weight: 400;
+  font-size: 10px;
+  padding: 10px 5px; }
+
+.nav-sm .nav.child_menu li.active,
+.nav-sm .nav.side-menu li.active-sm {
+  border-right: 5px solid #1ABB9C; }
+
+.nav-sm ul.nav.child_menu ul,
+.nav-sm .nav.side-menu li.active-sm ul ul {
+  position: static;
+  width: 200px;
+  background: none; }
+
+.nav-sm > .nav.side-menu > li.active-sm > a {
+  color: #1ABB9C !important; }
+
+.nav-sm .nav.side-menu li a i.toggle-up {
+  display: none !important; }
+
+.nav-sm .nav.side-menu li a i {
+  font-size: 25px !important;
+  text-align: center;
+  width: 100% !important;
+  margin-bottom: 5px; }
+
+.nav-sm ul.nav.child_menu {
+  left: 100%;
+  position: absolute;
+  top: 0;
+  width: 210px;
+  z-index: 4000;
+  background: #3E5367;
+  display: none; }
+
+.nav-sm ul.nav.child_menu li {
+  padding: 0 10px; }
+
+.nav-sm ul.nav.child_menu li a {
+  text-align: left !important; }
+
+.nav-sm .profile {
+  display: none; }
+
+.menu_section {
+  margin-bottom: 35px; }
+
+.menu_section h3 {
+  padding-left: 23px;
+  color: #fff;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  font-weight: bold;
+  font-size: 11px;
+  margin-bottom: 0;
+  margin-top: 0;
+  text-shadow: 1px 1px #000; }
+
+.menu_section > ul {
+  margin-top: 10px; }
+
+.profile_pic {
+  width: 35%;
+  float: left; }
+
+.img-circle.profile_img {
+  width: 70%;
+  background: #fff;
+  margin-left: 15%;
+  z-index: 1000;
+  position: inherit;
+  margin-top: 20px;
+  border: 1px solid rgba(52, 73, 94, 0.44);
+  padding: 4px; }
+
+.profile_info {
+  padding: 25px 10px 10px;
+  width: 65%;
+  float: left; }
+
+.profile_info span {
+  font-size: 13px;
+  line-height: 30px;
+  color: #BAB8B8; }
+
+.profile_info h2 {
+  font-size: 14px;
+  color: #ECF0F1;
+  margin: 0;
+  font-weight: 300; }
+
+.profile.img_2 {
+  text-align: center; }
+
+.profile.img_2 .profile_pic {
+  width: 100%; }
+
+.profile.img_2 .profile_pic .img-circle.profile_img {
+  width: 50%;
+  margin: 10px 0 0; }
+
+.profile.img_2 .profile_info {
+  padding: 15px 10px 0;
+  width: 100%;
+  margin-bottom: 10px;
+  float: left; }
+
+.main_menu span.fa {
+  float: right;
+  text-align: center;
+  margin-top: 5px;
+  font-size: 10px;
+  min-width: inherit;
+  color: #C4CFDA; }
+
+.active a span.fa {
+  text-align: right !important;
+  margin-right: 4px; }
+
+.nav-sm .menu_section {
+  margin: 0; }
+
+.nav-sm span.fa,
+.nav-sm .menu_section h3 {
+  display: none; }
+
+.nav-sm li li span.fa {
+  display: inline-block; }
+
+.nav_menu {
+  float: left;
+  background: #EDEDED;
+  border-bottom: 1px solid #D9DEE4;
+  margin-bottom: 10px;
+  width: 100%;
+  position: relative; }
+
+@media (min-width: 480px) {
+  .nav_menu {
+    position: static; } }
+.nav-md .container.body .col-md-3.left_col {
+  min-height: 100%;
+  width: 230px;
+  padding: 0;
+  position: absolute;
+  display: -ms-flexbox;
+  display: flex;
+  z-index: 1; }
+
+.nav-md .container.body .col-md-3.left_col.menu_fixed {
+  height: 100%;
+  position: fixed; }
+
+body .container.body .right_col {
+  background: #F7F7F7; }
+
+.nav-md .container.body .right_col {
+  padding: 10px 20px 0;
+  margin-left: 0px; }
+
+.nav_title {
+  width: 230px;
+  float: left;
+  background: #2A3F54;
+  border-radius: 0;
+  height: 57px; }
+
+@media (max-width: 991px) {
+  .nav-md .container.body .right_col, .nav-md .container.body .top_nav {
+    width: 100%;
+    margin: 0; }
+
+  .nav-md .container.body .col-md-3.left_col {
+    display: none; }
+
+  .nav-md .container.body .right_col {
+    width: 100%;
+    padding-right: 0; }
+
+  .right_col {
+    padding: 10px !important; } }
+@media (max-width: 1200px) {
+  .x_title h2 {
+    width: 62%;
+    font-size: 17px; }
+
+  .tile, .graph {
+    zoom: 85%;
+    height: inherit; } }
+@media (max-width: 1270px) and (min-width: 192px) {
+  .x_title h2 small {
+    display: none; } }
+.left_col .mCSB_scrollTools {
+  width: 6px; }
+
+.left_col .mCSB_dragger {
+  max-height: 400px !important; }
+
+/**  ------------------------------------------  **/
+.blue {
+  color: #3498DB; }
+
+.purple {
+  color: #9B59B6; }
+
+.green {
+  color: #1ABB9C; }
+
+.aero {
+  color: #9CC2CB; }
+
+.red {
+  color: #E74C3C; }
+
+.dark {
+  color: #34495E; }
+
+.border-blue {
+  border-color: #3498DB !important; }
+
+.border-purple {
+  border-color: #9B59B6 !important; }
+
+.border-green {
+  border-color: #1ABB9C !important; }
+
+.border-aero {
+  border-color: #9CC2CB !important; }
+
+.border-red {
+  border-color: #E74C3C !important; }
+
+.border-dark {
+  border-color: #34495E !important; }
+
+.bg-white {
+  background: #fff !important;
+  border: 1px solid #fff !important;
+  color: #73879C; }
+
+.bg-green {
+  background: #1ABB9C !important;
+  border: 1px solid #1ABB9C !important;
+  color: #fff; }
+
+.bg-red {
+  background: #E74C3C !important;
+  border: 1px solid #E74C3C !important;
+  color: #fff; }
+
+.bg-blue {
+  background: #3498DB !important;
+  border: 1px solid #3498DB !important;
+  color: #fff; }
+
+.bg-orange {
+  background: #F39C12 !important;
+  border: 1px solid #F39C12 !important;
+  color: #fff; }
+
+.bg-purple {
+  background: #9B59B6 !important;
+  border: 1px solid #9B59B6 !important;
+  color: #fff; }
+
+.bg-blue-sky {
+  background: #50C1CF !important;
+  border: 1px solid #50C1CF !important;
+  color: #fff; }
+
+.container {
+  width: 100%;
+  padding: 0; }
+
+.navbar-nav > li > a, .navbar-brand, .navbar-nav > li > a {
+  color: #fff !important; }
+
+.top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover, .top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover {
+  background: #D9DEE4; }
+
+body {
+  color: #73879C;
+  background: #2A3F54;
+  font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 1.471; }
+
+.main_container .top_nav {
+  display: block;
+  margin-left: 0px; }
+
+.no-padding {
+  padding: 0 !important; }
+
+.page-title {
+  width: 100%;
+  height: 65px;
+  padding: 10px 0; }
+
+.page-title .title_left {
+  width: 45%;
+  float: left;
+  display: block; }
+
+.page-title .title_left h3 {
+  margin: 9px 0; }
+
+.page-title .title_right {
+  width: 55%;
+  float: left;
+  display: block; }
+
+.page-title .title_right .pull-right {
+  margin: 10px 0; }
+
+.fixed_height_320 {
+  height: 320px; }
+
+.fixed_height_390 {
+  height: 390px; }
+
+.fixed_height_200 {
+  height: 200px; }
+
+.overflow_hidden {
+  overflow: hidden; }
+
+.progress-bar-dark {
+  background-color: #34495E !important; }
+
+.progress-bar-gray {
+  background-color: #BDC3C7 !important; }
+
+table.no-margin .progress {
+  margin-bottom: 0; }
+
+.main_content {
+  padding: 10px 20px; }
+
+.col-md-55 {
+  width: 50%;
+  margin-bottom: 10px; }
+
+@media (min-width: 768px) {
+  .col-md-55 {
+    width: 20%; } }
+@media (min-width: 992px) {
+  .col-md-55 {
+    width: 20%; } }
+@media (min-width: 1200px) {
+  .col-md-55 {
+    width: 20%; } }
+@media (min-width: 192px) and (max-width: 1270px) {
+  table.tile_info span.right {
+    margin-right: 7px;
+    float: left; } }
+.center-margin {
+  margin: 0 auto;
+  float: none !important; }
+
+.col-md-55, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
+  position: relative;
+  min-height: 1px;
+  float: left;
+  padding-right: 10px;
+  padding-left: 10px; }
+
+.row {
+  margin-right: -10px;
+  margin-left: -10px; }
+
+.grid_slider .col-md-6 {
+  padding: 0 40px; }
+
+h1, .h1, h2, .h2, h3, .h3 {
+  margin-top: 10px;
+  margin-bottom: 10px; }
+
+a {
+  color: #5A738E;
+  text-decoration: none; }
+
+a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
+  outline: 0; }
+
+a:hover, a:focus {
+  text-decoration: none; }
+
+.navbar {
+  margin-bottom: 0; }
+
+.navbar-header {
+  background: #34495E; }
+
+.navbar-right {
+  margin-right: 0; }
+
+.top_nav .navbar-right {
+  margin: 0;
+  width: 70%;
+  float: right; }
+
+.top_nav .nav-menu .navbar-left {
+  color: #5A738E;
+  margin: 10000;
+  width: 70%;
+  float: right; }
+
+.top_nav .navbar-right li {
+  display: inline-block;
+  float: right;
+  position: static; }
+
+@media (min-width: 480px) {
+  .top_nav .navbar-right li {
+    position: relative; } }
+.top_nav .dropdown-menu li {
+  width: 100%; }
+
+.top_nav .dropdown-menu li a {
+  width: 100%;
+  padding: 12px 20px; }
+
+.top_nav li a i {
+  font-size: 15px; }
+
+.navbar-static-top {
+  position: fixed;
+  top: 0;
+  width: 100%; }
+
+.sidebar-header {
+  border-bottom: 0;
+  margin-top: 46px; }
+
+.sidebar-header:first-of-type {
+  margin-top: 0; }
+
+.nav.side-menu > li {
+  position: relative;
+  display: block;
+  cursor: pointer; }
+
+.nav.side-menu > li > a {
+  margin-bottom: 6px; }
+
+.nav.side-menu > li > a:hover {
+  color: #F2F5F7 !important; }
+
+.nav.side-menu > li > a:hover, .nav > li > a:focus {
+  text-decoration: none;
+  background: transparent; }
+
+.nav.child_menu {
+  display: none; }
+
+.nav.child_menu li:hover,
+.nav.child_menu li.active {
+  background-color: rgba(255, 255, 255, 0.06); }
+
+.nav.child_menu li {
+  padding-left: 36px; }
+
+.nav-md ul.nav.child_menu li:before {
+  background: #425668;
+  bottom: auto;
+  content: "";
+  height: 8px;
+  left: 23px;
+  margin-top: 15px;
+  position: absolute;
+  right: auto;
+  width: 8px;
+  z-index: 1;
+  border-radius: 50%; }
+
+.nav-md ul.nav.child_menu li:after {
+  border-left: 1px solid #425668;
+  bottom: 0;
+  content: "";
+  left: 27px;
+  position: absolute;
+  top: 0; }
+
+.nav.side-menu > li > a, .nav.child_menu > li > a {
+  color: #E7E7E7;
+  font-weight: 500; }
+
+.nav.child_menu li li:hover,
+.nav.child_menu li li.active {
+  background: none; }
+
+.nav.child_menu li li a:hover,
+.nav.child_menu li li a.active {
+  color: #fff; }
+
+.nav > li > a {
+  position: relative;
+  display: block;
+  padding: 13px 15px 12px; }
+
+.nav.side-menu > li.current-page, .nav.side-menu > li.active {
+  border-right: 5px solid #1ABB9C; }
+
+.nav li.current-page {
+  background: rgba(255, 255, 255, 0.05); }
+
+.nav li li li.current-page {
+  background: none; }
+
+.nav li li.current-page a {
+  color: #fff; }
+
+.nav.side-menu > li.active > a {
+  text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
+  background: linear-gradient(#334556, #2C4257), #2A3F54;
+  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0; }
+
+.navbar-brand, .navbar-nav > li > a {
+  font-weight: 500;
+  color: #ECF0F1 !important;
+  margin-left: 0 !important;
+  line-height: 32px; }
+
+.site_title {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-weight: 400;
+  font-size: 22px;
+  width: 100%;
+  color: #ECF0F1 !important;
+  margin-left: 0 !important;
+  line-height: 59px;
+  display: block;
+  height: 55px;
+  margin: 0;
+  padding-left: 10px; }
+
+.site_title:hover, .site_title:focus {
+  text-decoration: none; }
+
+.nav.navbar-nav > li > a {
+  color: #515356 !important; }
+
+.nav.top_menu > li > a {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  color: #34495E !important; }
+
+.nav > li > a:hover, .nav > li > a:focus {
+  background-color: transparent; }
+
+.top_search {
+  padding: 0; }
+
+.top_search .form-control {
+  border-right: 0;
+  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
+  border-radius: 25px 0px 0px 25px;
+  padding-left: 20px;
+  border: 1px solid rgba(221, 226, 232, 0.49); }
+
+.top_search .form-control:focus {
+  border: 1px solid rgba(221, 226, 232, 0.49);
+  border-right: 0; }
+
+.top_search .input-group-btn button {
+  border-radius: 0px 25px 25px 0px;
+  border: 1px solid rgba(221, 226, 232, 0.49);
+  border-left: 0;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  color: #93A2B2;
+  margin-bottom: 0 !important; }
+
+.toggle {
+  float: left;
+  margin: 0;
+  padding-top: 16px;
+  width: 70px; }
+
+.toggle a {
+  padding: 15px 15px 0;
+  margin: 0;
+  cursor: pointer; }
+
+.toggle a i {
+  font-size: 26px; }
+
+.nav.child_menu > li > a {
+  color: rgba(255, 255, 255, 0.75);
+  font-size: 12px;
+  padding: 9px; }
+
+.panel_toolbox {
+  float: right;
+  min-width: 70px; }
+
+.panel_toolbox > li {
+  float: left;
+  cursor: pointer; }
+
+.panel_toolbox > li > a {
+  padding: 5px;
+  color: #C5C7CB;
+  font-size: 14px; }
+
+.panel_toolbox > li > a:hover {
+  background: #F5F7FA; }
+
+.line_30 {
+  line-height: 30px; }
+
+.main_menu_side {
+  padding: 0; }
+
+.bs-docs-sidebar .nav > li > a {
+  display: block;
+  padding: 4px 6px; }
+
+footer {
+  background: #fff;
+  padding: 15px 20px;
+  display: block; }
+
+.nav-sm footer {
+  margin-left: 70px; }
+
+.footer_fixed footer {
+  position: fixed;
+  left: 0px;
+  bottom: 0px;
+  width: 100%; }
+
+@media (min-width: 768px) {
+  .footer_fixed footer {
+    margin-left: 0; } }
+@media (min-width: 768px) {
+  .footer_fixed .nav-sm footer {
+    margin-left: 0; } }
+.tile-stats.sparkline {
+  padding: 10px;
+  text-align: center; }
+
+.jqstooltip {
+  background: #34495E !important;
+  width: 30px !important;
+  height: 22px !important;
+  text-decoration: none; }
+
+.tooltip {
+  display: block !important; }
+
+.tiles {
+  border-top: 1px solid #ccc;
+  margin-top: 15px;
+  padding-top: 5px;
+  margin-bottom: 0; }
+
+.tile {
+  overflow: hidden; }
+
+.top_tiles {
+  margin-bottom: 0; }
+
+.top_tiles .tile h2 {
+  font-size: 30px;
+  line-height: 30px;
+  margin: 3px 0 7px;
+  font-weight: bold; }
+
+article.media {
+  width: 100%; }
+
+/* *********  custom accordion  **************************** */
+*, *:before, *:after {
+  box-sizing: border-box; }
+
+#integration-list {
+  width: 100%;
+  margin: 0 auto;
+  display: table; }
+
+#integration-list ul {
+  padding: 0;
+  margin: 20px 0;
+  color: #555; }
+
+#integration-list ul > li {
+  list-style: none;
+  border-top: 1px solid #ddd;
+  display: block;
+  padding: 15px;
+  overflow: hidden; }
+
+#integration-list ul:last-child {
+  border-bottom: 1px solid #ddd; }
+
+#integration-list ul > li:hover {
+  background: #efefef; }
+
+.expand {
+  display: block;
+  text-decoration: none;
+  color: #555;
+  cursor: pointer; }
+
+.expand h2 {
+  width: 85%;
+  float: left; }
+
+h2 {
+  font-size: 18px;
+  font-weight: 400; }
+
+#left, #right {
+  display: table; }
+
+#sup {
+  display: table-cell;
+  vertical-align: middle;
+  width: 80%; }
+
+.detail a {
+  text-decoration: none;
+  color: #C0392B;
+  border: 1px solid #C0392B;
+  padding: 6px 10px 5px;
+  font-size: 13px;
+  margin-right: 7px; }
+
+.detail {
+  margin: 10px 0 10px 0px;
+  display: none;
+  line-height: 22px;
+  height: 150px; }
+
+.detail span {
+  margin: 0; }
+
+.right-arrow {
+  width: 10px;
+  float: right;
+  font-weight: bold;
+  font-size: 20px; }
+
+.accordion .panel {
+  margin-bottom: 5px;
+  border-radius: 0;
+  border-bottom: 1px solid #efefef; }
+
+.accordion .panel-heading {
+  background: #F2F5F7;
+  padding: 13px;
+  width: 100%;
+  display: block; }
+
+.accordion .panel:hover {
+  background: #F2F5F7; }
+
+.x_panel {
+  position: relative;
+  width: 100%;
+  margin-bottom: 10px;
+  padding: 10px 17px;
+  display: inline-block;
+  background: #fff;
+  border: 1px solid #E6E9ED;
+  -webkit-column-break-inside: avoid;
+  -moz-column-break-inside: avoid;
+  column-break-inside: avoid;
+  opacity: 1;
+  transition: all .2s ease; }
+
+.x_title {
+  border-bottom: 2px solid #E6E9ED;
+  padding: 1px 5px 6px;
+  margin-bottom: 10px; }
+
+.x_title .filter {
+  width: 40%;
+  float: right; }
+
+.x_title h2 {
+  margin: 5px 0 6px;
+  float: left;
+  display: block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap; }
+
+.x_title h2 small {
+  margin-left: 10px; }
+
+.x_title span {
+  color: #BDBDBD; }
+
+.x_content {
+  padding: 0 5px 6px;
+  position: relative;
+  width: 100%;
+  float: left;
+  clear: both;
+  margin-top: 5px; }
+
+.x_content h4 {
+  font-size: 16px;
+  font-weight: 500; }
+
+legend {
+  padding-bottom: 7px; }
+
+.demo-placeholder {
+  height: 280px; }
+
+/** Contacts **/
+.profile_details:nth-child(3n) {
+  clear: both; }
+
+.profile_details .profile_view {
+  display: inline-block;
+  padding: 10px 0 0;
+  background: #fff; }
+
+.profile_details .profile_view .divider {
+  border-top: 1px solid #e5e5e5;
+  padding-top: 5px;
+  margin-top: 5px; }
+
+.profile_details .profile_view .ratings {
+  margin-bottom: 0; }
+
+.profile_details .profile_view .bottom {
+  background: #F2F5F7;
+  padding: 9px 0;
+  border-top: 1px solid #E6E9ED; }
+
+.profile_details .profile_view .left {
+  margin-top: 20px; }
+
+.profile_details .profile_view .left p {
+  margin-bottom: 3px; }
+
+.profile_details .profile_view .right {
+  margin-top: 0px;
+  padding: 10px; }
+
+.profile_details .profile_view .img-circle {
+  border: 1px solid #E6E9ED;
+  padding: 2px; }
+
+.profile_details .profile_view h2 {
+  margin: 5px 0; }
+
+.profile_details .profile_view .ratings {
+  text-align: left;
+  font-size: 16px; }
+
+.profile_details .profile_view .brief {
+  margin: 0;
+  font-weight: 300; }
+
+.profile_details .profile_left {
+  background: white; }
+
+.pagination.pagination-split li {
+  display: inline-block;
+  margin-right: 3px; }
+
+.pagination.pagination-split li a {
+  border-radius: 4px;
+  color: #768399;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px; }
+
+/** Contacts **/
+/* *********  /custom accordion  **************************** */
+/* *********  dashboard widget  **************************** */
+table.tile h3, table.tile h4, table.tile span {
+  font-weight: bold;
+  vertical-align: middle !important; }
+
+table.tile th, table.tile td {
+  text-align: center; }
+
+table.tile th {
+  border-bottom: 1px solid #E6ECEE; }
+
+table.tile td {
+  padding: 5px 0; }
+
+table.tile td ul {
+  text-align: left;
+  padding-left: 0; }
+
+table.tile td ul li {
+  list-style: none;
+  width: 100%; }
+
+table.tile td ul li a {
+  width: 100%; }
+
+table.tile td ul li a big {
+  right: 0;
+  float: right;
+  margin-right: 13px; }
+
+table.tile_info {
+  width: 100%; }
+
+table.tile_info td {
+  text-align: left;
+  padding: 1px;
+  font-size: 15px; }
+
+table.tile_info td p {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin: 0;
+  line-height: 28px; }
+
+table.tile_info td i {
+  margin-right: 8px;
+  font-size: 17px;
+  float: left;
+  width: 18px;
+  line-height: 28px; }
+
+table.tile_info td:first-child {
+  width: 83%; }
+
+td span {
+  line-height: 28px; }
+
+.sidebar-widget {
+  overflow: hidden; }
+
+.error-number {
+  font-size: 90px;
+  line-height: 90px;
+  margin: 20px 0; }
+
+.col-middle {
+  margin-top: 5%; }
+
+.mid_center {
+  width: 370px;
+  margin: 0 auto;
+  text-align: center;
+  padding: 10px 20px; }
+
+h3.degrees {
+  font-size: 22px;
+  font-weight: 400;
+  text-align: center; }
+
+.degrees:after {
+  content: "o";
+  position: relative;
+  top: -12px;
+  font-size: 13px;
+  font-weight: 300; }
+
+.daily-weather .day {
+  font-size: 14px;
+  border-top: 2px solid rgba(115, 135, 156, 0.36);
+  text-align: center;
+  border-bottom: 2px solid rgba(115, 135, 156, 0.36);
+  padding: 5px 0; }
+
+.weather-days .col-sm-2 {
+  overflow: hidden;
+  width: 16.66666667%; }
+
+.weather .row {
+  margin-bottom: 0; }
+
+/* *********  tables styling  ******************************* */
+.bulk-actions {
+  display: none; }
+
+table.countries_list {
+  width: 100%; }
+
+table.countries_list td {
+  padding: 0 10px;
+  line-height: 30px;
+  border-top: 1px solid #eeeeee; }
+
+.dataTables_paginate a {
+  padding: 6px 9px !important;
+  background: #ddd !important;
+  border-color: #ddd !important; }
+
+.paging_full_numbers a.paginate_active {
+  background-color: rgba(38, 185, 154, 0.59) !important;
+  border-color: rgba(38, 185, 154, 0.59) !important; }
+
+button.DTTT_button, div.DTTT_button, a.DTTT_button {
+  border: 1px solid #E7E7E7 !important;
+  background: #E7E7E7 !important;
+  box-shadow: none !important; }
+
+table.jambo_table {
+  border: 1px solid rgba(221, 221, 221, 0.78); }
+
+table.jambo_table thead {
+  background: rgba(52, 73, 94, 0.94);
+  color: #ECF0F1; }
+
+table.jambo_table tbody tr:hover td {
+  background: rgba(38, 185, 154, 0.07);
+  border-top: 1px solid rgba(38, 185, 154, 0.11);
+  border-bottom: 1px solid rgba(38, 185, 154, 0.11); }
+
+table.jambo_table tbody tr.selected {
+  background: rgba(38, 185, 154, 0.16); }
+
+table.jambo_table tbody tr.selected td {
+  border-top: 1px solid rgba(38, 185, 154, 0.4);
+  border-bottom: 1px solid rgba(38, 185, 154, 0.4); }
+
+.dataTables_paginate a {
+  background: #ff0000; }
+
+.dataTables_wrapper {
+  position: relative;
+  clear: both;
+  zoom: 1; }
+
+.dataTables_processing {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 250px;
+  height: 30px;
+  margin-left: -125px;
+  margin-top: -15px;
+  padding: 14px 0 2px 0;
+  border: 1px solid #ddd;
+  text-align: center;
+  color: #999;
+  font-size: 14px;
+  background-color: white; }
+
+.dataTables_length {
+  width: 40%;
+  float: left; }
+
+.dataTables_filter {
+  width: 50%;
+  float: right;
+  text-align: right; }
+
+.dataTables_info {
+  width: 60%;
+  float: left; }
+
+.dataTables_paginate {
+  float: right;
+  text-align: right; }
+
+table.dataTable th.focus,
+table.dataTable td.focus {
+  outline: 2px solid #1ABB9C !important;
+  outline-offset: -1px; }
+
+table.display {
+  margin: 0 auto;
+  clear: both;
+  width: 100%; }
+
+table.display thead th {
+  padding: 8px 18px 8px 10px;
+  border-bottom: 1px solid black;
+  font-weight: bold;
+  cursor: pointer; }
+
+table.display tfoot th {
+  padding: 3px 18px 3px 10px;
+  border-top: 1px solid black;
+  font-weight: bold; }
+
+table.display tr.heading2 td {
+  border-bottom: 1px solid #aaa; }
+
+table.display td {
+  padding: 3px 10px; }
+
+table.display td.center {
+  text-align: center; }
+
+table.display thead th:active, table.display thead td:active {
+  outline: none; }
+
+.dataTables_scroll {
+  clear: both; }
+
+.dataTables_scrollBody {
+  *margin-top: -1px;
+  -webkit-overflow-scrolling: touch; }
+
+.top .dataTables_info {
+  float: none; }
+
+.clear {
+  clear: both; }
+
+.dataTables_empty {
+  text-align: center; }
+
+tfoot input {
+  margin: 0.5em 0;
+  width: 100%;
+  color: #444; }
+
+tfoot input.search_init {
+  color: #999; }
+
+td.group {
+  background-color: #d1cfd0;
+  border-bottom: 2px solid #A19B9E;
+  border-top: 2px solid #A19B9E; }
+
+td.details {
+  background-color: #d1cfd0;
+  border: 2px solid #A19B9E; }
+
+.example_alt_pagination div.dataTables_info {
+  width: 40%; }
+
+.paging_full_numbers {
+  width: 400px;
+  height: 22px;
+  line-height: 22px; }
+
+.paging_full_numbers a:active {
+  outline: none; }
+
+.paging_full_numbers a:hover {
+  text-decoration: none; }
+
+.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
+  border: 1px solid #aaa;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  padding: 2px 5px;
+  margin: 0 3px;
+  cursor: pointer; }
+
+.paging_full_numbers a.paginate_button {
+  background-color: #ddd; }
+
+.paging_full_numbers a.paginate_button:hover {
+  background-color: #ccc;
+  text-decoration: none !important; }
+
+.paging_full_numbers a.paginate_active {
+  background-color: #99B3FF; }
+
+table.display tr.even.row_selected td {
+  background-color: #B0BED9; }
+
+table.display tr.odd.row_selected td {
+  background-color: #9FAFD1; }
+
+div.box {
+  height: 100px;
+  padding: 10px;
+  overflow: auto;
+  border: 1px solid #8080FF;
+  background-color: #E5E5FF; }
+
+/* *********  /tables styling  ****************************** */
+/* *********  /dashboard widget  **************************** */
+/* *********  widgets  *************************************** */
+ul.msg_list li {
+  background: #f7f7f7;
+  padding: 5px;
+  display: -ms-flexbox;
+  display: flex;
+  margin: 6px 6px 0;
+  width: 96% !important; }
+
+ul.msg_list li:last-child {
+  margin-bottom: 6px;
+  padding: 10px; }
+
+ul.msg_list li a {
+  padding: 3px 5px !important; }
+
+ul.msg_list li a .image img {
+  border-radius: 2px 2px 2px 2px;
+  -webkit-border-radius: 2px 2px 2px 2px;
+  float: left;
+  margin-right: 10px;
+  width: 11%; }
+
+ul.msg_list li a .time {
+  font-size: 11px;
+  font-style: italic;
+  font-weight: bold;
+  position: absolute;
+  right: 35px; }
+
+ul.msg_list li a .message {
+  display: block !important;
+  font-size: 11px; }
+
+.dropdown-menu.msg_list span {
+  white-space: normal; }
+
+.dropdown-menu {
+  border: medium none;
+  box-shadow: none;
+  display: none;
+  float: left;
+  font-size: 12px;
+  left: 0;
+  list-style: none outside none;
+  padding: 0;
+  position: absolute;
+  text-shadow: none;
+  top: 100%;
+  z-index: 9998;
+  border: 1px solid #D9DEE4;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0; }
+
+.dropdown-menu > li > a {
+  color: #5A738E; }
+
+.navbar-nav .open .dropdown-menu {
+  position: absolute;
+  background: #fff;
+  margin-top: 0;
+  border: 1px solid #D9DEE4;
+  -webkit-box-shadow: none;
+  right: 0;
+  left: auto;
+  width: 220px; }
+
+.navbar-nav .open .dropdown-menu.msg_list {
+  width: 300px; }
+
+.info-number .badge {
+  font-size: 10px;
+  font-weight: normal;
+  line-height: 13px;
+  padding: 2px 6px;
+  position: absolute;
+  right: 2px;
+  top: 8px; }
+
+ul.to_do {
+  padding: 0; }
+
+ul.to_do li {
+  background: #f3f3f3;
+  border-radius: 3px;
+  position: relative;
+  padding: 7px;
+  margin-bottom: 5px;
+  list-style: none; }
+
+ul.to_do p {
+  margin: 0; }
+
+.dashboard-widget {
+  background: #f6f6f6;
+  border-top: 5px solid #79C3DF;
+  border-radius: 3px;
+  padding: 5px 10px 10px; }
+
+.dashboard-widget .dashboard-widget-title {
+  font-weight: normal;
+  border-bottom: 1px solid #c1cdcd;
+  margin: 0 0 10px 0;
+  padding-bottom: 5px;
+  padding-left: 40px;
+  line-height: 30px; }
+
+.dashboard-widget .dashboard-widget-title i {
+  font-size: 100%;
+  margin-left: -35px;
+  margin-right: 10px;
+  color: #33a1c9;
+  padding: 3px 6px;
+  border: 1px solid #abd9ea;
+  border-radius: 5px;
+  background: #fff; }
+
+ul.quick-list {
+  width: 45%;
+  padding-left: 0;
+  display: inline-block; }
+
+ul.quick-list li {
+  padding-left: 10px;
+  list-style: none;
+  margin: 0;
+  padding-bottom: 6px;
+  padding-top: 4px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden; }
+
+ul.quick-list li i {
+  padding-right: 10px;
+  color: #757679; }
+
+.dashboard-widget-content {
+  padding-top: 9px; }
+
+.dashboard-widget-content .sidebar-widget {
+  width: 50%;
+  display: inline-block;
+  vertical-align: top;
+  background: #fff;
+  border: 1px solid #abd9ea;
+  border-radius: 5px;
+  text-align: center;
+  float: right;
+  padding: 2px;
+  margin-top: 10px; }
+
+.widget_summary {
+  width: 100%;
+  display: -ms-inline-flexbox;
+  display: inline-flex; }
+
+.widget_summary .w_left {
+  float: left;
+  text-align: left; }
+
+.widget_summary .w_center {
+  float: left; }
+
+.widget_summary .w_right {
+  float: left;
+  text-align: right; }
+
+.widget_summary .w_right span {
+  font-size: 20px; }
+
+.w_20 {
+  width: 20%; }
+
+.w_25 {
+  width: 25%; }
+
+.w_55 {
+  width: 55%; }
+
+h5.graph_title {
+  text-align: left;
+  margin-left: 10px; }
+
+h5.graph_title i {
+  margin-right: 10px;
+  font-size: 17px; }
+
+span.right {
+  float: right;
+  font-size: 14px !important; }
+
+.tile_info a {
+  text-overflow: ellipsis; }
+
+.sidebar-footer {
+  bottom: 0px;
+  clear: both;
+  display: block;
+  padding: 5px 0 0 0;
+  position: fixed;
+  width: 230px;
+  background: #2A3F54; }
+
+.sidebar-footer a {
+  padding: 7px 0 3px;
+  text-align: center;
+  width: 25%;
+  font-size: 17px;
+  display: block;
+  float: left;
+  background: #172D44; }
+
+.sidebar-footer a:hover {
+  background: #425567; }
+
+/** top tiles  */
+.tile_count {
+  margin-bottom: 20px;
+  margin-top: 20px; }
+
+.tile_count .tile_stats_count {
+  border-bottom: 1px solid #D9DEE4;
+  padding: 0 10px 0 20px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  position: relative; }
+
+@media (min-width: 992px) {
+  footer {
+    margin-left: 0px; } }
+@media (min-width: 992px) {
+  .tile_count .tile_stats_count {
+    margin-bottom: 10px;
+    border-bottom: 0;
+    padding-bottom: 10px; } }
+.tile_count .tile_stats_count:before {
+  content: "";
+  position: absolute;
+  left: 0;
+  height: 65px;
+  border-left: 2px solid #ADB2B5;
+  margin-top: 10px; }
+
+@media (min-width: 992px) {
+  .tile_count .tile_stats_count:first-child:before {
+    border-left: 0; } }
+.tile_count .tile_stats_count .count {
+  font-size: 30px;
+  line-height: 47px;
+  font-weight: 600; }
+
+@media (min-width: 768px) {
+  .tile_count .tile_stats_count .count {
+    font-size: 40px; } }
+@media (min-width: 992px) and (max-width: 1100px) {
+  .tile_count .tile_stats_count .count {
+    font-size: 30px; } }
+.tile_count .tile_stats_count span {
+  font-size: 12px; }
+
+@media (min-width: 768px) {
+  .tile_count .tile_stats_count span {
+    font-size: 13px; } }
+.tile_count .tile_stats_count .count_bottom i {
+  width: 12px; }
+
+/** /top tiles **/
+.dashboard_graph {
+  background: #fff;
+  padding: 7px 10px; }
+
+.dashboard_graph .col-md-9, .dashboard_graph .col-md-3 {
+  padding: 0; }
+
+a.user-profile {
+  color: #5E6974 !important; }
+
+.user-profile img {
+  width: 29px;
+  height: 29px;
+  border-radius: 50%;
+  margin-right: 10px; }
+
+ul.top_profiles {
+  height: 330px;
+  width: 100%; }
+
+ul.top_profiles li {
+  margin: 0;
+  padding: 3px 5px; }
+
+ul.top_profiles li:nth-child(odd) {
+  background-color: #eee; }
+
+.media .profile_thumb {
+  border: 1px solid;
+  width: 50px;
+  height: 50px;
+  margin: 5px 10px 5px 0;
+  border-radius: 50%;
+  padding: 9px 12px; }
+
+.media .profile_thumb i {
+  font-size: 30px; }
+
+.media .date {
+  background: #ccc;
+  width: 52px;
+  margin-right: 10px;
+  border-radius: 10px;
+  padding: 5px; }
+
+.media .date .month {
+  margin: 0;
+  text-align: center;
+  color: #fff; }
+
+.media .date .day {
+  text-align: center;
+  color: #fff;
+  font-size: 27px;
+  margin: 0;
+  line-height: 27px;
+  font-weight: bold; }
+
+.event .media-body a.title {
+  font-weight: bold; }
+
+.event .media-body p {
+  margin-bottom: 0; }
+
+h4.graph_title {
+  margin: 7px;
+  text-align: center; }
+
+/* *********  /widgets  *************************************** */
+/* *********  iconts-display  **************************** */
+.fontawesome-icon-list .fa-hover a:hover {
+  background-color: #ddd;
+  color: #fff;
+  text-decoration: none; }
+
+.fontawesome-icon-list .fa-hover a {
+  display: block;
+  line-height: 32px;
+  height: 32px;
+  padding-left: 10px;
+  border-radius: 4px; }
+
+.fontawesome-icon-list .fa-hover a:hover .fa {
+  font-size: 28px;
+  vertical-align: -6px; }
+
+.fontawesome-icon-list .fa-hover a .fa {
+  width: 32px;
+  font-size: 16px;
+  display: inline-block;
+  text-align: right;
+  margin-right: 10px; }
+
+.main_menu .fa {
+  width: 26px;
+  opacity: .99;
+  display: inline-block;
+  font-family: FontAwesome;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 18px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+/* *********  /iconts-display  **************************** */
+/** tile stats **/
+.tile-stats {
+  position: relative;
+  display: block;
+  margin-bottom: 12px;
+  border: 1px solid #E4E4E4;
+  -webkit-border-radius: 5px;
+  overflow: hidden;
+  padding-bottom: 5px;
+  -webkit-background-clip: padding-box;
+  -moz-border-radius: 5px;
+  -moz-background-clip: padding;
+  border-radius: 5px;
+  background-clip: padding-box;
+  background: #FFF;
+  transition: all 300ms ease-in-out; }
+
+.tile-stats:hover .icon i {
+  animation-name: tansformAnimation;
+  animation-duration: .5s;
+  animation-iteration-count: 1;
+  color: rgba(58, 58, 58, 0.41);
+  animation-timing-function: ease;
+  animation-fill-mode: forwards;
+  -webkit-animation-name: tansformAnimation;
+  -webkit-animation-duration: .5s;
+  -webkit-animation-iteration-count: 1;
+  -webkit-animation-timing-function: ease;
+  -webkit-animation-fill-mode: forwards;
+  -moz-animation-name: tansformAnimation;
+  -moz-animation-duration: .5s;
+  -moz-animation-iteration-count: 1;
+  -moz-animation-timing-function: ease;
+  -moz-animation-fill-mode: forwards; }
+
+.tile-stats .icon {
+  width: 20px;
+  height: 20px;
+  color: #BAB8B8;
+  position: absolute;
+  right: 53px;
+  top: 22px;
+  z-index: 1; }
+
+.tile-stats .icon i {
+  margin: 0;
+  font-size: 60px;
+  line-height: 0;
+  vertical-align: bottom;
+  padding: 0; }
+
+.tile-stats .count {
+  font-size: 38px;
+  font-weight: bold;
+  line-height: 1.65857; }
+
+.tile-stats .count, .tile-stats h3, .tile-stats p {
+  position: relative;
+  margin: 0;
+  margin-left: 10px;
+  z-index: 5;
+  padding: 0; }
+
+.tile-stats h3 {
+  color: #BAB8B8; }
+
+.tile-stats p {
+  margin-top: 5px;
+  font-size: 12px; }
+
+.tile-stats > .dash-box-footer {
+  position: relative;
+  text-align: center;
+  margin-top: 5px;
+  padding: 3px 0;
+  color: #fff;
+  color: rgba(255, 255, 255, 0.8);
+  display: block;
+  z-index: 10;
+  background: rgba(0, 0, 0, 0.1);
+  text-decoration: none; }
+
+.tile-stats > .dash-box-footer:hover {
+  color: #fff;
+  background: rgba(0, 0, 0, 0.15); }
+
+.tile-stats > .dash-box-footer:hover {
+  color: #fff;
+  background: rgba(0, 0, 0, 0.15); }
+
+table.tile_info {
+  padding: 10px 15px; }
+
+table.tile_info span.right {
+  margin-right: 0;
+  float: right;
+  position: absolute;
+  right: 4%; }
+
+.tile:hover {
+  text-decoration: none; }
+
+.tile_header {
+  border-bottom: transparent;
+  padding: 7px 15px;
+  margin-bottom: 15px;
+  background: #E7E7E7; }
+
+.tile_head h4 {
+  margin-top: 0;
+  margin-bottom: 5px; }
+
+.tiles-bottom {
+  padding: 5px 10px;
+  margin-top: 10px;
+  background: rgba(194, 194, 194, 0.3);
+  text-align: left; }
+
+/** /tile stats **/
+/** inbox **/
+a.star {
+  color: #428bca !important; }
+
+.mail_content {
+  background: none repeat scroll 0 0 #FFFFFF;
+  border-radius: 4px;
+  margin-top: 20px;
+  min-height: 500px;
+  padding: 10px 11px;
+  width: 100%; }
+
+.list-btn-mail {
+  margin-bottom: 15px; }
+
+.list-btn-mail.active {
+  border-bottom: 1px solid #39B3D7;
+  padding: 0 0 14px; }
+
+.list-btn-mail > i {
+  float: left;
+  font-size: 18px;
+  font-style: normal;
+  width: 33px; }
+
+.list-btn-mail > .cn {
+  background: none repeat scroll 0 0 #39B3D7;
+  border-radius: 12px;
+  color: #FFFFFF;
+  float: right;
+  font-style: normal;
+  padding: 0 5px; }
+
+.button-mail {
+  margin: 0 0 15px !important;
+  text-align: left;
+  width: 100%; }
+
+button,
+.buttons,
+.btn,
+.modal-footer .btn + .btn {
+  margin-bottom: 5px;
+  margin-right: 5px; }
+
+.btn-group-vertical .btn, .btn-group .btn {
+  margin-bottom: 0;
+  margin-right: 0; }
+
+.mail_list_column {
+  border-left: 1px solid #DBDBDB; }
+
+.mail_view {
+  border-left: 1px solid #DBDBDB; }
+
+.mail_list {
+  width: 100%;
+  border-bottom: 1px solid #DBDBDB;
+  margin-bottom: 2px;
+  display: inline-block; }
+
+.mail_list .left {
+  width: 5%;
+  float: left;
+  margin-right: 3%; }
+
+.mail_list .right {
+  width: 90%;
+  float: left; }
+
+.mail_list h3 {
+  font-size: 15px;
+  font-weight: bold;
+  margin: 0px 0 6px; }
+
+.mail_list h3 small {
+  float: right;
+  color: #ADABAB;
+  font-size: 11px;
+  line-height: 20px; }
+
+.mail_list .badge {
+  padding: 3px 6px;
+  font-size: 8px;
+  background: #BAB7B7; }
+
+@media (max-width: 767px) {
+  .mail_list {
+    margin-bottom: 5px;
+    display: inline-block; } }
+.mail_heading h4 {
+  font-size: 18px;
+  border-bottom: 1px solid #ddd;
+  padding-bottom: 10px;
+  margin-top: 20px; }
+
+.attachment {
+  margin-top: 30px; }
+
+.attachment ul {
+  width: 100%;
+  list-style: none;
+  padding-left: 0;
+  display: inline-block;
+  margin-bottom: 30px; }
+
+.attachment ul li {
+  float: left;
+  width: 150px;
+  margin-right: 10px;
+  margin-bottom: 10px; }
+
+.attachment ul li img {
+  height: 150px;
+  border: 1px solid #ddd;
+  padding: 5px;
+  margin-bottom: 10px; }
+
+.attachment ul li span {
+  float: right; }
+
+.attachment .file-name {
+  float: left; }
+
+.attachment .links {
+  width: 100%;
+  display: inline-block; }
+
+.compose {
+  padding: 0;
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  background: #fff;
+  border: 1px solid #D9DEE4;
+  border-right: 0;
+  border-bottom: 0;
+  border-top-left-radius: 5px;
+  z-index: 9999;
+  display: none; }
+
+.compose .compose-header {
+  padding: 5px;
+  background: #169F85;
+  color: #fff;
+  border-top-left-radius: 5px; }
+
+.compose .compose-header .close {
+  text-shadow: 0 1px 0 #ffffff;
+  line-height: .8; }
+
+.compose .compose-body .editor.btn-toolbar {
+  margin: 0; }
+
+.compose .compose-body .editor-wrapper {
+  height: 100%;
+  min-height: 50px;
+  max-height: 180px;
+  border-radius: 0;
+  border-left: none;
+  border-right: none;
+  overflow: auto; }
+
+.compose .compose-footer {
+  padding: 10px; }
+
+/** /inbox **/
+/* *********  form design  **************************** */
+.editor.btn-toolbar {
+  zoom: 1;
+  background: #F7F7F7;
+  margin: 5px 2px;
+  padding: 3px 0;
+  border: 1px solid #EFEFEF; }
+
+.input-group {
+  margin-bottom: 10px; }
+
+.ln_solid {
+  border-top: 1px solid #e5e5e5;
+  color: #ffffff;
+  background-color: #ffffff;
+  height: 1px;
+  margin: 20px 0; }
+
+span.section {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 20px;
+  font-size: 21px;
+  line-height: inherit;
+  color: #333;
+  border: 0;
+  border-bottom: 1px solid #e5e5e5; }
+
+.form-control {
+  border-radius: 0;
+  width: 100%; }
+
+.form-horizontal .control-label {
+  padding-top: 8px; }
+
+.form-control:focus {
+  border-color: #CCD0D7;
+  box-shadow: none !important; }
+
+legend {
+  font-size: 18px;
+  color: inherit; }
+
+.form-horizontal .form-group {
+  margin-right: 0;
+  margin-left: 0; }
+
+.form-control-feedback {
+  margin-top: 8px;
+  height: 23px;
+  color: #bbb;
+  line-height: 24px;
+  font-size: 15px; }
+
+.form-control-feedback.left {
+  border-right: 1px solid #ccc;
+  left: 13px; }
+
+.form-control-feedback.right {
+  border-left: 1px solid #ccc;
+  right: 13px; }
+
+.form-control.has-feedback-left {
+  padding-left: 45px; }
+
+.form-control.has-feedback-right {
+  padding-right: 45px; }
+
+.form-group {
+  margin-bottom: 10px; }
+
+.validate {
+  margin-top: 10px; }
+
+.invalid-form-error-message {
+  margin-top: 10px;
+  padding: 5px; }
+
+.invalid-form-error-message.filled {
+  border-left: 2px solid #E74C3C; }
+
+p.parsley-success {
+  color: #468847;
+  background-color: #DFF0D8;
+  border: 1px solid #D6E9C6; }
+
+p.parsley-error {
+  color: #B94A48;
+  background-color: #F2DEDE;
+  border: 1px solid #EED3D7; }
+
+ul.parsley-errors-list {
+  list-style: none;
+  color: #E74C3C;
+  padding-left: 0; }
+
+input.parsley-error, textarea.parsley-error, select.parsley-error {
+  background: #FAEDEC;
+  border: 1px solid #E85445; }
+
+.btn-group .parsley-errors-list {
+  display: none; }
+
+.bad input, .bad select, .bad textarea {
+  border: 1px solid #CE5454;
+  box-shadow: 0 0 4px -2px #CE5454;
+  position: relative;
+  left: 0;
+  -moz-animation: .7s 1 shake linear;
+  -webkit-animation: 0.7s 1 shake linear; }
+
+.item input, .item textarea {
+  transition: 0.42s; }
+
+/* alerts (when validation fails) */
+.item .alert {
+  float: left;
+  margin: 0 0 0 20px;
+  padding: 3px 10px;
+  color: #FFF;
+  border-radius: 3px 4px 4px 3px;
+  background-color: #CE5454;
+  max-width: 170px;
+  white-space: pre;
+  position: relative;
+  left: -15px;
+  opacity: 0;
+  z-index: 1;
+  transition: 0.15s ease-out; }
+
+.item .alert::after {
+  content: '';
+  display: block;
+  height: 0;
+  width: 0;
+  border-color: transparent #CE5454 transparent transparent;
+  border-style: solid;
+  border-width: 11px 7px;
+  position: absolute;
+  left: -13px;
+  top: 1px; }
+
+.item.bad .alert {
+  left: 0;
+  opacity: 1; }
+
+.inl-bl {
+  display: inline-block; }
+
+.well .markup {
+  background: #fff;
+  color: #777;
+  position: relative;
+  padding: 45px 15px 15px;
+  margin: 15px 0 0 0;
+  background-color: #fff;
+  border-radius: 0 0 4px 4px;
+  box-shadow: none; }
+
+.well .markup::after {
+  content: "Example";
+  position: absolute;
+  top: 15px;
+  left: 15px;
+  font-size: 12px;
+  font-weight: bold;
+  color: #bbb;
+  text-transform: uppercase;
+  letter-spacing: 1px; }
+
+/* ***** autocomplete ***** */
+.autocomplete-suggestions {
+  border: 1px solid #e4e4e4;
+  background: #F4F4F4;
+  cursor: default;
+  overflow: auto; }
+
+.autocomplete-suggestion {
+  padding: 2px 5px;
+  font-size: 1.2em;
+  white-space: nowrap;
+  overflow: hidden; }
+
+.autocomplete-selected {
+  background: #f0f0f0; }
+
+.autocomplete-suggestions strong {
+  font-weight: normal;
+  color: #3399ff;
+  font-weight: bolder; }
+
+/* ***** /autocomplete *****/
+/* ***** buttons ********/
+.btn {
+  border-radius: 3px; }
+
+a.btn-success, a.btn-primary, a.btn-warning, a.btn-danger {
+  color: #fff; }
+
+.btn-success {
+  background: #26B99A;
+  border: 1px solid #169F85; }
+
+.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
+  background: #169F85; }
+
+.btn-dark {
+  color: #E9EDEF;
+  background-color: #4B5F71;
+  border-color: #364B5F; }
+
+.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark {
+  color: #FFFFFF;
+  background-color: #394D5F;
+  border-color: #394D5F; }
+
+.btn-round {
+  border-radius: 30px; }
+
+.btn.btn-app {
+  position: relative;
+  padding: 15px 5px;
+  margin: 0 0 10px 10px;
+  min-width: 80px;
+  height: 60px;
+  box-shadow: none;
+  border-radius: 0;
+  text-align: center;
+  color: #666;
+  border: 1px solid #ddd;
+  background-color: #fafafa;
+  font-size: 12px; }
+
+.btn.btn-app > .fa, .btn.btn-app > .glyphicon, .btn.btn-app > .ion {
+  font-size: 20px;
+  display: block; }
+
+.btn.btn-app:hover {
+  background: #f4f4f4;
+  color: #444;
+  border-color: #aaa; }
+
+.btn.btn-app:active, .btn.btn-app:focus {
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
+
+.btn.btn-app > .badge {
+  position: absolute;
+  top: -3px;
+  right: -10px;
+  font-size: 10px;
+  font-weight: 400; }
+
+/* ***** /buttons *******/
+/* *********  /form design  **************************** */
+/* *********  form textarea  **************************** */
+textarea {
+  padding: 10px;
+  vertical-align: top;
+  width: 200px; }
+
+textarea:focus {
+  outline-style: solid;
+  outline-width: 2px; }
+
+.btn_ {
+  display: inline-block;
+  padding: 3px 9px;
+  margin-bottom: 0;
+  font-size: 14px;
+  line-height: 20px;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  color: #333333;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  background-color: #f5f5f5;
+  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
+  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  border: 1px solid #cccccc;
+  border-bottom-color: #b3b3b3;
+  border-radius: 4px;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
+
+/* *********  /form textarea  **************************** */
+/* *********  glyphicons  **************************** */
+.bs-glyphicons {
+  margin: 0 -10px 20px;
+  overflow: hidden; }
+
+.bs-glyphicons-list {
+  padding-left: 0;
+  list-style: none; }
+
+.bs-glyphicons li {
+  float: left;
+  width: 25%;
+  height: 115px;
+  padding: 10px;
+  font-size: 10px;
+  line-height: 1.4;
+  text-align: center;
+  background-color: #f9f9f9;
+  border: 1px solid #fff; }
+
+.bs-glyphicons .glyphicon {
+  margin-top: 5px;
+  margin-bottom: 10px;
+  font-size: 24px; }
+
+.bs-glyphicons .glyphicon-class {
+  display: block;
+  text-align: center;
+  word-wrap: break-word; }
+
+.bs-glyphicons li:hover {
+  color: #fff;
+  background-color: #1ABB9C; }
+
+@media (min-width: 768px) {
+  .bs-glyphicons {
+    margin-right: 0;
+    margin-left: 0; }
+
+  .bs-glyphicons li {
+    width: 12.5%;
+    font-size: 12px; } }
+/* *********  /glyphicons  **************************** */
+/* *********  form tags input  **************************** */
+.tagsinput {
+  border: 1px solid #CCC;
+  background: #FFF;
+  padding: 6px 6px 0;
+  width: 300px;
+  overflow-y: auto; }
+
+span.tag {
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  display: block;
+  float: left;
+  padding: 5px 9px;
+  text-decoration: none;
+  background: #1ABB9C;
+  color: #F1F6F7;
+  margin-right: 5px;
+  font-weight: 500;
+  margin-bottom: 5px;
+  font-family: helvetica; }
+
+span.tag a {
+  color: #F1F6F7 !important; }
+
+.tagsinput span.tag a {
+  font-weight: bold;
+  color: #82ad2b;
+  text-decoration: none;
+  font-size: 11px; }
+
+.tagsinput input {
+  width: 80px;
+  margin: 0px;
+  font-family: helvetica;
+  font-size: 13px;
+  border: 1px solid transparent;
+  padding: 3px;
+  background: transparent;
+  color: #000;
+  outline: 0px; }
+
+.tagsinput div {
+  display: block;
+  float: left; }
+
+.tags_clear {
+  clear: both;
+  width: 100%;
+  height: 0px; }
+
+.not_valid {
+  background: #FBD8DB !important;
+  color: #90111A !important; }
+
+/* *********  /form tags input  **************************** */
+/** Tabs **/
+ul.bar_tabs {
+  overflow: visible;
+  background: #F5F7FA;
+  height: 25px;
+  margin: 21px 0 14px;
+  padding-left: 14px;
+  position: relative;
+  z-index: 1;
+  width: 100%;
+  border-bottom: 1px solid #E6E9ED; }
+
+ul.bar_tabs > li {
+  border: 1px solid #E6E9ED;
+  color: #333 !important;
+  margin-top: -17px;
+  margin-left: 8px;
+  background: #fff;
+  border-bottom: none;
+  border-radius: 4px 4px 0 0; }
+
+ul.bar_tabs > li.active {
+  border-right: 6px solid #D3D6DA;
+  border-top: 0;
+  margin-top: -15px; }
+
+ul.bar_tabs > li a {
+  padding: 10px 17px;
+  background: #F5F7FA;
+  margin: 0;
+  border-top-right-radius: 0; }
+
+ul.bar_tabs > li a:hover {
+  border: 1px solid transparent; }
+
+ul.bar_tabs > li.active a {
+  border-bottom: none; }
+
+ul.bar_tabs.right {
+  padding-right: 14px; }
+
+ul.bar_tabs.right li {
+  float: right; }
+
+a:focus {
+  outline: none; }
+
+/** /Tabs **/
+/* *********  timeline  **************************** */
+ul.timeline li {
+  position: relative;
+  border-bottom: 1px solid #e8e8e8;
+  clear: both; }
+
+.timeline .block {
+  margin: 0;
+  border-left: 3px solid #e8e8e8;
+  overflow: visible;
+  padding: 10px 15px;
+  margin-left: 105px; }
+
+.timeline.widget {
+  min-width: 0;
+  max-width: inherit; }
+
+.timeline.widget .block {
+  margin-left: 5px; }
+
+.timeline .tags {
+  position: absolute;
+  top: 15px;
+  left: 0;
+  width: 84px; }
+
+.timeline .tag {
+  display: block;
+  height: 30px;
+  font-size: 13px;
+  padding: 8px; }
+
+.timeline .tag span {
+  display: block;
+  overflow: hidden;
+  width: 100%;
+  white-space: nowrap;
+  text-overflow: ellipsis; }
+
+.tag {
+  line-height: 1;
+  background: #1ABB9C;
+  color: #fff !important; }
+
+.tag:after {
+  content: " ";
+  height: 30px;
+  width: 0;
+  position: absolute;
+  left: 100%;
+  top: 0;
+  margin: 0;
+  pointer-events: none;
+  border-top: 14px solid transparent;
+  border-bottom: 14px solid transparent;
+  border-left: 11px solid #1ABB9C; }
+
+.timeline h2.title {
+  position: relative;
+  font-size: 16px;
+  margin: 0; }
+
+.timeline h2.title:before {
+  content: "";
+  position: absolute;
+  left: -23px;
+  top: 3px;
+  display: block;
+  width: 14px;
+  height: 14px;
+  border: 3px solid #d2d3d2;
+  border-radius: 14px;
+  background: #f9f9f9; }
+
+.timeline .byline {
+  padding: .25em 0; }
+
+.byline {
+  -webkit-font-smoothing: antialiased;
+  font-style: italic;
+  font-size: .9375em;
+  line-height: 1.3;
+  color: #aab6aa; }
+
+ul.social li {
+  border: 0; }
+
+/* *********  /timeline  **************************** */
+/* *********  profile/social  **************************** */
+.social-sidebar, .social-body {
+  float: right; }
+
+.social-sidebar {
+  background: #EDEDED;
+  width: 22%; }
+
+.social-body {
+  border: 1px solid #ccc;
+  width: 78%; }
+
+.thumb img {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%; }
+
+.chat .thumb img {
+  width: 27px;
+  height: 27px;
+  border-radius: 50%; }
+
+.chat .status {
+  float: left;
+  margin: 16px 0 0 -16px;
+  font-size: 14px;
+  font-weight: bold;
+  width: 12px;
+  height: 12px;
+  display: block;
+  border: 2px solid #FFF;
+  z-index: 12312;
+  border-radius: 50%; }
+
+.chat .status.online {
+  background: #1ABB9C; }
+
+.chat .status.away {
+  background: #F39C12; }
+
+.chat .status.offline {
+  background: #ccc; }
+
+.chat .media-body {
+  padding-top: 5px; }
+
+/* *********  /profile/social  **************************** */
+/* *********  widgets  **************************** */
+.dashboard_graph .x_title {
+  padding: 5px 5px 7px; }
+
+.dashboard_graph .x_title h3 {
+  margin: 0;
+  font-weight: normal; }
+
+.chart {
+  position: relative;
+  display: inline-block;
+  width: 110px;
+  height: 110px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  text-align: center; }
+
+.chart canvas {
+  position: absolute;
+  top: 0;
+  left: 0; }
+
+.percent {
+  display: inline-block;
+  line-height: 110px;
+  z-index: 2;
+  font-size: 18px; }
+
+.percent:after {
+  content: '%';
+  margin-left: 0.1em;
+  font-size: .8em; }
+
+.angular {
+  margin-top: 100px; }
+
+.angular .chart {
+  margin-top: 0; }
+
+.widget {
+  min-width: 250px;
+  max-width: 310px; }
+
+.widget_tally_box .btn-group button {
+  text-align: center; }
+
+.widget_tally_box .btn-group button {
+  color: inherit;
+  font-weight: 500;
+  background-color: #f5f5f5;
+  border: 1px solid #e7e7e7; }
+
+ul.widget_tally, ul.widget_tally li {
+  width: 100%; }
+
+ul.widget_tally li {
+  padding: 2px 10px;
+  border-bottom: 1px solid #ECECEC;
+  padding-bottom: 4px; }
+
+ul.widget_tally .month {
+  width: 70%;
+  float: left; }
+
+ul.widget_tally .count {
+  width: 30%;
+  float: left;
+  text-align: right; }
+
+.pie_bg {
+  border-bottom: 1px solid rgba(101, 204, 182, 0.16);
+  padding-bottom: 15px;
+  border-radius: 4px;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  padding-bottom: 10px;
+  box-shadow: 0 4px 6px -6px #222; }
+
+.widget_tally_box .flex {
+  display: -ms-flexbox;
+  display: flex; }
+
+ul.widget_profile_box {
+  width: 100%;
+  height: 42px;
+  padding: 3px;
+  background: #ececec;
+  margin-top: 40px;
+  margin-left: 1px; }
+
+ul.widget_profile_box li:first-child {
+  width: 25%;
+  float: left; }
+
+ul.widget_profile_box li:first-child a {
+  float: left; }
+
+ul.widget_profile_box li:last-child {
+  width: 25%;
+  float: right; }
+
+ul.widget_profile_box li:last-child a {
+  float: right; }
+
+ul.widget_profile_box li a {
+  font-size: 22px;
+  text-align: center;
+  width: 35px;
+  height: 35px;
+  border: 1px solid rgba(52, 73, 94, 0.44);
+  display: block;
+  border-radius: 50%;
+  padding: 0px; }
+
+ul.widget_profile_box li a:hover {
+  color: #1ABB9C !important;
+  border: 1px solid #26b99a; }
+
+ul.widget_profile_box li .profile_img {
+  width: 85px;
+  height: 85px;
+  margin: 0;
+  margin-top: -28px; }
+
+.widget_tally_box p, .widget_tally_box span {
+  text-align: center; }
+
+.widget_tally_box .name {
+  text-align: center;
+  margin: 25px; }
+
+.widget_tally_box .name_title {
+  text-align: center;
+  margin: 5px; }
+
+.widget_tally_box ul.legend {
+  margin: 0; }
+
+.widget_tally_box ul.legend p, .widget_tally_box ul.legend span {
+  text-align: left; }
+
+.widget_tally_box ul.legend li .icon {
+  font-size: 20px;
+  float: left;
+  width: 14px; }
+
+.widget_tally_box ul.legend li .name {
+  font-size: 14px;
+  margin: 5px 0 0 14px;
+  text-overflow: ellipsis;
+  float: left; }
+
+.widget_tally_box ul.legend p {
+  display: inline-block;
+  margin: 0; }
+
+.widget_tally_box ul.verticle_bars li {
+  height: 140px;
+  width: 23%; }
+
+.widget .verticle_bars li .progress.vertical.progress_wide {
+  width: 65%; }
+
+ul.count2 {
+  width: 100%;
+  margin-left: 1px;
+  border: 1px solid #ddd;
+  border-left: 0;
+  border-right: 0;
+  padding: 10px 0; }
+
+ul.count2 li {
+  width: 30%;
+  text-align: center; }
+
+ul.count2 li h3 {
+  font-weight: 400;
+  margin: 0; }
+
+ul.count2 li span {
+  font-weight: 300; }
+
+/* *********  /widgets  **************************** */
+.divider {
+  border-bottom: 1px solid #ddd;
+  margin: 10px; }
+
+.divider-dashed {
+  border-top: 1px dashed #e7eaec;
+  background-color: #ffffff;
+  height: 1px;
+  margin: 10px 0; }
+
+ul.messages {
+  padding: 0;
+  list-style: none; }
+
+ul.messages li, .tasks li {
+  border-bottom: 1px dotted #e6e6e6;
+  padding: 8px 0; }
+
+ul.messages li img.avatar, img.avatar {
+  height: 32px;
+  width: 32px;
+  float: left;
+  display: inline-block;
+  border-radius: 2px;
+  padding: 2px;
+  background: #f7f7f7;
+  border: 1px solid #e6e6e6; }
+
+ul.messages li .message_date {
+  float: right;
+  text-align: right; }
+
+ul.messages li .message_wrapper {
+  margin-left: 50px;
+  margin-right: 40px; }
+
+ul.messages li .message_wrapper h4.heading {
+  font-weight: 600;
+  margin: 0;
+  cursor: pointer;
+  margin-bottom: 10px;
+  line-height: 100%; }
+
+ul.messages li .message_wrapper blockquote {
+  padding: 0px 10px;
+  margin: 0;
+  border-left: 5px solid #eee; }
+
+ul.user_data li {
+  margin-bottom: 6px; }
+
+ul.user_data li p {
+  margin-bottom: 0; }
+
+ul.user_data li .progress {
+  width: 90%; }
+
+.project_progress .progress {
+  margin-bottom: 3px !important;
+  margin-top: 5px; }
+
+.projects .list-inline {
+  margin: 0; }
+
+.profile_title {
+  background: #F5F7FA;
+  border: 0;
+  padding: 7px 0;
+  display: -ms-flexbox;
+  display: flex; }
+
+ul.stats-overview {
+  border-bottom: 1px solid #e8e8e8;
+  padding-bottom: 10px;
+  margin-bottom: 10px; }
+
+ul.stats-overview li {
+  display: inline-block;
+  text-align: center;
+  padding: 0 15px;
+  width: 30%;
+  font-size: 14px;
+  border-right: 1px solid #e8e8e8; }
+
+ul.stats-overview li:last-child {
+  border-right: 0; }
+
+ul.stats-overview li .name {
+  font-size: 12px; }
+
+ul.stats-overview li .value {
+  font-size: 14px;
+  font-weight: bold;
+  display: block; }
+
+ul.stats-overview li:first-child {
+  padding-left: 0; }
+
+ul.project_files li {
+  margin-bottom: 5px; }
+
+ul.project_files li a i {
+  width: 20px; }
+
+.project_detail p {
+  margin-bottom: 10px; }
+
+.project_detail p.title {
+  font-weight: bold;
+  margin-bottom: 0; }
+
+.avatar img {
+  border-radius: 50%;
+  max-width: 45px; }
+
+/* *********  pricing  **************************** */
+.pricing {
+  background: #fff; }
+
+.pricing .title {
+  background: #1ABB9C;
+  height: 110px;
+  color: #fff;
+  padding: 15px 0 0;
+  text-align: center; }
+
+.pricing .title h2 {
+  text-transform: capitalize;
+  font-size: 18px;
+  border-radius: 5px 5px 0 0;
+  margin: 0;
+  font-weight: 400; }
+
+.pricing .title h1 {
+  font-size: 30px;
+  margin: 12px; }
+
+.pricing .title span {
+  background: rgba(51, 51, 51, 0.28);
+  padding: 2px 5px; }
+
+.pricing_features {
+  background: #FAFAFA;
+  padding: 20px 15px;
+  min-height: 230px;
+  font-size: 13.5px; }
+
+.pricing_features ul li {
+  margin-top: 10px; }
+
+.pricing_footer {
+  padding: 10px 15px;
+  background-color: #f5f5f5;
+  border-top: 1px solid #ddd;
+  text-align: center;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px; }
+
+.pricing_footer p {
+  font-size: 13px;
+  padding: 10px 0 2px;
+  display: block; }
+
+.ui-ribbon-container {
+  position: relative; }
+
+.ui-ribbon-container .ui-ribbon-wrapper {
+  position: absolute;
+  overflow: hidden;
+  width: 85px;
+  height: 88px;
+  top: -3px;
+  right: -3px; }
+
+.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
+  background-color: #5b90bf; }
+
+.ui-ribbon-container .ui-ribbon {
+  position: relative;
+  display: block;
+  text-align: center;
+  font-size: 15px;
+  font-weight: 700;
+  color: #fff;
+  transform: rotate(45deg);
+  padding: 7px 0;
+  left: -5px;
+  top: 15px;
+  width: 120px;
+  line-height: 20px;
+  background-color: #555;
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
+
+.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after, .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {
+  border-top: 2px solid #5b90bf; }
+
+.ui-ribbon-container .ui-ribbon:before {
+  left: 0;
+  bottom: -1px; }
+
+.ui-ribbon-container .ui-ribbon:before {
+  right: 0; }
+
+.ui-ribbon-container .ui-ribbon:after, .ui-ribbon-container .ui-ribbon:before {
+  position: absolute;
+  content: " ";
+  line-height: 0;
+  border-top: 2px solid #555;
+  border-left: 2px solid transparent;
+  border-right: 2px solid transparent; }
+
+/* *********  /pricing  **************************** */
+/* *********  media gallery  **************************** */
+.thumbnail .image {
+  height: 120px;
+  overflow: hidden; }
+
+.caption {
+  padding: 9px 5px;
+  background: #F7F7F7; }
+
+.caption p {
+  margin-bottom: 5px; }
+
+.thumbnail {
+  height: 190px;
+  overflow: hidden; }
+
+.view {
+  overflow: hidden;
+  position: relative;
+  text-align: center;
+  box-shadow: 1px 1px 2px #e6e6e6;
+  cursor: default; }
+
+.view .mask, .view .content {
+  position: absolute;
+  width: 100%;
+  overflow: hidden;
+  top: 0;
+  left: 0; }
+
+.view img {
+  display: block;
+  position: relative; }
+
+.view .tools {
+  text-transform: uppercase;
+  color: #fff;
+  text-align: center;
+  position: relative;
+  font-size: 17px;
+  padding: 3px;
+  background: rgba(0, 0, 0, 0.35);
+  margin: 43px 0 0 0; }
+
+.mask.no-caption .tools {
+  margin: 90px 0 0 0; }
+
+.view .tools a {
+  display: inline-block;
+  color: #FFF;
+  font-size: 18px;
+  font-weight: 400;
+  padding: 0 4px; }
+
+.view p {
+  font-family: Georgia, serif;
+  font-style: italic;
+  font-size: 12px;
+  position: relative;
+  color: #fff;
+  padding: 10px 20px 20px;
+  text-align: center; }
+
+.view a.info {
+  display: inline-block;
+  text-decoration: none;
+  padding: 7px 14px;
+  background: #000;
+  color: #fff;
+  text-transform: uppercase;
+  box-shadow: 0 0 1px #000; }
+
+.view-first img {
+  transition: all 0.2s linear; }
+
+.view-first .mask {
+  opacity: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  transition: all 0.4s ease-in-out; }
+
+.view-first .tools {
+  transform: translateY(-100px);
+  opacity: 0;
+  transition: all 0.2s ease-in-out; }
+
+.view-first p {
+  transform: translateY(100px);
+  opacity: 0;
+  transition: all 0.2s linear; }
+
+.view-first:hover img {
+  transform: scale(1.1); }
+
+.view-first:hover .mask {
+  opacity: 1; }
+
+.view-first:hover .tools, .view-first:hover p {
+  opacity: 1;
+  transform: translateY(0px); }
+
+.view-first:hover p {
+  transition-delay: 0.1s; }
+
+/* *********  /media gallery  **************************** */
+/* *********  verticle tabs  **************************** */
+/*!
+ * bootstrap-vertical-tabs - v1.2.1
+ * https://dbtek.github.io/bootstrap-vertical-tabs
+ * 2014-11-07
+ * Copyright (c) 2014 İsmail Demirbilek
+ * License: MIT
+ */
+.tabs-left, .tabs-right {
+  border-bottom: none;
+  padding-top: 2px; }
+
+.tabs-left {
+  border-right: 1px solid #F7F7F7; }
+
+.tabs-right {
+  border-left: 1px solid #F7F7F7; }
+
+.tabs-left > li, .tabs-right > li {
+  float: none;
+  margin-bottom: 2px; }
+
+.tabs-left > li {
+  margin-right: -1px; }
+
+.tabs-right > li {
+  margin-left: -1px; }
+
+.tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus {
+  border-bottom-color: #F7F7F7;
+  border-right-color: transparent; }
+
+.tabs-right > li.active > a, .tabs-right > li.active > a:hover, .tabs-right > li.active > a:focus {
+  border-bottom: 1px solid #F7F7F7;
+  border-left-color: transparent; }
+
+.tabs-left > li > a {
+  border-radius: 4px 0 0 4px;
+  margin-right: 0;
+  display: block;
+  background: #F7F7F7;
+  text-overflow: ellipsis;
+  overflow: hidden; }
+
+.tabs-right > li > a {
+  border-radius: 0 4px 4px 0;
+  margin-right: 0;
+  background: #F7F7F7;
+  text-overflow: ellipsis;
+  overflow: hidden; }
+
+.sideways {
+  margin-top: 50px;
+  border: none;
+  position: relative; }
+
+.sideways > li {
+  height: 20px;
+  width: 120px;
+  margin-bottom: 100px; }
+
+.sideways > li > a {
+  border-bottom: 1px solid #ddd;
+  border-right-color: transparent;
+  text-align: center;
+  border-radius: 4px 4px 0px 0px; }
+
+.sideways > li.active > a, .sideways > li.active > a:hover, .sideways > li.active > a:focus {
+  border-bottom-color: transparent;
+  border-right-color: #ddd;
+  border-left-color: #ddd; }
+
+.sideways.tabs-left {
+  left: -50px; }
+
+.sideways.tabs-right {
+  right: -50px; }
+
+.sideways.tabs-right > li {
+  transform: rotate(90deg); }
+
+.sideways.tabs-left > li {
+  transform: rotate(-90deg); }
+
+/* *********  /verticle tabs  **************************** */
+/* *********  moris  **************************** */
+.morris-hover {
+  position: absolute;
+  z-index: 1000; }
+
+.morris-hover.morris-default-style {
+  padding: 6px;
+  color: #666;
+  background: rgba(243, 242, 243, 0.8);
+  border: solid 2px rgba(195, 194, 196, 0.8);
+  font-family: sans-serif;
+  font-size: 12px;
+  text-align: center; }
+
+.morris-hover.morris-default-style .morris-hover-row-label {
+  font-weight: bold;
+  margin: 0.25em 0; }
+
+.morris-hover.morris-default-style .morris-hover-point {
+  white-space: nowrap;
+  margin: 0.1em 0; }
+
+/* *********  /moris  **************************** */
+/* *********  ecommerce  **************************** */
+.price {
+  font-size: 40px;
+  font-weight: 400;
+  color: #26B99A;
+  margin: 0; }
+
+.prod_title {
+  border-bottom: 1px solid #DFDFDF;
+  padding-bottom: 5px;
+  margin: 30px 0;
+  font-size: 20px;
+  font-weight: 400; }
+
+.product-image img {
+  width: 90%; }
+
+.prod_color li {
+  margin: 0 10px; }
+
+.prod_color li p {
+  margin-bottom: 0; }
+
+.prod_size li {
+  padding: 0; }
+
+.prod_color .color {
+  width: 25px;
+  height: 25px;
+  border: 2px solid rgba(51, 51, 51, 0.28) !important;
+  padding: 2px;
+  border-radius: 50px; }
+
+.product_gallery a {
+  width: 100px;
+  height: 100px;
+  float: left;
+  margin: 10px;
+  border: 1px solid #e5e5e5; }
+
+.product_gallery a img {
+  width: 100%;
+  margin-top: 15px; }
+
+.product_price {
+  margin: 20px 0;
+  padding: 5px 10px;
+  background-color: #FFFFFF;
+  text-align: left;
+  border: 2px dashed #E0E0E0; }
+
+.price-tax {
+  font-size: 18px; }
+
+.product_social {
+  margin: 20px 0; }
+
+.product_social ul li a i {
+  font-size: 35px; }
+
+/* *********  /ecommerce  **************************** */
+/** login **/
+.login {
+  background: #F7F7F7; }
+
+.login .fa-paw {
+  font-size: 26px; }
+
+a.hiddenanchor {
+  display: none; }
+
+.login_wrapper {
+  right: 0px;
+  margin: 0px auto;
+  margin-top: 5%;
+  max-width: 350px;
+  position: relative; }
+
+.registration_form, .login_form {
+  position: absolute;
+  top: 0px;
+  width: 100%; }
+
+.registration_form {
+  z-index: 21;
+  opacity: 0;
+  width: 100%; }
+
+.login_form {
+  z-index: 22; }
+
+#signup:target ~ .login_wrapper .registration_form, #signin:target ~ .login_wrapper .login_form {
+  z-index: 22;
+  animation-name: fadeInLeft;
+  animation-delay: .1s; }
+
+#signup:target ~ .login_wrapper .login_form, #signin:target ~ .login_wrapper .registration_form {
+  animation-name: fadeOutLeft; }
+
+.animate {
+  -webkit-animation-duration: 0.5s;
+  -webkit-animation-timing-function: ease;
+  -webkit-animation-fill-mode: both;
+  -moz-animation-duration: 0.5s;
+  -moz-animation-timing-function: ease;
+  -moz-animation-fill-mode: both;
+  -o-animation-duration: 0.5s;
+  -o-animation-timing-function: ease;
+  -o-animation-fill-mode: both;
+  -ms-animation-duration: 0.5s;
+  -ms-animation-timing-function: ease;
+  -ms-animation-fill-mode: both;
+  animation-duration: 0.5s;
+  animation-timing-function: ease;
+  animation-fill-mode: both; }
+
+/** /login **/
+/** signup **/
+.login_box {
+  padding: 20px;
+  margin: auto; }
+
+.left {
+  float: left; }
+
+.alignleft {
+  float: left;
+  margin-right: 15px; }
+
+.alignright {
+  float: right;
+  margin-left: 15px; }
+
+.clearfix:after, form:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden; }
+
+.login_content {
+  margin: 0 auto;
+  padding: 25px 0 0;
+  position: relative;
+  text-align: center;
+  text-shadow: 0 1px 0 #fff;
+  min-width: 280px; }
+
+.login_content a,
+.login_content .btn-default:hover {
+  text-decoration: none; }
+
+.login_content a:hover {
+  text-decoration: underline; }
+
+.login_content h1 {
+  font: normal 25px Helvetica, Arial, sans-serif;
+  letter-spacing: -0.05em;
+  line-height: 20px;
+  margin: 10px 0 30px; }
+
+.login_content h1:before, .login_content h1:after {
+  content: "";
+  height: 1px;
+  position: absolute;
+  top: 10px;
+  width: 27%; }
+
+.login_content h1:after {
+  background: #7e7e7e;
+  background: linear-gradient(left, #7e7e7e 0%, white 100%);
+  right: 0; }
+
+.login_content h1:before {
+  background: #7e7e7e;
+  background: linear-gradient(right, #7e7e7e 0%, white 100%);
+  left: 0; }
+
+.login_content h1:before, .login_content h1:after {
+  content: "";
+  height: 1px;
+  position: absolute;
+  top: 10px;
+  width: 20%; }
+
+.login_content h1:after {
+  background: #7e7e7e;
+  background: linear-gradient(left, #7e7e7e 0%, white 100%);
+  right: 0; }
+
+.login_content h1:before {
+  background: #7e7e7e;
+  background: linear-gradient(right, #7e7e7e 0%, white 100%);
+  left: 0; }
+
+.login_content form {
+  margin: 20px 0;
+  position: relative; }
+
+.login_content form input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"] {
+  border-radius: 3px;
+  -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
+  -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
+  box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
+  border: 1px solid #c8c8c8;
+  color: #777;
+  margin: 0 0 20px;
+  width: 100%; }
+
+.login_content form input[type="text"]:focus, .login_content form input[type="email"]:focus, .login_content form input[type="password"]:focus {
+  -ms-box-shadow: 0 0 2px #ed1c24 inset;
+  -o-box-shadow: 0 0 2px #ed1c24 inset;
+  box-shadow: 0 0 2px #A97AAD inset;
+  background-color: #fff;
+  border: 1px solid #A878AF;
+  outline: none; }
+
+#username {
+  background-position: 10px 10px !important; }
+
+#password {
+  background-position: 10px -53px !important; }
+
+.login_content form div a {
+  font-size: 12px;
+  margin: 10px 15px 0 0; }
+
+.reset_pass {
+  margin-top: 10px !important; }
+
+.login_content div .reset_pass {
+  margin-top: 13px !important;
+  margin-right: 39px;
+  float: right; }
+
+.separator {
+  border-top: 1px solid #D8D8D8;
+  margin-top: 10px;
+  padding-top: 10px; }
+
+.button {
+  background: #f7f9fa;
+  background: linear-gradient(top, #f7f9fa 0%, #f0f0f0 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0);
+  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
+  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
+  border-radius: 0 0 5px 5px;
+  border-top: 1px solid #CFD5D9;
+  padding: 15px 0; }
+
+.login_content form input[type="submit"], #content form .submit {
+  float: left;
+  margin-left: 38px; }
+
+.button a {
+  background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
+  color: #7E7E7E;
+  font-size: 17px;
+  padding: 2px 0 2px 40px;
+  text-decoration: none;
+  transition: all 0.3s ease; }
+
+.button a:hover {
+  background-position: 0 -135px;
+  color: #00aeef; }
+
+header {
+  width: 100%; }
+
+/** signup **/
+/** NProgress **/
+#nprogress .bar {
+  background: #1ABB9C; }
+
+#nprogress .peg {
+  box-shadow: 0 0 10px #1ABB9C, 0 0 5px #1ABB9C; }
+
+#nprogress .spinner-icon {
+  border-top-color: #1ABB9C;
+  border-left-color: #1ABB9C; }
+
+/** /NProgress **/
+/** bootstrap-wysiwyg **/
+.editor-wrapper {
+  min-height: 250px;
+  background-color: white;
+  border-collapse: separate;
+  border: 1px solid #cccccc;
+  padding: 4px;
+  box-sizing: content-box;
+  box-shadow: rgba(0, 0, 0, 0.07451) 0px 1px 1px 0px inset;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+  overflow: scroll;
+  outline: none; }
+
+.voiceBtn {
+  width: 20px;
+  color: transparent;
+  background-color: transparent;
+  transform: scale(2, 2);
+  -webkit-transform: scale(2, 2);
+  -moz-transform: scale(2, 2);
+  border: transparent;
+  cursor: pointer;
+  box-shadow: none;
+  -webkit-box-shadow: none; }
+
+div[data-role="editor-toolbar"] {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none; }
+
+.dropdown-menu a {
+  cursor: pointer; }
+
+/** /bootstrap-wysiwyg **/
+/** Select2 **/
+.select2-container--default .select2-selection--single,
+.select2-container--default .select2-selection--multiple {
+  background-color: #fff;
+  border: 1px solid #ccc;
+  border-radius: 0;
+  min-height: 38px; }
+
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: #73879C;
+  padding-top: 5px; }
+
+.select2-container--default .select2-selection--multiple .select2-selection__rendered {
+  padding-top: 3px; }
+
+.select2-container--default .select2-selection--single .select2-selection__arrow {
+  height: 36px; }
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice,
+.select2-container--default .select2-selection--multiple .select2-selection__clear {
+  margin-top: 2px;
+  border: none;
+  border-radius: 0;
+  padding: 3px 5px; }
+
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+  border: 1px solid #ccc; }
+
+/** /Select2 **/
+/** Switchery **/
+.switchery {
+  width: 32px;
+  height: 20px; }
+
+.switchery > small {
+  width: 20px;
+  height: 20px; }
+
+/** /Switchery **/
+/** Normalize.css **/
+fieldset {
+  border: none;
+  margin: 0;
+  padding: 0; }
+
+/** /Normalize.css **/
+/** Cropper **/
+.cropper .img-container,
+.cropper .img-preview {
+  background-color: #f7f7f7;
+  width: 100%;
+  text-align: center; }
+
+.cropper .img-container {
+  min-height: 200px;
+  max-height: 516px;
+  margin-bottom: 20px; }
+
+@media (min-width: 768px) {
+  .cropper .img-container {
+    min-height: 516px; } }
+.cropper .img-container > img {
+  max-width: 100%; }
+
+.cropper .docs-preview {
+  margin-right: -15px; }
+
+.cropper .img-preview {
+  float: left;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  overflow: hidden; }
+
+.cropper .img-preview > img {
+  max-width: 100%; }
+
+.cropper .preview-lg {
+  width: 263px;
+  height: 148px; }
+
+.cropper .preview-md {
+  width: 139px;
+  height: 78px; }
+
+.cropper .preview-sm {
+  width: 69px;
+  height: 39px; }
+
+.cropper .preview-xs {
+  width: 35px;
+  height: 20px;
+  margin-right: 0; }
+
+.cropper .docs-data > .input-group {
+  margin-bottom: 10px; }
+
+.cropper .docs-data > .input-group > label {
+  min-width: 80px; }
+
+.cropper .docs-data > .input-group > span {
+  min-width: 50px; }
+
+.cropper .docs-buttons > .btn,
+.cropper .docs-buttons > .btn-group,
+.cropper .docs-buttons > .form-control {
+  margin-right: 5px;
+  margin-bottom: 10px; }
+
+.cropper .docs-toggles > .btn,
+.cropper .docs-toggles > .btn-group,
+.cropper .docs-toggles > .dropdown {
+  margin-bottom: 10px; }
+
+.cropper .docs-tooltip {
+  display: block;
+  margin: -6px -12px;
+  padding: 6px 12px; }
+
+.cropper .docs-tooltip > .icon {
+  margin: 0 -3px;
+  vertical-align: top; }
+
+.cropper .tooltip-inner {
+  white-space: normal; }
+
+.cropper .btn-upload .tooltip-inner,
+.cropper .btn-toggle .tooltip-inner {
+  white-space: nowrap; }
+
+.cropper .btn-toggle {
+  padding: 6px; }
+
+.cropper .btn-toggle > .docs-tooltip {
+  margin: -6px;
+  padding: 6px; }
+
+@media (max-width: 400px) {
+  .cropper .btn-group-crop {
+    margin-right: -15px !important; }
+
+  .cropper .btn-group-crop > .btn {
+    padding-left: 5px;
+    padding-right: 5px; }
+
+  .cropper .btn-group-crop .docs-tooltip {
+    margin-left: -5px;
+    margin-right: -5px;
+    padding-left: 5px;
+    padding-right: 5px; } }
+.cropper .docs-options .dropdown-menu {
+  width: 100%; }
+
+.cropper .docs-options .dropdown-menu > li {
+  padding: 3px 20px; }
+
+.cropper .docs-options .dropdown-menu > li:hover {
+  background-color: #f7f7f7; }
+
+.cropper .docs-options .dropdown-menu > li > label {
+  display: block; }
+
+.cropper .docs-cropped .modal-body {
+  text-align: center; }
+
+.cropper .docs-cropped .modal-body > img,
+.cropper .docs-cropped .modal-body > canvas {
+  max-width: 100%; }
+
+.cropper .docs-diagram .modal-dialog {
+  max-width: 352px; }
+
+.cropper .docs-cropped canvas {
+  max-width: 100%; }
+
+/** /Cropper **/
+/** jQuery Smart Wizard  **/
+.form_wizard .stepContainer {
+  display: block;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  border: 0 solid #CCC;
+  overflow-x: hidden; }
+
+.wizard_horizontal ul.wizard_steps {
+  display: table;
+  list-style: none;
+  position: relative;
+  width: 100%;
+  margin: 0 0 20px; }
+
+.wizard_horizontal ul.wizard_steps li {
+  display: table-cell;
+  text-align: center; }
+
+.wizard_horizontal ul.wizard_steps li a, .wizard_horizontal ul.wizard_steps li:hover {
+  display: block;
+  position: relative;
+  -moz-opacity: 1;
+  filter: alpha(opacity=100);
+  opacity: 1;
+  color: #666; }
+
+.wizard_horizontal ul.wizard_steps li a:before {
+  content: "";
+  position: absolute;
+  height: 4px;
+  background: #ccc;
+  top: 20px;
+  width: 100%;
+  z-index: 4;
+  left: 0; }
+
+.wizard_horizontal ul.wizard_steps li a.disabled .step_no {
+  background: #ccc; }
+
+.wizard_horizontal ul.wizard_steps li a .step_no {
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 100px;
+  display: block;
+  margin: 0 auto 5px;
+  font-size: 16px;
+  text-align: center;
+  position: relative;
+  z-index: 5; }
+
+.wizard_horizontal ul.wizard_steps li a.selected:before, .step_no {
+  background: #34495E;
+  color: #fff; }
+
+.wizard_horizontal ul.wizard_steps li a.done:before, .wizard_horizontal ul.wizard_steps li a.done .step_no {
+  background: #1ABB9C;
+  color: #fff; }
+
+.wizard_horizontal ul.wizard_steps li:first-child a:before {
+  left: 50%; }
+
+.wizard_horizontal ul.wizard_steps li:last-child a:before {
+  right: 50%;
+  width: 50%;
+  left: auto; }
+
+.wizard_verticle .stepContainer {
+  width: 80%;
+  float: left;
+  padding: 0 10px; }
+
+.actionBar {
+  width: 100%;
+  border-top: 1px solid #ddd;
+  padding: 10px 5px;
+  text-align: right;
+  margin-top: 10px; }
+
+.actionBar .buttonDisabled {
+  cursor: not-allowed;
+  pointer-events: none;
+  opacity: .65;
+  filter: alpha(opacity=65);
+  box-shadow: none; }
+
+.actionBar a {
+  margin: 0 3px; }
+
+.wizard_verticle .wizard_content {
+  width: 80%;
+  float: left;
+  padding-left: 20px; }
+
+.wizard_verticle ul.wizard_steps {
+  display: table;
+  list-style: none;
+  position: relative;
+  width: 20%;
+  float: left;
+  margin: 0 0 20px; }
+
+.wizard_verticle ul.wizard_steps li {
+  display: list-item;
+  text-align: center; }
+
+.wizard_verticle ul.wizard_steps li a {
+  height: 80px; }
+
+.wizard_verticle ul.wizard_steps li a:first-child {
+  margin-top: 20px; }
+
+.wizard_verticle ul.wizard_steps li a, .wizard_verticle ul.wizard_steps li:hover {
+  display: block;
+  position: relative;
+  -moz-opacity: 1;
+  filter: alpha(opacity=100);
+  opacity: 1;
+  color: #666; }
+
+.wizard_verticle ul.wizard_steps li a:before {
+  content: "";
+  position: absolute;
+  height: 100%;
+  background: #ccc;
+  top: 20px;
+  width: 4px;
+  z-index: 4;
+  left: 49%; }
+
+.wizard_verticle ul.wizard_steps li a.disabled .step_no {
+  background: #ccc; }
+
+.wizard_verticle ul.wizard_steps li a .step_no {
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 100px;
+  display: block;
+  margin: 0 auto 5px;
+  font-size: 16px;
+  text-align: center;
+  position: relative;
+  z-index: 5; }
+
+.wizard_verticle ul.wizard_steps li a.selected:before, .step_no {
+  background: #34495E;
+  color: #fff; }
+
+.wizard_verticle ul.wizard_steps li a.done:before, .wizard_verticle ul.wizard_steps li a.done .step_no {
+  background: #1ABB9C;
+  color: #fff; }
+
+.wizard_verticle ul.wizard_steps li:first-child a:before {
+  left: 49%; }
+
+.wizard_verticle ul.wizard_steps li:last-child a:before {
+  left: 49%;
+  left: auto;
+  width: 0; }
+
+.form_wizard .loader {
+  display: none; }
+
+.form_wizard .msgBox {
+  display: none; }
+
+/** jQuery Smart Wizard  **/
+/** bootstrap-progressbar  **/
+.progress {
+  border-radius: 0; }
+
+.progress-bar-info {
+  background-color: #3498DB; }
+
+.progress-bar-success {
+  background-color: #26B99A; }
+
+.progress_summary .progress {
+  margin: 5px 0 12px !important; }
+
+.progress_summary .row {
+  margin-bottom: 5px; }
+
+.progress_summary .row .col-xs-2 {
+  padding: 0; }
+
+.progress_summary .more_info span {
+  text-align: right;
+  float: right; }
+
+.progress_summary .data span {
+  text-align: right;
+  float: right; }
+
+.progress_summary p {
+  margin-bottom: 3px;
+  width: 100%; }
+
+.progress_title .left {
+  float: left;
+  text-align: left; }
+
+.progress_title .right {
+  float: right;
+  text-align: right;
+  font-weight: 300; }
+
+.progress.progress_sm {
+  border-radius: 0;
+  margin-bottom: 18px;
+  height: 10px !important; }
+
+.progress.progress_sm .progress-bar {
+  height: 10px !important; }
+
+.dashboard_graph p {
+  margin: 0 0 4px; }
+
+ul.verticle_bars {
+  width: 100%; }
+
+ul.verticle_bars li {
+  width: 23%;
+  height: 200px;
+  margin: 0; }
+
+.progress.vertical.progress_wide {
+  width: 35px; }
+
+/** bootstrap-progressbar  **/
+/** PNotify **/
+.alert-success {
+  color: #ffffff;
+  background-color: rgba(38, 185, 154, 0.88);
+  border-color: rgba(38, 185, 154, 0.88); }
+
+.alert-info {
+  color: #E9EDEF;
+  background-color: rgba(52, 152, 219, 0.88);
+  border-color: rgba(52, 152, 219, 0.88); }
+
+.alert-warning {
+  color: #E9EDEF;
+  background-color: rgba(243, 156, 18, 0.88);
+  border-color: rgba(243, 156, 18, 0.88); }
+
+.alert-danger,
+.alert-error {
+  color: #E9EDEF;
+  background-color: rgba(231, 76, 60, 0.88);
+  border-color: rgba(231, 76, 60, 0.88); }
+
+.ui-pnotify.dark .ui-pnotify-container {
+  color: #E9EDEF;
+  background-color: rgba(52, 73, 94, 0.88);
+  border-color: rgba(52, 73, 94, 0.88); }
+
+.custom-notifications {
+  position: fixed;
+  margin: 15px;
+  right: 0;
+  float: right;
+  width: 400px;
+  z-index: 4000;
+  bottom: 0; }
+
+ul.notifications {
+  float: right;
+  display: block;
+  margin-bottom: 7px;
+  padding: 0;
+  width: 100%; }
+
+.notifications li {
+  float: right;
+  margin: 3px;
+  width: 36px;
+  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); }
+
+.notifications li:last-child {
+  margin-left: 0; }
+
+.notifications a {
+  display: block;
+  text-align: center;
+  text-decoration: none;
+  text-transform: uppercase;
+  padding: 9px 8px; }
+
+.tabbed_notifications .text {
+  padding: 5px 15px;
+  height: 140px;
+  border-radius: 7px;
+  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3); }
+
+.tabbed_notifications div p {
+  display: inline-block; }
+
+.tabbed_notifications h2 {
+  font-weight: bold;
+  text-transform: uppercase;
+  width: 80%;
+  float: left;
+  height: 20px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: block; }
+
+.tabbed_notifications .close {
+  padding: 5px;
+  color: #E9EDEF;
+  float: right;
+  opacity: 1; }
+
+/** /PNotify **/
+/** FullCalendar **/
+.fc-state-default {
+  background: #f5f5f5;
+  color: #73879C; }
+
+.fc-state-down,
+.fc-state-active {
+  color: #333;
+  background: #ccc; }
+
+/** /FullCalendar **/
+/** Dropzone.js **/
+.dropzone {
+  min-height: 300px;
+  border: 1px solid #e5e5e5; }
+
+/** /Dropzone.js **/
diff --git a/flask/app/static/js/jquery.sparkline.min.js b/flask/app/static/js/jquery.sparkline.min.js
new file mode 100644
index 0000000..328f4b6
--- /dev/null
+++ b/flask/app/static/js/jquery.sparkline.min.js
@@ -0,0 +1,6 @@
+/* jquery.sparkline 2.1.3 - http://omnipotent.net/jquery.sparkline/ 
+** Licensed under the New BSD License - see above site for details */
+
+(function(document,Math,undefined){(function(factory){if(typeof define==="function"&&define.amd){define(["jquery"],factory)}else if(jQuery&&!jQuery.fn.sparkline){factory(jQuery)}})(function($){"use strict";var UNSET_OPTION={},getDefaults,createClass,SPFormat,clipval,quartile,normalizeValue,normalizeValues,remove,isNumber,all,sum,addCSS,ensureArray,formatNumber,RangeMap,MouseHandler,Tooltip,barHighlightMixin,line,bar,tristate,discrete,bullet,pie,box,defaultStyles,initStyles,VShape,VCanvas_base,VCanvas_canvas,VCanvas_vml,pending,shapeCount=0;getDefaults=function(){return{common:{type:"line",lineColor:"#00f",fillColor:"#cdf",defaultPixelsPerValue:3,width:"auto",height:"auto",composite:false,tagValuesAttribute:"values",tagOptionsPrefix:"spark",enableTagOptions:false,enableHighlight:true,highlightLighten:1.4,tooltipSkipNull:true,tooltipPrefix:"",tooltipSuffix:"",disableHiddenCheck:false,numberFormatter:false,numberDigitGroupCount:3,numberDigitGroupSep:",",numberDecimalMark:".",disableTooltips:false,disableInteraction:false},line:{spotColor:"#f80",highlightSpotColor:"#5f5",highlightLineColor:"#f22",spotRadius:1.5,minSpotColor:"#f80",maxSpotColor:"#f80",lineWidth:1,normalRangeMin:undefined,normalRangeMax:undefined,normalRangeColor:"#ccc",drawNormalOnTop:false,chartRangeMin:undefined,chartRangeMax:undefined,chartRangeMinX:undefined,chartRangeMaxX:undefined,tooltipFormat:new SPFormat('<span style="color: {{color}}">&#9679;</span> {{prefix}}{{y}}{{suffix}}')},bar:{barColor:"#3366cc",negBarColor:"#f44",stackedBarColor:["#3366cc","#dc3912","#ff9900","#109618","#66aa00","#dd4477","#0099c6","#990099"],zeroColor:undefined,nullColor:undefined,zeroAxis:true,barWidth:4,barSpacing:1,chartRangeMax:undefined,chartRangeMin:undefined,chartRangeClip:false,colorMap:undefined,tooltipFormat:new SPFormat('<span style="color: {{color}}">&#9679;</span> {{prefix}}{{value}}{{suffix}}')},tristate:{barWidth:4,barSpacing:1,posBarColor:"#6f6",negBarColor:"#f44",zeroBarColor:"#999",colorMap:{},tooltipFormat:new SPFormat('<span style="color: {{color}}">&#9679;</span> {{value:map}}'),tooltipValueLookups:{map:{"-1":"Loss",0:"Draw",1:"Win"}}},discrete:{lineHeight:"auto",thresholdColor:undefined,thresholdValue:0,chartRangeMax:undefined,chartRangeMin:undefined,chartRangeClip:false,tooltipFormat:new SPFormat("{{prefix}}{{value}}{{suffix}}")},bullet:{targetColor:"#f33",targetWidth:3,performanceColor:"#33f",rangeColors:["#d3dafe","#a8b6ff","#7f94ff"],base:undefined,tooltipFormat:new SPFormat("{{fieldkey:fields}} - {{value}}"),tooltipValueLookups:{fields:{r:"Range",p:"Performance",t:"Target"}}},pie:{offset:0,sliceColors:["#3366cc","#dc3912","#ff9900","#109618","#66aa00","#dd4477","#0099c6","#990099"],borderWidth:0,borderColor:"#000",tooltipFormat:new SPFormat('<span style="color: {{color}}">&#9679;</span> {{value}} ({{percent.1}}%)')},box:{raw:false,boxLineColor:"#000",boxFillColor:"#cdf",whiskerColor:"#000",outlierLineColor:"#333",outlierFillColor:"#fff",medianColor:"#f00",showOutliers:true,outlierIQR:1.5,spotRadius:1.5,target:undefined,targetColor:"#4a2",chartRangeMax:undefined,chartRangeMin:undefined,tooltipFormat:new SPFormat("{{field:fields}}: {{value}}"),tooltipFormatFieldlistKey:"field",tooltipValueLookups:{fields:{lq:"Lower Quartile",med:"Median",uq:"Upper Quartile",lo:"Left Outlier",ro:"Right Outlier",lw:"Left Whisker",rw:"Right Whisker"}}}}};defaultStyles=".jqstooltip { "+"position: absolute;"+"width: auto !important;"+"height: auto !important;"+"left: 0px;"+"top: 0px;"+"visibility: hidden;"+"background: rgb(0, 0, 0) transparent;"+"background-color: rgba(0,0,0,0.6);"+"filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);"+'-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";'+"color: white;"+"font: 10px arial, san serif;"+"text-align: left;"+"white-space: nowrap;"+"padding: 5px;"+"border: 1px solid white;"+"box-sizing: content-box;"+"z-index: 10000;"+"}"+".jqsfield { "+"color: white;"+"font: 10px arial, san serif;"+"text-align: left;"+"}";createClass=function(){var Class,args;Class=function(){this.init.apply(this,arguments)};if(arguments.length>1){if(arguments[0]){Class.prototype=$.extend(new arguments[0],arguments[arguments.length-1]);Class._super=arguments[0].prototype}else{Class.prototype=arguments[arguments.length-1]}if(arguments.length>2){args=Array.prototype.slice.call(arguments,1,-1);args.unshift(Class.prototype);$.extend.apply($,args)}}else{Class.prototype=arguments[0]}Class.prototype.cls=Class;return Class};$.SPFormatClass=SPFormat=createClass({fre:/\{\{([\w.]+?)(:(.+?))?\}\}/g,precre:/(\w+)\.(\d+)/,init:function(format,fclass){this.format=format;this.fclass=fclass},render:function(fieldset,lookups,options){var self=this,fields=fieldset,match,token,lookupkey,fieldvalue,prec;return this.format.replace(this.fre,function(){var lookup;token=arguments[1];lookupkey=arguments[3];match=self.precre.exec(token);if(match){prec=match[2];token=match[1]}else{prec=false}fieldvalue=fields[token];if(fieldvalue===undefined){return""}if(lookupkey&&lookups&&lookups[lookupkey]){lookup=lookups[lookupkey];if(lookup.get){return lookups[lookupkey].get(fieldvalue)||fieldvalue}else{return lookups[lookupkey][fieldvalue]||fieldvalue}}if(isNumber(fieldvalue)){if(options.get("numberFormatter")){fieldvalue=options.get("numberFormatter")(fieldvalue)}else{fieldvalue=formatNumber(fieldvalue,prec,options.get("numberDigitGroupCount"),options.get("numberDigitGroupSep"),options.get("numberDecimalMark"))}}return fieldvalue})}});$.spformat=function(format,fclass){return new SPFormat(format,fclass)};clipval=function(val,min,max){if(val<min){return min}if(val>max){return max}return val};quartile=function(values,q){var vl;if(q===2){vl=Math.floor(values.length/2);return values.length%2?values[vl]:(values[vl-1]+values[vl])/2}else{if(values.length%2){vl=(values.length*q+q)/4;return vl%1?(values[Math.floor(vl)]+values[Math.floor(vl)-1])/2:values[vl-1]}else{vl=(values.length*q+2)/4;return vl%1?(values[Math.floor(vl)]+values[Math.floor(vl)-1])/2:values[vl-1]}}};normalizeValue=function(val){var nf;switch(val){case"undefined":val=undefined;break;case"null":val=null;break;case"true":val=true;break;case"false":val=false;break;default:nf=parseFloat(val);if(val==nf){val=nf}}return val};normalizeValues=function(vals){var i,result=[];for(i=vals.length;i--;){result[i]=normalizeValue(vals[i])}return result};remove=function(vals,filter){var i,vl,result=[];for(i=0,vl=vals.length;i<vl;i++){if(vals[i]!==filter){result.push(vals[i])}}return result};isNumber=function(num){return!isNaN(parseFloat(num))&&isFinite(num)};formatNumber=function(num,prec,groupsize,groupsep,decsep){var p,i;num=(prec===false?parseFloat(num).toString():num.toFixed(prec)).split("");p=(p=$.inArray(".",num))<0?num.length:p;if(p<num.length){num[p]=decsep}for(i=p-groupsize;i>0;i-=groupsize){num.splice(i,0,groupsep)}return num.join("")};all=function(val,arr,ignoreNull){var i;for(i=arr.length;i--;){if(ignoreNull&&arr[i]===null)continue;if(arr[i]!==val){return false}}return true};sum=function(vals){var total=0,i;for(i=vals.length;i--;){total+=typeof vals[i]==="number"?vals[i]:0}return total};ensureArray=function(val){return $.isArray(val)?val:[val]};addCSS=function(css){var tag,iefail;if(document.createStyleSheet){try{document.createStyleSheet().cssText=css;return}catch(e){iefail=true}}tag=document.createElement("style");tag.type="text/css";document.getElementsByTagName("head")[0].appendChild(tag);if(iefail){document.styleSheets[document.styleSheets.length-1].cssText=css}else{tag[typeof document.body.style.WebkitAppearance=="string"?"innerText":"innerHTML"]=css}};$.fn.simpledraw=function(width,height,useExisting,interact){var target,mhandler;if(useExisting&&(target=this.data("_jqs_vcanvas"))){return target}if($.fn.sparkline.canvas===false){return false}else if($.fn.sparkline.canvas===undefined){var el=document.createElement("canvas");if(!!(el.getContext&&el.getContext("2d"))){$.fn.sparkline.canvas=function(width,height,target,interact){return new VCanvas_canvas(width,height,target,interact)}}else if(document.namespaces&&!document.namespaces.v){document.namespaces.add("v","urn:schemas-microsoft-com:vml","#default#VML");$.fn.sparkline.canvas=function(width,height,target,interact){return new VCanvas_vml(width,height,target)}}else{$.fn.sparkline.canvas=false;return false}}if(width===undefined){width=$(this).innerWidth()}if(height===undefined){height=$(this).innerHeight()}target=$.fn.sparkline.canvas(width,height,this,interact);mhandler=$(this).data("_jqs_mhandler");if(mhandler){mhandler.registerCanvas(target)}return target};$.fn.cleardraw=function(){var target=this.data("_jqs_vcanvas");if(target){target.reset()}};$.RangeMapClass=RangeMap=createClass({init:function(map){var key,range,rangelist=[];for(key in map){if(map.hasOwnProperty(key)&&typeof key==="string"&&key.indexOf(":")>-1){range=key.split(":");range[0]=range[0].length===0?-Infinity:parseFloat(range[0]);range[1]=range[1].length===0?Infinity:parseFloat(range[1]);range[2]=map[key];rangelist.push(range)}}this.map=map;this.rangelist=rangelist||false},get:function(value){var rangelist=this.rangelist,i,range,result;if((result=this.map[value])!==undefined){return result}if(rangelist){for(i=rangelist.length;i--;){range=rangelist[i];if(range[0]<=value&&range[1]>=value){return range[2]}}}return undefined}});$.range_map=function(map){return new RangeMap(map)};MouseHandler=createClass({init:function(el,options){var $el=$(el);this.$el=$el;this.options=options;this.currentPageX=0;this.currentPageY=0;this.el=el;this.splist=[];this.tooltip=null;this.over=false;this.displayTooltips=!options.get("disableTooltips");this.highlightEnabled=!options.get("disableHighlight")},registerSparkline:function(sp){this.splist.push(sp);if(this.over){this.updateDisplay()}},registerCanvas:function(canvas){var $canvas=$(canvas.canvas);this.canvas=canvas;this.$canvas=$canvas;$canvas.mouseenter($.proxy(this.mouseenter,this));$canvas.mouseleave($.proxy(this.mouseleave,this));$canvas.click($.proxy(this.mouseclick,this))},reset:function(removeTooltip){this.splist=[];if(this.tooltip&&removeTooltip){this.tooltip.remove();this.tooltip=undefined}},mouseclick:function(e){var clickEvent=$.Event("sparklineClick");clickEvent.originalEvent=e;clickEvent.sparklines=this.splist;this.$el.trigger(clickEvent)},mouseenter:function(e){$(document.body).unbind("mousemove.jqs");$(document.body).bind("mousemove.jqs",$.proxy(this.mousemove,this));this.over=true;this.currentPageX=e.pageX;this.currentPageY=e.pageY;this.currentEl=e.target;if(!this.tooltip&&this.displayTooltips){this.tooltip=new Tooltip(this.options);this.tooltip.updatePosition(e.pageX,e.pageY)}this.updateDisplay()},mouseleave:function(){$(document.body).unbind("mousemove.jqs");var splist=this.splist,spcount=splist.length,needsRefresh=false,sp,i;this.over=false;this.currentEl=null;if(this.tooltip){this.tooltip.remove();this.tooltip=null}for(i=0;i<spcount;i++){sp=splist[i];if(sp.clearRegionHighlight()){needsRefresh=true}}if(needsRefresh){this.canvas.render()}},mousemove:function(e){this.currentPageX=e.pageX;this.currentPageY=e.pageY;this.currentEl=e.target;if(this.tooltip){this.tooltip.updatePosition(e.pageX,e.pageY)}this.updateDisplay()},updateDisplay:function(){var splist=this.splist,spcount=splist.length,needsRefresh=false,offset=this.$canvas.offset(),localX=this.currentPageX-offset.left,localY=this.currentPageY-offset.top,tooltiphtml,sp,i,result,changeEvent;if(!this.over){return}for(i=0;i<spcount;i++){sp=splist[i];result=sp.setRegionHighlight(this.currentEl,localX,localY);if(result){needsRefresh=true}}if(needsRefresh){changeEvent=$.Event("sparklineRegionChange");changeEvent.sparklines=this.splist;this.$el.trigger(changeEvent);if(this.tooltip){tooltiphtml="";for(i=0;i<spcount;i++){sp=splist[i];tooltiphtml+=sp.getCurrentRegionTooltip()}this.tooltip.setContent(tooltiphtml)}if(!this.disableHighlight){this.canvas.render()}}if(result===null){this.mouseleave()}}});Tooltip=createClass({sizeStyle:"position: static !important;"+"display: block !important;"+"visibility: hidden !important;"+"float: left !important;",init:function(options){var tooltipClassname=options.get("tooltipClassname","jqstooltip"),sizetipStyle=this.sizeStyle,offset;this.container=options.get("tooltipContainer")||document.body;this.tooltipOffsetX=options.get("tooltipOffsetX",10);this.tooltipOffsetY=options.get("tooltipOffsetY",12);$("#jqssizetip").remove();$("#jqstooltip").remove();this.sizetip=$("<div/>",{id:"jqssizetip",style:sizetipStyle,"class":tooltipClassname});this.tooltip=$("<div/>",{id:"jqstooltip","class":tooltipClassname}).appendTo(this.container);offset=this.tooltip.offset();this.offsetLeft=offset.left;this.offsetTop=offset.top;this.hidden=true;$(window).unbind("resize.jqs scroll.jqs");$(window).bind("resize.jqs scroll.jqs",$.proxy(this.updateWindowDims,this));this.updateWindowDims()},updateWindowDims:function(){this.scrollTop=$(window).scrollTop();this.scrollLeft=$(window).scrollLeft();this.scrollRight=this.scrollLeft+$(window).width();this.updatePosition()},getSize:function(content){this.sizetip.html(content).appendTo(this.container);this.width=this.sizetip.width()+1;this.height=this.sizetip.height();this.sizetip.remove()},setContent:function(content){if(!content){this.tooltip.css("visibility","hidden");this.hidden=true;return}this.getSize(content);this.tooltip.html(content).css({width:this.width,height:this.height,visibility:"visible"});if(this.hidden){this.hidden=false;this.updatePosition()}},updatePosition:function(x,y){if(x===undefined){if(this.mousex===undefined){return}x=this.mousex-this.offsetLeft;y=this.mousey-this.offsetTop}else{this.mousex=x=x-this.offsetLeft;this.mousey=y=y-this.offsetTop}if(!this.height||!this.width||this.hidden){return}y-=this.height+this.tooltipOffsetY;x+=this.tooltipOffsetX;if(y<this.scrollTop){y=this.scrollTop}if(x<this.scrollLeft){x=this.scrollLeft}else if(x+this.width>this.scrollRight){x=this.scrollRight-this.width}this.tooltip.css({left:x,top:y})},remove:function(){this.tooltip.remove();this.sizetip.remove();this.sizetip=this.tooltip=undefined;$(window).unbind("resize.jqs scroll.jqs")}});initStyles=function(){addCSS(defaultStyles)};$(initStyles);pending=[];$.fn.sparkline=function(userValues,userOptions){return this.each(function(){var options=new $.fn.sparkline.options(this,userOptions),$this=$(this),render,i;render=function(){var values,width,height,tmp,mhandler,sp,vals;if(userValues==="html"||userValues===undefined){vals=this.getAttribute(options.get("tagValuesAttribute"));if(vals===undefined||vals===null){vals=$this.html()}values=vals.replace(/(^\s*<!--)|(-->\s*$)|\s+/g,"").split(",")}else{values=userValues}width=options.get("width")==="auto"?values.length*options.get("defaultPixelsPerValue"):options.get("width");if(options.get("height")==="auto"){if(!options.get("composite")||!$.data(this,"_jqs_vcanvas")){tmp=document.createElement("span");tmp.innerHTML="a";$this.html(tmp);height=$(tmp).innerHeight()||$(tmp).height();$(tmp).remove();tmp=null}}else{height=options.get("height")}if(!options.get("disableInteraction")){mhandler=$.data(this,"_jqs_mhandler");if(!mhandler){mhandler=new MouseHandler(this,options);$.data(this,"_jqs_mhandler",mhandler)}else if(!options.get("composite")){mhandler.reset()}}else{mhandler=false}if(options.get("composite")&&!$.data(this,"_jqs_vcanvas")){if(!$.data(this,"_jqs_errnotify")){alert("Attempted to attach a composite sparkline to an element with no existing sparkline");$.data(this,"_jqs_errnotify",true)}return}sp=new($.fn.sparkline[options.get("type")])(this,values,options,width,height);sp.render();if(mhandler){mhandler.registerSparkline(sp)}};if($(this).html()&&!options.get("disableHiddenCheck")&&$(this).is(":hidden")||!$(this).parents("body").length){if(!options.get("composite")&&$.data(this,"_jqs_pending")){for(i=pending.length;i;i--){if(pending[i-1][0]==this){pending.splice(i-1,1)}}}pending.push([this,render]);$.data(this,"_jqs_pending",true)}else{render.call(this)}})};$.fn.sparkline.defaults=getDefaults();$.sparkline_display_visible=function(){var el,i,pl;var done=[];for(i=0,pl=pending.length;i<pl;i++){el=pending[i][0];if($(el).is(":visible")&&!$(el).parents().is(":hidden")){pending[i][1].call(el);$.data(pending[i][0],"_jqs_pending",false);done.push(i)}else if(!$(el).closest("html").length&&!$.data(el,"_jqs_pending")){$.data(pending[i][0],"_jqs_pending",false);done.push(i)}}for(i=done.length;i;i--){pending.splice(done[i-1],1)}};$.fn.sparkline.options=createClass({init:function(tag,userOptions){var extendedOptions,defaults,base,tagOptionType;this.userOptions=userOptions=userOptions||{};this.tag=tag;this.tagValCache={};defaults=$.fn.sparkline.defaults;base=defaults.common;this.tagOptionsPrefix=userOptions.enableTagOptions&&(userOptions.tagOptionsPrefix||base.tagOptionsPrefix);tagOptionType=this.getTagSetting("type");if(tagOptionType===UNSET_OPTION){extendedOptions=defaults[userOptions.type||base.type]}else{extendedOptions=defaults[tagOptionType]}this.mergedOptions=$.extend({},base,extendedOptions,userOptions)},getTagSetting:function(key){var prefix=this.tagOptionsPrefix,val,i,pairs,keyval;if(prefix===false||prefix===undefined){return UNSET_OPTION}if(this.tagValCache.hasOwnProperty(key)){val=this.tagValCache.key}else{val=this.tag.getAttribute(prefix+key);if(val===undefined||val===null){val=UNSET_OPTION}else if(val.substr(0,1)==="["){val=val.substr(1,val.length-2).split(",");for(i=val.length;i--;){val[i]=normalizeValue(val[i].replace(/(^\s*)|(\s*$)/g,""))}}else if(val.substr(0,1)==="{"){pairs=val.substr(1,val.length-2).split(",");val={};for(i=pairs.length;i--;){keyval=pairs[i].split(":",2);val[keyval[0].replace(/(^\s*)|(\s*$)/g,"")]=normalizeValue(keyval[1].replace(/(^\s*)|(\s*$)/g,""))}}else{val=normalizeValue(val)}this.tagValCache.key=val}return val},get:function(key,defaultval){var tagOption=this.getTagSetting(key),result;if(tagOption!==UNSET_OPTION){return tagOption}return(result=this.mergedOptions[key])===undefined?defaultval:result}});$.fn.sparkline._base=createClass({disabled:false,init:function(el,values,options,width,height){this.el=el;this.$el=$(el);this.values=values;this.options=options;this.width=width;this.height=height;this.currentRegion=undefined},initTarget:function(){var interactive=!this.options.get("disableInteraction");if(!(this.target=this.$el.simpledraw(this.width,this.height,this.options.get("composite"),interactive))){this.disabled=true}else{this.canvasWidth=this.target.pixelWidth;this.canvasHeight=this.target.pixelHeight}},render:function(){if(this.disabled){this.el.innerHTML="";return false}return true},getRegion:function(x,y){},setRegionHighlight:function(el,x,y){var currentRegion=this.currentRegion,highlightEnabled=!this.options.get("disableHighlight"),newRegion;if(x>this.canvasWidth||y>this.canvasHeight||x<0||y<0){return null}newRegion=this.getRegion(el,x,y);if(currentRegion!==newRegion){if(currentRegion!==undefined&&highlightEnabled){this.removeHighlight()}this.currentRegion=newRegion;if(newRegion!==undefined&&highlightEnabled){this.renderHighlight()}return true}return false},clearRegionHighlight:function(){if(this.currentRegion!==undefined){this.removeHighlight();this.currentRegion=undefined;return true}return false},renderHighlight:function(){this.changeHighlight(true)},removeHighlight:function(){this.changeHighlight(false)},changeHighlight:function(highlight){},getCurrentRegionTooltip:function(){var options=this.options,header="",entries=[],fields,formats,formatlen,fclass,text,i,showFields,showFieldsKey,newFields,fv,formatter,format,fieldlen,j;if(this.currentRegion===undefined){return""}fields=this.getCurrentRegionFields();formatter=options.get("tooltipFormatter");if(formatter){return formatter(this,options,fields)}if(options.get("tooltipChartTitle")){header+='<div class="jqs jqstitle">'+options.get("tooltipChartTitle")+"</div>\n"}formats=this.options.get("tooltipFormat");if(!formats){return""}if(!$.isArray(formats)){formats=[formats]}if(!$.isArray(fields)){fields=[fields]}showFields=this.options.get("tooltipFormatFieldlist");showFieldsKey=this.options.get("tooltipFormatFieldlistKey");if(showFields&&showFieldsKey){newFields=[];for(i=fields.length;i--;){fv=fields[i][showFieldsKey];if((j=$.inArray(fv,showFields))!=-1){newFields[j]=fields[i]}}fields=newFields}formatlen=formats.length;fieldlen=fields.length;for(i=0;i<formatlen;i++){format=formats[i];if(typeof format==="string"){format=new SPFormat(format)}fclass=format.fclass||"jqsfield";for(j=0;j<fieldlen;j++){if(!fields[j].isNull||!options.get("tooltipSkipNull")){$.extend(fields[j],{prefix:options.get("tooltipPrefix"),suffix:options.get("tooltipSuffix")});text=format.render(fields[j],options.get("tooltipValueLookups"),options);entries.push('<div class="'+fclass+'">'+text+"</div>")}}}if(entries.length){return header+entries.join("\n")}return""},getCurrentRegionFields:function(){},calcHighlightColor:function(color,options){var highlightColor=options.get("highlightColor"),lighten=options.get("highlightLighten"),parse,mult,rgbnew,i;if(highlightColor){return highlightColor}if(lighten){parse=/^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(color)||/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(color);if(parse){rgbnew=[];mult=color.length===4?16:1;for(i=0;i<3;i++){rgbnew[i]=clipval(Math.round(parseInt(parse[i+1],16)*mult*lighten),0,255)}return"rgb("+rgbnew.join(",")+")"}}return color}});barHighlightMixin={changeHighlight:function(highlight){var currentRegion=this.currentRegion,target=this.target,shapeids=this.regionShapes[currentRegion],newShapes;if(shapeids){newShapes=this.renderRegion(currentRegion,highlight);if($.isArray(newShapes)||$.isArray(shapeids)){target.replaceWithShapes(shapeids,newShapes);this.regionShapes[currentRegion]=$.map(newShapes,function(newShape){return newShape.id})}else{target.replaceWithShape(shapeids,newShapes);this.regionShapes[currentRegion]=newShapes.id}}},render:function(){var values=this.values,target=this.target,regionShapes=this.regionShapes,shapes,ids,i,j;if(!this.cls._super.render.call(this)){return}for(i=values.length;i--;){shapes=this.renderRegion(i);if(shapes){if($.isArray(shapes)){ids=[];for(j=shapes.length;j--;){shapes[j].append();ids.push(shapes[j].id)}regionShapes[i]=ids}else{shapes.append();regionShapes[i]=shapes.id}}else{regionShapes[i]=null}}target.render()}};$.fn.sparkline.line=line=createClass($.fn.sparkline._base,{type:"line",init:function(el,values,options,width,height){line._super.init.call(this,el,values,options,width,height);this.vertices=[];this.regionMap=[];this.xvalues=[];this.yvalues=[];this.yminmax=[];this.hightlightSpotId=null;this.lastShapeId=null;this.initTarget()},getRegion:function(el,x,y){var i,regionMap=this.regionMap;for(i=regionMap.length;i--;){if(regionMap[i]!==null&&x>=regionMap[i][0]&&x<=regionMap[i][1]){return regionMap[i][2]}}return undefined},getCurrentRegionFields:function(){var currentRegion=this.currentRegion;return{isNull:this.yvalues[currentRegion]===null,x:this.xvalues[currentRegion],y:this.yvalues[currentRegion],color:this.options.get("lineColor"),fillColor:this.options.get("fillColor"),offset:currentRegion}},renderHighlight:function(){var currentRegion=this.currentRegion,target=this.target,vertex=this.vertices[currentRegion],options=this.options,spotRadius=options.get("spotRadius"),highlightSpotColor=options.get("highlightSpotColor"),highlightLineColor=options.get("highlightLineColor"),highlightSpot,highlightLine;if(!vertex){return}if(spotRadius&&highlightSpotColor){highlightSpot=target.drawCircle(vertex[0],vertex[1],spotRadius,undefined,highlightSpotColor);this.highlightSpotId=highlightSpot.id;target.insertAfterShape(this.lastShapeId,highlightSpot)}if(highlightLineColor){highlightLine=target.drawLine(vertex[0],this.canvasTop,vertex[0],this.canvasTop+this.canvasHeight,highlightLineColor);this.highlightLineId=highlightLine.id;target.insertAfterShape(this.lastShapeId,highlightLine)}},removeHighlight:function(){var target=this.target;if(this.highlightSpotId){target.removeShapeId(this.highlightSpotId);this.highlightSpotId=null}if(this.highlightLineId){target.removeShapeId(this.highlightLineId);this.highlightLineId=null}},scanValues:function(){var values=this.values,valcount=values.length,xvalues=this.xvalues,yvalues=this.yvalues,yminmax=this.yminmax,i,val,isStr,isArray,sp;for(i=0;i<valcount;i++){val=values[i];isStr=typeof values[i]==="string";isArray=typeof values[i]==="object"&&values[i]instanceof Array;sp=isStr&&values[i].split(":");if(isStr&&sp.length===2){xvalues.push(Number(sp[0]));yvalues.push(Number(sp[1]));yminmax.push(Number(sp[1]))}else if(isArray){xvalues.push(val[0]);yvalues.push(val[1]);yminmax.push(val[1])}else{xvalues.push(i);if(values[i]===null||values[i]==="null"){yvalues.push(null)}else{yvalues.push(Number(val));yminmax.push(Number(val))}}}if(this.options.get("xvalues")){xvalues=this.options.get("xvalues")}this.maxy=this.maxyorg=Math.max.apply(Math,yminmax);this.miny=this.minyorg=Math.min.apply(Math,yminmax);this.maxx=Math.max.apply(Math,xvalues);this.minx=Math.min.apply(Math,xvalues);this.xvalues=xvalues;this.yvalues=yvalues;this.yminmax=yminmax},processRangeOptions:function(){var options=this.options,normalRangeMin=options.get("normalRangeMin"),normalRangeMax=options.get("normalRangeMax");if(normalRangeMin!==undefined){if(normalRangeMin<this.miny){this.miny=normalRangeMin}if(normalRangeMax>this.maxy){this.maxy=normalRangeMax}}if(options.get("chartRangeMin")!==undefined&&(options.get("chartRangeClip")||options.get("chartRangeMin")<this.miny)){this.miny=options.get("chartRangeMin")}if(options.get("chartRangeMax")!==undefined&&(options.get("chartRangeClip")||options.get("chartRangeMax")>this.maxy)){this.maxy=options.get("chartRangeMax")}if(options.get("chartRangeMinX")!==undefined&&(options.get("chartRangeClipX")||options.get("chartRangeMinX")<this.minx)){this.minx=options.get("chartRangeMinX")}if(options.get("chartRangeMaxX")!==undefined&&(options.get("chartRangeClipX")||options.get("chartRangeMaxX")>this.maxx)){this.maxx=options.get("chartRangeMaxX")}},drawNormalRange:function(canvasLeft,canvasTop,canvasHeight,canvasWidth,rangey){var normalRangeMin=this.options.get("normalRangeMin"),normalRangeMax=this.options.get("normalRangeMax"),ytop=canvasTop+Math.round(canvasHeight-canvasHeight*((normalRangeMax-this.miny)/rangey)),height=Math.round(canvasHeight*(normalRangeMax-normalRangeMin)/rangey);this.target.drawRect(canvasLeft,ytop,canvasWidth,height,undefined,this.options.get("normalRangeColor")).append()},render:function(){var options=this.options,target=this.target,canvasWidth=this.canvasWidth,canvasHeight=this.canvasHeight,vertices=this.vertices,spotRadius=options.get("spotRadius"),regionMap=this.regionMap,rangex,rangey,yvallast,canvasTop,canvasLeft,vertex,path,paths,x,y,xnext,xpos,xposnext,last,next,yvalcount,lineShapes,fillShapes,plen,valueSpots,hlSpotsEnabled,color,xvalues,yvalues,i;if(!line._super.render.call(this)){return}this.scanValues();this.processRangeOptions();xvalues=this.xvalues;yvalues=this.yvalues;if(!this.yminmax.length||this.yvalues.length<2){return}canvasTop=canvasLeft=0;rangex=this.maxx-this.minx===0?1:this.maxx-this.minx;rangey=this.maxy-this.miny===0?1:this.maxy-this.miny;yvallast=this.yvalues.length-1;if(spotRadius&&(canvasWidth<spotRadius*4||canvasHeight<spotRadius*4)){spotRadius=0}if(spotRadius){hlSpotsEnabled=options.get("highlightSpotColor")&&!options.get("disableInteraction");if(hlSpotsEnabled||options.get("minSpotColor")||options.get("spotColor")&&yvalues[yvallast]===this.miny){canvasHeight-=Math.ceil(spotRadius)}if(hlSpotsEnabled||options.get("maxSpotColor")||options.get("spotColor")&&yvalues[yvallast]===this.maxy){canvasHeight-=Math.ceil(spotRadius);canvasTop+=Math.ceil(spotRadius)}if(hlSpotsEnabled||(options.get("minSpotColor")||options.get("maxSpotColor"))&&(yvalues[0]===this.miny||yvalues[0]===this.maxy)){canvasLeft+=Math.ceil(spotRadius);canvasWidth-=Math.ceil(spotRadius)}if(hlSpotsEnabled||options.get("spotColor")||(options.get("minSpotColor")||options.get("maxSpotColor")&&(yvalues[yvallast]===this.miny||yvalues[yvallast]===this.maxy))){canvasWidth-=Math.ceil(spotRadius)}}canvasHeight--;if(options.get("normalRangeMin")!==undefined&&!options.get("drawNormalOnTop")){this.drawNormalRange(canvasLeft,canvasTop,canvasHeight,canvasWidth,rangey)}path=[];paths=[path];last=next=null;yvalcount=yvalues.length;for(i=0;i<yvalcount;i++){x=xvalues[i];xnext=xvalues[i+1];y=yvalues[i];xpos=canvasLeft+Math.round((x-this.minx)*(canvasWidth/rangex));xposnext=i<yvalcount-1?canvasLeft+Math.round((xnext-this.minx)*(canvasWidth/rangex)):canvasWidth;next=xpos+(xposnext-xpos)/2;regionMap[i]=[last||0,next,i];last=next;if(y===null){if(i){if(yvalues[i-1]!==null){path=[];paths.push(path)}vertices.push(null)}}else{if(y<this.miny){y=this.miny}if(y>this.maxy){y=this.maxy}if(!path.length){path.push([xpos,canvasTop+canvasHeight])}vertex=[xpos,canvasTop+Math.round(canvasHeight-canvasHeight*((y-this.miny)/rangey))];path.push(vertex);vertices.push(vertex)}}lineShapes=[];fillShapes=[];plen=paths.length;for(i=0;i<plen;i++){path=paths[i];if(path.length){if(options.get("fillColor")){path.push([path[path.length-1][0],canvasTop+canvasHeight]);fillShapes.push(path.slice(0));path.pop()}if(path.length>2){path[0]=[path[0][0],path[1][1]]}lineShapes.push(path)}}plen=fillShapes.length;for(i=0;i<plen;i++){target.drawShape(fillShapes[i],options.get("fillColor"),options.get("fillColor")).append()}if(options.get("normalRangeMin")!==undefined&&options.get("drawNormalOnTop")){this.drawNormalRange(canvasLeft,canvasTop,canvasHeight,canvasWidth,rangey)}plen=lineShapes.length;for(i=0;i<plen;i++){target.drawShape(lineShapes[i],options.get("lineColor"),undefined,options.get("lineWidth")).append()}if(spotRadius&&options.get("valueSpots")){valueSpots=options.get("valueSpots");if(valueSpots.get===undefined){valueSpots=new RangeMap(valueSpots)}for(i=0;i<yvalcount;i++){color=valueSpots.get(yvalues[i]);if(color){target.drawCircle(canvasLeft+Math.round((xvalues[i]-this.minx)*(canvasWidth/rangex)),canvasTop+Math.round(canvasHeight-canvasHeight*((yvalues[i]-this.miny)/rangey)),spotRadius,undefined,color).append()}}}if(spotRadius&&options.get("spotColor")&&yvalues[yvallast]!==null){target.drawCircle(canvasLeft+Math.round((xvalues[xvalues.length-1]-this.minx)*(canvasWidth/rangex)),canvasTop+Math.round(canvasHeight-canvasHeight*((yvalues[yvallast]-this.miny)/rangey)),spotRadius,undefined,options.get("spotColor")).append()}if(this.maxy!==this.minyorg){if(spotRadius&&options.get("minSpotColor")){x=xvalues[$.inArray(this.minyorg,yvalues)];target.drawCircle(canvasLeft+Math.round((x-this.minx)*(canvasWidth/rangex)),canvasTop+Math.round(canvasHeight-canvasHeight*((this.minyorg-this.miny)/rangey)),spotRadius,undefined,options.get("minSpotColor")).append()}if(spotRadius&&options.get("maxSpotColor")){x=xvalues[$.inArray(this.maxyorg,yvalues)];target.drawCircle(canvasLeft+Math.round((x-this.minx)*(canvasWidth/rangex)),canvasTop+Math.round(canvasHeight-canvasHeight*((this.maxyorg-this.miny)/rangey)),spotRadius,undefined,options.get("maxSpotColor")).append()}}this.lastShapeId=target.getLastShapeId();this.canvasTop=canvasTop;target.render()}});$.fn.sparkline.bar=bar=createClass($.fn.sparkline._base,barHighlightMixin,{type:"bar",init:function(el,values,options,width,height){var barWidth=parseInt(options.get("barWidth"),10),barSpacing=parseInt(options.get("barSpacing"),10),chartRangeMin=options.get("chartRangeMin"),chartRangeMax=options.get("chartRangeMax"),chartRangeClip=options.get("chartRangeClip"),stackMin=Infinity,stackMax=-Infinity,isStackString,groupMin,groupMax,stackRanges,numValues,i,vlen,range,zeroAxis,xaxisOffset,min,max,clipMin,clipMax,stacked,vlist,j,slen,svals,val,yoffset,yMaxCalc,canvasHeightEf;bar._super.init.call(this,el,values,options,width,height);for(i=0,vlen=values.length;i<vlen;i++){val=values[i];isStackString=typeof val==="string"&&val.indexOf(":")>-1;if(isStackString||$.isArray(val)){stacked=true;if(isStackString){val=values[i]=normalizeValues(val.split(":"));
+
+}val=remove(val,null);groupMin=Math.min.apply(Math,val);groupMax=Math.max.apply(Math,val);if(groupMin<stackMin){stackMin=groupMin}if(groupMax>stackMax){stackMax=groupMax}}}this.stacked=stacked;this.regionShapes={};this.barWidth=barWidth;this.barSpacing=barSpacing;this.totalBarWidth=barWidth+barSpacing;this.width=width=values.length*barWidth+(values.length-1)*barSpacing;this.initTarget();if(chartRangeClip){clipMin=chartRangeMin===undefined?-Infinity:chartRangeMin;clipMax=chartRangeMax===undefined?Infinity:chartRangeMax}numValues=[];stackRanges=stacked?[]:numValues;var stackTotals=[];var stackRangesNeg=[];for(i=0,vlen=values.length;i<vlen;i++){if(stacked){vlist=values[i];values[i]=svals=[];stackTotals[i]=0;stackRanges[i]=stackRangesNeg[i]=0;for(j=0,slen=vlist.length;j<slen;j++){val=svals[j]=chartRangeClip?clipval(vlist[j],clipMin,clipMax):vlist[j];if(val!==null){if(val>0){stackTotals[i]+=val}if(stackMin<0&&stackMax>0){if(val<0){stackRangesNeg[i]+=Math.abs(val)}else{stackRanges[i]+=val}}else{stackRanges[i]+=Math.abs(val-(val<0?stackMax:stackMin))}numValues.push(val)}}}else{val=chartRangeClip?clipval(values[i],clipMin,clipMax):values[i];val=values[i]=normalizeValue(val);if(val!==null){numValues.push(val)}}}this.max=max=Math.max.apply(Math,numValues);this.min=min=Math.min.apply(Math,numValues);this.stackMax=stackMax=stacked?Math.max.apply(Math,stackTotals):max;this.stackMin=stackMin=stacked?Math.min.apply(Math,numValues):min;if(options.get("chartRangeMin")!==undefined&&(options.get("chartRangeClip")||options.get("chartRangeMin")<min)){min=options.get("chartRangeMin")}if(options.get("chartRangeMax")!==undefined&&(options.get("chartRangeClip")||options.get("chartRangeMax")>max)){max=options.get("chartRangeMax")}this.zeroAxis=zeroAxis=options.get("zeroAxis",true);if(min<=0&&max>=0&&zeroAxis){xaxisOffset=0}else if(zeroAxis==false){xaxisOffset=min}else if(min>0){xaxisOffset=min}else{xaxisOffset=max}this.xaxisOffset=xaxisOffset;range=stacked?Math.max.apply(Math,stackRanges)+Math.max.apply(Math,stackRangesNeg):max-min;this.canvasHeightEf=zeroAxis&&min<0?this.canvasHeight-2:this.canvasHeight-1;if(min<xaxisOffset){yMaxCalc=stacked&&max>=0?stackMax:max;yoffset=(yMaxCalc-xaxisOffset)/range*this.canvasHeight;if(yoffset!==Math.ceil(yoffset)){this.canvasHeightEf-=2;yoffset=Math.ceil(yoffset)}}else{yoffset=this.canvasHeight}this.yoffset=yoffset;if($.isArray(options.get("colorMap"))){this.colorMapByIndex=options.get("colorMap");this.colorMapByValue=null}else{this.colorMapByIndex=null;this.colorMapByValue=options.get("colorMap");if(this.colorMapByValue&&this.colorMapByValue.get===undefined){this.colorMapByValue=new RangeMap(this.colorMapByValue)}}this.range=range},getRegion:function(el,x,y){var result=Math.floor(x/this.totalBarWidth);return result<0||result>=this.values.length?undefined:result},getCurrentRegionFields:function(){var currentRegion=this.currentRegion,values=ensureArray(this.values[currentRegion]),result=[],value,i;for(i=values.length;i--;){value=values[i];result.push({isNull:value===null,value:value,color:this.calcColor(i,value,currentRegion),offset:currentRegion})}return result},calcColor:function(stacknum,value,valuenum){var colorMapByIndex=this.colorMapByIndex,colorMapByValue=this.colorMapByValue,options=this.options,color,newColor;if(this.stacked){color=options.get("stackedBarColor")}else{color=value<0?options.get("negBarColor"):options.get("barColor")}if(value===0&&options.get("zeroColor")!==undefined){color=options.get("zeroColor")}if(colorMapByValue&&(newColor=colorMapByValue.get(value))){color=newColor}else if(colorMapByIndex&&colorMapByIndex.length>valuenum){color=colorMapByIndex[valuenum]}return $.isArray(color)?color[stacknum%color.length]:color},renderRegion:function(valuenum,highlight){var vals=this.values[valuenum],options=this.options,xaxisOffset=this.xaxisOffset,result=[],range=this.range,stacked=this.stacked,target=this.target,x=valuenum*this.totalBarWidth,canvasHeightEf=this.canvasHeightEf,yoffset=this.yoffset,y,height,color,isNull,yoffsetNeg,i,valcount,val,minPlotted,allMin;vals=$.isArray(vals)?vals:[vals];valcount=vals.length;val=vals[0];isNull=all(null,vals);allMin=all(xaxisOffset,vals,true);if(isNull){if(options.get("nullColor")){color=highlight?options.get("nullColor"):this.calcHighlightColor(options.get("nullColor"),options);y=yoffset>0?yoffset-1:yoffset;return target.drawRect(x,y,this.barWidth-1,0,color,color)}else{return undefined}}yoffsetNeg=yoffset;for(i=0;i<valcount;i++){val=vals[i];if(stacked&&val===xaxisOffset){if(!allMin||minPlotted){continue}minPlotted=true}if(range>0){height=Math.floor(canvasHeightEf*(Math.abs(val-xaxisOffset)/range))+1}else{height=1}if(val<xaxisOffset||val===xaxisOffset&&yoffset===0){y=yoffsetNeg;yoffsetNeg+=height}else{y=yoffset-height;yoffset-=height}color=this.calcColor(i,val,valuenum);if(highlight){color=this.calcHighlightColor(color,options)}result.push(target.drawRect(x,y,this.barWidth-1,height-1,color,color))}if(result.length===1){return result[0]}return result}});$.fn.sparkline.tristate=tristate=createClass($.fn.sparkline._base,barHighlightMixin,{type:"tristate",init:function(el,values,options,width,height){var barWidth=parseInt(options.get("barWidth"),10),barSpacing=parseInt(options.get("barSpacing"),10);tristate._super.init.call(this,el,values,options,width,height);this.regionShapes={};this.barWidth=barWidth;this.barSpacing=barSpacing;this.totalBarWidth=barWidth+barSpacing;this.values=$.map(values,Number);this.width=width=values.length*barWidth+(values.length-1)*barSpacing;if($.isArray(options.get("colorMap"))){this.colorMapByIndex=options.get("colorMap");this.colorMapByValue=null}else{this.colorMapByIndex=null;this.colorMapByValue=options.get("colorMap");if(this.colorMapByValue&&this.colorMapByValue.get===undefined){this.colorMapByValue=new RangeMap(this.colorMapByValue)}}this.initTarget()},getRegion:function(el,x,y){return Math.floor(x/this.totalBarWidth)},getCurrentRegionFields:function(){var currentRegion=this.currentRegion;return{isNull:this.values[currentRegion]===undefined,value:this.values[currentRegion],color:this.calcColor(this.values[currentRegion],currentRegion),offset:currentRegion}},calcColor:function(value,valuenum){var values=this.values,options=this.options,colorMapByIndex=this.colorMapByIndex,colorMapByValue=this.colorMapByValue,color,newColor;if(colorMapByValue&&(newColor=colorMapByValue.get(value))){color=newColor}else if(colorMapByIndex&&colorMapByIndex.length>valuenum){color=colorMapByIndex[valuenum]}else if(values[valuenum]<0){color=options.get("negBarColor")}else if(values[valuenum]>0){color=options.get("posBarColor")}else{color=options.get("zeroBarColor")}return color},renderRegion:function(valuenum,highlight){var values=this.values,options=this.options,target=this.target,canvasHeight,height,halfHeight,x,y,color;canvasHeight=target.pixelHeight;halfHeight=Math.round(canvasHeight/2);x=valuenum*this.totalBarWidth;if(values[valuenum]<0){y=halfHeight;height=halfHeight-1}else if(values[valuenum]>0){y=0;height=halfHeight-1}else{y=halfHeight-1;height=2}color=this.calcColor(values[valuenum],valuenum);if(color===null){return}if(highlight){color=this.calcHighlightColor(color,options)}return target.drawRect(x,y,this.barWidth-1,height-1,color,color)}});$.fn.sparkline.discrete=discrete=createClass($.fn.sparkline._base,barHighlightMixin,{type:"discrete",init:function(el,values,options,width,height){discrete._super.init.call(this,el,values,options,width,height);this.regionShapes={};this.values=values=$.map(values,Number);this.min=Math.min.apply(Math,values);this.max=Math.max.apply(Math,values);this.range=this.max-this.min;this.width=width=options.get("width")==="auto"?values.length*2:this.width;this.interval=Math.floor(width/values.length);this.itemWidth=width/values.length;if(options.get("chartRangeMin")!==undefined&&(options.get("chartRangeClip")||options.get("chartRangeMin")<this.min)){this.min=options.get("chartRangeMin")}if(options.get("chartRangeMax")!==undefined&&(options.get("chartRangeClip")||options.get("chartRangeMax")>this.max)){this.max=options.get("chartRangeMax")}this.initTarget();if(this.target){this.lineHeight=options.get("lineHeight")==="auto"?Math.round(this.canvasHeight*.3):options.get("lineHeight")}},getRegion:function(el,x,y){return Math.floor(x/this.itemWidth)},getCurrentRegionFields:function(){var currentRegion=this.currentRegion;return{isNull:this.values[currentRegion]===undefined,value:this.values[currentRegion],offset:currentRegion}},renderRegion:function(valuenum,highlight){var values=this.values,options=this.options,min=this.min,max=this.max,range=this.range,interval=this.interval,target=this.target,canvasHeight=this.canvasHeight,lineHeight=this.lineHeight,pheight=canvasHeight-lineHeight,ytop,val,color,x;val=clipval(values[valuenum],min,max);x=valuenum*interval;ytop=Math.round(pheight-pheight*((val-min)/range));color=options.get("thresholdColor")&&val<options.get("thresholdValue")?options.get("thresholdColor"):options.get("lineColor");if(highlight){color=this.calcHighlightColor(color,options)}return target.drawLine(x,ytop,x,ytop+lineHeight,color)}});$.fn.sparkline.bullet=bullet=createClass($.fn.sparkline._base,{type:"bullet",init:function(el,values,options,width,height){var min,max,vals;bullet._super.init.call(this,el,values,options,width,height);this.values=values=normalizeValues(values);vals=values.slice();vals[0]=vals[0]===null?vals[2]:vals[0];vals[1]=values[1]===null?vals[2]:vals[1];min=Math.min.apply(Math,values);max=Math.max.apply(Math,values);if(options.get("base")===undefined){min=min<0?min:0}else{min=options.get("base")}this.min=min;this.max=max;this.range=max-min;this.shapes={};this.valueShapes={};this.regiondata={};this.width=width=options.get("width")==="auto"?"4.0em":width;this.target=this.$el.simpledraw(width,height,options.get("composite"));if(!values.length){this.disabled=true}this.initTarget()},getRegion:function(el,x,y){var shapeid=this.target.getShapeAt(el,x,y);return shapeid!==undefined&&this.shapes[shapeid]!==undefined?this.shapes[shapeid]:undefined},getCurrentRegionFields:function(){var currentRegion=this.currentRegion;return{fieldkey:currentRegion.substr(0,1),value:this.values[currentRegion.substr(1)],region:currentRegion}},changeHighlight:function(highlight){var currentRegion=this.currentRegion,shapeid=this.valueShapes[currentRegion],shape;delete this.shapes[shapeid];switch(currentRegion.substr(0,1)){case"r":shape=this.renderRange(currentRegion.substr(1),highlight);break;case"p":shape=this.renderPerformance(highlight);break;case"t":shape=this.renderTarget(highlight);break}this.valueShapes[currentRegion]=shape.id;this.shapes[shape.id]=currentRegion;this.target.replaceWithShape(shapeid,shape)},renderRange:function(rn,highlight){var rangeval=this.values[rn],rangewidth=Math.round(this.canvasWidth*((rangeval-this.min)/this.range)),color=this.options.get("rangeColors")[rn-2];if(highlight){color=this.calcHighlightColor(color,this.options)}return this.target.drawRect(0,0,rangewidth-1,this.canvasHeight-1,color,color)},renderPerformance:function(highlight){var perfval=this.values[1],perfwidth=Math.round(this.canvasWidth*((perfval-this.min)/this.range)),color=this.options.get("performanceColor");if(highlight){color=this.calcHighlightColor(color,this.options)}return this.target.drawRect(0,Math.round(this.canvasHeight*.3),perfwidth-1,Math.round(this.canvasHeight*.4)-1,color,color)},renderTarget:function(highlight){var targetval=this.values[0],x=Math.round(this.canvasWidth*((targetval-this.min)/this.range)-this.options.get("targetWidth")/2),targettop=Math.round(this.canvasHeight*.1),targetheight=this.canvasHeight-targettop*2,color=this.options.get("targetColor");if(highlight){color=this.calcHighlightColor(color,this.options)}return this.target.drawRect(x,targettop,this.options.get("targetWidth")-1,targetheight-1,color,color)},render:function(){var vlen=this.values.length,target=this.target,i,shape;if(!bullet._super.render.call(this)){return}for(i=2;i<vlen;i++){shape=this.renderRange(i).append();this.shapes[shape.id]="r"+i;this.valueShapes["r"+i]=shape.id}if(this.values[1]!==null){shape=this.renderPerformance().append();this.shapes[shape.id]="p1";this.valueShapes.p1=shape.id}if(this.values[0]!==null){shape=this.renderTarget().append();this.shapes[shape.id]="t0";this.valueShapes.t0=shape.id}target.render()}});$.fn.sparkline.pie=pie=createClass($.fn.sparkline._base,{type:"pie",init:function(el,values,options,width,height){var total=0,i;pie._super.init.call(this,el,values,options,width,height);this.shapes={};this.valueShapes={};this.values=values=$.map(values,Number);if(options.get("width")==="auto"){this.width=this.height}if(values.length>0){for(i=values.length;i--;){total+=values[i]}}this.total=total;this.initTarget();this.radius=Math.floor(Math.min(this.canvasWidth,this.canvasHeight)/2)},getRegion:function(el,x,y){var shapeid=this.target.getShapeAt(el,x,y);return shapeid!==undefined&&this.shapes[shapeid]!==undefined?this.shapes[shapeid]:undefined},getCurrentRegionFields:function(){var currentRegion=this.currentRegion;return{isNull:this.values[currentRegion]===undefined,value:this.values[currentRegion],percent:this.values[currentRegion]/this.total*100,color:this.options.get("sliceColors")[currentRegion%this.options.get("sliceColors").length],offset:currentRegion}},changeHighlight:function(highlight){var currentRegion=this.currentRegion,newslice=this.renderSlice(currentRegion,highlight),shapeid=this.valueShapes[currentRegion];delete this.shapes[shapeid];this.target.replaceWithShape(shapeid,newslice);this.valueShapes[currentRegion]=newslice.id;this.shapes[newslice.id]=currentRegion},renderSlice:function(valuenum,highlight){var target=this.target,options=this.options,radius=this.radius,borderWidth=options.get("borderWidth"),offset=options.get("offset"),circle=2*Math.PI,values=this.values,total=this.total,next=offset?2*Math.PI*(offset/360):0,start,end,i,vlen,color;vlen=values.length;for(i=0;i<vlen;i++){start=next;end=next;if(total>0){end=next+circle*(values[i]/total)}if(valuenum===i){color=options.get("sliceColors")[i%options.get("sliceColors").length];if(highlight){color=this.calcHighlightColor(color,options)}return target.drawPieSlice(radius,radius,radius-borderWidth,start,end,undefined,color)}next=end}},render:function(){var target=this.target,values=this.values,options=this.options,radius=this.radius,borderWidth=options.get("borderWidth"),shape,i;if(!pie._super.render.call(this)){return}if(borderWidth){target.drawCircle(radius,radius,Math.floor(radius-borderWidth/2),options.get("borderColor"),undefined,borderWidth).append()}for(i=values.length;i--;){if(values[i]){shape=this.renderSlice(i).append();this.valueShapes[i]=shape.id;this.shapes[shape.id]=i}}target.render()}});$.fn.sparkline.box=box=createClass($.fn.sparkline._base,{type:"box",init:function(el,values,options,width,height){box._super.init.call(this,el,values,options,width,height);this.values=$.map(values,Number);this.width=options.get("width")==="auto"?"4.0em":width;this.initTarget();if(!this.values.length){this.disabled=1}},getRegion:function(){return 1},getCurrentRegionFields:function(){var result=[{field:"lq",value:this.quartiles[0]},{field:"med",value:this.quartiles[1]},{field:"uq",value:this.quartiles[2]}];if(this.loutlier!==undefined){result.push({field:"lo",value:this.loutlier})}if(this.routlier!==undefined){result.push({field:"ro",value:this.routlier})}if(this.lwhisker!==undefined){result.push({field:"lw",value:this.lwhisker})}if(this.rwhisker!==undefined){result.push({field:"rw",value:this.rwhisker})}return result},render:function(){var target=this.target,values=this.values,vlen=values.length,options=this.options,canvasWidth=this.canvasWidth,canvasHeight=this.canvasHeight,minValue=options.get("chartRangeMin")===undefined?Math.min.apply(Math,values):options.get("chartRangeMin"),maxValue=options.get("chartRangeMax")===undefined?Math.max.apply(Math,values):options.get("chartRangeMax"),canvasLeft=0,lwhisker,loutlier,iqr,q1,q2,q3,rwhisker,routlier,i,size,unitSize;if(!box._super.render.call(this)){return}if(options.get("raw")){if(options.get("showOutliers")&&values.length>5){loutlier=values[0];lwhisker=values[1];q1=values[2];q2=values[3];q3=values[4];rwhisker=values[5];routlier=values[6]}else{lwhisker=values[0];q1=values[1];q2=values[2];q3=values[3];rwhisker=values[4]}}else{values.sort(function(a,b){return a-b});q1=quartile(values,1);q2=quartile(values,2);q3=quartile(values,3);iqr=q3-q1;if(options.get("showOutliers")){lwhisker=rwhisker=undefined;for(i=0;i<vlen;i++){if(lwhisker===undefined&&values[i]>q1-iqr*options.get("outlierIQR")){lwhisker=values[i]}if(values[i]<q3+iqr*options.get("outlierIQR")){rwhisker=values[i]}}loutlier=values[0];routlier=values[vlen-1]}else{lwhisker=values[0];rwhisker=values[vlen-1]}}this.quartiles=[q1,q2,q3];this.lwhisker=lwhisker;this.rwhisker=rwhisker;this.loutlier=loutlier;this.routlier=routlier;unitSize=canvasWidth/(maxValue-minValue+1);if(options.get("showOutliers")){canvasLeft=Math.ceil(options.get("spotRadius"));canvasWidth-=2*Math.ceil(options.get("spotRadius"));unitSize=canvasWidth/(maxValue-minValue+1);if(loutlier<lwhisker){target.drawCircle((loutlier-minValue)*unitSize+canvasLeft,canvasHeight/2,options.get("spotRadius"),options.get("outlierLineColor"),options.get("outlierFillColor")).append()}if(routlier>rwhisker){target.drawCircle((routlier-minValue)*unitSize+canvasLeft,canvasHeight/2,options.get("spotRadius"),options.get("outlierLineColor"),options.get("outlierFillColor")).append()}}target.drawRect(Math.round((q1-minValue)*unitSize+canvasLeft),Math.round(canvasHeight*.1),Math.round((q3-q1)*unitSize),Math.round(canvasHeight*.8),options.get("boxLineColor"),options.get("boxFillColor")).append();target.drawLine(Math.round((lwhisker-minValue)*unitSize+canvasLeft),Math.round(canvasHeight/2),Math.round((q1-minValue)*unitSize+canvasLeft),Math.round(canvasHeight/2),options.get("lineColor")).append();target.drawLine(Math.round((lwhisker-minValue)*unitSize+canvasLeft),Math.round(canvasHeight/4),Math.round((lwhisker-minValue)*unitSize+canvasLeft),Math.round(canvasHeight-canvasHeight/4),options.get("whiskerColor")).append();target.drawLine(Math.round((rwhisker-minValue)*unitSize+canvasLeft),Math.round(canvasHeight/2),Math.round((q3-minValue)*unitSize+canvasLeft),Math.round(canvasHeight/2),options.get("lineColor")).append();target.drawLine(Math.round((rwhisker-minValue)*unitSize+canvasLeft),Math.round(canvasHeight/4),Math.round((rwhisker-minValue)*unitSize+canvasLeft),Math.round(canvasHeight-canvasHeight/4),options.get("whiskerColor")).append();target.drawLine(Math.round((q2-minValue)*unitSize+canvasLeft),Math.round(canvasHeight*.1),Math.round((q2-minValue)*unitSize+canvasLeft),Math.round(canvasHeight*.9),options.get("medianColor")).append();if(options.get("target")){size=Math.ceil(options.get("spotRadius"));target.drawLine(Math.round((options.get("target")-minValue)*unitSize+canvasLeft),Math.round(canvasHeight/2-size),Math.round((options.get("target")-minValue)*unitSize+canvasLeft),Math.round(canvasHeight/2+size),options.get("targetColor")).append();target.drawLine(Math.round((options.get("target")-minValue)*unitSize+canvasLeft-size),Math.round(canvasHeight/2),Math.round((options.get("target")-minValue)*unitSize+canvasLeft+size),Math.round(canvasHeight/2),options.get("targetColor")).append()}target.render()}});VShape=createClass({init:function(target,id,type,args){this.target=target;this.id=id;this.type=type;this.args=args},append:function(){this.target.appendShape(this);return this}});VCanvas_base=createClass({_pxregex:/(\d+)(px)?\s*$/i,init:function(width,height,target){if(!width){return}this.width=width;this.height=height;this.target=target;this.lastShapeId=null;if(target[0]){target=target[0]}$.data(target,"_jqs_vcanvas",this)},drawLine:function(x1,y1,x2,y2,lineColor,lineWidth){return this.drawShape([[x1,y1],[x2,y2]],lineColor,lineWidth)},drawShape:function(path,lineColor,fillColor,lineWidth){return this._genShape("Shape",[path,lineColor,fillColor,lineWidth])},drawCircle:function(x,y,radius,lineColor,fillColor,lineWidth){return this._genShape("Circle",[x,y,radius,lineColor,fillColor,lineWidth])},drawPieSlice:function(x,y,radius,startAngle,endAngle,lineColor,fillColor){return this._genShape("PieSlice",[x,y,radius,startAngle,endAngle,lineColor,fillColor])},drawRect:function(x,y,width,height,lineColor,fillColor){return this._genShape("Rect",[x,y,width,height,lineColor,fillColor])},getElement:function(){return this.canvas},getLastShapeId:function(){return this.lastShapeId},reset:function(){alert("reset not implemented")},_insert:function(el,target){$(target).html(el)},_calculatePixelDims:function(width,height,canvas){var match;match=this._pxregex.exec(height);if(match){this.pixelHeight=match[1]}else{this.pixelHeight=$(canvas).height()}match=this._pxregex.exec(width);if(match){this.pixelWidth=match[1]}else{this.pixelWidth=$(canvas).width()}},_genShape:function(shapetype,shapeargs){var id=shapeCount++;shapeargs.unshift(id);return new VShape(this,id,shapetype,shapeargs)},appendShape:function(shape){alert("appendShape not implemented")},replaceWithShape:function(shapeid,shape){alert("replaceWithShape not implemented")},insertAfterShape:function(shapeid,shape){alert("insertAfterShape not implemented")},removeShapeId:function(shapeid){alert("removeShapeId not implemented")},getShapeAt:function(el,x,y){alert("getShapeAt not implemented")},render:function(){alert("render not implemented")}});VCanvas_canvas=createClass(VCanvas_base,{init:function(width,height,target,interact){VCanvas_canvas._super.init.call(this,width,height,target);this.canvas=document.createElement("canvas");if(target[0]){target=target[0]}$.data(target,"_jqs_vcanvas",this);$(this.canvas).css({display:"inline-block",width:width,height:height,verticalAlign:"top"});this._insert(this.canvas,target);this._calculatePixelDims(width,height,this.canvas);this.canvas.width=this.pixelWidth;this.canvas.height=this.pixelHeight;this.interact=interact;this.shapes={};this.shapeseq=[];this.currentTargetShapeId=undefined;$(this.canvas).css({width:this.pixelWidth,height:this.pixelHeight})},_getContext:function(lineColor,fillColor,lineWidth){var context=this.canvas.getContext("2d");if(lineColor!==undefined){context.strokeStyle=lineColor}context.lineWidth=lineWidth===undefined?1:lineWidth;if(fillColor!==undefined){context.fillStyle=fillColor}return context},reset:function(){var context=this._getContext();context.clearRect(0,0,this.pixelWidth,this.pixelHeight);this.shapes={};this.shapeseq=[];this.currentTargetShapeId=undefined},_drawShape:function(shapeid,path,lineColor,fillColor,lineWidth){var context=this._getContext(lineColor,fillColor,lineWidth),i,plen;context.beginPath();context.moveTo(path[0][0]+.5,path[0][1]+.5);for(i=1,plen=path.length;i<plen;i++){context.lineTo(path[i][0]+.5,path[i][1]+.5)}if(lineColor!==undefined){context.stroke()}if(fillColor!==undefined){context.fill()}if(this.targetX!==undefined&&this.targetY!==undefined&&context.isPointInPath(this.targetX,this.targetY)){this.currentTargetShapeId=shapeid}},_drawCircle:function(shapeid,x,y,radius,lineColor,fillColor,lineWidth){var context=this._getContext(lineColor,fillColor,lineWidth);context.beginPath();context.arc(x,y,radius,0,2*Math.PI,false);if(this.targetX!==undefined&&this.targetY!==undefined&&context.isPointInPath(this.targetX,this.targetY)){this.currentTargetShapeId=shapeid}if(lineColor!==undefined){context.stroke()}if(fillColor!==undefined){context.fill()}},_drawPieSlice:function(shapeid,x,y,radius,startAngle,endAngle,lineColor,fillColor){var context=this._getContext(lineColor,fillColor);context.beginPath();context.moveTo(x,y);context.arc(x,y,radius,startAngle,endAngle,false);context.lineTo(x,y);context.closePath();if(lineColor!==undefined){context.stroke()}if(fillColor){context.fill()}if(this.targetX!==undefined&&this.targetY!==undefined&&context.isPointInPath(this.targetX,this.targetY)){this.currentTargetShapeId=shapeid}},_drawRect:function(shapeid,x,y,width,height,lineColor,fillColor){return this._drawShape(shapeid,[[x,y],[x+width,y],[x+width,y+height],[x,y+height],[x,y]],lineColor,fillColor)},appendShape:function(shape){this.shapes[shape.id]=shape;this.shapeseq.push(shape.id);this.lastShapeId=shape.id;return shape.id},replaceWithShape:function(shapeid,shape){var shapeseq=this.shapeseq,i;this.shapes[shape.id]=shape;for(i=shapeseq.length;i--;){if(shapeseq[i]==shapeid){shapeseq[i]=shape.id}}delete this.shapes[shapeid]},replaceWithShapes:function(shapeids,shapes){var shapeseq=this.shapeseq,shapemap={},sid,i,first;for(i=shapeids.length;i--;){shapemap[shapeids[i]]=true}for(i=shapeseq.length;i--;){sid=shapeseq[i];if(shapemap[sid]){shapeseq.splice(i,1);delete this.shapes[sid];first=i}}for(i=shapes.length;i--;){shapeseq.splice(first,0,shapes[i].id);this.shapes[shapes[i].id]=shapes[i]}},insertAfterShape:function(shapeid,shape){var shapeseq=this.shapeseq,i;for(i=shapeseq.length;i--;){if(shapeseq[i]===shapeid){shapeseq.splice(i+1,0,shape.id);this.shapes[shape.id]=shape;return}}},removeShapeId:function(shapeid){var shapeseq=this.shapeseq,i;for(i=shapeseq.length;i--;){if(shapeseq[i]===shapeid){shapeseq.splice(i,1);break}}delete this.shapes[shapeid]},getShapeAt:function(el,x,y){this.targetX=x;this.targetY=y;this.render();return this.currentTargetShapeId},render:function(){var shapeseq=this.shapeseq,shapes=this.shapes,shapeCount=shapeseq.length,context=this._getContext(),shapeid,shape,i;context.clearRect(0,0,this.pixelWidth,this.pixelHeight);for(i=0;i<shapeCount;i++){shapeid=shapeseq[i];shape=shapes[shapeid];this["_draw"+shape.type].apply(this,shape.args)}if(!this.interact){this.shapes={};this.shapeseq=[]}}});VCanvas_vml=createClass(VCanvas_base,{init:function(width,height,target){var groupel;VCanvas_vml._super.init.call(this,width,height,target);if(target[0]){target=target[0]}$.data(target,"_jqs_vcanvas",this);this.canvas=document.createElement("span");$(this.canvas).css({display:"inline-block",position:"relative",overflow:"hidden",width:width,height:height,margin:"0px",padding:"0px",verticalAlign:"top"});this._insert(this.canvas,target);this._calculatePixelDims(width,height,this.canvas);this.canvas.width=this.pixelWidth;this.canvas.height=this.pixelHeight;groupel='<v:group coordorigin="0 0" coordsize="'+this.pixelWidth+" "+this.pixelHeight+'"'+' style="position:absolute;top:0;left:0;width:'+this.pixelWidth+"px;height="+this.pixelHeight+'px;"></v:group>';this.canvas.insertAdjacentHTML("beforeEnd",groupel);this.group=$(this.canvas).children()[0];this.rendered=false;this.prerender=""},_drawShape:function(shapeid,path,lineColor,fillColor,lineWidth){var vpath=[],initial,stroke,fill,closed,vel,plen,i;for(i=0,plen=path.length;i<plen;i++){vpath[i]=""+path[i][0]+","+path[i][1]}initial=vpath.splice(0,1);lineWidth=lineWidth===undefined?1:lineWidth;stroke=lineColor===undefined?' stroked="false" ':' strokeWeight="'+lineWidth+'px" strokeColor="'+lineColor+'" ';fill=fillColor===undefined?' filled="false"':' fillColor="'+fillColor+'" filled="true" ';closed=vpath[0]===vpath[vpath.length-1]?"x ":"";vel='<v:shape coordorigin="0 0" coordsize="'+this.pixelWidth+" "+this.pixelHeight+'" '+' id="jqsshape'+shapeid+'" '+stroke+fill+' style="position:absolute;left:0px;top:0px;height:'+this.pixelHeight+"px;width:"+this.pixelWidth+'px;padding:0px;margin:0px;" '+' path="m '+initial+" l "+vpath.join(", ")+" "+closed+'e">'+" </v:shape>";return vel},_drawCircle:function(shapeid,x,y,radius,lineColor,fillColor,lineWidth){var stroke,fill,vel;x-=radius;y-=radius;stroke=lineColor===undefined?' stroked="false" ':' strokeWeight="'+lineWidth+'px" strokeColor="'+lineColor+'" ';fill=fillColor===undefined?' filled="false"':' fillColor="'+fillColor+'" filled="true" ';vel="<v:oval "+' id="jqsshape'+shapeid+'" '+stroke+fill+' style="position:absolute;top:'+y+"px; left:"+x+"px; width:"+radius*2+"px; height:"+radius*2+'px"></v:oval>';return vel},_drawPieSlice:function(shapeid,x,y,radius,startAngle,endAngle,lineColor,fillColor){var vpath,startx,starty,endx,endy,stroke,fill,vel;if(startAngle===endAngle){return""}if(endAngle-startAngle===2*Math.PI){startAngle=0;endAngle=2*Math.PI}startx=x+Math.round(Math.cos(startAngle)*radius);starty=y+Math.round(Math.sin(startAngle)*radius);endx=x+Math.round(Math.cos(endAngle)*radius);endy=y+Math.round(Math.sin(endAngle)*radius);if(startx===endx&&starty===endy){if(endAngle-startAngle<Math.PI){return""}startx=endx=x+radius;starty=endy=y}if(startx===endx&&starty===endy&&endAngle-startAngle<Math.PI){return""}vpath=[x-radius,y-radius,x+radius,y+radius,startx,starty,endx,endy];stroke=lineColor===undefined?' stroked="false" ':' strokeWeight="1px" strokeColor="'+lineColor+'" ';fill=fillColor===undefined?' filled="false"':' fillColor="'+fillColor+'" filled="true" ';vel='<v:shape coordorigin="0 0" coordsize="'+this.pixelWidth+" "+this.pixelHeight+'" '+' id="jqsshape'+shapeid+'" '+stroke+fill+' style="position:absolute;left:0px;top:0px;height:'+this.pixelHeight+"px;width:"+this.pixelWidth+'px;padding:0px;margin:0px;" '+' path="m '+x+","+y+" wa "+vpath.join(", ")+' x e">'+" </v:shape>";return vel},_drawRect:function(shapeid,x,y,width,height,lineColor,fillColor){return this._drawShape(shapeid,[[x,y],[x,y+height],[x+width,y+height],[x+width,y],[x,y]],lineColor,fillColor)},reset:function(){this.group.innerHTML=""},appendShape:function(shape){var vel=this["_draw"+shape.type].apply(this,shape.args);if(this.rendered){this.group.insertAdjacentHTML("beforeEnd",vel)}else{this.prerender+=vel}this.lastShapeId=shape.id;return shape.id},replaceWithShape:function(shapeid,shape){var existing=$("#jqsshape"+shapeid),vel=this["_draw"+shape.type].apply(this,shape.args);existing[0].outerHTML=vel},replaceWithShapes:function(shapeids,shapes){var existing=$("#jqsshape"+shapeids[0]),replace="",slen=shapes.length,i;for(i=0;i<slen;i++){replace+=this["_draw"+shapes[i].type].apply(this,shapes[i].args)}existing[0].outerHTML=replace;for(i=1;i<shapeids.length;i++){$("#jqsshape"+shapeids[i]).remove()}},insertAfterShape:function(shapeid,shape){var existing=$("#jqsshape"+shapeid),vel=this["_draw"+shape.type].apply(this,shape.args);existing[0].insertAdjacentHTML("afterEnd",vel)},removeShapeId:function(shapeid){var existing=$("#jqsshape"+shapeid);this.group.removeChild(existing[0])},getShapeAt:function(el,x,y){var shapeid=el.id.substr(8);return shapeid},render:function(){if(!this.rendered){this.group.innerHTML=this.prerender;this.rendered=true}}})})})(document,Math);
diff --git a/flask/app/templates/bgp.html b/flask/app/templates/bgp.html
new file mode 100644
index 0000000..54e4347
--- /dev/null
+++ b/flask/app/templates/bgp.html
@@ -0,0 +1,569 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <!-- Meta, title, CSS, favicons, etc. -->
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>BGP Dashboard</title>
+
+    <!-- Bootstrap -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
+    <!-- Custom Theme Style -->
+    <link href="../static/css/custom.css" rel="stylesheet">
+  </head>
+
+  <body class="nav-md">
+    <div class="container body">
+      <div class="main_container">
+
+
+        <!-- top navigation -->
+        <div class="top_nav">
+          <div class="nav_menu">
+            <nav>
+              <div class="navbar-left" style="padding-left: 30px;">
+                <h1 style="color: #34495e;">ASN{{source_asn}}</h1>
+                <h2><i>{{source_asn_name}}</i></h2>
+              </div>
+              <div class="title_right">
+                <div class="col-md-2 col-sm-2 col-xs-12 form-group pull-right top_search">
+                  <form onsubmit="location.href='/bgp/api/v1.0/asn/' + document.getElementById('asnInput').value; return false;" class="input-group">
+                    <input type="text" id="asnInput" class="form-control" placeholder="ASN Search...">
+                    <span class="input-group-btn">
+                      <button class="btn btn-default" type="submit">Go!</button>
+                    </span>
+                  </form>
+                </div>
+              </div>
+              <div class="title_right">
+                <div class="col-md-2 col-sm-2 col-xs-12 form-group pull-right top_search">
+                  <form onsubmit="location.href='/bgp/api/v1.0/ip/' + document.getElementById('ipInput').value.split('/')[0]; return false;" class="input-group">
+                    <input type="text" id="ipInput" class="form-control" placeholder="IP/DNS Search...">
+                    <span class="input-group-btn">
+                      <button class="btn btn-default" type="submit">Go!</button>
+                    </span>
+                  </form>
+                </div>
+              </div>
+            </nav>
+          </div>
+        </div>
+        <!-- /top navigation -->
+
+        <!-- page content -->
+        <div class="right_col" role="main">
+          <div class="">
+            <div class="row top_tiles">
+              <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
+                <div class="tile-stats" id="peers_box">
+                  <div class="icon"><i id="peersIDIcon"></i></div>
+                  <div class="count" id="peersID">0</div>
+                  <h3>Peer Count</h3>
+                  <div>
+                    <p class="count_bottom pull-right" id="peersIDChangeTime"></p>
+                    <p>Active egress BGP peers</p>
+                  </div>
+                  <div class="clearfix"></div>
+                  <p class="peers_count_sparkline pull-right" style="margin-right: 5px; margin-left: 5px;">Loading..</p>
+                </div>
+              </div>
+              <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
+                <div class="tile-stats">
+                  <div class="icon"><i id="ipv4TableSizeIcon"></i></div>
+                  <div class="count" id="ipv4TableSize">0</div>
+                  <h3>IPv4 Prefixes</h3>
+                  <div>
+                    <p class="count_bottom pull-right" id="ipv4TableSizeChangeTime"></p>
+                    <p>IPv4 BGP Table Size</p>
+                  </div>
+                  <div class="clearfix"></div>
+                  <p class="ipv4_table_sparkline pull-right" style="margin-right: 5px; margin-left: 5px;">Loading..</p>
+                </div>
+              </div>
+              <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
+                <div class="tile-stats">
+                  <div class="icon"><i id="ipv6TableSizeIcon"></i></div>
+                  <div class="count" id="ipv6TableSize">0</div>
+                  <h3>IPv6 Prefixes</h3>
+                  <div>
+                    <p class="count_bottom pull-right" id="ipv6TableSizeChangeTime"></p>
+                    <p>IPv6 BGP Table Size</p>
+                  </div>
+                  <div class="clearfix"></div>
+                  <p class="ipv6_table_sparkline pull-right"  style="margin-right: 5px; margin-left: 5px;">Loading..</p>
+                </div>
+              </div>
+              <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
+                <div class="tile-stats">
+                  <div class="icon"><i id="nexthopIPCountIcon"></i></div>
+                  <div class="count" id="nexthopIPCount">0</div>
+                  <h3>Next Hop Addresses</h3>
+                  <div>
+                    <p class="count_bottom pull-right" id="nexthopIPCountChangeTime"></p>
+                    <p>Unique Egress IP Addresses</p>
+                  </div>
+                  <div class="clearfix"></div>
+                  <p class="nexthop_count_sparkline pull-right" style="margin-right: 5px; margin-left: 5px;">Loading..</p>
+                </div>
+              </div>
+            </div>
+            <!--  Second Row -->
+            <div class="row top_tiles">
+              <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
+                <div class="tile-stats">
+                  <div class="icon"><i id="avgAsPathLengthIcon"></i></div>
+                  <div class="count" id="avgAsPathLength">0</div>
+                  <h3>Average AS Path Length</h3>
+                  <div>
+                    <p class="count_bottom pull-right" id="avgAsPathLengthChangeTime"></p>
+                    <p>ASN hops to destination (lower is better)</p>
+                  </div>
+                  <div class="clearfix"></div>
+                  <p class="avg_as_path_length_sparkline pull-right" style="margin-right: 5px; margin-left: 5px;">Loading..</p>
+                </div>
+              </div>
+              <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
+                <div class="tile-stats">
+                  <div class="icon"><i id="customerIPv4PrefixesIcon"></i></div>
+                  <div class="count" id="customerIPv4Prefixes">0</div>
+                  <h3>Customer IPv4 Prefixes</h3>
+                  <div>
+                    <p class="count_bottom pull-right" id="customerIPv4PrefixesChangeTime"></p>
+                    <p>Customer & Orginated IPv4 Prefix Count</p>
+                  </div>
+                  <div class="clearfix"></div>
+                  <p class="customer_ipv4_prefixes_sparkline pull-right" style="margin-right: 5px; margin-left: 5px;">Loading..</p>
+                </div>
+              </div>
+              <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
+                <div class="tile-stats">
+                  <div class="icon"><i id="customerIPv6PrefixesIcon"></i></div>
+                  <div class="count" id="customerIPv6Prefixes">0</div>
+                  <h3>Customer IPv6 Prefixes</h3>
+                  <div>
+                    <p class="count_bottom pull-right" id="customerIPv6PrefixesChangeTime"></p>
+                    <p>Customer & Orginated IPv6 Prefix Count</p>
+                  </div>
+                  <div class="clearfix"></div>
+                  <p class="customer_ipv6_prefixes_sparkline pull-right" style="margin-right: 5px; margin-left: 5px;">Loading..</p>
+                </div>
+              </div>
+              <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
+                <div class="tile-stats">
+                  <div class="icon"><i id="customerCountIcon"></i></div>
+                  <div class="count" id="customerCount">0</div>
+                  <h3>BGP Customers</h3>
+                  <div>
+                    <p class="count_bottom pull-right" id="customerCountChangeTime"></p>
+                    <p>Downstream BGP connected ASNs</p>
+                  </div>
+                  <div class="clearfix"></div>
+                  <p class="customer_count_sparkline pull-right" style="margin-right: 5px; margin-left: 5px;">Loading..</p>
+                </div>
+              </div>
+            </div>
+
+            <div class="row">
+              <div class="col-md-12">
+                <div class="x_panel">
+                  <div class="x_title">
+                    <h2>Peer Data <small>Updated every 300s</small></h2>
+                    <div class="clearfix"></div>
+                  </div>
+                  <div class="x_content">
+                    <div class="col-md-9 col-sm-12 col-xs-12">
+                      <div class="demo-container">
+                        <table id="datatable" class="table table-striped table-bordered">
+                      <thead>
+                        <tr>
+                          <th>ASN</th>
+                          <th>Name</th>
+                          <th>IPv4 Prefixes<br>Originated</th>
+                          <th>IPv4 Prefixes<br>NextHop</th>
+                          <th>IPv6 Prefixes<br>Originated</th>
+                          <th>IPv6 Prefixes<br>NextHop</th>
+                          <th>Downstream<br>ASN Count</th>
+                        </tr>
+                      </thead>
+                    </table>
+                      </div>
+                    </div>
+
+                    <div class="col-md-3 col-sm-12 col-xs-12">
+                      <div>
+                        <div class="x_title">
+                          <h2>Top Peers (Prefixes Received)</h2>
+
+                          <div class="clearfix"></div>
+                        </div>
+                        <ul class="list-unstyled top_profiles scroll-view">
+                          {% for peer in top_peers %}
+                          <li class="media event">
+                            <a class="pull-left border-blue profile_thumb">
+                              <i class="fa fa-arrows-alt blue"></i>
+                            </a>
+                            <div class="media-body">
+                              <a class="title" href="#">ASN {{ peer.asn }}</a>
+                              <p><strong>{{ '{0:,}'.format(peer.count) }}</strong> Prefixes </p>
+                              <p> <small>{{ peer.name }}</small>
+                              </p>
+                            </div>
+                          </li>
+                          {% endfor %}
+                        </ul>
+                      </div>
+                    </div>
+
+                  </div>
+                </div>
+              </div>
+            </div>
+
+
+
+            <div class="row">
+              <div class="col-md-12">
+                <div class="x_panel">
+                  <div class="x_title">
+                    <h2>BGP Prefix Distributions <small>Prefix Count</small></h2>
+                    <div class="clearfix"></div>
+                  </div>
+                  <div class="x_content">
+                    <div class="row" style="border-bottom: 0px solid #E0E0E0; padding-bottom: 5px; margin-bottom: 5px;">
+                      <div class="col-md-12">
+                        <div class="row" style="text-align: center;">
+                          <div id="graph_donut1" class="col-md-4" style="width:50%; height:180px;">
+                            <h4 style="margin:0">Peering Prefix Count</h4>
+                          </div>
+                          <div id="graph_donut2" class="col-md-4" style="width:50%; height:180px;">
+                            <h4 style="margin:0">Transit vs. Peering</h4>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="row">
+              <!-- bar chart -->
+              <div class="col-md-6 col-sm-6 col-xs-12">
+                <div class="x_panel">
+                  <div class="x_title">
+                    <h2>IPv4 Network Mask <small>Prefix Count</small></h2>
+                    <div class="clearfix"></div>
+                  </div>
+                  <div class="x_content">
+                    <div id="graph_bar" style="width:100%; height:280px;"></div>
+                  </div>
+                </div>
+              </div>
+              <!-- /bar charts -->
+
+              <!-- bar charts group -->
+              <div class="col-md-6 col-sm-6 col-xs-12">
+                <div class="x_panel">
+                  <div class="x_title">
+                    <h2>IPv6 Network Mask <small>Prefix Count</small></h2>
+                    <div class="clearfix"></div>
+                  </div>
+                  <div class="x_content1">
+                    <div id="graph_bar_group" style="width:100%; height:280px;"></div>
+                  </div>
+                </div>
+              </div>
+              <div class="clearfix"></div>
+              <!-- /bar charts group -->
+              <div class="clearfix"></div>
+              <!-- /bar charts group -->
+            </div>
+          </div>
+        </div>
+        <!-- /page content -->
+
+        <!-- footer content -->
+        <footer>
+          <div class="pull-right">
+            <a href="https://github.com/rhicks/bgp-dashboard">BGP Dashboard</a> at Github
+            <div class="clearfix"></div>
+            <a href="https://github.com/puikinsh/gentelella">Gentelella</a> - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+          </div>
+          <div class="clearfix"></div>
+        </footer>
+        <!-- /footer content -->
+      </div>
+    </div>
+
+    <!-- jQuery -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
+    <!-- Bootstrap -->
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+    <!-- jQuery Sparklines -->
+    <script src="../static/js/jquery.sparkline.min.js"></script>
+    <!-- bootstrap-daterangepicker -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js" integrity="sha256-Gn7MUQono8LUxTfRA0WZzJgTua52Udm1Ifrk5421zkA=" crossorigin="anonymous"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.13/js/jquery.dataTables.min.js" integrity="sha256-yWA356lDhruy1J8jGncaMWKAPYDbK47OKb0uT/aELLc=" crossorigin="anonymous"></script>
+
+
+    <!-- Custom Theme Scripts -->
+    <!-- <script src="../static/js/custom.min.js"></script> -->
+
+  <script>
+  function up_or_down_checker(css_tag, data, json_tag)
+  {
+    var myDateFormat  = moment().format('MMM D YYYY, H:mm:ss');
+    var css_tag_id   = '#' + css_tag;
+    var css_tag_icon  = css_tag_id + 'Icon';
+    var css_tag_change_time = css_tag_id + 'ChangeTime';
+
+    if (jQuery(css_tag_id).text().replace(/\,/g,'') > data[json_tag])
+    {
+      jQuery(css_tag_icon).removeClass();
+      jQuery(css_tag_icon).addClass("red fa fa-arrow-circle-down");
+      diff = data[json_tag] - jQuery(css_tag_id).text().replace(/\,/g,'');
+      diff = diff.toLocaleString('en-Us', {minimumFractiondigits: 0});
+      jQuery(css_tag_change_time).html('<i class="red">' + diff  + '</i> at ' + myDateFormat + '&nbsp');
+    }
+    else if (jQuery(css_tag_id).text().replace(/\,/g,'') < data[json_tag])
+    {
+      jQuery(css_tag_icon).removeClass();
+      jQuery(css_tag_icon).addClass("green fa fa-arrow-circle-up");
+      diff = data[json_tag] - jQuery(css_tag_id).text().replace(/\,/g,'');
+      diff = diff.toLocaleString('en-Us', {minimumFractiondigits: 0});
+      jQuery(css_tag_change_time).html('<i class="green"> +' + diff  + '</i> at ' + myDateFormat + '&nbsp');
+    }
+  }
+
+  function update_sparklines(data, how_many_times)
+  {
+    while (how_many_times > 0)
+    {
+      peer_count_sparkline_data.push(data['peer_count']);
+      ipv4_table_sparkline_data.push(data['ipv4_table_size']);
+      ipv6_table_sparkline_data.push(data['ipv6_table_size']);
+      nexthop_count_sparkline_data.push(data['nexthop_ip_count']);
+      avg_as_path_length_data.push(data['avg_as_path_length']);
+      customer_count_data.push(data['customer_count']);
+      customer_ipv4_prefix_data.push(data['customer_ipv4_prefixes']);
+      customer_ipv6_prefix_data.push(data['customer_ipv6_prefixes']);
+      how_many_times--;
+    }
+  }
+
+  var stats = jQuery.getJSON("/bgp/api/v1.0/stats")
+  var peer_count_sparkline_data = [];
+  var ipv4_table_sparkline_data = [];
+  var ipv6_table_sparkline_data = [];
+  var nexthop_count_sparkline_data = [];
+  var avg_as_path_length_data = [];
+  var customer_count_data = [];
+  var customer_ipv4_prefix_data = [];
+  var customer_ipv6_prefix_data = [];
+
+  var peers_table = jQuery('#datatable').DataTable({
+        ajax: {
+          url: "/bgp/api/v1.0/stats",
+          dataSrc: "peers"
+      },
+      columns: [
+          { data: "asn", render: function (asn) {return '<a href=/bgp/api/v1.0/asn/'+asn+'>'+asn+'</a>';} },
+          { data: "name" },
+          { data: "ipv4_origin_count", render: function (data, type, full, meta) {return '<a href=/bgp/api/v1.0/asn/'+full.asn+'/originated/ipv4>'+full.ipv4_origin_count+'</a>';} },
+          { data: "ipv4_nexthop_count", render: function (data, type, full, meta) {return '<a href=/bgp/api/v1.0/asn/'+full.asn+'/nexthop/ipv4>'+full.ipv4_nexthop_count+'</a>';} },
+          { data: "ipv6_origin_count", render: function (data, type, full, meta) {return '<a href=/bgp/api/v1.0/asn/'+full.asn+'/originated/ipv6>'+full.ipv6_origin_count+'</a>';} },
+          { data: "ipv6_nexthop_count", render: function (data, type, full, meta) {return '<a href=/bgp/api/v1.0/asn/'+full.asn+'/nexthop/ipv6>'+full.ipv6_nexthop_count+'</a>';} },
+          { data: "asn_count", render: function (data, type, full, meta) {return '<a href=/bgp/api/v1.0/asn/'+full.asn+'/downstream>'+full.asn_count+'</a>';} }
+      ],
+        "oLanguage":
+        {
+        "sSearch": "Filter Table: "
+      },
+        paging: false,
+        scrollY: 400
+      });
+
+
+  function update_counters()
+  {
+    update_counters.count = update_counters.count || 0;
+    jQuery.getJSON("/bgp/api/v1.0/stats", function(data)
+    {
+      update_sparklines(data, 1)
+      if (update_counters.count > 0) //only update times after the first run
+      {
+        up_or_down_checker('peersID', data, 'peer_count');
+        up_or_down_checker('ipv4TableSize', data, 'ipv4_table_size');
+        up_or_down_checker('ipv6TableSize', data, 'ipv6_table_size');
+        up_or_down_checker('nexthopIPCount', data, 'nexthop_ip_count');
+        up_or_down_checker('avgAsPathLength', data, 'avg_as_path_length');
+        up_or_down_checker('customerCount', data, 'customer_count');
+        up_or_down_checker('customerIPv4Prefixes', data, 'customer_ipv4_prefixes');
+        up_or_down_checker('customerIPv6Prefixes', data, 'customer_ipv6_prefixes');
+      }
+
+      update_counters.count = 1;
+      sparkline_max_width = $("div#peers_box.tile-stats").width() - 10
+      sparkline_data_width = peer_count_sparkline_data.length
+      if (sparkline_data_width < sparkline_max_width)
+      {
+        sparkline_width = sparkline_data_width
+      }
+      else
+      {
+        sparkline_width = sparkline_max_width
+      }
+      jQuery('#peersID').text(data['peer_count'].toLocaleString('en-US', {minimumFractionDigits: 0}));
+      jQuery('#ipv4TableSize').text(data['ipv4_table_size'].toLocaleString('en-US', {minimumFractionDigits: 0}));
+      jQuery('#ipv6TableSize').text(data['ipv6_table_size'].toLocaleString('en-US', {minimumFractionDigits: 0}));
+      jQuery('#nexthopIPCount').text(data['nexthop_ip_count'].toLocaleString('en-US', {minimumFractionDigits: 0}));
+      jQuery('#avgAsPathLength').text(data['avg_as_path_length']);
+      jQuery('#customerCount').text(data['customer_count']);
+      jQuery('#customerIPv4Prefixes').text(data['customer_ipv4_prefixes']);
+      jQuery('#customerIPv6Prefixes').text(data['customer_ipv6_prefixes']);
+      jQuery('.peers_count_sparkline').sparkline(peer_count_sparkline_data, {width: sparkline_width});
+      jQuery('.ipv4_table_sparkline').sparkline(ipv4_table_sparkline_data, {width: sparkline_width});
+      jQuery('.ipv6_table_sparkline').sparkline(ipv6_table_sparkline_data, {width: sparkline_width});
+      jQuery('.nexthop_count_sparkline').sparkline(nexthop_count_sparkline_data, {width: sparkline_width});
+      jQuery('.avg_as_path_length_sparkline').sparkline(avg_as_path_length_data, {width: sparkline_width});
+      jQuery('.customer_count_sparkline').sparkline(customer_count_data, {width: sparkline_width});
+      jQuery('.customer_ipv4_prefixes_sparkline').sparkline(customer_ipv4_prefix_data, {width: sparkline_width});
+      jQuery('.customer_ipv6_prefixes_sparkline').sparkline(customer_ipv6_prefix_data, {width: sparkline_width});
+
+
+      //$('.dynamicbar').sparkline(myvalues, {type: 'bar', barColor: 'green'} );
+      console.log("sparkline_data_width: " + sparkline_data_width)
+      console.log("sparkline_width: " + sparkline_width)
+      console.log("sparkline_max_width: " + sparkline_max_width)
+      if (sparkline_data_width > 1)
+      {
+        //peer_count_sparkline_data.shift();
+        peer_count_sparkline_data.splice(0, (sparkline_data_width - sparkline_max_width))
+        //ipv4_table_sparkline_data.shift();
+        ipv4_table_sparkline_data.splice(0, (sparkline_data_width - sparkline_max_width))
+        // ipv6_table_sparkline_data.shift();
+        ipv6_table_sparkline_data.splice(0, (sparkline_data_width - sparkline_max_width))
+        // nexthop_count_sparkline_data.shift();
+        nexthop_count_sparkline_data.splice(0, (sparkline_data_width - sparkline_max_width))
+        // avg_as_path_length_data.shift();
+        avg_as_path_length_data.splice(0, (sparkline_data_width - sparkline_max_width))
+        // customer_count_data.shift();
+        customer_count_data.splice(0, (sparkline_data_width - sparkline_max_width))
+        // customer_ipv4_prefix_data.shift();
+        customer_ipv4_prefix_data.splice(0, (sparkline_data_width - sparkline_max_width))
+        // customer_ipv6_prefix_data.shift();
+        customer_ipv6_prefix_data.splice(0, (sparkline_data_width - sparkline_max_width))
+      }
+      update_sparklines(data, 1)
+      peers_table.ajax.reload(null, false)
+    });
+  }
+
+  jQuery(document).ready(update_counters());
+  setInterval(function() { update_counters() }, 20000);
+
+  </script>
+
+     <!-- morris.js -->
+      <script>
+      $(document).ready(function() {
+          Morris.Bar({
+            element: 'graph_bar',
+            data: [
+              {%- for cidr in cidr_breakdown -%}
+                {% if cidr.ip_version == 4 %}
+                  {cidr: "/{{ cidr.mask }}", count: {{ cidr.count }}},
+                {% endif %}
+              {%- endfor -%}
+            ],
+            xkey: 'cidr',
+            ykeys: ['count'],
+            labels: ['count'],
+            barRatio: 0.4,
+            barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
+            xLabelAngle: 60,
+            hideHover: 'auto',
+            resize: true
+          });
+
+          Morris.Bar({
+            element: 'graph_bar_group',
+            data: [
+              {%- for cidr in cidr_breakdown -%}
+                {% if cidr.ip_version == 6 %}
+                  {cidr: "/{{ cidr.mask }}", count: {{ cidr.count }}},
+                {% endif %}
+              {%- endfor -%}
+            ],
+            xkey: 'cidr',
+            ykeys: ['count'],
+            labels: ['count'],
+            barRatio: 0.4,
+            barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
+            xLabelAngle: 60,
+            hideHover: 'auto',
+            resize: true
+          });
+
+          Morris.Donut({
+            element: 'graph_donut1',
+            data: [
+              {%- for comm in communities -%}
+                {% if comm.community.startswith(peer_bgp_community) %}
+                  {label: "{{ comm.name }}", value: {{ comm.count }}},
+                {% endif %}
+              {%- endfor -%}
+            ],
+            colors: ['#26B99A', '#34495E', '#E59443', '#3498DB', '#E74C3C', '#FF7BAC', '#26B99A', '#34495E', '#E59443', '#3498DB', '#E74C3C', '#333333'],
+            formatter: function (y) {
+              return y;
+            },
+            resize: true
+          });
+
+          Morris.Donut({
+            element: 'graph_donut2',
+            data: [
+            {% set total_prefixes = data.ipv4_table_size + data.ipv6_table_size %}
+            {%- for comm in communities -%}
+              {% if comm.community == transit_bgp_community %}
+                {label: 'Peering', value: {{ (((comm.count - total_prefixes) / total_prefixes) * -100)|round }}},
+                {label: 'Transit', value: {{ ((comm.count / total_prefixes) * 100)|round }}},
+              {% endif %}
+            {%- endfor -%}
+            ],
+            colors: ['#34495E', '#3498DB'],
+            formatter: function (y) {
+              return y + "%";
+            },
+            resize: true
+          });
+
+          // Morris.Donut({
+          //   element: 'graph_donut3',
+          //   data: [
+          //   {%- for comm in communities -%}
+          //     {% if comm.community == "3701:370" %}
+          //       {label: 'Customer', value: {{ comm.count }}}
+          //     {% endif %}
+          //   {%- endfor -%}
+          //   ],
+          //   colors: ['#34495E'],
+          //   formatter: function (y) {
+          //     return y;
+          //   },
+          //   resize: true
+          // });
+
+        });
+      </script>
+      <!-- /morris.js -->
+
+  </body>
+</html>
diff --git a/flask/app/uwsgi.ini b/flask/app/uwsgi.ini
new file mode 100644
index 0000000..7cdd459
--- /dev/null
+++ b/flask/app/uwsgi.ini
@@ -0,0 +1,16 @@
+[uwsgi]
+#application's base folder
+base = /var/www/app
+#python module to import
+module = bgp
+#the variable that holds a flask application inside the module imported at line #6
+callable = app
+#socket file's location
+socket = /var/www/app/uwsgi.sock
+#permissions for the socket file
+chmod-socket    = 666
+#Log directory
+logto = /var/log/uwsgi/app/app.log
+enable-threads = true
+
+chdir = /var/www/app
diff --git a/flask/nginx/flask.conf b/flask/nginx/flask.conf
new file mode 100644
index 0000000..8cca391
--- /dev/null
+++ b/flask/nginx/flask.conf
@@ -0,0 +1,18 @@
+
+server {
+    listen      80;
+    server_name localhost;
+    charset     utf-8;
+    client_max_body_size 75M;
+
+   
+    location / {
+        include uwsgi_params;
+        uwsgi_pass unix:/var/www/app/uwsgi.sock;
+    }
+
+    location /static {
+    root /var/www/app/;
+    }
+}
+
diff --git a/flask/supervisor/supervisord.conf b/flask/supervisor/supervisord.conf
new file mode 100644
index 0000000..cec81ef
--- /dev/null
+++ b/flask/supervisor/supervisord.conf
@@ -0,0 +1,8 @@
+[supervisord]
+nodaemon = true
+
+[program:nginx]
+command = /usr/sbin/nginx
+
+[program:uwsgi]
+command = /venv/bin/uwsgi --ini /var/www/app/uwsgi.ini
diff --git a/gobgp/Dockerfile b/gobgp/Dockerfile
new file mode 100755
index 0000000..08fd352
--- /dev/null
+++ b/gobgp/Dockerfile
@@ -0,0 +1,26 @@
+FROM ubuntu:24.04
+
+ARG DEBIAN_FRONTEND=noninteractive
+
+RUN apt-get update && \
+    apt-get remove -y binutils && \
+    apt-get install -y \
+        python3 \
+        python3-pip \
+        python3-venv \
+        wget && \
+    rm -rf /var/lib/apt/lists/*
+COPY ./requirements.txt /tmp/requirements.txt
+RUN python3 -m venv venv && chmod +x venv
+RUN . venv/bin/activate && pip3 install -r /tmp/requirements.txt
+RUN wget https://github.com/osrg/gobgp/releases/download/v3.27.0/gobgp_3.27.0_linux_amd64.tar.gz && \
+    tar -xzvf gobgp_3.27.0_linux_amd64.tar.gz && \
+    mv gobgp /usr/local/bin/gobgp && \
+    mv gobgpd /usr/local/bin/gobgpd && \
+    rm gobgp_3.27.0_linux_amd64.tar.gz
+COPY ./gobgpd.conf /root/gobgp/gobgpd.conf
+COPY ./entrypoint.sh /root/gobgp/entrypoint.sh
+COPY ./startup.sh /root/gobgp/startup.sh
+RUN chmod +x /root/gobgp/entrypoint.sh && \
+    chmod +x /root/gobgp/startup.sh
+ENTRYPOINT ["/root/gobgp/entrypoint.sh"]
diff --git a/gobgp/entrypoint.sh b/gobgp/entrypoint.sh
new file mode 100644
index 0000000..272087e
--- /dev/null
+++ b/gobgp/entrypoint.sh
@@ -0,0 +1,3 @@
+#!/bin/bash
+exec gobgpd -f /root/gobgp/gobgpd.conf &
+exec /root/gobgp/startup.sh
diff --git a/gobgp/gobgpd.conf b/gobgp/gobgpd.conf
new file mode 100755
index 0000000..b736192
--- /dev/null
+++ b/gobgp/gobgpd.conf
@@ -0,0 +1,15 @@
+[global.config]
+  as = 400848
+  router-id = "172.16.1.66"
+
+[[neighbors]]
+  [neighbors.config]
+    neighbor-address = "172.16.1.27"
+    peer-as = 400848
+    route-flap-damping = "True"
+  [[neighbors.afi-safis]]
+    [neighbors.afi-safis.config]
+    afi-safi-name = "ipv4-unicast"
+  [[neighbors.afi-safis]]
+    [neighbors.afi-safis.config]
+    afi-safi-name = "ipv6-unicast"
diff --git a/gobgp/requirements.txt b/gobgp/requirements.txt
new file mode 100644
index 0000000..70d0b1b
--- /dev/null
+++ b/gobgp/requirements.txt
@@ -0,0 +1,3 @@
+pymongo >= 4.8.0
+dnspython >= 2.6.1
+ipaddress >= 1.0.23
diff --git a/gobgp/startup.sh b/gobgp/startup.sh
new file mode 100644
index 0000000..184ea84
--- /dev/null
+++ b/gobgp/startup.sh
@@ -0,0 +1,7 @@
+#!/bin/bash
+## Production
+. venv/bin/activate
+gobgp monitor global rib -j | /var/tmp/gobgp_to_mongo.py
+##
+## Dev Test
+# cat /var/tmp/log/bgp.dump.json | /var/tmp/gobgp_to_mongo.py
diff --git a/gobgp_to_mongo.py b/gobgp_to_mongo.py
new file mode 100755
index 0000000..4e52988
--- /dev/null
+++ b/gobgp_to_mongo.py
@@ -0,0 +1,200 @@
+#! /usr/bin/env python3
+
+import sys
+import json
+
+from pymongo.database import Database
+
+import bgp_attributes as BGP
+from pymongo import MongoClient
+import pymongo
+from copy import copy
+from datetime import datetime
+import ipaddress
+import logging
+
+# logging.basicConfig(level=logging.CRITICAL)
+# logging.basicConfig(level=logging.DEBUG)
+
+# DEFAULTS - UPDATE ACCORDINGLY
+MAX_PREFIX_HISTORY = 100  # None = unlimited (BGP flapping will likely kill DB if unlimited)
+
+
+def db_connect(host='mongodb') -> Database:
+    """Return a connection to the Mongo Database."""
+    client = MongoClient(host=host)
+    return client['bgp']
+
+
+def initialize_database(db: Database):
+    """Create indexes, and if the db contains any entries set them all to 'active': False"""
+    # db['bgp'].drop()
+    db['bgp'].create_index('nexthop')
+    db['bgp'].create_index('nexthop_asn')
+    db['bgp'].create_index([('nexthop', pymongo.ASCENDING), ('active', pymongo.ASCENDING)])
+    db['bgp'].create_index([('nexthop_asn', pymongo.ASCENDING), ('active', pymongo.ASCENDING)])
+    db['bgp'].create_index([('ip_version', pymongo.ASCENDING), ('active', pymongo.ASCENDING)])
+    db['bgp'].create_index(
+        [('origin_asn', pymongo.ASCENDING), ('ip_version', pymongo.ASCENDING), ('active', pymongo.ASCENDING)])
+    db['bgp'].create_index([('communities', pymongo.ASCENDING), ('active', pymongo.ASCENDING)])
+    db['bgp'].create_index(
+        [('as_path.1', pymongo.ASCENDING), ('nexthop_asn', pymongo.ASCENDING), ('active', pymongo.ASCENDING)])
+    db['bgp'].update_many(
+        {"active": True},  # Search for
+        {"$set": {"active": False}})  # Replace with
+
+
+def get_update_entry(line):
+    """Read output from GoBGP from stdin and return a update entry *dict*"""
+    try:
+        update_list = json.loads(line)
+        for update_entry in update_list:
+            if 'error' in update_entry:
+                return None
+            else:
+                return update_entry
+    except Exception as err:
+        logging.error("Error in get_update_entry(line):", err)
+        return None
+
+
+def compare_prefixes(new, old):
+    """ignore history, age, and active state, then compare prefix objects"""
+    new['history'] = new['age'] = new['active'] = None
+    old['history'] = old['age'] = old['active'] = None
+    if new == old:
+        return True
+    else:
+        return False
+
+
+def community_32bit_to_string(number):
+    """Given a 32bit number, convert to standard bgp community format XXX:XX"""
+    if number != 0:
+        return f'{int(bin(number)[:-16], 2)}:{int(bin(number)[-16:], 2)}'  # PEP 498
+
+
+def community_large_to_string(community: dict):
+    """Given a dict, convert to large bgp community format XXX:XXX:XXX"""
+    return f"{community['ASN']}:{community['LocalData1']}:{community['LocalData2']}"
+
+
+def build_json(update_entry):
+    """Given an update entry from GoBGP, set the BGP attribue types as a
+    key/value dict and return"""
+    update_json = {  # set defaults
+        '_id': update_entry['nlri']['prefix'],
+        'ip_version': ipaddress.ip_address(update_entry['nlri']['prefix'].split('/', 1)[0]).version,
+        'origin_asn': None,
+        'nexthop': None,
+        'nexthop_asn': None,
+        'as_path': [],
+        'med': 0,
+        'local_pref': 0,
+        'communities': [],
+        'route_origin': None,
+        'atomic_aggregate': None,
+        'aggregator_as': None,
+        'aggregator_address': None,
+        'originator_id': None,
+        'cluster_list': [],
+        'withdrawal': False,
+        'age': 0,
+        'active': True,
+        'history': []
+    }
+    for attribute in update_entry['attrs']:
+        if attribute['type'] == BGP.ORIGIN:
+            update_json['route_origin'] = BGP.ORIGIN_CODE[attribute['value']]
+        if attribute['type'] == BGP.AS_PATH:
+            try:
+                update_json['as_path'] = attribute['as_paths'][0]['asns']
+                update_json['nexthop_asn'] = update_json['as_path'][0]
+                update_json['origin_asn'] = update_json['as_path'][-1]
+            except Exception:
+                logging.debug(f'Error processing as_path: {attribute}')
+                logging.debug(f'Error processing as_path: {update_json["_id"]}')
+        if attribute['type'] == BGP.NEXT_HOP:
+            update_json['nexthop'] = attribute['nexthop']
+        if attribute['type'] == BGP.MULTI_EXIT_DISC:
+            try:
+                update_json['med'] = attribute['metric']
+            except Exception:
+                logging.debug(f'Error processing med: {attribute}')
+        if attribute['type'] == BGP.LOCAL_PREF:
+            try:
+                update_json['local_pref'] = attribute['value']
+            except Exception:
+                logging.debug(f'Error processing local_pref: {attribute}')
+        if attribute['type'] == BGP.ATOMIC_AGGREGATE:
+            update_json['atomic_aggregate'] = True
+        if attribute['type'] == BGP.AGGREGATOR:
+            update_json['aggregator_as'] = attribute['as']
+            update_json['aggregator_address'] = attribute['address']
+        if attribute['type'] == BGP.COMMUNITY:
+            try:
+                for number in attribute['communities']:
+                    update_json['communities'].append(community_32bit_to_string(number))
+            except Exception:
+                logging.debug(f'Error processing communities: {attribute}')
+        if attribute['type'] == BGP.ORIGINATOR_ID:
+            update_json['originator_id'] = attribute['value']
+        if attribute['type'] == BGP.CLUSTER_LIST:
+            update_json['cluster_list'] = attribute['value']
+        if attribute['type'] == BGP.MP_REACH_NLRI:
+            update_json['nexthop'] = attribute['nexthop']
+        if attribute['type'] == BGP.MP_UNREACH_NLRI:
+            logging.debug(f'Found MP_UNREACH_NLRI: {attribute}')
+        if attribute['type'] == BGP.EXTENDED_COMMUNITIES:
+            logging.debug(f'Found EXTENDED_COMMUNITIES: {attribute}')
+        if attribute['type'] == BGP.LARGE_COMMUNITIES:
+            try:
+                for community in attribute['value']:
+                    update_json['communities'].append(community_large_to_string(community))
+            except Exception:
+                logging.debug(f'Error processing LARGE_COMMUNITIES: {attribute}')
+    if 'withdrawal' in update_entry:
+        update_json['withdrawal'] = update_entry['withdrawal']
+        update_json['active'] = False
+    if 'age' in update_entry:
+        update_json['age'] = datetime.fromtimestamp(update_entry['age']).strftime('%Y-%m-%d %H:%M:%S ') + 'UTC'
+
+    return update_json
+
+
+def update_prefix(prefix_from_gobgp, prefix_from_database):
+    if compare_prefixes(copy(prefix_from_gobgp), copy(prefix_from_database)):
+        prefix_from_gobgp['active'] = True  # flip the active state to true
+    else:  # diff between prefix_from_gobgp and prefix_from_database: update history
+        history_list = prefix_from_database['history']
+        del prefix_from_database['active']  # delete house keeping keys from history objects
+        del prefix_from_database['history']
+        if not history_list:  # no history: create some
+            prefix_from_gobgp['history'].append(prefix_from_database)
+        else:  # existing history: append to history list
+            history_list.insert(0, prefix_from_database)  # insert on top of list, index 0
+            prefix_from_gobgp['history'] = history_list[:MAX_PREFIX_HISTORY]  # trim the history list if MAX is set
+    return prefix_from_gobgp
+
+
+def main():
+    db = db_connect()
+    initialize_database(db)
+    for line in sys.stdin:
+        try:
+            prefix_from_gobgp = build_json(get_update_entry(line))
+
+            prefix_from_database = db['bgp'].find_one({'_id': prefix_from_gobgp['_id']})
+
+            if prefix_from_database:
+                updated_prefix = update_prefix(prefix_from_gobgp, prefix_from_database)
+                db['bgp'].update_one({"_id": prefix_from_database['_id']}, {'$set': updated_prefix}, upsert=True)
+            else:
+                db['bgp'].update_one({"_id": prefix_from_gobgp['_id']}, {'$set': prefix_from_gobgp}, upsert=True)
+
+        except TypeError as e:
+            print(f"TypeError {e} in Line: {line}")
+
+
+if __name__ == "__main__":
+    sys.exit(main())