- - Say something... -

-					</label>
-				</div>
-				<div className="text-right">
-					<button type="reset" className="btn btn-default">Reset</button>
-					<button type="submit" className="btn btn-primary">Submit</button>
-				</div>
-			</form>
-		);
-	}
-}
-
-export default CommentForm;
\ No newline at end of file
diff --git a/examples/self_mounting_components/app/CommentList.jsx b/examples/self_mounting_components/app/CommentList.jsx
deleted file mode 100644
index c13f192..0000000
--- a/examples/self_mounting_components/app/CommentList.jsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-import Comment from './Comment.jsx';
-
-class CommentList extends React.Component {
-	render() {
-		if (!this.props.comments.length) {
-			return null;
-		}
-		return (
-			<div>
-				<h2>Comments</h2>
-				{this.props.comments.map((comment, index) => {
-					return <Comment name={comment.name} text={comment.text} key={index} />;
-				})}
-			</div>
-		);
-	}
-}
-
-export default CommentList;
\ No newline at end of file
diff --git a/examples/self_mounting_components/example.py b/examples/self_mounting_components/example.py
deleted file mode 100644
index 186b86e..0000000
--- a/examples/self_mounting_components/example.py
+++ /dev/null
@@ -1,78 +0,0 @@
-import os
-import json
-from flask import Flask, render_template, request, redirect, jsonify
-from react.conf import settings as react_settings
-from react.render import render_component
-from webpack.conf import settings as webpack_settings
-from webpack.compiler import webpack
-
-DEBUG = True
-BASE_DIR = os.path.dirname(os.path.abspath(__file__))
-
-# As a convenience for development, only connect to the
-# render server when DEBUG is False
-react_settings.configure(RENDER=not DEBUG)
-
-webpack_settings.configure(
-    STATIC_ROOT=os.path.join(BASE_DIR, 'static'),
-    STATIC_URL='/static/',
-    WATCH=DEBUG,
-    HMR=DEBUG,
-    CONFIG_DIRS=BASE_DIR,
-    CONTEXT={
-        'DEBUG': DEBUG,
-    },
-)
-
-
-app = Flask(__name__)
-app.debug = DEBUG
-
-comments = []
-
-
-@app.route('/')
-def index():
-    config_file = os.path.join(BASE_DIR, 'example.webpack.js')
-
-    component = os.path.join(BASE_DIR, 'app', 'CommentBox.jsx')
-
-    props = {
-        'comments': comments,
-        'url': '/comment/',
-    }
-
-    rendered = render_component(component, props)
-
-    webpack_context = {
-        'component': component,
-        'props_var': 'window.mountProps',
-        'container': 'mount-container',
-    }
-
-    bundle = webpack(config_file, context=webpack_context)
-
-    return render_template(
-        'index.html',
-        bundle=bundle,
-        webpack_context=webpack_context,
-        rendered=rendered,
-    )
-
-
-@app.route('/comment/', methods=('POST',))
-def comment():
-    comments.append({
-        'name': request.form['name'],
-        'text': request.form['text'],
-    })
-
-    if request.is_xhr:
-        return jsonify(comments=comments)
-
-    return redirect('/')
-
-
-
-if __name__ == '__main__':
-    app.run()
\ No newline at end of file
diff --git a/examples/self_mounting_components/example.webpack.js b/examples/self_mounting_components/example.webpack.js
deleted file mode 100644
index 481d43e..0000000
--- a/examples/self_mounting_components/example.webpack.js
+++ /dev/null
@@ -1,76 +0,0 @@
-var path = require('path');
-var webpack = require('webpack');
-var autoprefixer = require('autoprefixer-core');
-var ExtractTextPlugin = require('extract-text-webpack-plugin');
-
-module.exports = function(opts) {
-	var config = {
-		context: __dirname,
-		entry: './mount',
-		output: {
-			filename: '[name]-[hash].js',
-			pathinfo: opts.context.DEBUG
-		},
-		module: {
-			loaders: [
-				{
-					test: /\.jsx?$/,
-					exclude: /(node_modules|bower_components)/,
-					loader: (opts.hmr ? 'react-hot-loader!': '') + 'babel-loader'
-				},
-				{
-					test: /\.css$/,
-					loader: opts.hmr ?
-						'style!css-loader?sourceMap!postcss-loader' :
-						ExtractTextPlugin.extract('style', 'css-loader?sourceMap!postcss-loader')
-				},
-				{
-					test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
-					loader: 'url-loader?limit=10000&mimetype=application/font-woff'
-				},
-				{
-					test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
-					loader: 'file-loader'
-				}
-			]
-		},
-		postcss: [autoprefixer],
-		resolve: {
-			alias: {
-				__react_mount_component__: opts.context.component
-			}
-		},
-		plugins: [
-			// Define the variables in `./mount.js` that webpack will replace with data from python
-			new webpack.DefinePlugin({
-				__react_mount_props_variable__: opts.context.props_var,
-				__react_mount_container__: JSON.stringify(opts.context.container)
-			}),
-			new webpack.optimize.OccurrenceOrderPlugin(),
-			new webpack.NoErrorsPlugin(),
-			new webpack.DefinePlugin({
-				'process.env': {
-					NODE_ENV: JSON.stringify(
-						opts.context.DEBUG ? 'development' : 'production'
-					)
-				}
-			})
-		],
-		devtool: opts.context.DEBUG ? 'eval-source-map' : 'source-map'
-	};
-
-	if (!opts.hmr) {
-		// Move css assets into separate files
-		config.plugins.push(new ExtractTextPlugin('[name]-[contenthash].css'));
-	}
-
-	if (!opts.context.DEBUG) {
-		// Remove duplicates and activate compression
-		config.plugins.push(
-			new webpack.optimize.DedupePlugin(),
-			new webpack.optimize.UglifyJsPlugin()
-		);
-	}
-
-	return config;
-};
\ No newline at end of file
diff --git a/examples/self_mounting_components/mount.js b/examples/self_mounting_components/mount.js
deleted file mode 100644
index 884ba13..0000000
--- a/examples/self_mounting_components/mount.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-
-// During the build process webpack aliases this import to the desired component
-import Component from '__react_mount_component__';
-
-// During the build process webpack will replace these variable with
-// the names passed from the python process
-const props = __react_mount_props_variable__;
-const container = document.getElementById(__react_mount_container__);
-
-const element = React.createElement(Component, props);
-React.render(element, container);
\ No newline at end of file
diff --git a/examples/self_mounting_components/package.json b/examples/self_mounting_components/package.json
deleted file mode 100644
index 1ab5a24..0000000
--- a/examples/self_mounting_components/package.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "private": true,
-  "dependencies": {
-    "autoprefixer-core": "^5.2.1",
-    "babel": "^5.6.14",
-    "babel-core": "^5.6.17",
-    "babel-loader": "^5.3.1",
-    "body-parser": "^1.13.2",
-    "bootstrap": "^3.3.5",
-    "css-loader": "^0.15.2",
-    "express": "^4.13.1",
-    "extract-text-webpack-plugin": "^0.8.2",
-    "file-loader": "^0.8.4",
-    "jquery": "^2.1.4",
-    "node-libs-browser": "^0.5.2",
-    "postcss-loader": "^0.5.1",
-    "react": "^0.13.3",
-    "react-hot-loader": "^1.2.8",
-    "react-render": "^0.3.0",
-    "style-loader": "^0.12.3",
-    "url-loader": "^0.5.6",
-    "webpack": "^1.10.1",
-    "webpack-build": "^0.14.0"
-  },
-  "scripts": {
-    "webpack-build": "webpack-build"
-  }
-}
diff --git a/examples/self_mounting_components/requirements.txt b/examples/self_mounting_components/requirements.txt
deleted file mode 100644
index f313530..0000000
--- a/examples/self_mounting_components/requirements.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-flask==0.10.1
-optional-django==0.3.0
-requests==2.7.0
-webpack==5.0.1
-react
\ No newline at end of file
diff --git a/examples/self_mounting_components/server.js b/examples/self_mounting_components/server.js
deleted file mode 100644
index fb723d6..0000000
--- a/examples/self_mounting_components/server.js
+++ /dev/null
@@ -1,40 +0,0 @@
-var http = require('http');
-var express = require('express');
-var bodyParser = require('body-parser');
-var reactRender = require('react-render');
-
-// Ensure support for JSX files
-require('babel/register');
-
-var ADDRESS = '127.0.0.1';
-var PORT = 9009;
-
-var app = express();
-var server = http.Server(app);
-
-app.use(bodyParser.json());
-
-app.get('/', function(req, res) {
-	res.end('react render server');
-});
-
-app.post('/render', function(req, res) {
-	reactRender(req.body, function(err, markup) {
-		var error = null;
-		if (err) {
-			error = {
-				type: err.constructor.name,
-				message: err.message,
-				stack: err.stack
-			};
-		}
-		res.json({
-			error: error,
-			markup: markup
-		});
-	});
-});
-
-server.listen(PORT, ADDRESS, function() {
-	console.log('react render server listening at http://' + ADDRESS + ':' + PORT);
-});
\ No newline at end of file
diff --git a/examples/self_mounting_components/templates/index.html b/examples/self_mounting_components/templates/index.html
deleted file mode 100644
index 0a49108..0000000
--- a/examples/self_mounting_components/templates/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<html>
-<head>
-	<title>Python + React example</title>
-	{{ bundle.render_css()|safe }}
-</head>
-<body>
-	<div id="{{ webpack_context.container }}" class="container">
-		<h1>Python + React example</h1>
-		{{ rendered|safe }}
-	</div>
-	<script>
-		{{ webpack_context.props_var }} = {{ rendered.props|safe }};
-	</script>
-	{{ bundle.render_js()|safe }}
-</body>
-</html>
\ No newline at end of file

From acf86bb5b7d18538b986cee7c64902afa3fb1a4d Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 15 Sep 2015 15:54:05 +1000
Subject: [PATCH 02/61] Updated the example render servers

---
 examples/basic_rendering/package.json     |  7 +--
 examples/basic_rendering/render_server.js | 58 +++++++++++++++++++++++
 examples/basic_rendering/server.js        | 40 ----------------
 package.json                              |  7 +--
 tests/__init__.py                         |  2 +-
 tests/test_server.js                      | 50 +++++++++++++------
 6 files changed, 103 insertions(+), 61 deletions(-)
 create mode 100644 examples/basic_rendering/render_server.js
 delete mode 100644 examples/basic_rendering/server.js

diff --git a/examples/basic_rendering/package.json b/examples/basic_rendering/package.json
index 2f909c7..cf3a260 100644
--- a/examples/basic_rendering/package.json
+++ b/examples/basic_rendering/package.json
@@ -1,10 +1,11 @@
 {
   "private": true,
   "dependencies": {
-    "babel": "^5.6.14",
+    "babel": "^5.8.23",
     "body-parser": "^1.13.2",
-    "express": "^4.13.1",
+    "express": "^4.13.3",
     "react": "^0.13.3",
-    "react-render": "^0.3.0"
+    "react-render": "^0.3.0",
+    "yargs": "^3.25.0"
   }
 }
diff --git a/examples/basic_rendering/render_server.js b/examples/basic_rendering/render_server.js
new file mode 100644
index 0000000..50d5e2a
--- /dev/null
+++ b/examples/basic_rendering/render_server.js
@@ -0,0 +1,58 @@
+var argv = require('yargs')
+	.option('p', {
+		alias: 'port',
+		description: 'Specify the server\'s port',
+		default: 9009
+    })
+    .option('a', {
+		alias: 'address',
+		description: 'Specify the server\'s address',
+		default: '127.0.0.1'
+    })
+    .help('h').alias('h', 'help')
+    .strict()
+    .argv;
+
+var http = require('http');
+var express = require('express');
+var bodyParser = require('body-parser');
+var reactRender = require('react-render');
+
+// Ensure support for loading files that contain ES6+7 & JSX
+require('babel/register');
+
+var ADDRESS = argv.address;
+var PORT = argv.port;
+
+var app = express();
+var server = http.Server(app);
+
+app.use(bodyParser.json());
+
+app.get('/', function(req, res) {
+	res.end('React render server');
+});
+
+app.post('/render', function(req, res) {
+	reactRender(req.body, function(err, markup) {
+		if (err) {
+			res.json({
+				error: {
+					type: err.constructor.name,
+					message: err.message,
+					stack: err.stack
+				},
+				markup: null
+			});
+		} else {
+			res.json({
+				error: null,
+				markup: markup
+			});
+		}
+	});
+});
+
+server.listen(PORT, ADDRESS, function() {
+	console.log('React render server listening at http://' + ADDRESS + ':' + PORT);
+});
\ No newline at end of file
diff --git a/examples/basic_rendering/server.js b/examples/basic_rendering/server.js
deleted file mode 100644
index fb723d6..0000000
--- a/examples/basic_rendering/server.js
+++ /dev/null
@@ -1,40 +0,0 @@
-var http = require('http');
-var express = require('express');
-var bodyParser = require('body-parser');
-var reactRender = require('react-render');
-
-// Ensure support for JSX files
-require('babel/register');
-
-var ADDRESS = '127.0.0.1';
-var PORT = 9009;
-
-var app = express();
-var server = http.Server(app);
-
-app.use(bodyParser.json());
-
-app.get('/', function(req, res) {
-	res.end('react render server');
-});
-
-app.post('/render', function(req, res) {
-	reactRender(req.body, function(err, markup) {
-		var error = null;
-		if (err) {
-			error = {
-				type: err.constructor.name,
-				message: err.message,
-				stack: err.stack
-			};
-		}
-		res.json({
-			error: error,
-			markup: markup
-		});
-	});
-});
-
-server.listen(PORT, ADDRESS, function() {
-	console.log('react render server listening at http://' + ADDRESS + ':' + PORT);
-});
\ No newline at end of file
diff --git a/package.json b/package.json
index 2f909c7..cf3a260 100644
--- a/package.json
+++ b/package.json
@@ -1,10 +1,11 @@
 {
   "private": true,
   "dependencies": {
-    "babel": "^5.6.14",
+    "babel": "^5.8.23",
     "body-parser": "^1.13.2",
-    "express": "^4.13.1",
+    "express": "^4.13.3",
     "react": "^0.13.3",
-    "react-render": "^0.3.0"
+    "react-render": "^0.3.0",
+    "yargs": "^3.25.0"
   }
 }
diff --git a/tests/__init__.py b/tests/__init__.py
index 85af362..e2ef88f 100644
--- a/tests/__init__.py
+++ b/tests/__init__.py
@@ -16,5 +16,5 @@
 if output.strip() == '':
     output += process.stdout.readline().decode('utf-8')
 
-if 'python-react test render server' not in output:
+if 'React render server' not in output:
     raise Exception('Unexpected output: "{}"'.format(output))
diff --git a/tests/test_server.js b/tests/test_server.js
index 5ea3885..50d5e2a 100644
--- a/tests/test_server.js
+++ b/tests/test_server.js
@@ -1,36 +1,58 @@
+var argv = require('yargs')
+	.option('p', {
+		alias: 'port',
+		description: 'Specify the server\'s port',
+		default: 9009
+    })
+    .option('a', {
+		alias: 'address',
+		description: 'Specify the server\'s address',
+		default: '127.0.0.1'
+    })
+    .help('h').alias('h', 'help')
+    .strict()
+    .argv;
+
 var http = require('http');
 var express = require('express');
 var bodyParser = require('body-parser');
 var reactRender = require('react-render');
 
-// Ensure support for JSX files
+// Ensure support for loading files that contain ES6+7 & JSX
 require('babel/register');
 
-var ADDRESS = '127.0.0.1';
-var PORT = 9009;
+var ADDRESS = argv.address;
+var PORT = argv.port;
 
 var app = express();
 var server = http.Server(app);
 
 app.use(bodyParser.json());
 
+app.get('/', function(req, res) {
+	res.end('React render server');
+});
+
 app.post('/render', function(req, res) {
 	reactRender(req.body, function(err, markup) {
-		var error = null;
 		if (err) {
-			error = {
-				type: err.constructor.name,
-				message: err.message,
-				stack: err.stack
-			};
+			res.json({
+				error: {
+					type: err.constructor.name,
+					message: err.message,
+					stack: err.stack
+				},
+				markup: null
+			});
+		} else {
+			res.json({
+				error: null,
+				markup: markup
+			});
 		}
-		res.json({
-			error: error,
-			markup: markup
-		});
 	});
 });
 
 server.listen(PORT, ADDRESS, function() {
-	console.log('python-react test render server listening at http://' + ADDRESS + ':' + PORT);
+	console.log('React render server listening at http://' + ADDRESS + ':' + PORT);
 });
\ No newline at end of file

From bb12daee5d48ba4aa518a505913dbb91457f3e8d Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 15 Sep 2015 15:54:52 +1000
Subject: [PATCH 03/61] Doc improvements in the examples

---
 examples/README.md                 | 26 +++++---------------------
 examples/basic_rendering/README.md |  2 +-
 2 files changed, 6 insertions(+), 22 deletions(-)

diff --git a/examples/README.md b/examples/README.md
index 3ec105a..628372b 100644
--- a/examples/README.md
+++ b/examples/README.md
@@ -1,33 +1,17 @@
 Python + React examples
 =====================
 
-- [python-webpack examples](https://github.com/markfinger/python-webpack/tree/master/examples)
-- [django-webpack-loader examples](https://github.com/owais/django-webpack-loader/tree/master/examples)
-
-Illustrates how to use webpack so that you can integrate your React components into the frontend of a python system.
-
---------------------------------------
-
 [Basic rendering](basic_rendering)
 
 Illustrates how to pre-render React components for a production system. The example use React as a substitute for 
 python template systems.
 
---------------------------------------
-
-[Self mounting components](self_mounting_components)
-
-Illustrates a workflow where webpack is used to generate bundles of your components with self mounting code. The 
-bundles will immediately mount themselves over the pre-rendered markup as soon as the page has loaded the JS.
-
-This workflow is similar to what was provided in older versions of python-react. It can be useful
-if you want to add a small amount of interactivity to an otherwise backend-heavy site.
+------------------------------------
 
-Be aware that while this workflow can be initially convenient, it tends to rely on components maintaining
-large amounts of state. A better workflow is for your components to minimize state by delegating all
-data storage to external services. If you're looking for something to handle your data, the multitude
-of Flux implementations are a reasonable starting point.
+For client-side integration examples,
+[Owais's django-webpack-loader project](https://github.com/owais/django-webpack-loader/tree/master/examples)
+has a bunch of good starting points.
 
---------------------------------------
+------------------------------------
 
 *Feel free to open a pull request, if you'd like to contribute more examples or links*
diff --git a/examples/basic_rendering/README.md b/examples/basic_rendering/README.md
index 73a3cef..e3ac4e7 100644
--- a/examples/basic_rendering/README.md
+++ b/examples/basic_rendering/README.md
@@ -11,7 +11,7 @@ npm install
 Start the render server
 
 ```
-node server.js
+node render_server.js
 ```
 
 Start the python server

From 7a456aeacd315d53bc72c2a04ab4cc7e929bcd03 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 15 Sep 2015 16:10:20 +1000
Subject: [PATCH 04/61] Improving the front-end integration docs

---
 README.md | 30 ++++++++++++------------------
 1 file changed, 12 insertions(+), 18 deletions(-)

diff --git a/README.md b/README.md
index c02a8ec..df5ff61 100644
--- a/README.md
+++ b/README.md
@@ -102,24 +102,18 @@ code-splitting, and a wealth of loaders are the features typically cited as bein
 [react-hot-loader](https://github.com/gaearon/react-hot-loader) is a particularly useful tool, as it allows
 changes to your components to be streamed live into your browser.
 
-To integrate webpack's output into a python system, the two most popular solutions are:
-
-- [django-webpack-loader](https://github.com/owais/django-webpack-loader) - uses a webpack plugin to generate a 
-  file for your python process to consume. Tends to be easier to reason about - does one thing and does it well. 
-  Requires you to interact with webpack directly.
-- [python-webpack](https://github.com/markfinger/python-webpack) - talks to a build server that wraps around
-  webpack. Tends to be more complex, but offers more features. Requires you to interact with a webpack-build
-  process.
-
-For most use-cases, both tools will provide similar functionalities. django-webpack-loader puts you in direct
-control of webpack's processes, so it's a good starting point to learn about the tool. python-webpack
-abstracts away webpack, so it may be easier to integrate.
-
-Note: older versions of this library used to provide tools for integrating React into your frontend. While 
-they provided some conveniences they also overly complicated deployments, limited the functionalities that 
-you could apply, and locked you in to a workflow which was contrary to React's best practices. If you want to
-persist with the worflow previously offered, the [self-mounting components example](examples) illustrates the
-wiring necessary to achieve it.
+If you want to integrate webpack's output into your python system, you can either hard-code the paths or you
+can use a manifest plugin that provides a way for your python system to introspect the compiler's state.
+
+The most popular manifest tool is [owais/django-webpack-loader](https://github.com/owais/django-webpack-loader).
+Owais has provided a great set of docs and examples, so it's your best bet for integrating webpack into your
+project.
+
+If you need support for non-Django projects - or you want to use webpack with a decoupled library or app -
+[markfinger/python-webpack-manifest](https://github.com/markfinger/python-webpack-manifest) will sort you out.
+
+There's also [markfinger/python-webpack](https://github.com/markfinger/python-webpack), but it's a bit more
+heavy handed and is only of use if you need a really tight coupling between your python and javascript worlds.
 
 
 render_component

From 3d58f2dd42baff291567ca326b3a573b6e80a58d Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 15 Sep 2015 17:12:15 +1000
Subject: [PATCH 05/61] Ensuring that settings are proxied when running under
 Django

Re #47
---
 react/apps.py                    |  3 ++-
 react/conf.py                    | 38 +++++++++++++++++++++++++++-----
 tests/settings.py                |  7 ++++++
 tests/test_django_integration.py | 13 ++++++++---
 4 files changed, 52 insertions(+), 9 deletions(-)

diff --git a/react/apps.py b/react/apps.py
index 8e02380..38c0c33 100644
--- a/react/apps.py
+++ b/react/apps.py
@@ -7,6 +7,7 @@ class ReactConfig(AppConfig):
     name = 'react'
 
     def ready(self):
+        react.conf.settings._PROXY_DJANGO_SETTINGS = True
         react.conf.settings.configure(
             **getattr(settings, 'REACT', {})
-        )
\ No newline at end of file
+        )
diff --git a/react/conf.py b/react/conf.py
index d053c18..d555244 100644
--- a/react/conf.py
+++ b/react/conf.py
@@ -1,8 +1,36 @@
-from optional_django import conf
+class Conf(object):
+    _render_url = 'http://127.0.0.1:9009/render'
+    _render = True
+    _PROXY_DJANGO_SETTINGS = False
 
+    @property
+    def RENDER_URL(self):
+        if not self._PROXY_DJANGO_SETTINGS:
+            return self._render_url
 
-class Conf(conf.Conf):
-    RENDER_URL = 'http://127.0.0.1:9009/render'
-    RENDER = True
+        from django.conf import settings
 
-settings = Conf()
\ No newline at end of file
+        if hasattr(settings, 'REACT'):
+            return settings.REACT.get('RENDER_URL', self._render_url)
+
+        return self._render_url
+
+    @property
+    def RENDER(self):
+        if not self._PROXY_DJANGO_SETTINGS:
+            return self._render
+
+        from django.conf import settings
+
+        if hasattr(settings, 'REACT'):
+            return settings.REACT.get('RENDER', self._render)
+
+        return self._render
+
+    def configure(self, RENDER_URL=None, RENDER=None):
+        if RENDER_URL is not None:
+            self._render_url = RENDER_URL
+        if RENDER is not None:
+            self._render = RENDER
+
+settings = Conf()
diff --git a/tests/settings.py b/tests/settings.py
index de1b73a..7052039 100644
--- a/tests/settings.py
+++ b/tests/settings.py
@@ -14,6 +14,13 @@
 TEST_ROOT = os.path.dirname(__file__)
 COMPONENT_ROOT = os.path.join(TEST_ROOT, 'components')
 
+DATABASES = {
+    'default': {
+        'ENGINE': 'django.db.backends.sqlite3',
+        'NAME': 'mydatabase',
+    }
+}
+
 
 class Components(object):
     HELLO_WORLD_JS = os.path.join(COMPONENT_ROOT, 'HelloWorld.js')
diff --git a/tests/test_django_integration.py b/tests/test_django_integration.py
index c86540a..681ebe6 100644
--- a/tests/test_django_integration.py
+++ b/tests/test_django_integration.py
@@ -1,13 +1,14 @@
 import json
 import datetime
-import unittest
+from django.test import TestCase
 from django.utils import timezone
 from optional_django.env import DJANGO_CONFIGURED
 from react.render import render_component
+from react import conf
 from .settings import Components
 
 
-class TestDjangoIntegration(unittest.TestCase):
+class TestDjangoIntegration(TestCase):
     __test__ = DJANGO_CONFIGURED
 
     def test_can_serialize_datetime_values_in_props(self):
@@ -33,4 +34,10 @@ def test_can_serialize_datetime_values_in_props(self):
 
     def test_relative_paths_are_resolved_via_the_static_file_finder(self):
         component = render_component(Components.DJANGO_REL_PATH, to_static_markup=True)
-        self.assertEqual(str(component), '<span>You found me.</span>')
\ No newline at end of file
+        self.assertEqual(str(component), '<span>You found me.</span>')
+
+    def test_django_settings_are_proxied(self):
+        self.assertEqual(conf.settings.RENDER, True)
+        with self.settings(REACT={'RENDER': False}):
+            self.assertEqual(conf.settings.RENDER, False)
+

From 426d17f2ce27f325ad5e7336bb5ce5981a7cce00 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 15 Sep 2015 17:12:58 +1000
Subject: [PATCH 06/61] Fixed an issue where changes to the render server's url
 wouldn't be applied after initialisation

Re #47
---
 react/render_server.py | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/react/render_server.py b/react/render_server.py
index 29ecdba..5a45393 100644
--- a/react/render_server.py
+++ b/react/render_server.py
@@ -20,9 +20,6 @@ def __unicode__(self):
 
 
 class RenderServer(object):
-    def __init__(self, url):
-        self.url = url
-
     def render(self, path, props=None, to_static_markup=False):
         if props is not None:
             serialized_props = json.dumps(props, cls=JSONEncoder)
@@ -42,7 +39,7 @@ def render(self, path, props=None, to_static_markup=False):
 
         try:
             res = requests.post(
-                self.url,
+                conf.settings.RENDER_URL,
                 data=serialized_options,
                 headers={'content-type': 'application/json'},
                 params={'hash': options_hash}
@@ -73,4 +70,4 @@ def render(self, path, props=None, to_static_markup=False):
         return RenderedComponent(markup, serialized_props)
 
 
-render_server = RenderServer(conf.settings.RENDER_URL)
+render_server = RenderServer()

From a2e15e2caa8e12446091568160e5c30fbf4568ff Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 15 Sep 2015 17:18:55 +1000
Subject: [PATCH 07/61] Docs

---
 README.md | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index df5ff61..53d062f 100644
--- a/README.md
+++ b/README.md
@@ -109,11 +109,13 @@ The most popular manifest tool is [owais/django-webpack-loader](https://github.c
 Owais has provided a great set of docs and examples, so it's your best bet for integrating webpack into your
 project.
 
-If you need support for non-Django projects - or you want to use webpack with a decoupled library or app -
-[markfinger/python-webpack-manifest](https://github.com/markfinger/python-webpack-manifest) will sort you out.
+If you aren't running a Django system, or you need portable manifests that can be decoupled and deployed,
+[markfinger/python-webpack-manifest](https://github.com/markfinger/python-webpack-manifest) might suit your
+needs.
 
 There's also [markfinger/python-webpack](https://github.com/markfinger/python-webpack), but it's a bit more
-heavy handed and is only of use if you need a really tight coupling between your python and javascript worlds.
+heavy handed, abstract, and is only of use if you need a really tight coupling between your python and
+javascript worlds.
 
 
 render_component

From da944a53bbb305271e685bc3424f6d21a2e8ffbe Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 15 Sep 2015 17:26:24 +1000
Subject: [PATCH 08/61] Docs

---
 README.md | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 53d062f..f0e26fc 100644
--- a/README.md
+++ b/README.md
@@ -194,9 +194,13 @@ When the render server wrapper connects to the JS process, it adds a `?hash=...`
 hash parameter is a SHA-1 hash of the serialized data that is sent in the request's body and is intended
 for consumption by caching layers.
 
-Depending on your load, you may want to put a reverse proxy in front of the render server. Be aware that
-render server requests are sent as POST requests and many reverse proxies are configured by default to 
-**not** cache POST requests.
+Depending on your load, you may want to use a worker farm to handle rendering.
+[Node's cluster module](https://nodejs.org/api/cluster.html) provides an easy way to fork a process and
+serve multiple instances from a single network address.
+
+An alternative to worker farms is to put a reverse proxy in front of the render server. Be aware that
+render server requests are sent as POST requests and most reverse proxies have issues with caching POST
+requests.
 
 
 ### Overriding the renderer

From 82deff042db698952443f3237d570853d177a1c3 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 15 Sep 2015 17:27:41 +1000
Subject: [PATCH 09/61] Docs

---
 README.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index f0e26fc..702880e 100644
--- a/README.md
+++ b/README.md
@@ -190,10 +190,6 @@ In production environments, you should ensure that `RENDER` is set to True.
 You will want to run the render server under whatever supervisor process suits your need. Depending on
 your setup, you may need to change the `RENDER_URL` setting to reflect your environment.
 
-When the render server wrapper connects to the JS process, it adds a `?hash=...` parameter to the url. The
-hash parameter is a SHA-1 hash of the serialized data that is sent in the request's body and is intended
-for consumption by caching layers.
-
 Depending on your load, you may want to use a worker farm to handle rendering.
 [Node's cluster module](https://nodejs.org/api/cluster.html) provides an easy way to fork a process and
 serve multiple instances from a single network address.
@@ -202,6 +198,10 @@ An alternative to worker farms is to put a reverse proxy in front of the render
 render server requests are sent as POST requests and most reverse proxies have issues with caching POST
 requests.
 
+When the render server wrapper connects to the JS process, it adds a `?hash=...` parameter to the url. The
+hash parameter is a SHA-1 hash of the serialized data that is sent in the request's body and is intended
+for consumption by caching layers.
+
 
 ### Overriding the renderer

From 4912bcc5a114cd15362e6886433eeaccd02d850f Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 15 Sep 2015 17:29:57 +1000
Subject: [PATCH 10/61] Docs

---
 README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 702880e..df1866f 100644
--- a/README.md
+++ b/README.md
@@ -190,9 +190,9 @@ In production environments, you should ensure that `RENDER` is set to True.
 You will want to run the render server under whatever supervisor process suits your need. Depending on
 your setup, you may need to change the `RENDER_URL` setting to reflect your environment.
 
-Depending on your load, you may want to use a worker farm to handle rendering.
-[Node's cluster module](https://nodejs.org/api/cluster.html) provides an easy way to fork a process and
-serve multiple instances from a single network address.
+Depending on your load, you may want to use a worker farm to handle rendering. Node's
+[cluster module](https://nodejs.org/api/cluster.html) provides an easy way to fork a process and serve
+multiple instances from a single network address.
 
 An alternative to worker farms is to put a reverse proxy in front of the render server. Be aware that
 render server requests are sent as POST requests and most reverse proxies have issues with caching POST

From ed82e0dec6025f1628b2cf1be593431413a3c952 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 22 Sep 2015 09:03:24 +1000
Subject: [PATCH 11/61] Docs

---
 react/conf.py | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/react/conf.py b/react/conf.py
index d555244..fe0a98d 100644
--- a/react/conf.py
+++ b/react/conf.py
@@ -1,6 +1,11 @@
 class Conf(object):
     _render_url = 'http://127.0.0.1:9009/render'
     _render = True
+
+    # Indicates that we should rely on Django's settings as the
+    # canonical reference and use the above defaults as fallbacks.
+    # Proxying to django.conf.settings allows us to swap out Django's
+    # tests during tests
     _PROXY_DJANGO_SETTINGS = False
 
     @property

From 63a17a85e007a8ed08cf3488203cd312c1bd930c Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 22 Sep 2015 09:10:32 +1000
Subject: [PATCH 12/61] 2.0.0

---
 CHANGELOG.md      | 9 +++++++++
 react/__init__.py | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 44a0a74..ad34365 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,15 @@
 Changelog
 =========
 
+### 2.0.0 (22/9/2015)
+
+- **Breaking change** The base renderer's __init__  no longer accepts the RENDER_URL setting as an argument.
+  The url is now resolved during calls, rather than initialisation.
+- When used in companion with Django, settings will now be dynamically fetched rather than bound on
+  initialisation. This enables a codebase to be more easily controlled from a test suite
+- Updated docs regarding front-end integration
+
+
 ### 1.0.0 (13/7/2015)
 
 - Removed the webpack integration. While it can be initially convenient, it tends to introduce more problems than
diff --git a/react/__init__.py b/react/__init__.py
index 7e94ee4..288fecc 100644
--- a/react/__init__.py
+++ b/react/__init__.py
@@ -1,3 +1,3 @@
-__version__ = '1.0.0'
+__version__ = '2.0.0'
 
 default_app_config = 'react.apps.ReactConfig'
\ No newline at end of file

From 78deb9479a302ce226dd5b24c0aaeabe0ebd79ad Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 22 Sep 2015 09:14:18 +1000
Subject: [PATCH 13/61] 2.0.1

---
 react/__init__.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/react/__init__.py b/react/__init__.py
index 288fecc..2772cca 100644
--- a/react/__init__.py
+++ b/react/__init__.py
@@ -1,3 +1,3 @@
-__version__ = '2.0.0'
+__version__ = '2.0.1'
 
 default_app_config = 'react.apps.ReactConfig'
\ No newline at end of file

From 598377d19366fdeb74e14af687745011f65e9309 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Sat, 14 Nov 2015 09:08:05 +1100
Subject: [PATCH 14/61] Fixing broken url references in the request handling
 code - re #52

---
 react/render_server.py | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/react/render_server.py b/react/render_server.py
index 5a45393..b9f108a 100644
--- a/react/render_server.py
+++ b/react/render_server.py
@@ -21,6 +21,8 @@ def __unicode__(self):
 
 class RenderServer(object):
     def render(self, path, props=None, to_static_markup=False):
+        url = conf.settings.RENDER_URL
+        
         if props is not None:
             serialized_props = json.dumps(props, cls=JSONEncoder)
         else:
@@ -39,17 +41,17 @@ def render(self, path, props=None, to_static_markup=False):
 
         try:
             res = requests.post(
-                conf.settings.RENDER_URL,
+                url,
                 data=serialized_options,
                 headers={'content-type': 'application/json'},
                 params={'hash': options_hash}
             )
         except requests.ConnectionError:
-            raise RenderServerError('Could not connect to render server at {}'.format(self.url))
+            raise RenderServerError('Could not connect to render server at {}'.format(url))
 
         if res.status_code != 200:
             raise RenderServerError(
-                'Unexpected response from render server at {} - {}: {}'.format(self.url, res.status_code, res.text)
+                'Unexpected response from render server at {} - {}: {}'.format(url, res.status_code, res.text)
             )
 
         obj = res.json()

From 114e8a1604d4c7a2c2cbbc32fb25163af4c99f9c Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Sat, 14 Nov 2015 09:08:31 +1100
Subject: [PATCH 15/61] 2.0.2

---
 react/__init__.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/react/__init__.py b/react/__init__.py
index 2772cca..de540f0 100644
--- a/react/__init__.py
+++ b/react/__init__.py
@@ -1,3 +1,3 @@
-__version__ = '2.0.1'
+__version__ = '2.0.2'
 
 default_app_config = 'react.apps.ReactConfig'
\ No newline at end of file

From 07fa17c41b3f13b5154c505e41bd61b702f19782 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Sat, 14 Nov 2015 09:24:02 +1100
Subject: [PATCH 16/61] Updating the example and test packages deps to latest

---
 .babelrc                                  |  5 +++++
 examples/Tornado-example/.babelrc         |  5 +++++
 examples/Tornado-example/package.json     | 13 ++++++++-----
 examples/Tornado-example/server.js        |  2 +-
 examples/basic_rendering/.babelrc         |  5 +++++
 examples/basic_rendering/package.json     | 12 +++++++-----
 examples/basic_rendering/render_server.js |  2 +-
 package.json                              | 12 +++++++-----
 tests/components/HelloWorld.jsx           |  2 --
 tests/test_server.js                      |  2 +-
 10 files changed, 40 insertions(+), 20 deletions(-)
 create mode 100644 .babelrc
 create mode 100644 examples/Tornado-example/.babelrc
 create mode 100644 examples/basic_rendering/.babelrc

diff --git a/.babelrc b/.babelrc
new file mode 100644
index 0000000..ea85739
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,5 @@
+{
+	"plugins": [
+		"transform-react-jsx"
+	]
+}
\ No newline at end of file
diff --git a/examples/Tornado-example/.babelrc b/examples/Tornado-example/.babelrc
new file mode 100644
index 0000000..ea85739
--- /dev/null
+++ b/examples/Tornado-example/.babelrc
@@ -0,0 +1,5 @@
+{
+	"plugins": [
+		"transform-react-jsx"
+	]
+}
\ No newline at end of file
diff --git a/examples/Tornado-example/package.json b/examples/Tornado-example/package.json
index 2f909c7..63d4cf7 100644
--- a/examples/Tornado-example/package.json
+++ b/examples/Tornado-example/package.json
@@ -1,10 +1,13 @@
 {
   "private": true,
   "dependencies": {
-    "babel": "^5.6.14",
-    "body-parser": "^1.13.2",
-    "express": "^4.13.1",
-    "react": "^0.13.3",
-    "react-render": "^0.3.0"
+    "babel-core": "^6.1.20",
+    "babel-plugin-transform-react-jsx": "^6.1.18",
+    "body-parser": "^1.14.1",
+    "express": "^4.13.3",
+    "react": "^0.14.2",
+    "react-dom": "^0.14.2",
+    "react-render": "^1.1.0",
+    "yargs": "^3.29.0"
   }
 }
diff --git a/examples/Tornado-example/server.js b/examples/Tornado-example/server.js
index f1e046e..c1cb8bb 100644
--- a/examples/Tornado-example/server.js
+++ b/examples/Tornado-example/server.js
@@ -4,7 +4,7 @@ var bodyParser = require('body-parser');
 var reactRender = require('react-render');
 
 // Ensure support for JSX files
-require('babel/register');
+require('babel-core/register');
 
 var ADDRESS = '127.0.0.1';
 var PORT = 9009;
diff --git a/examples/basic_rendering/.babelrc b/examples/basic_rendering/.babelrc
new file mode 100644
index 0000000..ea85739
--- /dev/null
+++ b/examples/basic_rendering/.babelrc
@@ -0,0 +1,5 @@
+{
+	"plugins": [
+		"transform-react-jsx"
+	]
+}
\ No newline at end of file
diff --git a/examples/basic_rendering/package.json b/examples/basic_rendering/package.json
index cf3a260..63d4cf7 100644
--- a/examples/basic_rendering/package.json
+++ b/examples/basic_rendering/package.json
@@ -1,11 +1,13 @@
 {
   "private": true,
   "dependencies": {
-    "babel": "^5.8.23",
-    "body-parser": "^1.13.2",
+    "babel-core": "^6.1.20",
+    "babel-plugin-transform-react-jsx": "^6.1.18",
+    "body-parser": "^1.14.1",
     "express": "^4.13.3",
-    "react": "^0.13.3",
-    "react-render": "^0.3.0",
-    "yargs": "^3.25.0"
+    "react": "^0.14.2",
+    "react-dom": "^0.14.2",
+    "react-render": "^1.1.0",
+    "yargs": "^3.29.0"
   }
 }
diff --git a/examples/basic_rendering/render_server.js b/examples/basic_rendering/render_server.js
index 50d5e2a..3286ede 100644
--- a/examples/basic_rendering/render_server.js
+++ b/examples/basic_rendering/render_server.js
@@ -19,7 +19,7 @@ var bodyParser = require('body-parser');
 var reactRender = require('react-render');
 
 // Ensure support for loading files that contain ES6+7 & JSX
-require('babel/register');
+require('babel-core/register');
 
 var ADDRESS = argv.address;
 var PORT = argv.port;
diff --git a/package.json b/package.json
index cf3a260..63d4cf7 100644
--- a/package.json
+++ b/package.json
@@ -1,11 +1,13 @@
 {
   "private": true,
   "dependencies": {
-    "babel": "^5.8.23",
-    "body-parser": "^1.13.2",
+    "babel-core": "^6.1.20",
+    "babel-plugin-transform-react-jsx": "^6.1.18",
+    "body-parser": "^1.14.1",
     "express": "^4.13.3",
-    "react": "^0.13.3",
-    "react-render": "^0.3.0",
-    "yargs": "^3.25.0"
+    "react": "^0.14.2",
+    "react-dom": "^0.14.2",
+    "react-render": "^1.1.0",
+    "yargs": "^3.29.0"
   }
 }
diff --git a/tests/components/HelloWorld.jsx b/tests/components/HelloWorld.jsx
index 395777c..5ed9967 100644
--- a/tests/components/HelloWorld.jsx
+++ b/tests/components/HelloWorld.jsx
@@ -1,7 +1,5 @@
 var React = require('react');
 
-// __WEBPACK_TRANSLATE_BUNDLE_TEST__
-
 var HelloWorld = React.createClass({
     render: function() {
         return <span>Hello {this.props.name}</span>;
diff --git a/tests/test_server.js b/tests/test_server.js
index 50d5e2a..3286ede 100644
--- a/tests/test_server.js
+++ b/tests/test_server.js
@@ -19,7 +19,7 @@ var bodyParser = require('body-parser');
 var reactRender = require('react-render');
 
 // Ensure support for loading files that contain ES6+7 & JSX
-require('babel/register');
+require('babel-core/register');
 
 var ADDRESS = argv.address;
 var PORT = argv.port;

From 5d065d6295743c2bf01984e1ed74dff04c7e78c4 Mon Sep 17 00:00:00 2001
From: Peter Ringelmann <peterringelmann@gmail.com>
Date: Tue, 1 Dec 2015 09:04:11 +0200
Subject: [PATCH 17/61] Issue #53 - Added es6 compiler plugin to .bablerc in
 basic_rending example

---
 examples/basic_rendering/.babelrc | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/examples/basic_rendering/.babelrc b/examples/basic_rendering/.babelrc
index ea85739..e3fe633 100644
--- a/examples/basic_rendering/.babelrc
+++ b/examples/basic_rendering/.babelrc
@@ -1,5 +1,6 @@
 {
-	"plugins": [
-		"transform-react-jsx"
-	]
-}
\ No newline at end of file
+    "plugins": [
+        "transform-react-jsx"
+    ],
+    "presets": ["es2015"]
+}

From ec35523e17dff8e91af30c7292b0cfe7dbbc96cd Mon Sep 17 00:00:00 2001
From: Rune Juhl Jacobsen <rune@juhljacobsen.dk>
Date: Wed, 9 Dec 2015 21:26:23 -0500
Subject: [PATCH 18/61] Added missing dependency on babel-preset-es2015

---
 examples/basic_rendering/package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/examples/basic_rendering/package.json b/examples/basic_rendering/package.json
index 63d4cf7..d8f68c1 100644
--- a/examples/basic_rendering/package.json
+++ b/examples/basic_rendering/package.json
@@ -3,6 +3,7 @@
   "dependencies": {
     "babel-core": "^6.1.20",
     "babel-plugin-transform-react-jsx": "^6.1.18",
+    "babel-preset-es2015": "^6.3.13",
     "body-parser": "^1.14.1",
     "express": "^4.13.3",
     "react": "^0.14.2",

From 4b85ec748d0c115e98cbb770ca9afd62fd72e999 Mon Sep 17 00:00:00 2001
From: letfly <letfly@outlook.com>
Date: Mon, 18 Jan 2016 22:25:10 +0800
Subject: [PATCH 19/61] fix

---
 examples/Tornado-example/.babelrc     | 5 +++--
 examples/Tornado-example/package.json | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/examples/Tornado-example/.babelrc b/examples/Tornado-example/.babelrc
index ea85739..3bfb24f 100644
--- a/examples/Tornado-example/.babelrc
+++ b/examples/Tornado-example/.babelrc
@@ -1,5 +1,6 @@
 {
 	"plugins": [
 		"transform-react-jsx"
-	]
-}
\ No newline at end of file
+	],
+    "presets": ["es2015"]
+}
diff --git a/examples/Tornado-example/package.json b/examples/Tornado-example/package.json
index 63d4cf7..d8f68c1 100644
--- a/examples/Tornado-example/package.json
+++ b/examples/Tornado-example/package.json
@@ -3,6 +3,7 @@
   "dependencies": {
     "babel-core": "^6.1.20",
     "babel-plugin-transform-react-jsx": "^6.1.18",
+    "babel-preset-es2015": "^6.3.13",
     "body-parser": "^1.14.1",
     "express": "^4.13.3",
     "react": "^0.14.2",

From fb5033c9596b15b6217b31dbfffcf4fddabd426a Mon Sep 17 00:00:00 2001
From: Jonathan Cox <jonathan.cox.c@gmail.com>
Date: Wed, 27 Jan 2016 10:34:17 +0700
Subject: [PATCH 20/61] Fix outdated link to server.js

server.js has been renamed to render_server.js.
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index df1866f..b6b350d 100644
--- a/README.md
+++ b/README.md
@@ -79,7 +79,7 @@ Render servers are typically Node.js processes which sit alongside the python pr
 
 To add a render server to your project, you can refer to the [basic rendering example](examples/basic_rendering) 
 for a simple server that will cover most cases. The key files for the render server are: 
- - [server.js](examples/basic_rendering/server.js) - the server's source code
+ - [render_server.js](examples/basic_rendering/render_server.js) - the server's source code
  - [package.json](examples/basic_rendering/package.json) - the server's dependencies, installable with 
    [npm](http://npmjs.com)

From 2e2640e5e8e5cd92ef69fe57a6980eadedf58955 Mon Sep 17 00:00:00 2001
From: Ben Ilegbodu <ben@benmvp.com>
Date: Mon, 4 Apr 2016 18:23:34 -0700
Subject: [PATCH 21/61] Add ability to pass additional request headers to
 render server

---
 README.md               | 34 ++++++++++++++++++++--------------
 react/render.py         |  4 ++--
 react/render_server.py  | 12 +++++++++---
 tests/test_rendering.py | 38 +++++++++++++++++++++++++++++++++++++-
 4 files changed, 68 insertions(+), 20 deletions(-)

diff --git a/README.md b/README.md
index b6b350d..a5e3b5d 100644
--- a/README.md
+++ b/README.md
@@ -54,7 +54,7 @@ python-react provides an interface to a render server which is capable of render
 from your python process.
 
 Render requests should provide a path to a JS file that exports a React component. If you want to pass
-data to the component, you can optionally provide a second argument that will be used as the component's 
+data to the component, you can optionally provide a second argument that will be used as the component's
 `props` property.
 
 ```python
@@ -77,10 +77,10 @@ If the object is coerced to a string, it will emit the value of the `markup` att
 
 Render servers are typically Node.js processes which sit alongside the python process and respond to network requests.
 
-To add a render server to your project, you can refer to the [basic rendering example](examples/basic_rendering) 
-for a simple server that will cover most cases. The key files for the render server are: 
+To add a render server to your project, you can refer to the [basic rendering example](examples/basic_rendering)
+for a simple server that will cover most cases. The key files for the render server are:
  - [render_server.js](examples/basic_rendering/render_server.js) - the server's source code
- - [package.json](examples/basic_rendering/package.json) - the server's dependencies, installable with 
+ - [package.json](examples/basic_rendering/package.json) - the server's dependencies, installable with
    [npm](http://npmjs.com)
 
 
@@ -92,13 +92,13 @@ setup involves a build tool and a python package that can integrate it.
 
 The two most popular build tools are:
 
-- [Webpack](https://webpack.github.io) - compiles your files into browser-executable code and provides a 
+- [Webpack](https://webpack.github.io) - compiles your files into browser-executable code and provides a
   variety of tools and processes which can simplify complicated workflows.
-- [Browserify](http://browserify.org/) - has a lot of cross-over with webpack. Is argurably the easiest of the 
+- [Browserify](http://browserify.org/) - has a lot of cross-over with webpack. Is argurably the easiest of the
   two to use, but it tends to lag behind webpack in functionality.
 
-For React projects, you'll find that webpack is the usual recommendation. Webpack's hot module replacement, 
-code-splitting, and a wealth of loaders are the features typically cited as being irreplaceable. 
+For React projects, you'll find that webpack is the usual recommendation. Webpack's hot module replacement,
+code-splitting, and a wealth of loaders are the features typically cited as being irreplaceable.
 [react-hot-loader](https://github.com/gaearon/react-hot-loader) is a particularly useful tool, as it allows
 changes to your components to be streamed live into your browser.
 
@@ -121,8 +121,8 @@ javascript worlds.
 render_component
 ----------------
 
-Renders a component to its initial HTML. You can use this method to generate HTML on the server 
-and send the markup down on the initial request for faster page loads and to allow search engines 
+Renders a component to its initial HTML. You can use this method to generate HTML on the server
+and send the markup down on the initial request for faster page loads and to allow search engines
 to crawl your pages for SEO purposes.
 
 
@@ -147,6 +147,12 @@ render_component(
 
     # An optional object which will be used instead of the default renderer
     renderer=None,
+
+    # An optional dictionary of request header information (such as `Accept-Language`)
+    # to pass along with the request to the render server
+    request_headers={
+        'Accept-Language': 'da, en-gb;q=0.8, en;q=0.7'
+    },
 )
 ```
 
@@ -156,25 +162,25 @@ via Django's static file finders.
 By default, render_component relies on access to a render server that exposes an endpoint compatible
 with [react-render's API](https://github.com/markfinger/react-render). If you want to use a different
 renderer, pass in an object as the `renderer` arg. The object should expose a `render` method which
-accepts the `path`, `data`, and `to_static_markup` arguments.
+accepts the `path`, `data`, `to_static_markup`, and `request_headers` arguments.
 
 
 Render server
 -------------
 
 Earlier versions of this library would run the render server as a subprocess, this tended to make development
-easier, but introduced instabilities and opaque behaviour. To avoid these issues python-react now relies on 
+easier, but introduced instabilities and opaque behaviour. To avoid these issues python-react now relies on
 externally managed process. While managing extra processes can add more overhead initially, it avoids pain down
 the track.
 
 If you only want to run the render server in particular environments, change the `RENDER` setting to
-False. When `RENDER` is False, the render server is not used directly, but it's wrapper will return similar 
+False. When `RENDER` is False, the render server is not used directly, but it's wrapper will return similar
 objects with the `markup` attribute as an empty string.
 
 
 ### Usage in development
 
-In development environments, it can be easiest to set the `RENDER` setting to False. This ensures that the 
+In development environments, it can be easiest to set the `RENDER` setting to False. This ensures that the
 render server will not be used, hence you only need to manage your python process.
 
 Be aware that the render servers provided in the examples and elsewhere rely on Node.js's module system
diff --git a/react/render.py b/react/render.py
index 01b4aa8..83173d0 100644
--- a/react/render.py
+++ b/react/render.py
@@ -4,7 +4,7 @@
 from .render_server import render_server
 
 
-def render_component(path, props=None, to_static_markup=False, renderer=render_server):
+def render_component(path, props=None, to_static_markup=False, renderer=render_server, request_headers=None):
     if not os.path.isabs(path):
         abs_path = staticfiles.find(path)
         if not abs_path:
@@ -14,4 +14,4 @@ def render_component(path, props=None, to_static_markup=False, renderer=render_s
     if not os.path.exists(path):
         raise ComponentSourceFileNotFound(path)
 
-    return renderer.render(path, props, to_static_markup)
\ No newline at end of file
+    return renderer.render(path, props, to_static_markup, request_headers)
diff --git a/react/render_server.py b/react/render_server.py
index b9f108a..63b07be 100644
--- a/react/render_server.py
+++ b/react/render_server.py
@@ -20,9 +20,9 @@ def __unicode__(self):
 
 
 class RenderServer(object):
-    def render(self, path, props=None, to_static_markup=False):
+    def render(self, path, props=None, to_static_markup=False, request_headers=None):
         url = conf.settings.RENDER_URL
-        
+
         if props is not None:
             serialized_props = json.dumps(props, cls=JSONEncoder)
         else:
@@ -39,11 +39,17 @@ def render(self, path, props=None, to_static_markup=False):
         serialized_options = json.dumps(options)
         options_hash = hashlib.sha1(serialized_options.encode('utf-8')).hexdigest()
 
+        all_request_headers = {'content-type': 'application/json'}
+
+        # Add additional requests headers if the requet_headers dictionary is specified
+        if request_headers is not None:
+            all_request_headers.update(request_headers)
+
         try:
             res = requests.post(
                 url,
                 data=serialized_options,
-                headers={'content-type': 'application/json'},
+                headers=all_request_headers,
                 params={'hash': options_hash}
             )
         except requests.ConnectionError:
diff --git a/tests/test_rendering.py b/tests/test_rendering.py
index 0e3ac71..c6ed898 100644
--- a/tests/test_rendering.py
+++ b/tests/test_rendering.py
@@ -2,10 +2,12 @@
 from optional_django import six
 import mock
 from react.conf import Conf
+from react import render_server
 from react.render import render_component
 from react.render_server import RenderedComponent
 from react.exceptions import ReactRenderingError, ComponentSourceFileNotFound
 from .settings import Components
+import json
 
 
 class TestRendering(unittest.TestCase):
@@ -102,4 +104,38 @@ def test_render_setting_is_respected(self):
             self.assertIsInstance(rendered, RenderedComponent)
             self.assertEqual(rendered.markup, '')
             self.assertEqual(str(rendered), '')
-            self.assertEqual(rendered.props, '{"name": "world!"}')
\ No newline at end of file
+            self.assertEqual(rendered.props, '{"name": "world!"}')
+
+    @mock.patch('requests.post')
+    def test_can_pass_additional_request_headers(self, requests_post_mock):
+        mock_json = {
+            'markup': '<div>Hello</div>',
+        }
+        mock_url = 'http://localhost/render'
+
+        response_mock = mock.Mock()
+        response_mock.status_code = 200
+        response_mock.text = json.dumps(mock_json)
+        response_mock.json = mock.Mock(return_value=mock_json)
+        requests_post_mock.return_value = response_mock
+
+        mock_settings = Conf()
+        mock_settings.configure(RENDER_URL=mock_url)
+        with mock.patch('react.conf.settings', mock_settings):
+            component = render_component(
+                path=Components.HELLO_WORLD_JSX,
+                props={'name': 'world!'},
+                request_headers={
+                    'Accept-language': 'fr-FR,en-US,en',
+                },
+            )
+
+        requests_post_mock.assert_called_with(
+            mock_url,
+            data=mock.ANY,
+            params=mock.ANY,
+            headers={
+                'content-type': 'application/json',
+                'Accept-language': 'fr-FR,en-US,en',
+            },
+        )

From 538a397fbc09da1f508a8b007bad321fb9b2a0db Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Wed, 6 Apr 2016 07:22:29 +1000
Subject: [PATCH 22/61] 3.0.0

---
 CHANGELOG.md      | 6 ++++++
 react/__init__.py | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ad34365..d4c0a48 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,12 @@
 Changelog
 =========
 
+### 3.0.0 (6/4/2016)
+
+- **Possibly breaking change** render_component now accepts a `request_headers` keyword argument.
+  There are some edge-cases where this may break down-stream code. If you are overriding
+  part of the render pipeline, you may need to ensure that you are using `**kwargs` to read and/or pass wildcard arguments. ([Ben Ilegbodu](https://github.com/benmvp)) https://github.com/markfinger/python-react/pull/64
+
 ### 2.0.0 (22/9/2015)
 
 - **Breaking change** The base renderer's __init__  no longer accepts the RENDER_URL setting as an argument.
diff --git a/react/__init__.py b/react/__init__.py
index de540f0..f257005 100644
--- a/react/__init__.py
+++ b/react/__init__.py
@@ -1,3 +1,3 @@
-__version__ = '2.0.2'
+__version__ = '3.0.0'
 
 default_app_config = 'react.apps.ReactConfig'
\ No newline at end of file

From 7f1845297bb15eaa0a3017c00d7c12b5fbd8b1e4 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Wed, 6 Apr 2016 07:28:41 +1000
Subject: [PATCH 23/61] Changelog

---
 CHANGELOG.md | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d4c0a48..e96410f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,7 +5,18 @@ Changelog
 
 - **Possibly breaking change** render_component now accepts a `request_headers` keyword argument.
   There are some edge-cases where this may break down-stream code. If you are overriding
-  part of the render pipeline, you may need to ensure that you are using `**kwargs` to read and/or pass wildcard arguments. ([Ben Ilegbodu](https://github.com/benmvp)) https://github.com/markfinger/python-react/pull/64
+  part of the render pipeline, you may need to ensure that you are using `**kwargs` to read and/or pass wildcard arguments.
+  ([Ben Ilegbodu](https://github.com/benmvp))
+  https://github.com/markfinger/python-react/pull/64
+- [Documentation] Fix outdated link to server.js
+  ([Jonathan Cox](https://github.com/geezhawk))
+  https://github.com/markfinger/python-react/pull/60
+- [Examples] missing babel-preset-es2015 in package.json in Tornado-example
+  ([付雨帆](https://github.com/letfly))
+  https://github.com/markfinger/python-react/pull/59
+- [Examples] Added missing dependency on babel-preset-es2015
+  ([Rune Juhl Jacobsen](https://github.com/runejuhl))
+  https://github.com/markfinger/python-react/pull/56
 
 ### 2.0.0 (22/9/2015)
 
@@ -19,10 +30,10 @@ Changelog
 ### 1.0.0 (13/7/2015)
 
 - Removed the webpack integration. While it can be initially convenient, it tends to introduce more problems than
-  it solves. The repo contains an example illustrating how to implement self-mounting components which provide 
+  it solves. The repo contains an example illustrating how to implement self-mounting components which provide
   similar functionality to the former webpack integration.
 - Replaced the js-host dependency with an externally-managed render server.
-- Added a `renderer` hook on `render_component`. Enabling you to override the default which assumes 
+- Added a `renderer` hook on `render_component`. Enabling you to override the default which assumes
   [render-react](https://github.com/markfinger/react-render)
 
 
@@ -34,9 +45,9 @@ Changelog
 ### 0.8.0 (26/1/2015)
 
 - Boosting render performance by using a dedicated render server.
-- Added a new setting, DJANGO_REACT['RENDERER'], which is a string denoting an import path to a 
+- Added a new setting, DJANGO_REACT['RENDERER'], which is a string denoting an import path to a
  callable object which returns a on object with a `render` method. By default it points to the new
- render server, 'django_react.render_server.ReactRenderServer'. The legacy renderer is useable by 
+ render server, 'django_react.render_server.ReactRenderServer'. The legacy renderer is useable by
  setting DJANGO_REACT['RENDERER'] = 'django_react.renderer.ReactRenderer'.
 
 ### 0.7.0 (2/1/2015)

From 692ed389196ddc488d4b30416fc74f622e6d0f7a Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Wed, 6 Apr 2016 07:32:02 +1000
Subject: [PATCH 24/61] Changelog

---
 CHANGELOG.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e96410f..76c631c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -17,6 +17,9 @@ Changelog
 - [Examples] Added missing dependency on babel-preset-es2015
   ([Rune Juhl Jacobsen](https://github.com/runejuhl))
   https://github.com/markfinger/python-react/pull/56
+- [Examples] Added es6 compiler plugin to .bablerc in basic_rendering
+  ([Pringels](https://github.com/Pringels))
+  https://github.com/markfinger/python-react/pull/55
 
 ### 2.0.0 (22/9/2015)

From dec334821c753c1bba1b7b1f3f025607ddad1840 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Wed, 6 Apr 2016 07:34:27 +1000
Subject: [PATCH 25/61] 3.0.1

---
 react/__init__.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/react/__init__.py b/react/__init__.py
index f257005..90a0993 100644
--- a/react/__init__.py
+++ b/react/__init__.py
@@ -1,3 +1,3 @@
-__version__ = '3.0.0'
+__version__ = '3.0.1'
 
 default_app_config = 'react.apps.ReactConfig'
\ No newline at end of file

From 10f31e3f266607c64e579bd402c741f8933f52f7 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 19 Apr 2016 08:02:25 +1000
Subject: [PATCH 26/61] Docs

---
 README.md | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index a5e3b5d..0ab5e57 100644
--- a/README.md
+++ b/README.md
@@ -200,14 +200,18 @@ Depending on your load, you may want to use a worker farm to handle rendering. N
 [cluster module](https://nodejs.org/api/cluster.html) provides an easy way to fork a process and serve
 multiple instances from a single network address.
 
-An alternative to worker farms is to put a reverse proxy in front of the render server. Be aware that
-render server requests are sent as POST requests and most reverse proxies have issues with caching POST
-requests.
+An alternative to worker farms is to put a cache in front of the render server. Be aware that
+render server requests are sent as POST requests and most reverse proxies have issues with 
+caching POST requests.
 
 When the render server wrapper connects to the JS process, it adds a `?hash=...` parameter to the url. The
 hash parameter is a SHA-1 hash of the serialized data that is sent in the request's body and is intended
 for consumption by caching layers.
 
+Another alternative is to wire the calls to the render server into your caching system. If you override the
+`renderer` kwarg, you could wrap the call to the server to first check if the data is available locally and
+fallback to populating the cache with the rendered markup.
+
 
 ### Overriding the renderer

From 44f19f6de34ea10c7f9704c59a909bc097e96d97 Mon Sep 17 00:00:00 2001
From: Anant Gupta <anant718@gmail.com>
Date: Fri, 10 Jun 2016 23:17:04 +0530
Subject: [PATCH 27/61] frontend example with webpack

---
 .../frontend-rendering-with-webpack/README.md |   29 +
 .../example.py                                |   49 +
 .../package.json                              |   28 +
 .../render_server.js                          |   58 +
 .../requirements.txt                          |    4 +
 .../static/css/app.css                        |   15 +
 .../static/css/bootstrap.css                  | 6800 +++++++++++++++++
 .../static/js/render_client.js                |   10 +
 .../static/js/src/Comment.jsx                 |   14 +
 .../static/js/src/CommentBox.jsx              |   16 +
 .../static/js/src/CommentForm.jsx             |   43 +
 .../static/js/src/CommentList.jsx             |   31 +
 .../templates/index.html                      |   18 +
 .../webpack.config.js                         |   23 +
 14 files changed, 7138 insertions(+)
 create mode 100644 examples/frontend-rendering-with-webpack/README.md
 create mode 100644 examples/frontend-rendering-with-webpack/example.py
 create mode 100644 examples/frontend-rendering-with-webpack/package.json
 create mode 100644 examples/frontend-rendering-with-webpack/render_server.js
 create mode 100644 examples/frontend-rendering-with-webpack/requirements.txt
 create mode 100644 examples/frontend-rendering-with-webpack/static/css/app.css
 create mode 100644 examples/frontend-rendering-with-webpack/static/css/bootstrap.css
 create mode 100644 examples/frontend-rendering-with-webpack/static/js/render_client.js
 create mode 100644 examples/frontend-rendering-with-webpack/static/js/src/Comment.jsx
 create mode 100644 examples/frontend-rendering-with-webpack/static/js/src/CommentBox.jsx
 create mode 100644 examples/frontend-rendering-with-webpack/static/js/src/CommentForm.jsx
 create mode 100644 examples/frontend-rendering-with-webpack/static/js/src/CommentList.jsx
 create mode 100644 examples/frontend-rendering-with-webpack/templates/index.html
 create mode 100644 examples/frontend-rendering-with-webpack/webpack.config.js

diff --git a/examples/frontend-rendering-with-webpack/README.md b/examples/frontend-rendering-with-webpack/README.md
new file mode 100644
index 0000000..c8ef5df
--- /dev/null
+++ b/examples/frontend-rendering-with-webpack/README.md
@@ -0,0 +1,29 @@
+Running the example
+===================
+
+Install the dependencies
+
+```
+pip install -r requirements.txt
+npm install
+```
+
+Start the render server
+
+```
+node render_server.js
+```
+
+Start the python server
+
+```
+python example.py
+```
+
+And visit [http://127.0.0.1:5000](http://127.0.0.1:5000)
+
+### Notes
+To make React attributes like `onClick` etc. work, the app has to be re-rendered when it loads on the browswer. React is intelligent enough to not re-paint the browser and only update the changes, thus adding all the component properties.
+
+
+
diff --git a/examples/frontend-rendering-with-webpack/example.py b/examples/frontend-rendering-with-webpack/example.py
new file mode 100644
index 0000000..d8b1d23
--- /dev/null
+++ b/examples/frontend-rendering-with-webpack/example.py
@@ -0,0 +1,49 @@
+import os
+from flask import Flask, render_template, request, redirect, jsonify
+from react.render import render_component
+
+DEBUG = True
+
+app = Flask(__name__)
+app.debug = DEBUG
+
+comments = []
+components_path = os.path.join(os.path.dirname(__file__), 'src')
+
+def path(js_file):
+    return os.path.join(components_path, js_file)
+
+@app.route('/')
+def index():
+    store = {'component': 'CommentBox.jsx'}
+    store['props'] = {'comments': comments}
+
+    rendered = render_component(
+        os.path.join(os.getcwd(), 'static', 'js', path(store['component'])),
+        {
+            'comments': comments,
+            'url': '/comment/',
+        },
+        to_static_markup=True,
+    )
+
+    return render_template('index.html', 
+            rendered=rendered,
+            store=store)
+
+
+@app.route('/comment/', methods=('POST',))
+def comment():
+    comments.append({
+        'author': request.form['author'],
+        'text': request.form['text'],
+    })
+    return jsonify({'comments': comments})
+
+@app.route('/clear/')
+def clear():
+    comments = []
+    return jsonify({'comments': comments})
+
+if __name__ == '__main__':
+    app.run()
diff --git a/examples/frontend-rendering-with-webpack/package.json b/examples/frontend-rendering-with-webpack/package.json
new file mode 100644
index 0000000..9fa89ad
--- /dev/null
+++ b/examples/frontend-rendering-with-webpack/package.json
@@ -0,0 +1,28 @@
+{
+  "private": true,
+  "scripts": {
+    "watch": "webpack --watch & forever  --watch --watchDirectory ./static/js/src ./render_server.js"
+  },
+  "dependencies": {
+    "babel-core": "^6.1.20",
+    "babel-loader": "^6.2.4",
+    "babel-plugin-transform-react-jsx": "^6.1.18",
+    "babel-preset-es2015": "^6.9.0",
+    "babel-preset-react": "^6.5.0",
+    "body-parser": "^1.14.1",
+    "express": "^4.13.3",
+    "forever": "^0.15.2",
+    "react": "^0.14.2",
+    "react-dom": "^0.14.2",
+    "react-render": "^1.1.0",
+    "require": "^2.4.20",
+    "webpack": "^1.13.1",
+    "yargs": "^3.29.0"
+  },
+  "babel": {
+    "presets": [
+      "es2015",
+      "react"
+    ]
+  }
+}
diff --git a/examples/frontend-rendering-with-webpack/render_server.js b/examples/frontend-rendering-with-webpack/render_server.js
new file mode 100644
index 0000000..3286ede
--- /dev/null
+++ b/examples/frontend-rendering-with-webpack/render_server.js
@@ -0,0 +1,58 @@
+var argv = require('yargs')
+	.option('p', {
+		alias: 'port',
+		description: 'Specify the server\'s port',
+		default: 9009
+    })
+    .option('a', {
+		alias: 'address',
+		description: 'Specify the server\'s address',
+		default: '127.0.0.1'
+    })
+    .help('h').alias('h', 'help')
+    .strict()
+    .argv;
+
+var http = require('http');
+var express = require('express');
+var bodyParser = require('body-parser');
+var reactRender = require('react-render');
+
+// Ensure support for loading files that contain ES6+7 & JSX
+require('babel-core/register');
+
+var ADDRESS = argv.address;
+var PORT = argv.port;
+
+var app = express();
+var server = http.Server(app);
+
+app.use(bodyParser.json());
+
+app.get('/', function(req, res) {
+	res.end('React render server');
+});
+
+app.post('/render', function(req, res) {
+	reactRender(req.body, function(err, markup) {
+		if (err) {
+			res.json({
+				error: {
+					type: err.constructor.name,
+					message: err.message,
+					stack: err.stack
+				},
+				markup: null
+			});
+		} else {
+			res.json({
+				error: null,
+				markup: markup
+			});
+		}
+	});
+});
+
+server.listen(PORT, ADDRESS, function() {
+	console.log('React render server listening at http://' + ADDRESS + ':' + PORT);
+});
\ No newline at end of file
diff --git a/examples/frontend-rendering-with-webpack/requirements.txt b/examples/frontend-rendering-with-webpack/requirements.txt
new file mode 100644
index 0000000..b6ecd62
--- /dev/null
+++ b/examples/frontend-rendering-with-webpack/requirements.txt
@@ -0,0 +1,4 @@
+flask==0.10.1
+optional-django==0.3.0
+requests==2.7.0
+react
\ No newline at end of file
diff --git a/examples/frontend-rendering-with-webpack/static/css/app.css b/examples/frontend-rendering-with-webpack/static/css/app.css
new file mode 100644
index 0000000..164f04a
--- /dev/null
+++ b/examples/frontend-rendering-with-webpack/static/css/app.css
@@ -0,0 +1,15 @@
+h2 {
+	border-bottom: 1px solid #eee;
+}
+
+form label {
+	display: block;
+}
+
+form button {
+	margin-left: 5px;
+}
+
+.btn-danger {
+    float: right;
+}
diff --git a/examples/frontend-rendering-with-webpack/static/css/bootstrap.css b/examples/frontend-rendering-with-webpack/static/css/bootstrap.css
new file mode 100644
index 0000000..680e768
--- /dev/null
+++ b/examples/frontend-rendering-with-webpack/static/css/bootstrap.css
@@ -0,0 +1,6800 @@
+/*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+html {
+  font-family: sans-serif;
+  -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+}
+body {
+  margin: 0;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  vertical-align: baseline;
+}
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+[hidden],
+template {
+  display: none;
+}
+a {
+  background-color: transparent;
+}
+a:active,
+a:hover {
+  outline: 0;
+}
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+b,
+strong {
+  font-weight: bold;
+}
+dfn {
+  font-style: italic;
+}
+h1 {
+  margin: .67em 0;
+  font-size: 2em;
+}
+mark {
+  color: #000;
+  background: #ff0;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+sup {
+  top: -.5em;
+}
+sub {
+  bottom: -.25em;
+}
+img {
+  border: 0;
+}
+svg:not(:root) {
+  overflow: hidden;
+}
+figure {
+  margin: 1em 40px;
+}
+hr {
+  height: 0;
+  -webkit-box-sizing: content-box;
+     -moz-box-sizing: content-box;
+          box-sizing: content-box;
+}
+pre {
+  overflow: auto;
+}
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  margin: 0;
+  font: inherit;
+  color: inherit;
+}
+button {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+input {
+  line-height: normal;
+}
+input[type="checkbox"],
+input[type="radio"] {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+}
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+input[type="search"] {
+  -webkit-box-sizing: content-box;
+     -moz-box-sizing: content-box;
+          box-sizing: content-box;
+  -webkit-appearance: textfield;
+}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+fieldset {
+  padding: .35em .625em .75em;
+  margin: 0 2px;
+  border: 1px solid #c0c0c0;
+}
+legend {
+  padding: 0;
+  border: 0;
+}
+textarea {
+  overflow: auto;
+}
+optgroup {
+  font-weight: bold;
+}
+table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+td,
+th {
+  padding: 0;
+}
+/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
+@media print {
+  *,
+  *:before,
+  *:after {
+    color: #000 !important;
+    text-shadow: none !important;
+    background: transparent !important;
+    -webkit-box-shadow: none !important;
+            box-shadow: none !important;
+  }
+  a,
+  a:visited {
+    text-decoration: underline;
+  }
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+  abbr[title]:after {
+    content: " (" attr(title) ")";
+  }
+  a[href^="#"]:after,
+  a[href^="javascript:"]:after {
+    content: "";
+  }
+  pre,
+  blockquote {
+    border: 1px solid #999;
+
+    page-break-inside: avoid;
+  }
+  thead {
+    display: table-header-group;
+  }
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+  img {
+    max-width: 100% !important;
+  }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+  .navbar {
+    display: none;
+  }
+  .btn > .caret,
+  .dropup > .btn > .caret {
+    border-top-color: #000 !important;
+  }
+  .label {
+    border: 1px solid #000;
+  }
+  .table {
+    border-collapse: collapse !important;
+  }
+  .table td,
+  .table th {
+    background-color: #fff !important;
+  }
+  .table-bordered th,
+  .table-bordered td {
+    border: 1px solid #ddd !important;
+  }
+}
+@font-face {
+  font-family: 'Glyphicons Halflings';
+
+  src: url('../fonts/glyphicons-halflings-regular.eot');
+  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
+}
+.glyphicon {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  font-family: 'Glyphicons Halflings';
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.glyphicon-asterisk:before {
+  content: "\2a";
+}
+.glyphicon-plus:before {
+  content: "\2b";
+}
+.glyphicon-euro:before,
+.glyphicon-eur:before {
+  content: "\20ac";
+}
+.glyphicon-minus:before {
+  content: "\2212";
+}
+.glyphicon-cloud:before {
+  content: "\2601";
+}
+.glyphicon-envelope:before {
+  content: "\2709";
+}
+.glyphicon-pencil:before {
+  content: "\270f";
+}
+.glyphicon-glass:before {
+  content: "\e001";
+}
+.glyphicon-music:before {
+  content: "\e002";
+}
+.glyphicon-search:before {
+  content: "\e003";
+}
+.glyphicon-heart:before {
+  content: "\e005";
+}
+.glyphicon-star:before {
+  content: "\e006";
+}
+.glyphicon-star-empty:before {
+  content: "\e007";
+}
+.glyphicon-user:before {
+  content: "\e008";
+}
+.glyphicon-film:before {
+  content: "\e009";
+}
+.glyphicon-th-large:before {
+  content: "\e010";
+}
+.glyphicon-th:before {
+  content: "\e011";
+}
+.glyphicon-th-list:before {
+  content: "\e012";
+}
+.glyphicon-ok:before {
+  content: "\e013";
+}
+.glyphicon-remove:before {
+  content: "\e014";
+}
+.glyphicon-zoom-in:before {
+  content: "\e015";
+}
+.glyphicon-zoom-out:before {
+  content: "\e016";
+}
+.glyphicon-off:before {
+  content: "\e017";
+}
+.glyphicon-signal:before {
+  content: "\e018";
+}
+.glyphicon-cog:before {
+  content: "\e019";
+}
+.glyphicon-trash:before {
+  content: "\e020";
+}
+.glyphicon-home:before {
+  content: "\e021";
+}
+.glyphicon-file:before {
+  content: "\e022";
+}
+.glyphicon-time:before {
+  content: "\e023";
+}
+.glyphicon-road:before {
+  content: "\e024";
+}
+.glyphicon-download-alt:before {
+  content: "\e025";
+}
+.glyphicon-download:before {
+  content: "\e026";
+}
+.glyphicon-upload:before {
+  content: "\e027";
+}
+.glyphicon-inbox:before {
+  content: "\e028";
+}
+.glyphicon-play-circle:before {
+  content: "\e029";
+}
+.glyphicon-repeat:before {
+  content: "\e030";
+}
+.glyphicon-refresh:before {
+  content: "\e031";
+}
+.glyphicon-list-alt:before {
+  content: "\e032";
+}
+.glyphicon-lock:before {
+  content: "\e033";
+}
+.glyphicon-flag:before {
+  content: "\e034";
+}
+.glyphicon-headphones:before {
+  content: "\e035";
+}
+.glyphicon-volume-off:before {
+  content: "\e036";
+}
+.glyphicon-volume-down:before {
+  content: "\e037";
+}
+.glyphicon-volume-up:before {
+  content: "\e038";
+}
+.glyphicon-qrcode:before {
+  content: "\e039";
+}
+.glyphicon-barcode:before {
+  content: "\e040";
+}
+.glyphicon-tag:before {
+  content: "\e041";
+}
+.glyphicon-tags:before {
+  content: "\e042";
+}
+.glyphicon-book:before {
+  content: "\e043";
+}
+.glyphicon-bookmark:before {
+  content: "\e044";
+}
+.glyphicon-print:before {
+  content: "\e045";
+}
+.glyphicon-camera:before {
+  content: "\e046";
+}
+.glyphicon-font:before {
+  content: "\e047";
+}
+.glyphicon-bold:before {
+  content: "\e048";
+}
+.glyphicon-italic:before {
+  content: "\e049";
+}
+.glyphicon-text-height:before {
+  content: "\e050";
+}
+.glyphicon-text-width:before {
+  content: "\e051";
+}
+.glyphicon-align-left:before {
+  content: "\e052";
+}
+.glyphicon-align-center:before {
+  content: "\e053";
+}
+.glyphicon-align-right:before {
+  content: "\e054";
+}
+.glyphicon-align-justify:before {
+  content: "\e055";
+}
+.glyphicon-list:before {
+  content: "\e056";
+}
+.glyphicon-indent-left:before {
+  content: "\e057";
+}
+.glyphicon-indent-right:before {
+  content: "\e058";
+}
+.glyphicon-facetime-video:before {
+  content: "\e059";
+}
+.glyphicon-picture:before {
+  content: "\e060";
+}
+.glyphicon-map-marker:before {
+  content: "\e062";
+}
+.glyphicon-adjust:before {
+  content: "\e063";
+}
+.glyphicon-tint:before {
+  content: "\e064";
+}
+.glyphicon-edit:before {
+  content: "\e065";
+}
+.glyphicon-share:before {
+  content: "\e066";
+}
+.glyphicon-check:before {
+  content: "\e067";
+}
+.glyphicon-move:before {
+  content: "\e068";
+}
+.glyphicon-step-backward:before {
+  content: "\e069";
+}
+.glyphicon-fast-backward:before {
+  content: "\e070";
+}
+.glyphicon-backward:before {
+  content: "\e071";
+}
+.glyphicon-play:before {
+  content: "\e072";
+}
+.glyphicon-pause:before {
+  content: "\e073";
+}
+.glyphicon-stop:before {
+  content: "\e074";
+}
+.glyphicon-forward:before {
+  content: "\e075";
+}
+.glyphicon-fast-forward:before {
+  content: "\e076";
+}
+.glyphicon-step-forward:before {
+  content: "\e077";
+}
+.glyphicon-eject:before {
+  content: "\e078";
+}
+.glyphicon-chevron-left:before {
+  content: "\e079";
+}
+.glyphicon-chevron-right:before {
+  content: "\e080";
+}
+.glyphicon-plus-sign:before {
+  content: "\e081";
+}
+.glyphicon-minus-sign:before {
+  content: "\e082";
+}
+.glyphicon-remove-sign:before {
+  content: "\e083";
+}
+.glyphicon-ok-sign:before {
+  content: "\e084";
+}
+.glyphicon-question-sign:before {
+  content: "\e085";
+}
+.glyphicon-info-sign:before {
+  content: "\e086";
+}
+.glyphicon-screenshot:before {
+  content: "\e087";
+}
+.glyphicon-remove-circle:before {
+  content: "\e088";
+}
+.glyphicon-ok-circle:before {
+  content: "\e089";
+}
+.glyphicon-ban-circle:before {
+  content: "\e090";
+}
+.glyphicon-arrow-left:before {
+  content: "\e091";
+}
+.glyphicon-arrow-right:before {
+  content: "\e092";
+}
+.glyphicon-arrow-up:before {
+  content: "\e093";
+}
+.glyphicon-arrow-down:before {
+  content: "\e094";
+}
+.glyphicon-share-alt:before {
+  content: "\e095";
+}
+.glyphicon-resize-full:before {
+  content: "\e096";
+}
+.glyphicon-resize-small:before {
+  content: "\e097";
+}
+.glyphicon-exclamation-sign:before {
+  content: "\e101";
+}
+.glyphicon-gift:before {
+  content: "\e102";
+}
+.glyphicon-leaf:before {
+  content: "\e103";
+}
+.glyphicon-fire:before {
+  content: "\e104";
+}
+.glyphicon-eye-open:before {
+  content: "\e105";
+}
+.glyphicon-eye-close:before {
+  content: "\e106";
+}
+.glyphicon-warning-sign:before {
+  content: "\e107";
+}
+.glyphicon-plane:before {
+  content: "\e108";
+}
+.glyphicon-calendar:before {
+  content: "\e109";
+}
+.glyphicon-random:before {
+  content: "\e110";
+}
+.glyphicon-comment:before {
+  content: "\e111";
+}
+.glyphicon-magnet:before {
+  content: "\e112";
+}
+.glyphicon-chevron-up:before {
+  content: "\e113";
+}
+.glyphicon-chevron-down:before {
+  content: "\e114";
+}
+.glyphicon-retweet:before {
+  content: "\e115";
+}
+.glyphicon-shopping-cart:before {
+  content: "\e116";
+}
+.glyphicon-folder-close:before {
+  content: "\e117";
+}
+.glyphicon-folder-open:before {
+  content: "\e118";
+}
+.glyphicon-resize-vertical:before {
+  content: "\e119";
+}
+.glyphicon-resize-horizontal:before {
+  content: "\e120";
+}
+.glyphicon-hdd:before {
+  content: "\e121";
+}
+.glyphicon-bullhorn:before {
+  content: "\e122";
+}
+.glyphicon-bell:before {
+  content: "\e123";
+}
+.glyphicon-certificate:before {
+  content: "\e124";
+}
+.glyphicon-thumbs-up:before {
+  content: "\e125";
+}
+.glyphicon-thumbs-down:before {
+  content: "\e126";
+}
+.glyphicon-hand-right:before {
+  content: "\e127";
+}
+.glyphicon-hand-left:before {
+  content: "\e128";
+}
+.glyphicon-hand-up:before {
+  content: "\e129";
+}
+.glyphicon-hand-down:before {
+  content: "\e130";
+}
+.glyphicon-circle-arrow-right:before {
+  content: "\e131";
+}
+.glyphicon-circle-arrow-left:before {
+  content: "\e132";
+}
+.glyphicon-circle-arrow-up:before {
+  content: "\e133";
+}
+.glyphicon-circle-arrow-down:before {
+  content: "\e134";
+}
+.glyphicon-globe:before {
+  content: "\e135";
+}
+.glyphicon-wrench:before {
+  content: "\e136";
+}
+.glyphicon-tasks:before {
+  content: "\e137";
+}
+.glyphicon-filter:before {
+  content: "\e138";
+}
+.glyphicon-briefcase:before {
+  content: "\e139";
+}
+.glyphicon-fullscreen:before {
+  content: "\e140";
+}
+.glyphicon-dashboard:before {
+  content: "\e141";
+}
+.glyphicon-paperclip:before {
+  content: "\e142";
+}
+.glyphicon-heart-empty:before {
+  content: "\e143";
+}
+.glyphicon-link:before {
+  content: "\e144";
+}
+.glyphicon-phone:before {
+  content: "\e145";
+}
+.glyphicon-pushpin:before {
+  content: "\e146";
+}
+.glyphicon-usd:before {
+  content: "\e148";
+}
+.glyphicon-gbp:before {
+  content: "\e149";
+}
+.glyphicon-sort:before {
+  content: "\e150";
+}
+.glyphicon-sort-by-alphabet:before {
+  content: "\e151";
+}
+.glyphicon-sort-by-alphabet-alt:before {
+  content: "\e152";
+}
+.glyphicon-sort-by-order:before {
+  content: "\e153";
+}
+.glyphicon-sort-by-order-alt:before {
+  content: "\e154";
+}
+.glyphicon-sort-by-attributes:before {
+  content: "\e155";
+}
+.glyphicon-sort-by-attributes-alt:before {
+  content: "\e156";
+}
+.glyphicon-unchecked:before {
+  content: "\e157";
+}
+.glyphicon-expand:before {
+  content: "\e158";
+}
+.glyphicon-collapse-down:before {
+  content: "\e159";
+}
+.glyphicon-collapse-up:before {
+  content: "\e160";
+}
+.glyphicon-log-in:before {
+  content: "\e161";
+}
+.glyphicon-flash:before {
+  content: "\e162";
+}
+.glyphicon-log-out:before {
+  content: "\e163";
+}
+.glyphicon-new-window:before {
+  content: "\e164";
+}
+.glyphicon-record:before {
+  content: "\e165";
+}
+.glyphicon-save:before {
+  content: "\e166";
+}
+.glyphicon-open:before {
+  content: "\e167";
+}
+.glyphicon-saved:before {
+  content: "\e168";
+}
+.glyphicon-import:before {
+  content: "\e169";
+}
+.glyphicon-export:before {
+  content: "\e170";
+}
+.glyphicon-send:before {
+  content: "\e171";
+}
+.glyphicon-floppy-disk:before {
+  content: "\e172";
+}
+.glyphicon-floppy-saved:before {
+  content: "\e173";
+}
+.glyphicon-floppy-remove:before {
+  content: "\e174";
+}
+.glyphicon-floppy-save:before {
+  content: "\e175";
+}
+.glyphicon-floppy-open:before {
+  content: "\e176";
+}
+.glyphicon-credit-card:before {
+  content: "\e177";
+}
+.glyphicon-transfer:before {
+  content: "\e178";
+}
+.glyphicon-cutlery:before {
+  content: "\e179";
+}
+.glyphicon-header:before {
+  content: "\e180";
+}
+.glyphicon-compressed:before {
+  content: "\e181";
+}
+.glyphicon-earphone:before {
+  content: "\e182";
+}
+.glyphicon-phone-alt:before {
+  content: "\e183";
+}
+.glyphicon-tower:before {
+  content: "\e184";
+}
+.glyphicon-stats:before {
+  content: "\e185";
+}
+.glyphicon-sd-video:before {
+  content: "\e186";
+}
+.glyphicon-hd-video:before {
+  content: "\e187";
+}
+.glyphicon-subtitles:before {
+  content: "\e188";
+}
+.glyphicon-sound-stereo:before {
+  content: "\e189";
+}
+.glyphicon-sound-dolby:before {
+  content: "\e190";
+}
+.glyphicon-sound-5-1:before {
+  content: "\e191";
+}
+.glyphicon-sound-6-1:before {
+  content: "\e192";
+}
+.glyphicon-sound-7-1:before {
+  content: "\e193";
+}
+.glyphicon-copyright-mark:before {
+  content: "\e194";
+}
+.glyphicon-registration-mark:before {
+  content: "\e195";
+}
+.glyphicon-cloud-download:before {
+  content: "\e197";
+}
+.glyphicon-cloud-upload:before {
+  content: "\e198";
+}
+.glyphicon-tree-conifer:before {
+  content: "\e199";
+}
+.glyphicon-tree-deciduous:before {
+  content: "\e200";
+}
+.glyphicon-cd:before {
+  content: "\e201";
+}
+.glyphicon-save-file:before {
+  content: "\e202";
+}
+.glyphicon-open-file:before {
+  content: "\e203";
+}
+.glyphicon-level-up:before {
+  content: "\e204";
+}
+.glyphicon-copy:before {
+  content: "\e205";
+}
+.glyphicon-paste:before {
+  content: "\e206";
+}
+.glyphicon-alert:before {
+  content: "\e209";
+}
+.glyphicon-equalizer:before {
+  content: "\e210";
+}
+.glyphicon-king:before {
+  content: "\e211";
+}
+.glyphicon-queen:before {
+  content: "\e212";
+}
+.glyphicon-pawn:before {
+  content: "\e213";
+}
+.glyphicon-bishop:before {
+  content: "\e214";
+}
+.glyphicon-knight:before {
+  content: "\e215";
+}
+.glyphicon-baby-formula:before {
+  content: "\e216";
+}
+.glyphicon-tent:before {
+  content: "\26fa";
+}
+.glyphicon-blackboard:before {
+  content: "\e218";
+}
+.glyphicon-bed:before {
+  content: "\e219";
+}
+.glyphicon-apple:before {
+  content: "\f8ff";
+}
+.glyphicon-erase:before {
+  content: "\e221";
+}
+.glyphicon-hourglass:before {
+  content: "\231b";
+}
+.glyphicon-lamp:before {
+  content: "\e223";
+}
+.glyphicon-duplicate:before {
+  content: "\e224";
+}
+.glyphicon-piggy-bank:before {
+  content: "\e225";
+}
+.glyphicon-scissors:before {
+  content: "\e226";
+}
+.glyphicon-bitcoin:before {
+  content: "\e227";
+}
+.glyphicon-btc:before {
+  content: "\e227";
+}
+.glyphicon-xbt:before {
+  content: "\e227";
+}
+.glyphicon-yen:before {
+  content: "\00a5";
+}
+.glyphicon-jpy:before {
+  content: "\00a5";
+}
+.glyphicon-ruble:before {
+  content: "\20bd";
+}
+.glyphicon-rub:before {
+  content: "\20bd";
+}
+.glyphicon-scale:before {
+  content: "\e230";
+}
+.glyphicon-ice-lolly:before {
+  content: "\e231";
+}
+.glyphicon-ice-lolly-tasted:before {
+  content: "\e232";
+}
+.glyphicon-education:before {
+  content: "\e233";
+}
+.glyphicon-option-horizontal:before {
+  content: "\e234";
+}
+.glyphicon-option-vertical:before {
+  content: "\e235";
+}
+.glyphicon-menu-hamburger:before {
+  content: "\e236";
+}
+.glyphicon-modal-window:before {
+  content: "\e237";
+}
+.glyphicon-oil:before {
+  content: "\e238";
+}
+.glyphicon-grain:before {
+  content: "\e239";
+}
+.glyphicon-sunglasses:before {
+  content: "\e240";
+}
+.glyphicon-text-size:before {
+  content: "\e241";
+}
+.glyphicon-text-color:before {
+  content: "\e242";
+}
+.glyphicon-text-background:before {
+  content: "\e243";
+}
+.glyphicon-object-align-top:before {
+  content: "\e244";
+}
+.glyphicon-object-align-bottom:before {
+  content: "\e245";
+}
+.glyphicon-object-align-horizontal:before {
+  content: "\e246";
+}
+.glyphicon-object-align-left:before {
+  content: "\e247";
+}
+.glyphicon-object-align-vertical:before {
+  content: "\e248";
+}
+.glyphicon-object-align-right:before {
+  content: "\e249";
+}
+.glyphicon-triangle-right:before {
+  content: "\e250";
+}
+.glyphicon-triangle-left:before {
+  content: "\e251";
+}
+.glyphicon-triangle-bottom:before {
+  content: "\e252";
+}
+.glyphicon-triangle-top:before {
+  content: "\e253";
+}
+.glyphicon-console:before {
+  content: "\e254";
+}
+.glyphicon-superscript:before {
+  content: "\e255";
+}
+.glyphicon-subscript:before {
+  content: "\e256";
+}
+.glyphicon-menu-left:before {
+  content: "\e257";
+}
+.glyphicon-menu-right:before {
+  content: "\e258";
+}
+.glyphicon-menu-down:before {
+  content: "\e259";
+}
+.glyphicon-menu-up:before {
+  content: "\e260";
+}
+* {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+*:before,
+*:after {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+html {
+  font-size: 10px;
+
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+body {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #333;
+  background-color: #fff;
+}
+input,
+button,
+select,
+textarea {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+a {
+  color: #337ab7;
+  text-decoration: none;
+}
+a:hover,
+a:focus {
+  color: #23527c;
+  text-decoration: underline;
+}
+a:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+figure {
+  margin: 0;
+}
+img {
+  vertical-align: middle;
+}
+.img-responsive,
+.thumbnail > img,
+.thumbnail a > img,
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+.img-rounded {
+  border-radius: 6px;
+}
+.img-thumbnail {
+  display: inline-block;
+  max-width: 100%;
+  height: auto;
+  padding: 4px;
+  line-height: 1.42857143;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  -webkit-transition: all .2s ease-in-out;
+       -o-transition: all .2s ease-in-out;
+          transition: all .2s ease-in-out;
+}
+.img-circle {
+  border-radius: 50%;
+}
+hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border: 0;
+  border-top: 1px solid #eee;
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}
+[role="button"] {
+  cursor: pointer;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+  font-family: inherit;
+  font-weight: 500;
+  line-height: 1.1;
+  color: inherit;
+}
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small,
+h1 .small,
+h2 .small,
+h3 .small,
+h4 .small,
+h5 .small,
+h6 .small,
+.h1 .small,
+.h2 .small,
+.h3 .small,
+.h4 .small,
+.h5 .small,
+.h6 .small {
+  font-weight: normal;
+  line-height: 1;
+  color: #777;
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+h1 small,
+.h1 small,
+h2 small,
+.h2 small,
+h3 small,
+.h3 small,
+h1 .small,
+.h1 .small,
+h2 .small,
+.h2 .small,
+h3 .small,
+.h3 .small {
+  font-size: 65%;
+}
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+h4 small,
+.h4 small,
+h5 small,
+.h5 small,
+h6 small,
+.h6 small,
+h4 .small,
+.h4 .small,
+h5 .small,
+.h5 .small,
+h6 .small,
+.h6 .small {
+  font-size: 75%;
+}
+h1,
+.h1 {
+  font-size: 36px;
+}
+h2,
+.h2 {
+  font-size: 30px;
+}
+h3,
+.h3 {
+  font-size: 24px;
+}
+h4,
+.h4 {
+  font-size: 18px;
+}
+h5,
+.h5 {
+  font-size: 14px;
+}
+h6,
+.h6 {
+  font-size: 12px;
+}
+p {
+  margin: 0 0 10px;
+}
+.lead {
+  margin-bottom: 20px;
+  font-size: 16px;
+  font-weight: 300;
+  line-height: 1.4;
+}
+@media (min-width: 768px) {
+  .lead {
+    font-size: 21px;
+  }
+}
+small,
+.small {
+  font-size: 85%;
+}
+mark,
+.mark {
+  padding: .2em;
+  background-color: #fcf8e3;
+}
+.text-left {
+  text-align: left;
+}
+.text-right {
+  text-align: right;
+}
+.text-center {
+  text-align: center;
+}
+.text-justify {
+  text-align: justify;
+}
+.text-nowrap {
+  white-space: nowrap;
+}
+.text-lowercase {
+  text-transform: lowercase;
+}
+.text-uppercase {
+  text-transform: uppercase;
+}
+.text-capitalize {
+  text-transform: capitalize;
+}
+.text-muted {
+  color: #777;
+}
+.text-primary {
+  color: #337ab7;
+}
+a.text-primary:hover,
+a.text-primary:focus {
+  color: #286090;
+}
+.text-success {
+  color: #3c763d;
+}
+a.text-success:hover,
+a.text-success:focus {
+  color: #2b542c;
+}
+.text-info {
+  color: #31708f;
+}
+a.text-info:hover,
+a.text-info:focus {
+  color: #245269;
+}
+.text-warning {
+  color: #8a6d3b;
+}
+a.text-warning:hover,
+a.text-warning:focus {
+  color: #66512c;
+}
+.text-danger {
+  color: #a94442;
+}
+a.text-danger:hover,
+a.text-danger:focus {
+  color: #843534;
+}
+.bg-primary {
+  color: #fff;
+  background-color: #337ab7;
+}
+a.bg-primary:hover,
+a.bg-primary:focus {
+  background-color: #286090;
+}
+.bg-success {
+  background-color: #dff0d8;
+}
+a.bg-success:hover,
+a.bg-success:focus {
+  background-color: #c1e2b3;
+}
+.bg-info {
+  background-color: #d9edf7;
+}
+a.bg-info:hover,
+a.bg-info:focus {
+  background-color: #afd9ee;
+}
+.bg-warning {
+  background-color: #fcf8e3;
+}
+a.bg-warning:hover,
+a.bg-warning:focus {
+  background-color: #f7ecb5;
+}
+.bg-danger {
+  background-color: #f2dede;
+}
+a.bg-danger:hover,
+a.bg-danger:focus {
+  background-color: #e4b9b9;
+}
+.page-header {
+  padding-bottom: 9px;
+  margin: 40px 0 20px;
+  border-bottom: 1px solid #eee;
+}
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+ul ul,
+ol ul,
+ul ol,
+ol ol {
+  margin-bottom: 0;
+}
+.list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}
+.list-inline {
+  padding-left: 0;
+  margin-left: -5px;
+  list-style: none;
+}
+.list-inline > li {
+  display: inline-block;
+  padding-right: 5px;
+  padding-left: 5px;
+}
+dl {
+  margin-top: 0;
+  margin-bottom: 20px;
+}
+dt,
+dd {
+  line-height: 1.42857143;
+}
+dt {
+  font-weight: bold;
+}
+dd {
+  margin-left: 0;
+}
+@media (min-width: 768px) {
+  .dl-horizontal dt {
+    float: left;
+    width: 160px;
+    overflow: hidden;
+    clear: left;
+    text-align: right;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .dl-horizontal dd {
+    margin-left: 180px;
+  }
+}
+abbr[title],
+abbr[data-original-title] {
+  cursor: help;
+  border-bottom: 1px dotted #777;
+}
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+blockquote {
+  padding: 10px 20px;
+  margin: 0 0 20px;
+  font-size: 17.5px;
+  border-left: 5px solid #eee;
+}
+blockquote p:last-child,
+blockquote ul:last-child,
+blockquote ol:last-child {
+  margin-bottom: 0;
+}
+blockquote footer,
+blockquote small,
+blockquote .small {
+  display: block;
+  font-size: 80%;
+  line-height: 1.42857143;
+  color: #777;
+}
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+  content: '\2014 \00A0';
+}
+.blockquote-reverse,
+blockquote.pull-right {
+  padding-right: 15px;
+  padding-left: 0;
+  text-align: right;
+  border-right: 5px solid #eee;
+  border-left: 0;
+}
+.blockquote-reverse footer:before,
+blockquote.pull-right footer:before,
+.blockquote-reverse small:before,
+blockquote.pull-right small:before,
+.blockquote-reverse .small:before,
+blockquote.pull-right .small:before {
+  content: '';
+}
+.blockquote-reverse footer:after,
+blockquote.pull-right footer:after,
+.blockquote-reverse small:after,
+blockquote.pull-right small:after,
+.blockquote-reverse .small:after,
+blockquote.pull-right .small:after {
+  content: '\00A0 \2014';
+}
+address {
+  margin-bottom: 20px;
+  font-style: normal;
+  line-height: 1.42857143;
+}
+code,
+kbd,
+pre,
+samp {
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+}
+code {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #c7254e;
+  background-color: #f9f2f4;
+  border-radius: 4px;
+}
+kbd {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #fff;
+  background-color: #333;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
+          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
+}
+kbd kbd {
+  padding: 0;
+  font-size: 100%;
+  font-weight: bold;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+pre {
+  display: block;
+  padding: 9.5px;
+  margin: 0 0 10px;
+  font-size: 13px;
+  line-height: 1.42857143;
+  color: #333;
+  word-break: break-all;
+  word-wrap: break-word;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+pre code {
+  padding: 0;
+  font-size: inherit;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+  border-radius: 0;
+}
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
+}
+.container {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+@media (min-width: 768px) {
+  .container {
+    width: 750px;
+  }
+}
+@media (min-width: 992px) {
+  .container {
+    width: 970px;
+  }
+}
+@media (min-width: 1200px) {
+  .container {
+    width: 1170px;
+  }
+}
+.container-fluid {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+.row {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+.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;
+  padding-right: 15px;
+  padding-left: 15px;
+}
+.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
+  float: left;
+}
+.col-xs-12 {
+  width: 100%;
+}
+.col-xs-11 {
+  width: 91.66666667%;
+}
+.col-xs-10 {
+  width: 83.33333333%;
+}
+.col-xs-9 {
+  width: 75%;
+}
+.col-xs-8 {
+  width: 66.66666667%;
+}
+.col-xs-7 {
+  width: 58.33333333%;
+}
+.col-xs-6 {
+  width: 50%;
+}
+.col-xs-5 {
+  width: 41.66666667%;
+}
+.col-xs-4 {
+  width: 33.33333333%;
+}
+.col-xs-3 {
+  width: 25%;
+}
+.col-xs-2 {
+  width: 16.66666667%;
+}
+.col-xs-1 {
+  width: 8.33333333%;
+}
+.col-xs-pull-12 {
+  right: 100%;
+}
+.col-xs-pull-11 {
+  right: 91.66666667%;
+}
+.col-xs-pull-10 {
+  right: 83.33333333%;
+}
+.col-xs-pull-9 {
+  right: 75%;
+}
+.col-xs-pull-8 {
+  right: 66.66666667%;
+}
+.col-xs-pull-7 {
+  right: 58.33333333%;
+}
+.col-xs-pull-6 {
+  right: 50%;
+}
+.col-xs-pull-5 {
+  right: 41.66666667%;
+}
+.col-xs-pull-4 {
+  right: 33.33333333%;
+}
+.col-xs-pull-3 {
+  right: 25%;
+}
+.col-xs-pull-2 {
+  right: 16.66666667%;
+}
+.col-xs-pull-1 {
+  right: 8.33333333%;
+}
+.col-xs-pull-0 {
+  right: auto;
+}
+.col-xs-push-12 {
+  left: 100%;
+}
+.col-xs-push-11 {
+  left: 91.66666667%;
+}
+.col-xs-push-10 {
+  left: 83.33333333%;
+}
+.col-xs-push-9 {
+  left: 75%;
+}
+.col-xs-push-8 {
+  left: 66.66666667%;
+}
+.col-xs-push-7 {
+  left: 58.33333333%;
+}
+.col-xs-push-6 {
+  left: 50%;
+}
+.col-xs-push-5 {
+  left: 41.66666667%;
+}
+.col-xs-push-4 {
+  left: 33.33333333%;
+}
+.col-xs-push-3 {
+  left: 25%;
+}
+.col-xs-push-2 {
+  left: 16.66666667%;
+}
+.col-xs-push-1 {
+  left: 8.33333333%;
+}
+.col-xs-push-0 {
+  left: auto;
+}
+.col-xs-offset-12 {
+  margin-left: 100%;
+}
+.col-xs-offset-11 {
+  margin-left: 91.66666667%;
+}
+.col-xs-offset-10 {
+  margin-left: 83.33333333%;
+}
+.col-xs-offset-9 {
+  margin-left: 75%;
+}
+.col-xs-offset-8 {
+  margin-left: 66.66666667%;
+}
+.col-xs-offset-7 {
+  margin-left: 58.33333333%;
+}
+.col-xs-offset-6 {
+  margin-left: 50%;
+}
+.col-xs-offset-5 {
+  margin-left: 41.66666667%;
+}
+.col-xs-offset-4 {
+  margin-left: 33.33333333%;
+}
+.col-xs-offset-3 {
+  margin-left: 25%;
+}
+.col-xs-offset-2 {
+  margin-left: 16.66666667%;
+}
+.col-xs-offset-1 {
+  margin-left: 8.33333333%;
+}
+.col-xs-offset-0 {
+  margin-left: 0;
+}
+@media (min-width: 768px) {
+  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
+    float: left;
+  }
+  .col-sm-12 {
+    width: 100%;
+  }
+  .col-sm-11 {
+    width: 91.66666667%;
+  }
+  .col-sm-10 {
+    width: 83.33333333%;
+  }
+  .col-sm-9 {
+    width: 75%;
+  }
+  .col-sm-8 {
+    width: 66.66666667%;
+  }
+  .col-sm-7 {
+    width: 58.33333333%;
+  }
+  .col-sm-6 {
+    width: 50%;
+  }
+  .col-sm-5 {
+    width: 41.66666667%;
+  }
+  .col-sm-4 {
+    width: 33.33333333%;
+  }
+  .col-sm-3 {
+    width: 25%;
+  }
+  .col-sm-2 {
+    width: 16.66666667%;
+  }
+  .col-sm-1 {
+    width: 8.33333333%;
+  }
+  .col-sm-pull-12 {
+    right: 100%;
+  }
+  .col-sm-pull-11 {
+    right: 91.66666667%;
+  }
+  .col-sm-pull-10 {
+    right: 83.33333333%;
+  }
+  .col-sm-pull-9 {
+    right: 75%;
+  }
+  .col-sm-pull-8 {
+    right: 66.66666667%;
+  }
+  .col-sm-pull-7 {
+    right: 58.33333333%;
+  }
+  .col-sm-pull-6 {
+    right: 50%;
+  }
+  .col-sm-pull-5 {
+    right: 41.66666667%;
+  }
+  .col-sm-pull-4 {
+    right: 33.33333333%;
+  }
+  .col-sm-pull-3 {
+    right: 25%;
+  }
+  .col-sm-pull-2 {
+    right: 16.66666667%;
+  }
+  .col-sm-pull-1 {
+    right: 8.33333333%;
+  }
+  .col-sm-pull-0 {
+    right: auto;
+  }
+  .col-sm-push-12 {
+    left: 100%;
+  }
+  .col-sm-push-11 {
+    left: 91.66666667%;
+  }
+  .col-sm-push-10 {
+    left: 83.33333333%;
+  }
+  .col-sm-push-9 {
+    left: 75%;
+  }
+  .col-sm-push-8 {
+    left: 66.66666667%;
+  }
+  .col-sm-push-7 {
+    left: 58.33333333%;
+  }
+  .col-sm-push-6 {
+    left: 50%;
+  }
+  .col-sm-push-5 {
+    left: 41.66666667%;
+  }
+  .col-sm-push-4 {
+    left: 33.33333333%;
+  }
+  .col-sm-push-3 {
+    left: 25%;
+  }
+  .col-sm-push-2 {
+    left: 16.66666667%;
+  }
+  .col-sm-push-1 {
+    left: 8.33333333%;
+  }
+  .col-sm-push-0 {
+    left: auto;
+  }
+  .col-sm-offset-12 {
+    margin-left: 100%;
+  }
+  .col-sm-offset-11 {
+    margin-left: 91.66666667%;
+  }
+  .col-sm-offset-10 {
+    margin-left: 83.33333333%;
+  }
+  .col-sm-offset-9 {
+    margin-left: 75%;
+  }
+  .col-sm-offset-8 {
+    margin-left: 66.66666667%;
+  }
+  .col-sm-offset-7 {
+    margin-left: 58.33333333%;
+  }
+  .col-sm-offset-6 {
+    margin-left: 50%;
+  }
+  .col-sm-offset-5 {
+    margin-left: 41.66666667%;
+  }
+  .col-sm-offset-4 {
+    margin-left: 33.33333333%;
+  }
+  .col-sm-offset-3 {
+    margin-left: 25%;
+  }
+  .col-sm-offset-2 {
+    margin-left: 16.66666667%;
+  }
+  .col-sm-offset-1 {
+    margin-left: 8.33333333%;
+  }
+  .col-sm-offset-0 {
+    margin-left: 0;
+  }
+}
+@media (min-width: 992px) {
+  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
+    float: left;
+  }
+  .col-md-12 {
+    width: 100%;
+  }
+  .col-md-11 {
+    width: 91.66666667%;
+  }
+  .col-md-10 {
+    width: 83.33333333%;
+  }
+  .col-md-9 {
+    width: 75%;
+  }
+  .col-md-8 {
+    width: 66.66666667%;
+  }
+  .col-md-7 {
+    width: 58.33333333%;
+  }
+  .col-md-6 {
+    width: 50%;
+  }
+  .col-md-5 {
+    width: 41.66666667%;
+  }
+  .col-md-4 {
+    width: 33.33333333%;
+  }
+  .col-md-3 {
+    width: 25%;
+  }
+  .col-md-2 {
+    width: 16.66666667%;
+  }
+  .col-md-1 {
+    width: 8.33333333%;
+  }
+  .col-md-pull-12 {
+    right: 100%;
+  }
+  .col-md-pull-11 {
+    right: 91.66666667%;
+  }
+  .col-md-pull-10 {
+    right: 83.33333333%;
+  }
+  .col-md-pull-9 {
+    right: 75%;
+  }
+  .col-md-pull-8 {
+    right: 66.66666667%;
+  }
+  .col-md-pull-7 {
+    right: 58.33333333%;
+  }
+  .col-md-pull-6 {
+    right: 50%;
+  }
+  .col-md-pull-5 {
+    right: 41.66666667%;
+  }
+  .col-md-pull-4 {
+    right: 33.33333333%;
+  }
+  .col-md-pull-3 {
+    right: 25%;
+  }
+  .col-md-pull-2 {
+    right: 16.66666667%;
+  }
+  .col-md-pull-1 {
+    right: 8.33333333%;
+  }
+  .col-md-pull-0 {
+    right: auto;
+  }
+  .col-md-push-12 {
+    left: 100%;
+  }
+  .col-md-push-11 {
+    left: 91.66666667%;
+  }
+  .col-md-push-10 {
+    left: 83.33333333%;
+  }
+  .col-md-push-9 {
+    left: 75%;
+  }
+  .col-md-push-8 {
+    left: 66.66666667%;
+  }
+  .col-md-push-7 {
+    left: 58.33333333%;
+  }
+  .col-md-push-6 {
+    left: 50%;
+  }
+  .col-md-push-5 {
+    left: 41.66666667%;
+  }
+  .col-md-push-4 {
+    left: 33.33333333%;
+  }
+  .col-md-push-3 {
+    left: 25%;
+  }
+  .col-md-push-2 {
+    left: 16.66666667%;
+  }
+  .col-md-push-1 {
+    left: 8.33333333%;
+  }
+  .col-md-push-0 {
+    left: auto;
+  }
+  .col-md-offset-12 {
+    margin-left: 100%;
+  }
+  .col-md-offset-11 {
+    margin-left: 91.66666667%;
+  }
+  .col-md-offset-10 {
+    margin-left: 83.33333333%;
+  }
+  .col-md-offset-9 {
+    margin-left: 75%;
+  }
+  .col-md-offset-8 {
+    margin-left: 66.66666667%;
+  }
+  .col-md-offset-7 {
+    margin-left: 58.33333333%;
+  }
+  .col-md-offset-6 {
+    margin-left: 50%;
+  }
+  .col-md-offset-5 {
+    margin-left: 41.66666667%;
+  }
+  .col-md-offset-4 {
+    margin-left: 33.33333333%;
+  }
+  .col-md-offset-3 {
+    margin-left: 25%;
+  }
+  .col-md-offset-2 {
+    margin-left: 16.66666667%;
+  }
+  .col-md-offset-1 {
+    margin-left: 8.33333333%;
+  }
+  .col-md-offset-0 {
+    margin-left: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
+    float: left;
+  }
+  .col-lg-12 {
+    width: 100%;
+  }
+  .col-lg-11 {
+    width: 91.66666667%;
+  }
+  .col-lg-10 {
+    width: 83.33333333%;
+  }
+  .col-lg-9 {
+    width: 75%;
+  }
+  .col-lg-8 {
+    width: 66.66666667%;
+  }
+  .col-lg-7 {
+    width: 58.33333333%;
+  }
+  .col-lg-6 {
+    width: 50%;
+  }
+  .col-lg-5 {
+    width: 41.66666667%;
+  }
+  .col-lg-4 {
+    width: 33.33333333%;
+  }
+  .col-lg-3 {
+    width: 25%;
+  }
+  .col-lg-2 {
+    width: 16.66666667%;
+  }
+  .col-lg-1 {
+    width: 8.33333333%;
+  }
+  .col-lg-pull-12 {
+    right: 100%;
+  }
+  .col-lg-pull-11 {
+    right: 91.66666667%;
+  }
+  .col-lg-pull-10 {
+    right: 83.33333333%;
+  }
+  .col-lg-pull-9 {
+    right: 75%;
+  }
+  .col-lg-pull-8 {
+    right: 66.66666667%;
+  }
+  .col-lg-pull-7 {
+    right: 58.33333333%;
+  }
+  .col-lg-pull-6 {
+    right: 50%;
+  }
+  .col-lg-pull-5 {
+    right: 41.66666667%;
+  }
+  .col-lg-pull-4 {
+    right: 33.33333333%;
+  }
+  .col-lg-pull-3 {
+    right: 25%;
+  }
+  .col-lg-pull-2 {
+    right: 16.66666667%;
+  }
+  .col-lg-pull-1 {
+    right: 8.33333333%;
+  }
+  .col-lg-pull-0 {
+    right: auto;
+  }
+  .col-lg-push-12 {
+    left: 100%;
+  }
+  .col-lg-push-11 {
+    left: 91.66666667%;
+  }
+  .col-lg-push-10 {
+    left: 83.33333333%;
+  }
+  .col-lg-push-9 {
+    left: 75%;
+  }
+  .col-lg-push-8 {
+    left: 66.66666667%;
+  }
+  .col-lg-push-7 {
+    left: 58.33333333%;
+  }
+  .col-lg-push-6 {
+    left: 50%;
+  }
+  .col-lg-push-5 {
+    left: 41.66666667%;
+  }
+  .col-lg-push-4 {
+    left: 33.33333333%;
+  }
+  .col-lg-push-3 {
+    left: 25%;
+  }
+  .col-lg-push-2 {
+    left: 16.66666667%;
+  }
+  .col-lg-push-1 {
+    left: 8.33333333%;
+  }
+  .col-lg-push-0 {
+    left: auto;
+  }
+  .col-lg-offset-12 {
+    margin-left: 100%;
+  }
+  .col-lg-offset-11 {
+    margin-left: 91.66666667%;
+  }
+  .col-lg-offset-10 {
+    margin-left: 83.33333333%;
+  }
+  .col-lg-offset-9 {
+    margin-left: 75%;
+  }
+  .col-lg-offset-8 {
+    margin-left: 66.66666667%;
+  }
+  .col-lg-offset-7 {
+    margin-left: 58.33333333%;
+  }
+  .col-lg-offset-6 {
+    margin-left: 50%;
+  }
+  .col-lg-offset-5 {
+    margin-left: 41.66666667%;
+  }
+  .col-lg-offset-4 {
+    margin-left: 33.33333333%;
+  }
+  .col-lg-offset-3 {
+    margin-left: 25%;
+  }
+  .col-lg-offset-2 {
+    margin-left: 16.66666667%;
+  }
+  .col-lg-offset-1 {
+    margin-left: 8.33333333%;
+  }
+  .col-lg-offset-0 {
+    margin-left: 0;
+  }
+}
+table {
+  background-color: transparent;
+}
+caption {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  color: #777;
+  text-align: left;
+}
+th {
+  text-align: left;
+}
+.table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 20px;
+}
+.table > thead > tr > th,
+.table > tbody > tr > th,
+.table > tfoot > tr > th,
+.table > thead > tr > td,
+.table > tbody > tr > td,
+.table > tfoot > tr > td {
+  padding: 8px;
+  line-height: 1.42857143;
+  vertical-align: top;
+  border-top: 1px solid #ddd;
+}
+.table > thead > tr > th {
+  vertical-align: bottom;
+  border-bottom: 2px solid #ddd;
+}
+.table > caption + thead > tr:first-child > th,
+.table > colgroup + thead > tr:first-child > th,
+.table > thead:first-child > tr:first-child > th,
+.table > caption + thead > tr:first-child > td,
+.table > colgroup + thead > tr:first-child > td,
+.table > thead:first-child > tr:first-child > td {
+  border-top: 0;
+}
+.table > tbody + tbody {
+  border-top: 2px solid #ddd;
+}
+.table .table {
+  background-color: #fff;
+}
+.table-condensed > thead > tr > th,
+.table-condensed > tbody > tr > th,
+.table-condensed > tfoot > tr > th,
+.table-condensed > thead > tr > td,
+.table-condensed > tbody > tr > td,
+.table-condensed > tfoot > tr > td {
+  padding: 5px;
+}
+.table-bordered {
+  border: 1px solid #ddd;
+}
+.table-bordered > thead > tr > th,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > tbody > tr > td,
+.table-bordered > tfoot > tr > td {
+  border: 1px solid #ddd;
+}
+.table-bordered > thead > tr > th,
+.table-bordered > thead > tr > td {
+  border-bottom-width: 2px;
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: #f9f9f9;
+}
+.table-hover > tbody > tr:hover {
+  background-color: #f5f5f5;
+}
+table col[class*="col-"] {
+  position: static;
+  display: table-column;
+  float: none;
+}
+table td[class*="col-"],
+table th[class*="col-"] {
+  position: static;
+  display: table-cell;
+  float: none;
+}
+.table > thead > tr > td.active,
+.table > tbody > tr > td.active,
+.table > tfoot > tr > td.active,
+.table > thead > tr > th.active,
+.table > tbody > tr > th.active,
+.table > tfoot > tr > th.active,
+.table > thead > tr.active > td,
+.table > tbody > tr.active > td,
+.table > tfoot > tr.active > td,
+.table > thead > tr.active > th,
+.table > tbody > tr.active > th,
+.table > tfoot > tr.active > th {
+  background-color: #f5f5f5;
+}
+.table-hover > tbody > tr > td.active:hover,
+.table-hover > tbody > tr > th.active:hover,
+.table-hover > tbody > tr.active:hover > td,
+.table-hover > tbody > tr:hover > .active,
+.table-hover > tbody > tr.active:hover > th {
+  background-color: #e8e8e8;
+}
+.table > thead > tr > td.success,
+.table > tbody > tr > td.success,
+.table > tfoot > tr > td.success,
+.table > thead > tr > th.success,
+.table > tbody > tr > th.success,
+.table > tfoot > tr > th.success,
+.table > thead > tr.success > td,
+.table > tbody > tr.success > td,
+.table > tfoot > tr.success > td,
+.table > thead > tr.success > th,
+.table > tbody > tr.success > th,
+.table > tfoot > tr.success > th {
+  background-color: #dff0d8;
+}
+.table-hover > tbody > tr > td.success:hover,
+.table-hover > tbody > tr > th.success:hover,
+.table-hover > tbody > tr.success:hover > td,
+.table-hover > tbody > tr:hover > .success,
+.table-hover > tbody > tr.success:hover > th {
+  background-color: #d0e9c6;
+}
+.table > thead > tr > td.info,
+.table > tbody > tr > td.info,
+.table > tfoot > tr > td.info,
+.table > thead > tr > th.info,
+.table > tbody > tr > th.info,
+.table > tfoot > tr > th.info,
+.table > thead > tr.info > td,
+.table > tbody > tr.info > td,
+.table > tfoot > tr.info > td,
+.table > thead > tr.info > th,
+.table > tbody > tr.info > th,
+.table > tfoot > tr.info > th {
+  background-color: #d9edf7;
+}
+.table-hover > tbody > tr > td.info:hover,
+.table-hover > tbody > tr > th.info:hover,
+.table-hover > tbody > tr.info:hover > td,
+.table-hover > tbody > tr:hover > .info,
+.table-hover > tbody > tr.info:hover > th {
+  background-color: #c4e3f3;
+}
+.table > thead > tr > td.warning,
+.table > tbody > tr > td.warning,
+.table > tfoot > tr > td.warning,
+.table > thead > tr > th.warning,
+.table > tbody > tr > th.warning,
+.table > tfoot > tr > th.warning,
+.table > thead > tr.warning > td,
+.table > tbody > tr.warning > td,
+.table > tfoot > tr.warning > td,
+.table > thead > tr.warning > th,
+.table > tbody > tr.warning > th,
+.table > tfoot > tr.warning > th {
+  background-color: #fcf8e3;
+}
+.table-hover > tbody > tr > td.warning:hover,
+.table-hover > tbody > tr > th.warning:hover,
+.table-hover > tbody > tr.warning:hover > td,
+.table-hover > tbody > tr:hover > .warning,
+.table-hover > tbody > tr.warning:hover > th {
+  background-color: #faf2cc;
+}
+.table > thead > tr > td.danger,
+.table > tbody > tr > td.danger,
+.table > tfoot > tr > td.danger,
+.table > thead > tr > th.danger,
+.table > tbody > tr > th.danger,
+.table > tfoot > tr > th.danger,
+.table > thead > tr.danger > td,
+.table > tbody > tr.danger > td,
+.table > tfoot > tr.danger > td,
+.table > thead > tr.danger > th,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr.danger > th {
+  background-color: #f2dede;
+}
+.table-hover > tbody > tr > td.danger:hover,
+.table-hover > tbody > tr > th.danger:hover,
+.table-hover > tbody > tr.danger:hover > td,
+.table-hover > tbody > tr:hover > .danger,
+.table-hover > tbody > tr.danger:hover > th {
+  background-color: #ebcccc;
+}
+.table-responsive {
+  min-height: .01%;
+  overflow-x: auto;
+}
+@media screen and (max-width: 767px) {
+  .table-responsive {
+    width: 100%;
+    margin-bottom: 15px;
+    overflow-y: hidden;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    border: 1px solid #ddd;
+  }
+  .table-responsive > .table {
+    margin-bottom: 0;
+  }
+  .table-responsive > .table > thead > tr > th,
+  .table-responsive > .table > tbody > tr > th,
+  .table-responsive > .table > tfoot > tr > th,
+  .table-responsive > .table > thead > tr > td,
+  .table-responsive > .table > tbody > tr > td,
+  .table-responsive > .table > tfoot > tr > td {
+    white-space: nowrap;
+  }
+  .table-responsive > .table-bordered {
+    border: 0;
+  }
+  .table-responsive > .table-bordered > thead > tr > th:first-child,
+  .table-responsive > .table-bordered > tbody > tr > th:first-child,
+  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+  .table-responsive > .table-bordered > thead > tr > td:first-child,
+  .table-responsive > .table-bordered > tbody > tr > td:first-child,
+  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+    border-left: 0;
+  }
+  .table-responsive > .table-bordered > thead > tr > th:last-child,
+  .table-responsive > .table-bordered > tbody > tr > th:last-child,
+  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+  .table-responsive > .table-bordered > thead > tr > td:last-child,
+  .table-responsive > .table-bordered > tbody > tr > td:last-child,
+  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+    border-right: 0;
+  }
+  .table-responsive > .table-bordered > tbody > tr:last-child > th,
+  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+  .table-responsive > .table-bordered > tbody > tr:last-child > td,
+  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
+    border-bottom: 0;
+  }
+}
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 20px;
+  font-size: 21px;
+  line-height: inherit;
+  color: #333;
+  border: 0;
+  border-bottom: 1px solid #e5e5e5;
+}
+label {
+  display: inline-block;
+  max-width: 100%;
+  margin-bottom: 5px;
+  font-weight: bold;
+}
+input[type="search"] {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+input[type="radio"],
+input[type="checkbox"] {
+  margin: 4px 0 0;
+  margin-top: 1px \9;
+  line-height: normal;
+}
+input[type="file"] {
+  display: block;
+}
+input[type="range"] {
+  display: block;
+  width: 100%;
+}
+select[multiple],
+select[size] {
+  height: auto;
+}
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+output {
+  display: block;
+  padding-top: 7px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #555;
+}
+.form-control {
+  display: block;
+  width: 100%;
+  height: 34px;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #555;
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
+       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+}
+.form-control:focus {
+  border-color: #66afe9;
+  outline: 0;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
+          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
+}
+.form-control::-moz-placeholder {
+  color: #999;
+  opacity: 1;
+}
+.form-control:-ms-input-placeholder {
+  color: #999;
+}
+.form-control::-webkit-input-placeholder {
+  color: #999;
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: #eee;
+  opacity: 1;
+}
+.form-control[disabled],
+fieldset[disabled] .form-control {
+  cursor: not-allowed;
+}
+textarea.form-control {
+  height: auto;
+}
+input[type="search"] {
+  -webkit-appearance: none;
+}
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  input[type="date"].form-control,
+  input[type="time"].form-control,
+  input[type="datetime-local"].form-control,
+  input[type="month"].form-control {
+    line-height: 34px;
+  }
+  input[type="date"].input-sm,
+  input[type="time"].input-sm,
+  input[type="datetime-local"].input-sm,
+  input[type="month"].input-sm,
+  .input-group-sm input[type="date"],
+  .input-group-sm input[type="time"],
+  .input-group-sm input[type="datetime-local"],
+  .input-group-sm input[type="month"] {
+    line-height: 30px;
+  }
+  input[type="date"].input-lg,
+  input[type="time"].input-lg,
+  input[type="datetime-local"].input-lg,
+  input[type="month"].input-lg,
+  .input-group-lg input[type="date"],
+  .input-group-lg input[type="time"],
+  .input-group-lg input[type="datetime-local"],
+  .input-group-lg input[type="month"] {
+    line-height: 46px;
+  }
+}
+.form-group {
+  margin-bottom: 15px;
+}
+.radio,
+.checkbox {
+  position: relative;
+  display: block;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.radio label,
+.checkbox label {
+  min-height: 20px;
+  padding-left: 20px;
+  margin-bottom: 0;
+  font-weight: normal;
+  cursor: pointer;
+}
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+  position: absolute;
+  margin-top: 4px \9;
+  margin-left: -20px;
+}
+.radio + .radio,
+.checkbox + .checkbox {
+  margin-top: -5px;
+}
+.radio-inline,
+.checkbox-inline {
+  position: relative;
+  display: inline-block;
+  padding-left: 20px;
+  margin-bottom: 0;
+  font-weight: normal;
+  vertical-align: middle;
+  cursor: pointer;
+}
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline {
+  margin-top: 0;
+  margin-left: 10px;
+}
+input[type="radio"][disabled],
+input[type="checkbox"][disabled],
+input[type="radio"].disabled,
+input[type="checkbox"].disabled,
+fieldset[disabled] input[type="radio"],
+fieldset[disabled] input[type="checkbox"] {
+  cursor: not-allowed;
+}
+.radio-inline.disabled,
+.checkbox-inline.disabled,
+fieldset[disabled] .radio-inline,
+fieldset[disabled] .checkbox-inline {
+  cursor: not-allowed;
+}
+.radio.disabled label,
+.checkbox.disabled label,
+fieldset[disabled] .radio label,
+fieldset[disabled] .checkbox label {
+  cursor: not-allowed;
+}
+.form-control-static {
+  min-height: 34px;
+  padding-top: 7px;
+  padding-bottom: 7px;
+  margin-bottom: 0;
+}
+.form-control-static.input-lg,
+.form-control-static.input-sm {
+  padding-right: 0;
+  padding-left: 0;
+}
+.input-sm {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+select.input-sm {
+  height: 30px;
+  line-height: 30px;
+}
+textarea.input-sm,
+select[multiple].input-sm {
+  height: auto;
+}
+.form-group-sm .form-control {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.form-group-sm select.form-control {
+  height: 30px;
+  line-height: 30px;
+}
+.form-group-sm textarea.form-control,
+.form-group-sm select[multiple].form-control {
+  height: auto;
+}
+.form-group-sm .form-control-static {
+  height: 30px;
+  min-height: 32px;
+  padding: 6px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.input-lg {
+  height: 46px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px;
+}
+select.input-lg {
+  height: 46px;
+  line-height: 46px;
+}
+textarea.input-lg,
+select[multiple].input-lg {
+  height: auto;
+}
+.form-group-lg .form-control {
+  height: 46px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px;
+}
+.form-group-lg select.form-control {
+  height: 46px;
+  line-height: 46px;
+}
+.form-group-lg textarea.form-control,
+.form-group-lg select[multiple].form-control {
+  height: auto;
+}
+.form-group-lg .form-control-static {
+  height: 46px;
+  min-height: 38px;
+  padding: 11px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+}
+.has-feedback {
+  position: relative;
+}
+.has-feedback .form-control {
+  padding-right: 42.5px;
+}
+.form-control-feedback {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  display: block;
+  width: 34px;
+  height: 34px;
+  line-height: 34px;
+  text-align: center;
+  pointer-events: none;
+}
+.input-lg + .form-control-feedback,
+.input-group-lg + .form-control-feedback,
+.form-group-lg .form-control + .form-control-feedback {
+  width: 46px;
+  height: 46px;
+  line-height: 46px;
+}
+.input-sm + .form-control-feedback,
+.input-group-sm + .form-control-feedback,
+.form-group-sm .form-control + .form-control-feedback {
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+}
+.has-success .help-block,
+.has-success .control-label,
+.has-success .radio,
+.has-success .checkbox,
+.has-success .radio-inline,
+.has-success .checkbox-inline,
+.has-success.radio label,
+.has-success.checkbox label,
+.has-success.radio-inline label,
+.has-success.checkbox-inline label {
+  color: #3c763d;
+}
+.has-success .form-control {
+  border-color: #3c763d;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+}
+.has-success .form-control:focus {
+  border-color: #2b542c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
+}
+.has-success .input-group-addon {
+  color: #3c763d;
+  background-color: #dff0d8;
+  border-color: #3c763d;
+}
+.has-success .form-control-feedback {
+  color: #3c763d;
+}
+.has-warning .help-block,
+.has-warning .control-label,
+.has-warning .radio,
+.has-warning .checkbox,
+.has-warning .radio-inline,
+.has-warning .checkbox-inline,
+.has-warning.radio label,
+.has-warning.checkbox label,
+.has-warning.radio-inline label,
+.has-warning.checkbox-inline label {
+  color: #8a6d3b;
+}
+.has-warning .form-control {
+  border-color: #8a6d3b;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+}
+.has-warning .form-control:focus {
+  border-color: #66512c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
+}
+.has-warning .input-group-addon {
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+  border-color: #8a6d3b;
+}
+.has-warning .form-control-feedback {
+  color: #8a6d3b;
+}
+.has-error .help-block,
+.has-error .control-label,
+.has-error .radio,
+.has-error .checkbox,
+.has-error .radio-inline,
+.has-error .checkbox-inline,
+.has-error.radio label,
+.has-error.checkbox label,
+.has-error.radio-inline label,
+.has-error.checkbox-inline label {
+  color: #a94442;
+}
+.has-error .form-control {
+  border-color: #a94442;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+}
+.has-error .form-control:focus {
+  border-color: #843534;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
+}
+.has-error .input-group-addon {
+  color: #a94442;
+  background-color: #f2dede;
+  border-color: #a94442;
+}
+.has-error .form-control-feedback {
+  color: #a94442;
+}
+.has-feedback label ~ .form-control-feedback {
+  top: 25px;
+}
+.has-feedback label.sr-only ~ .form-control-feedback {
+  top: 0;
+}
+.help-block {
+  display: block;
+  margin-top: 5px;
+  margin-bottom: 10px;
+  color: #737373;
+}
+@media (min-width: 768px) {
+  .form-inline .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .form-inline .form-control-static {
+    display: inline-block;
+  }
+  .form-inline .input-group {
+    display: inline-table;
+    vertical-align: middle;
+  }
+  .form-inline .input-group .input-group-addon,
+  .form-inline .input-group .input-group-btn,
+  .form-inline .input-group .form-control {
+    width: auto;
+  }
+  .form-inline .input-group > .form-control {
+    width: 100%;
+  }
+  .form-inline .control-label {
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .radio,
+  .form-inline .checkbox {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .radio label,
+  .form-inline .checkbox label {
+    padding-left: 0;
+  }
+  .form-inline .radio input[type="radio"],
+  .form-inline .checkbox input[type="checkbox"] {
+    position: relative;
+    margin-left: 0;
+  }
+  .form-inline .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
+.form-horizontal .radio,
+.form-horizontal .checkbox,
+.form-horizontal .radio-inline,
+.form-horizontal .checkbox-inline {
+  padding-top: 7px;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.form-horizontal .radio,
+.form-horizontal .checkbox {
+  min-height: 27px;
+}
+.form-horizontal .form-group {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+@media (min-width: 768px) {
+  .form-horizontal .control-label {
+    padding-top: 7px;
+    margin-bottom: 0;
+    text-align: right;
+  }
+}
+.form-horizontal .has-feedback .form-control-feedback {
+  right: 15px;
+}
+@media (min-width: 768px) {
+  .form-horizontal .form-group-lg .control-label {
+    padding-top: 14.333333px;
+    font-size: 18px;
+  }
+}
+@media (min-width: 768px) {
+  .form-horizontal .form-group-sm .control-label {
+    padding-top: 6px;
+    font-size: 12px;
+  }
+}
+.btn {
+  display: inline-block;
+  padding: 6px 12px;
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1.42857143;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.btn:focus,
+.btn:active:focus,
+.btn.active:focus,
+.btn.focus,
+.btn:active.focus,
+.btn.active.focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+.btn:hover,
+.btn:focus,
+.btn.focus {
+  color: #333;
+  text-decoration: none;
+}
+.btn:active,
+.btn.active {
+  background-image: none;
+  outline: 0;
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+}
+.btn.disabled,
+.btn[disabled],
+fieldset[disabled] .btn {
+  cursor: not-allowed;
+  filter: alpha(opacity=65);
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  opacity: .65;
+}
+a.btn.disabled,
+fieldset[disabled] a.btn {
+  pointer-events: none;
+}
+.btn-default {
+  color: #333;
+  background-color: #fff;
+  border-color: #ccc;
+}
+.btn-default:focus,
+.btn-default.focus {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #8c8c8c;
+}
+.btn-default:hover {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+.btn-default:active,
+.btn-default.active,
+.open > .dropdown-toggle.btn-default {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+.btn-default:active:hover,
+.btn-default.active:hover,
+.open > .dropdown-toggle.btn-default:hover,
+.btn-default:active:focus,
+.btn-default.active:focus,
+.open > .dropdown-toggle.btn-default:focus,
+.btn-default:active.focus,
+.btn-default.active.focus,
+.open > .dropdown-toggle.btn-default.focus {
+  color: #333;
+  background-color: #d4d4d4;
+  border-color: #8c8c8c;
+}
+.btn-default:active,
+.btn-default.active,
+.open > .dropdown-toggle.btn-default {
+  background-image: none;
+}
+.btn-default.disabled,
+.btn-default[disabled],
+fieldset[disabled] .btn-default,
+.btn-default.disabled:hover,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn-default:hover,
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled.focus,
+.btn-default[disabled].focus,
+fieldset[disabled] .btn-default.focus,
+.btn-default.disabled:active,
+.btn-default[disabled]:active,
+fieldset[disabled] .btn-default:active,
+.btn-default.disabled.active,
+.btn-default[disabled].active,
+fieldset[disabled] .btn-default.active {
+  background-color: #fff;
+  border-color: #ccc;
+}
+.btn-default .badge {
+  color: #fff;
+  background-color: #333;
+}
+.btn-primary {
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #2e6da4;
+}
+.btn-primary:focus,
+.btn-primary.focus {
+  color: #fff;
+  background-color: #286090;
+  border-color: #122b40;
+}
+.btn-primary:hover {
+  color: #fff;
+  background-color: #286090;
+  border-color: #204d74;
+}
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+  color: #fff;
+  background-color: #286090;
+  border-color: #204d74;
+}
+.btn-primary:active:hover,
+.btn-primary.active:hover,
+.open > .dropdown-toggle.btn-primary:hover,
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.open > .dropdown-toggle.btn-primary:focus,
+.btn-primary:active.focus,
+.btn-primary.active.focus,
+.open > .dropdown-toggle.btn-primary.focus {
+  color: #fff;
+  background-color: #204d74;
+  border-color: #122b40;
+}
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+  background-image: none;
+}
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled.focus,
+.btn-primary[disabled].focus,
+fieldset[disabled] .btn-primary.focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+  background-color: #337ab7;
+  border-color: #2e6da4;
+}
+.btn-primary .badge {
+  color: #337ab7;
+  background-color: #fff;
+}
+.btn-success {
+  color: #fff;
+  background-color: #5cb85c;
+  border-color: #4cae4c;
+}
+.btn-success:focus,
+.btn-success.focus {
+  color: #fff;
+  background-color: #449d44;
+  border-color: #255625;
+}
+.btn-success:hover {
+  color: #fff;
+  background-color: #449d44;
+  border-color: #398439;
+}
+.btn-success:active,
+.btn-success.active,
+.open > .dropdown-toggle.btn-success {
+  color: #fff;
+  background-color: #449d44;
+  border-color: #398439;
+}
+.btn-success:active:hover,
+.btn-success.active:hover,
+.open > .dropdown-toggle.btn-success:hover,
+.btn-success:active:focus,
+.btn-success.active:focus,
+.open > .dropdown-toggle.btn-success:focus,
+.btn-success:active.focus,
+.btn-success.active.focus,
+.open > .dropdown-toggle.btn-success.focus {
+  color: #fff;
+  background-color: #398439;
+  border-color: #255625;
+}
+.btn-success:active,
+.btn-success.active,
+.open > .dropdown-toggle.btn-success {
+  background-image: none;
+}
+.btn-success.disabled,
+.btn-success[disabled],
+fieldset[disabled] .btn-success,
+.btn-success.disabled:hover,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success:hover,
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled.focus,
+.btn-success[disabled].focus,
+fieldset[disabled] .btn-success.focus,
+.btn-success.disabled:active,
+.btn-success[disabled]:active,
+fieldset[disabled] .btn-success:active,
+.btn-success.disabled.active,
+.btn-success[disabled].active,
+fieldset[disabled] .btn-success.active {
+  background-color: #5cb85c;
+  border-color: #4cae4c;
+}
+.btn-success .badge {
+  color: #5cb85c;
+  background-color: #fff;
+}
+.btn-info {
+  color: #fff;
+  background-color: #5bc0de;
+  border-color: #46b8da;
+}
+.btn-info:focus,
+.btn-info.focus {
+  color: #fff;
+  background-color: #31b0d5;
+  border-color: #1b6d85;
+}
+.btn-info:hover {
+  color: #fff;
+  background-color: #31b0d5;
+  border-color: #269abc;
+}
+.btn-info:active,
+.btn-info.active,
+.open > .dropdown-toggle.btn-info {
+  color: #fff;
+  background-color: #31b0d5;
+  border-color: #269abc;
+}
+.btn-info:active:hover,
+.btn-info.active:hover,
+.open > .dropdown-toggle.btn-info:hover,
+.btn-info:active:focus,
+.btn-info.active:focus,
+.open > .dropdown-toggle.btn-info:focus,
+.btn-info:active.focus,
+.btn-info.active.focus,
+.open > .dropdown-toggle.btn-info.focus {
+  color: #fff;
+  background-color: #269abc;
+  border-color: #1b6d85;
+}
+.btn-info:active,
+.btn-info.active,
+.open > .dropdown-toggle.btn-info {
+  background-image: none;
+}
+.btn-info.disabled,
+.btn-info[disabled],
+fieldset[disabled] .btn-info,
+.btn-info.disabled:hover,
+.btn-info[disabled]:hover,
+fieldset[disabled] .btn-info:hover,
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled.focus,
+.btn-info[disabled].focus,
+fieldset[disabled] .btn-info.focus,
+.btn-info.disabled:active,
+.btn-info[disabled]:active,
+fieldset[disabled] .btn-info:active,
+.btn-info.disabled.active,
+.btn-info[disabled].active,
+fieldset[disabled] .btn-info.active {
+  background-color: #5bc0de;
+  border-color: #46b8da;
+}
+.btn-info .badge {
+  color: #5bc0de;
+  background-color: #fff;
+}
+.btn-warning {
+  color: #fff;
+  background-color: #f0ad4e;
+  border-color: #eea236;
+}
+.btn-warning:focus,
+.btn-warning.focus {
+  color: #fff;
+  background-color: #ec971f;
+  border-color: #985f0d;
+}
+.btn-warning:hover {
+  color: #fff;
+  background-color: #ec971f;
+  border-color: #d58512;
+}
+.btn-warning:active,
+.btn-warning.active,
+.open > .dropdown-toggle.btn-warning {
+  color: #fff;
+  background-color: #ec971f;
+  border-color: #d58512;
+}
+.btn-warning:active:hover,
+.btn-warning.active:hover,
+.open > .dropdown-toggle.btn-warning:hover,
+.btn-warning:active:focus,
+.btn-warning.active:focus,
+.open > .dropdown-toggle.btn-warning:focus,
+.btn-warning:active.focus,
+.btn-warning.active.focus,
+.open > .dropdown-toggle.btn-warning.focus {
+  color: #fff;
+  background-color: #d58512;
+  border-color: #985f0d;
+}
+.btn-warning:active,
+.btn-warning.active,
+.open > .dropdown-toggle.btn-warning {
+  background-image: none;
+}
+.btn-warning.disabled,
+.btn-warning[disabled],
+fieldset[disabled] .btn-warning,
+.btn-warning.disabled:hover,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning:hover,
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled.focus,
+.btn-warning[disabled].focus,
+fieldset[disabled] .btn-warning.focus,
+.btn-warning.disabled:active,
+.btn-warning[disabled]:active,
+fieldset[disabled] .btn-warning:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning.active {
+  background-color: #f0ad4e;
+  border-color: #eea236;
+}
+.btn-warning .badge {
+  color: #f0ad4e;
+  background-color: #fff;
+}
+.btn-danger {
+  color: #fff;
+  background-color: #d9534f;
+  border-color: #d43f3a;
+}
+.btn-danger:focus,
+.btn-danger.focus {
+  color: #fff;
+  background-color: #c9302c;
+  border-color: #761c19;
+}
+.btn-danger:hover {
+  color: #fff;
+  background-color: #c9302c;
+  border-color: #ac2925;
+}
+.btn-danger:active,
+.btn-danger.active,
+.open > .dropdown-toggle.btn-danger {
+  color: #fff;
+  background-color: #c9302c;
+  border-color: #ac2925;
+}
+.btn-danger:active:hover,
+.btn-danger.active:hover,
+.open > .dropdown-toggle.btn-danger:hover,
+.btn-danger:active:focus,
+.btn-danger.active:focus,
+.open > .dropdown-toggle.btn-danger:focus,
+.btn-danger:active.focus,
+.btn-danger.active.focus,
+.open > .dropdown-toggle.btn-danger.focus {
+  color: #fff;
+  background-color: #ac2925;
+  border-color: #761c19;
+}
+.btn-danger:active,
+.btn-danger.active,
+.open > .dropdown-toggle.btn-danger {
+  background-image: none;
+}
+.btn-danger.disabled,
+.btn-danger[disabled],
+fieldset[disabled] .btn-danger,
+.btn-danger.disabled:hover,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger:hover,
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled.focus,
+.btn-danger[disabled].focus,
+fieldset[disabled] .btn-danger.focus,
+.btn-danger.disabled:active,
+.btn-danger[disabled]:active,
+fieldset[disabled] .btn-danger:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger.active {
+  background-color: #d9534f;
+  border-color: #d43f3a;
+}
+.btn-danger .badge {
+  color: #d9534f;
+  background-color: #fff;
+}
+.btn-link {
+  font-weight: normal;
+  color: #337ab7;
+  border-radius: 0;
+}
+.btn-link,
+.btn-link:active,
+.btn-link.active,
+.btn-link[disabled],
+fieldset[disabled] .btn-link {
+  background-color: transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.btn-link,
+.btn-link:hover,
+.btn-link:focus,
+.btn-link:active {
+  border-color: transparent;
+}
+.btn-link:hover,
+.btn-link:focus {
+  color: #23527c;
+  text-decoration: underline;
+  background-color: transparent;
+}
+.btn-link[disabled]:hover,
+fieldset[disabled] .btn-link:hover,
+.btn-link[disabled]:focus,
+fieldset[disabled] .btn-link:focus {
+  color: #777;
+  text-decoration: none;
+}
+.btn-lg,
+.btn-group-lg > .btn {
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px;
+}
+.btn-sm,
+.btn-group-sm > .btn {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.btn-xs,
+.btn-group-xs > .btn {
+  padding: 1px 5px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.btn-block {
+  display: block;
+  width: 100%;
+}
+.btn-block + .btn-block {
+  margin-top: 5px;
+}
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+  width: 100%;
+}
+.fade {
+  opacity: 0;
+  -webkit-transition: opacity .15s linear;
+       -o-transition: opacity .15s linear;
+          transition: opacity .15s linear;
+}
+.fade.in {
+  opacity: 1;
+}
+.collapse {
+  display: none;
+}
+.collapse.in {
+  display: block;
+}
+tr.collapse.in {
+  display: table-row;
+}
+tbody.collapse.in {
+  display: table-row-group;
+}
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition-timing-function: ease;
+       -o-transition-timing-function: ease;
+          transition-timing-function: ease;
+  -webkit-transition-duration: .35s;
+       -o-transition-duration: .35s;
+          transition-duration: .35s;
+  -webkit-transition-property: height, visibility;
+       -o-transition-property: height, visibility;
+          transition-property: height, visibility;
+}
+.caret {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 2px;
+  vertical-align: middle;
+  border-top: 4px dashed;
+  border-top: 4px solid \9;
+  border-right: 4px solid transparent;
+  border-left: 4px solid transparent;
+}
+.dropup,
+.dropdown {
+  position: relative;
+}
+.dropdown-toggle:focus {
+  outline: 0;
+}
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0;
+  font-size: 14px;
+  text-align: left;
+  list-style: none;
+  background-color: #fff;
+  -webkit-background-clip: padding-box;
+          background-clip: padding-box;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, .15);
+  border-radius: 4px;
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+}
+.dropdown-menu.pull-right {
+  right: 0;
+  left: auto;
+}
+.dropdown-menu .divider {
+  height: 1px;
+  margin: 9px 0;
+  overflow: hidden;
+  background-color: #e5e5e5;
+}
+.dropdown-menu > li > a {
+  display: block;
+  padding: 3px 20px;
+  clear: both;
+  font-weight: normal;
+  line-height: 1.42857143;
+  color: #333;
+  white-space: nowrap;
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+  color: #262626;
+  text-decoration: none;
+  background-color: #f5f5f5;
+}
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+  color: #fff;
+  text-decoration: none;
+  background-color: #337ab7;
+  outline: 0;
+}
+.dropdown-menu > .disabled > a,
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+  color: #777;
+}
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+  text-decoration: none;
+  cursor: not-allowed;
+  background-color: transparent;
+  background-image: none;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.open > .dropdown-menu {
+  display: block;
+}
+.open > a {
+  outline: 0;
+}
+.dropdown-menu-right {
+  right: 0;
+  left: auto;
+}
+.dropdown-menu-left {
+  right: auto;
+  left: 0;
+}
+.dropdown-header {
+  display: block;
+  padding: 3px 20px;
+  font-size: 12px;
+  line-height: 1.42857143;
+  color: #777;
+  white-space: nowrap;
+}
+.dropdown-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 990;
+}
+.pull-right > .dropdown-menu {
+  right: 0;
+  left: auto;
+}
+.dropup .caret,
+.navbar-fixed-bottom .dropdown .caret {
+  content: "";
+  border-top: 0;
+  border-bottom: 4px dashed;
+  border-bottom: 4px solid \9;
+}
+.dropup .dropdown-menu,
+.navbar-fixed-bottom .dropdown .dropdown-menu {
+  top: auto;
+  bottom: 100%;
+  margin-bottom: 2px;
+}
+@media (min-width: 768px) {
+  .navbar-right .dropdown-menu {
+    right: 0;
+    left: auto;
+  }
+  .navbar-right .dropdown-menu-left {
+    right: auto;
+    left: 0;
+  }
+}
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+}
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+  position: relative;
+  float: left;
+}
+.btn-group > .btn:hover,
+.btn-group-vertical > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn:focus,
+.btn-group > .btn:active,
+.btn-group-vertical > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn.active {
+  z-index: 2;
+}
+.btn-group .btn + .btn,
+.btn-group .btn + .btn-group,
+.btn-group .btn-group + .btn,
+.btn-group .btn-group + .btn-group {
+  margin-left: -1px;
+}
+.btn-toolbar {
+  margin-left: -5px;
+}
+.btn-toolbar .btn,
+.btn-toolbar .btn-group,
+.btn-toolbar .input-group {
+  float: left;
+}
+.btn-toolbar > .btn,
+.btn-toolbar > .btn-group,
+.btn-toolbar > .input-group {
+  margin-left: 5px;
+}
+.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+  border-radius: 0;
+}
+.btn-group > .btn:first-child {
+  margin-left: 0;
+}
+.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.btn-group > .btn:last-child:not(:first-child),
+.btn-group > .dropdown-toggle:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group > .btn-group {
+  float: left;
+}
+.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0;
+}
+.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+  outline: 0;
+}
+.btn-group > .btn + .dropdown-toggle {
+  padding-right: 8px;
+  padding-left: 8px;
+}
+.btn-group > .btn-lg + .dropdown-toggle {
+  padding-right: 12px;
+  padding-left: 12px;
+}
+.btn-group.open .dropdown-toggle {
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+}
+.btn-group.open .dropdown-toggle.btn-link {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.btn .caret {
+  margin-left: 0;
+}
+.btn-lg .caret {
+  border-width: 5px 5px 0;
+  border-bottom-width: 0;
+}
+.dropup .btn-lg .caret {
+  border-width: 0 5px 5px;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group,
+.btn-group-vertical > .btn-group > .btn {
+  display: block;
+  float: none;
+  width: 100%;
+  max-width: 100%;
+}
+.btn-group-vertical > .btn-group > .btn {
+  float: none;
+}
+.btn-group-vertical > .btn + .btn,
+.btn-group-vertical > .btn + .btn-group,
+.btn-group-vertical > .btn-group + .btn,
+.btn-group-vertical > .btn-group + .btn-group {
+  margin-top: -1px;
+  margin-left: 0;
+}
+.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+.btn-group-vertical > .btn:first-child:not(:last-child) {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn:last-child:not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 4px;
+}
+.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0;
+}
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.btn-group-justified {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+}
+.btn-group-justified > .btn,
+.btn-group-justified > .btn-group {
+  display: table-cell;
+  float: none;
+  width: 1%;
+}
+.btn-group-justified > .btn-group .btn {
+  width: 100%;
+}
+.btn-group-justified > .btn-group .dropdown-menu {
+  left: auto;
+}
+[data-toggle="buttons"] > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn input[type="checkbox"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
+}
+.input-group {
+  position: relative;
+  display: table;
+  border-collapse: separate;
+}
+.input-group[class*="col-"] {
+  float: none;
+  padding-right: 0;
+  padding-left: 0;
+}
+.input-group .form-control {
+  position: relative;
+  z-index: 2;
+  float: left;
+  width: 100%;
+  margin-bottom: 0;
+}
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn {
+  height: 46px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px;
+}
+select.input-group-lg > .form-control,
+select.input-group-lg > .input-group-addon,
+select.input-group-lg > .input-group-btn > .btn {
+  height: 46px;
+  line-height: 46px;
+}
+textarea.input-group-lg > .form-control,
+textarea.input-group-lg > .input-group-addon,
+textarea.input-group-lg > .input-group-btn > .btn,
+select[multiple].input-group-lg > .form-control,
+select[multiple].input-group-lg > .input-group-addon,
+select[multiple].input-group-lg > .input-group-btn > .btn {
+  height: auto;
+}
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+select.input-group-sm > .form-control,
+select.input-group-sm > .input-group-addon,
+select.input-group-sm > .input-group-btn > .btn {
+  height: 30px;
+  line-height: 30px;
+}
+textarea.input-group-sm > .form-control,
+textarea.input-group-sm > .input-group-addon,
+textarea.input-group-sm > .input-group-btn > .btn,
+select[multiple].input-group-sm > .form-control,
+select[multiple].input-group-sm > .input-group-addon,
+select[multiple].input-group-sm > .input-group-btn > .btn {
+  height: auto;
+}
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+  display: table-cell;
+}
+.input-group-addon:not(:first-child):not(:last-child),
+.input-group-btn:not(:first-child):not(:last-child),
+.input-group .form-control:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+.input-group-addon,
+.input-group-btn {
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.input-group-addon {
+  padding: 6px 12px;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1;
+  color: #555;
+  text-align: center;
+  background-color: #eee;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+.input-group-addon.input-sm {
+  padding: 5px 10px;
+  font-size: 12px;
+  border-radius: 3px;
+}
+.input-group-addon.input-lg {
+  padding: 10px 16px;
+  font-size: 18px;
+  border-radius: 6px;
+}
+.input-group-addon input[type="radio"],
+.input-group-addon input[type="checkbox"] {
+  margin-top: 0;
+}
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-group-addon:first-child {
+  border-right: 0;
+}
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child),
+.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.input-group-addon:last-child {
+  border-left: 0;
+}
+.input-group-btn {
+  position: relative;
+  font-size: 0;
+  white-space: nowrap;
+}
+.input-group-btn > .btn {
+  position: relative;
+}
+.input-group-btn > .btn + .btn {
+  margin-left: -1px;
+}
+.input-group-btn > .btn:hover,
+.input-group-btn > .btn:focus,
+.input-group-btn > .btn:active {
+  z-index: 2;
+}
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group {
+  margin-right: -1px;
+}
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group {
+  z-index: 2;
+  margin-left: -1px;
+}
+.nav {
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+.nav > li {
+  position: relative;
+  display: block;
+}
+.nav > li > a {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+  text-decoration: none;
+  background-color: #eee;
+}
+.nav > li.disabled > a {
+  color: #777;
+}
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
+  color: #777;
+  text-decoration: none;
+  cursor: not-allowed;
+  background-color: transparent;
+}
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+  background-color: #eee;
+  border-color: #337ab7;
+}
+.nav .nav-divider {
+  height: 1px;
+  margin: 9px 0;
+  overflow: hidden;
+  background-color: #e5e5e5;
+}
+.nav > li > a > img {
+  max-width: none;
+}
+.nav-tabs {
+  border-bottom: 1px solid #ddd;
+}
+.nav-tabs > li {
+  float: left;
+  margin-bottom: -1px;
+}
+.nav-tabs > li > a {
+  margin-right: 2px;
+  line-height: 1.42857143;
+  border: 1px solid transparent;
+  border-radius: 4px 4px 0 0;
+}
+.nav-tabs > li > a:hover {
+  border-color: #eee #eee #ddd;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+  color: #555;
+  cursor: default;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-bottom-color: transparent;
+}
+.nav-tabs.nav-justified {
+  width: 100%;
+  border-bottom: 0;
+}
+.nav-tabs.nav-justified > li {
+  float: none;
+}
+.nav-tabs.nav-justified > li > a {
+  margin-bottom: 5px;
+  text-align: center;
+}
+.nav-tabs.nav-justified > .dropdown .dropdown-menu {
+  top: auto;
+  left: auto;
+}
+@media (min-width: 768px) {
+  .nav-tabs.nav-justified > li {
+    display: table-cell;
+    width: 1%;
+  }
+  .nav-tabs.nav-justified > li > a {
+    margin-bottom: 0;
+  }
+}
+.nav-tabs.nav-justified > li > a {
+  margin-right: 0;
+  border-radius: 4px;
+}
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:focus {
+  border: 1px solid #ddd;
+}
+@media (min-width: 768px) {
+  .nav-tabs.nav-justified > li > a {
+    border-bottom: 1px solid #ddd;
+    border-radius: 4px 4px 0 0;
+  }
+  .nav-tabs.nav-justified > .active > a,
+  .nav-tabs.nav-justified > .active > a:hover,
+  .nav-tabs.nav-justified > .active > a:focus {
+    border-bottom-color: #fff;
+  }
+}
+.nav-pills > li {
+  float: left;
+}
+.nav-pills > li > a {
+  border-radius: 4px;
+}
+.nav-pills > li + li {
+  margin-left: 2px;
+}
+.nav-pills > li.active > a,
+.nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus {
+  color: #fff;
+  background-color: #337ab7;
+}
+.nav-stacked > li {
+  float: none;
+}
+.nav-stacked > li + li {
+  margin-top: 2px;
+  margin-left: 0;
+}
+.nav-justified {
+  width: 100%;
+}
+.nav-justified > li {
+  float: none;
+}
+.nav-justified > li > a {
+  margin-bottom: 5px;
+  text-align: center;
+}
+.nav-justified > .dropdown .dropdown-menu {
+  top: auto;
+  left: auto;
+}
+@media (min-width: 768px) {
+  .nav-justified > li {
+    display: table-cell;
+    width: 1%;
+  }
+  .nav-justified > li > a {
+    margin-bottom: 0;
+  }
+}
+.nav-tabs-justified {
+  border-bottom: 0;
+}
+.nav-tabs-justified > li > a {
+  margin-right: 0;
+  border-radius: 4px;
+}
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
+  border: 1px solid #ddd;
+}
+@media (min-width: 768px) {
+  .nav-tabs-justified > li > a {
+    border-bottom: 1px solid #ddd;
+    border-radius: 4px 4px 0 0;
+  }
+  .nav-tabs-justified > .active > a,
+  .nav-tabs-justified > .active > a:hover,
+  .nav-tabs-justified > .active > a:focus {
+    border-bottom-color: #fff;
+  }
+}
+.tab-content > .tab-pane {
+  display: none;
+}
+.tab-content > .active {
+  display: block;
+}
+.nav-tabs .dropdown-menu {
+  margin-top: -1px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.navbar {
+  position: relative;
+  min-height: 50px;
+  margin-bottom: 20px;
+  border: 1px solid transparent;
+}
+@media (min-width: 768px) {
+  .navbar {
+    border-radius: 4px;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-header {
+    float: left;
+  }
+}
+.navbar-collapse {
+  padding-right: 15px;
+  padding-left: 15px;
+  overflow-x: visible;
+  -webkit-overflow-scrolling: touch;
+  border-top: 1px solid transparent;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
+}
+.navbar-collapse.in {
+  overflow-y: auto;
+}
+@media (min-width: 768px) {
+  .navbar-collapse {
+    width: auto;
+    border-top: 0;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+  }
+  .navbar-collapse.collapse {
+    display: block !important;
+    height: auto !important;
+    padding-bottom: 0;
+    overflow: visible !important;
+  }
+  .navbar-collapse.in {
+    overflow-y: visible;
+  }
+  .navbar-fixed-top .navbar-collapse,
+  .navbar-static-top .navbar-collapse,
+  .navbar-fixed-bottom .navbar-collapse {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+.navbar-fixed-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+  max-height: 340px;
+}
+@media (max-device-width: 480px) and (orientation: landscape) {
+  .navbar-fixed-top .navbar-collapse,
+  .navbar-fixed-bottom .navbar-collapse {
+    max-height: 200px;
+  }
+}
+.container > .navbar-header,
+.container-fluid > .navbar-header,
+.container > .navbar-collapse,
+.container-fluid > .navbar-collapse {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+@media (min-width: 768px) {
+  .container > .navbar-header,
+  .container-fluid > .navbar-header,
+  .container > .navbar-collapse,
+  .container-fluid > .navbar-collapse {
+    margin-right: 0;
+    margin-left: 0;
+  }
+}
+.navbar-static-top {
+  z-index: 1000;
+  border-width: 0 0 1px;
+}
+@media (min-width: 768px) {
+  .navbar-static-top {
+    border-radius: 0;
+  }
+}
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+@media (min-width: 768px) {
+  .navbar-fixed-top,
+  .navbar-fixed-bottom {
+    border-radius: 0;
+  }
+}
+.navbar-fixed-top {
+  top: 0;
+  border-width: 0 0 1px;
+}
+.navbar-fixed-bottom {
+  bottom: 0;
+  margin-bottom: 0;
+  border-width: 1px 0 0;
+}
+.navbar-brand {
+  float: left;
+  height: 50px;
+  padding: 15px 15px;
+  font-size: 18px;
+  line-height: 20px;
+}
+.navbar-brand:hover,
+.navbar-brand:focus {
+  text-decoration: none;
+}
+.navbar-brand > img {
+  display: block;
+}
+@media (min-width: 768px) {
+  .navbar > .container .navbar-brand,
+  .navbar > .container-fluid .navbar-brand {
+    margin-left: -15px;
+  }
+}
+.navbar-toggle {
+  position: relative;
+  float: right;
+  padding: 9px 10px;
+  margin-top: 8px;
+  margin-right: 15px;
+  margin-bottom: 8px;
+  background-color: transparent;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.navbar-toggle:focus {
+  outline: 0;
+}
+.navbar-toggle .icon-bar {
+  display: block;
+  width: 22px;
+  height: 2px;
+  border-radius: 1px;
+}
+.navbar-toggle .icon-bar + .icon-bar {
+  margin-top: 4px;
+}
+@media (min-width: 768px) {
+  .navbar-toggle {
+    display: none;
+  }
+}
+.navbar-nav {
+  margin: 7.5px -15px;
+}
+.navbar-nav > li > a {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  line-height: 20px;
+}
+@media (max-width: 767px) {
+  .navbar-nav .open .dropdown-menu {
+    position: static;
+    float: none;
+    width: auto;
+    margin-top: 0;
+    background-color: transparent;
+    border: 0;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+  }
+  .navbar-nav .open .dropdown-menu > li > a,
+  .navbar-nav .open .dropdown-menu .dropdown-header {
+    padding: 5px 15px 5px 25px;
+  }
+  .navbar-nav .open .dropdown-menu > li > a {
+    line-height: 20px;
+  }
+  .navbar-nav .open .dropdown-menu > li > a:hover,
+  .navbar-nav .open .dropdown-menu > li > a:focus {
+    background-image: none;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-nav {
+    float: left;
+    margin: 0;
+  }
+  .navbar-nav > li {
+    float: left;
+  }
+  .navbar-nav > li > a {
+    padding-top: 15px;
+    padding-bottom: 15px;
+  }
+}
+.navbar-form {
+  padding: 10px 15px;
+  margin-top: 8px;
+  margin-right: -15px;
+  margin-bottom: 8px;
+  margin-left: -15px;
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
+}
+@media (min-width: 768px) {
+  .navbar-form .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .navbar-form .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .navbar-form .form-control-static {
+    display: inline-block;
+  }
+  .navbar-form .input-group {
+    display: inline-table;
+    vertical-align: middle;
+  }
+  .navbar-form .input-group .input-group-addon,
+  .navbar-form .input-group .input-group-btn,
+  .navbar-form .input-group .form-control {
+    width: auto;
+  }
+  .navbar-form .input-group > .form-control {
+    width: 100%;
+  }
+  .navbar-form .control-label {
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .navbar-form .radio,
+  .navbar-form .checkbox {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .navbar-form .radio label,
+  .navbar-form .checkbox label {
+    padding-left: 0;
+  }
+  .navbar-form .radio input[type="radio"],
+  .navbar-form .checkbox input[type="checkbox"] {
+    position: relative;
+    margin-left: 0;
+  }
+  .navbar-form .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
+@media (max-width: 767px) {
+  .navbar-form .form-group {
+    margin-bottom: 5px;
+  }
+  .navbar-form .form-group:last-child {
+    margin-bottom: 0;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-form {
+    width: auto;
+    padding-top: 0;
+    padding-bottom: 0;
+    margin-right: 0;
+    margin-left: 0;
+    border: 0;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+  }
+}
+.navbar-nav > li > .dropdown-menu {
+  margin-top: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+  margin-bottom: 0;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.navbar-btn {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.navbar-btn.btn-sm {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.navbar-btn.btn-xs {
+  margin-top: 14px;
+  margin-bottom: 14px;
+}
+.navbar-text {
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+@media (min-width: 768px) {
+  .navbar-text {
+    float: left;
+    margin-right: 15px;
+    margin-left: 15px;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-left {
+    float: left !important;
+  }
+  .navbar-right {
+    float: right !important;
+    margin-right: -15px;
+  }
+  .navbar-right ~ .navbar-right {
+    margin-right: 0;
+  }
+}
+.navbar-default {
+  background-color: #f8f8f8;
+  border-color: #e7e7e7;
+}
+.navbar-default .navbar-brand {
+  color: #777;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+  color: #5e5e5e;
+  background-color: transparent;
+}
+.navbar-default .navbar-text {
+  color: #777;
+}
+.navbar-default .navbar-nav > li > a {
+  color: #777;
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+  color: #333;
+  background-color: transparent;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+  color: #555;
+  background-color: #e7e7e7;
+}
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:hover,
+.navbar-default .navbar-nav > .disabled > a:focus {
+  color: #ccc;
+  background-color: transparent;
+}
+.navbar-default .navbar-toggle {
+  border-color: #ddd;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+  background-color: #ddd;
+}
+.navbar-default .navbar-toggle .icon-bar {
+  background-color: #888;
+}
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+  border-color: #e7e7e7;
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
+  color: #555;
+  background-color: #e7e7e7;
+}
+@media (max-width: 767px) {
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+    color: #777;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+    color: #333;
+    background-color: transparent;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #555;
+    background-color: #e7e7e7;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
+  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+    color: #ccc;
+    background-color: transparent;
+  }
+}
+.navbar-default .navbar-link {
+  color: #777;
+}
+.navbar-default .navbar-link:hover {
+  color: #333;
+}
+.navbar-default .btn-link {
+  color: #777;
+}
+.navbar-default .btn-link:hover,
+.navbar-default .btn-link:focus {
+  color: #333;
+}
+.navbar-default .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-default .btn-link:hover,
+.navbar-default .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-default .btn-link:focus {
+  color: #ccc;
+}
+.navbar-inverse {
+  background-color: #222;
+  border-color: #080808;
+}
+.navbar-inverse .navbar-brand {
+  color: #9d9d9d;
+}
+.navbar-inverse .navbar-brand:hover,
+.navbar-inverse .navbar-brand:focus {
+  color: #fff;
+  background-color: transparent;
+}
+.navbar-inverse .navbar-text {
+  color: #9d9d9d;
+}
+.navbar-inverse .navbar-nav > li > a {
+  color: #9d9d9d;
+}
+.navbar-inverse .navbar-nav > li > a:hover,
+.navbar-inverse .navbar-nav > li > a:focus {
+  color: #fff;
+  background-color: transparent;
+}
+.navbar-inverse .navbar-nav > .active > a,
+.navbar-inverse .navbar-nav > .active > a:hover,
+.navbar-inverse .navbar-nav > .active > a:focus {
+  color: #fff;
+  background-color: #080808;
+}
+.navbar-inverse .navbar-nav > .disabled > a,
+.navbar-inverse .navbar-nav > .disabled > a:hover,
+.navbar-inverse .navbar-nav > .disabled > a:focus {
+  color: #444;
+  background-color: transparent;
+}
+.navbar-inverse .navbar-toggle {
+  border-color: #333;
+}
+.navbar-inverse .navbar-toggle:hover,
+.navbar-inverse .navbar-toggle:focus {
+  background-color: #333;
+}
+.navbar-inverse .navbar-toggle .icon-bar {
+  background-color: #fff;
+}
+.navbar-inverse .navbar-collapse,
+.navbar-inverse .navbar-form {
+  border-color: #101010;
+}
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .open > a:hover,
+.navbar-inverse .navbar-nav > .open > a:focus {
+  color: #fff;
+  background-color: #080808;
+}
+@media (max-width: 767px) {
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
+    border-color: #080808;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
+    background-color: #080808;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
+    color: #9d9d9d;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
+    color: #fff;
+    background-color: transparent;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #fff;
+    background-color: #080808;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+    color: #444;
+    background-color: transparent;
+  }
+}
+.navbar-inverse .navbar-link {
+  color: #9d9d9d;
+}
+.navbar-inverse .navbar-link:hover {
+  color: #fff;
+}
+.navbar-inverse .btn-link {
+  color: #9d9d9d;
+}
+.navbar-inverse .btn-link:hover,
+.navbar-inverse .btn-link:focus {
+  color: #fff;
+}
+.navbar-inverse .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-inverse .btn-link:hover,
+.navbar-inverse .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-inverse .btn-link:focus {
+  color: #444;
+}
+.breadcrumb {
+  padding: 8px 15px;
+  margin-bottom: 20px;
+  list-style: none;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+}
+.breadcrumb > li {
+  display: inline-block;
+}
+.breadcrumb > li + li:before {
+  padding: 0 5px;
+  color: #ccc;
+  content: "/\00a0";
+}
+.breadcrumb > .active {
+  color: #777;
+}
+.pagination {
+  display: inline-block;
+  padding-left: 0;
+  margin: 20px 0;
+  border-radius: 4px;
+}
+.pagination > li {
+  display: inline;
+}
+.pagination > li > a,
+.pagination > li > span {
+  position: relative;
+  float: left;
+  padding: 6px 12px;
+  margin-left: -1px;
+  line-height: 1.42857143;
+  color: #337ab7;
+  text-decoration: none;
+  background-color: #fff;
+  border: 1px solid #ddd;
+}
+.pagination > li:first-child > a,
+.pagination > li:first-child > span {
+  margin-left: 0;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.pagination > li:last-child > a,
+.pagination > li:last-child > span {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
+  z-index: 3;
+  color: #23527c;
+  background-color: #eee;
+  border-color: #ddd;
+}
+.pagination > .active > a,
+.pagination > .active > span,
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  z-index: 2;
+  color: #fff;
+  cursor: default;
+  background-color: #337ab7;
+  border-color: #337ab7;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+  color: #777;
+  cursor: not-allowed;
+  background-color: #fff;
+  border-color: #ddd;
+}
+.pagination-lg > li > a,
+.pagination-lg > li > span {
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+}
+.pagination-lg > li:first-child > a,
+.pagination-lg > li:first-child > span {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.pagination-lg > li:last-child > a,
+.pagination-lg > li:last-child > span {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+.pagination-sm > li > a,
+.pagination-sm > li > span {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.pagination-sm > li:first-child > a,
+.pagination-sm > li:first-child > span {
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+.pagination-sm > li:last-child > a,
+.pagination-sm > li:last-child > span {
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+.pager {
+  padding-left: 0;
+  margin: 20px 0;
+  text-align: center;
+  list-style: none;
+}
+.pager li {
+  display: inline;
+}
+.pager li > a,
+.pager li > span {
+  display: inline-block;
+  padding: 5px 14px;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-radius: 15px;
+}
+.pager li > a:hover,
+.pager li > a:focus {
+  text-decoration: none;
+  background-color: #eee;
+}
+.pager .next > a,
+.pager .next > span {
+  float: right;
+}
+.pager .previous > a,
+.pager .previous > span {
+  float: left;
+}
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+  color: #777;
+  cursor: not-allowed;
+  background-color: #fff;
+}
+.label {
+  display: inline;
+  padding: .2em .6em .3em;
+  font-size: 75%;
+  font-weight: bold;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: .25em;
+}
+a.label:hover,
+a.label:focus {
+  color: #fff;
+  text-decoration: none;
+  cursor: pointer;
+}
+.label:empty {
+  display: none;
+}
+.btn .label {
+  position: relative;
+  top: -1px;
+}
+.label-default {
+  background-color: #777;
+}
+.label-default[href]:hover,
+.label-default[href]:focus {
+  background-color: #5e5e5e;
+}
+.label-primary {
+  background-color: #337ab7;
+}
+.label-primary[href]:hover,
+.label-primary[href]:focus {
+  background-color: #286090;
+}
+.label-success {
+  background-color: #5cb85c;
+}
+.label-success[href]:hover,
+.label-success[href]:focus {
+  background-color: #449d44;
+}
+.label-info {
+  background-color: #5bc0de;
+}
+.label-info[href]:hover,
+.label-info[href]:focus {
+  background-color: #31b0d5;
+}
+.label-warning {
+  background-color: #f0ad4e;
+}
+.label-warning[href]:hover,
+.label-warning[href]:focus {
+  background-color: #ec971f;
+}
+.label-danger {
+  background-color: #d9534f;
+}
+.label-danger[href]:hover,
+.label-danger[href]:focus {
+  background-color: #c9302c;
+}
+.badge {
+  display: inline-block;
+  min-width: 10px;
+  padding: 3px 7px;
+  font-size: 12px;
+  font-weight: bold;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  background-color: #777;
+  border-radius: 10px;
+}
+.badge:empty {
+  display: none;
+}
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+.btn-xs .badge,
+.btn-group-xs > .btn .badge {
+  top: 0;
+  padding: 1px 5px;
+}
+a.badge:hover,
+a.badge:focus {
+  color: #fff;
+  text-decoration: none;
+  cursor: pointer;
+}
+.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+  color: #337ab7;
+  background-color: #fff;
+}
+.list-group-item > .badge {
+  float: right;
+}
+.list-group-item > .badge + .badge {
+  margin-right: 5px;
+}
+.nav-pills > li > a > .badge {
+  margin-left: 3px;
+}
+.jumbotron {
+  padding-top: 30px;
+  padding-bottom: 30px;
+  margin-bottom: 30px;
+  color: inherit;
+  background-color: #eee;
+}
+.jumbotron h1,
+.jumbotron .h1 {
+  color: inherit;
+}
+.jumbotron p {
+  margin-bottom: 15px;
+  font-size: 21px;
+  font-weight: 200;
+}
+.jumbotron > hr {
+  border-top-color: #d5d5d5;
+}
+.container .jumbotron,
+.container-fluid .jumbotron {
+  border-radius: 6px;
+}
+.jumbotron .container {
+  max-width: 100%;
+}
+@media screen and (min-width: 768px) {
+  .jumbotron {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+  .container .jumbotron,
+  .container-fluid .jumbotron {
+    padding-right: 60px;
+    padding-left: 60px;
+  }
+  .jumbotron h1,
+  .jumbotron .h1 {
+    font-size: 63px;
+  }
+}
+.thumbnail {
+  display: block;
+  padding: 4px;
+  margin-bottom: 20px;
+  line-height: 1.42857143;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  -webkit-transition: border .2s ease-in-out;
+       -o-transition: border .2s ease-in-out;
+          transition: border .2s ease-in-out;
+}
+.thumbnail > img,
+.thumbnail a > img {
+  margin-right: auto;
+  margin-left: auto;
+}
+a.thumbnail:hover,
+a.thumbnail:focus,
+a.thumbnail.active {
+  border-color: #337ab7;
+}
+.thumbnail .caption {
+  padding: 9px;
+  color: #333;
+}
+.alert {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.alert h4 {
+  margin-top: 0;
+  color: inherit;
+}
+.alert .alert-link {
+  font-weight: bold;
+}
+.alert > p,
+.alert > ul {
+  margin-bottom: 0;
+}
+.alert > p + p {
+  margin-top: 5px;
+}
+.alert-dismissable,
+.alert-dismissible {
+  padding-right: 35px;
+}
+.alert-dismissable .close,
+.alert-dismissible .close {
+  position: relative;
+  top: -2px;
+  right: -21px;
+  color: inherit;
+}
+.alert-success {
+  color: #3c763d;
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+}
+.alert-success hr {
+  border-top-color: #c9e2b3;
+}
+.alert-success .alert-link {
+  color: #2b542c;
+}
+.alert-info {
+  color: #31708f;
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+}
+.alert-info hr {
+  border-top-color: #a6e1ec;
+}
+.alert-info .alert-link {
+  color: #245269;
+}
+.alert-warning {
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+  border-color: #faebcc;
+}
+.alert-warning hr {
+  border-top-color: #f7e1b5;
+}
+.alert-warning .alert-link {
+  color: #66512c;
+}
+.alert-danger {
+  color: #a94442;
+  background-color: #f2dede;
+  border-color: #ebccd1;
+}
+.alert-danger hr {
+  border-top-color: #e4b9c0;
+}
+.alert-danger .alert-link {
+  color: #843534;
+}
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+@-o-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+.progress {
+  height: 20px;
+  margin-bottom: 20px;
+  overflow: hidden;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
+}
+.progress-bar {
+  float: left;
+  width: 0;
+  height: 100%;
+  font-size: 12px;
+  line-height: 20px;
+  color: #fff;
+  text-align: center;
+  background-color: #337ab7;
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
+          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
+  -webkit-transition: width .6s ease;
+       -o-transition: width .6s ease;
+          transition: width .6s ease;
+}
+.progress-striped .progress-bar,
+.progress-bar-striped {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  -webkit-background-size: 40px 40px;
+          background-size: 40px 40px;
+}
+.progress.active .progress-bar,
+.progress-bar.active {
+  -webkit-animation: progress-bar-stripes 2s linear infinite;
+       -o-animation: progress-bar-stripes 2s linear infinite;
+          animation: progress-bar-stripes 2s linear infinite;
+}
+.progress-bar-success {
+  background-color: #5cb85c;
+}
+.progress-striped .progress-bar-success {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+}
+.progress-bar-info {
+  background-color: #5bc0de;
+}
+.progress-striped .progress-bar-info {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+}
+.progress-bar-warning {
+  background-color: #f0ad4e;
+}
+.progress-striped .progress-bar-warning {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+}
+.progress-bar-danger {
+  background-color: #d9534f;
+}
+.progress-striped .progress-bar-danger {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+}
+.media {
+  margin-top: 15px;
+}
+.media:first-child {
+  margin-top: 0;
+}
+.media,
+.media-body {
+  overflow: hidden;
+  zoom: 1;
+}
+.media-body {
+  width: 10000px;
+}
+.media-object {
+  display: block;
+}
+.media-object.img-thumbnail {
+  max-width: none;
+}
+.media-right,
+.media > .pull-right {
+  padding-left: 10px;
+}
+.media-left,
+.media > .pull-left {
+  padding-right: 10px;
+}
+.media-left,
+.media-right,
+.media-body {
+  display: table-cell;
+  vertical-align: top;
+}
+.media-middle {
+  vertical-align: middle;
+}
+.media-bottom {
+  vertical-align: bottom;
+}
+.media-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+.media-list {
+  padding-left: 0;
+  list-style: none;
+}
+.list-group {
+  padding-left: 0;
+  margin-bottom: 20px;
+}
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  margin-bottom: -1px;
+  background-color: #fff;
+  border: 1px solid #ddd;
+}
+.list-group-item:first-child {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.list-group-item:last-child {
+  margin-bottom: 0;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+a.list-group-item,
+button.list-group-item {
+  color: #555;
+}
+a.list-group-item .list-group-item-heading,
+button.list-group-item .list-group-item-heading {
+  color: #333;
+}
+a.list-group-item:hover,
+button.list-group-item:hover,
+a.list-group-item:focus,
+button.list-group-item:focus {
+  color: #555;
+  text-decoration: none;
+  background-color: #f5f5f5;
+}
+button.list-group-item {
+  width: 100%;
+  text-align: left;
+}
+.list-group-item.disabled,
+.list-group-item.disabled:hover,
+.list-group-item.disabled:focus {
+  color: #777;
+  cursor: not-allowed;
+  background-color: #eee;
+}
+.list-group-item.disabled .list-group-item-heading,
+.list-group-item.disabled:hover .list-group-item-heading,
+.list-group-item.disabled:focus .list-group-item-heading {
+  color: inherit;
+}
+.list-group-item.disabled .list-group-item-text,
+.list-group-item.disabled:hover .list-group-item-text,
+.list-group-item.disabled:focus .list-group-item-text {
+  color: #777;
+}
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
+  z-index: 2;
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #337ab7;
+}
+.list-group-item.active .list-group-item-heading,
+.list-group-item.active:hover .list-group-item-heading,
+.list-group-item.active:focus .list-group-item-heading,
+.list-group-item.active .list-group-item-heading > small,
+.list-group-item.active:hover .list-group-item-heading > small,
+.list-group-item.active:focus .list-group-item-heading > small,
+.list-group-item.active .list-group-item-heading > .small,
+.list-group-item.active:hover .list-group-item-heading > .small,
+.list-group-item.active:focus .list-group-item-heading > .small {
+  color: inherit;
+}
+.list-group-item.active .list-group-item-text,
+.list-group-item.active:hover .list-group-item-text,
+.list-group-item.active:focus .list-group-item-text {
+  color: #c7ddef;
+}
+.list-group-item-success {
+  color: #3c763d;
+  background-color: #dff0d8;
+}
+a.list-group-item-success,
+button.list-group-item-success {
+  color: #3c763d;
+}
+a.list-group-item-success .list-group-item-heading,
+button.list-group-item-success .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-success:hover,
+button.list-group-item-success:hover,
+a.list-group-item-success:focus,
+button.list-group-item-success:focus {
+  color: #3c763d;
+  background-color: #d0e9c6;
+}
+a.list-group-item-success.active,
+button.list-group-item-success.active,
+a.list-group-item-success.active:hover,
+button.list-group-item-success.active:hover,
+a.list-group-item-success.active:focus,
+button.list-group-item-success.active:focus {
+  color: #fff;
+  background-color: #3c763d;
+  border-color: #3c763d;
+}
+.list-group-item-info {
+  color: #31708f;
+  background-color: #d9edf7;
+}
+a.list-group-item-info,
+button.list-group-item-info {
+  color: #31708f;
+}
+a.list-group-item-info .list-group-item-heading,
+button.list-group-item-info .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-info:hover,
+button.list-group-item-info:hover,
+a.list-group-item-info:focus,
+button.list-group-item-info:focus {
+  color: #31708f;
+  background-color: #c4e3f3;
+}
+a.list-group-item-info.active,
+button.list-group-item-info.active,
+a.list-group-item-info.active:hover,
+button.list-group-item-info.active:hover,
+a.list-group-item-info.active:focus,
+button.list-group-item-info.active:focus {
+  color: #fff;
+  background-color: #31708f;
+  border-color: #31708f;
+}
+.list-group-item-warning {
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+}
+a.list-group-item-warning,
+button.list-group-item-warning {
+  color: #8a6d3b;
+}
+a.list-group-item-warning .list-group-item-heading,
+button.list-group-item-warning .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-warning:hover,
+button.list-group-item-warning:hover,
+a.list-group-item-warning:focus,
+button.list-group-item-warning:focus {
+  color: #8a6d3b;
+  background-color: #faf2cc;
+}
+a.list-group-item-warning.active,
+button.list-group-item-warning.active,
+a.list-group-item-warning.active:hover,
+button.list-group-item-warning.active:hover,
+a.list-group-item-warning.active:focus,
+button.list-group-item-warning.active:focus {
+  color: #fff;
+  background-color: #8a6d3b;
+  border-color: #8a6d3b;
+}
+.list-group-item-danger {
+  color: #a94442;
+  background-color: #f2dede;
+}
+a.list-group-item-danger,
+button.list-group-item-danger {
+  color: #a94442;
+}
+a.list-group-item-danger .list-group-item-heading,
+button.list-group-item-danger .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-danger:hover,
+button.list-group-item-danger:hover,
+a.list-group-item-danger:focus,
+button.list-group-item-danger:focus {
+  color: #a94442;
+  background-color: #ebcccc;
+}
+a.list-group-item-danger.active,
+button.list-group-item-danger.active,
+a.list-group-item-danger.active:hover,
+button.list-group-item-danger.active:hover,
+a.list-group-item-danger.active:focus,
+button.list-group-item-danger.active:focus {
+  color: #fff;
+  background-color: #a94442;
+  border-color: #a94442;
+}
+.list-group-item-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+.list-group-item-text {
+  margin-bottom: 0;
+  line-height: 1.3;
+}
+.panel {
+  margin-bottom: 20px;
+  background-color: #fff;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
+          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
+}
+.panel-body {
+  padding: 15px;
+}
+.panel-heading {
+  padding: 10px 15px;
+  border-bottom: 1px solid transparent;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.panel-heading > .dropdown .dropdown-toggle {
+  color: inherit;
+}
+.panel-title {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 16px;
+  color: inherit;
+}
+.panel-title > a,
+.panel-title > small,
+.panel-title > .small,
+.panel-title > small > a,
+.panel-title > .small > a {
+  color: inherit;
+}
+.panel-footer {
+  padding: 10px 15px;
+  background-color: #f5f5f5;
+  border-top: 1px solid #ddd;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+.panel > .list-group,
+.panel > .panel-collapse > .list-group {
+  margin-bottom: 0;
+}
+.panel > .list-group .list-group-item,
+.panel > .panel-collapse > .list-group .list-group-item {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+.panel > .list-group:first-child .list-group-item:first-child,
+.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
+  border-top: 0;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.panel > .list-group:last-child .list-group-item:last-child,
+.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
+  border-bottom: 0;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.panel-heading + .list-group .list-group-item:first-child {
+  border-top-width: 0;
+}
+.list-group + .panel-footer {
+  border-top-width: 0;
+}
+.panel > .table,
+.panel > .table-responsive > .table,
+.panel > .panel-collapse > .table {
+  margin-bottom: 0;
+}
+.panel > .table caption,
+.panel > .table-responsive > .table caption,
+.panel > .panel-collapse > .table caption {
+  padding-right: 15px;
+  padding-left: 15px;
+}
+.panel > .table:first-child,
+.panel > .table-responsive:first-child > .table:first-child {
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+  border-top-left-radius: 3px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+  border-top-right-radius: 3px;
+}
+.panel > .table:last-child,
+.panel > .table-responsive:last-child > .table:last-child {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+  border-bottom-left-radius: 3px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+  border-bottom-right-radius: 3px;
+}
+.panel > .panel-body + .table,
+.panel > .panel-body + .table-responsive,
+.panel > .table + .panel-body,
+.panel > .table-responsive + .panel-body {
+  border-top: 1px solid #ddd;
+}
+.panel > .table > tbody:first-child > tr:first-child th,
+.panel > .table > tbody:first-child > tr:first-child td {
+  border-top: 0;
+}
+.panel > .table-bordered,
+.panel > .table-responsive > .table-bordered {
+  border: 0;
+}
+.panel > .table-bordered > thead > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+.panel > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-bordered > thead > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+.panel > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-bordered > tfoot > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+  border-left: 0;
+}
+.panel > .table-bordered > thead > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+.panel > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-bordered > thead > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+.panel > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-bordered > tfoot > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+  border-right: 0;
+}
+.panel > .table-bordered > thead > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
+.panel > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-bordered > thead > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
+.panel > .table-bordered > tbody > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
+  border-bottom: 0;
+}
+.panel > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-bordered > tfoot > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
+  border-bottom: 0;
+}
+.panel > .table-responsive {
+  margin-bottom: 0;
+  border: 0;
+}
+.panel-group {
+  margin-bottom: 20px;
+}
+.panel-group .panel {
+  margin-bottom: 0;
+  border-radius: 4px;
+}
+.panel-group .panel + .panel {
+  margin-top: 5px;
+}
+.panel-group .panel-heading {
+  border-bottom: 0;
+}
+.panel-group .panel-heading + .panel-collapse > .panel-body,
+.panel-group .panel-heading + .panel-collapse > .list-group {
+  border-top: 1px solid #ddd;
+}
+.panel-group .panel-footer {
+  border-top: 0;
+}
+.panel-group .panel-footer + .panel-collapse .panel-body {
+  border-bottom: 1px solid #ddd;
+}
+.panel-default {
+  border-color: #ddd;
+}
+.panel-default > .panel-heading {
+  color: #333;
+  background-color: #f5f5f5;
+  border-color: #ddd;
+}
+.panel-default > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #ddd;
+}
+.panel-default > .panel-heading .badge {
+  color: #f5f5f5;
+  background-color: #333;
+}
+.panel-default > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #ddd;
+}
+.panel-primary {
+  border-color: #337ab7;
+}
+.panel-primary > .panel-heading {
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #337ab7;
+}
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #337ab7;
+}
+.panel-primary > .panel-heading .badge {
+  color: #337ab7;
+  background-color: #fff;
+}
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #337ab7;
+}
+.panel-success {
+  border-color: #d6e9c6;
+}
+.panel-success > .panel-heading {
+  color: #3c763d;
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+}
+.panel-success > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #d6e9c6;
+}
+.panel-success > .panel-heading .badge {
+  color: #dff0d8;
+  background-color: #3c763d;
+}
+.panel-success > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #d6e9c6;
+}
+.panel-info {
+  border-color: #bce8f1;
+}
+.panel-info > .panel-heading {
+  color: #31708f;
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+}
+.panel-info > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #bce8f1;
+}
+.panel-info > .panel-heading .badge {
+  color: #d9edf7;
+  background-color: #31708f;
+}
+.panel-info > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #bce8f1;
+}
+.panel-warning {
+  border-color: #faebcc;
+}
+.panel-warning > .panel-heading {
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+  border-color: #faebcc;
+}
+.panel-warning > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #faebcc;
+}
+.panel-warning > .panel-heading .badge {
+  color: #fcf8e3;
+  background-color: #8a6d3b;
+}
+.panel-warning > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #faebcc;
+}
+.panel-danger {
+  border-color: #ebccd1;
+}
+.panel-danger > .panel-heading {
+  color: #a94442;
+  background-color: #f2dede;
+  border-color: #ebccd1;
+}
+.panel-danger > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #ebccd1;
+}
+.panel-danger > .panel-heading .badge {
+  color: #f2dede;
+  background-color: #a94442;
+}
+.panel-danger > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #ebccd1;
+}
+.embed-responsive {
+  position: relative;
+  display: block;
+  height: 0;
+  padding: 0;
+  overflow: hidden;
+}
+.embed-responsive .embed-responsive-item,
+.embed-responsive iframe,
+.embed-responsive embed,
+.embed-responsive object,
+.embed-responsive video {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+.embed-responsive-16by9 {
+  padding-bottom: 56.25%;
+}
+.embed-responsive-4by3 {
+  padding-bottom: 75%;
+}
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border: 1px solid #e3e3e3;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
+}
+.well blockquote {
+  border-color: #ddd;
+  border-color: rgba(0, 0, 0, .15);
+}
+.well-lg {
+  padding: 24px;
+  border-radius: 6px;
+}
+.well-sm {
+  padding: 9px;
+  border-radius: 3px;
+}
+.close {
+  float: right;
+  font-size: 21px;
+  font-weight: bold;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  filter: alpha(opacity=20);
+  opacity: .2;
+}
+.close:hover,
+.close:focus {
+  color: #000;
+  text-decoration: none;
+  cursor: pointer;
+  filter: alpha(opacity=50);
+  opacity: .5;
+}
+button.close {
+  -webkit-appearance: none;
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+}
+.modal-open {
+  overflow: hidden;
+}
+.modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1050;
+  display: none;
+  overflow: hidden;
+  -webkit-overflow-scrolling: touch;
+  outline: 0;
+}
+.modal.fade .modal-dialog {
+  -webkit-transition: -webkit-transform .3s ease-out;
+       -o-transition:      -o-transform .3s ease-out;
+          transition:         transform .3s ease-out;
+  -webkit-transform: translate(0, -25%);
+      -ms-transform: translate(0, -25%);
+       -o-transform: translate(0, -25%);
+          transform: translate(0, -25%);
+}
+.modal.in .modal-dialog {
+  -webkit-transform: translate(0, 0);
+      -ms-transform: translate(0, 0);
+       -o-transform: translate(0, 0);
+          transform: translate(0, 0);
+}
+.modal-open .modal {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 10px;
+}
+.modal-content {
+  position: relative;
+  background-color: #fff;
+  -webkit-background-clip: padding-box;
+          background-clip: padding-box;
+  border: 1px solid #999;
+  border: 1px solid rgba(0, 0, 0, .2);
+  border-radius: 6px;
+  outline: 0;
+  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
+          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
+}
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #000;
+}
+.modal-backdrop.fade {
+  filter: alpha(opacity=0);
+  opacity: 0;
+}
+.modal-backdrop.in {
+  filter: alpha(opacity=50);
+  opacity: .5;
+}
+.modal-header {
+  min-height: 16.42857143px;
+  padding: 15px;
+  border-bottom: 1px solid #e5e5e5;
+}
+.modal-header .close {
+  margin-top: -2px;
+}
+.modal-title {
+  margin: 0;
+  line-height: 1.42857143;
+}
+.modal-body {
+  position: relative;
+  padding: 15px;
+}
+.modal-footer {
+  padding: 15px;
+  text-align: right;
+  border-top: 1px solid #e5e5e5;
+}
+.modal-footer .btn + .btn {
+  margin-bottom: 0;
+  margin-left: 5px;
+}
+.modal-footer .btn-group .btn + .btn {
+  margin-left: -1px;
+}
+.modal-footer .btn-block + .btn-block {
+  margin-left: 0;
+}
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+@media (min-width: 768px) {
+  .modal-dialog {
+    width: 600px;
+    margin: 30px auto;
+  }
+  .modal-content {
+    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
+            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
+  }
+  .modal-sm {
+    width: 300px;
+  }
+}
+@media (min-width: 992px) {
+  .modal-lg {
+    width: 900px;
+  }
+}
+.tooltip {
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.42857143;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+  white-space: normal;
+  filter: alpha(opacity=0);
+  opacity: 0;
+
+  line-break: auto;
+}
+.tooltip.in {
+  filter: alpha(opacity=90);
+  opacity: .9;
+}
+.tooltip.top {
+  padding: 5px 0;
+  margin-top: -3px;
+}
+.tooltip.right {
+  padding: 0 5px;
+  margin-left: 3px;
+}
+.tooltip.bottom {
+  padding: 5px 0;
+  margin-top: 3px;
+}
+.tooltip.left {
+  padding: 0 5px;
+  margin-left: -3px;
+}
+.tooltip-inner {
+  max-width: 200px;
+  padding: 3px 8px;
+  color: #fff;
+  text-align: center;
+  background-color: #000;
+  border-radius: 4px;
+}
+.tooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.tooltip.top .tooltip-arrow {
+  bottom: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000;
+}
+.tooltip.top-left .tooltip-arrow {
+  right: 5px;
+  bottom: 0;
+  margin-bottom: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000;
+}
+.tooltip.top-right .tooltip-arrow {
+  bottom: 0;
+  left: 5px;
+  margin-bottom: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000;
+}
+.tooltip.right .tooltip-arrow {
+  top: 50%;
+  left: 0;
+  margin-top: -5px;
+  border-width: 5px 5px 5px 0;
+  border-right-color: #000;
+}
+.tooltip.left .tooltip-arrow {
+  top: 50%;
+  right: 0;
+  margin-top: -5px;
+  border-width: 5px 0 5px 5px;
+  border-left-color: #000;
+}
+.tooltip.bottom .tooltip-arrow {
+  top: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000;
+}
+.tooltip.bottom-left .tooltip-arrow {
+  top: 0;
+  right: 5px;
+  margin-top: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000;
+}
+.tooltip.bottom-right .tooltip-arrow {
+  top: 0;
+  left: 5px;
+  margin-top: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000;
+}
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1060;
+  display: none;
+  max-width: 276px;
+  padding: 1px;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.42857143;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+  white-space: normal;
+  background-color: #fff;
+  -webkit-background-clip: padding-box;
+          background-clip: padding-box;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, .2);
+  border-radius: 6px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
+          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
+
+  line-break: auto;
+}
+.popover.top {
+  margin-top: -10px;
+}
+.popover.right {
+  margin-left: 10px;
+}
+.popover.bottom {
+  margin-top: 10px;
+}
+.popover.left {
+  margin-left: -10px;
+}
+.popover-title {
+  padding: 8px 14px;
+  margin: 0;
+  font-size: 14px;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  border-radius: 5px 5px 0 0;
+}
+.popover-content {
+  padding: 9px 14px;
+}
+.popover > .arrow,
+.popover > .arrow:after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.popover > .arrow {
+  border-width: 11px;
+}
+.popover > .arrow:after {
+  content: "";
+  border-width: 10px;
+}
+.popover.top > .arrow {
+  bottom: -11px;
+  left: 50%;
+  margin-left: -11px;
+  border-top-color: #999;
+  border-top-color: rgba(0, 0, 0, .25);
+  border-bottom-width: 0;
+}
+.popover.top > .arrow:after {
+  bottom: 1px;
+  margin-left: -10px;
+  content: " ";
+  border-top-color: #fff;
+  border-bottom-width: 0;
+}
+.popover.right > .arrow {
+  top: 50%;
+  left: -11px;
+  margin-top: -11px;
+  border-right-color: #999;
+  border-right-color: rgba(0, 0, 0, .25);
+  border-left-width: 0;
+}
+.popover.right > .arrow:after {
+  bottom: -10px;
+  left: 1px;
+  content: " ";
+  border-right-color: #fff;
+  border-left-width: 0;
+}
+.popover.bottom > .arrow {
+  top: -11px;
+  left: 50%;
+  margin-left: -11px;
+  border-top-width: 0;
+  border-bottom-color: #999;
+  border-bottom-color: rgba(0, 0, 0, .25);
+}
+.popover.bottom > .arrow:after {
+  top: 1px;
+  margin-left: -10px;
+  content: " ";
+  border-top-width: 0;
+  border-bottom-color: #fff;
+}
+.popover.left > .arrow {
+  top: 50%;
+  right: -11px;
+  margin-top: -11px;
+  border-right-width: 0;
+  border-left-color: #999;
+  border-left-color: rgba(0, 0, 0, .25);
+}
+.popover.left > .arrow:after {
+  right: 1px;
+  bottom: -10px;
+  content: " ";
+  border-right-width: 0;
+  border-left-color: #fff;
+}
+.carousel {
+  position: relative;
+}
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+.carousel-inner > .item {
+  position: relative;
+  display: none;
+  -webkit-transition: .6s ease-in-out left;
+       -o-transition: .6s ease-in-out left;
+          transition: .6s ease-in-out left;
+}
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+  line-height: 1;
+}
+@media all and (transform-3d), (-webkit-transform-3d) {
+  .carousel-inner > .item {
+    -webkit-transition: -webkit-transform .6s ease-in-out;
+         -o-transition:      -o-transform .6s ease-in-out;
+            transition:         transform .6s ease-in-out;
+
+    -webkit-backface-visibility: hidden;
+            backface-visibility: hidden;
+    -webkit-perspective: 1000px;
+            perspective: 1000px;
+  }
+  .carousel-inner > .item.next,
+  .carousel-inner > .item.active.right {
+    left: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+  .carousel-inner > .item.prev,
+  .carousel-inner > .item.active.left {
+    left: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+  .carousel-inner > .item.next.left,
+  .carousel-inner > .item.prev.right,
+  .carousel-inner > .item.active {
+    left: 0;
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+}
+.carousel-inner > .active,
+.carousel-inner > .next,
+.carousel-inner > .prev {
+  display: block;
+}
+.carousel-inner > .active {
+  left: 0;
+}
+.carousel-inner > .next,
+.carousel-inner > .prev {
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.carousel-inner > .next {
+  left: 100%;
+}
+.carousel-inner > .prev {
+  left: -100%;
+}
+.carousel-inner > .next.left,
+.carousel-inner > .prev.right {
+  left: 0;
+}
+.carousel-inner > .active.left {
+  left: -100%;
+}
+.carousel-inner > .active.right {
+  left: 100%;
+}
+.carousel-control {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 15%;
+  font-size: 20px;
+  color: #fff;
+  text-align: center;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
+  filter: alpha(opacity=50);
+  opacity: .5;
+}
+.carousel-control.left {
+  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
+  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
+  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+  background-repeat: repeat-x;
+}
+.carousel-control.right {
+  right: 0;
+  left: auto;
+  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
+  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
+  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
+  background-repeat: repeat-x;
+}
+.carousel-control:hover,
+.carousel-control:focus {
+  color: #fff;
+  text-decoration: none;
+  filter: alpha(opacity=90);
+  outline: 0;
+  opacity: .9;
+}
+.carousel-control .icon-prev,
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-left,
+.carousel-control .glyphicon-chevron-right {
+  position: absolute;
+  top: 50%;
+  z-index: 5;
+  display: inline-block;
+  margin-top: -10px;
+}
+.carousel-control .icon-prev,
+.carousel-control .glyphicon-chevron-left {
+  left: 50%;
+  margin-left: -10px;
+}
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-right {
+  right: 50%;
+  margin-right: -10px;
+}
+.carousel-control .icon-prev,
+.carousel-control .icon-next {
+  width: 20px;
+  height: 20px;
+  font-family: serif;
+  line-height: 1;
+}
+.carousel-control .icon-prev:before {
+  content: '\2039';
+}
+.carousel-control .icon-next:before {
+  content: '\203a';
+}
+.carousel-indicators {
+  position: absolute;
+  bottom: 10px;
+  left: 50%;
+  z-index: 15;
+  width: 60%;
+  padding-left: 0;
+  margin-left: -30%;
+  text-align: center;
+  list-style: none;
+}
+.carousel-indicators li {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin: 1px;
+  text-indent: -999px;
+  cursor: pointer;
+  background-color: #000 \9;
+  background-color: rgba(0, 0, 0, 0);
+  border: 1px solid #fff;
+  border-radius: 10px;
+}
+.carousel-indicators .active {
+  width: 12px;
+  height: 12px;
+  margin: 0;
+  background-color: #fff;
+}
+.carousel-caption {
+  position: absolute;
+  right: 15%;
+  bottom: 20px;
+  left: 15%;
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: #fff;
+  text-align: center;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
+}
+.carousel-caption .btn {
+  text-shadow: none;
+}
+@media screen and (min-width: 768px) {
+  .carousel-control .glyphicon-chevron-left,
+  .carousel-control .glyphicon-chevron-right,
+  .carousel-control .icon-prev,
+  .carousel-control .icon-next {
+    width: 30px;
+    height: 30px;
+    margin-top: -15px;
+    font-size: 30px;
+  }
+  .carousel-control .glyphicon-chevron-left,
+  .carousel-control .icon-prev {
+    margin-left: -15px;
+  }
+  .carousel-control .glyphicon-chevron-right,
+  .carousel-control .icon-next {
+    margin-right: -15px;
+  }
+  .carousel-caption {
+    right: 20%;
+    left: 20%;
+    padding-bottom: 30px;
+  }
+  .carousel-indicators {
+    bottom: 20px;
+  }
+}
+.clearfix:before,
+.clearfix:after,
+.dl-horizontal dd:before,
+.dl-horizontal dd:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after,
+.form-horizontal .form-group:before,
+.form-horizontal .form-group:after,
+.btn-toolbar:before,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after,
+.nav:before,
+.nav:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after,
+.navbar-collapse:before,
+.navbar-collapse:after,
+.pager:before,
+.pager:after,
+.panel-body:before,
+.panel-body:after,
+.modal-footer:before,
+.modal-footer:after {
+  display: table;
+  content: " ";
+}
+.clearfix:after,
+.dl-horizontal dd:after,
+.container:after,
+.container-fluid:after,
+.row:after,
+.form-horizontal .form-group:after,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:after,
+.nav:after,
+.navbar:after,
+.navbar-header:after,
+.navbar-collapse:after,
+.pager:after,
+.panel-body:after,
+.modal-footer:after {
+  clear: both;
+}
+.center-block {
+  display: block;
+  margin-right: auto;
+  margin-left: auto;
+}
+.pull-right {
+  float: right !important;
+}
+.pull-left {
+  float: left !important;
+}
+.hide {
+  display: none !important;
+}
+.show {
+  display: block !important;
+}
+.invisible {
+  visibility: hidden;
+}
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+.hidden {
+  display: none !important;
+}
+.affix {
+  position: fixed;
+}
+@-ms-viewport {
+  width: device-width;
+}
+.visible-xs,
+.visible-sm,
+.visible-md,
+.visible-lg {
+  display: none !important;
+}
+.visible-xs-block,
+.visible-xs-inline,
+.visible-xs-inline-block,
+.visible-sm-block,
+.visible-sm-inline,
+.visible-sm-inline-block,
+.visible-md-block,
+.visible-md-inline,
+.visible-md-inline-block,
+.visible-lg-block,
+.visible-lg-inline,
+.visible-lg-inline-block {
+  display: none !important;
+}
+@media (max-width: 767px) {
+  .visible-xs {
+    display: block !important;
+  }
+  table.visible-xs {
+    display: table !important;
+  }
+  tr.visible-xs {
+    display: table-row !important;
+  }
+  th.visible-xs,
+  td.visible-xs {
+    display: table-cell !important;
+  }
+}
+@media (max-width: 767px) {
+  .visible-xs-block {
+    display: block !important;
+  }
+}
+@media (max-width: 767px) {
+  .visible-xs-inline {
+    display: inline !important;
+  }
+}
+@media (max-width: 767px) {
+  .visible-xs-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm {
+    display: block !important;
+  }
+  table.visible-sm {
+    display: table !important;
+  }
+  tr.visible-sm {
+    display: table-row !important;
+  }
+  th.visible-sm,
+  td.visible-sm {
+    display: table-cell !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-block {
+    display: block !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-inline {
+    display: inline !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md {
+    display: block !important;
+  }
+  table.visible-md {
+    display: table !important;
+  }
+  tr.visible-md {
+    display: table-row !important;
+  }
+  th.visible-md,
+  td.visible-md {
+    display: table-cell !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-block {
+    display: block !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-inline {
+    display: inline !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg {
+    display: block !important;
+  }
+  table.visible-lg {
+    display: table !important;
+  }
+  tr.visible-lg {
+    display: table-row !important;
+  }
+  th.visible-lg,
+  td.visible-lg {
+    display: table-cell !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg-block {
+    display: block !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg-inline {
+    display: inline !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (max-width: 767px) {
+  .hidden-xs {
+    display: none !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .hidden-sm {
+    display: none !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .hidden-md {
+    display: none !important;
+  }
+}
+@media (min-width: 1200px) {
+  .hidden-lg {
+    display: none !important;
+  }
+}
+.visible-print {
+  display: none !important;
+}
+@media print {
+  .visible-print {
+    display: block !important;
+  }
+  table.visible-print {
+    display: table !important;
+  }
+  tr.visible-print {
+    display: table-row !important;
+  }
+  th.visible-print,
+  td.visible-print {
+    display: table-cell !important;
+  }
+}
+.visible-print-block {
+  display: none !important;
+}
+@media print {
+  .visible-print-block {
+    display: block !important;
+  }
+}
+.visible-print-inline {
+  display: none !important;
+}
+@media print {
+  .visible-print-inline {
+    display: inline !important;
+  }
+}
+.visible-print-inline-block {
+  display: none !important;
+}
+@media print {
+  .visible-print-inline-block {
+    display: inline-block !important;
+  }
+}
+@media print {
+  .hidden-print {
+    display: none !important;
+  }
+}
+/*# sourceMappingURL=bootstrap.css.map */
diff --git a/examples/frontend-rendering-with-webpack/static/js/render_client.js b/examples/frontend-rendering-with-webpack/static/js/render_client.js
new file mode 100644
index 0000000..5ac0a8a
--- /dev/null
+++ b/examples/frontend-rendering-with-webpack/static/js/render_client.js
@@ -0,0 +1,10 @@
+const React = require('react');
+const ReactDOM = require('react-dom');
+window.renderApp = function(props) {
+    const component = require('./src/'+store.component);
+    const domContainerNode = document.getElementById('app-container');
+    // Unmounting the component before mounting it again
+    ReactDOM.unmountComponentAtNode(domContainerNode);
+    ReactDOM.render(React.createFactory(component)(props), domContainerNode);
+}
+renderApp(store.props);
diff --git a/examples/frontend-rendering-with-webpack/static/js/src/Comment.jsx b/examples/frontend-rendering-with-webpack/static/js/src/Comment.jsx
new file mode 100644
index 0000000..81cb8de
--- /dev/null
+++ b/examples/frontend-rendering-with-webpack/static/js/src/Comment.jsx
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class Comment extends React.Component {
+	render() {
+		return (
+			<div>
+				<h3>{this.props.author}</h3>
+				{this.props.text}
+			</div>
+		);
+	}
+}
+
+module.exports = Comment;
diff --git a/examples/frontend-rendering-with-webpack/static/js/src/CommentBox.jsx b/examples/frontend-rendering-with-webpack/static/js/src/CommentBox.jsx
new file mode 100644
index 0000000..690e7a0
--- /dev/null
+++ b/examples/frontend-rendering-with-webpack/static/js/src/CommentBox.jsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import CommentList from './CommentList.jsx';
+import CommentForm from './CommentForm.jsx';
+
+class CommentBox extends React.Component {
+	render() {
+		return (
+			<div>
+				<CommentList comments={this.props.comments} />
+				<CommentForm url={this.props.url} />
+			</div>
+		);
+	}
+}
+
+module.exports = CommentBox;
diff --git a/examples/frontend-rendering-with-webpack/static/js/src/CommentForm.jsx b/examples/frontend-rendering-with-webpack/static/js/src/CommentForm.jsx
new file mode 100644
index 0000000..277bce9
--- /dev/null
+++ b/examples/frontend-rendering-with-webpack/static/js/src/CommentForm.jsx
@@ -0,0 +1,43 @@
+import React from 'react';
+
+class CommentForm extends React.Component {
+    submitComment(e) {
+        e.preventDefault();
+        $.ajax({
+            url: '/comment/',
+            type: 'POST',
+            data: {
+                'author': $('#author').val(),
+                'text': $('#comment').val()   
+            },
+            success:((response) => {
+                // Re-rendering the app with new props
+                renderApp(response);
+            }) 
+        });
+    }
+	render() {
+		return (
+            <form>
+                <h2>Submit a comment</h2>
+                <div className="form-group">
+                    <label>
+                        Your name
+                        <input id="author" name="author" type="text" className="form-control" placeholder="..." />
+                    </label>
+                </div>
+                <div className="form-group">
+                    <label>
+                        Say something...
+                        <textarea id="comment" name="text" className="form-control" placeholder="..." />
+                    </label>
+                </div>
+                <div className="text-right">
+                    <button className="btn btn-primary" onClick={this.submitComment}>Submit</button>
+                </div>
+            </form>
+		);
+	}
+}
+
+module.exports = CommentForm;
diff --git a/examples/frontend-rendering-with-webpack/static/js/src/CommentList.jsx b/examples/frontend-rendering-with-webpack/static/js/src/CommentList.jsx
new file mode 100644
index 0000000..59e9853
--- /dev/null
+++ b/examples/frontend-rendering-with-webpack/static/js/src/CommentList.jsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import Comment from './Comment.jsx';
+
+class CommentList extends React.Component {
+    clearAll() {
+        $.ajax({
+            url: '/clear/',
+            type: 'GET',
+            success: ((response) => {
+                renderApp(response);
+            })
+        })
+    }
+	render() {
+		if (!this.props.comments.length) {
+			return null;
+		}
+		var commentNodes = this.props.comments.map((comment, index) => {
+			return <Comment author={comment.author} text={comment.text} key={index} />;
+		});
+		return (
+			<div>
+				<h2>Comments</h2>
+                <button className="btn btn-danger" onClick={this.clearAll}>Clear All</button>
+				{commentNodes}
+			</div>
+		);
+	}
+}
+
+module.exports = CommentList;
diff --git a/examples/frontend-rendering-with-webpack/templates/index.html b/examples/frontend-rendering-with-webpack/templates/index.html
new file mode 100644
index 0000000..0f83e72
--- /dev/null
+++ b/examples/frontend-rendering-with-webpack/templates/index.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+	<title>Python + React example</title>
+	<link rel="stylesheet" href="static/css/bootstrap.css">
+	<link rel="stylesheet" href="static/css/app.css">
+</head>
+<body>
+	<div class="container">
+		<h1>Python + React example</h1>
+        <div id="app-container">{{ rendered|safe }}</div>
+	</div>
+    <script>
+        var store = {{ store | tojson | safe }}; 
+    </script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js" type="text/javascript"></script>
+    <script src="./static/js/dist/bundle.js" type="text/javascript"></script>
+</body>
+</html>
diff --git a/examples/frontend-rendering-with-webpack/webpack.config.js b/examples/frontend-rendering-with-webpack/webpack.config.js
new file mode 100644
index 0000000..f7df918
--- /dev/null
+++ b/examples/frontend-rendering-with-webpack/webpack.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+  entry: {
+        app: './static/js/render_client.js'
+  },
+  module: {
+    loaders: [{
+      test: /\.jsx?$/,
+      exclude: /node_modules/,
+      loader: 'babel'
+    }]
+  },
+  resolve: {
+    extensions: ['', '.js', '.jsx']
+  },
+  output: {
+    path: './static/js/dist/',
+    publicPath: '/',
+    filename: 'bundle.js'
+  },
+  devServer: {
+    contentBase: './dist'
+  }
+};

From 4a9a95c15e65e0b6588299fc95d28e2385f29359 Mon Sep 17 00:00:00 2001
From: Anant Gupta <anant718@gmail.com>
Date: Fri, 10 Jun 2016 23:24:24 +0530
Subject: [PATCH 28/61] docs

---
 examples/frontend-rendering-with-webpack/README.md            | 3 ++-
 examples/frontend-rendering-with-webpack/templates/index.html | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/examples/frontend-rendering-with-webpack/README.md b/examples/frontend-rendering-with-webpack/README.md
index c8ef5df..bd65538 100644
--- a/examples/frontend-rendering-with-webpack/README.md
+++ b/examples/frontend-rendering-with-webpack/README.md
@@ -1,6 +1,8 @@
 Running the example
 ===================
 
+As mentioned in the ***Using React on the front-end*** section, [Webpack](https://webpack.github.io/) is used to bundle the respective js files into `dist.js` and included in `index.html`. To make React attributes like `onClick` etc. work, the app has to be re-rendered (along with all the props passed down) when it loads on the browswer. React is intelligent enough to not re-paint the browser and only update the changes, thus adding all the component properties.
+
 Install the dependencies
 
 ```
@@ -23,7 +25,6 @@ python example.py
 And visit [http://127.0.0.1:5000](http://127.0.0.1:5000)
 
 ### Notes
-To make React attributes like `onClick` etc. work, the app has to be re-rendered when it loads on the browswer. React is intelligent enough to not re-paint the browser and only update the changes, thus adding all the component properties.
 
 
 
diff --git a/examples/frontend-rendering-with-webpack/templates/index.html b/examples/frontend-rendering-with-webpack/templates/index.html
index 0f83e72..72cdf9e 100644
--- a/examples/frontend-rendering-with-webpack/templates/index.html
+++ b/examples/frontend-rendering-with-webpack/templates/index.html
@@ -10,6 +10,7 @@ <h1>Python + React example</h1>
         <div id="app-container">{{ rendered|safe }}</div>
 	</div>
     <script>
+        // Info stored for re-rendering the app
         var store = {{ store | tojson | safe }}; 
     </script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js" type="text/javascript"></script>

From 996986bd3491504f2aebaad4741491e528d331bc Mon Sep 17 00:00:00 2001
From: Anant Gupta <anant718@gmail.com>
Date: Fri, 10 Jun 2016 23:28:05 +0530
Subject: [PATCH 29/61] more explanation

---
 examples/frontend-rendering-with-webpack/README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/examples/frontend-rendering-with-webpack/README.md b/examples/frontend-rendering-with-webpack/README.md
index bd65538..7cf0125 100644
--- a/examples/frontend-rendering-with-webpack/README.md
+++ b/examples/frontend-rendering-with-webpack/README.md
@@ -3,6 +3,8 @@ Running the example
 
 As mentioned in the ***Using React on the front-end*** section, [Webpack](https://webpack.github.io/) is used to bundle the respective js files into `dist.js` and included in `index.html`. To make React attributes like `onClick` etc. work, the app has to be re-rendered (along with all the props passed down) when it loads on the browswer. React is intelligent enough to not re-paint the browser and only update the changes, thus adding all the component properties.
 
+In this example, the basic_rendering example is modified to submit the Comment Form through ajax and update the Comment List by fetching the updated comments and rendering the application with new props.
+
 Install the dependencies
 
 ```
@@ -24,7 +26,6 @@ python example.py
 
 And visit [http://127.0.0.1:5000](http://127.0.0.1:5000)
 
-### Notes

From 53c324f2d27066dd61b03d041c984e0a75b3ed64 Mon Sep 17 00:00:00 2001
From: Anant Gupta <anant718@gmail.com>
Date: Wed, 15 Jun 2016 14:13:50 +0530
Subject: [PATCH 30/61] usage explanation, and webpack prod bundling

---
 .../frontend-rendering-with-webpack/README.md | 23 +++++++++----------
 .../package.json                              |  3 ++-
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/examples/frontend-rendering-with-webpack/README.md b/examples/frontend-rendering-with-webpack/README.md
index 7cf0125..a829766 100644
--- a/examples/frontend-rendering-with-webpack/README.md
+++ b/examples/frontend-rendering-with-webpack/README.md
@@ -5,27 +5,26 @@ As mentioned in the ***Using React on the front-end*** section, [Webpack](https:
 
 In this example, the basic_rendering example is modified to submit the Comment Form through ajax and update the Comment List by fetching the updated comments and rendering the application with new props.
 
+### Usage
 Install the dependencies
 
 ```
 pip install -r requirements.txt
 npm install
 ```
-
-Start the render server
-
+### Usage in development
+Extending the explanation in the [README](https://github.com/markfinger/python-react/blob/master/README.md#usage-in-development) section of the repo, restarting the render server everytime a change is made in the `.jsx` files, can be avoided by running:
 ```
-node render_server.js
+npm run watch
 ```
-
-Start the python server
-
+alongside the python dev server:
 ```
 python example.py
 ```
+The forever utility check for changes and restarts the `render_server` accordingly. 
 
-And visit [http://127.0.0.1:5000](http://127.0.0.1:5000)
-
-
-
-
+### Usage in production
+Node server can be hosted in multiple ways. Either in the same box as flask server, or elsewhere. One way is to run it as a supervisord job on the same server. The React app needs to bundled as production ready before deploying the python server. This bundle is included in the `base` template for the app to render again on the client side. For bundling, run:
+```
+npm run preinstall
+```
diff --git a/examples/frontend-rendering-with-webpack/package.json b/examples/frontend-rendering-with-webpack/package.json
index 9fa89ad..cb12f92 100644
--- a/examples/frontend-rendering-with-webpack/package.json
+++ b/examples/frontend-rendering-with-webpack/package.json
@@ -1,7 +1,8 @@
 {
   "private": true,
   "scripts": {
-    "watch": "webpack --watch & forever  --watch --watchDirectory ./static/js/src ./render_server.js"
+    "watch": "webpack --watch & forever  --watch --watchDirectory ./static/js/src ./render_server.js",
+    "postinstall": "webpack -p"
   },
   "dependencies": {
     "babel-core": "^6.1.20",

From bac67b3024a1d0faa3f5bd68b3abb55c2ab258bc Mon Sep 17 00:00:00 2001
From: Anant Gupta <anant718@gmail.com>
Date: Wed, 15 Jun 2016 14:17:36 +0530
Subject: [PATCH 31/61] typo correction

---
 examples/frontend-rendering-with-webpack/README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/examples/frontend-rendering-with-webpack/README.md b/examples/frontend-rendering-with-webpack/README.md
index a829766..f7b9908 100644
--- a/examples/frontend-rendering-with-webpack/README.md
+++ b/examples/frontend-rendering-with-webpack/README.md
@@ -13,7 +13,7 @@ pip install -r requirements.txt
 npm install
 ```
 ### Usage in development
-Extending the explanation in the [README](https://github.com/markfinger/python-react/blob/master/README.md#usage-in-development) section of the repo, restarting the render server everytime a change is made in the `.jsx` files, can be avoided by running:
+Extending the explanation in the [README](https://github.com/markfinger/python-react/blob/master/README.md#usage-in-development) section of the repo, restarting the render server everytime a change is made in the `.jsx` files can be avoided, by running:
 ```
 npm run watch
 ```
@@ -26,5 +26,5 @@ The forever utility check for changes and restarts the `render_server` according
 ### Usage in production
 Node server can be hosted in multiple ways. Either in the same box as flask server, or elsewhere. One way is to run it as a supervisord job on the same server. The React app needs to bundled as production ready before deploying the python server. This bundle is included in the `base` template for the app to render again on the client side. For bundling, run:
 ```
-npm run preinstall
+npm run postinstall
 ```

From c0260589f5d54f2792c2add69722115f8f4f9cc3 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Wed, 19 Oct 2016 14:39:56 +1100
Subject: [PATCH 32/61] Removed a doc heading that no longer linked

---
 README.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/README.md b/README.md
index 0ab5e57..f87db89 100644
--- a/README.md
+++ b/README.md
@@ -34,7 +34,6 @@ Documentation
   - [Usage in development](#usage-in-development)
   - [Usage in production](#usage-in-production)
   - [Overriding the renderer](#overriding-the-renderer)
-- [Django integration](#django-integration)
 - [Settings](#settings)
 - [Running the tests](#running-the-tests)

From e0ad6ae2da3795ed0c345f141983fb3064af3b98 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Wed, 19 Oct 2016 14:56:14 +1100
Subject: [PATCH 33/61] Added a Frequently Asked Questions to the docs

Links to @Anima-t3d's investigation in #70
---
 README.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/README.md b/README.md
index f87db89..7aee006 100644
--- a/README.md
+++ b/README.md
@@ -35,6 +35,7 @@ Documentation
   - [Usage in production](#usage-in-production)
   - [Overriding the renderer](#overriding-the-renderer)
 - [Settings](#settings)
+- [Frequently Asked Questions](#frequently-asked-questions)
 - [Running the tests](#running-the-tests)
 
 
@@ -285,6 +286,19 @@ A complete url to an endpoint which accepts POST requests conforming to
 Default: `'http://127.0.0.1:9009/render'`
 
 
+Frequently Asked Questions
+--------------------------
+
+### Can python-react integrate with Django?
+
+python-react can integrate with Django's settings and the renderer integration can resolve relative paths to components via django's static file finders.
+
+### Can python-react integrate with Web2Py?
+
+[@Anima-t3d](https://github.com/Anima-t3d) has a write-up of their experience
+in [#70](https://github.com/markfinger/python-react/issues/70#issuecomment-254396083).
+
+
 Running the tests
 -----------------

From 8dc3a11a6be50e33a029f340833a8b00d263e853 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Mon, 16 Jan 2017 10:03:27 +1100
Subject: [PATCH 34/61] Added production warning re: `NODE_ENV`

---
 README.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/README.md b/README.md
index 7aee006..868fbdc 100644
--- a/README.md
+++ b/README.md
@@ -196,6 +196,11 @@ In production environments, you should ensure that `RENDER` is set to True.
 You will want to run the render server under whatever supervisor process suits your need. Depending on
 your setup, you may need to change the `RENDER_URL` setting to reflect your environment.
 
+The render server should be run with the `NODE_ENV` environment variable set to `production`, 
+eg: `NODE_ENV=production node render_server.js`. React defaults to development mode and relies on the 
+`NODE_ENV` variable to deactivate dev-oriented code (types and constraint checking) that slows down renders. 
+Defining this variable will ensure that your code is rendered much faster.
+
 Depending on your load, you may want to use a worker farm to handle rendering. Node's
 [cluster module](https://nodejs.org/api/cluster.html) provides an easy way to fork a process and serve
 multiple instances from a single network address.

From 6d10b59b41691d9db908323a5babd604b0fdef4b Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Mon, 16 Jan 2017 12:18:24 +1100
Subject: [PATCH 35/61] CI fixes + docs

---
 .travis.yml | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/.travis.yml b/.travis.yml
index eba3223..2308405 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -9,10 +9,15 @@ env:
   - DJANGO_VERSION=1.8.1
 
 install:
+  # Install node 6 (current LTS as of January 2017)
+  - "rm -rf ~/.nvm && git clone https://github.com/creationix/nvm.git ~/.nvm && (cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`) && source ~/.nvm/nvm.sh && nvm install 6"
+  # Install latest npm
   - "npm install -g npm"
+  # Install node deps for render server
   - "cd tests"
   - "npm install"
   - "cd .."
+  # Setup python packages
   - "pip install Django==$DJANGO_VERSION"
   - "pip install -r requirements.txt"

From 17b6c61ce72600d72ed39b9791cba78e64bc279e Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Mon, 16 Jan 2017 13:48:32 +1100
Subject: [PATCH 36/61] CI fix to improve error clarity

---
 tests/__init__.py | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/tests/__init__.py b/tests/__init__.py
index e2ef88f..ffd9cfa 100644
--- a/tests/__init__.py
+++ b/tests/__init__.py
@@ -13,8 +13,16 @@
 
 output = process.stdout.readline().decode('utf-8')
 
+def read_line():
+    return process.stdout.readline().decode('utf-8')
+
 if output.strip() == '':
-    output += process.stdout.readline().decode('utf-8')
+    output += read_line()
 
 if 'React render server' not in output:
-    raise Exception('Unexpected output: "{}"'.format(output))
+    if 'module.js' in output:
+        line = read_line()
+        while line:
+            output += line + os.linesep
+            line = read_line()
+    raise Exception('Unexpected output from render server subprocess...' + os.linesep + os.linesep + output)

From be10f22367fd9072e346f4d9837e417c2de71676 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Mon, 16 Jan 2017 13:49:52 +1100
Subject: [PATCH 37/61] Code cleanup for the test suite's subprocess

---
 tests/__init__.py | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/tests/__init__.py b/tests/__init__.py
index ffd9cfa..b8d4847 100644
--- a/tests/__init__.py
+++ b/tests/__init__.py
@@ -11,11 +11,10 @@
 # Ensure the process is killed on exit
 atexit.register(lambda _process: _process.kill(), process)
 
-output = process.stdout.readline().decode('utf-8')
-
 def read_line():
     return process.stdout.readline().decode('utf-8')
 
+output = read_line()
 if output.strip() == '':
     output += read_line()

From 44186cb217d617f50c511c10df8432eca463e3eb Mon Sep 17 00:00:00 2001
From: Corey Burmeister <burmeister.corey@gmail.com>
Date: Thu, 23 Feb 2017 09:46:07 -0800
Subject: [PATCH 38/61] Add timeout to RenderServer.render()

This commit adds a configurable timeout to the `render` method signature
within `RenderServer`. This defaults to 10 seconds; 5 for sending the
request and 5 for reading the response.
---
 react/render_server.py | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/react/render_server.py b/react/render_server.py
index 63b07be..33cbf67 100644
--- a/react/render_server.py
+++ b/react/render_server.py
@@ -20,7 +20,10 @@ def __unicode__(self):
 
 
 class RenderServer(object):
-    def render(self, path, props=None, to_static_markup=False, request_headers=None):
+    def render(
+        self, path, props=None, to_static_markup=False, request_headers=None,
+        timeout=None
+    ):
         url = conf.settings.RENDER_URL
 
         if props is not None:
@@ -45,12 +48,17 @@ def render(self, path, props=None, to_static_markup=False, request_headers=None)
         if request_headers is not None:
             all_request_headers.update(request_headers)
 
+        # Add a send/receive timeout with the request if not specified
+        if not isinstance(timeout, (tuple, int, float)):
+            timeout = (5, 5)
+
         try:
             res = requests.post(
                 url,
                 data=serialized_options,
                 headers=all_request_headers,
-                params={'hash': options_hash}
+                params={'hash': options_hash},
+                timeout=timeout
             )
         except requests.ConnectionError:
             raise RenderServerError('Could not connect to render server at {}'.format(url))

From b1e09d36f741ee9027f790c469c7ac0f6b67492a Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 28 Feb 2017 08:23:05 +1100
Subject: [PATCH 39/61] Update documentation for RenderServer API.

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 868fbdc..14237f9 100644
--- a/README.md
+++ b/README.md
@@ -227,7 +227,7 @@ you can consistently define the `renderer` argument to `render_component`. For e
 from react.render import render_component
 
 class MyRenderer(object):
-    def render(self, path, props=None, to_static_markup=False):
+    def render(self, path, props=None, to_static_markup=False, request_headers=None, timeout=None):
         # ...
 
 def my_render_function(*args, **kwargs):

From c811ca6c4c4cac127e2298a25bcb895fbccee0e3 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 28 Feb 2017 08:23:40 +1100
Subject: [PATCH 40/61] 4.0.0

---
 CHANGELOG.md      | 16 ++++++++++++++++
 react/__init__.py |  2 +-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 76c631c..cd44dbb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,22 @@
 Changelog
 =========
 
+### 4.0.0 (28/2/2017)
+
+- **Possibly breaking change** `RenderServer.render` now accepts a `timeout` keyword argument. There are some
+  edge-cases where this may break down-stream code.
+  ([Corey Burmeister](https://github.com/cburmeister))
+  https://github.com/markfinger/python-react/pull/73
+- Documentation updates regarding production environments. The key takeaway is to ensure that you are using
+  the `NODE_ENV=production` environment variable so that React runs without debugging helpers which slow down
+  rendering.
+- Documentation updates regarding `RenderServer` API.
+
+### 3.0.1 (6/4/2016)
+
+- Documentation updates.
+
+
 ### 3.0.0 (6/4/2016)
 
 - **Possibly breaking change** render_component now accepts a `request_headers` keyword argument.
diff --git a/react/__init__.py b/react/__init__.py
index 90a0993..917afc5 100644
--- a/react/__init__.py
+++ b/react/__init__.py
@@ -1,3 +1,3 @@
-__version__ = '3.0.1'
+__version__ = '4.0.0'
 
 default_app_config = 'react.apps.ReactConfig'
\ No newline at end of file

From 2e2823537100615d8d6f9547dfb4099adad43229 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 28 Feb 2017 08:36:32 +1100
Subject: [PATCH 41/61] Updating FAQ

---
 README.md | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 14237f9..6875957 100644
--- a/README.md
+++ b/README.md
@@ -296,13 +296,24 @@ Frequently Asked Questions
 
 ### Can python-react integrate with Django?
 
-python-react can integrate with Django's settings and the renderer integration can resolve relative paths to components via django's static file finders.
+python-react can integrate with Django's settings and the renderer integration can 
+resolve relative paths to components via django's static file finders.
+
+### How do I handle Django's translation and gettext with React components?
+
+[@sillygod](https://github.com/sillygod) sparked a discussion of this at issue 
+[#69](https://github.com/markfinger/python-react/issues/69).
 
 ### Can python-react integrate with Web2Py?
 
 [@Anima-t3d](https://github.com/Anima-t3d) has a write-up of their experience
 in [#70](https://github.com/markfinger/python-react/issues/70#issuecomment-254396083).
 
+### How do I pass child components to the root component?
+
+[@Anima-t3d](https://github.com/Anima-t3d) sparked a discussion of this at issue 
+[#70](https://github.com/markfinger/python-react/issues/71).
+
 
 Running the tests
 -----------------

From 84e2f19dc7e5e1a235e4928d19b345d2d8f8f768 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 28 Feb 2017 08:37:38 +1100
Subject: [PATCH 42/61] Not sure why I added those at symbols...

---
 README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 6875957..2d65b64 100644
--- a/README.md
+++ b/README.md
@@ -301,17 +301,17 @@ resolve relative paths to components via django's static file finders.
 
 ### How do I handle Django's translation and gettext with React components?
 
-[@sillygod](https://github.com/sillygod) sparked a discussion of this at issue 
+[sillygod](https://github.com/sillygod) sparked a discussion of this at issue 
 [#69](https://github.com/markfinger/python-react/issues/69).
 
 ### Can python-react integrate with Web2Py?
 
-[@Anima-t3d](https://github.com/Anima-t3d) has a write-up of their experience
+[Anima-t3d](https://github.com/Anima-t3d) has a write-up of their experience
 in [#70](https://github.com/markfinger/python-react/issues/70#issuecomment-254396083).
 
 ### How do I pass child components to the root component?
 
-[@Anima-t3d](https://github.com/Anima-t3d) sparked a discussion of this at issue 
+[Anima-t3d](https://github.com/Anima-t3d) sparked a discussion of this at issue 
 [#70](https://github.com/markfinger/python-react/issues/71).

From d8e8b4572f18da30397927fed7155a328348ede8 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 28 Feb 2017 08:38:53 +1100
Subject: [PATCH 43/61] Typo

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 2d65b64..f1650cc 100644
--- a/README.md
+++ b/README.md
@@ -312,7 +312,7 @@ in [#70](https://github.com/markfinger/python-react/issues/70#issuecomment-25439
 ### How do I pass child components to the root component?
 
 [Anima-t3d](https://github.com/Anima-t3d) sparked a discussion of this at issue 
-[#70](https://github.com/markfinger/python-react/issues/71).
+[#71](https://github.com/markfinger/python-react/issues/71).
 
 
 Running the tests

From 1bad117ab36ced678b3c99b876b5e3eb7baa0750 Mon Sep 17 00:00:00 2001
From: Corey Burmeister <burmeister.corey@gmail.com>
Date: Tue, 28 Feb 2017 14:08:42 -0800
Subject: [PATCH 44/61] Extend timeout to render_component()

This commit extends the `timeout` parameter within `RenderServer.render`
to `render_component`.
---
 react/render.py        | 4 ++--
 react/render_server.py | 5 +----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/react/render.py b/react/render.py
index 83173d0..447c340 100644
--- a/react/render.py
+++ b/react/render.py
@@ -4,7 +4,7 @@
 from .render_server import render_server
 
 
-def render_component(path, props=None, to_static_markup=False, renderer=render_server, request_headers=None):
+def render_component(path, props=None, to_static_markup=False, renderer=render_server, request_headers=None, timeout=None):
     if not os.path.isabs(path):
         abs_path = staticfiles.find(path)
         if not abs_path:
@@ -14,4 +14,4 @@ def render_component(path, props=None, to_static_markup=False, renderer=render_s
     if not os.path.exists(path):
         raise ComponentSourceFileNotFound(path)
 
-    return renderer.render(path, props, to_static_markup, request_headers)
+    return renderer.render(path, props, to_static_markup, request_headers, timeout=timeout)
diff --git a/react/render_server.py b/react/render_server.py
index 33cbf67..a7b1907 100644
--- a/react/render_server.py
+++ b/react/render_server.py
@@ -20,10 +20,7 @@ def __unicode__(self):
 
 
 class RenderServer(object):
-    def render(
-        self, path, props=None, to_static_markup=False, request_headers=None,
-        timeout=None
-    ):
+    def render(self, path, props=None, to_static_markup=False, request_headers=None, timeout=None):
         url = conf.settings.RENDER_URL
 
         if props is not None:

From e2e343bbd04abee2c28f22b1bc63e06b54f9a97c Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Wed, 1 Mar 2017 10:25:26 +1100
Subject: [PATCH 45/61] Docs for #74

---
 README.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/README.md b/README.md
index f1650cc..da12786 100644
--- a/README.md
+++ b/README.md
@@ -153,6 +153,12 @@ render_component(
     request_headers={
         'Accept-Language': 'da, en-gb;q=0.8, en;q=0.7'
     },
+
+    # An optional timeout that is used when handling communications with the render server.
+    # Can be an integer, a float, or a tuple containing two numeric values (the two values
+    # represent the individual timeouts on the send & receive phases of the request).
+    # Note that if not defined, this value will default to (5, 5)
+    timeout=None
 )
 ```

From 75d87a26e69f51606b6d34c2e648ca8007490f22 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Wed, 1 Mar 2017 10:25:46 +1100
Subject: [PATCH 46/61] 4.1.0

---
 CHANGELOG.md      | 7 +++++++
 react/__init__.py | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index cd44dbb..07f3f60 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,13 @@
 Changelog
 =========
 
+### 4.1.0 (1/3/2017)
+
+- `render_component` now accepts a `timeout` keyword argument which is passed to `RenderServer.render`.
+  ([Corey Burmeister](https://github.com/cburmeister))
+  https://github.com/markfinger/python-react/pull/74
+
+
 ### 4.0.0 (28/2/2017)
 
 - **Possibly breaking change** `RenderServer.render` now accepts a `timeout` keyword argument. There are some
diff --git a/react/__init__.py b/react/__init__.py
index 917afc5..5e58b2f 100644
--- a/react/__init__.py
+++ b/react/__init__.py
@@ -1,3 +1,3 @@
-__version__ = '4.0.0'
+__version__ = '4.1.0'
 
 default_app_config = 'react.apps.ReactConfig'
\ No newline at end of file

From 58b2b608d125519bcce8036f6046c8f131491b4f Mon Sep 17 00:00:00 2001
From: Mike Plis <mplis@users.noreply.github.com>
Date: Tue, 8 Aug 2017 08:51:35 -0400
Subject: [PATCH 47/61] Update render_server.py

---
 react/render_server.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/react/render_server.py b/react/render_server.py
index a7b1907..2cecaa2 100644
--- a/react/render_server.py
+++ b/react/render_server.py
@@ -47,7 +47,7 @@ def render(self, path, props=None, to_static_markup=False, request_headers=None,
 
         # Add a send/receive timeout with the request if not specified
         if not isinstance(timeout, (tuple, int, float)):
-            timeout = (5, 5)
+            timeout = 5.0
 
         try:
             res = requests.post(

From 5631e2b211be5b1a6f2b74893a1fab8b591c03df Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Wed, 9 Aug 2017 10:14:35 +1000
Subject: [PATCH 48/61] 4.1.1

---
 CHANGELOG.md      | 8 ++++++++
 react/__init__.py | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 07f3f60..94fcd9d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,14 @@
 Changelog
 =========
 
+### 4.1.1 (9/8/2017)
+
+- Update timeout in render_server.py.
+  ([Mike Plis](https://github.com/mplis))
+  https://github.com/markfinger/python-react/pull/81
+
+
+
 ### 4.1.0 (1/3/2017)
 
 - `render_component` now accepts a `timeout` keyword argument which is passed to `RenderServer.render`.
diff --git a/react/__init__.py b/react/__init__.py
index 5e58b2f..2906628 100644
--- a/react/__init__.py
+++ b/react/__init__.py
@@ -1,3 +1,3 @@
-__version__ = '4.1.0'
+__version__ = '4.1.1'
 
 default_app_config = 'react.apps.ReactConfig'
\ No newline at end of file

From f6a13d354f216f6e4792c84eb9f0f07b3572bd82 Mon Sep 17 00:00:00 2001
From: Sassan Haradji <sassanh@gmail.com>
Date: Mon, 16 Jul 2018 11:19:11 +0430
Subject: [PATCH 49/61] API for returning extra items returned by render server

---
 react/render_server.py | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/react/render_server.py b/react/render_server.py
index 2cecaa2..54f84c3 100644
--- a/react/render_server.py
+++ b/react/render_server.py
@@ -8,9 +8,10 @@
 
 
 class RenderedComponent(object):
-    def __init__(self, markup, props):
+    def __init__(self, markup, props, extra):
         self.markup = markup
         self.props = props
+        self.extra = extra
 
     def __str__(self):
         return self.markup
@@ -67,8 +68,9 @@ def render(self, path, props=None, to_static_markup=False, request_headers=None,
 
         obj = res.json()
 
-        markup = obj.get('markup', None)
-        err = obj.get('error', None)
+        markup = obj.pop('markup', None)
+        err = obj.pop('error', None)
+        extra = obj
 
         if err:
             if 'message' in err and 'stack' in err:
@@ -80,7 +82,7 @@ def render(self, path, props=None, to_static_markup=False, request_headers=None,
         if markup is None:
             raise ReactRenderingError('Render server failed to return markup. Returned: {}'.format(obj))
 
-        return RenderedComponent(markup, serialized_props)
+        return RenderedComponent(markup, serialized_props, extra)
 
 
 render_server = RenderServer()

From db30691d18656d81907eb5daaedf0d0d306cbf6c Mon Sep 17 00:00:00 2001
From: Sassan Haradji <sassanh@gmail.com>
Date: Mon, 16 Jul 2018 20:44:21 +0430
Subject: [PATCH 50/61] Renamed extra to data

---
 react/render_server.py | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/react/render_server.py b/react/render_server.py
index 54f84c3..13bbcae 100644
--- a/react/render_server.py
+++ b/react/render_server.py
@@ -8,10 +8,10 @@
 
 
 class RenderedComponent(object):
-    def __init__(self, markup, props, extra):
+    def __init__(self, markup, props, data):
         self.markup = markup
         self.props = props
-        self.extra = extra
+        self.data = data
 
     def __str__(self):
         return self.markup
@@ -70,7 +70,7 @@ def render(self, path, props=None, to_static_markup=False, request_headers=None,
 
         markup = obj.pop('markup', None)
         err = obj.pop('error', None)
-        extra = obj
+        data = obj
 
         if err:
             if 'message' in err and 'stack' in err:
@@ -82,7 +82,7 @@ def render(self, path, props=None, to_static_markup=False, request_headers=None,
         if markup is None:
             raise ReactRenderingError('Render server failed to return markup. Returned: {}'.format(obj))
 
-        return RenderedComponent(markup, serialized_props, extra)
+        return RenderedComponent(markup, serialized_props, data)
 
 
 render_server = RenderServer()

From 1167ba033ee1747005dd3dba1643d22c83e04233 Mon Sep 17 00:00:00 2001
From: Sassan Haradji <sassanh@gmail.com>
Date: Mon, 16 Jul 2018 22:44:55 +0430
Subject: [PATCH 51/61] Added new data api to the docs

---
 README.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/README.md b/README.md
index da12786..31470e9 100644
--- a/README.md
+++ b/README.md
@@ -69,6 +69,7 @@ The object returned has two properties:
 
  - `markup` - the rendered markup
  - `props` - the JSON-serialized props
+ - `data` - extra data returned by the render server
 
 If the object is coerced to a string, it will emit the value of the `markup` attribute.
 
@@ -82,6 +83,8 @@ for a simple server that will cover most cases. The key files for the render ser
  - [render_server.js](examples/basic_rendering/render_server.js) - the server's source code
  - [package.json](examples/basic_rendering/package.json) - the server's dependencies, installable with
    [npm](http://npmjs.com)
+   
+You can also return extra data from your render server and these data will be stored in `data` attribute of the response object.
 
 
 Using React on the front-end

From cb554d974646a7ea17de35012668fd191c00e009 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 17 Jul 2018 10:23:41 +1000
Subject: [PATCH 52/61] Docs

Added some more detail/example for the `data` prop.
Fixed some mixed tabs/spaces in the docs.
---
 README.md | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 31470e9..a2d4e40 100644
--- a/README.md
+++ b/README.md
@@ -69,7 +69,7 @@ The object returned has two properties:
 
  - `markup` - the rendered markup
  - `props` - the JSON-serialized props
- - `data` - extra data returned by the render server
+ - `data` - the data returned by the render server
 
 If the object is coerced to a string, it will emit the value of the `markup` attribute.
 
@@ -83,8 +83,6 @@ for a simple server that will cover most cases. The key files for the render ser
  - [render_server.js](examples/basic_rendering/render_server.js) - the server's source code
  - [package.json](examples/basic_rendering/package.json) - the server's dependencies, installable with
    [npm](http://npmjs.com)
-   
-You can also return extra data from your render server and these data will be stored in `data` attribute of the response object.
 
 
 Using React on the front-end
@@ -258,7 +256,7 @@ from react.conf import settings
 DEBUG = True
 
 settings.configure(
-	RENDER=not DEBUG,
+    RENDER=not DEBUG,
     RENDER_URL='http://127.0.0.1:9009/render',
 )
 ```
@@ -273,7 +271,7 @@ INSTALLED_APPS = (
 )
 
 REACT = {
-	'RENDER': not DEBUG,
+    'RENDER': not DEBUG,
     'RENDER_URL': 'http://127.0.0.1:8001/render',
 }
 ```
@@ -303,6 +301,22 @@ Default: `'http://127.0.0.1:9009/render'`
 Frequently Asked Questions
 --------------------------
 
+### How do I return extra data from the render server?
+
+You can edit the render server's code and annotate the returned payload with whatever data 
+that you like. The payload provided by the render server is available under the `data` attribute 
+of the response object.
+
+For example:
+
+```python
+from react.render import render_component
+
+rendered = render_component('path/to/component.js')
+
+print(rendered.data)
+```
+
 ### Can python-react integrate with Django?
 
 python-react can integrate with Django's settings and the renderer integration can

From 6211e3147c4d680440f47eb8060fe5e3385da239 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 17 Jul 2018 10:34:54 +1000
Subject: [PATCH 53/61] 4.2.0

---
 CHANGELOG.md      | 7 +++++++
 react/__init__.py | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 94fcd9d..7ed3c3e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,13 @@
 Changelog
 =========
 
+### 4.2.0 (17/6/2018)
+
+- API for returning extra items returned by render server.
+  ([Sassan Haradji](https://github.com/sassanh))
+  https://github.com/markfinger/python-react/pull/87
+
+
 ### 4.1.1 (9/8/2017)
 
 - Update timeout in render_server.py.
diff --git a/react/__init__.py b/react/__init__.py
index 2906628..4eed8e1 100644
--- a/react/__init__.py
+++ b/react/__init__.py
@@ -1,3 +1,3 @@
-__version__ = '4.1.1'
+__version__ = '4.2.0'
 
 default_app_config = 'react.apps.ReactConfig'
\ No newline at end of file

From 8853887b9ad69004713fcf1d5dc921d4e006f4e1 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 17 Jul 2018 10:51:59 +1000
Subject: [PATCH 54/61] Fixed a missing argument bug when using RENDER = False

---
 react/render_server.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/react/render_server.py b/react/render_server.py
index 13bbcae..679cc8b 100644
--- a/react/render_server.py
+++ b/react/render_server.py
@@ -30,7 +30,7 @@ def render(self, path, props=None, to_static_markup=False, request_headers=None,
             serialized_props = None
 
         if not conf.settings.RENDER:
-            return RenderedComponent('', serialized_props)
+            return RenderedComponent('', serialized_props, {})
 
         options = {
             'path': path,

From e33781f8efb553ecc07de99a4f1d68fe43ca478a Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Tue, 17 Jul 2018 10:52:08 +1000
Subject: [PATCH 55/61] 4.2.1

---
 CHANGELOG.md      | 6 ++++++
 react/__init__.py | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7ed3c3e..b21d1ad 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,12 @@
 Changelog
 =========
 
+### 4.2.1 (17/6/2018)
+
+- Fix for a missing argument bug that could occur with rendering deactivated.
+
+
+
 ### 4.2.0 (17/6/2018)
 
 - API for returning extra items returned by render server.
diff --git a/react/__init__.py b/react/__init__.py
index 4eed8e1..0910eff 100644
--- a/react/__init__.py
+++ b/react/__init__.py
@@ -1,3 +1,3 @@
-__version__ = '4.2.0'
+__version__ = '4.2.1'
 
 default_app_config = 'react.apps.ReactConfig'
\ No newline at end of file

From b3826c1dc115400749a57233eac94cf06d49af71 Mon Sep 17 00:00:00 2001
From: Jaylum Chen <jaylum@eventbrite.com>
Date: Wed, 8 Aug 2018 18:16:12 -0700
Subject: [PATCH 56/61] take url as an arg

---
 react/render_server.py | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/react/render_server.py b/react/render_server.py
index 679cc8b..b7d7d48 100644
--- a/react/render_server.py
+++ b/react/render_server.py
@@ -21,8 +21,9 @@ def __unicode__(self):
 
 
 class RenderServer(object):
-    def render(self, path, props=None, to_static_markup=False, request_headers=None, timeout=None):
-        url = conf.settings.RENDER_URL
+    def render(self, path, props=None, to_static_markup=False, request_headers=None, timeout=None, url=None):
+        if not url:
+            url = conf.settings.RENDER_URL
 
         if props is not None:
             serialized_props = json.dumps(props, cls=JSONEncoder)

From 8a44adf0d9d2bb1078d759c1fae219b75005a024 Mon Sep 17 00:00:00 2001
From: Mark Finger <markfinger@gmail.com>
Date: Mon, 8 Oct 2018 20:54:46 +1100
Subject: [PATCH 57/61] 4.3.0

---
 CHANGELOG.md      | 20 ++++++++++++++++++--
 react/__init__.py |  2 +-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b21d1ad..2d309cf 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,12 +1,19 @@
 Changelog
 =========
 
+
+### 4.3.0 (8/10/2018)
+
+- Add option to pass a URL explicitly instead of reading from settings.
+  ([jchen-eb](https://github.com/jchen-eb))
+  https://github.com/markfinger/python-react/pull/88
+
+
 ### 4.2.1 (17/6/2018)
 
 - Fix for a missing argument bug that could occur with rendering deactivated.
 
 
-
 ### 4.2.0 (17/6/2018)
 
 - API for returning extra items returned by render server.
@@ -21,7 +28,6 @@ Changelog
   https://github.com/markfinger/python-react/pull/81
 
 
-
 ### 4.1.0 (1/3/2017)
 
 - `render_component` now accepts a `timeout` keyword argument which is passed to `RenderServer.render`.
@@ -40,6 +46,7 @@ Changelog
   rendering.
 - Documentation updates regarding `RenderServer` API.
 
+
 ### 3.0.1 (6/4/2016)
 
 - Documentation updates.
@@ -65,6 +72,7 @@ Changelog
   ([Pringels](https://github.com/Pringels))
   https://github.com/markfinger/python-react/pull/55
 
+
 ### 2.0.0 (22/9/2015)
 
 - **Breaking change** The base renderer's __init__  no longer accepts the RENDER_URL setting as an argument.
@@ -89,6 +97,7 @@ Changelog
 - Fixed a potential path issue in config files
 - Replaced the webpack-service dependency with webpack-wrapper.
 
+
 ### 0.8.0 (26/1/2015)
 
 - Boosting render performance by using a dedicated render server.
@@ -97,6 +106,7 @@ Changelog
  render server, 'django_react.render_server.ReactRenderServer'. The legacy renderer is useable by
  setting DJANGO_REACT['RENDERER'] = 'django_react.renderer.ReactRenderer'.
 
+
 ### 0.7.0 (2/1/2015)
 
 - Changed `django_react.exceptions.ReactComponentMissingSourceAttribute` to `django_react.exceptions.ReactComponentMissingSource`
@@ -107,10 +117,12 @@ Changelog
 - The Python<->JS bridge used to render components now relies on a `--serialized-props-file` argument, formerly it was `--serialized-props`.
 - Switched the JSX loader to a fork which improves the debug information provided during error handling
 
+
 ### 0.6.0 (24/12/2014)
 
 - The NODE_ENV environment setting is now controlled by the `DJANGO_REACT['DEBUG']` setting. Activating it will provides some improvements to the rendering performance.
 
+
 ### 0.5.0 (14/12/2014)
 
 - Renamed `django_react.exceptions.PropSerialisationError` to `django_react.exceptions.PropSerializationError`.
@@ -132,6 +144,7 @@ Changelog
 - Added a test suite and harness.
 - Added basic documentation.
 
+
 ### 0.4.0 (11/12/2014)
 
 - Fixed a bug where errors caused during a component's prop serialization could silently fail.
@@ -144,6 +157,7 @@ Changelog
 - `ReactComponent.get_component_variable` is now `ReactComponent.get_library`.
 - Moved the Webpack configuration into the ReactComponent class.
 
+
 ### 0.3.0 (3/12/2014)
 
 - `django_react.exceptions.ReactComponentSourceFileNotFound` is now `django_react.exceptions.SourceFileNotFound`
@@ -154,10 +168,12 @@ Changelog
 - `django_react.utils.render` no longer accepts a `ReactComponent` as an argument, it now takes `path_to_source`, `serialised_props`, and `to_static_markup`.
 - `django_react/render.js` no longer accepts the `--path-to-component` argument, instead it takes `--path-to-source`.
 
+
 ### 0.2.0 (3/12/2014)
 
 - Replaced the post-install step in setup.py with django-node's dependency and package resolver.
 
+
 ### 0.1.0 (2/12/2014)
 
 - Initial release
diff --git a/react/__init__.py b/react/__init__.py
index 0910eff..66cf931 100644
--- a/react/__init__.py
+++ b/react/__init__.py
@@ -1,3 +1,3 @@
-__version__ = '4.2.1'
+__version__ = '4.3.0'
 
 default_app_config = 'react.apps.ReactConfig'
\ No newline at end of file

From 787a17a2fc82ce56e67b2f731154cefe59388efc Mon Sep 17 00:00:00 2001
From: Emilio Tagua <emilio@eventbrite.com>
Date: Mon, 14 Sep 2020 11:48:57 -0300
Subject: [PATCH 58/61] Test on travis with newer versions of Python and Django

---
 .travis.yml | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/.travis.yml b/.travis.yml
index 2308405..7fcdacb 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -2,11 +2,13 @@ language: python
 
 python:
   - "2.7"
-  - "3.4"
+  - "3.8"
 
 env:
   - DJANGO_VERSION=1.7.8
   - DJANGO_VERSION=1.8.1
+  - DJANGO_VERSION=2.2.16
+  - DJANGO_VERSION=3.1.1
 
 install:
   # Install node 6 (current LTS as of January 2017)

From c68dacc4d53449e5e1f049f317b1f542cabe33c0 Mon Sep 17 00:00:00 2001
From: Tim Gates <tim.gates@iress.com>
Date: Mon, 28 Dec 2020 21:46:38 +1100
Subject: [PATCH 59/61] docs: fix simple typo, browswer -> browser

There is a small typo in examples/frontend-rendering-with-webpack/README.md.

Should read `browser` rather than `browswer`.
---
 examples/frontend-rendering-with-webpack/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/frontend-rendering-with-webpack/README.md b/examples/frontend-rendering-with-webpack/README.md
index f7b9908..05f9421 100644
--- a/examples/frontend-rendering-with-webpack/README.md
+++ b/examples/frontend-rendering-with-webpack/README.md
@@ -1,7 +1,7 @@
 Running the example
 ===================
 
-As mentioned in the ***Using React on the front-end*** section, [Webpack](https://webpack.github.io/) is used to bundle the respective js files into `dist.js` and included in `index.html`. To make React attributes like `onClick` etc. work, the app has to be re-rendered (along with all the props passed down) when it loads on the browswer. React is intelligent enough to not re-paint the browser and only update the changes, thus adding all the component properties.
+As mentioned in the ***Using React on the front-end*** section, [Webpack](https://webpack.github.io/) is used to bundle the respective js files into `dist.js` and included in `index.html`. To make React attributes like `onClick` etc. work, the app has to be re-rendered (along with all the props passed down) when it loads on the browser. React is intelligent enough to not re-paint the browser and only update the changes, thus adding all the component properties.
 
 In this example, the basic_rendering example is modified to submit the Comment Form through ajax and update the Comment List by fetching the updated comments and rendering the application with new props.

From fe54b3e78fda2952d22fb32d89bf91bdebc393b9 Mon Sep 17 00:00:00 2001
From: lolivera-eb <80480298+lolivera-eb@users.noreply.github.com>
Date: Mon, 5 Jul 2021 14:50:42 -0300
Subject: [PATCH 60/61] update python version

---
 .travis.yml | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.travis.yml b/.travis.yml
index 7fcdacb..a61f73b 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -2,6 +2,8 @@ language: python
 
 python:
   - "2.7"
+  - "3.5"
+  - "3.7"
   - "3.8"
 
 env:
@@ -9,6 +11,7 @@ env:
   - DJANGO_VERSION=1.8.1
   - DJANGO_VERSION=2.2.16
   - DJANGO_VERSION=3.1.1
+  - DJANGO_VERSION=1.8.19
 
 install:
   # Install node 6 (current LTS as of January 2017)

From 1703ebe0805fd187f54a945ca03796ece518fca1 Mon Sep 17 00:00:00 2001
From: xav <73826012+gravybrux@users.noreply.github.com>
Date: Thu, 29 Jun 2023 15:25:41 +0100
Subject: [PATCH 61/61] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index a2d4e40..b73e30c 100644
--- a/README.md
+++ b/README.md
@@ -65,7 +65,7 @@ rendered = render_component('path/to/component.jsx', {'foo': 'bar'})
 print(rendered)
 ```
 
-The object returned has two properties:
+The object returned has three properties:
 
  - `markup` - the rendered markup
  - `props` - the JSON-serialized props