First commit

Dockerfile

@@ -0,0 +1,27 @@
+# read the doc: https://huggingface.co/docs/hub/spaces-sdks-docker
+# you will also find guides on how best to write your Dockerfile
+
+FROM python:3.9
+
+WORKDIR /code
+
+# Copy requirements.txt separately to leverage Docker layer caching
+COPY ./requirements.txt /code/requirements.txt
+
+# Install dependencies
+RUN pip install --no-cache-dir --upgrade -r requirements.txt
+
+# Set the HF_HOME environment variable
+ENV HF_HOME /code/.cache/huggingface
+
+# Create cache directory with appropriate permissions
+RUN mkdir -p $HF_HOME && chmod -R 777 $HF_HOME
+
+# Copy the rest of the application files
+COPY . .
+
+# Grant write permissions to the directory where your application saves files
+RUN mkdir -p /code/static/uploads && chmod -R 777 /code/static/uploads
+
+# Command to run your application
+CMD ["gunicorn", "-b", "0.0.0.0:7860", "app:app"]

README.md

@@ -1,8 +1,8 @@
 ---
-title: Pfe Site
-emoji: 🔥
-colorFrom: blue
-colorTo: gray
+title: PFE Demo
+emoji: 🐠
+colorFrom: red
+colorTo: pink
 sdk: docker
 pinned: false
 ---

app.py

@@ -0,0 +1,115 @@
+from flask import Flask, render_template,request, redirect,url_for, jsonify
+from PyPDF2 import PdfReader
+from helper_functions import predict_class
+import fitz  # PyMuPDF
+import os, shutil
+import torch
+from transformers import BertTokenizer, BertForSequenceClassification
+import pickle
+
+app = Flask(__name__)
+app.config['UPLOAD_FOLDER'] = 'static/uploads' 
+
+@app.route("/")
+def home():
+    predict_class = ""
+    class_probabilities = dict()
+    chart_data = dict()
+    return render_template('pdf.html', class_probabilities= class_probabilities, predicted_class=predict_class,chart_data = chart_data)
+
+@app.route('/pdf')
+def pdf():
+    predict_class = ""
+    class_probabilities = dict()
+    chart_data = dict()
+    return render_template('pdf.html', class_probabilities= class_probabilities, predicted_class=predict_class,chart_data = chart_data)
+
+@app.route('/pdf/upload' , methods = ['POST'])
+def treatment():
+    if request.method == 'POST' :
+        # Récupérer le fichier PDF de la requête
+        file = request.files['file']
+        filename = file.filename
+
+        # Enregistrer le fichier dans le répertoire de téléchargement
+        filepath = app.config['UPLOAD_FOLDER'] + "/" + filename
+        file.save(filepath)
+
+        # Ouvrir le fichier PDF
+        pdf_document = fitz.open(filepath)
+
+        # Initialiser une variable pour stocker le texte extrait
+        extracted_text = ""
+
+        # Boucler à travers chaque page pour extraire le texte
+        for page_num in range(len(pdf_document)):
+            # Récupérer l'objet de la page
+            page = pdf_document.load_page(page_num)
+
+            # Extraire le texte de la page
+            page_text = page.get_text()
+
+            # Ajouter le texte de la page à la variable d'extraction
+            extracted_text += f"\nPage {page_num + 1}:\n{page_text}"
+
+        # Fermer le fichier PDF
+        pdf_document.close()
+        # Prepare data for the chart
+        predicted_class , class_probabilities = predict_class([extracted_text])
+        chart_data = {
+            'datasets': [{
+                'data': list(class_probabilities.values()),
+                'backgroundColor': [color[2] for color in class_probabilities.keys()],
+                'borderColor': [color[2] for color in class_probabilities.keys()]
+            }],
+            'labels': [label[0] for label in class_probabilities.keys()]
+        }
+        print(predict_class)
+        print(chart_data)
+         # clear the uploads folder
+        for filename in os.listdir(app.config['UPLOAD_FOLDER']):
+            file_path = os.path.join(app.config['UPLOAD_FOLDER'], filename)
+            try:
+                if os.path.isfile(file_path) or os.path.islink(file_path):
+                    os.unlink(file_path)
+                elif os.path.isdir(file_path):
+                    shutil.rmtree(file_path)
+            except Exception as e:
+                print('Failed to delete %s. Reason: %s' % (file_path, e))
+        return render_template('pdf.html',extracted_text = extracted_text, class_probabilities=class_probabilities, predicted_class=predicted_class, chart_data = chart_data)
+    return render_template('pdf.html')
+
+@app.route('/sentence' , methods = ['GET' , 'POST'])
+def sentence():
+    if request.method == 'POST':
+        # Get the form data
+        text = [request.form['text']]
+        predicted_class , class_probabilities = predict_class(text)
+        # Prepare data for the chart
+        chart_data = {
+            'datasets': [{
+                'data': list(class_probabilities.values()),
+                'backgroundColor': [color[2] for color in class_probabilities.keys()],
+                'borderColor': [color[2] for color in class_probabilities.keys()]
+            }],
+            'labels': [label[0] for label in class_probabilities.keys()]
+        }
+        print(chart_data)
+         # clear the uploads folder
+        for filename in os.listdir(app.config['UPLOAD_FOLDER']):
+            file_path = os.path.join(app.config['UPLOAD_FOLDER'], filename)
+            try:
+                if os.path.isfile(file_path) or os.path.islink(file_path):
+                    os.unlink(file_path)
+                elif os.path.isdir(file_path):
+                    shutil.rmtree(file_path)
+            except Exception as e:
+                print('Failed to delete %s. Reason: %s' % (file_path, e))
+        return render_template('response_sentence.html', text=text, class_probabilities=class_probabilities, predicted_class=predicted_class,chart_data = chart_data)
+
+    # Render the initial form page
+    return render_template('sentence.html')
+
+
+if __name__ == '__main__':
+    app.run(debug=True)

bertModel-20240428T144909Z-001/bertModel/label_encoder.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6f2140f9641061e34cfa413940d8b885b3016267e372ed6b7878908a47ab4759
+size 227

bertModel-20240428T144909Z-001/bertModel/saved_model/config.json

@@ -0,0 +1,51 @@
+{
+  "_name_or_path": "bert-base-uncased",
+  "architectures": [
+    "BertForSequenceClassification"
+  ],
+  "attention_probs_dropout_prob": 0.1,
+  "classifier_dropout": null,
+  "gradient_checkpointing": false,
+  "hidden_act": "gelu",
+  "hidden_dropout_prob": 0.1,
+  "hidden_size": 768,
+  "id2label": {
+    "0": "LABEL_0",
+    "1": "LABEL_1",
+    "2": "LABEL_2",
+    "3": "LABEL_3",
+    "4": "LABEL_4",
+    "5": "LABEL_5",
+    "6": "LABEL_6",
+    "7": "LABEL_7",
+    "8": "LABEL_8",
+    "9": "LABEL_9"
+  },
+  "initializer_range": 0.02,
+  "intermediate_size": 3072,
+  "label2id": {
+    "LABEL_0": 0,
+    "LABEL_1": 1,
+    "LABEL_2": 2,
+    "LABEL_3": 3,
+    "LABEL_4": 4,
+    "LABEL_5": 5,
+    "LABEL_6": 6,
+    "LABEL_7": 7,
+    "LABEL_8": 8,
+    "LABEL_9": 9
+  },
+  "layer_norm_eps": 1e-12,
+  "max_position_embeddings": 512,
+  "model_type": "bert",
+  "num_attention_heads": 12,
+  "num_hidden_layers": 12,
+  "pad_token_id": 0,
+  "position_embedding_type": "absolute",
+  "problem_type": "single_label_classification",
+  "torch_dtype": "float32",
+  "transformers_version": "4.40.0",
+  "type_vocab_size": 2,
+  "use_cache": true,
+  "vocab_size": 30522
+}

bertModel-20240428T144909Z-001/bertModel/saved_model/model.safetensors

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:77e959fadc3a09d85fa46103e4ada68e827b0a2cc64bdd660c600e2999433e27
+size 437983256

bertModel-20240428T144909Z-001/bertModel/saved_tokenizer/special_tokens_map.json

@@ -0,0 +1,7 @@
+{
+  "cls_token": "[CLS]",
+  "mask_token": "[MASK]",
+  "pad_token": "[PAD]",
+  "sep_token": "[SEP]",
+  "unk_token": "[UNK]"
+}

bertModel-20240428T144909Z-001/bertModel/saved_tokenizer/tokenizer_config.json

@@ -0,0 +1,57 @@
+{
+  "added_tokens_decoder": {
+    "0": {
+      "content": "[PAD]",
+      "lstrip": false,
+      "normalized": false,
+      "rstrip": false,
+      "single_word": false,
+      "special": true
+    },
+    "100": {
+      "content": "[UNK]",
+      "lstrip": false,
+      "normalized": false,
+      "rstrip": false,
+      "single_word": false,
+      "special": true
+    },
+    "101": {
+      "content": "[CLS]",
+      "lstrip": false,
+      "normalized": false,
+      "rstrip": false,
+      "single_word": false,
+      "special": true
+    },
+    "102": {
+      "content": "[SEP]",
+      "lstrip": false,
+      "normalized": false,
+      "rstrip": false,
+      "single_word": false,
+      "special": true
+    },
+    "103": {
+      "content": "[MASK]",
+      "lstrip": false,
+      "normalized": false,
+      "rstrip": false,
+      "single_word": false,
+      "special": true
+    }
+  },
+  "clean_up_tokenization_spaces": true,
+  "cls_token": "[CLS]",
+  "do_basic_tokenize": true,
+  "do_lower_case": true,
+  "mask_token": "[MASK]",
+  "model_max_length": 512,
+  "never_split": null,
+  "pad_token": "[PAD]",
+  "sep_token": "[SEP]",
+  "strip_accents": null,
+  "tokenize_chinese_chars": true,
+  "tokenizer_class": "BertTokenizer",
+  "unk_token": "[UNK]"
+}

frontend/css/animate.css

@@ -0,0 +1,3501 @@
+@charset "UTF-8";
+
+/*!* animate.css -http://daneden.me/animate
+* Version - 3.6.0
+* Licensed under the MIT license - http://opensource.org/licenses/MIT
+*
+* Copyright (c) 2018 Daniel Eden*/
+.animated {
+    -webkit-animation-duration: 1s;
+    animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both
+}
+
+.animated.infinite {
+    -webkit-animation-iteration-count: infinite;
+    animation-iteration-count: infinite
+}
+
+@-webkit-keyframes bounce {
+
+    from,
+    20%,
+    53%,
+    80%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    40%,
+    43% {
+        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        -webkit-transform: translate3d(0, -30px, 0);
+        transform: translate3d(0, -30px, 0)
+    }
+
+    70% {
+        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        -webkit-transform: translate3d(0, -15px, 0);
+        transform: translate3d(0, -15px, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, -4px, 0);
+        transform: translate3d(0, -4px, 0)
+    }
+}
+
+@keyframes bounce {
+
+    from,
+    20%,
+    53%,
+    80%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    40%,
+    43% {
+        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        -webkit-transform: translate3d(0, -30px, 0);
+        transform: translate3d(0, -30px, 0)
+    }
+
+    70% {
+        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        -webkit-transform: translate3d(0, -15px, 0);
+        transform: translate3d(0, -15px, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, -4px, 0);
+        transform: translate3d(0, -4px, 0)
+    }
+}
+
+.bounce {
+    -webkit-animation-name: bounce;
+    animation-name: bounce;
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom
+}
+
+@-webkit-keyframes flash {
+
+    from,
+    50%,
+    to {
+        opacity: 1
+    }
+
+    25%,
+    75% {
+        opacity: 0
+    }
+}
+
+@keyframes flash {
+
+    from,
+    50%,
+    to {
+        opacity: 1
+    }
+
+    25%,
+    75% {
+        opacity: 0
+    }
+}
+
+.flash {
+    -webkit-animation-name: flash;
+    animation-name: flash
+}
+
+@-webkit-keyframes pulse {
+    from {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+
+    50% {
+        -webkit-transform: scale3d(1.05, 1.05, 1.05);
+        transform: scale3d(1.05, 1.05, 1.05)
+    }
+
+    to {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+@keyframes pulse {
+    from {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+
+    50% {
+        -webkit-transform: scale3d(1.05, 1.05, 1.05);
+        transform: scale3d(1.05, 1.05, 1.05)
+    }
+
+    to {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+.pulse {
+    -webkit-animation-name: pulse;
+    animation-name: pulse
+}
+
+@-webkit-keyframes rubberBand {
+    from {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+
+    30% {
+        -webkit-transform: scale3d(1.25, .75, 1);
+        transform: scale3d(1.25, .75, 1)
+    }
+
+    40% {
+        -webkit-transform: scale3d(.75, 1.25, 1);
+        transform: scale3d(.75, 1.25, 1)
+    }
+
+    50% {
+        -webkit-transform: scale3d(1.15, .85, 1);
+        transform: scale3d(1.15, .85, 1)
+    }
+
+    65% {
+        -webkit-transform: scale3d(.95, 1.05, 1);
+        transform: scale3d(.95, 1.05, 1)
+    }
+
+    75% {
+        -webkit-transform: scale3d(1.05, .95, 1);
+        transform: scale3d(1.05, .95, 1)
+    }
+
+    to {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+@keyframes rubberBand {
+    from {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+
+    30% {
+        -webkit-transform: scale3d(1.25, .75, 1);
+        transform: scale3d(1.25, .75, 1)
+    }
+
+    40% {
+        -webkit-transform: scale3d(.75, 1.25, 1);
+        transform: scale3d(.75, 1.25, 1)
+    }
+
+    50% {
+        -webkit-transform: scale3d(1.15, .85, 1);
+        transform: scale3d(1.15, .85, 1)
+    }
+
+    65% {
+        -webkit-transform: scale3d(.95, 1.05, 1);
+        transform: scale3d(.95, 1.05, 1)
+    }
+
+    75% {
+        -webkit-transform: scale3d(1.05, .95, 1);
+        transform: scale3d(1.05, .95, 1)
+    }
+
+    to {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+.rubberBand {
+    -webkit-animation-name: rubberBand;
+    animation-name: rubberBand
+}
+
+@-webkit-keyframes shake {
+
+    from,
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    10%,
+    30%,
+    50%,
+    70%,
+    90% {
+        -webkit-transform: translate3d(-10px, 0, 0);
+        transform: translate3d(-10px, 0, 0)
+    }
+
+    20%,
+    40%,
+    60%,
+    80% {
+        -webkit-transform: translate3d(10px, 0, 0);
+        transform: translate3d(10px, 0, 0)
+    }
+}
+
+@keyframes shake {
+
+    from,
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    10%,
+    30%,
+    50%,
+    70%,
+    90% {
+        -webkit-transform: translate3d(-10px, 0, 0);
+        transform: translate3d(-10px, 0, 0)
+    }
+
+    20%,
+    40%,
+    60%,
+    80% {
+        -webkit-transform: translate3d(10px, 0, 0);
+        transform: translate3d(10px, 0, 0)
+    }
+}
+
+.shake {
+    -webkit-animation-name: shake;
+    animation-name: shake
+}
+
+@-webkit-keyframes headShake {
+    0% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0)
+    }
+
+    6.5% {
+        -webkit-transform: translateX(-6px) rotateY(-9deg);
+        transform: translateX(-6px) rotateY(-9deg)
+    }
+
+    18.5% {
+        -webkit-transform: translateX(5px) rotateY(7deg);
+        transform: translateX(5px) rotateY(7deg)
+    }
+
+    31.5% {
+        -webkit-transform: translateX(-3px) rotateY(-5deg);
+        transform: translateX(-3px) rotateY(-5deg)
+    }
+
+    43.5% {
+        -webkit-transform: translateX(2px) rotateY(3deg);
+        transform: translateX(2px) rotateY(3deg)
+    }
+
+    50% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0)
+    }
+}
+
+@keyframes headShake {
+    0% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0)
+    }
+
+    6.5% {
+        -webkit-transform: translateX(-6px) rotateY(-9deg);
+        transform: translateX(-6px) rotateY(-9deg)
+    }
+
+    18.5% {
+        -webkit-transform: translateX(5px) rotateY(7deg);
+        transform: translateX(5px) rotateY(7deg)
+    }
+
+    31.5% {
+        -webkit-transform: translateX(-3px) rotateY(-5deg);
+        transform: translateX(-3px) rotateY(-5deg)
+    }
+
+    43.5% {
+        -webkit-transform: translateX(2px) rotateY(3deg);
+        transform: translateX(2px) rotateY(3deg)
+    }
+
+    50% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0)
+    }
+}
+
+.headShake {
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+    -webkit-animation-name: headShake;
+    animation-name: headShake
+}
+
+@-webkit-keyframes swing {
+    20% {
+        -webkit-transform: rotate3d(0, 0, 1, 15deg);
+        transform: rotate3d(0, 0, 1, 15deg)
+    }
+
+    40% {
+        -webkit-transform: rotate3d(0, 0, 1, -10deg);
+        transform: rotate3d(0, 0, 1, -10deg)
+    }
+
+    60% {
+        -webkit-transform: rotate3d(0, 0, 1, 5deg);
+        transform: rotate3d(0, 0, 1, 5deg)
+    }
+
+    80% {
+        -webkit-transform: rotate3d(0, 0, 1, -5deg);
+        transform: rotate3d(0, 0, 1, -5deg)
+    }
+
+    to {
+        -webkit-transform: rotate3d(0, 0, 1, 0deg);
+        transform: rotate3d(0, 0, 1, 0deg)
+    }
+}
+
+@keyframes swing {
+    20% {
+        -webkit-transform: rotate3d(0, 0, 1, 15deg);
+        transform: rotate3d(0, 0, 1, 15deg)
+    }
+
+    40% {
+        -webkit-transform: rotate3d(0, 0, 1, -10deg);
+        transform: rotate3d(0, 0, 1, -10deg)
+    }
+
+    60% {
+        -webkit-transform: rotate3d(0, 0, 1, 5deg);
+        transform: rotate3d(0, 0, 1, 5deg)
+    }
+
+    80% {
+        -webkit-transform: rotate3d(0, 0, 1, -5deg);
+        transform: rotate3d(0, 0, 1, -5deg)
+    }
+
+    to {
+        -webkit-transform: rotate3d(0, 0, 1, 0deg);
+        transform: rotate3d(0, 0, 1, 0deg)
+    }
+}
+
+.swing {
+    -webkit-transform-origin: top center;
+    transform-origin: top center;
+    -webkit-animation-name: swing;
+    animation-name: swing
+}
+
+@-webkit-keyframes tada {
+    from {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+
+    10%,
+    20% {
+        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
+    }
+
+    30%,
+    50%,
+    70%,
+    90% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
+    }
+
+    40%,
+    60%,
+    80% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
+    }
+
+    to {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+@keyframes tada {
+    from {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+
+    10%,
+    20% {
+        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
+    }
+
+    30%,
+    50%,
+    70%,
+    90% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
+    }
+
+    40%,
+    60%,
+    80% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
+    }
+
+    to {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+.tada {
+    -webkit-animation-name: tada;
+    animation-name: tada
+}
+
+@-webkit-keyframes wobble {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    15% {
+        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
+    }
+
+    30% {
+        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
+    }
+
+    45% {
+        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
+    }
+
+    60% {
+        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
+    }
+
+    75% {
+        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes wobble {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    15% {
+        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
+    }
+
+    30% {
+        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
+    }
+
+    45% {
+        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
+    }
+
+    60% {
+        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
+    }
+
+    75% {
+        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.wobble {
+    -webkit-animation-name: wobble;
+    animation-name: wobble
+}
+
+@-webkit-keyframes jello {
+
+    from,
+    11.1%,
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    22.2% {
+        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+        transform: skewX(-12.5deg) skewY(-12.5deg)
+    }
+
+    33.3% {
+        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+        transform: skewX(6.25deg) skewY(6.25deg)
+    }
+
+    44.4% {
+        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+        transform: skewX(-3.125deg) skewY(-3.125deg)
+    }
+
+    55.5% {
+        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+        transform: skewX(1.5625deg) skewY(1.5625deg)
+    }
+
+    66.6% {
+        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+        transform: skewX(-0.78125deg) skewY(-0.78125deg)
+    }
+
+    77.7% {
+        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+        transform: skewX(0.390625deg) skewY(0.390625deg)
+    }
+
+    88.8% {
+        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
+    }
+}
+
+@keyframes jello {
+
+    from,
+    11.1%,
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    22.2% {
+        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+        transform: skewX(-12.5deg) skewY(-12.5deg)
+    }
+
+    33.3% {
+        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+        transform: skewX(6.25deg) skewY(6.25deg)
+    }
+
+    44.4% {
+        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+        transform: skewX(-3.125deg) skewY(-3.125deg)
+    }
+
+    55.5% {
+        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+        transform: skewX(1.5625deg) skewY(1.5625deg)
+    }
+
+    66.6% {
+        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+        transform: skewX(-0.78125deg) skewY(-0.78125deg)
+    }
+
+    77.7% {
+        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+        transform: skewX(0.390625deg) skewY(0.390625deg)
+    }
+
+    88.8% {
+        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
+    }
+}
+
+.jello {
+    -webkit-animation-name: jello;
+    animation-name: jello;
+    -webkit-transform-origin: center;
+    transform-origin: center
+}
+
+@-webkit-keyframes bounceIn {
+
+    from,
+    20%,
+    40%,
+    60%,
+    80%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    20% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1);
+        transform: scale3d(1.1, 1.1, 1.1)
+    }
+
+    40% {
+        -webkit-transform: scale3d(.9, .9, .9);
+        transform: scale3d(.9, .9, .9)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(1.03, 1.03, 1.03);
+        transform: scale3d(1.03, 1.03, 1.03)
+    }
+
+    80% {
+        -webkit-transform: scale3d(.97, .97, .97);
+        transform: scale3d(.97, .97, .97)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+@keyframes bounceIn {
+
+    from,
+    20%,
+    40%,
+    60%,
+    80%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    20% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1);
+        transform: scale3d(1.1, 1.1, 1.1)
+    }
+
+    40% {
+        -webkit-transform: scale3d(.9, .9, .9);
+        transform: scale3d(.9, .9, .9)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(1.03, 1.03, 1.03);
+        transform: scale3d(1.03, 1.03, 1.03)
+    }
+
+    80% {
+        -webkit-transform: scale3d(.97, .97, .97);
+        transform: scale3d(.97, .97, .97)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+.bounceIn {
+    -webkit-animation-duration: .75s;
+    animation-duration: .75s;
+    -webkit-animation-name: bounceIn;
+    animation-name: bounceIn
+}
+
+@-webkit-keyframes bounceInDown {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -3000px, 0);
+        transform: translate3d(0, -3000px, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 25px, 0);
+        transform: translate3d(0, 25px, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(0, -10px, 0);
+        transform: translate3d(0, -10px, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, 5px, 0);
+        transform: translate3d(0, 5px, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes bounceInDown {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -3000px, 0);
+        transform: translate3d(0, -3000px, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 25px, 0);
+        transform: translate3d(0, 25px, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(0, -10px, 0);
+        transform: translate3d(0, -10px, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, 5px, 0);
+        transform: translate3d(0, 5px, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.bounceInDown {
+    -webkit-animation-name: bounceInDown;
+    animation-name: bounceInDown
+}
+
+@-webkit-keyframes bounceInLeft {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-3000px, 0, 0);
+        transform: translate3d(-3000px, 0, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(25px, 0, 0);
+        transform: translate3d(25px, 0, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(-10px, 0, 0);
+        transform: translate3d(-10px, 0, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(5px, 0, 0);
+        transform: translate3d(5px, 0, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes bounceInLeft {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-3000px, 0, 0);
+        transform: translate3d(-3000px, 0, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(25px, 0, 0);
+        transform: translate3d(25px, 0, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(-10px, 0, 0);
+        transform: translate3d(-10px, 0, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(5px, 0, 0);
+        transform: translate3d(5px, 0, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.bounceInLeft {
+    -webkit-animation-name: bounceInLeft;
+    animation-name: bounceInLeft
+}
+
+@-webkit-keyframes bounceInRight {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(3000px, 0, 0);
+        transform: translate3d(3000px, 0, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(-25px, 0, 0);
+        transform: translate3d(-25px, 0, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(10px, 0, 0);
+        transform: translate3d(10px, 0, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(-5px, 0, 0);
+        transform: translate3d(-5px, 0, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes bounceInRight {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(3000px, 0, 0);
+        transform: translate3d(3000px, 0, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(-25px, 0, 0);
+        transform: translate3d(-25px, 0, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(10px, 0, 0);
+        transform: translate3d(10px, 0, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(-5px, 0, 0);
+        transform: translate3d(-5px, 0, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.bounceInRight {
+    -webkit-animation-name: bounceInRight;
+    animation-name: bounceInRight
+}
+
+@-webkit-keyframes bounceInUp {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 3000px, 0);
+        transform: translate3d(0, 3000px, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, -20px, 0);
+        transform: translate3d(0, -20px, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(0, 10px, 0);
+        transform: translate3d(0, 10px, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, -5px, 0);
+        transform: translate3d(0, -5px, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes bounceInUp {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 3000px, 0);
+        transform: translate3d(0, 3000px, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, -20px, 0);
+        transform: translate3d(0, -20px, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(0, 10px, 0);
+        transform: translate3d(0, 10px, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, -5px, 0);
+        transform: translate3d(0, -5px, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.bounceInUp {
+    -webkit-animation-name: bounceInUp;
+    animation-name: bounceInUp
+}
+
+@-webkit-keyframes bounceOut {
+    20% {
+        -webkit-transform: scale3d(.9, .9, .9);
+        transform: scale3d(.9, .9, .9)
+    }
+
+    50%,
+    55% {
+        opacity: 1;
+        -webkit-transform: scale3d(1.1, 1.1, 1.1);
+        transform: scale3d(1.1, 1.1, 1.1)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+}
+
+@keyframes bounceOut {
+    20% {
+        -webkit-transform: scale3d(.9, .9, .9);
+        transform: scale3d(.9, .9, .9)
+    }
+
+    50%,
+    55% {
+        opacity: 1;
+        -webkit-transform: scale3d(1.1, 1.1, 1.1);
+        transform: scale3d(1.1, 1.1, 1.1)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+}
+
+.bounceOut {
+    -webkit-animation-duration: .75s;
+    animation-duration: .75s;
+    -webkit-animation-name: bounceOut;
+    animation-name: bounceOut
+}
+
+@-webkit-keyframes bounceOutDown {
+    20% {
+        -webkit-transform: translate3d(0, 10px, 0);
+        transform: translate3d(0, 10px, 0)
+    }
+
+    40%,
+    45% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, -20px, 0);
+        transform: translate3d(0, -20px, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+}
+
+@keyframes bounceOutDown {
+    20% {
+        -webkit-transform: translate3d(0, 10px, 0);
+        transform: translate3d(0, 10px, 0)
+    }
+
+    40%,
+    45% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, -20px, 0);
+        transform: translate3d(0, -20px, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+}
+
+.bounceOutDown {
+    -webkit-animation-name: bounceOutDown;
+    animation-name: bounceOutDown
+}
+
+@-webkit-keyframes bounceOutLeft {
+    20% {
+        opacity: 1;
+        -webkit-transform: translate3d(20px, 0, 0);
+        transform: translate3d(20px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+}
+
+@keyframes bounceOutLeft {
+    20% {
+        opacity: 1;
+        -webkit-transform: translate3d(20px, 0, 0);
+        transform: translate3d(20px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+}
+
+.bounceOutLeft {
+    -webkit-animation-name: bounceOutLeft;
+    animation-name: bounceOutLeft
+}
+
+@-webkit-keyframes bounceOutRight {
+    20% {
+        opacity: 1;
+        -webkit-transform: translate3d(-20px, 0, 0);
+        transform: translate3d(-20px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+}
+
+@keyframes bounceOutRight {
+    20% {
+        opacity: 1;
+        -webkit-transform: translate3d(-20px, 0, 0);
+        transform: translate3d(-20px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+}
+
+.bounceOutRight {
+    -webkit-animation-name: bounceOutRight;
+    animation-name: bounceOutRight
+}
+
+@-webkit-keyframes bounceOutUp {
+    20% {
+        -webkit-transform: translate3d(0, -10px, 0);
+        transform: translate3d(0, -10px, 0)
+    }
+
+    40%,
+    45% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 20px, 0);
+        transform: translate3d(0, 20px, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+}
+
+@keyframes bounceOutUp {
+    20% {
+        -webkit-transform: translate3d(0, -10px, 0);
+        transform: translate3d(0, -10px, 0)
+    }
+
+    40%,
+    45% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 20px, 0);
+        transform: translate3d(0, 20px, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+}
+
+.bounceOutUp {
+    -webkit-animation-name: bounceOutUp;
+    animation-name: bounceOutUp
+}
+
+@-webkit-keyframes fadeIn {
+    from {
+        opacity: 0
+    }
+
+    to {
+        opacity: 1
+    }
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0
+    }
+
+    to {
+        opacity: 1
+    }
+}
+
+.fadeIn {
+    -webkit-animation-name: fadeIn;
+    animation-name: fadeIn
+}
+
+@-webkit-keyframes fadeInDown {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInDown {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInDown {
+    -webkit-animation-name: fadeInDown;
+    animation-name: fadeInDown
+}
+
+@-webkit-keyframes fadeInDownBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInDownBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInDownBig {
+    -webkit-animation-name: fadeInDownBig;
+    animation-name: fadeInDownBig
+}
+
+@-webkit-keyframes fadeInLeft {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInLeft {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInLeft {
+    -webkit-animation-name: fadeInLeft;
+    animation-name: fadeInLeft
+}
+
+@-webkit-keyframes fadeInLeftBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInLeftBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInLeftBig {
+    -webkit-animation-name: fadeInLeftBig;
+    animation-name: fadeInLeftBig
+}
+
+@-webkit-keyframes fadeInRight {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInRight {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInRight {
+    -webkit-animation-name: fadeInRight;
+    animation-name: fadeInRight
+}
+
+@-webkit-keyframes fadeInRightBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInRightBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInRightBig {
+    -webkit-animation-name: fadeInRightBig;
+    animation-name: fadeInRightBig
+}
+
+@-webkit-keyframes fadeInUp {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInUp {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInUp {
+    -webkit-animation-name: fadeInUp;
+    animation-name: fadeInUp
+}
+
+@-webkit-keyframes fadeInUpBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInUpBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInUpBig {
+    -webkit-animation-name: fadeInUpBig;
+    animation-name: fadeInUpBig
+}
+
+@-webkit-keyframes fadeOut {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0
+    }
+}
+
+@keyframes fadeOut {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0
+    }
+}
+
+.fadeOut {
+    -webkit-animation-name: fadeOut;
+    animation-name: fadeOut
+}
+
+@-webkit-keyframes fadeOutDown {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+}
+
+@keyframes fadeOutDown {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+}
+
+.fadeOutDown {
+    -webkit-animation-name: fadeOutDown;
+    animation-name: fadeOutDown
+}
+
+@-webkit-keyframes fadeOutDownBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+}
+
+@keyframes fadeOutDownBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+}
+
+.fadeOutDownBig {
+    -webkit-animation-name: fadeOutDownBig;
+    animation-name: fadeOutDownBig
+}
+
+@-webkit-keyframes fadeOutLeft {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+}
+
+@keyframes fadeOutLeft {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+}
+
+.fadeOutLeft {
+    -webkit-animation-name: fadeOutLeft;
+    animation-name: fadeOutLeft
+}
+
+@-webkit-keyframes fadeOutLeftBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+}
+
+@keyframes fadeOutLeftBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+}
+
+.fadeOutLeftBig {
+    -webkit-animation-name: fadeOutLeftBig;
+    animation-name: fadeOutLeftBig
+}
+
+@-webkit-keyframes fadeOutRight {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+}
+
+@keyframes fadeOutRight {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+}
+
+.fadeOutRight {
+    -webkit-animation-name: fadeOutRight;
+    animation-name: fadeOutRight
+}
+
+@-webkit-keyframes fadeOutRightBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+}
+
+@keyframes fadeOutRightBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+}
+
+.fadeOutRightBig {
+    -webkit-animation-name: fadeOutRightBig;
+    animation-name: fadeOutRightBig
+}
+
+@-webkit-keyframes fadeOutUp {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+}
+
+@keyframes fadeOutUp {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+}
+
+.fadeOutUp {
+    -webkit-animation-name: fadeOutUp;
+    animation-name: fadeOutUp
+}
+
+@-webkit-keyframes fadeOutUpBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+}
+
+@keyframes fadeOutUpBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+}
+
+.fadeOutUpBig {
+    -webkit-animation-name: fadeOutUpBig;
+    animation-name: fadeOutUpBig
+}
+
+@-webkit-keyframes flip {
+    from {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+        -webkit-animation-timing-function: ease-out;
+        animation-timing-function: ease-out
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+        -webkit-animation-timing-function: ease-out;
+        animation-timing-function: ease-out
+    }
+
+    50% {
+        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
+        transform: perspective(400px) scale3d(.95, .95, .95);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+}
+
+@keyframes flip {
+    from {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+        -webkit-animation-timing-function: ease-out;
+        animation-timing-function: ease-out
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+        -webkit-animation-timing-function: ease-out;
+        animation-timing-function: ease-out
+    }
+
+    50% {
+        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
+        transform: perspective(400px) scale3d(.95, .95, .95);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+}
+
+.animated.flip {
+    -webkit-backface-visibility: visible;
+    backface-visibility: visible;
+    -webkit-animation-name: flip;
+    animation-name: flip
+}
+
+@-webkit-keyframes flipInX {
+    from {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+        opacity: 0
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    60% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+}
+
+@keyframes flipInX {
+    from {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+        opacity: 0
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    60% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+}
+
+.flipInX {
+    -webkit-backface-visibility: visible !important;
+    backface-visibility: visible !important;
+    -webkit-animation-name: flipInX;
+    animation-name: flipInX
+}
+
+@-webkit-keyframes flipInY {
+    from {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+        opacity: 0
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    60% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+}
+
+@keyframes flipInY {
+    from {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+        opacity: 0
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    60% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+}
+
+.flipInY {
+    -webkit-backface-visibility: visible !important;
+    backface-visibility: visible !important;
+    -webkit-animation-name: flipInY;
+    animation-name: flipInY
+}
+
+@-webkit-keyframes flipOutX {
+    from {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+
+    30% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        opacity: 0
+    }
+}
+
+@keyframes flipOutX {
+    from {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+
+    30% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        opacity: 0
+    }
+}
+
+.flipOutX {
+    -webkit-animation-duration: .75s;
+    animation-duration: .75s;
+    -webkit-animation-name: flipOutX;
+    animation-name: flipOutX;
+    -webkit-backface-visibility: visible !important;
+    backface-visibility: visible !important
+}
+
+@-webkit-keyframes flipOutY {
+    from {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+
+    30% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        opacity: 0
+    }
+}
+
+@keyframes flipOutY {
+    from {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+
+    30% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        opacity: 0
+    }
+}
+
+.flipOutY {
+    -webkit-animation-duration: .75s;
+    animation-duration: .75s;
+    -webkit-backface-visibility: visible !important;
+    backface-visibility: visible !important;
+    -webkit-animation-name: flipOutY;
+    animation-name: flipOutY
+}
+
+@-webkit-keyframes lightSpeedIn {
+    from {
+        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+        transform: translate3d(100%, 0, 0) skewX(-30deg);
+        opacity: 0
+    }
+
+    60% {
+        -webkit-transform: skewX(20deg);
+        transform: skewX(20deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: skewX(-5deg);
+        transform: skewX(-5deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+@keyframes lightSpeedIn {
+    from {
+        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+        transform: translate3d(100%, 0, 0) skewX(-30deg);
+        opacity: 0
+    }
+
+    60% {
+        -webkit-transform: skewX(20deg);
+        transform: skewX(20deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: skewX(-5deg);
+        transform: skewX(-5deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+.lightSpeedIn {
+    -webkit-animation-name: lightSpeedIn;
+    animation-name: lightSpeedIn;
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out
+}
+
+@-webkit-keyframes lightSpeedOut {
+    from {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+        transform: translate3d(100%, 0, 0) skewX(30deg);
+        opacity: 0
+    }
+}
+
+@keyframes lightSpeedOut {
+    from {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+        transform: translate3d(100%, 0, 0) skewX(30deg);
+        opacity: 0
+    }
+}
+
+.lightSpeedOut {
+    -webkit-animation-name: lightSpeedOut;
+    animation-name: lightSpeedOut;
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in
+}
+
+@-webkit-keyframes rotateIn {
+    from {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        -webkit-transform: rotate3d(0, 0, 1, -200deg);
+        transform: rotate3d(0, 0, 1, -200deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+@keyframes rotateIn {
+    from {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        -webkit-transform: rotate3d(0, 0, 1, -200deg);
+        transform: rotate3d(0, 0, 1, -200deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+.rotateIn {
+    -webkit-animation-name: rotateIn;
+    animation-name: rotateIn
+}
+
+@-webkit-keyframes rotateInDownLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -45deg);
+        transform: rotate3d(0, 0, 1, -45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+@keyframes rotateInDownLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -45deg);
+        transform: rotate3d(0, 0, 1, -45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+.rotateInDownLeft {
+    -webkit-animation-name: rotateInDownLeft;
+    animation-name: rotateInDownLeft
+}
+
+@-webkit-keyframes rotateInDownRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 45deg);
+        transform: rotate3d(0, 0, 1, 45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+@keyframes rotateInDownRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 45deg);
+        transform: rotate3d(0, 0, 1, 45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+.rotateInDownRight {
+    -webkit-animation-name: rotateInDownRight;
+    animation-name: rotateInDownRight
+}
+
+@-webkit-keyframes rotateInUpLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 45deg);
+        transform: rotate3d(0, 0, 1, 45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+@keyframes rotateInUpLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 45deg);
+        transform: rotate3d(0, 0, 1, 45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+.rotateInUpLeft {
+    -webkit-animation-name: rotateInUpLeft;
+    animation-name: rotateInUpLeft
+}
+
+@-webkit-keyframes rotateInUpRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -90deg);
+        transform: rotate3d(0, 0, 1, -90deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+@keyframes rotateInUpRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -90deg);
+        transform: rotate3d(0, 0, 1, -90deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+.rotateInUpRight {
+    -webkit-animation-name: rotateInUpRight;
+    animation-name: rotateInUpRight
+}
+
+@-webkit-keyframes rotateOut {
+    from {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        -webkit-transform: rotate3d(0, 0, 1, 200deg);
+        transform: rotate3d(0, 0, 1, 200deg);
+        opacity: 0
+    }
+}
+
+@keyframes rotateOut {
+    from {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        -webkit-transform: rotate3d(0, 0, 1, 200deg);
+        transform: rotate3d(0, 0, 1, 200deg);
+        opacity: 0
+    }
+}
+
+.rotateOut {
+    -webkit-animation-name: rotateOut;
+    animation-name: rotateOut
+}
+
+@-webkit-keyframes rotateOutDownLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 45deg);
+        transform: rotate3d(0, 0, 1, 45deg);
+        opacity: 0
+    }
+}
+
+@keyframes rotateOutDownLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 45deg);
+        transform: rotate3d(0, 0, 1, 45deg);
+        opacity: 0
+    }
+}
+
+.rotateOutDownLeft {
+    -webkit-animation-name: rotateOutDownLeft;
+    animation-name: rotateOutDownLeft
+}
+
+@-webkit-keyframes rotateOutDownRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -45deg);
+        transform: rotate3d(0, 0, 1, -45deg);
+        opacity: 0
+    }
+}
+
+@keyframes rotateOutDownRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -45deg);
+        transform: rotate3d(0, 0, 1, -45deg);
+        opacity: 0
+    }
+}
+
+.rotateOutDownRight {
+    -webkit-animation-name: rotateOutDownRight;
+    animation-name: rotateOutDownRight
+}
+
+@-webkit-keyframes rotateOutUpLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -45deg);
+        transform: rotate3d(0, 0, 1, -45deg);
+        opacity: 0
+    }
+}
+
+@keyframes rotateOutUpLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -45deg);
+        transform: rotate3d(0, 0, 1, -45deg);
+        opacity: 0
+    }
+}
+
+.rotateOutUpLeft {
+    -webkit-animation-name: rotateOutUpLeft;
+    animation-name: rotateOutUpLeft
+}
+
+@-webkit-keyframes rotateOutUpRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 90deg);
+        transform: rotate3d(0, 0, 1, 90deg);
+        opacity: 0
+    }
+}
+
+@keyframes rotateOutUpRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 90deg);
+        transform: rotate3d(0, 0, 1, 90deg);
+        opacity: 0
+    }
+}
+
+.rotateOutUpRight {
+    -webkit-animation-name: rotateOutUpRight;
+    animation-name: rotateOutUpRight
+}
+
+@-webkit-keyframes hinge {
+    0% {
+        -webkit-transform-origin: top left;
+        transform-origin: top left;
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out
+    }
+
+    20%,
+    60% {
+        -webkit-transform: rotate3d(0, 0, 1, 80deg);
+        transform: rotate3d(0, 0, 1, 80deg);
+        -webkit-transform-origin: top left;
+        transform-origin: top left;
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out
+    }
+
+    40%,
+    80% {
+        -webkit-transform: rotate3d(0, 0, 1, 60deg);
+        transform: rotate3d(0, 0, 1, 60deg);
+        -webkit-transform-origin: top left;
+        transform-origin: top left;
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 700px, 0);
+        transform: translate3d(0, 700px, 0);
+        opacity: 0
+    }
+}
+
+@keyframes hinge {
+    0% {
+        -webkit-transform-origin: top left;
+        transform-origin: top left;
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out
+    }
+
+    20%,
+    60% {
+        -webkit-transform: rotate3d(0, 0, 1, 80deg);
+        transform: rotate3d(0, 0, 1, 80deg);
+        -webkit-transform-origin: top left;
+        transform-origin: top left;
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out
+    }
+
+    40%,
+    80% {
+        -webkit-transform: rotate3d(0, 0, 1, 60deg);
+        transform: rotate3d(0, 0, 1, 60deg);
+        -webkit-transform-origin: top left;
+        transform-origin: top left;
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 700px, 0);
+        transform: translate3d(0, 700px, 0);
+        opacity: 0
+    }
+}
+
+.hinge {
+    -webkit-animation-duration: 2s;
+    animation-duration: 2s;
+    -webkit-animation-name: hinge;
+    animation-name: hinge
+}
+
+@-webkit-keyframes jackInTheBox {
+    from {
+        opacity: 0;
+        -webkit-transform: scale(.1) rotate(30deg);
+        transform: scale(.1) rotate(30deg);
+        -webkit-transform-origin: center bottom;
+        transform-origin: center bottom
+    }
+
+    50% {
+        -webkit-transform: rotate(-10deg);
+        transform: rotate(-10deg)
+    }
+
+    70% {
+        -webkit-transform: rotate(3deg);
+        transform: rotate(3deg)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+}
+
+@keyframes jackInTheBox {
+    from {
+        opacity: 0;
+        -webkit-transform: scale(.1) rotate(30deg);
+        transform: scale(.1) rotate(30deg);
+        -webkit-transform-origin: center bottom;
+        transform-origin: center bottom
+    }
+
+    50% {
+        -webkit-transform: rotate(-10deg);
+        transform: rotate(-10deg)
+    }
+
+    70% {
+        -webkit-transform: rotate(3deg);
+        transform: rotate(3deg)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+}
+
+.jackInTheBox {
+    -webkit-animation-name: jackInTheBox;
+    animation-name: jackInTheBox
+}
+
+@-webkit-keyframes rollIn {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes rollIn {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.rollIn {
+    -webkit-animation-name: rollIn;
+    animation-name: rollIn
+}
+
+@-webkit-keyframes rollOut {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
+    }
+}
+
+@keyframes rollOut {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
+    }
+}
+
+.rollOut {
+    -webkit-animation-name: rollOut;
+    animation-name: rollOut
+}
+
+@-webkit-keyframes zoomIn {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    50% {
+        opacity: 1
+    }
+}
+
+@keyframes zoomIn {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    50% {
+        opacity: 1
+    }
+}
+
+.zoomIn {
+    -webkit-animation-name: zoomIn;
+    animation-name: zoomIn
+}
+
+@-webkit-keyframes zoomInDown {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomInDown {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.zoomInDown {
+    -webkit-animation-name: zoomInDown;
+    animation-name: zoomInDown
+}
+
+@-webkit-keyframes zoomInLeft {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomInLeft {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.zoomInLeft {
+    -webkit-animation-name: zoomInLeft;
+    animation-name: zoomInLeft
+}
+
+@-webkit-keyframes zoomInRight {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomInRight {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.zoomInRight {
+    -webkit-animation-name: zoomInRight;
+    animation-name: zoomInRight
+}
+
+@-webkit-keyframes zoomInUp {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomInUp {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.zoomInUp {
+    -webkit-animation-name: zoomInUp;
+    animation-name: zoomInUp
+}
+
+@-webkit-keyframes zoomOut {
+    from {
+        opacity: 1
+    }
+
+    50% {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    to {
+        opacity: 0
+    }
+}
+
+@keyframes zoomOut {
+    from {
+        opacity: 1
+    }
+
+    50% {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    to {
+        opacity: 0
+    }
+}
+
+.zoomOut {
+    -webkit-animation-name: zoomOut;
+    animation-name: zoomOut
+}
+
+@-webkit-keyframes zoomOutDown {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+        -webkit-transform-origin: center bottom;
+        transform-origin: center bottom;
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomOutDown {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+        -webkit-transform-origin: center bottom;
+        transform-origin: center bottom;
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.zoomOutDown {
+    -webkit-animation-name: zoomOutDown;
+    animation-name: zoomOutDown
+}
+
+@-webkit-keyframes zoomOutLeft {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
+        transform: scale(.1) translate3d(-2000px, 0, 0);
+        -webkit-transform-origin: left center;
+        transform-origin: left center
+    }
+}
+
+@keyframes zoomOutLeft {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
+        transform: scale(.1) translate3d(-2000px, 0, 0);
+        -webkit-transform-origin: left center;
+        transform-origin: left center
+    }
+}
+
+.zoomOutLeft {
+    -webkit-animation-name: zoomOutLeft;
+    animation-name: zoomOutLeft
+}
+
+@-webkit-keyframes zoomOutRight {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
+        transform: scale(.1) translate3d(2000px, 0, 0);
+        -webkit-transform-origin: right center;
+        transform-origin: right center
+    }
+}
+
+@keyframes zoomOutRight {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
+        transform: scale(.1) translate3d(2000px, 0, 0);
+        -webkit-transform-origin: right center;
+        transform-origin: right center
+    }
+}
+
+.zoomOutRight {
+    -webkit-animation-name: zoomOutRight;
+    animation-name: zoomOutRight
+}
+
+@-webkit-keyframes zoomOutUp {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+        -webkit-transform-origin: center bottom;
+        transform-origin: center bottom;
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomOutUp {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+        -webkit-transform-origin: center bottom;
+        transform-origin: center bottom;
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.zoomOutUp {
+    -webkit-animation-name: zoomOutUp;
+    animation-name: zoomOutUp
+}
+
+@-webkit-keyframes slideInDown {
+    from {
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes slideInDown {
+    from {
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.slideInDown {
+    -webkit-animation-name: slideInDown;
+    animation-name: slideInDown
+}
+
+@-webkit-keyframes slideInLeft {
+    from {
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes slideInLeft {
+    from {
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.slideInLeft {
+    -webkit-animation-name: slideInLeft;
+    animation-name: slideInLeft
+}
+
+@-webkit-keyframes slideInRight {
+    from {
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes slideInRight {
+    from {
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.slideInRight {
+    -webkit-animation-name: slideInRight;
+    animation-name: slideInRight
+}
+
+@-webkit-keyframes slideInUp {
+    from {
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes slideInUp {
+    from {
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.slideInUp {
+    -webkit-animation-name: slideInUp;
+    animation-name: slideInUp
+}
+
+@-webkit-keyframes slideOutDown {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+}
+
+@keyframes slideOutDown {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+}
+
+.slideOutDown {
+    -webkit-animation-name: slideOutDown;
+    animation-name: slideOutDown
+}
+
+@-webkit-keyframes slideOutLeft {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+}
+
+@keyframes slideOutLeft {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+}
+
+.slideOutLeft {
+    -webkit-animation-name: slideOutLeft;
+    animation-name: slideOutLeft
+}
+
+@-webkit-keyframes slideOutRight {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+}
+
+@keyframes slideOutRight {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+}
+
+.slideOutRight {
+    -webkit-animation-name: slideOutRight;
+    animation-name: slideOutRight
+}
+
+@-webkit-keyframes slideOutUp {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+}
+
+@keyframes slideOutUp {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+}
+
+.slideOutUp {
+    -webkit-animation-name: slideOutUp;
+    animation-name: slideOutUp
+}

frontend/css/app.css

@@ -0,0 +1,5243 @@
+html {
+    background-color: #f0f3f4
+}
+
+body {
+    font-family: source sans pro, helvetica neue, Helvetica, Arial, sans-serif;
+    font-size: 14px;
+    -webkit-font-smoothing: antialiased;
+    line-height: 1.42857143;
+    color: #58666e;
+    background-color: transparent
+}
+
+*:focus {
+    outline: 0 !important
+}
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+    margin: 0
+}
+
+a {
+    color: #363f44;
+    text-decoration: none;
+    cursor: pointer
+}
+
+a:hover,
+a:focus {
+    color: #141719;
+    text-decoration: none
+}
+
+label {
+    font-weight: 400
+}
+
+small,
+.small {
+    font-size: 13px
+}
+
+.badge,
+.label {
+    font-weight: 700;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, .2)
+}
+
+.badge.bg-light,
+.label.bg-light {
+    text-shadow: none
+}
+
+.badge {
+    background-color: #cfdadd
+}
+
+.badge.up {
+    position: relative;
+    top: -10px;
+    padding: 3px 6px;
+    margin-left: -10px
+}
+
+.badge-sm {
+    padding: 2px 5px !important;
+    font-size: 85%
+}
+
+.label-sm {
+    padding-top: 0;
+    padding-bottom: 1px
+}
+
+.badge-white {
+    padding: 2px 6px;
+    background-color: transparent;
+    border: 1px solid rgba(255, 255, 255, .35)
+}
+
+.badge-empty {
+    color: inherit;
+    background-color: transparent;
+    border: 1px solid rgba(0, 0, 0, .15)
+}
+
+blockquote {
+    border-color: #dee5e7
+}
+
+.caret-white {
+    border-top-color: #fff;
+    border-top-color: rgba(255, 255, 255, .65)
+}
+
+a:hover .caret-white {
+    border-top-color: #fff
+}
+
+.thumbnail {
+    border-color: #dee5e7
+}
+
+.progress {
+    background-color: #edf1f2
+}
+
+.progress-xxs {
+    height: 2px
+}
+
+.progress-xs {
+    height: 6px
+}
+
+.progress-sm {
+    height: 12px
+}
+
+.progress-sm .progress-bar {
+    font-size: 10px;
+    line-height: 1em
+}
+
+.progress,
+.progress-bar {
+    -webkit-box-shadow: none;
+    box-shadow: none
+}
+
+.progress-bar-primary {
+    background-color: #7266ba
+}
+
+.progress-bar-info {
+    background-color: #23b7e5
+}
+
+.progress-bar-success {
+    background-color: #27c24c
+}
+
+.progress-bar-warning {
+    background-color: #fad733
+}
+
+.progress-bar-danger {
+    background-color: #f05050
+}
+
+.progress-bar-black {
+    background-color: #1c2b36
+}
+
+.progress-bar-white {
+    background-color: #fff
+}
+
+.accordion-group,
+.accordion-inner {
+    border-color: #dee5e7;
+    border-radius: 2px
+}
+
+.alert {
+    font-size: 13px;
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2)
+}
+
+.alert .close i {
+    display: block;
+    font-size: 12px;
+    font-weight: 400
+}
+
+.form-control {
+    border-color: #cfdadd;
+    border-radius: 2px
+}
+
+.form-control,
+.form-control:focus {
+    -webkit-box-shadow: none;
+    box-shadow: none
+}
+
+.form-control:focus {
+    border-color: #23b7e5
+}
+
+.form-horizontal .control-label.text-left {
+    text-align: left
+}
+
+.form-control-spin {
+    position: absolute;
+    top: 50%;
+    right: 10px;
+    z-index: 2;
+    margin-top: -7px
+}
+
+.input-lg {
+    height: 45px
+}
+
+.input-group-addon {
+    background-color: #edf1f2;
+    border-color: #cfdadd
+}
+
+.list-group {
+    border-radius: 2px
+}
+
+.list-group.no-radius .list-group-item {
+    border-radius: 0 !important
+}
+
+.list-group.no-borders .list-group-item {
+    border: none
+}
+
+.list-group.no-border .list-group-item {
+    border-width: 1px 0
+}
+
+.list-group.no-bg .list-group-item {
+    background-color: transparent
+}
+
+.list-group-item {
+    padding-right: 15px;
+    border-color: #e7ecee
+}
+
+a.list-group-item:hover,
+a.list-group-item:focus,
+a.list-group-item.hover {
+    background-color: #f6f8f8
+}
+
+.list-group-item.media {
+    margin-top: 0
+}
+
+.list-group-item.active {
+    color: #fff;
+    background-color: #23b7e5 !important;
+    border-color: #23b7e5 !important
+}
+
+.list-group-item.active .text-muted {
+    color: #ace4f5 !important
+}
+
+.list-group-item.active a {
+    color: #fff
+}
+
+.list-group-item.focus {
+    background-color: #e4eaec !important
+}
+
+.list-group-item.select {
+    position: relative;
+    z-index: 1;
+    background-color: #dbeef9 !important;
+    border-color: #c5e4f5
+}
+
+.list-group-alt .list-group-item:nth-child(2n+2) {
+    background-color: rgba(0, 0, 0, .02) !important
+}
+
+.list-group-lg .list-group-item {
+    padding-top: 15px;
+    padding-bottom: 15px
+}
+
+.list-group-sm .list-group-item {
+    padding: 6px 10px
+}
+
+.list-group-sp .list-group-item {
+    margin-bottom: 5px;
+    border-radius: 3px
+}
+
+.list-group-item>.badge {
+    margin-right: 0
+}
+
+.list-group-item>.fa-chevron-right {
+    float: right;
+    margin-top: 4px;
+    margin-right: -5px
+}
+
+.list-group-item>.fa-chevron-right+.badge {
+    margin-right: 5px
+}
+
+.nav-pills.no-radius>li>a {
+    border-radius: 0
+}
+
+.nav-pills>li.active>a {
+    color: #fff !important;
+    background-color: #23b7e5
+}
+
+.nav-pills>li.active>a:hover,
+.nav-pills>li.active>a:active {
+    background-color: #19a9d5
+}
+
+.nav>li>a:hover,
+.nav>li>a:focus {
+    background-color: #f6f8f8
+}
+
+.nav.nav-lg>li>a {
+    padding: 20px
+}
+
+.nav.nav-md>li>a {
+    padding: 15px
+}
+
+.nav.nav-sm>li>a {
+    padding: 6px 12px
+}
+
+.nav.nav-xs>li>a {
+    padding: 4px 10px
+}
+
+.nav.nav-xxs>li>a {
+    padding: 1px 10px
+}
+
+.nav.nav-rounded>li>a {
+    border-radius: 20px
+}
+
+.nav .open>a,
+.nav .open>a:hover,
+.nav .open>a:focus {
+    background-color: #f6f8f8
+}
+
+.nav-tabs {
+    border-color: #dee5e7
+}
+
+.nav-tabs>li>a {
+    border-bottom-color: #dee5e7;
+    border-radius: 2px 2px 0 0
+}
+
+.nav-tabs>li:hover>a,
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:hover {
+    border-color: #dee5e7
+}
+
+.nav-tabs>li.active>a {
+    border-bottom-color: #fff !important
+}
+
+.nav-tabs-alt .nav-tabs.nav-justified>li {
+    display: table-cell;
+    width: 1%
+}
+
+.nav-tabs-alt .nav-tabs>li>a {
+    background: 0 0 !important;
+    border-color: transparent !important;
+    border-bottom-color: #dee5e7 !important;
+    border-radius: 0
+}
+
+.nav-tabs-alt .nav-tabs>li.active>a {
+    border-bottom-color: #23b7e5 !important
+}
+
+.tab-container {
+    margin-bottom: 15px
+}
+
+.tab-container .tab-content {
+    padding: 15px;
+    background-color: #fff;
+    border: 1px solid #dee5e7;
+    border-top-width: 0;
+    border-radius: 0 0 2px 2px
+}
+
+.pagination>li>a {
+    border-color: #dee5e7
+}
+
+.pagination>li>a:hover,
+.pagination>li>a:focus {
+    background-color: #edf1f2;
+    border-color: #dee5e7
+}
+
+.panel {
+    border-radius: 2px
+}
+
+.panel .accordion-toggle {
+    display: block;
+    font-size: 14px;
+    cursor: pointer
+}
+
+.panel .list-group-item {
+    border-color: #edf1f2
+}
+
+.panel.no-borders {
+    border-width: 0
+}
+
+.panel.no-borders .panel-heading,
+.panel.no-borders .panel-footer {
+    border-width: 0
+}
+
+.panel-heading {
+    border-radius: 2px 2px 0 0
+}
+
+.panel-default .panel-heading {
+    background-color: #f6f8f8
+}
+
+.panel-heading.no-border {
+    margin: -1px -1px 0;
+    border: none
+}
+
+.panel-heading .nav {
+    margin: -10px -15px
+}
+
+.panel-heading .list-group {
+    background: 0 0
+}
+
+.panel-footer {
+    background-color: #fff;
+    border-color: #edf1f2;
+    border-radius: 0 0 2px 2px
+}
+
+.panel-default {
+    border-color: #dee5e7
+}
+
+.panel-default>.panel-heading,
+.panel-default>.panel-footer {
+    border-color: #edf1f2
+}
+
+.panel-group .panel-heading+.panel-collapse .panel-body {
+    border-top: 1px solid #eaedef
+}
+
+.table>tbody>tr>td,
+.table>tfoot>tr>td {
+    padding: 8px 15px;
+    border-top: 1px solid #eaeff0
+}
+
+.table>thead>tr>th {
+    padding: 8px 15px;
+    border-bottom: 1px solid #eaeff0
+}
+
+.table-bordered {
+    border-color: #eaeff0
+}
+
+.table-bordered>tbody>tr>td {
+    border-color: #eaeff0
+}
+
+.table-bordered>thead>tr>th {
+    border-color: #eaeff0
+}
+
+.table-striped>tbody>tr:nth-child(odd)>td,
+.table-striped>tbody>tr:nth-child(odd)>th {
+    background-color: #fafbfc
+}
+
+.table-striped>thead>th {
+    background-color: #fafbfc;
+    border-right: 1px solid #eaeff0
+}
+
+.table-striped>thead>th:last-child {
+    border-right: none
+}
+
+.well,
+pre {
+    background-color: #edf1f2;
+    border-color: #dee5e7
+}
+
+.dropdown-menu {
+    border: 1px solid #dee5e7;
+    border: 1px solid rgba(0, 0, 0, .1);
+    border-radius: 2px;
+    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
+    box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
+}
+
+.dropdown-menu.pull-left {
+    left: 100%
+}
+
+.dropdown-menu>.panel {
+    margin: -5px 0;
+    border: none
+}
+
+.dropdown-menu>li>a {
+    padding: 5px 15px
+}
+
+.dropdown-menu>li>a:hover,
+.dropdown-menu>li>a:focus,
+.dropdown-menu>.active>a,
+.dropdown-menu>.active>a:hover,
+.dropdown-menu>.active>a:focus {
+    color: #141719;
+    background-color: #edf1f2 !important;
+    background-image: none;
+    filter: none
+}
+
+.dropdown-header {
+    padding: 5px 15px
+}
+
+.dropdown-submenu {
+    position: relative
+}
+
+.dropdown-submenu:hover>a,
+.dropdown-submenu:focus>a {
+    color: #58666e;
+    background-color: #edf1f2 !important
+}
+
+.dropdown-submenu:hover>.dropdown-menu,
+.dropdown-submenu:focus>.dropdown-menu {
+    display: block
+}
+
+.dropdown-submenu.pull-left {
+    float: none !important
+}
+
+.dropdown-submenu.pull-left>.dropdown-menu {
+    left: -100%;
+    margin-left: 10px
+}
+
+.dropdown-submenu .dropdown-menu {
+    top: 0;
+    left: 100%;
+    margin-top: -6px;
+    margin-left: -1px
+}
+
+.dropup .dropdown-submenu>.dropdown-menu {
+    top: auto;
+    bottom: 0
+}
+
+.btn-group>.btn {
+    margin-left: -1px
+}
+
+.col-lg-2-4 {
+    position: relative;
+    min-height: 1px;
+    padding-right: 15px;
+    padding-left: 15px
+}
+
+.col-0 {
+    clear: left
+}
+
+.row.no-gutter {
+    margin-right: 0;
+    margin-left: 0
+}
+
+.no-gutter [class*=col] {
+    padding: 0
+}
+
+.row-sm {
+    margin-right: -10px;
+    margin-left: -10px
+}
+
+.row-sm>div {
+    padding-right: 10px;
+    padding-left: 10px
+}
+
+.modal-backdrop {
+    background-color: #000
+}
+
+.modal-backdrop.in {
+    opacity: .7;
+    filter: alpha(opacity=70)
+}
+
+.modal-over {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0
+}
+
+.modal-center {
+    position: absolute;
+    top: 50%;
+    left: 50%
+}
+
+html,
+body {
+    width: 100%;
+    height: 100%
+}
+
+body {
+    overflow-x: hidden
+}
+
+.app {
+    position: relative;
+    width: 100%;
+    height: auto;
+    min-height: 100%
+}
+
+.app:before {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    z-index: -1;
+    display: block;
+    width: inherit;
+    background-color: #f0f3f4;
+    border: inherit;
+    content: ""
+}
+
+.app-header-fixed {
+    padding-top: 50px
+}
+
+.app-header-fixed .app-header {
+    position: fixed;
+    top: 0;
+    width: 100%
+}
+
+.app-header {
+    z-index: 1025;
+    border-radius: 0
+}
+
+.app-aside {
+    float: left
+}
+
+.app-aside:before {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    z-index: -1;
+    width: inherit;
+    background-color: inherit;
+    border: inherit;
+    content: ""
+}
+
+.app-aside-footer {
+    position: absolute;
+    bottom: 0;
+    z-index: 1000;
+    width: 100%;
+    max-width: 200px
+}
+
+.app-aside-folded .app-aside-footer {
+    max-width: 60px
+}
+
+.app-aside-footer~div {
+    padding-bottom: 50px
+}
+
+.app-aside-right {
+    padding-bottom: 50px
+}
+
+.app-content {
+    height: 100%
+}
+
+.app-content:before,
+.app-content:after {
+    display: table;
+    content: " "
+}
+
+.app-content:after {
+    clear: both
+}
+
+.app-content-full {
+    position: absolute;
+    top: 50px;
+    bottom: 50px;
+    width: auto !important;
+    height: auto;
+    padding: 0 !important;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch
+}
+
+.app-content-full.h-full {
+    bottom: 0;
+    height: auto
+}
+
+.app-content-body {
+    float: left;
+    width: 100%;
+    padding-bottom: 50px
+}
+
+.app-footer {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1005
+}
+
+.app-footer.app-footer-fixed {
+    position: fixed
+}
+
+.hbox {
+    display: table;
+    width: 100%;
+    height: 100%;
+    border-spacing: 0;
+    table-layout: fixed
+}
+
+.hbox .col {
+    display: table-cell;
+    float: none;
+    height: 100%;
+    vertical-align: top
+}
+
+.v-middle {
+    vertical-align: middle !important
+}
+
+.v-top {
+    vertical-align: top !important
+}
+
+.v-bottom {
+    vertical-align: bottom !important
+}
+
+.vbox {
+    position: relative;
+    display: table;
+    width: 100%;
+    height: 100%;
+    min-height: 240px;
+    border-spacing: 0
+}
+
+.vbox .row-row {
+    display: table-row;
+    height: 100%
+}
+
+.vbox .row-row .cell {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch
+}
+
+.ie .vbox .row-row .cell {
+    display: table-cell
+}
+
+.vbox .row-row .cell .cell-inner {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0
+}
+
+.navbar {
+    margin: 0;
+    border-width: 0;
+    border-radius: 0
+}
+
+.navbar .navbar-form-sm {
+    margin-top: 10px;
+    margin-bottom: 10px
+}
+
+.navbar-md {
+    min-height: 60px
+}
+
+.navbar-md .navbar-btn {
+    margin-top: 13px
+}
+
+.navbar-md .navbar-form {
+    margin-top: 15px
+}
+
+.navbar-md .navbar-nav>li>a {
+    padding-top: 20px;
+    padding-bottom: 20px
+}
+
+.navbar-md .navbar-brand {
+    line-height: 60px
+}
+
+.navbar-header>button {
+    padding: 10px 17px;
+    font-size: 16px;
+    line-height: 30px;
+    text-decoration: none;
+    background-color: transparent;
+    border: none
+}
+
+.navbar-brand {
+    display: inline-block;
+    float: none;
+    height: auto;
+    padding: 0 20px;
+    font-size: 20px;
+    font-weight: 700;
+    line-height: 50px;
+    text-align: center
+}
+
+.navbar-brand:hover {
+    text-decoration: none
+}
+
+.navbar-brand img {
+    display: inline;
+    max-height: 22px;
+    margin-top: -6px;
+    vertical-align: middle
+}
+
+@media(min-width:768px) {
+
+    .app-aside,
+    .navbar-header {
+        width: 200px
+    }
+
+    .navbar-collapse,
+    .app-content,
+    .app-footer {
+        margin-left: 200px
+    }
+
+    .app-aside-right {
+        position: absolute;
+        top: 50px;
+        right: 0;
+        bottom: 0;
+        z-index: 1000
+    }
+
+    .app-aside-right.pos-fix {
+        z-index: 1010
+    }
+
+    .visible-folded {
+        display: none
+    }
+
+    .app-aside-folded .hidden-folded {
+        display: none !important
+    }
+
+    .app-aside-folded .visible-folded {
+        display: inherit
+    }
+
+    .app-aside-folded .text-center-folded {
+        text-align: center
+    }
+
+    .app-aside-folded .pull-none-folded {
+        float: none !important
+    }
+
+    .app-aside-folded .w-auto-folded {
+        width: auto
+    }
+
+    .app-aside-folded .app-aside,
+    .app-aside-folded .navbar-header {
+        width: 60px
+    }
+
+    .app-aside-folded .navbar-collapse,
+    .app-aside-folded .app-content,
+    .app-aside-folded .app-footer {
+        margin-left: 60px
+    }
+
+    .app-aside-folded .app-header .navbar-brand {
+        display: block;
+        padding: 0
+    }
+
+    .app-aside-fixed .app-header .navbar-header {
+        position: fixed
+    }
+
+    .app-aside-fixed .aside-wrap {
+        position: fixed;
+        top: 50px;
+        bottom: 0;
+        left: 0;
+        z-index: 1000;
+        width: 199px;
+        overflow: hidden
+    }
+
+    .app-aside-fixed .aside-wrap .navi-wrap {
+        position: relative;
+        width: 217px;
+        height: 100%;
+        overflow-x: hidden;
+        overflow-y: scroll;
+        -webkit-overflow-scrolling: touch
+    }
+
+    .app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar {
+        -webkit-appearance: none
+    }
+
+    .app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar:vertical {
+        width: 17px
+    }
+
+    .smart .app-aside-fixed .aside-wrap .navi-wrap {
+        width: 200px
+    }
+
+    .app-aside-fixed.app-aside-folded .app-aside {
+        position: fixed;
+        top: 0;
+        bottom: 0;
+        z-index: 1010
+    }
+
+    .app-aside-fixed.app-aside-folded .aside-wrap {
+        width: 59px
+    }
+
+    .app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap {
+        width: 77px
+    }
+
+    .smart .app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap {
+        width: 60px
+    }
+
+    .bg-auto:before {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        z-index: -1;
+        width: inherit;
+        background-color: inherit;
+        border: inherit;
+        content: ""
+    }
+
+    .bg-auto.b-l:before {
+        margin-left: -1px
+    }
+
+    .bg-auto.b-r:before {
+        margin-right: -1px
+    }
+
+    .col.show {
+        display: table-cell !important
+    }
+}
+
+@media(min-width:768px) and (max-width:991px) {
+    .hbox-auto-sm {
+        display: block
+    }
+
+    .hbox-auto-sm>.col {
+        display: block;
+        width: auto;
+        height: auto
+    }
+
+    .hbox-auto-sm>.col.show {
+        display: block !important
+    }
+}
+
+@media(max-width:767px) {
+    .app-aside {
+        float: none
+    }
+
+    .app-content-full {
+        width: 100% !important
+    }
+
+    .hbox-auto-xs {
+        display: block
+    }
+
+    .hbox-auto-xs>.col {
+        display: block;
+        width: auto;
+        height: auto
+    }
+
+    .navbar-nav {
+        margin-top: 0;
+        margin-bottom: 0
+    }
+
+    .navbar-nav>li>a {
+        box-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
+    }
+
+    .navbar-nav>li>a .up {
+        top: 0
+    }
+
+    .navbar-nav>li>a .avatar {
+        width: 30px;
+        margin-top: -5px
+    }
+
+    .navbar-nav .open .dropdown-menu {
+        background-color: #fff
+    }
+
+    .navbar-form {
+        margin-top: 0 !important;
+        margin-bottom: 0 !important;
+        box-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
+    }
+
+    .navbar-form .form-group {
+        margin-bottom: 0
+    }
+}
+
+.app.container {
+    padding-right: 0;
+    padding-left: 0
+}
+
+@media(min-width:768px) {
+    .app.container {
+        width: 750px;
+        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3);
+        box-shadow: 0 0 30px rgba(0, 0, 0, .3)
+    }
+
+    .app.container .app-aside {
+        overflow-x: hidden
+    }
+
+    .app.container.app-aside-folded .app-aside {
+        overflow-x: visible
+    }
+
+    .app.container.app-aside-fixed .aside-wrap {
+        left: inherit
+    }
+
+    .app.container.app-aside-fixed.app-aside-folded .app-aside>ul.nav {
+        position: absolute
+    }
+
+    .app.container .app-header,
+    .app.container .app-aside {
+        max-width: 750px
+    }
+
+    .app.container .app-footer-fixed {
+        right: auto;
+        left: auto;
+        width: 100%;
+        max-width: 550px
+    }
+
+    .app.container.app-aside-folded .app-footer-fixed {
+        max-width: 690px
+    }
+
+    .app.container.app-aside-dock .app-footer-fixed {
+        max-width: 750px
+    }
+}
+
+@media(min-width:992px) {
+    .app.container {
+        width: 970px
+    }
+
+    .app.container .app-header,
+    .app.container .app-aside {
+        max-width: 970px
+    }
+
+    .app.container .app-footer-fixed {
+        max-width: 770px
+    }
+
+    .app.container.app-aside-folded .app-footer-fixed {
+        max-width: 910px
+    }
+
+    .app.container.app-aside-dock .app-footer-fixed {
+        max-width: 970px
+    }
+}
+
+@media(min-width:1200px) {
+    .app.container {
+        width: 1170px
+    }
+
+    .app.container .app-header,
+    .app.container .app-aside {
+        max-width: 1170px
+    }
+
+    .app.container .app-footer-fixed {
+        max-width: 970px
+    }
+
+    .app.container.app-aside-folded .app-footer-fixed {
+        max-width: 1110px
+    }
+
+    .app.container.app-aside-dock .app-footer-fixed {
+        max-width: 1170px
+    }
+}
+
+.nav-sub {
+    height: 0;
+    margin-left: -20px;
+    overflow: hidden;
+    opacity: 0;
+    -webkit-transition: all .2s ease-in-out 0s;
+    transition: all .2s ease-in-out 0s
+}
+
+.active>.nav-sub,
+.app-aside-folded li:hover>.nav-sub,
+.app-aside-folded li:focus>.nav-sub,
+.app-aside-folded li:active>.nav-sub {
+    height: auto !important;
+    margin-left: 0;
+    overflow: auto;
+    opacity: 1
+}
+
+.nav-sub-header {
+    display: none !important
+}
+
+.nav-sub-header a {
+    padding: 15px 20px
+}
+
+.navi ul.nav li {
+    position: relative;
+    display: block
+}
+
+.navi ul.nav li li a {
+    padding-left: 55px
+}
+
+.navi ul.nav li li ul {
+    display: none
+}
+
+.navi ul.nav li li.active>ul {
+    display: block
+}
+
+.navi ul.nav li a {
+    position: relative;
+    display: block;
+    padding: 10px 20px;
+    font-weight: 400;
+    text-transform: none;
+    -webkit-transition: background-color .2s ease-in-out 0s;
+    transition: background-color .2s ease-in-out 0s
+}
+
+.navi ul.nav li a .badge,
+.navi ul.nav li a .label {
+    padding: 2px 5px;
+    margin-top: 2px;
+    font-size: 11px
+}
+
+.navi ul.nav li a>i {
+    position: relative;
+    float: left;
+    width: 40px;
+    margin: -10px;
+    margin-right: 5px;
+    overflow: hidden;
+    line-height: 40px;
+    text-align: center
+}
+
+.navi ul.nav li a>i:before {
+    position: relative;
+    z-index: 2
+}
+
+@media(min-width:768px) {
+    .app-aside-folded .nav-sub-header {
+        display: block !important
+    }
+
+    .app-aside-folded .nav-sub-header a {
+        padding: 15px 20px !important
+    }
+
+    .app-aside-folded .navi>ul>li>a {
+        position: relative;
+        height: 50px;
+        padding: 0;
+        text-align: center;
+        border: none
+    }
+
+    .app-aside-folded .navi>ul>li>a span {
+        display: none
+    }
+
+    .app-aside-folded .navi>ul>li>a span.pull-right {
+        display: none !important
+    }
+
+    .app-aside-folded .navi>ul>li>a i {
+        display: block;
+        float: none;
+        width: auto;
+        margin: 0;
+        font-size: 16px;
+        line-height: 50px;
+        border: none !important
+    }
+
+    .app-aside-folded .navi>ul>li>a i b {
+        left: 0 !important
+    }
+
+    .app-aside-folded .navi>ul>li>a .badge,
+    .app-aside-folded .navi>ul>li>a .label {
+        position: absolute;
+        top: 8px;
+        right: 12px;
+        z-index: 3
+    }
+
+    .app-aside-folded .navi>ul>li>ul {
+        position: absolute;
+        top: 0 !important;
+        left: 100%;
+        z-index: 1050;
+        width: 200px;
+        height: 0 !important;
+        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
+        box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
+    }
+
+    .app-aside-folded .navi li li a {
+        padding-left: 20px !important
+    }
+
+    .app-aside-folded.app-aside-fixed .app-aside>ul.nav {
+        position: fixed;
+        left: 80px;
+        z-index: 1010;
+        display: block;
+        width: 260px;
+        height: auto;
+        overflow: visible;
+        overflow-y: auto;
+        opacity: 1;
+        -webkit-overflow-scrolling: touch
+    }
+
+    .app-aside-folded.app-aside-fixed .app-aside>ul.nav:before {
+        position: absolute;
+        top: 0;
+        left: -60px;
+        width: 60px;
+        height: 50px;
+        content: ""
+    }
+
+    .app-aside-folded.app-aside-fixed .app-aside>ul.nav a {
+        padding-right: 20px !important;
+        padding-left: 20px !important
+    }
+}
+
+@media(max-width:767px) {
+    .app {
+        overflow-x: hidden
+    }
+
+    .app-content {
+        -webkit-transition: -webkit-transform .2s ease;
+        -moz-transition: -moz-transform .2s ease;
+        -o-transition: -o-transform .2s ease;
+        transition: transform .2s ease
+    }
+
+    .off-screen {
+        position: absolute;
+        top: 50px;
+        bottom: 0;
+        z-index: 1010;
+        display: block !important;
+        width: 75%;
+        overflow-x: hidden;
+        overflow-y: auto;
+        visibility: visible;
+        -webkit-overflow-scrolling: touch
+    }
+
+    .off-screen+* {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        z-index: 1015;
+        width: 100%;
+        padding-top: 50px;
+        overflow: hidden;
+        background-color: #f0f3f4;
+        -webkit-transform: translate3d(75%, 0, 0px);
+        transform: translate3d(75%, 0, 0px);
+        -webkit-transition: -webkit-transform .2s ease;
+        -moz-transition: -moz-transform .2s ease;
+        -o-transition: -o-transform .2s ease;
+        transition: transform .2s ease;
+        -webkit-backface-visibility: hidden;
+        -moz-backface-visibility: hidden;
+        backface-visibility: hidden
+    }
+
+    .off-screen+* .off-screen-toggle {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        z-index: 1020;
+        display: block !important
+    }
+
+    .off-screen.pull-right {
+        right: 0
+    }
+
+    .off-screen.pull-right+* {
+        -webkit-transform: translate3d(-75%, 0, 0px);
+        transform: translate3d(-75%, 0, 0px)
+    }
+}
+
+@media(min-width:992px) {
+
+    .app-aside-dock .app-content,
+    .app-aside-dock .app-footer {
+        margin-left: 0
+    }
+
+    .app-aside-dock .app-aside-footer~div {
+        padding-bottom: 0
+    }
+
+    .app-aside-dock.app-aside-fixed.app-header-fixed {
+        padding-top: 115px
+    }
+
+    .app-aside-dock.app-aside-fixed .app-aside {
+        position: fixed;
+        top: 50px;
+        z-index: 1000;
+        width: 100%
+    }
+
+    .app-aside-dock .app-aside,
+    .app-aside-dock .aside-wrap,
+    .app-aside-dock .navi-wrap {
+        position: relative;
+        top: 0;
+        float: none;
+        width: 100% !important;
+        overflow: visible !important
+    }
+
+    .app-aside-dock .app-aside {
+        bottom: auto !important
+    }
+
+    .app-aside-dock .app-aside.b-r {
+        border-bottom: 1px solid #dee5e7;
+        border-right-width: 0
+    }
+
+    .app-aside-dock .app-aside:before {
+        display: none
+    }
+
+    .app-aside-dock .app-aside nav>.nav {
+        float: left
+    }
+
+    .app-aside-dock .app-aside .hidden-folded,
+    .app-aside-dock .app-aside .line,
+    .app-aside-dock .app-aside .navi-wrap>div {
+        display: none !important
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li {
+        position: relative;
+        display: inline-block;
+        float: left
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li>a {
+        height: auto;
+        padding: 10px 15px 12px;
+        text-align: center
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li>a>.badge,
+    .app-aside-dock .app-aside .navi>ul>li>a>.label {
+        position: absolute;
+        top: 5px;
+        right: 8px;
+        padding: 1px 4px
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li>a>i {
+        display: block;
+        float: none;
+        width: 40px;
+        margin-top: -10px;
+        margin-right: auto;
+        margin-bottom: -7px;
+        margin-left: auto;
+        font-size: 14px;
+        line-height: 40px
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li>a>span.pull-right {
+        position: absolute;
+        bottom: 2px;
+        left: 50%;
+        display: block !important;
+        margin-left: -6px;
+        line-height: 1
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li>a>span.pull-right i {
+        width: 12px;
+        font-size: 12px;
+        line-height: 12px
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li>a>span.pull-right i.text {
+        line-height: 14px;
+        -webkit-transform: rotate(90deg);
+        -ms-transform: rotate(90deg);
+        transform: rotate(90deg)
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li>a>span {
+        display: block;
+        font-weight: 400
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li .nav-sub {
+        position: absolute;
+        top: auto !important;
+        left: 0;
+        z-index: 1050;
+        display: none;
+        width: 200px;
+        height: auto !important;
+        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
+        box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li .nav-sub-header {
+        display: none !important
+    }
+
+    .app-aside-dock .app-aside .navi li li a {
+        padding-left: 15px
+    }
+
+    .app-aside-dock .app-aside .navi li:hover>.nav-sub,
+    .app-aside-dock .app-aside .navi li:focus>.nav-sub,
+    .app-aside-dock .app-aside .navi li:active>.nav-sub {
+        display: block;
+        height: auto !important;
+        margin-left: 0;
+        overflow: auto;
+        opacity: 1
+    }
+}
+
+.arrow {
+    z-index: 10;
+    border-width: 9px
+}
+
+.arrow,
+.arrow:after {
+    position: absolute;
+    display: block;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid
+}
+
+.arrow:after {
+    border-width: 8px;
+    content: ""
+}
+
+.arrow.top {
+    top: -9px;
+    left: 50%;
+    margin-left: -9px;
+    border-bottom-color: rgba(0, 0, 0, .1);
+    border-top-width: 0
+}
+
+.arrow.top:after {
+    top: 1px;
+    margin-left: -8px;
+    border-bottom-color: #fff;
+    border-top-width: 0
+}
+
+.arrow.top.arrow-primary:after {
+    border-bottom-color: #7266ba
+}
+
+.arrow.top.arrow-info:after {
+    border-bottom-color: #23b7e5
+}
+
+.arrow.top.arrow-success:after {
+    border-bottom-color: #27c24c
+}
+
+.arrow.top.arrow-danger:after {
+    border-bottom-color: #f05050
+}
+
+.arrow.top.arrow-warning:after {
+    border-bottom-color: #fad733
+}
+
+.arrow.top.arrow-light:after {
+    border-bottom-color: #edf1f2
+}
+
+.arrow.top.arrow-dark:after {
+    border-bottom-color: #3a3f51
+}
+
+.arrow.top.arrow-black:after {
+    border-bottom-color: #1c2b36
+}
+
+.arrow.right {
+    top: 50%;
+    right: -9px;
+    margin-top: -9px;
+    border-left-color: rgba(0, 0, 0, .1);
+    border-right-width: 0
+}
+
+.arrow.right:after {
+    right: 1px;
+    bottom: -8px;
+    border-left-color: #fff;
+    border-right-width: 0
+}
+
+.arrow.right.arrow-primary:after {
+    border-left-color: #7266ba
+}
+
+.arrow.right.arrow-info:after {
+    border-left-color: #23b7e5
+}
+
+.arrow.right.arrow-success:after {
+    border-left-color: #27c24c
+}
+
+.arrow.right.arrow-danger:after {
+    border-left-color: #f05050
+}
+
+.arrow.right.arrow-warning:after {
+    border-left-color: #fad733
+}
+
+.arrow.right.arrow-light:after {
+    border-left-color: #edf1f2
+}
+
+.arrow.right.arrow-dark:after {
+    border-left-color: #3a3f51
+}
+
+.arrow.right.arrow-black:after {
+    border-left-color: #1c2b36
+}
+
+.arrow.bottom {
+    bottom: -9px;
+    left: 50%;
+    margin-left: -9px;
+    border-top-color: rgba(0, 0, 0, .1);
+    border-bottom-width: 0
+}
+
+.arrow.bottom:after {
+    bottom: 1px;
+    margin-left: -8px;
+    border-top-color: #fff;
+    border-bottom-width: 0
+}
+
+.arrow.bottom.arrow-primary:after {
+    border-top-color: #7266ba
+}
+
+.arrow.bottom.arrow-info:after {
+    border-top-color: #23b7e5
+}
+
+.arrow.bottom.arrow-success:after {
+    border-top-color: #27c24c
+}
+
+.arrow.bottom.arrow-danger:after {
+    border-top-color: #f05050
+}
+
+.arrow.bottom.arrow-warning:after {
+    border-top-color: #fad733
+}
+
+.arrow.bottom.arrow-light:after {
+    border-top-color: #edf1f2
+}
+
+.arrow.bottom.arrow-dark:after {
+    border-top-color: #3a3f51
+}
+
+.arrow.bottom.arrow-black:after {
+    border-top-color: #1c2b36
+}
+
+.arrow.left {
+    top: 50%;
+    left: -9px;
+    margin-top: -9px;
+    border-right-color: rgba(0, 0, 0, .1);
+    border-left-width: 0
+}
+
+.arrow.left:after {
+    bottom: -8px;
+    left: 1px;
+    border-right-color: #fff;
+    border-left-width: 0
+}
+
+.arrow.left.arrow-primary:after {
+    border-right-color: #7266ba
+}
+
+.arrow.left.arrow-info:after {
+    border-right-color: #23b7e5
+}
+
+.arrow.left.arrow-success:after {
+    border-right-color: #27c24c
+}
+
+.arrow.left.arrow-danger:after {
+    border-right-color: #f05050
+}
+
+.arrow.left.arrow-warning:after {
+    border-right-color: #fad733
+}
+
+.arrow.left.arrow-light:after {
+    border-right-color: #edf1f2
+}
+
+.arrow.left.arrow-dark:after {
+    border-right-color: #3a3f51
+}
+
+.arrow.left.arrow-black:after {
+    border-right-color: #1c2b36
+}
+
+.arrow.pull-left {
+    left: 19px
+}
+
+.arrow.pull-right {
+    right: 19px;
+    left: auto
+}
+
+.arrow.pull-up {
+    top: 19px
+}
+
+.arrow.pull-down {
+    top: auto;
+    bottom: 19px
+}
+
+.btn {
+    font-weight: 500;
+    border-radius: 2px;
+    outline: 0 !important
+}
+
+.btn-link {
+    color: #58666e
+}
+
+.btn-link.active {
+    box-shadow: none;
+    webkit-box-shadow: none
+}
+
+.btn-default {
+    color: #58666e !important;
+    background-color: #fcfdfd;
+    background-color: #fff;
+    border-color: #dee5e7;
+    border-bottom-color: #d8e1e3;
+    -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, .1);
+    box-shadow: 0 1px 1px rgba(90, 90, 90, .1)
+}
+
+.btn-default:hover,
+.btn-default:focus,
+.btn-default:active,
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
+    color: #58666e !important;
+    background-color: #edf1f2;
+    border-color: #c7d3d6
+}
+
+.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: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: #fcfdfd;
+    border-color: #dee5e7
+}
+
+.btn-default.btn-bg {
+    border-color: rgba(0, 0, 0, .1);
+    background-clip: padding-box
+}
+
+.btn-primary {
+    color: #fff !important;
+    background-color: #7266ba;
+    border-color: #7266ba
+}
+
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+    color: #fff !important;
+    background-color: #6254b2;
+    border-color: #5a4daa
+}
+
+.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: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: #7266ba;
+    border-color: #7266ba
+}
+
+.btn-success {
+    color: #fff !important;
+    background-color: #27c24c;
+    border-color: #27c24c
+}
+
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+    color: #fff !important;
+    background-color: #23ad44;
+    border-color: #20a03f
+}
+
+.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: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: #27c24c;
+    border-color: #27c24c
+}
+
+.btn-info {
+    color: #fff !important;
+    background-color: #23b7e5;
+    border-color: #23b7e5
+}
+
+.btn-info:hover,
+.btn-info:focus,
+.btn-info:active,
+.btn-info.active,
+.open .dropdown-toggle.btn-info {
+    color: #fff !important;
+    background-color: #19a9d5;
+    border-color: #189ec8
+}
+
+.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: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: #23b7e5;
+    border-color: #23b7e5
+}
+
+.btn-warning {
+    color: #fff !important;
+    background-color: #fad733;
+    border-color: #fad733
+}
+
+.btn-warning:hover,
+.btn-warning:focus,
+.btn-warning:active,
+.btn-warning.active,
+.open .dropdown-toggle.btn-warning {
+    color: #fff !important;
+    background-color: #f9d21a;
+    border-color: #f9cf0b
+}
+
+.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: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: #fad733;
+    border-color: #fad733
+}
+
+.btn-danger {
+    color: #fff !important;
+    background-color: #f05050;
+    border-color: #f05050
+}
+
+.btn-danger:hover,
+.btn-danger:focus,
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+    color: #fff !important;
+    background-color: #ee3939;
+    border-color: #ed2a2a
+}
+
+.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: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: #f05050;
+    border-color: #f05050
+}
+
+.btn-dark {
+    color: #fff !important;
+    background-color: #3a3f51;
+    border-color: #3a3f51
+}
+
+.btn-dark:hover,
+.btn-dark:focus,
+.btn-dark:active,
+.btn-dark.active,
+.open .dropdown-toggle.btn-dark {
+    color: #fff !important;
+    background-color: #2f3342;
+    border-color: #292d39
+}
+
+.btn-dark:active,
+.btn-dark.active,
+.open .dropdown-toggle.btn-dark {
+    background-image: none
+}
+
+.btn-dark.disabled,
+.btn-dark[disabled],
+fieldset[disabled] .btn-dark,
+.btn-dark.disabled:hover,
+.btn-dark[disabled]:hover,
+fieldset[disabled] .btn-dark:hover,
+.btn-dark.disabled:focus,
+.btn-dark[disabled]:focus,
+fieldset[disabled] .btn-dark:focus,
+.btn-dark.disabled:active,
+.btn-dark[disabled]:active,
+fieldset[disabled] .btn-dark:active,
+.btn-dark.disabled.active,
+.btn-dark[disabled].active,
+fieldset[disabled] .btn-dark.active {
+    background-color: #3a3f51;
+    border-color: #3a3f51
+}
+
+.btn-black {
+    color: #fff !important;
+    background-color: #1c2b36;
+    border-color: #1c2b36
+}
+
+.btn-black:hover,
+.btn-black:focus,
+.btn-black:active,
+.btn-black.active,
+.open .dropdown-toggle.btn-black {
+    color: #fff !important;
+    background-color: #131e25;
+    border-color: #0e161b
+}
+
+.btn-black:active,
+.btn-black.active,
+.open .dropdown-toggle.btn-black {
+    background-image: none
+}
+
+.btn-black.disabled,
+.btn-black[disabled],
+fieldset[disabled] .btn-black,
+.btn-black.disabled:hover,
+.btn-black[disabled]:hover,
+fieldset[disabled] .btn-black:hover,
+.btn-black.disabled:focus,
+.btn-black[disabled]:focus,
+fieldset[disabled] .btn-black:focus,
+.btn-black.disabled:active,
+.btn-black[disabled]:active,
+fieldset[disabled] .btn-black:active,
+.btn-black.disabled.active,
+.btn-black[disabled].active,
+fieldset[disabled] .btn-black.active {
+    background-color: #1c2b36;
+    border-color: #1c2b36
+}
+
+.btn-icon {
+    width: 34px;
+    height: 34px;
+    padding: 0 !important;
+    text-align: center
+}
+
+.btn-icon i {
+    position: relative;
+    top: -1px;
+    line-height: 34px
+}
+
+.btn-icon.btn-sm {
+    width: 30px;
+    height: 30px
+}
+
+.btn-icon.btn-sm i {
+    line-height: 30px
+}
+
+.btn-icon.btn-lg {
+    width: 45px;
+    height: 45px
+}
+
+.btn-icon.btn-lg i {
+    line-height: 45px
+}
+
+.btn-rounded {
+    padding-right: 15px;
+    padding-left: 15px;
+    border-radius: 50px
+}
+
+.btn-rounded.btn-lg {
+    padding-right: 25px;
+    padding-left: 25px
+}
+
+.btn>i.pull-left,
+.btn>i.pull-right {
+    line-height: 1.42857143
+}
+
+.btn-block {
+    padding-right: 12px;
+    padding-left: 12px
+}
+
+.btn-group-vertical>.btn:first-child:not(:last-child) {
+    border-top-right-radius: 2px
+}
+
+.btn-group-vertical>.btn:last-child:not(:first-child) {
+    border-bottom-left-radius: 2px
+}
+
+.btn-addon i {
+    position: relative;
+    float: left;
+    width: 34px;
+    height: 34px;
+    margin: -7px -12px;
+    margin-right: 12px;
+    line-height: 34px;
+    text-align: center;
+    background-color: rgba(0, 0, 0, .1);
+    border-radius: 2px 0 0 2px
+}
+
+.btn-addon i.pull-right {
+    margin-right: -12px;
+    margin-left: 12px;
+    border-radius: 0 2px 2px 0
+}
+
+.btn-addon.btn-sm i {
+    width: 30px;
+    height: 30px;
+    margin: -6px -10px;
+    margin-right: 10px;
+    line-height: 30px
+}
+
+.btn-addon.btn-sm i.pull-right {
+    margin-right: -10px;
+    margin-left: 10px
+}
+
+.btn-addon.btn-lg i {
+    width: 45px;
+    height: 45px;
+    margin: -11px -16px;
+    margin-right: 16px;
+    line-height: 45px
+}
+
+.btn-addon.btn-lg i.pull-right {
+    margin-right: -16px;
+    margin-left: 16px
+}
+
+.btn-addon.btn-default i {
+    background-color: transparent;
+    border-right: 1px solid #dee5e7
+}
+
+.btn-groups .btn {
+    margin-bottom: 5px
+}
+
+.list-icon i {
+    display: inline-block;
+    width: 40px;
+    margin: 0;
+    font-size: 14px;
+    text-align: center;
+    vertical-align: middle;
+    -webkit-transition: font-size .2s;
+    transition: font-size .2s
+}
+
+.list-icon div {
+    line-height: 40px;
+    white-space: nowrap
+}
+
+.list-icon div:hover i {
+    font-size: 26px
+}
+
+.settings {
+    position: fixed;
+    top: 120px;
+    right: -240px;
+    z-index: 1050;
+    width: 240px;
+    -webkit-transition: right .2s;
+    transition: right .2s
+}
+
+.settings.active {
+    right: -1px
+}
+
+.settings>.btn {
+    position: absolute;
+    top: -1px;
+    left: -42px;
+    padding: 10px 15px;
+    background: #f6f8f8 !important;
+    border-color: #dee5e7;
+    border-right-width: 0
+}
+
+.settings .i-checks span b {
+    display: inline-block;
+    float: left;
+    width: 50%;
+    height: 20px
+}
+
+.settings .i-checks span b.header {
+    height: 10px
+}
+
+.streamline {
+    position: relative;
+    border-color: #dee5e7
+}
+
+.streamline .sl-item:after,
+.streamline:after {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 9px;
+    height: 9px;
+    margin-left: -5px;
+    background-color: #fff;
+    border-color: inherit;
+    border-style: solid;
+    border-width: 1px;
+    border-radius: 10px;
+    content: ''
+}
+
+.sl-item {
+    position: relative;
+    padding-bottom: 1px;
+    border-color: #dee5e7
+}
+
+.sl-item:before,
+.sl-item:after {
+    display: table;
+    content: " "
+}
+
+.sl-item:after {
+    clear: both
+}
+
+.sl-item:after {
+    top: 6px;
+    bottom: auto
+}
+
+.sl-item.b-l {
+    margin-left: -1px
+}
+
+.timeline {
+    padding: 0;
+    margin: 0
+}
+
+.tl-item {
+    display: block
+}
+
+.tl-item:before,
+.tl-item:after {
+    display: table;
+    content: " "
+}
+
+.tl-item:after {
+    clear: both
+}
+
+.visible-left {
+    display: none
+}
+
+.tl-wrap {
+    display: block;
+    padding: 15px 0 15px 20px;
+    margin-left: 6em;
+    border-color: #dee5e7;
+    border-style: solid;
+    border-width: 0 0 0 4px
+}
+
+.tl-wrap:before,
+.tl-wrap:after {
+    display: table;
+    content: " "
+}
+
+.tl-wrap:after {
+    clear: both
+}
+
+.tl-wrap:before {
+    position: relative;
+    top: 15px;
+    float: left;
+    width: 10px;
+    height: 10px;
+    margin-left: -27px;
+    background: #edf1f2;
+    border-color: inherit;
+    border-style: solid;
+    border-width: 3px;
+    border-radius: 50%;
+    content: "";
+    box-shadow: 0 0 0 4px #f0f3f4
+}
+
+.tl-wrap:hover:before {
+    background: 0 0;
+    border-color: #fff
+}
+
+.tl-date {
+    position: relative;
+    top: 10px;
+    display: block;
+    float: left;
+    width: 4.5em;
+    margin-left: -7.5em;
+    text-align: right
+}
+
+.tl-content {
+    position: relative;
+    display: inline-block;
+    padding-top: 10px;
+    padding-bottom: 10px
+}
+
+.tl-content.block {
+    display: block;
+    width: 100%
+}
+
+.tl-content.panel {
+    margin-bottom: 0
+}
+
+.tl-header {
+    display: block;
+    width: 12em;
+    margin-left: 2px;
+    text-align: center
+}
+
+.timeline-center .tl-item {
+    margin-left: 50%
+}
+
+.timeline-center .tl-item .tl-wrap {
+    margin-left: -2px
+}
+
+.timeline-center .tl-header {
+    width: auto;
+    margin: 0
+}
+
+.timeline-center .tl-left {
+    margin-right: 50%;
+    margin-left: 0
+}
+
+.timeline-center .tl-left .hidden-left {
+    display: none !important
+}
+
+.timeline-center .tl-left .visible-left {
+    display: inherit
+}
+
+.timeline-center .tl-left .tl-wrap {
+    float: right;
+    padding-right: 20px;
+    padding-left: 0;
+    margin-right: -2px;
+    border-right-width: 4px;
+    border-left-width: 0
+}
+
+.timeline-center .tl-left .tl-wrap:before {
+    float: right;
+    margin-right: -27px;
+    margin-left: 0
+}
+
+.timeline-center .tl-left .tl-date {
+    float: right;
+    margin-right: -8.5em;
+    margin-left: 0;
+    text-align: left
+}
+
+.i-switch {
+    position: relative;
+    display: inline-block;
+    width: 35px;
+    height: 20px;
+    margin: 0;
+    cursor: pointer;
+    background-color: #27c24c;
+    border-radius: 30px
+}
+
+.i-switch input {
+    position: absolute;
+    opacity: 0;
+    filter: alpha(opacity=0)
+}
+
+.i-switch input:checked+i:before {
+    top: 50%;
+    right: 5px;
+    bottom: 50%;
+    left: 50%;
+    border-width: 0;
+    border-radius: 5px
+}
+
+.i-switch input:checked+i:after {
+    margin-left: 16px
+}
+
+.i-switch i:before {
+    position: absolute;
+    top: -1px;
+    right: -1px;
+    bottom: -1px;
+    left: -1px;
+    background-color: #fff;
+    border: 1px solid #f0f0f0;
+    border-radius: 30px;
+    content: "";
+    -webkit-transition: all .2s;
+    transition: all .2s
+}
+
+.i-switch i:after {
+    position: absolute;
+    top: 1px;
+    bottom: 1px;
+    width: 18px;
+    background-color: #fff;
+    border-radius: 50%;
+    content: "";
+    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25);
+    box-shadow: 1px 1px 3px rgba(0, 0, 0, .25);
+    -webkit-transition: margin-left .3s;
+    transition: margin-left .3s
+}
+
+.i-switch-md {
+    width: 40px;
+    height: 24px
+}
+
+.i-switch-md input:checked+i:after {
+    margin-left: 17px
+}
+
+.i-switch-md i:after {
+    width: 22px
+}
+
+.i-switch-lg {
+    width: 50px;
+    height: 30px
+}
+
+.i-switch-lg input:checked+i:after {
+    margin-left: 21px
+}
+
+.i-switch-lg i:after {
+    width: 28px
+}
+
+.i-checks {
+    padding-left: 20px;
+    cursor: pointer
+}
+
+.i-checks input {
+    position: absolute;
+    margin-left: -20px;
+    opacity: 0
+}
+
+.i-checks input:checked+i {
+    border-color: #23b7e5
+}
+
+.i-checks input:checked+i:before {
+    top: 4px;
+    left: 4px;
+    width: 10px;
+    height: 10px;
+    background-color: #23b7e5
+}
+
+.i-checks input:checked+span .active {
+    display: inherit
+}
+
+.i-checks input[type=radio]+i,
+.i-checks input[type=radio]+i:before {
+    border-radius: 50%
+}
+
+.i-checks input[disabled]+i,
+fieldset[disabled] .i-checks input+i {
+    border-color: #dee5e7
+}
+
+.i-checks input[disabled]+i:before,
+fieldset[disabled] .i-checks input+i:before {
+    background-color: #dee5e7
+}
+
+.i-checks>i {
+    position: relative;
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    margin-top: -2px;
+    margin-right: 4px;
+    margin-left: -20px;
+    line-height: 1;
+    vertical-align: middle;
+    background-color: #fff;
+    border: 1px solid #cfdadd
+}
+
+.i-checks>i:before {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 0;
+    height: 0;
+    background-color: transparent;
+    content: "";
+    -webkit-transition: all .2s;
+    transition: all .2s
+}
+
+.i-checks>span {
+    margin-left: -20px
+}
+
+.i-checks>span .active {
+    display: none
+}
+
+.i-checks-sm input:checked+i:before {
+    top: 3px;
+    left: 3px;
+    width: 8px;
+    height: 8px
+}
+
+.i-checks-sm>i {
+    width: 16px;
+    height: 16px;
+    margin-right: 6px;
+    margin-left: -18px
+}
+
+.i-checks-lg input:checked+i:before {
+    top: 8px;
+    left: 8px;
+    width: 12px;
+    height: 12px
+}
+
+.i-checks-lg>i {
+    width: 30px;
+    height: 30px
+}
+
+.datepicker {
+    margin: 0 5px
+}
+
+.datepicker .btn-default {
+    border-width: 0;
+    box-shadow: none
+}
+
+.datepicker .btn[disabled] {
+    opacity: .4
+}
+
+.datepicker .btn-info .text-info {
+    color: #fff !important
+}
+
+.jqstooltip {
+    padding: 5px 10px !important;
+    background-color: rgba(0, 0, 0, .8) !important;
+    border: solid 1px #000 !important;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box
+}
+
+.easyPieChart {
+    position: relative;
+    text-align: center
+}
+
+.easyPieChart>div {
+    position: relative;
+    z-index: 1
+}
+
+.easyPieChart>div .text {
+    position: absolute;
+    top: 60%;
+    width: 100%;
+    line-height: 1
+}
+
+.easyPieChart>div img {
+    margin-top: -4px
+}
+
+.easyPieChart canvas {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0
+}
+
+#flotTip {
+    z-index: 100;
+    padding: 4px 10px;
+    font-size: 12px;
+    color: #fff;
+    background-color: rgba(0, 0, 0, .8);
+    border: solid 1px #000 !important;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px
+}
+
+.legendColorBox>div {
+    margin: 5px;
+    border: none !important
+}
+
+.legendColorBox>div>div {
+    border-radius: 10px
+}
+
+.sortable-placeholder {
+    min-height: 50px;
+    margin-bottom: 5px;
+    list-style: none;
+    border: 1px dashed #ccc
+}
+
+.item {
+    position: relative
+}
+
+.item .top {
+    position: absolute;
+    top: 0;
+    left: 0
+}
+
+.item .bottom {
+    position: absolute;
+    bottom: 0;
+    left: 0
+}
+
+.item .center {
+    position: absolute;
+    top: 50%
+}
+
+.item-overlay {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: none
+}
+
+.item-overlay.active,
+.item:hover .item-overlay {
+    display: block
+}
+
+.form-validation .form-control.ng-dirty.ng-invalid {
+    border-color: #f05050
+}
+
+.form-validation .form-control.ng-dirty.ng-valid,
+.form-validation .form-control.ng-dirty.ng-valid:focus {
+    border-color: #27c24c
+}
+
+.form-validation .i-checks .ng-invalid.ng-dirty+i {
+    border-color: #f05050
+}
+
+.ng-animate .bg-auto:before {
+    display: none
+}
+
+[ui-view].ng-leave {
+    display: none
+}
+
+[ui-view].ng-leave.smooth {
+    display: block
+}
+
+.smooth.ng-animate {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    overflow: hidden
+}
+
+.fade-in-right-big.ng-enter {
+    -webkit-animation: fadeInRightBig .5s;
+    animation: fadeInRightBig .5s
+}
+
+.fade-in-right-big.ng-leave {
+    -webkit-animation: fadeOutLeftBig .5s;
+    animation: fadeOutLeftBig .5s
+}
+
+.fade-in-left-big.ng-enter {
+    -webkit-animation: fadeInLeftBig .5s;
+    animation: fadeInLeftBig .5s
+}
+
+.fade-in-left-big.ng-leave {
+    -webkit-animation: fadeOutRightBig .5s;
+    animation: fadeOutRightBig .5s
+}
+
+.fade-in-up-big.ng-enter {
+    -webkit-animation: fadeInUpBig .5s;
+    animation: fadeInUpBig .5s
+}
+
+.fade-in-up-big.ng-leave {
+    -webkit-animation: fadeOutUpBig .5s;
+    animation: fadeOutUpBig .5s
+}
+
+.fade-in-down-big.ng-enter {
+    -webkit-animation: fadeInDownBig .5s;
+    animation: fadeInDownBig .5s
+}
+
+.fade-in-down-big.ng-leave {
+    -webkit-animation: fadeOutDownBig .5s;
+    animation: fadeOutDownBig .5s
+}
+
+.fade-in.ng-enter {
+    -webkit-animation: fadeIn .5s;
+    animation: fadeIn .5s
+}
+
+.fade-in.ng-leave {
+    -webkit-animation: fadeOut .5s;
+    animation: fadeOut .5s
+}
+
+.fade-in-right.ng-enter {
+    -webkit-animation: fadeInRight .5s;
+    animation: fadeInRight .5s
+}
+
+.fade-in-right.ng-leave {
+    -webkit-animation: fadeOutLeft .5s;
+    animation: fadeOutLeft .5s
+}
+
+.fade-in-left.ng-enter {
+    -webkit-animation: fadeInLeft .5s;
+    animation: fadeInLeft .5s
+}
+
+.fade-in-left.ng-leave {
+    -webkit-animation: fadeOutRight .5s;
+    animation: fadeOutRight .5s
+}
+
+.fade-in-up.ng-enter {
+    -webkit-animation: fadeInUp .5s;
+    animation: fadeInUp .5s
+}
+
+.fade-in-up.ng-leave {
+    -webkit-animation: fadeOutUp .5s;
+    animation: fadeOutUp .5s
+}
+
+.fade-in-down.ng-enter {
+    -webkit-animation: fadeInDown .5s;
+    animation: fadeInDown .5s
+}
+
+.fade-in-down.ng-leave {
+    -webkit-animation: fadeOutDown .5s;
+    animation: fadeOutDown .5s
+}
+
+.bg-gd {
+    background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.075)));
+    background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 0, rgba(40, 50, 60, 0.075), 100%);
+    background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
+    background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#1328323c', GradientType=0);
+    filter: none
+}
+
+.bg-gd-dk {
+    background-image: -webkit-gradient(linear, left 10%, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.7)));
+    background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 10%, rgba(40, 50, 60, 0.7), 100%);
+    background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.7) 100%);
+    background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.7) 100%);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#8028323c', GradientType=0);
+    filter: none
+}
+
+.bg-light {
+    color: #58666e;
+    background-color: #edf1f2
+}
+
+.bg-light.lt,
+.bg-light .lt {
+    background-color: #f3f5f6
+}
+
+.bg-light.lter,
+.bg-light .lter {
+    background-color: #f6f8f8
+}
+
+.bg-light.dk,
+.bg-light .dk {
+    background-color: #e4eaec
+}
+
+.bg-light.dker,
+.bg-light .dker {
+    background-color: #dde6e9
+}
+
+.bg-light.bg,
+.bg-light .bg {
+    background-color: #edf1f2
+}
+
+.bg-dark {
+    color: #a6a8b1;
+    background-color: #3a3f51
+}
+
+.bg-dark.lt,
+.bg-dark .lt {
+    background-color: #474c5e
+}
+
+.bg-dark.lter,
+.bg-dark .lter {
+    background-color: #54596a
+}
+
+.bg-dark.dk,
+.bg-dark .dk {
+    background-color: #2e3344
+}
+
+.bg-dark.dker,
+.bg-dark .dker {
+    background-color: #232735
+}
+
+.bg-dark.bg,
+.bg-dark .bg {
+    background-color: #3a3f51
+}
+
+.bg-dark a {
+    color: #c1c3c9
+}
+
+.bg-dark a:hover {
+    color: #fff
+}
+
+.bg-dark a.list-group-item:hover,
+.bg-dark a.list-group-item:focus {
+    background-color: inherit
+}
+
+.bg-dark .nav>li:hover>a,
+.bg-dark .nav>li:focus>a,
+.bg-dark .nav>li.active>a {
+    color: #fff;
+    background-color: #2e3344
+}
+
+.bg-dark .nav>li>a {
+    color: #b4b6bd
+}
+
+.bg-dark .nav>li>a:hover,
+.bg-dark .nav>li>a:focus {
+    background-color: #32374a
+}
+
+.bg-dark .nav .open>a {
+    background-color: #2e3344
+}
+
+.bg-dark .caret {
+    border-top-color: #a6a8b1;
+    border-bottom-color: #a6a8b1
+}
+
+.bg-dark.navbar .nav>li.active>a {
+    color: #fff;
+    background-color: #2e3344
+}
+
+.bg-dark .open>a,
+.bg-dark .open>a:hover,
+.bg-dark .open>a:focus {
+    color: #fff
+}
+
+.bg-dark .text-muted {
+    color: #8b8e99 !important
+}
+
+.bg-dark .text-lt {
+    color: #eaebed !important
+}
+
+.bg-dark.auto .list-group-item,
+.bg-dark .auto .list-group-item {
+    background-color: transparent;
+    border-color: #2f3342 !important
+}
+
+.bg-dark.auto .list-group-item:hover,
+.bg-dark .auto .list-group-item:hover,
+.bg-dark.auto .list-group-item:focus,
+.bg-dark .auto .list-group-item:focus,
+.bg-dark.auto .list-group-item:active,
+.bg-dark .auto .list-group-item:active,
+.bg-dark.auto .list-group-item.active,
+.bg-dark .auto .list-group-item.active {
+    background-color: #2e3344 !important
+}
+
+.bg-black {
+    color: #7793a7;
+    background-color: #1c2b36
+}
+
+.bg-black.lt,
+.bg-black .lt {
+    background-color: #263845
+}
+
+.bg-black.lter,
+.bg-black .lter {
+    background-color: #314554
+}
+
+.bg-black.dk,
+.bg-black .dk {
+    background-color: #131e26
+}
+
+.bg-black.dker,
+.bg-black .dker {
+    background-color: #0a1015
+}
+
+.bg-black.bg,
+.bg-black .bg {
+    background-color: #1c2b36
+}
+
+.bg-black a {
+    color: #96abbb
+}
+
+.bg-black a:hover {
+    color: #fff
+}
+
+.bg-black a.list-group-item:hover,
+.bg-black a.list-group-item:focus {
+    background-color: inherit
+}
+
+.bg-black .nav>li:hover>a,
+.bg-black .nav>li:focus>a,
+.bg-black .nav>li.active>a {
+    color: #fff;
+    background-color: #131e26
+}
+
+.bg-black .nav>li>a {
+    color: #869fb1
+}
+
+.bg-black .nav>li>a:hover,
+.bg-black .nav>li>a:focus {
+    background-color: #16232d
+}
+
+.bg-black .nav .open>a {
+    background-color: #131e26
+}
+
+.bg-black .caret {
+    border-top-color: #7793a7;
+    border-bottom-color: #7793a7
+}
+
+.bg-black.navbar .nav>li.active>a {
+    color: #fff;
+    background-color: #131e26
+}
+
+.bg-black .open>a,
+.bg-black .open>a:hover,
+.bg-black .open>a:focus {
+    color: #fff
+}
+
+.bg-black .text-muted {
+    color: #5c798f !important
+}
+
+.bg-black .text-lt {
+    color: #c4d0d9 !important
+}
+
+.bg-black.auto .list-group-item,
+.bg-black .auto .list-group-item {
+    background-color: transparent;
+    border-color: #131e25 !important
+}
+
+.bg-black.auto .list-group-item:hover,
+.bg-black .auto .list-group-item:hover,
+.bg-black.auto .list-group-item:focus,
+.bg-black .auto .list-group-item:focus,
+.bg-black.auto .list-group-item:active,
+.bg-black .auto .list-group-item:active,
+.bg-black.auto .list-group-item.active,
+.bg-black .auto .list-group-item.active {
+    background-color: #131e26 !important
+}
+
+.bg-primary {
+    color: #f4f3f9;
+    background-color: #7266ba
+}
+
+.bg-primary.lt,
+.bg-primary .lt {
+    background-color: #847abf
+}
+
+.bg-primary.lter,
+.bg-primary .lter {
+    background-color: #958dc6
+}
+
+.bg-primary.dk,
+.bg-primary .dk {
+    background-color: #6051b5
+}
+
+.bg-primary.dker,
+.bg-primary .dker {
+    background-color: #5244a9
+}
+
+.bg-primary.bg,
+.bg-primary .bg {
+    background-color: #7266ba
+}
+
+.bg-primary a {
+    color: #fff
+}
+
+.bg-primary a:hover {
+    color: #fff
+}
+
+.bg-primary a.list-group-item:hover,
+.bg-primary a.list-group-item:focus {
+    background-color: inherit
+}
+
+.bg-primary .nav>li:hover>a,
+.bg-primary .nav>li:focus>a,
+.bg-primary .nav>li.active>a {
+    color: #fff;
+    background-color: #6051b5
+}
+
+.bg-primary .nav>li>a {
+    color: #f2f2f2
+}
+
+.bg-primary .nav>li>a:hover,
+.bg-primary .nav>li>a:focus {
+    background-color: #6658b8
+}
+
+.bg-primary .nav .open>a {
+    background-color: #6051b5
+}
+
+.bg-primary .caret {
+    border-top-color: #f4f3f9;
+    border-bottom-color: #f4f3f9
+}
+
+.bg-primary.navbar .nav>li.active>a {
+    color: #fff;
+    background-color: #6051b5
+}
+
+.bg-primary .open>a,
+.bg-primary .open>a:hover,
+.bg-primary .open>a:focus {
+    color: #fff
+}
+
+.bg-primary .text-muted {
+    color: #d6d3e6 !important
+}
+
+.bg-primary .text-lt {
+    color: #fff !important
+}
+
+.bg-primary.auto .list-group-item,
+.bg-primary .auto .list-group-item {
+    background-color: transparent;
+    border-color: #6254b2 !important
+}
+
+.bg-primary.auto .list-group-item:hover,
+.bg-primary .auto .list-group-item:hover,
+.bg-primary.auto .list-group-item:focus,
+.bg-primary .auto .list-group-item:focus,
+.bg-primary.auto .list-group-item:active,
+.bg-primary .auto .list-group-item:active,
+.bg-primary.auto .list-group-item.active,
+.bg-primary .auto .list-group-item.active {
+    background-color: #6051b5 !important
+}
+
+.bg-success {
+    color: #c6efd0;
+    background-color: #27c24c
+}
+
+.bg-success.lt,
+.bg-success .lt {
+    background-color: #31d257
+}
+
+.bg-success.lter,
+.bg-success .lter {
+    background-color: #48d46a
+}
+
+.bg-success.dk,
+.bg-success .dk {
+    background-color: #20af42
+}
+
+.bg-success.dker,
+.bg-success .dker {
+    background-color: #1a9c39
+}
+
+.bg-success.bg,
+.bg-success .bg {
+    background-color: #27c24c
+}
+
+.bg-success a {
+    color: #eefaf1
+}
+
+.bg-success a:hover {
+    color: #fff
+}
+
+.bg-success a.list-group-item:hover,
+.bg-success a.list-group-item:focus {
+    background-color: inherit
+}
+
+.bg-success .nav>li:hover>a,
+.bg-success .nav>li:focus>a,
+.bg-success .nav>li.active>a {
+    color: #fff;
+    background-color: #20af42
+}
+
+.bg-success .nav>li>a {
+    color: #daf5e0
+}
+
+.bg-success .nav>li>a:hover,
+.bg-success .nav>li>a:focus {
+    background-color: #22b846
+}
+
+.bg-success .nav .open>a {
+    background-color: #20af42
+}
+
+.bg-success .caret {
+    border-top-color: #c6efd0;
+    border-bottom-color: #c6efd0
+}
+
+.bg-success.navbar .nav>li.active>a {
+    color: #fff;
+    background-color: #20af42
+}
+
+.bg-success .open>a,
+.bg-success .open>a:hover,
+.bg-success .open>a:focus {
+    color: #fff
+}
+
+.bg-success .text-muted {
+    color: #9ee4af !important
+}
+
+.bg-success .text-lt {
+    color: #fff !important
+}
+
+.bg-success.auto .list-group-item,
+.bg-success .auto .list-group-item {
+    background-color: transparent;
+    border-color: #23ad44 !important
+}
+
+.bg-success.auto .list-group-item:hover,
+.bg-success .auto .list-group-item:hover,
+.bg-success.auto .list-group-item:focus,
+.bg-success .auto .list-group-item:focus,
+.bg-success.auto .list-group-item:active,
+.bg-success .auto .list-group-item:active,
+.bg-success.auto .list-group-item.active,
+.bg-success .auto .list-group-item.active {
+    background-color: #20af42 !important
+}
+
+.bg-info {
+    color: #dcf2f8;
+    background-color: #23b7e5
+}
+
+.bg-info.lt,
+.bg-info .lt {
+    background-color: #3dbde5
+}
+
+.bg-info.lter,
+.bg-info .lter {
+    background-color: #55c3e6
+}
+
+.bg-info.dk,
+.bg-info .dk {
+    background-color: #16aad8
+}
+
+.bg-info.dker,
+.bg-info .dker {
+    background-color: #1199c4
+}
+
+.bg-info.bg,
+.bg-info .bg {
+    background-color: #23b7e5
+}
+
+.bg-info a {
+    color: #fff
+}
+
+.bg-info a:hover {
+    color: #fff
+}
+
+.bg-info a.list-group-item:hover,
+.bg-info a.list-group-item:focus {
+    background-color: inherit
+}
+
+.bg-info .nav>li:hover>a,
+.bg-info .nav>li:focus>a,
+.bg-info .nav>li.active>a {
+    color: #fff;
+    background-color: #16aad8
+}
+
+.bg-info .nav>li>a {
+    color: #f2f2f2
+}
+
+.bg-info .nav>li>a:hover,
+.bg-info .nav>li>a:focus {
+    background-color: #17b2e2
+}
+
+.bg-info .nav .open>a {
+    background-color: #16aad8
+}
+
+.bg-info .caret {
+    border-top-color: #dcf2f8;
+    border-bottom-color: #dcf2f8
+}
+
+.bg-info.navbar .nav>li.active>a {
+    color: #fff;
+    background-color: #16aad8
+}
+
+.bg-info .open>a,
+.bg-info .open>a:hover,
+.bg-info .open>a:focus {
+    color: #fff
+}
+
+.bg-info .text-muted {
+    color: #b0e1f1 !important
+}
+
+.bg-info .text-lt {
+    color: #fff !important
+}
+
+.bg-info.auto .list-group-item,
+.bg-info .auto .list-group-item {
+    background-color: transparent;
+    border-color: #19a9d5 !important
+}
+
+.bg-info.auto .list-group-item:hover,
+.bg-info .auto .list-group-item:hover,
+.bg-info.auto .list-group-item:focus,
+.bg-info .auto .list-group-item:focus,
+.bg-info.auto .list-group-item:active,
+.bg-info .auto .list-group-item:active,
+.bg-info.auto .list-group-item.active,
+.bg-info .auto .list-group-item.active {
+    background-color: #16aad8 !important
+}
+
+.bg-warning {
+    color: #fffefa;
+    background-color: #fad733
+}
+
+.bg-warning.lt,
+.bg-warning .lt {
+    background-color: #f8da4e
+}
+
+.bg-warning.lter,
+.bg-warning .lter {
+    background-color: #f7de69
+}
+
+.bg-warning.dk,
+.bg-warning .dk {
+    background-color: #fcd417
+}
+
+.bg-warning.dker,
+.bg-warning .dker {
+    background-color: #face00
+}
+
+.bg-warning.bg,
+.bg-warning .bg {
+    background-color: #fad733
+}
+
+.bg-warning a {
+    color: #fff
+}
+
+.bg-warning a:hover {
+    color: #fff
+}
+
+.bg-warning a.list-group-item:hover,
+.bg-warning a.list-group-item:focus {
+    background-color: inherit
+}
+
+.bg-warning .nav>li:hover>a,
+.bg-warning .nav>li:focus>a,
+.bg-warning .nav>li.active>a {
+    color: #fff;
+    background-color: #fcd417
+}
+
+.bg-warning .nav>li>a {
+    color: #f2f2f2
+}
+
+.bg-warning .nav>li>a:hover,
+.bg-warning .nav>li>a:focus {
+    background-color: #fcd621
+}
+
+.bg-warning .nav .open>a {
+    background-color: #fcd417
+}
+
+.bg-warning .caret {
+    border-top-color: #fffefa;
+    border-bottom-color: #fffefa
+}
+
+.bg-warning.navbar .nav>li.active>a {
+    color: #fff;
+    background-color: #fcd417
+}
+
+.bg-warning .open>a,
+.bg-warning .open>a:hover,
+.bg-warning .open>a:focus {
+    color: #fff
+}
+
+.bg-warning .text-muted {
+    color: #fbf2cb !important
+}
+
+.bg-warning .text-lt {
+    color: #fff !important
+}
+
+.bg-warning.auto .list-group-item,
+.bg-warning .auto .list-group-item {
+    background-color: transparent;
+    border-color: #f9d21a !important
+}
+
+.bg-warning.auto .list-group-item:hover,
+.bg-warning .auto .list-group-item:hover,
+.bg-warning.auto .list-group-item:focus,
+.bg-warning .auto .list-group-item:focus,
+.bg-warning.auto .list-group-item:active,
+.bg-warning .auto .list-group-item:active,
+.bg-warning.auto .list-group-item.active,
+.bg-warning .auto .list-group-item.active {
+    background-color: #fcd417 !important
+}
+
+.bg-danger {
+    color: #fff;
+    background-color: #f05050
+}
+
+.bg-danger.lt,
+.bg-danger .lt {
+    background-color: #f06a6a
+}
+
+.bg-danger.lter,
+.bg-danger .lter {
+    background-color: #f18282
+}
+
+.bg-danger.dk,
+.bg-danger .dk {
+    background-color: #f13636
+}
+
+.bg-danger.dker,
+.bg-danger .dker {
+    background-color: #f21b1b
+}
+
+.bg-danger.bg,
+.bg-danger .bg {
+    background-color: #f05050
+}
+
+.bg-danger a {
+    color: #fff
+}
+
+.bg-danger a:hover {
+    color: #fff
+}
+
+.bg-danger a.list-group-item:hover,
+.bg-danger a.list-group-item:focus {
+    background-color: inherit
+}
+
+.bg-danger .nav>li:hover>a,
+.bg-danger .nav>li:focus>a,
+.bg-danger .nav>li.active>a {
+    color: #fff;
+    background-color: #f13636
+}
+
+.bg-danger .nav>li>a {
+    color: #f2f2f2
+}
+
+.bg-danger .nav>li>a:hover,
+.bg-danger .nav>li>a:focus {
+    background-color: #f13f3f
+}
+
+.bg-danger .nav .open>a {
+    background-color: #f13636
+}
+
+.bg-danger .caret {
+    border-top-color: #fff;
+    border-bottom-color: #fff
+}
+
+.bg-danger.navbar .nav>li.active>a {
+    color: #fff;
+    background-color: #f13636
+}
+
+.bg-danger .open>a,
+.bg-danger .open>a:hover,
+.bg-danger .open>a:focus {
+    color: #fff
+}
+
+.bg-danger .text-muted {
+    color: #e6e6e6 !important
+}
+
+.bg-danger .text-lt {
+    color: #fff !important
+}
+
+.bg-danger.auto .list-group-item,
+.bg-danger .auto .list-group-item {
+    background-color: transparent;
+    border-color: #ee3939 !important
+}
+
+.bg-danger.auto .list-group-item:hover,
+.bg-danger .auto .list-group-item:hover,
+.bg-danger.auto .list-group-item:focus,
+.bg-danger .auto .list-group-item:focus,
+.bg-danger.auto .list-group-item:active,
+.bg-danger .auto .list-group-item:active,
+.bg-danger.auto .list-group-item.active,
+.bg-danger .auto .list-group-item.active {
+    background-color: #f13636 !important
+}
+
+.bg-white {
+    color: #58666e;
+    background-color: #fff
+}
+
+.bg-white a {
+    color: #363f44
+}
+
+.bg-white a:hover {
+    color: #1f2427
+}
+
+.bg-white .text-muted {
+    color: #98a6ad !important
+}
+
+.bg-white .lt,
+.bg-white .lter,
+.bg-white .dk,
+.bg-white .dker {
+    background-color: #fff
+}
+
+.bg-white-only {
+    background-color: #fff
+}
+
+.bg-white-opacity {
+    background-color: rgba(255, 255, 255, .5)
+}
+
+.bg-black-opacity {
+    background-color: rgba(32, 43, 54, .5)
+}
+
+a.bg-light:hover {
+    color: #363f44
+}
+
+a.bg-primary:hover {
+    background-color: #6254b2
+}
+
+a.text-primary:hover {
+    color: #6254b2
+}
+
+.text-primary {
+    color: #7266ba
+}
+
+.text-primary-lt {
+    color: #8278c2
+}
+
+.text-primary-lter {
+    color: #9289ca
+}
+
+.text-primary-dk {
+    color: #6254b2
+}
+
+.text-primary-dker {
+    color: #564aa3
+}
+
+a.bg-info:hover {
+    background-color: #19a9d5
+}
+
+a.text-info:hover {
+    color: #19a9d5
+}
+
+.text-info {
+    color: #23b7e5
+}
+
+.text-info-lt {
+    color: #3abee8
+}
+
+.text-info-lter {
+    color: #51c6ea
+}
+
+.text-info-dk {
+    color: #19a9d5
+}
+
+.text-info-dker {
+    color: #1797be
+}
+
+a.bg-success:hover {
+    background-color: #23ad44
+}
+
+a.text-success:hover {
+    color: #23ad44
+}
+
+.text-success {
+    color: #27c24c
+}
+
+.text-success-lt {
+    color: #2ed556
+}
+
+.text-success-lter {
+    color: #43d967
+}
+
+.text-success-dk {
+    color: #23ad44
+}
+
+.text-success-dker {
+    color: #1e983b
+}
+
+a.bg-warning:hover {
+    background-color: #f9d21a
+}
+
+a.text-warning:hover {
+    color: #f9d21a
+}
+
+.text-warning {
+    color: #fad733
+}
+
+.text-warning-lt {
+    color: #fbdc4c
+}
+
+.text-warning-lter {
+    color: #fbe165
+}
+
+.text-warning-dk {
+    color: #f9d21a
+}
+
+.text-warning-dker {
+    color: #f4ca06
+}
+
+a.bg-danger:hover {
+    background-color: #ee3939
+}
+
+a.text-danger:hover {
+    color: #ee3939
+}
+
+.text-danger {
+    color: #f05050
+}
+
+.text-danger-lt {
+    color: #f26767
+}
+
+.text-danger-lter {
+    color: #f47f7f
+}
+
+.text-danger-dk {
+    color: #ee3939
+}
+
+.text-danger-dker {
+    color: #ec2121
+}
+
+a.bg-dark:hover {
+    background-color: #2f3342
+}
+
+a.text-dark:hover {
+    color: #2f3342
+}
+
+.text-dark {
+    color: #3a3f51
+}
+
+.text-dark-lt {
+    color: #454b60
+}
+
+.text-dark-lter {
+    color: #4f566f
+}
+
+.text-dark-dk {
+    color: #2f3342
+}
+
+.text-dark-dker {
+    color: #252833
+}
+
+a.bg-#000000:hover {
+    background-color: #131e25
+}
+
+a.text-#000000:hover {
+    color: #131e25
+}
+
+.text-#000000 {
+    color: #1c2b36
+}
+
+.text-#000000-lt {
+    color: #253847
+}
+
+.text-#000000-lter {
+    color: #2d4658
+}
+
+.text-#000000-dk {
+    color: #131e25
+}
+
+.text-#000000-dker {
+    color: #0b1014
+}
+
+.text-white {
+    color: #fff
+}
+
+.text-black {
+    color: #000
+}
+
+.text-muted {
+    color: #98a6ad
+}
+
+.pos-rlt {
+    position: relative
+}
+
+.pos-stc {
+    position: static !important
+}
+
+.pos-abt {
+    position: absolute
+}
+
+.pos-fix {
+    position: fixed
+}
+
+.show {
+    visibility: visible
+}
+
+.line {
+    width: 100%;
+    height: 2px;
+    margin: 10px 0;
+    overflow: hidden;
+    font-size: 0
+}
+
+.line-xs {
+    margin: 0
+}
+
+.line-lg {
+    margin-top: 15px;
+    margin-bottom: 15px
+}
+
+.line-dashed {
+    background-color: transparent;
+    border-style: dashed !important;
+    border-width: 0
+}
+
+.no-line {
+    border-width: 0
+}
+
+.no-border,
+.no-borders {
+    border-color: transparent;
+    border-width: 0
+}
+
+.no-radius {
+    border-radius: 0
+}
+
+.block {
+    display: block
+}
+
+.block.hide {
+    display: none
+}
+
+.inline {
+    display: inline-block !important
+}
+
+.none {
+    display: none
+}
+
+.pull-none {
+    float: none
+}
+
+.rounded {
+    border-radius: 500px
+}
+
+.clear {
+    display: block;
+    overflow: hidden
+}
+
+.no-bg {
+    color: inherit;
+    background-color: transparent
+}
+
+.no-select {
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -webkit-touch-callout: none
+}
+
+.l-h {
+    line-height: 1.42857143
+}
+
+.l-h-0x {
+    line-height: 0
+}
+
+.l-h-1x {
+    line-height: 1.2
+}
+
+.l-h-2x {
+    line-height: 2em
+}
+
+.l-s-1x {
+    letter-spacing: 1
+}
+
+.l-s-2x {
+    letter-spacing: 2
+}
+
+.l-s-3x {
+    letter-spacing: 3
+}
+
+.font-normal {
+    font-weight: 400
+}
+
+.font-thin {
+    font-weight: 300
+}
+
+.font-bold {
+    font-weight: 700
+}
+
+.text-3x {
+    font-size: 3em
+}
+
+.text-2x {
+    font-size: 2em
+}
+
+.text-lg {
+    font-size: 18px
+}
+
+.text-md {
+    font-size: 16px
+}
+
+.text-base {
+    font-size: 14px
+}
+
+.text-sm {
+    font-size: 13px
+}
+
+.text-xs {
+    font-size: 12px
+}
+
+.text-xxs {
+    text-indent: -9999px
+}
+
+.text-ellipsis {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+.text-u-c {
+    text-transform: uppercase
+}
+
+.text-l-t {
+    text-decoration: line-through
+}
+
+.text-u-l {
+    text-decoration: underline
+}
+
+.text-active,
+.active>.text,
+.active>.auto .text {
+    display: none !important
+}
+
+.active>.text-active,
+.active>.auto .text-active {
+    display: inline-block !important
+}
+
+.box-shadow {
+    box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 1px 0 rgba(0, 0, 0, .05)
+}
+
+.box-shadow-lg {
+    box-shadow: 5px 5px 10px rgba(0, 0, 0, .05)
+}
+
+.text-shadow {
+    font-size: 170px;
+    text-shadow: 0 1px 0 #dee5e7, 0 2px 0 #fcfdfd, 0 5px 10px rgba(0, 0, 0, .125), 0 10px 20px rgba(0, 0, 0, .2)
+}
+
+.no-shadow {
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important
+}
+
+.wrapper-xs {
+    padding: 5px
+}
+
+.wrapper-sm {
+    padding: 10px
+}
+
+.wrapper {
+    padding: 15px
+}
+
+.wrapper-md {
+    padding: 20px
+}
+
+.wrapper-lg {
+    padding: 30px
+}
+
+.wrapper-xl {
+    padding: 50px
+}
+
+.padder-lg {
+    padding-right: 30px;
+    padding-left: 30px
+}
+
+.padder-md {
+    padding-right: 20px;
+    padding-left: 20px
+}
+
+.padder {
+    padding-right: 15px;
+    padding-left: 15px
+}
+
+.padder-v {
+    padding-top: 15px;
+    padding-bottom: 15px
+}
+
+.no-padder {
+    padding: 0 !important
+}
+
+.pull-in {
+    margin-right: -15px;
+    margin-left: -15px
+}
+
+.pull-out {
+    margin: -10px -15px
+}
+
+.b {
+    border: 1px solid rgba(0, 0, 0, .05)
+}
+
+.b-a {
+    border: 1px solid #dee5e7
+}
+
+.b-t {
+    border-top: 1px solid #dee5e7
+}
+
+.b-r {
+    border-right: 1px solid #dee5e7
+}
+
+.b-b {
+    border-bottom: 1px solid #dee5e7
+}
+
+.b-l {
+    border-left: 1px solid #dee5e7
+}
+
+.b-light {
+    border-color: #edf1f2
+}
+
+.b-dark {
+    border-color: #3a3f51
+}
+
+.b-black {
+    border-color: #3a3f51
+}
+
+.b-primary {
+    border-color: #7266ba
+}
+
+.b-success {
+    border-color: #27c24c
+}
+
+.b-info {
+    border-color: #23b7e5
+}
+
+.b-warning {
+    border-color: #fad733
+}
+
+.b-danger {
+    border-color: #f05050
+}
+
+.b-white {
+    border-color: #fff
+}
+
+.b-dashed {
+    border-style: dashed !important
+}
+
+.b-l-light {
+    border-left-color: #edf1f2
+}
+
+.b-l-dark {
+    border-left-color: #3a3f51
+}
+
+.b-l-black {
+    border-left-color: #3a3f51
+}
+
+.b-l-primary {
+    border-left-color: #7266ba
+}
+
+.b-l-success {
+    border-left-color: #27c24c
+}
+
+.b-l-info {
+    border-left-color: #23b7e5
+}
+
+.b-l-warning {
+    border-left-color: #fad733
+}
+
+.b-l-danger {
+    border-left-color: #f05050
+}
+
+.b-l-white {
+    border-left-color: #fff
+}
+
+.b-l-2x {
+    border-left-width: 2px
+}
+
+.b-l-3x {
+    border-left-width: 3px
+}
+
+.b-l-4x {
+    border-left-width: 4px
+}
+
+.b-l-5x {
+    border-left-width: 5px
+}
+
+.b-2x {
+    border-width: 2px
+}
+
+.b-3x {
+    border-width: 3px
+}
+
+.b-4x {
+    border-width: 4px
+}
+
+.b-5x {
+    border-width: 5px
+}
+
+.r {
+    border-radius: 2px 2px 2px 2px
+}
+
+.r-2x {
+    border-radius: 4px
+}
+
+.r-3x {
+    border-radius: 6px
+}
+
+.r-l {
+    border-radius: 2px 0 0 2px
+}
+
+.r-r {
+    border-radius: 0 2px 2px 0
+}
+
+.r-t {
+    border-radius: 2px 2px 0 0
+}
+
+.r-b {
+    border-radius: 0 0 2px 2px
+}
+
+.m-xxs {
+    margin: 2px 4px
+}
+
+.m-xs {
+    margin: 5px
+}
+
+.m-sm {
+    margin: 10px
+}
+
+.m {
+    margin: 15px
+}
+
+.m-md {
+    margin: 20px
+}
+
+.m-lg {
+    margin: 30px
+}
+
+.m-xl {
+    margin: 50px
+}
+
+.m-n {
+    margin: 0 !important
+}
+
+.m-l-none {
+    margin-left: 0 !important
+}
+
+.m-l-xs {
+    margin-left: 5px
+}
+
+.m-l-sm {
+    margin-left: 10px
+}
+
+.m-l {
+    margin-left: 15px
+}
+
+.m-l-md {
+    margin-left: 20px
+}
+
+.m-l-lg {
+    margin-left: 30px
+}
+
+.m-l-xl {
+    margin-left: 40px
+}
+
+.m-l-xxl {
+    margin-left: 50px
+}
+
+.m-l-n-xxs {
+    margin-left: -1px
+}
+
+.m-l-n-xs {
+    margin-left: -5px
+}
+
+.m-l-n-sm {
+    margin-left: -10px
+}
+
+.m-l-n {
+    margin-left: -15px
+}
+
+.m-l-n-md {
+    margin-left: -20px
+}
+
+.m-l-n-lg {
+    margin-left: -30px
+}
+
+.m-l-n-xl {
+    margin-left: -40px
+}
+
+.m-l-n-xxl {
+    margin-left: -50px
+}
+
+.m-t-none {
+    margin-top: 0 !important
+}
+
+.m-t-xxs {
+    margin-top: 1px
+}
+
+.m-t-xs {
+    margin-top: 5px
+}
+
+.m-t-sm {
+    margin-top: 10px
+}
+
+.m-t {
+    margin-top: 15px
+}
+
+.m-t-md {
+    margin-top: 20px
+}
+
+.m-t-lg {
+    margin-top: 30px
+}
+
+.m-t-xl {
+    margin-top: 40px
+}
+
+.m-t-xxl {
+    margin-top: 50px
+}
+
+.m-t-n-xxs {
+    margin-top: -1px
+}
+
+.m-t-n-xs {
+    margin-top: -5px
+}
+
+.m-t-n-sm {
+    margin-top: -10px
+}
+
+.m-t-n {
+    margin-top: -15px
+}
+
+.m-t-n-md {
+    margin-top: -20px
+}
+
+.m-t-n-lg {
+    margin-top: -30px
+}
+
+.m-t-n-xl {
+    margin-top: -40px
+}
+
+.m-t-n-xxl {
+    margin-top: -50px
+}
+
+.m-r-none {
+    margin-right: 0 !important
+}
+
+.m-r-xxs {
+    margin-right: 1px
+}
+
+.m-r-xs {
+    margin-right: 5px
+}
+
+.m-r-sm {
+    margin-right: 10px
+}
+
+.m-r {
+    margin-right: 15px
+}
+
+.m-r-md {
+    margin-right: 20px
+}
+
+.m-r-lg {
+    margin-right: 30px
+}
+
+.m-r-xl {
+    margin-right: 40px
+}
+
+.m-r-xxl {
+    margin-right: 50px
+}
+
+.m-r-n-xxs {
+    margin-right: -1px
+}
+
+.m-r-n-xs {
+    margin-right: -5px
+}
+
+.m-r-n-sm {
+    margin-right: -10px
+}
+
+.m-r-n {
+    margin-right: -15px
+}
+
+.m-r-n-md {
+    margin-right: -20px
+}
+
+.m-r-n-lg {
+    margin-right: -30px
+}
+
+.m-r-n-xl {
+    margin-right: -40px
+}
+
+.m-r-n-xxl {
+    margin-right: -50px
+}
+
+.m-b-none {
+    margin-bottom: 0 !important
+}
+
+.m-b-xxs {
+    margin-bottom: 1px
+}
+
+.m-b-xs {
+    margin-bottom: 5px
+}
+
+.m-b-sm {
+    margin-bottom: 10px
+}
+
+.m-b {
+    margin-bottom: 15px
+}
+
+.m-b-md {
+    margin-bottom: 20px
+}
+
+.m-b-lg {
+    margin-bottom: 30px
+}
+
+.m-b-xl {
+    margin-bottom: 40px
+}
+
+.m-b-xxl {
+    margin-bottom: 50px
+}
+
+.m-b-n-xxs {
+    margin-bottom: -1px
+}
+
+.m-b-n-xs {
+    margin-bottom: -5px
+}
+
+.m-b-n-sm {
+    margin-bottom: -10px
+}
+
+.m-b-n {
+    margin-bottom: -15px
+}
+
+.m-b-n-md {
+    margin-bottom: -20px
+}
+
+.m-b-n-lg {
+    margin-bottom: -30px
+}
+
+.m-b-n-xl {
+    margin-bottom: -40px
+}
+
+.m-b-n-xxl {
+    margin-bottom: -50px
+}
+
+.avatar {
+    position: relative;
+    display: block;
+    white-space: nowrap;
+    border-radius: 500px
+}
+
+.avatar img {
+    width: 100%;
+    border-radius: 500px
+}
+
+.avatar i {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 10px;
+    height: 10px;
+    margin: 2px;
+    border-style: solid;
+    border-width: 2px;
+    border-radius: 100%
+}
+
+.avatar i.right {
+    right: 0;
+    left: auto
+}
+
+.avatar i.bottom {
+    top: auto;
+    right: 0;
+    bottom: 0;
+    left: auto
+}
+
+.avatar i.left {
+    top: auto;
+    bottom: 0
+}
+
+.avatar i.on {
+    background-color: #27c24c
+}
+
+.avatar i.off {
+    background-color: #98a6ad
+}
+
+.avatar i.busy {
+    background-color: #f05050
+}
+
+.avatar i.away {
+    background-color: #fad733
+}
+
+.avatar.thumb-md i {
+    width: 12px;
+    height: 12px;
+    margin: 3px
+}
+
+.avatar.thumb-sm i {
+    margin: 1px
+}
+
+.avatar.thumb-xs i {
+    margin: 0
+}
+
+.w-1x {
+    width: 1em
+}
+
+.w-2x {
+    width: 2em
+}
+
+.w-3x {
+    width: 3em
+}
+
+.w-xxs {
+    width: 60px
+}
+
+.w-xs {
+    width: 90px
+}
+
+.w-sm {
+    width: 150px
+}
+
+.w {
+    width: 200px
+}
+
+.w-md {
+    width: 240px
+}
+
+.w-lg {
+    width: 280px
+}
+
+.w-xl {
+    width: 320px
+}
+
+.w-xxl {
+    width: 360px
+}
+
+.w-full {
+    width: 100% !important;
+}
+
+.w-auto {
+    width: auto
+}
+
+.h-auto {
+    height: auto
+}
+
+.h-full {
+    height: 100% !important;
+}
+
+.thumb-xl {
+    display: inline-block;
+    width: 128px
+}
+
+.thumb-lg {
+    display: inline-block;
+    width: 96px
+}
+
+.thumb-md {
+    display: inline-block;
+    width: 64px
+}
+
+.thumb {
+    display: inline-block;
+    width: 50px
+}
+
+.thumb-sm {
+    display: inline-block;
+    width: 40px
+}
+
+.thumb-xs {
+    display: inline-block;
+    width: 34px
+}
+
+.thumb-xxs {
+    display: inline-block;
+    width: 30px
+}
+
+.thumb-wrapper {
+    padding: 2px;
+    border: 1px solid #dee5e7
+}
+
+.thumb img,
+.thumb-xs img,
+.thumb-sm img,
+.thumb-md img,
+.thumb-lg img,
+.thumb-btn img {
+    height: auto;
+    max-width: 100%;
+    vertical-align: middle
+}
+
+.img-full {
+    width: 100%
+}
+
+.img-full img {
+    width: 100%
+}
+
+.scrollable {
+    overflow-x: hidden;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch
+}
+
+.scrollable.hover {
+    overflow-y: hidden !important
+}
+
+.scrollable.hover:hover {
+    overflow: visible !important;
+    overflow-y: auto !important
+}
+
+.smart .scrollable {
+    overflow-y: auto !important
+}
+
+.scroll-x,
+.scroll-y {
+    overflow: hidden;
+    -webkit-overflow-scrolling: touch
+}
+
+.scroll-y {
+    overflow-y: auto
+}
+
+.scroll-x {
+    overflow-x: auto
+}
+
+.hover-action {
+    display: none
+}
+
+.hover-rotate {
+    -webkit-transition: all .2s ease-in-out .1s;
+    transition: all .2s ease-in-out .1s
+}
+
+.hover-anchor:hover>.hover-action,
+.hover-anchor:focus>.hover-action,
+.hover-anchor:active>.hover-action {
+    display: inherit
+}
+
+.hover-anchor:hover>.hover-rotate,
+.hover-anchor:focus>.hover-rotate,
+.hover-anchor:active>.hover-rotate {
+    -webkit-transform: rotate(90deg);
+    -ms-transform: rotate(90deg);
+    transform: rotate(90deg)
+}
+
+.backdrop {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1050
+}
+
+.backdrop.fade {
+    opacity: 0;
+    filter: alpha(opacity=0)
+}
+
+.backdrop.in {
+    opacity: .8;
+    filter: alpha(opacity=80)
+}
+
+@media screen and (min-width:992px) {
+    .col-lg-2-4 {
+        float: left;
+        width: 20%
+    }
+}
+
+@media(min-width:768px) and (max-width:991px) {
+    .hidden-sm.show {
+        display: inherit !important
+    }
+
+    .no-m-sm {
+        margin: 0 !important
+    }
+}
+
+@media(max-width:767px) {
+    .w-auto-xs {
+        width: auto
+    }
+
+    .shift {
+        display: none !important
+    }
+
+    .shift.in {
+        display: block !important
+    }
+
+    .row-2 [class*=col] {
+        float: left;
+        width: 50%
+    }
+
+    .row-2 .col-0 {
+        clear: none
+    }
+
+    .row-2 li:nth-child(odd) {
+        margin-left: 0;
+        clear: left
+    }
+
+    .text-center-xs {
+        text-align: center
+    }
+
+    .text-left-xs {
+        text-align: left
+    }
+
+    .text-right-xs {
+        text-align: right
+    }
+
+    .no-border-xs {
+        border-width: 0
+    }
+
+    .pull-none-xs {
+        float: none !important
+    }
+
+    .pull-right-xs {
+        float: right !important
+    }
+
+    .pull-left-xs {
+        float: left !important
+    }
+
+    .dropdown-menu.pull-none-xs {
+        left: 0
+    }
+
+    .hidden-xs.show {
+        display: inherit !important
+    }
+
+    .wrapper-lg,
+    .wrapper-md {
+        padding: 15px
+    }
+
+    .padder-lg,
+    .padder-md {
+        padding-right: 15px;
+        padding-left: 15px
+    }
+
+    .no-m-xs {
+        margin: 0 !important
+    }
+}
+
+.butterbar {
+    position: relative;
+    height: 3px;
+    margin-bottom: -3px
+}
+
+.butterbar .bar {
+    position: absolute;
+    width: 100%;
+    height: 0;
+    text-indent: -9999px;
+    background-color: #23b7e5
+}
+
+.butterbar .bar:before {
+    position: absolute;
+    right: 50%;
+    left: 50%;
+    height: 3px;
+    background-color: inherit;
+    content: ""
+}
+
+.butterbar.active {
+    -webkit-animation: changebar 2.25s infinite .75s;
+    -moz-animation: changebar 2.25s infinite .75s;
+    animation: changebar 2.25s infinite .75s
+}
+
+.butterbar.active .bar {
+    -webkit-animation: changebar 2.25s infinite;
+    -moz-animation: changebar 2.25s infinite;
+    animation: changebar 2.25s infinite
+}
+
+.butterbar.active .bar:before {
+    -webkit-animation: movingbar .75s infinite;
+    -moz-animation: movingbar .75s infinite;
+    animation: movingbar .75s infinite
+}
+
+@-webkit-keyframes movingbar {
+    0% {
+        right: 50%;
+        left: 50%
+    }
+
+    99.9% {
+        right: 0;
+        left: 0
+    }
+
+    100% {
+        right: 50%;
+        left: 50%
+    }
+}
+
+@-moz-keyframes movingbar {
+    0% {
+        right: 50%;
+        left: 50%
+    }
+
+    99.9% {
+        right: 0;
+        left: 0
+    }
+
+    100% {
+        right: 50%;
+        left: 50%
+    }
+}
+
+@keyframes movingbar {
+    0% {
+        right: 50%;
+        left: 50%
+    }
+
+    99.9% {
+        right: 0;
+        left: 0
+    }
+
+    100% {
+        right: 50%;
+        left: 50%
+    }
+}
+
+@-webkit-keyframes changebar {
+    0% {
+        background-color: #23b7e5
+    }
+
+    33.3% {
+        background-color: #23b7e5
+    }
+
+    33.33% {
+        background-color: #fad733
+    }
+
+    66.6% {
+        background-color: #fad733
+    }
+
+    66.66% {
+        background-color: #7266ba
+    }
+
+    99.9% {
+        background-color: #7266ba
+    }
+}
+
+@-moz-keyframes changebar {
+    0% {
+        background-color: #23b7e5
+    }
+
+    33.3% {
+        background-color: #23b7e5
+    }
+
+    33.33% {
+        background-color: #fad733
+    }
+
+    66.6% {
+        background-color: #fad733
+    }
+
+    66.66% {
+        background-color: #7266ba
+    }
+
+    99.9% {
+        background-color: #7266ba
+    }
+}
+
+@keyframes changebar {
+    0% {
+        background-color: #23b7e5
+    }
+
+    33.3% {
+        background-color: #23b7e5
+    }
+
+    33.33% {
+        background-color: #fad733
+    }
+
+    66.6% {
+        background-color: #fad733
+    }
+
+    66.66% {
+        background-color: #7266ba
+    }
+
+    99.9% {
+        background-color: #7266ba
+    }
+}

frontend/css/font-awesome.min.css

@@ -0,0 +1,2178 @@
+/*!
+ *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+@font-face {
+    font-family: 'FontAwesome';
+    src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
+    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
+    font-weight: normal;
+    font-style: normal
+}
+
+.fa {
+    display: inline-block;
+    font: normal normal normal 14px/1 FontAwesome;
+    font-size: inherit;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale
+}
+
+.fa-lg {
+    font-size: 1.33333333em;
+    line-height: .75em;
+    vertical-align: -15%
+}
+
+.fa-2x {
+    font-size: 2em
+}
+
+.fa-3x {
+    font-size: 3em
+}
+
+.fa-4x {
+    font-size: 4em
+}
+
+.fa-5x {
+    font-size: 5em
+}
+
+.fa-fw {
+    width: 1.28571429em;
+    text-align: center
+}
+
+.fa-ul {
+    padding-left: 0;
+    margin-left: 2.14285714em;
+    list-style-type: none
+}
+
+.fa-ul>li {
+    position: relative
+}
+
+.fa-li {
+    position: absolute;
+    left: -2.14285714em;
+    width: 2.14285714em;
+    top: .14285714em;
+    text-align: center
+}
+
+.fa-li.fa-lg {
+    left: -1.85714286em
+}
+
+.fa-border {
+    padding: .2em .25em .15em;
+    border: solid .08em #eee;
+    border-radius: .1em
+}
+
+.pull-right {
+    float: right
+}
+
+.pull-left {
+    float: left
+}
+
+.fa.pull-left {
+    margin-right: .3em
+}
+
+.fa.pull-right {
+    margin-left: .3em
+}
+
+.fa-spin {
+    -webkit-animation: fa-spin 2s infinite linear;
+    animation: fa-spin 2s infinite linear
+}
+
+@-webkit-keyframes fa-spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg)
+    }
+
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg)
+    }
+}
+
+@keyframes fa-spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg)
+    }
+
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg)
+    }
+}
+
+.fa-rotate-90 {
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+    -webkit-transform: rotate(90deg);
+    -ms-transform: rotate(90deg);
+    transform: rotate(90deg)
+}
+
+.fa-rotate-180 {
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+    -webkit-transform: rotate(180deg);
+    -ms-transform: rotate(180deg);
+    transform: rotate(180deg)
+}
+
+.fa-rotate-270 {
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+    -webkit-transform: rotate(270deg);
+    -ms-transform: rotate(270deg);
+    transform: rotate(270deg)
+}
+
+.fa-flip-horizontal {
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
+    -webkit-transform: scale(-1, 1);
+    -ms-transform: scale(-1, 1);
+    transform: scale(-1, 1)
+}
+
+.fa-flip-vertical {
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
+    -webkit-transform: scale(1, -1);
+    -ms-transform: scale(1, -1);
+    transform: scale(1, -1)
+}
+
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+    filter: none
+}
+
+.fa-stack {
+    position: relative;
+    display: inline-block;
+    width: 2em;
+    height: 2em;
+    line-height: 2em;
+    vertical-align: middle
+}
+
+.fa-stack-1x,
+.fa-stack-2x {
+    position: absolute;
+    left: 0;
+    width: 100%;
+    text-align: center
+}
+
+.fa-stack-1x {
+    line-height: inherit
+}
+
+.fa-stack-2x {
+    font-size: 2em
+}
+
+.fa-inverse {
+    color: #fff
+}
+
+.fa-glass:before {
+    content: "\f000"
+}
+
+.fa-music:before {
+    content: "\f001"
+}
+
+.fa-search:before {
+    content: "\f002"
+}
+
+.fa-envelope-o:before {
+    content: "\f003"
+}
+
+.fa-heart:before {
+    content: "\f004"
+}
+
+.fa-star:before {
+    content: "\f005"
+}
+
+.fa-star-o:before {
+    content: "\f006"
+}
+
+.fa-user:before {
+    content: "\f007"
+}
+
+.fa-film:before {
+    content: "\f008"
+}
+
+.fa-th-large:before {
+    content: "\f009"
+}
+
+.fa-th:before {
+    content: "\f00a"
+}
+
+.fa-th-list:before {
+    content: "\f00b"
+}
+
+.fa-check:before {
+    content: "\f00c"
+}
+
+.fa-remove:before,
+.fa-close:before,
+.fa-times:before {
+    content: "\f00d"
+}
+
+.fa-search-plus:before {
+    content: "\f00e"
+}
+
+.fa-search-minus:before {
+    content: "\f010"
+}
+
+.fa-power-off:before {
+    content: "\f011"
+}
+
+.fa-signal:before {
+    content: "\f012"
+}
+
+.fa-gear:before,
+.fa-cog:before {
+    content: "\f013"
+}
+
+.fa-trash-o:before {
+    content: "\f014"
+}
+
+.fa-home:before {
+    content: "\f015"
+}
+
+.fa-file-o:before {
+    content: "\f016"
+}
+
+.fa-clock-o:before {
+    content: "\f017"
+}
+
+.fa-road:before {
+    content: "\f018"
+}
+
+.fa-download:before {
+    content: "\f019"
+}
+
+.fa-arrow-circle-o-down:before {
+    content: "\f01a"
+}
+
+.fa-arrow-circle-o-up:before {
+    content: "\f01b"
+}
+
+.fa-inbox:before {
+    content: "\f01c"
+}
+
+.fa-play-circle-o:before {
+    content: "\f01d"
+}
+
+.fa-rotate-right:before,
+.fa-repeat:before {
+    content: "\f01e"
+}
+
+.fa-refresh:before {
+    content: "\f021"
+}
+
+.fa-list-alt:before {
+    content: "\f022"
+}
+
+.fa-lock:before {
+    content: "\f023"
+}
+
+.fa-flag:before {
+    content: "\f024"
+}
+
+.fa-headphones:before {
+    content: "\f025"
+}
+
+.fa-volume-off:before {
+    content: "\f026"
+}
+
+.fa-volume-down:before {
+    content: "\f027"
+}
+
+.fa-volume-up:before {
+    content: "\f028"
+}
+
+.fa-qrcode:before {
+    content: "\f029"
+}
+
+.fa-barcode:before {
+    content: "\f02a"
+}
+
+.fa-tag:before {
+    content: "\f02b"
+}
+
+.fa-tags:before {
+    content: "\f02c"
+}
+
+.fa-book:before {
+    content: "\f02d"
+}
+
+.fa-bookmark:before {
+    content: "\f02e"
+}
+
+.fa-print:before {
+    content: "\f02f"
+}
+
+.fa-camera:before {
+    content: "\f030"
+}
+
+.fa-font:before {
+    content: "\f031"
+}
+
+.fa-bold:before {
+    content: "\f032"
+}
+
+.fa-italic:before {
+    content: "\f033"
+}
+
+.fa-text-height:before {
+    content: "\f034"
+}
+
+.fa-text-width:before {
+    content: "\f035"
+}
+
+.fa-align-left:before {
+    content: "\f036"
+}
+
+.fa-align-center:before {
+    content: "\f037"
+}
+
+.fa-align-right:before {
+    content: "\f038"
+}
+
+.fa-align-justify:before {
+    content: "\f039"
+}
+
+.fa-list:before {
+    content: "\f03a"
+}
+
+.fa-dedent:before,
+.fa-outdent:before {
+    content: "\f03b"
+}
+
+.fa-indent:before {
+    content: "\f03c"
+}
+
+.fa-video-camera:before {
+    content: "\f03d"
+}
+
+.fa-photo:before,
+.fa-image:before,
+.fa-picture-o:before {
+    content: "\f03e"
+}
+
+.fa-pencil:before {
+    content: "\f040"
+}
+
+.fa-map-marker:before {
+    content: "\f041"
+}
+
+.fa-adjust:before {
+    content: "\f042"
+}
+
+.fa-tint:before {
+    content: "\f043"
+}
+
+.fa-edit:before,
+.fa-pencil-square-o:before {
+    content: "\f044"
+}
+
+.fa-share-square-o:before {
+    content: "\f045"
+}
+
+.fa-check-square-o:before {
+    content: "\f046"
+}
+
+.fa-arrows:before {
+    content: "\f047"
+}
+
+.fa-step-backward:before {
+    content: "\f048"
+}
+
+.fa-fast-backward:before {
+    content: "\f049"
+}
+
+.fa-backward:before {
+    content: "\f04a"
+}
+
+.fa-play:before {
+    content: "\f04b"
+}
+
+.fa-pause:before {
+    content: "\f04c"
+}
+
+.fa-stop:before {
+    content: "\f04d"
+}
+
+.fa-forward:before {
+    content: "\f04e"
+}
+
+.fa-fast-forward:before {
+    content: "\f050"
+}
+
+.fa-step-forward:before {
+    content: "\f051"
+}
+
+.fa-eject:before {
+    content: "\f052"
+}
+
+.fa-chevron-left:before {
+    content: "\f053"
+}
+
+.fa-chevron-right:before {
+    content: "\f054"
+}
+
+.fa-plus-circle:before {
+    content: "\f055"
+}
+
+.fa-minus-circle:before {
+    content: "\f056"
+}
+
+.fa-times-circle:before {
+    content: "\f057"
+}
+
+.fa-check-circle:before {
+    content: "\f058"
+}
+
+.fa-question-circle:before {
+    content: "\f059"
+}
+
+.fa-info-circle:before {
+    content: "\f05a"
+}
+
+.fa-crosshairs:before {
+    content: "\f05b"
+}
+
+.fa-times-circle-o:before {
+    content: "\f05c"
+}
+
+.fa-check-circle-o:before {
+    content: "\f05d"
+}
+
+.fa-ban:before {
+    content: "\f05e"
+}
+
+.fa-arrow-left:before {
+    content: "\f060"
+}
+
+.fa-arrow-right:before {
+    content: "\f061"
+}
+
+.fa-arrow-up:before {
+    content: "\f062"
+}
+
+.fa-arrow-down:before {
+    content: "\f063"
+}
+
+.fa-mail-forward:before,
+.fa-share:before {
+    content: "\f064"
+}
+
+.fa-expand:before {
+    content: "\f065"
+}
+
+.fa-compress:before {
+    content: "\f066"
+}
+
+.fa-plus:before {
+    content: "\f067"
+}
+
+.fa-minus:before {
+    content: "\f068"
+}
+
+.fa-asterisk:before {
+    content: "\f069"
+}
+
+.fa-exclamation-circle:before {
+    content: "\f06a"
+}
+
+.fa-gift:before {
+    content: "\f06b"
+}
+
+.fa-leaf:before {
+    content: "\f06c"
+}
+
+.fa-fire:before {
+    content: "\f06d"
+}
+
+.fa-eye:before {
+    content: "\f06e"
+}
+
+.fa-eye-slash:before {
+    content: "\f070"
+}
+
+.fa-warning:before,
+.fa-exclamation-triangle:before {
+    content: "\f071"
+}
+
+.fa-plane:before {
+    content: "\f072"
+}
+
+.fa-calendar:before {
+    content: "\f073"
+}
+
+.fa-random:before {
+    content: "\f074"
+}
+
+.fa-comment:before {
+    content: "\f075"
+}
+
+.fa-magnet:before {
+    content: "\f076"
+}
+
+.fa-chevron-up:before {
+    content: "\f077"
+}
+
+.fa-chevron-down:before {
+    content: "\f078"
+}
+
+.fa-retweet:before {
+    content: "\f079"
+}
+
+.fa-shopping-cart:before {
+    content: "\f07a"
+}
+
+.fa-folder:before {
+    content: "\f07b"
+}
+
+.fa-folder-open:before {
+    content: "\f07c"
+}
+
+.fa-arrows-v:before {
+    content: "\f07d"
+}
+
+.fa-arrows-h:before {
+    content: "\f07e"
+}
+
+.fa-bar-chart-o:before,
+.fa-bar-chart:before {
+    content: "\f080"
+}
+
+.fa-twitter-square:before {
+    content: "\f081"
+}
+
+.fa-facebook-square:before {
+    content: "\f082"
+}
+
+.fa-camera-retro:before {
+    content: "\f083"
+}
+
+.fa-key:before {
+    content: "\f084"
+}
+
+.fa-gears:before,
+.fa-cogs:before {
+    content: "\f085"
+}
+
+.fa-comments:before {
+    content: "\f086"
+}
+
+.fa-thumbs-o-up:before {
+    content: "\f087"
+}
+
+.fa-thumbs-o-down:before {
+    content: "\f088"
+}
+
+.fa-star-half:before {
+    content: "\f089"
+}
+
+.fa-heart-o:before {
+    content: "\f08a"
+}
+
+.fa-sign-out:before {
+    content: "\f08b"
+}
+
+.fa-linkedin-square:before {
+    content: "\f08c"
+}
+
+.fa-thumb-tack:before {
+    content: "\f08d"
+}
+
+.fa-external-link:before {
+    content: "\f08e"
+}
+
+.fa-sign-in:before {
+    content: "\f090"
+}
+
+.fa-trophy:before {
+    content: "\f091"
+}
+
+.fa-github-square:before {
+    content: "\f092"
+}
+
+.fa-upload:before {
+    content: "\f093"
+}
+
+.fa-lemon-o:before {
+    content: "\f094"
+}
+
+.fa-phone:before {
+    content: "\f095"
+}
+
+.fa-square-o:before {
+    content: "\f096"
+}
+
+.fa-bookmark-o:before {
+    content: "\f097"
+}
+
+.fa-phone-square:before {
+    content: "\f098"
+}
+
+.fa-twitter:before {
+    content: "\f099"
+}
+
+.fa-facebook:before {
+    content: "\f09a"
+}
+
+.fa-github:before {
+    content: "\f09b"
+}
+
+.fa-unlock:before {
+    content: "\f09c"
+}
+
+.fa-credit-card:before {
+    content: "\f09d"
+}
+
+.fa-rss:before {
+    content: "\f09e"
+}
+
+.fa-hdd-o:before {
+    content: "\f0a0"
+}
+
+.fa-bullhorn:before {
+    content: "\f0a1"
+}
+
+.fa-bell:before {
+    content: "\f0f3"
+}
+
+.fa-certificate:before {
+    content: "\f0a3"
+}
+
+.fa-hand-o-right:before {
+    content: "\f0a4"
+}
+
+.fa-hand-o-left:before {
+    content: "\f0a5"
+}
+
+.fa-hand-o-up:before {
+    content: "\f0a6"
+}
+
+.fa-hand-o-down:before {
+    content: "\f0a7"
+}
+
+.fa-arrow-circle-left:before {
+    content: "\f0a8"
+}
+
+.fa-arrow-circle-right:before {
+    content: "\f0a9"
+}
+
+.fa-arrow-circle-up:before {
+    content: "\f0aa"
+}
+
+.fa-arrow-circle-down:before {
+    content: "\f0ab"
+}
+
+.fa-globe:before {
+    content: "\f0ac"
+}
+
+.fa-wrench:before {
+    content: "\f0ad"
+}
+
+.fa-tasks:before {
+    content: "\f0ae"
+}
+
+.fa-filter:before {
+    content: "\f0b0"
+}
+
+.fa-briefcase:before {
+    content: "\f0b1"
+}
+
+.fa-arrows-alt:before {
+    content: "\f0b2"
+}
+
+.fa-group:before,
+.fa-users:before {
+    content: "\f0c0"
+}
+
+.fa-chain:before,
+.fa-link:before {
+    content: "\f0c1"
+}
+
+.fa-cloud:before {
+    content: "\f0c2"
+}
+
+.fa-flask:before {
+    content: "\f0c3"
+}
+
+.fa-cut:before,
+.fa-scissors:before {
+    content: "\f0c4"
+}
+
+.fa-copy:before,
+.fa-files-o:before {
+    content: "\f0c5"
+}
+
+.fa-paperclip:before {
+    content: "\f0c6"
+}
+
+.fa-save:before,
+.fa-floppy-o:before {
+    content: "\f0c7"
+}
+
+.fa-square:before {
+    content: "\f0c8"
+}
+
+.fa-navicon:before,
+.fa-reorder:before,
+.fa-bars:before {
+    content: "\f0c9"
+}
+
+.fa-list-ul:before {
+    content: "\f0ca"
+}
+
+.fa-list-ol:before {
+    content: "\f0cb"
+}
+
+.fa-strikethrough:before {
+    content: "\f0cc"
+}
+
+.fa-underline:before {
+    content: "\f0cd"
+}
+
+.fa-table:before {
+    content: "\f0ce"
+}
+
+.fa-magic:before {
+    content: "\f0d0"
+}
+
+.fa-truck:before {
+    content: "\f0d1"
+}
+
+.fa-pinterest:before {
+    content: "\f0d2"
+}
+
+.fa-pinterest-square:before {
+    content: "\f0d3"
+}
+
+.fa-google-plus-square:before {
+    content: "\f0d4"
+}
+
+.fa-google-plus:before {
+    content: "\f0d5"
+}
+
+.fa-money:before {
+    content: "\f0d6"
+}
+
+.fa-caret-down:before {
+    content: "\f0d7"
+}
+
+.fa-caret-up:before {
+    content: "\f0d8"
+}
+
+.fa-caret-left:before {
+    content: "\f0d9"
+}
+
+.fa-caret-right:before {
+    content: "\f0da"
+}
+
+.fa-columns:before {
+    content: "\f0db"
+}
+
+.fa-unsorted:before,
+.fa-sort:before {
+    content: "\f0dc"
+}
+
+.fa-sort-down:before,
+.fa-sort-desc:before {
+    content: "\f0dd"
+}
+
+.fa-sort-up:before,
+.fa-sort-asc:before {
+    content: "\f0de"
+}
+
+.fa-envelope:before {
+    content: "\f0e0"
+}
+
+.fa-linkedin:before {
+    content: "\f0e1"
+}
+
+.fa-rotate-left:before,
+.fa-undo:before {
+    content: "\f0e2"
+}
+
+.fa-legal:before,
+.fa-gavel:before {
+    content: "\f0e3"
+}
+
+.fa-dashboard:before,
+.fa-tachometer:before {
+    content: "\f0e4"
+}
+
+.fa-comment-o:before {
+    content: "\f0e5"
+}
+
+.fa-comments-o:before {
+    content: "\f0e6"
+}
+
+.fa-flash:before,
+.fa-bolt:before {
+    content: "\f0e7"
+}
+
+.fa-sitemap:before {
+    content: "\f0e8"
+}
+
+.fa-umbrella:before {
+    content: "\f0e9"
+}
+
+.fa-paste:before,
+.fa-clipboard:before {
+    content: "\f0ea"
+}
+
+.fa-lightbulb-o:before {
+    content: "\f0eb"
+}
+
+.fa-exchange:before {
+    content: "\f0ec"
+}
+
+.fa-cloud-download:before {
+    content: "\f0ed"
+}
+
+.fa-cloud-upload:before {
+    content: "\f0ee"
+}
+
+.fa-user-md:before {
+    content: "\f0f0"
+}
+
+.fa-stethoscope:before {
+    content: "\f0f1"
+}
+
+.fa-suitcase:before {
+    content: "\f0f2"
+}
+
+.fa-bell-o:before {
+    content: "\f0a2"
+}
+
+.fa-coffee:before {
+    content: "\f0f4"
+}
+
+.fa-cutlery:before {
+    content: "\f0f5"
+}
+
+.fa-file-text-o:before {
+    content: "\f0f6"
+}
+
+.fa-building-o:before {
+    content: "\f0f7"
+}
+
+.fa-hospital-o:before {
+    content: "\f0f8"
+}
+
+.fa-ambulance:before {
+    content: "\f0f9"
+}
+
+.fa-medkit:before {
+    content: "\f0fa"
+}
+
+.fa-fighter-jet:before {
+    content: "\f0fb"
+}
+
+.fa-beer:before {
+    content: "\f0fc"
+}
+
+.fa-h-square:before {
+    content: "\f0fd"
+}
+
+.fa-plus-square:before {
+    content: "\f0fe"
+}
+
+.fa-angle-double-left:before {
+    content: "\f100"
+}
+
+.fa-angle-double-right:before {
+    content: "\f101"
+}
+
+.fa-angle-double-up:before {
+    content: "\f102"
+}
+
+.fa-angle-double-down:before {
+    content: "\f103"
+}
+
+.fa-angle-left:before {
+    content: "\f104"
+}
+
+.fa-angle-right:before {
+    content: "\f105"
+}
+
+.fa-angle-up:before {
+    content: "\f106"
+}
+
+.fa-angle-down:before {
+    content: "\f107"
+}
+
+.fa-desktop:before {
+    content: "\f108"
+}
+
+.fa-laptop:before {
+    content: "\f109"
+}
+
+.fa-tablet:before {
+    content: "\f10a"
+}
+
+.fa-mobile-phone:before,
+.fa-mobile:before {
+    content: "\f10b"
+}
+
+.fa-circle-o:before {
+    content: "\f10c"
+}
+
+.fa-quote-left:before {
+    content: "\f10d"
+}
+
+.fa-quote-right:before {
+    content: "\f10e"
+}
+
+.fa-spinner:before {
+    content: "\f110"
+}
+
+.fa-circle:before {
+    content: "\f111"
+}
+
+.fa-mail-reply:before,
+.fa-reply:before {
+    content: "\f112"
+}
+
+.fa-github-alt:before {
+    content: "\f113"
+}
+
+.fa-folder-o:before {
+    content: "\f114"
+}
+
+.fa-folder-open-o:before {
+    content: "\f115"
+}
+
+.fa-smile-o:before {
+    content: "\f118"
+}
+
+.fa-frown-o:before {
+    content: "\f119"
+}
+
+.fa-meh-o:before {
+    content: "\f11a"
+}
+
+.fa-gamepad:before {
+    content: "\f11b"
+}
+
+.fa-keyboard-o:before {
+    content: "\f11c"
+}
+
+.fa-flag-o:before {
+    content: "\f11d"
+}
+
+.fa-flag-checkered:before {
+    content: "\f11e"
+}
+
+.fa-terminal:before {
+    content: "\f120"
+}
+
+.fa-code:before {
+    content: "\f121"
+}
+
+.fa-mail-reply-all:before,
+.fa-reply-all:before {
+    content: "\f122"
+}
+
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
+    content: "\f123"
+}
+
+.fa-location-arrow:before {
+    content: "\f124"
+}
+
+.fa-crop:before {
+    content: "\f125"
+}
+
+.fa-code-fork:before {
+    content: "\f126"
+}
+
+.fa-unlink:before,
+.fa-chain-broken:before {
+    content: "\f127"
+}
+
+.fa-question:before {
+    content: "\f128"
+}
+
+.fa-info:before {
+    content: "\f129"
+}
+
+.fa-exclamation:before {
+    content: "\f12a"
+}
+
+.fa-superscript:before {
+    content: "\f12b"
+}
+
+.fa-subscript:before {
+    content: "\f12c"
+}
+
+.fa-eraser:before {
+    content: "\f12d"
+}
+
+.fa-puzzle-piece:before {
+    content: "\f12e"
+}
+
+.fa-microphone:before {
+    content: "\f130"
+}
+
+.fa-microphone-slash:before {
+    content: "\f131"
+}
+
+.fa-shield:before {
+    content: "\f132"
+}
+
+.fa-calendar-o:before {
+    content: "\f133"
+}
+
+.fa-fire-extinguisher:before {
+    content: "\f134"
+}
+
+.fa-rocket:before {
+    content: "\f135"
+}
+
+.fa-maxcdn:before {
+    content: "\f136"
+}
+
+.fa-chevron-circle-left:before {
+    content: "\f137"
+}
+
+.fa-chevron-circle-right:before {
+    content: "\f138"
+}
+
+.fa-chevron-circle-up:before {
+    content: "\f139"
+}
+
+.fa-chevron-circle-down:before {
+    content: "\f13a"
+}
+
+.fa-html5:before {
+    content: "\f13b"
+}
+
+.fa-css3:before {
+    content: "\f13c"
+}
+
+.fa-anchor:before {
+    content: "\f13d"
+}
+
+.fa-unlock-alt:before {
+    content: "\f13e"
+}
+
+.fa-bullseye:before {
+    content: "\f140"
+}
+
+.fa-ellipsis-h:before {
+    content: "\f141"
+}
+
+.fa-ellipsis-v:before {
+    content: "\f142"
+}
+
+.fa-rss-square:before {
+    content: "\f143"
+}
+
+.fa-play-circle:before {
+    content: "\f144"
+}
+
+.fa-ticket:before {
+    content: "\f145"
+}
+
+.fa-minus-square:before {
+    content: "\f146"
+}
+
+.fa-minus-square-o:before {
+    content: "\f147"
+}
+
+.fa-level-up:before {
+    content: "\f148"
+}
+
+.fa-level-down:before {
+    content: "\f149"
+}
+
+.fa-check-square:before {
+    content: "\f14a"
+}
+
+.fa-pencil-square:before {
+    content: "\f14b"
+}
+
+.fa-external-link-square:before {
+    content: "\f14c"
+}
+
+.fa-share-square:before {
+    content: "\f14d"
+}
+
+.fa-compass:before {
+    content: "\f14e"
+}
+
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
+    content: "\f150"
+}
+
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
+    content: "\f151"
+}
+
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
+    content: "\f152"
+}
+
+.fa-euro:before,
+.fa-eur:before {
+    content: "\f153"
+}
+
+.fa-gbp:before {
+    content: "\f154"
+}
+
+.fa-dollar:before,
+.fa-usd:before {
+    content: "\f155"
+}
+
+.fa-rupee:before,
+.fa-inr:before {
+    content: "\f156"
+}
+
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
+    content: "\f157"
+}
+
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
+    content: "\f158"
+}
+
+.fa-won:before,
+.fa-krw:before {
+    content: "\f159"
+}
+
+.fa-bitcoin:before,
+.fa-btc:before {
+    content: "\f15a"
+}
+
+.fa-file:before {
+    content: "\f15b"
+}
+
+.fa-file-text:before {
+    content: "\f15c"
+}
+
+.fa-sort-alpha-asc:before {
+    content: "\f15d"
+}
+
+.fa-sort-alpha-desc:before {
+    content: "\f15e"
+}
+
+.fa-sort-amount-asc:before {
+    content: "\f160"
+}
+
+.fa-sort-amount-desc:before {
+    content: "\f161"
+}
+
+.fa-sort-numeric-asc:before {
+    content: "\f162"
+}
+
+.fa-sort-numeric-desc:before {
+    content: "\f163"
+}
+
+.fa-thumbs-up:before {
+    content: "\f164"
+}
+
+.fa-thumbs-down:before {
+    content: "\f165"
+}
+
+.fa-youtube-square:before {
+    content: "\f166"
+}
+
+.fa-youtube:before {
+    content: "\f167"
+}
+
+.fa-xing:before {
+    content: "\f168"
+}
+
+.fa-xing-square:before {
+    content: "\f169"
+}
+
+.fa-youtube-play:before {
+    content: "\f16a"
+}
+
+.fa-dropbox:before {
+    content: "\f16b"
+}
+
+.fa-stack-overflow:before {
+    content: "\f16c"
+}
+
+.fa-instagram:before {
+    content: "\f16d"
+}
+
+.fa-flickr:before {
+    content: "\f16e"
+}
+
+.fa-adn:before {
+    content: "\f170"
+}
+
+.fa-bitbucket:before {
+    content: "\f171"
+}
+
+.fa-bitbucket-square:before {
+    content: "\f172"
+}
+
+.fa-tumblr:before {
+    content: "\f173"
+}
+
+.fa-tumblr-square:before {
+    content: "\f174"
+}
+
+.fa-long-arrow-down:before {
+    content: "\f175"
+}
+
+.fa-long-arrow-up:before {
+    content: "\f176"
+}
+
+.fa-long-arrow-left:before {
+    content: "\f177"
+}
+
+.fa-long-arrow-right:before {
+    content: "\f178"
+}
+
+.fa-apple:before {
+    content: "\f179"
+}
+
+.fa-windows:before {
+    content: "\f17a"
+}
+
+.fa-android:before {
+    content: "\f17b"
+}
+
+.fa-linux:before {
+    content: "\f17c"
+}
+
+.fa-dribbble:before {
+    content: "\f17d"
+}
+
+.fa-skype:before {
+    content: "\f17e"
+}
+
+.fa-foursquare:before {
+    content: "\f180"
+}
+
+.fa-trello:before {
+    content: "\f181"
+}
+
+.fa-female:before {
+    content: "\f182"
+}
+
+.fa-male:before {
+    content: "\f183"
+}
+
+.fa-gittip:before {
+    content: "\f184"
+}
+
+.fa-sun-o:before {
+    content: "\f185"
+}
+
+.fa-moon-o:before {
+    content: "\f186"
+}
+
+.fa-archive:before {
+    content: "\f187"
+}
+
+.fa-bug:before {
+    content: "\f188"
+}
+
+.fa-vk:before {
+    content: "\f189"
+}
+
+.fa-weibo:before {
+    content: "\f18a"
+}
+
+.fa-renren:before {
+    content: "\f18b"
+}
+
+.fa-pagelines:before {
+    content: "\f18c"
+}
+
+.fa-stack-exchange:before {
+    content: "\f18d"
+}
+
+.fa-arrow-circle-o-right:before {
+    content: "\f18e"
+}
+
+.fa-arrow-circle-o-left:before {
+    content: "\f190"
+}
+
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+    content: "\f191"
+}
+
+.fa-dot-circle-o:before {
+    content: "\f192"
+}
+
+.fa-wheelchair:before {
+    content: "\f193"
+}
+
+.fa-vimeo-square:before {
+    content: "\f194"
+}
+
+.fa-turkish-lira:before,
+.fa-try:before {
+    content: "\f195"
+}
+
+.fa-plus-square-o:before {
+    content: "\f196"
+}
+
+.fa-space-shuttle:before {
+    content: "\f197"
+}
+
+.fa-slack:before {
+    content: "\f198"
+}
+
+.fa-envelope-square:before {
+    content: "\f199"
+}
+
+.fa-wordpress:before {
+    content: "\f19a"
+}
+
+.fa-openid:before {
+    content: "\f19b"
+}
+
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+    content: "\f19c"
+}
+
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+    content: "\f19d"
+}
+
+.fa-yahoo:before {
+    content: "\f19e"
+}
+
+.fa-google:before {
+    content: "\f1a0"
+}
+
+.fa-reddit:before {
+    content: "\f1a1"
+}
+
+.fa-reddit-square:before {
+    content: "\f1a2"
+}
+
+.fa-stumbleupon-circle:before {
+    content: "\f1a3"
+}
+
+.fa-stumbleupon:before {
+    content: "\f1a4"
+}
+
+.fa-delicious:before {
+    content: "\f1a5"
+}
+
+.fa-digg:before {
+    content: "\f1a6"
+}
+
+.fa-pied-piper:before {
+    content: "\f1a7"
+}
+
+.fa-pied-piper-alt:before {
+    content: "\f1a8"
+}
+
+.fa-drupal:before {
+    content: "\f1a9"
+}
+
+.fa-joomla:before {
+    content: "\f1aa"
+}
+
+.fa-language:before {
+    content: "\f1ab"
+}
+
+.fa-fax:before {
+    content: "\f1ac"
+}
+
+.fa-building:before {
+    content: "\f1ad"
+}
+
+.fa-child:before {
+    content: "\f1ae"
+}
+
+.fa-paw:before {
+    content: "\f1b0"
+}
+
+.fa-spoon:before {
+    content: "\f1b1"
+}
+
+.fa-cube:before {
+    content: "\f1b2"
+}
+
+.fa-cubes:before {
+    content: "\f1b3"
+}
+
+.fa-behance:before {
+    content: "\f1b4"
+}
+
+.fa-behance-square:before {
+    content: "\f1b5"
+}
+
+.fa-steam:before {
+    content: "\f1b6"
+}
+
+.fa-steam-square:before {
+    content: "\f1b7"
+}
+
+.fa-recycle:before {
+    content: "\f1b8"
+}
+
+.fa-automobile:before,
+.fa-car:before {
+    content: "\f1b9"
+}
+
+.fa-cab:before,
+.fa-taxi:before {
+    content: "\f1ba"
+}
+
+.fa-tree:before {
+    content: "\f1bb"
+}
+
+.fa-spotify:before {
+    content: "\f1bc"
+}
+
+.fa-deviantart:before {
+    content: "\f1bd"
+}
+
+.fa-soundcloud:before {
+    content: "\f1be"
+}
+
+.fa-database:before {
+    content: "\f1c0"
+}
+
+.fa-file-pdf-o:before {
+    content: "\f1c1"
+}
+
+.fa-file-word-o:before {
+    content: "\f1c2"
+}
+
+.fa-file-excel-o:before {
+    content: "\f1c3"
+}
+
+.fa-file-powerpoint-o:before {
+    content: "\f1c4"
+}
+
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+    content: "\f1c5"
+}
+
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+    content: "\f1c6"
+}
+
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+    content: "\f1c7"
+}
+
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+    content: "\f1c8"
+}
+
+.fa-file-code-o:before {
+    content: "\f1c9"
+}
+
+.fa-vine:before {
+    content: "\f1ca"
+}
+
+.fa-codepen:before {
+    content: "\f1cb"
+}
+
+.fa-jsfiddle:before {
+    content: "\f1cc"
+}
+
+.fa-life-bouy:before,
+.fa-life-buoy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+    content: "\f1cd"
+}
+
+.fa-circle-o-notch:before {
+    content: "\f1ce"
+}
+
+.fa-ra:before,
+.fa-rebel:before {
+    content: "\f1d0"
+}
+
+.fa-ge:before,
+.fa-empire:before {
+    content: "\f1d1"
+}
+
+.fa-git-square:before {
+    content: "\f1d2"
+}
+
+.fa-git:before {
+    content: "\f1d3"
+}
+
+.fa-hacker-news:before {
+    content: "\f1d4"
+}
+
+.fa-tencent-weibo:before {
+    content: "\f1d5"
+}
+
+.fa-qq:before {
+    content: "\f1d6"
+}
+
+.fa-wechat:before,
+.fa-weixin:before {
+    content: "\f1d7"
+}
+
+.fa-send:before,
+.fa-paper-plane:before {
+    content: "\f1d8"
+}
+
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+    content: "\f1d9"
+}
+
+.fa-history:before {
+    content: "\f1da"
+}
+
+.fa-circle-thin:before {
+    content: "\f1db"
+}
+
+.fa-header:before {
+    content: "\f1dc"
+}
+
+.fa-paragraph:before {
+    content: "\f1dd"
+}
+
+.fa-sliders:before {
+    content: "\f1de"
+}
+
+.fa-share-alt:before {
+    content: "\f1e0"
+}
+
+.fa-share-alt-square:before {
+    content: "\f1e1"
+}
+
+.fa-bomb:before {
+    content: "\f1e2"
+}
+
+.fa-soccer-ball-o:before,
+.fa-futbol-o:before {
+    content: "\f1e3"
+}
+
+.fa-tty:before {
+    content: "\f1e4"
+}
+
+.fa-binoculars:before {
+    content: "\f1e5"
+}
+
+.fa-plug:before {
+    content: "\f1e6"
+}
+
+.fa-slideshare:before {
+    content: "\f1e7"
+}
+
+.fa-twitch:before {
+    content: "\f1e8"
+}
+
+.fa-yelp:before {
+    content: "\f1e9"
+}
+
+.fa-newspaper-o:before {
+    content: "\f1ea"
+}
+
+.fa-wifi:before {
+    content: "\f1eb"
+}
+
+.fa-calculator:before {
+    content: "\f1ec"
+}
+
+.fa-paypal:before {
+    content: "\f1ed"
+}
+
+.fa-google-wallet:before {
+    content: "\f1ee"
+}
+
+.fa-cc-visa:before {
+    content: "\f1f0"
+}
+
+.fa-cc-mastercard:before {
+    content: "\f1f1"
+}
+
+.fa-cc-discover:before {
+    content: "\f1f2"
+}
+
+.fa-cc-amex:before {
+    content: "\f1f3"
+}
+
+.fa-cc-paypal:before {
+    content: "\f1f4"
+}
+
+.fa-cc-stripe:before {
+    content: "\f1f5"
+}
+
+.fa-bell-slash:before {
+    content: "\f1f6"
+}
+
+.fa-bell-slash-o:before {
+    content: "\f1f7"
+}
+
+.fa-trash:before {
+    content: "\f1f8"
+}
+
+.fa-copyright:before {
+    content: "\f1f9"
+}
+
+.fa-at:before {
+    content: "\f1fa"
+}
+
+.fa-eyedropper:before {
+    content: "\f1fb"
+}
+
+.fa-paint-brush:before {
+    content: "\f1fc"
+}
+
+.fa-birthday-cake:before {
+    content: "\f1fd"
+}
+
+.fa-area-chart:before {
+    content: "\f1fe"
+}
+
+.fa-pie-chart:before {
+    content: "\f200"
+}
+
+.fa-line-chart:before {
+    content: "\f201"
+}
+
+.fa-lastfm:before {
+    content: "\f202"
+}
+
+.fa-lastfm-square:before {
+    content: "\f203"
+}
+
+.fa-toggle-off:before {
+    content: "\f204"
+}
+
+.fa-toggle-on:before {
+    content: "\f205"
+}
+
+.fa-bicycle:before {
+    content: "\f206"
+}
+
+.fa-bus:before {
+    content: "\f207"
+}
+
+.fa-ioxhost:before {
+    content: "\f208"
+}
+
+.fa-angellist:before {
+    content: "\f209"
+}
+
+.fa-cc:before {
+    content: "\f20a"
+}
+
+.fa-shekel:before,
+.fa-sheqel:before,
+.fa-ils:before {
+    content: "\f20b"
+}
+
+.fa-meanpath:before {
+    content: "\f20c"
+}

frontend/css/font.css

@@ -0,0 +1,20 @@
+@font-face {
+    font-family: source sans pro;
+    font-style: normal;
+    font-weight: 300;
+    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(../fonts/sourcesanspro/sourcesanspro-light.woff) format('woff')
+}
+
+@font-face {
+    font-family: source sans pro;
+    font-style: normal;
+    font-weight: 400;
+    src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/sourcesanspro/sourcesanspro.woff) format('woff')
+}
+
+@font-face {
+    font-family: source sans pro;
+    font-style: normal;
+    font-weight: 700;
+    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../fonts/sourcesanspro/sourcesanspro-bold.woff) format('woff')
+}

frontend/css/jquery.lightbox.css

@@ -0,0 +1,283 @@
+.jquery-lightbox-move * {
+    webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box
+}
+
+.jquery-lightbox-overlay {
+    background: #000;
+    -webkit-tap-highlight-color: transparent
+}
+
+.jquery-lightbox {
+    padding: 17px 0;
+    background: #fff;
+    position: relative
+}
+
+.jquery-lightbox-border-top-left,
+.jquery-lightbox-border-top-right,
+.jquery-lightbox-border-top-middle,
+.jquery-lightbox-border-bottom-left,
+.jquery-lightbox-border-bottom-middle,
+.jquery-lightbox-border-bottom-right {
+    position: absolute;
+    height: 7px;
+    width: 12%;
+    z-index: 7000;
+    background: #fff;
+    overflow: hidden
+}
+
+.jquery-lightbox-border-top-left {
+    top: 0;
+    left: 0
+}
+
+.jquery-lightbox-border-top-right {
+    top: 0;
+    right: 0
+}
+
+.jquery-lightbox-border-top-middle {
+    width: 78%;
+    top: 0;
+    left: 12%
+}
+
+.jquery-lightbox-border-bottom-left {
+    bottom: 0;
+    left: 0
+}
+
+.jquery-lightbox-border-bottom-right {
+    bottom: 0;
+    right: 0
+}
+
+.jquery-lightbox-border-bottom-middle {
+    width: 78%;
+    bottom: 0;
+    left: 12%
+}
+
+.jquery-lightbox-title {
+    background: #fff;
+    color: #000;
+    font-family: verdana, arial, serif;
+    font-size: 11px;
+    line-height: 14px;
+    padding: 5px 8px;
+    margin: 12px 0 0;
+    position: absolute;
+    top: 100%;
+    z-index: 7002;
+    opacity: .9
+}
+
+.jquery-lightbox-html {
+    position: relative;
+    z-index: 7000;
+    border: 0;
+    border-left: 7px solid #fff;
+    border-right: 7px solid #fff;
+    padding: 0 15px;
+    vertical-align: top;
+    -webkit-overflow-scrolling: touch
+}
+
+.jquery-lightbox-html embed,
+.jquery-lightbox-html object,
+.jquery-lightbox-html iframe {
+    vertical-align: top;
+    display: block
+}
+
+.jquery-lightbox-background {
+    position: absolute;
+    top: 7px;
+    left: 7px;
+    z-index: 6999;
+    float: left;
+    padding: 0
+}
+
+.jquery-lightbox-background img {
+    display: block;
+    position: relative;
+    border: 0;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%
+}
+
+.jquery-lightbox-mode-image .jquery-lightbox-html {
+    z-index: 6998;
+    padding: 0
+}
+
+.jquery-lightbox-mode-html .jquery-lightbox-background {
+    background: #fff
+}
+
+.jquery-lightbox-mode-html .jquery-lightbox-html {
+    overflow: auto
+}
+
+.jquery-lightbox-loading,
+.jquery-lightbox-mode-html .jquery-lightbox-loading {
+    background: #fff url(images/loading.gif) no-repeat center center
+}
+
+.jquery-lightbox-button-close {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat -113px 8px;
+    position: absolute;
+    top: 12px;
+    right: -26px;
+    width: 75px;
+    height: 30px
+}
+
+.jquery-lightbox-button-close:hover {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat -113px -30px
+}
+
+.jquery-lightbox-button-close span,
+.jquery-lightbox-buttons span {
+    display: none
+}
+
+.jquery-lightbox-mode-image .jquery-lightbox-button-close {
+    top: auto;
+    right: 7px;
+    bottom: 7px;
+    z-index: 7002
+}
+
+.jquery-lightbox-buttons .jquery-lightbox-buttons-init,
+.jquery-lightbox-buttons .jquery-lightbox-buttons-end,
+.jquery-lightbox-buttons .jquery-lightbox-button-left,
+.jquery-lightbox-buttons .jquery-lightbox-button-right {
+    display: none
+}
+
+.jquery-lightbox-buttons .jquery-lightbox-button-max {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat 7px -23px;
+    position: absolute;
+    left: 7px;
+    bottom: 7px;
+    width: 45px;
+    height: 30px;
+    z-index: 7001
+}
+
+.jquery-lightbox-buttons .jquery-lightbox-button-max:hover {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat 7px -55px
+}
+
+.jquery-lightbox-buttons .jquery-lightbox-button-min {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat -35px -23px;
+    position: absolute;
+    left: 7px;
+    bottom: 7px;
+    width: 42px;
+    height: 30px;
+    z-index: 7001
+}
+
+.jquery-lightbox-buttons .jquery-lightbox-button-min:hover {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat -35px -55px
+}
+
+.jquery-lightbox-buttons-custom {
+    background: #fff;
+    height: 33px;
+    line-height: 33px;
+    font-size: 10px;
+    position: absolute;
+    top: 7px;
+    left: 7px
+}
+
+.jquery-lightbox-buttons-custom a {
+    color: #7b7b7b;
+    font-size: 12px;
+    display: inline;
+    font-weight: 700;
+    text-decoration: underline;
+    padding: 0 7px
+}
+
+.jquery-lightbox-navigator {
+    position: absolute;
+    z-index: 7002;
+    overflow: hidden;
+    top: 7px;
+    left: 7px;
+    height: 90px
+}
+
+.jquery-lightbox-navigator .jquery-lightbox-button-left {
+    position: absolute;
+    height: 90px;
+    width: 40%;
+    left: 0
+}
+
+.jquery-lightbox-navigator .jquery-lightbox-button-left span {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat -37px 10px;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    display: block;
+    padding: 30px 0 0 50px;
+    position: absolute;
+    top: 30px;
+    left: 0;
+    z-index: 7003;
+    cursor: hand;
+    opacity: .2;
+    filter: alpha(opacity=20)
+}
+
+.jquery-lightbox-navigator .jquery-lightbox-button-left:hover span {
+    opacity: 1;
+    filter: alpha(opacity=100)
+}
+
+.jquery-lightbox-navigator .jquery-lightbox-button-right {
+    position: absolute;
+    height: 90px;
+    width: 40%;
+    right: 0
+}
+
+.jquery-lightbox-navigator .jquery-lightbox-button-right span {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat 9px 10px;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    display: block;
+    padding: 30px 0 0 50px;
+    position: absolute;
+    top: 30px;
+    right: 0;
+    z-index: 7003;
+    cursor: hand;
+    opacity: .2;
+    filter: alpha(opacity=20)
+}
+
+.jquery-lightbox-navigator .jquery-lightbox-button-right:hover span {
+    opacity: 1;
+    filter: alpha(opacity=100)
+}
+
+.jquery-lightbox-mode-html .jquery-lightbox-navigator {
+    display: none
+}
+
+.jquery-lightbox-hide {
+    display: none
+}

frontend/css/simple-line-icons.css

@@ -0,0 +1,839 @@
+@font-face {
+    font-family: simple-line-icons;
+    src: url(../fonts/Simple-Line-Icons.eot);
+    src: url(../fonts/Simple-Line-Icons.eot?#iefix) format('embedded-opentype'), url(../fonts/Simple-Line-Icons.woff) format('woff'), url(../fonts/Simple-Line-Icons.ttf) format('truetype'), url(../fonts/Simple-Line-Icons.svg#Simple-Line-Icons) format('svg');
+    font-weight: 400;
+    font-style: normal
+}
+
+[data-icon]:before {
+    font-family: simple-line-icons;
+    content: attr(data-icon);
+    speak: none;
+    font-weight: 400;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale
+}
+
+.icon-user-female,
+.icon-user-follow,
+.icon-user-following,
+.icon-user-unfollow,
+.icon-trophy,
+.icon-screen-smartphone,
+.icon-screen-desktop,
+.icon-plane,
+.icon-notebook,
+.icon-moustache,
+.icon-mouse,
+.icon-magnet,
+.icon-energy,
+.icon-emoticon-smile,
+.icon-disc,
+.icon-cursor-move,
+.icon-crop,
+.icon-credit-card,
+.icon-chemistry,
+.icon-user,
+.icon-speedometer,
+.icon-social-youtube,
+.icon-social-twitter,
+.icon-social-tumblr,
+.icon-social-facebook,
+.icon-social-dropbox,
+.icon-social-dribbble,
+.icon-shield,
+.icon-screen-tablet,
+.icon-magic-wand,
+.icon-hourglass,
+.icon-graduation,
+.icon-ghost,
+.icon-game-controller,
+.icon-fire,
+.icon-eyeglasses,
+.icon-envelope-open,
+.icon-envelope-letter,
+.icon-bell,
+.icon-badge,
+.icon-anchor,
+.icon-wallet,
+.icon-vector,
+.icon-speech,
+.icon-puzzle,
+.icon-printer,
+.icon-present,
+.icon-playlist,
+.icon-pin,
+.icon-picture,
+.icon-map,
+.icon-layers,
+.icon-handbag,
+.icon-globe-alt,
+.icon-globe,
+.icon-frame,
+.icon-folder-alt,
+.icon-film,
+.icon-feed,
+.icon-earphones-alt,
+.icon-earphones,
+.icon-drop,
+.icon-drawer,
+.icon-docs,
+.icon-directions,
+.icon-direction,
+.icon-diamond,
+.icon-cup,
+.icon-compass,
+.icon-call-out,
+.icon-call-in,
+.icon-call-end,
+.icon-calculator,
+.icon-bubbles,
+.icon-briefcase,
+.icon-book-open,
+.icon-basket-loaded,
+.icon-basket,
+.icon-bag,
+.icon-action-undo,
+.icon-action-redo,
+.icon-wrench,
+.icon-umbrella,
+.icon-trash,
+.icon-tag,
+.icon-support,
+.icon-size-fullscreen,
+.icon-size-actual,
+.icon-shuffle,
+.icon-share-alt,
+.icon-share,
+.icon-rocket,
+.icon-question,
+.icon-pie-chart,
+.icon-pencil,
+.icon-note,
+.icon-music-tone-alt,
+.icon-music-tone,
+.icon-microphone,
+.icon-loop,
+.icon-logout,
+.icon-login,
+.icon-list,
+.icon-like,
+.icon-home,
+.icon-grid,
+.icon-graph,
+.icon-equalizer,
+.icon-dislike,
+.icon-cursor,
+.icon-control-start,
+.icon-control-rewind,
+.icon-control-play,
+.icon-control-pause,
+.icon-control-forward,
+.icon-control-end,
+.icon-calendar,
+.icon-bulb,
+.icon-bar-chart,
+.icon-arrow-up,
+.icon-arrow-right,
+.icon-arrow-left,
+.icon-arrow-down,
+.icon-ban,
+.icon-bubble,
+.icon-camcorder,
+.icon-camera,
+.icon-check,
+.icon-clock,
+.icon-close,
+.icon-cloud-download,
+.icon-cloud-upload,
+.icon-doc,
+.icon-envelope,
+.icon-eye,
+.icon-flag,
+.icon-folder,
+.icon-heart,
+.icon-info,
+.icon-key,
+.icon-link,
+.icon-lock,
+.icon-lock-open,
+.icon-magnifier,
+.icon-magnifier-add,
+.icon-magnifier-remove,
+.icon-paper-clip,
+.icon-paper-plane,
+.icon-plus,
+.icon-pointer,
+.icon-power,
+.icon-refresh,
+.icon-reload,
+.icon-settings,
+.icon-star,
+.icon-symbol-female,
+.icon-symbol-male,
+.icon-target,
+.icon-volume-1,
+.icon-volume-2,
+.icon-volume-off,
+.icon-users {
+    font-family: simple-line-icons;
+    speak: none;
+    font-style: normal;
+    font-weight: 400;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased
+}
+
+.icon-user-female:before {
+    content: "\e000"
+}
+
+.icon-user-follow:before {
+    content: "\e002"
+}
+
+.icon-user-following:before {
+    content: "\e003"
+}
+
+.icon-user-unfollow:before {
+    content: "\e004"
+}
+
+.icon-trophy:before {
+    content: "\e006"
+}
+
+.icon-screen-smartphone:before {
+    content: "\e010"
+}
+
+.icon-screen-desktop:before {
+    content: "\e011"
+}
+
+.icon-plane:before {
+    content: "\e012"
+}
+
+.icon-notebook:before {
+    content: "\e013"
+}
+
+.icon-moustache:before {
+    content: "\e014"
+}
+
+.icon-mouse:before {
+    content: "\e015"
+}
+
+.icon-magnet:before {
+    content: "\e016"
+}
+
+.icon-energy:before {
+    content: "\e020"
+}
+
+.icon-emoticon-smile:before {
+    content: "\e021"
+}
+
+.icon-disc:before {
+    content: "\e022"
+}
+
+.icon-cursor-move:before {
+    content: "\e023"
+}
+
+.icon-crop:before {
+    content: "\e024"
+}
+
+.icon-credit-card:before {
+    content: "\e025"
+}
+
+.icon-chemistry:before {
+    content: "\e026"
+}
+
+.icon-user:before {
+    content: "\e005"
+}
+
+.icon-speedometer:before {
+    content: "\e007"
+}
+
+.icon-social-youtube:before {
+    content: "\e008"
+}
+
+.icon-social-twitter:before {
+    content: "\e009"
+}
+
+.icon-social-tumblr:before {
+    content: "\e00a"
+}
+
+.icon-social-facebook:before {
+    content: "\e00b"
+}
+
+.icon-social-dropbox:before {
+    content: "\e00c"
+}
+
+.icon-social-dribbble:before {
+    content: "\e00d"
+}
+
+.icon-shield:before {
+    content: "\e00e"
+}
+
+.icon-screen-tablet:before {
+    content: "\e00f"
+}
+
+.icon-magic-wand:before {
+    content: "\e017"
+}
+
+.icon-hourglass:before {
+    content: "\e018"
+}
+
+.icon-graduation:before {
+    content: "\e019"
+}
+
+.icon-ghost:before {
+    content: "\e01a"
+}
+
+.icon-game-controller:before {
+    content: "\e01b"
+}
+
+.icon-fire:before {
+    content: "\e01c"
+}
+
+.icon-eyeglasses:before {
+    content: "\e01d"
+}
+
+.icon-envelope-open:before {
+    content: "\e01e"
+}
+
+.icon-envelope-letter:before {
+    content: "\e01f"
+}
+
+.icon-bell:before {
+    content: "\e027"
+}
+
+.icon-badge:before {
+    content: "\e028"
+}
+
+.icon-anchor:before {
+    content: "\e029"
+}
+
+.icon-wallet:before {
+    content: "\e02a"
+}
+
+.icon-vector:before {
+    content: "\e02b"
+}
+
+.icon-speech:before {
+    content: "\e02c"
+}
+
+.icon-puzzle:before {
+    content: "\e02d"
+}
+
+.icon-printer:before {
+    content: "\e02e"
+}
+
+.icon-present:before {
+    content: "\e02f"
+}
+
+.icon-playlist:before {
+    content: "\e030"
+}
+
+.icon-pin:before {
+    content: "\e031"
+}
+
+.icon-picture:before {
+    content: "\e032"
+}
+
+.icon-map:before {
+    content: "\e033"
+}
+
+.icon-layers:before {
+    content: "\e034"
+}
+
+.icon-handbag:before {
+    content: "\e035"
+}
+
+.icon-globe-alt:before {
+    content: "\e036"
+}
+
+.icon-globe:before {
+    content: "\e037"
+}
+
+.icon-frame:before {
+    content: "\e038"
+}
+
+.icon-folder-alt:before {
+    content: "\e039"
+}
+
+.icon-film:before {
+    content: "\e03a"
+}
+
+.icon-feed:before {
+    content: "\e03b"
+}
+
+.icon-earphones-alt:before {
+    content: "\e03c"
+}
+
+.icon-earphones:before {
+    content: "\e03d"
+}
+
+.icon-drop:before {
+    content: "\e03e"
+}
+
+.icon-drawer:before {
+    content: "\e03f"
+}
+
+.icon-docs:before {
+    content: "\e040"
+}
+
+.icon-directions:before {
+    content: "\e041"
+}
+
+.icon-direction:before {
+    content: "\e042"
+}
+
+.icon-diamond:before {
+    content: "\e043"
+}
+
+.icon-cup:before {
+    content: "\e044"
+}
+
+.icon-compass:before {
+    content: "\e045"
+}
+
+.icon-call-out:before {
+    content: "\e046"
+}
+
+.icon-call-in:before {
+    content: "\e047"
+}
+
+.icon-call-end:before {
+    content: "\e048"
+}
+
+.icon-calculator:before {
+    content: "\e049"
+}
+
+.icon-bubbles:before {
+    content: "\e04a"
+}
+
+.icon-briefcase:before {
+    content: "\e04b"
+}
+
+.icon-book-open:before {
+    content: "\e04c"
+}
+
+.icon-basket-loaded:before {
+    content: "\e04d"
+}
+
+.icon-basket:before {
+    content: "\e04e"
+}
+
+.icon-bag:before {
+    content: "\e04f"
+}
+
+.icon-action-undo:before {
+    content: "\e050"
+}
+
+.icon-action-redo:before {
+    content: "\e051"
+}
+
+.icon-wrench:before {
+    content: "\e052"
+}
+
+.icon-umbrella:before {
+    content: "\e053"
+}
+
+.icon-trash:before {
+    content: "\e054"
+}
+
+.icon-tag:before {
+    content: "\e055"
+}
+
+.icon-support:before {
+    content: "\e056"
+}
+
+.icon-size-fullscreen:before {
+    content: "\e057"
+}
+
+.icon-size-actual:before {
+    content: "\e058"
+}
+
+.icon-shuffle:before {
+    content: "\e059"
+}
+
+.icon-share-alt:before {
+    content: "\e05a"
+}
+
+.icon-share:before {
+    content: "\e05b"
+}
+
+.icon-rocket:before {
+    content: "\e05c"
+}
+
+.icon-question:before {
+    content: "\e05d"
+}
+
+.icon-pie-chart:before {
+    content: "\e05e"
+}
+
+.icon-pencil:before {
+    content: "\e05f"
+}
+
+.icon-note:before {
+    content: "\e060"
+}
+
+.icon-music-tone-alt:before {
+    content: "\e061"
+}
+
+.icon-music-tone:before {
+    content: "\e062"
+}
+
+.icon-microphone:before {
+    content: "\e063"
+}
+
+.icon-loop:before {
+    content: "\e064"
+}
+
+.icon-logout:before {
+    content: "\e065"
+}
+
+.icon-login:before {
+    content: "\e066"
+}
+
+.icon-list:before {
+    content: "\e067"
+}
+
+.icon-like:before {
+    content: "\e068"
+}
+
+.icon-home:before {
+    content: "\e069"
+}
+
+.icon-grid:before {
+    content: "\e06a"
+}
+
+.icon-graph:before {
+    content: "\e06b"
+}
+
+.icon-equalizer:before {
+    content: "\e06c"
+}
+
+.icon-dislike:before {
+    content: "\e06d"
+}
+
+.icon-cursor:before {
+    content: "\e06e"
+}
+
+.icon-control-start:before {
+    content: "\e06f"
+}
+
+.icon-control-rewind:before {
+    content: "\e070"
+}
+
+.icon-control-play:before {
+    content: "\e071"
+}
+
+.icon-control-pause:before {
+    content: "\e072"
+}
+
+.icon-control-forward:before {
+    content: "\e073"
+}
+
+.icon-control-end:before {
+    content: "\e074"
+}
+
+.icon-calendar:before {
+    content: "\e075"
+}
+
+.icon-bulb:before {
+    content: "\e076"
+}
+
+.icon-bar-chart:before {
+    content: "\e077"
+}
+
+.icon-arrow-up:before {
+    content: "\e078"
+}
+
+.icon-arrow-right:before {
+    content: "\e079"
+}
+
+.icon-arrow-left:before {
+    content: "\e07a"
+}
+
+.icon-arrow-down:before {
+    content: "\e07b"
+}
+
+.icon-ban:before {
+    content: "\e07c"
+}
+
+.icon-bubble:before {
+    content: "\e07d"
+}
+
+.icon-camcorder:before {
+    content: "\e07e"
+}
+
+.icon-camera:before {
+    content: "\e07f"
+}
+
+.icon-check:before {
+    content: "\e080"
+}
+
+.icon-clock:before {
+    content: "\e081"
+}
+
+.icon-close:before {
+    content: "\e082"
+}
+
+.icon-cloud-download:before {
+    content: "\e083"
+}
+
+.icon-cloud-upload:before {
+    content: "\e084"
+}
+
+.icon-doc:before {
+    content: "\e085"
+}
+
+.icon-envelope:before {
+    content: "\e086"
+}
+
+.icon-eye:before {
+    content: "\e087"
+}
+
+.icon-flag:before {
+    content: "\e088"
+}
+
+.icon-folder:before {
+    content: "\e089"
+}
+
+.icon-heart:before {
+    content: "\e08a"
+}
+
+.icon-info:before {
+    content: "\e08b"
+}
+
+.icon-key:before {
+    content: "\e08c"
+}
+
+.icon-link:before {
+    content: "\e08d"
+}
+
+.icon-lock:before {
+    content: "\e08e"
+}
+
+.icon-lock-open:before {
+    content: "\e08f"
+}
+
+.icon-magnifier:before {
+    content: "\e090"
+}
+
+.icon-magnifier-add:before {
+    content: "\e091"
+}
+
+.icon-magnifier-remove:before {
+    content: "\e092"
+}
+
+.icon-paper-clip:before {
+    content: "\e093"
+}
+
+.icon-paper-plane:before {
+    content: "\e094"
+}
+
+.icon-plus:before {
+    content: "\e095"
+}
+
+.icon-pointer:before {
+    content: "\e096"
+}
+
+.icon-power:before {
+    content: "\e097"
+}
+
+.icon-refresh:before {
+    content: "\e098"
+}
+
+.icon-reload:before {
+    content: "\e099"
+}
+
+.icon-settings:before {
+    content: "\e09a"
+}
+
+.icon-star:before {
+    content: "\e09b"
+}
+
+.icon-symbol-female:before {
+    content: "\e09c"
+}
+
+.icon-symbol-male:before {
+    content: "\e09d"
+}
+
+.icon-target:before {
+    content: "\e09e"
+}
+
+.icon-volume-1:before {
+    content: "\e09f"
+}
+
+.icon-volume-2:before {
+    content: "\e0a0"
+}
+
+.icon-volume-off:before {
+    content: "\e0a1"
+}
+
+.icon-users:before {
+    content: "\e001"
+}

frontend/css/style.css

@@ -0,0 +1,510 @@
+html,
+body {
+    height: 100%
+}
+
+body {
+    padding-top: 50px
+}
+
+@media screen and (max-width:768px) {
+    body {
+        padding-top: 50px
+    }
+}
+
+#wrap {
+    min-height: 100%;
+    background-color: #edf1f2;
+    height: auto !important;
+    height: 100%;
+    margin: 0 auto -309px;
+    padding: 0 0 309px
+}
+
+#footer {
+    height: 309px
+}
+
+@media(max-width:767px) {
+    #footer {
+        margin-left: -20px;
+        margin-right: -20px;
+        padding-left: 20px;
+        padding-right: 20px
+    }
+}
+
+.item-panel {
+    height: 387px
+}
+
+.item-header a {
+    color: #363f44;
+    text-decoration: none;
+    cursor: pointer
+}
+
+.item-header a:hover,
+.item-header a:focus {
+    color: #141719;
+    text-decoration: none
+}
+
+.text-base {
+    color: #58666e
+}
+
+a.text-info {
+    color: #19a9d5;
+    text-decoration: none;
+    cursor: pointer
+}
+
+a.text-info:hover,
+a.text-info:focus {
+    color: #1797be;
+    text-decoration: none
+}
+
+.link-info a {
+    color: #19a9d5;
+    text-decoration: none;
+    cursor: pointer
+}
+
+.link-info a:hover,
+.link-info a:focus {
+    color: #1797be;
+    text-decoration: none
+}
+
+.link-base a {
+    color: #58666e;
+    text-decoration: none;
+    cursor: pointer
+}
+
+.link-base a:hover,
+.link-base a:focus {
+    color: #58666e;
+    text-decoration: none
+}
+
+.frontpage-header {
+    width: 100%;
+    background-image: url(../img/backgrounds/search-bg.jpg);
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: 50% 50%;
+    position: relative
+}
+
+.frontpage-header h1 {
+    text-shadow: 0 0 5px rgba(0, 0, 5, .7)
+}
+
+.frontpage-header h3 {
+    text-shadow: 0 0 5px rgba(0, 0, 5, .5)
+}
+
+.white-transparant-bg {
+    background-color: rgba(255, 255, 255, .5) !important
+}
+
+.click-area-lg {
+    display: block;
+    position: relative
+}
+
+.click-area-lg:after {
+    content: "";
+    padding: 200px;
+    position: absolute;
+    left: -100px;
+    top: -100px
+}
+
+a.text-white:hover,
+a.text-white:focus {
+    color: #eee;
+    text-decoration: none
+}
+
+a.text-black {
+    color: #363f44
+}
+
+a.text-black:hover,
+a:focus {
+    color: #141719;
+    text-decoration: none
+}
+
+.text-xl {
+    font-size: 24px
+}
+
+.text-xxl {
+    font-size: 32px
+}
+
+.text-xxxl {
+    font-size: 50px
+}
+
+.text-right {
+    text-align: right
+}
+
+.text-ellipsis {
+    text-overflow: ellipsis
+}
+
+.item-listing-title {
+    height: 85px
+}
+
+.item-listing-desc {
+    height: 80px
+}
+
+.item-listing-extra {
+    height: 40px
+}
+
+.btn-transparant-white {
+    color: #fff !important;
+    border: 1px solid #fff
+}
+
+.btn-transparant-white:hover,
+.btn-transparant-white:focus,
+.btn-transparant-white:active,
+.btn-transparant-white.active,
+.open .dropdown-toggle.btn-transparant-white {
+    color: #2baadf !important;
+    border-color: #2baadf !important
+}
+
+.item-menu {
+    padding-top: 8px;
+    margin-bottom: -11px
+}
+
+.item-menu .active {
+    border-bottom: 5px solid #23b7e5;
+    font-weight: 700;
+    color: #363f44 !important
+}
+
+.item-menu a {
+    color: #58666e
+}
+
+.item-menu a:hover,
+.item-menu a:focus {
+    text-decoration: none;
+    color: #141719 !important;
+    border-bottom: 5px solid #e5e9ec
+}
+
+.item-menu .active:hover {
+    text-decoration: none;
+    border-bottom: 5px solid #0faadc !important
+}
+
+.item-menu .active {
+    border-bottom: 5px solid #0faadc
+}
+
+.screenshot-box {
+    line-height: 200px;
+    text-align: center
+}
+
+.screenshot-thumb {
+    vertical-align: middle;
+    max-width: 100%;
+    max-height: 196px
+}
+
+.extra-screenshot {
+    display: none
+}
+
+#display-screenshots {
+    display: block
+}
+
+#hide-screenshots {}
+
+.item-description h3 {
+    font-size: 30px;
+    font-weight: 300
+}
+
+.item-description a {
+    color: #19a9d5;
+    text-decoration: none;
+    cursor: pointer
+}
+
+.item-description a:hover,
+.item-description a:focus {
+    color: #1797be;
+    text-decoration: none
+}
+
+.item-description img {
+    max-width: 100%
+}
+
+img.size-full {
+    width: 100%
+}
+
+.blog-post img {
+    max-width: 100%
+}
+
+.btn-facebook {
+    color: #fff !important;
+    background-color: #3a5898;
+    border-color: #3a5898
+}
+
+.btn-facebook:hover,
+.btn-facebook:focus,
+.btn-facebook:active,
+.btn-facebook.active,
+.open .dropdown-toggle.btn-facebook {
+    color: #fff !important;
+    background-color: #35508b;
+    border-color: #35508b
+}
+
+.btn-twitter {
+    color: #fff !important;
+    background-color: #2baadf;
+    border-color: #2baadf
+}
+
+.btn-twitter:hover,
+.btn-twitter:focus,
+.btn-twitter:active,
+.btn-twitter.active,
+.open .dropdown-toggle.btn-twitter {
+    color: #fff !important;
+    background-color: #28a0d2;
+    border-color: #28a0d2
+}
+
+.btn-googleplus {
+    color: #fff !important;
+    background-color: #cc382e;
+    border-color: #cc382e
+}
+
+.btn-googleplus:hover,
+.btn-googleplus:focus,
+.btn-googleplus:active,
+.btn-googleplus.active,
+.open .dropdown-toggle.btn-googleplus {
+    color: #fff !important;
+    background-color: #be342b;
+    border-color: #be342b
+}
+
+.btn-pinterest {
+    color: #fff !important;
+    background-color: #ca1f28;
+    border-color: #ca1f28
+}
+
+.btn-pinterest:hover,
+.btn-pinterest:focus,
+.btn-pinterest:active,
+.btn-pinterest.active,
+.open .dropdown-toggle.btn-pinterest {
+    color: #fff !important;
+    background-color: #bc1d25;
+    border-color: #bc1d25
+}
+
+.btn-linkedin {
+    color: #fff !important;
+    background-color: #007ab5;
+    border-color: #007ab5
+}
+
+.btn-linkedin:hover,
+.btn-linkedin:focus,
+.btn-linkedin:active,
+.btn-linkedin.active,
+.open .dropdown-toggle.btn-linkedin {
+    color: #fff !important;
+    background-color: #0071a8;
+    border-color: #0071a8
+}
+
+.btn-rss {
+    color: #fff !important;
+    background-color: #f26722;
+    border-color: #f26722
+}
+
+.btn-rss:hover,
+.btn-rss:focus,
+.btn-rss:active,
+.btn-rss.active,
+.open .dropdown-toggle.btn-rss {
+    color: #fff !important;
+    background-color: #e26020;
+    border-color: #e26020
+}
+
+.m-l-xxxl {
+    margin-left: 70px
+}
+
+.m-r-xxxl {
+    margin-right: 70px
+}
+
+.h-xs {
+    height: 90px
+}
+
+.h-sm {
+    height: 150px
+}
+
+.h {
+    height: 200px
+}
+
+.h-md {
+    height: 240px
+}
+
+.h-lg {
+    height: 280px
+}
+
+.h-xl {
+    height: 320px
+}
+
+.h-xxl {
+    height: 360px
+}
+
+.p-l {
+    padding-left: 15px
+}
+
+.p-l-md {
+    padding-left: 20px
+}
+
+.p-l-lg {
+    padding-left: 30px
+}
+
+.pos-rel {
+    position: relative
+}
+
+.align-bottom {
+    position: absolute;
+    bottom: 0
+}
+
+.text-shadow-sm {
+    text-shadow: 0 1px 2px rgba(0, 0, 5, .3)
+}
+
+.carousel .carousel-control {
+    visibility: hidden
+}
+
+.carousel:hover .carousel-control {
+    visibility: visible
+}
+
+.carousel-indicators li {
+    visibility: hidden
+}
+
+.carousel-caption {
+    bottom: 0;
+    left: 0;
+    right: auto;
+    top: auto;
+    margin-bottom: -30px
+}
+
+.modal {
+    text-align: center
+}
+
+.modal:before {
+    display: inline-block;
+    vertical-align: middle;
+    content: " ";
+    height: 100%
+}
+
+.modal-dialog {
+    display: inline-block;
+    text-align: left;
+    vertical-align: middle
+}
+
+body.modal-open {
+    overflow: inherit;
+    padding-right: inherit !important
+}
+
+#editor {
+    overflow: scroll;
+    max-height: 300px
+}
+
+@media print {
+    body {
+        margin: 0;
+        padding: 0;
+        line-height: 1.4em;
+        word-spacing: 1px;
+        letter-spacing: .2px;
+        font: 8px helvetica;
+        color: #000
+    }
+
+    h1 {
+        font: 18px helvetica !important
+    }
+
+    #content {
+        font-size: 8px;
+        font-weight: 100 !important;
+        color: #f90 !important
+    }
+
+    a[href]:after {
+        content: none !important
+    }
+
+    header,
+    footer,
+    aside,
+    nav {
+        display: none
+    }
+
+    .hidden-print {
+        display: none
+    }
+}

frontend/html/static_version_of_sentence.html

@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+<html lang="en-US">
+
+<head>
+    <title>OCR</title>
+    <link rel="icon" href="https://cdn-icons-png.flaticon.com/512/5262/5262072.png">
+    <link rel="stylesheet" href="../static/css/style2.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+    <link rel="stylesheet" href="../static/css/vendor.bundle.base.css">
+    <link rel="stylesheet" href="../static/css/OverlayScrollbars.min.css">
+
+
+</head>
+
+<body style="background-color: #1F2020">
+    <header>
+        <nav class="navbar navbar-expand-lg bg-ocr mb-5">
+            <div class="container h-100">
+                <!-- Logo START -->
+                <a class="navbar-brand" href="pdf">
+                    <img class="navbar-brand-item" src="../static/icons/avignon_universite_blanc_RVB.png" alt="logo">
+                </a>
+                <!-- Logo END -->
+
+                <!-- Responsive navbar toggler -->
+                <button class="navbar-toggler ms-auto icon-md btn btn-light p-0 collapsed" type="button"
+                    data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse"
+                    aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-animation">
+                        <span></span>
+                        <span></span>
+                        <span></span>
+                    </span>
+                </button>
+
+                <!-- Main navbar START -->
+                <div class="navbar-collapse collapse" id="navbarCollapse">
+                    <ul class="navbar-nav navbar-nav-scroll ms-auto p-xl-0">
+                        <!-- Nav item 1 Demos -->
+                        <li class="nav-item nav-pills nav-pills-ocr">
+                            <a class="nav-item nav-link" href="pdf">PDF Classifier</a>
+                        </li>
+                        <!-- Nav item 2 Pages -->
+                        <li class="nav-item nav-pills nav-pills-ocr">
+                            <a class="nav-item nav-link active" href="sentence">Text Classifier</a>
+                        </li>
+                    </ul>
+                </div>
+                <!-- Main navbar END -->
+            </div>
+        </nav>
+    </header>
+
+    <main class="pt-3 pt-md-5 pb-md-5 pt-lg-0 mt-3    ">
+
+        <!-- Container START -->
+        <div class="container mt-lg-7 ">
+            <div class="justify-content-lg-around justify-content-xl-center justify-content-md-between ">
+
+                <!-- Chat conversation START -->
+                <div class="card card-chat bg-ocr">
+                    <div class="card-body h-100 bg-ocr">
+                        <div class="tab-content py-0 mb-0 h-100" id="chatTabsContent">
+                            <!-- Conversation item START -->
+                            <div class="fade tab-pane show active h-100" id="chat-1" role="tabpanel"
+                                aria-labelledby="chat-1-tab">
+                                <!-- Chat conversation START -->
+                                <div
+                                    class="chat-conversation-content custom-scrollbar os-host os-theme-dark os-host-overflow os-host-overflow-y os-host-resize-disabled os-host-scrollbar-horizontal-hidden os-host-transition h-100">
+                                    <div class="os-padding">
+                                        <div class="os-viewport os-viewport-native-scrollbars-invisible"
+                                            style="overflow-y: scroll;">
+                                            <div class="os-content" style="padding: 0px; height: 100%; width: 100%;">
+                                                <!-- Chat message right -->
+                                                <div class="d-flex justify-content-end text-end mb-1">
+                                                    <div class="w-100">
+                                                        <div class="d-flex flex-column align-items-end">
+                                                            <div class="bg-primary text-white p-2 px-3 rounded-2">
+                                                                Attention is all you need</div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <!-- Chat message left -->
+                                                <div class="d-flex mb-1">
+                                                    <div class="flex-shrink-0 avatar avatar-xs me-2">
+                                                        <img class="avatar-img rounded-circle"
+                                                            src="../static/icons/logo_header_128x128.png" alt="">
+                                                    </div>
+                                                    <div class="flex-grow-1">
+                                                        <div class="w-100">
+                                                            <div class="d-flex flex-column align-items-start">
+                                                                <div class="text-secondary p-2 px-3 rounded-2">
+                                                                    <div class="card"
+                                                                        style="background-color: #303131; border: 2px dashed rgb(82, 82, 82);">
+                                                                        <div class="card-body">
+                                                                            <h4 class="card-title text-white">Text's
+                                                                                Category</h4>
+                                                                            <div class="row d-flex ">
+                                                                                <div class="col-sm-6 col-6">
+                                                                                    <ul
+                                                                                        class="graphl-legend-rectangle ">
+                                                                                        <li class="text-white-50"><span
+                                                                                                class="bg-danger "></span>Computer_Complexity
+                                                                                            (30%)
+                                                                                        </li>
+                                                                                        <li class="text-white-50"><span
+                                                                                                class="bg-warning"></span>Artificielle
+                                                                                            intelligence
+                                                                                        </li>
+                                                                                        <li class="text-white-50"><span
+                                                                                                class="bg-info"></span>Software
+                                                                                        </li>
+                                                                                        <li class="text-white-50"><span
+                                                                                                class="bg-success"></span>Hardware_computation
+                                                                                        </li>
+                                                                                        <li class="text-white-50"><span
+                                                                                                class="bg-light"></span>Hardware_computation
+                                                                                        </li>
+                                                                                    </ul>
+                                                                                </div>
+                                                                                <div class="col-sm-6 grid-margin col-6">
+                                                                                    <canvas class="bestSellers"></canvas>
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="mb-lg-0 text-white-50">
+                                                                                la classe la plus dominante est
+                                                                                <span
+                                                                                    class="fw-bolder text-white">Artificielle
+                                                                                    intelligence</span>
+                                                                            </div>
+
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>                
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div
+                                        class="os-scrollbar os-scrollbar-horizontal os-scrollbar-unusable os-scrollbar-auto-hidden">
+                                        <div class="os-scrollbar-track os-scrollbar-track-off">
+                                            <div class="os-scrollbar-handle"
+                                                style="width: 100%; transform: translate(0px, 0px);"></div>
+                                        </div>
+                                    </div>
+                                    <div class="os-scrollbar os-scrollbar-vertical os-scrollbar-auto-hidden">
+                                        <div class="os-scrollbar-track os-scrollbar-track-off">
+                                            <div class="os-scrollbar-handle"
+                                                style="height: 32.4192%; transform: translate(0px, 0px);"></div>
+                                        </div>
+                                    </div>
+                                    <div class="os-scrollbar-corner"></div>
+                                </div>
+                                <!-- Chat conversation END -->
+                            </div>
+                            <!-- Conversation item END -->
+                        </div>
+                    </div>
+
+                    <div class="card-footer" style="background-color: #242525;">
+                        <form class="d-sm-flex align-items-center" action="/sentence" method="post" id="sentenceForm">
+                            <textarea class="form-control mb-sm-0 mb-3" id="ocr-result" name="text" data-autoresize=""
+                                placeholder="Type your text" rows="1" style="height: 50px;box-sizing: border-box;
+                                resize: none; max-height: 120px;" onclick="addAutoResize()"></textarea>
+                            <button class="btn btn-sm btn-sentence ms-2"><img class="avatar avatar-xs"
+                                    src="../static/icons/avignon_universite_blanc_RVB-1.png"></button>
+                        </form>
+                    </div>
+                </div>
+                <!-- Chat conversation END -->
+            </div> <!-- Row END -->
+            <!-- =======================
+        Chat END -->
+
+        </div>
+        <!-- Container END -->
+
+    </main>
+
+    <!-- Container END -->
+    <script src="../static/js/sentence.js" type="text/javascript"></script>
+    <script src="../static/js/vendor.bundle.base.js"></script>
+    <script src="../static/js/Chart.min.js"></script>
+    <!-- Custom js for this page-->
+    <script src="../static/js/dashboard.js"></script>
+    
+    <script>
+        var objDiv = document.getElementsByClassName("chat-conversation-content overflow-auto scrollbar scrollbar-primary")
+        for (let index = 0; index < objDiv.length + 1; index++) {
+            objDiv[index].scrollTop = objDiv[index].scrollHeight;
+            console.log(objDiv[index]);
+        }
+    </script>
+    <script src="../static/js/bootstrap.bundle.min.js"></script>
+    <script src="../static/js/OverlayScrollbars.min.js"></script>
+    <script>
+        // START: 12 Auto resize textarea
+        function addAutoResize() {
+            document.querySelectorAll('[data-autoresize]').forEach(function (element) {
+                element.style.boxSizing = 'border-box';
+                var offset = element.offsetHeight - element.clientHeight;
+                element.addEventListener('input', function (event) {
+                    event.target.style.height = 'auto';
+                    event.target.style.height = event.target.scrollHeight + offset + 'px';
+                });
+                element.removeAttribute('data-autoresize');
+            });
+        }
+        // END: Auto resize textarea
+    </script>
+</body>
+
+</html>

frontend/js/bootstrap.js

@@ -0,0 +1,1105 @@
+/*!
+* Bootstrap v3.3.0 (http://getbootstrap.com)
+* Copyright 2011-2014 Twitter, Inc.
+* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+*/if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript requires jQuery') }
++function ($) {
+    var version = $.fn.jquery.split(' ')[0].split('.')
+    if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1)) { throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher') }
+}(jQuery); +function ($) {
+    'use strict'; function transitionEnd() {
+        var el = document.createElement('bootstrap')
+        var transEndEventNames = { WebkitTransition: 'webkitTransitionEnd', MozTransition: 'transitionend', OTransition: 'oTransitionEnd otransitionend', transition: 'transitionend' }
+        for (var name in transEndEventNames) { if (el.style[name] !== undefined) { return { end: transEndEventNames[name] } } }
+        return false
+    }
+    $.fn.emulateTransitionEnd = function (duration) {
+        var called = false
+        var $el = this
+        $(this).one('bsTransitionEnd', function () { called = true })
+        var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
+        setTimeout(callback, duration)
+        return this
+    }
+    $(function () {
+        $.support.transition = transitionEnd()
+        if (!$.support.transition) return
+        $.event.special.bsTransitionEnd = { bindType: $.support.transition.end, delegateType: $.support.transition.end, handle: function (e) { if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) } }
+    })
+}(jQuery); +function ($) {
+    'use strict'; var dismiss = '[data-dismiss="alert"]'
+    var Alert = function (el) { $(el).on('click', dismiss, this.close) }
+    Alert.VERSION = '3.3.0'
+    Alert.TRANSITION_DURATION = 150
+    Alert.prototype.close = function (e) {
+        var $this = $(this)
+        var selector = $this.attr('data-target')
+        if (!selector) {
+            selector = $this.attr('href')
+            selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '')
+        }
+        var $parent = $(selector)
+        if (e) e.preventDefault()
+        if (!$parent.length) { $parent = $this.closest('.alert') }
+        $parent.trigger(e = $.Event('close.bs.alert'))
+        if (e.isDefaultPrevented()) return
+        $parent.removeClass('in')
+        function removeElement() { $parent.detach().trigger('closed.bs.alert').remove() }
+        $.support.transition && $parent.hasClass('fade') ? $parent.one('bsTransitionEnd', removeElement).emulateTransitionEnd(Alert.TRANSITION_DURATION) : removeElement()
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.alert')
+            if (!data) $this.data('bs.alert', (data = new Alert(this)))
+            if (typeof option == 'string') data[option].call($this)
+        })
+    }
+    var old = $.fn.alert
+    $.fn.alert = Plugin
+    $.fn.alert.Constructor = Alert
+    $.fn.alert.noConflict = function () {
+        $.fn.alert = old
+        return this
+    }
+    $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close)
+}(jQuery); +function ($) {
+    'use strict'; var Button = function (element, options) {
+        this.$element = $(element)
+        this.options = $.extend({}, Button.DEFAULTS, options)
+        this.isLoading = false
+    }
+    Button.VERSION = '3.3.0'
+    Button.DEFAULTS = { loadingText: 'loading...' }
+    Button.prototype.setState = function (state) {
+        var d = 'disabled'
+        var $el = this.$element
+        var val = $el.is('input') ? 'val' : 'html'
+        var data = $el.data()
+        state = state + 'Text'
+        if (data.resetText == null) $el.data('resetText', $el[val]())
+        setTimeout($.proxy(function () {
+            $el[val](data[state] == null ? this.options[state] : data[state])
+            if (state == 'loadingText') {
+                this.isLoading = true
+                $el.addClass(d).attr(d, d)
+            } else if (this.isLoading) {
+                this.isLoading = false
+                $el.removeClass(d).removeAttr(d)
+            }
+        }, this), 0)
+    }
+    Button.prototype.toggle = function () {
+        var changed = true
+        var $parent = this.$element.closest('[data-toggle="buttons"]')
+        if ($parent.length) {
+            var $input = this.$element.find('input')
+            if ($input.prop('type') == 'radio') {
+                if ($input.prop('checked') && this.$element.hasClass('active')) changed = false
+                else $parent.find('.active').removeClass('active')
+            }
+            if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change')
+        } else { this.$element.attr('aria-pressed', !this.$element.hasClass('active')) }
+        if (changed) this.$element.toggleClass('active')
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.button')
+            var options = typeof option == 'object' && option
+            if (!data) $this.data('bs.button', (data = new Button(this, options)))
+            if (option == 'toggle') data.toggle()
+            else if (option) data.setState(option)
+        })
+    }
+    var old = $.fn.button
+    $.fn.button = Plugin
+    $.fn.button.Constructor = Button
+    $.fn.button.noConflict = function () {
+        $.fn.button = old
+        return this
+    }
+    $(document).on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) {
+        var $btn = $(e.target)
+        if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn')
+        Plugin.call($btn, 'toggle')
+        e.preventDefault()
+    }).on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (e) { $(e.target).closest('.btn').toggleClass('focus', e.type == 'focus') })
+}(jQuery); +function ($) {
+    'use strict'; var Carousel = function (element, options) {
+        this.$element = $(element)
+        this.$indicators = this.$element.find('.carousel-indicators')
+        this.options = options
+        this.paused = this.sliding = this.interval = this.$active = this.$items = null
+        this.options.keyboard && this.$element.on('keydown.bs.carousel', $.proxy(this.keydown, this))
+        this.options.pause == 'hover' && !('ontouchstart' in document.documentElement) && this.$element.on('mouseenter.bs.carousel', $.proxy(this.pause, this)).on('mouseleave.bs.carousel', $.proxy(this.cycle, this))
+    }
+    Carousel.VERSION = '3.3.0'
+    Carousel.TRANSITION_DURATION = 600
+    Carousel.DEFAULTS = { interval: 5000, pause: 'hover', wrap: true, keyboard: true }
+    Carousel.prototype.keydown = function (e) {
+        switch (e.which) {
+            case 37: this.prev(); break
+            case 39: this.next(); break
+            default: return
+        }
+        e.preventDefault()
+    }
+    Carousel.prototype.cycle = function (e) {
+        e || (this.paused = false)
+        this.interval && clearInterval(this.interval)
+        this.options.interval && !this.paused && (this.interval = setInterval($.proxy(this.next, this), this.options.interval))
+        return this
+    }
+    Carousel.prototype.getItemIndex = function (item) {
+        this.$items = item.parent().children('.item')
+        return this.$items.index(item || this.$active)
+    }
+    Carousel.prototype.getItemForDirection = function (direction, active) {
+        var delta = direction == 'prev' ? -1 : 1
+        var activeIndex = this.getItemIndex(active)
+        var itemIndex = (activeIndex + delta) % this.$items.length
+        return this.$items.eq(itemIndex)
+    }
+    Carousel.prototype.to = function (pos) {
+        var that = this
+        var activeIndex = this.getItemIndex(this.$active = this.$element.find('.item.active'))
+        if (pos > (this.$items.length - 1) || pos < 0) return
+        if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) })
+        if (activeIndex == pos) return this.pause().cycle()
+        return this.slide(pos > activeIndex ? 'next' : 'prev', this.$items.eq(pos))
+    }
+    Carousel.prototype.pause = function (e) {
+        e || (this.paused = true)
+        if (this.$element.find('.next, .prev').length && $.support.transition) {
+            this.$element.trigger($.support.transition.end)
+            this.cycle(true)
+        }
+        this.interval = clearInterval(this.interval)
+        return this
+    }
+    Carousel.prototype.next = function () {
+        if (this.sliding) return
+        return this.slide('next')
+    }
+    Carousel.prototype.prev = function () {
+        if (this.sliding) return
+        return this.slide('prev')
+    }
+    Carousel.prototype.slide = function (type, next) {
+        var $active = this.$element.find('.item.active')
+        var $next = next || this.getItemForDirection(type, $active)
+        var isCycling = this.interval
+        var direction = type == 'next' ? 'left' : 'right'
+        var fallback = type == 'next' ? 'first' : 'last'
+        var that = this
+        if (!$next.length) {
+            if (!this.options.wrap) return
+            $next = this.$element.find('.item')[fallback]()
+        }
+        if ($next.hasClass('active')) return (this.sliding = false)
+        var relatedTarget = $next[0]
+        var slideEvent = $.Event('slide.bs.carousel', { relatedTarget: relatedTarget, direction: direction })
+        this.$element.trigger(slideEvent)
+        if (slideEvent.isDefaultPrevented()) return
+        this.sliding = true
+        isCycling && this.pause()
+        if (this.$indicators.length) {
+            this.$indicators.find('.active').removeClass('active')
+            var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)])
+            $nextIndicator && $nextIndicator.addClass('active')
+        }
+        var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction })
+        if ($.support.transition && this.$element.hasClass('slide')) {
+            $next.addClass(type)
+            $next[0].offsetWidth
+            $active.addClass(direction)
+            $next.addClass(direction)
+            $active.one('bsTransitionEnd', function () {
+                $next.removeClass([type, direction].join(' ')).addClass('active')
+                $active.removeClass(['active', direction].join(' '))
+                that.sliding = false
+                setTimeout(function () { that.$element.trigger(slidEvent) }, 0)
+            }).emulateTransitionEnd(Carousel.TRANSITION_DURATION)
+        } else {
+            $active.removeClass('active')
+            $next.addClass('active')
+            this.sliding = false
+            this.$element.trigger(slidEvent)
+        }
+        isCycling && this.cycle()
+        return this
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.carousel')
+            var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option)
+            var action = typeof option == 'string' ? option : options.slide
+            if (!data) $this.data('bs.carousel', (data = new Carousel(this, options)))
+            if (typeof option == 'number') data.to(option)
+            else if (action) data[action]()
+            else if (options.interval) data.pause().cycle()
+        })
+    }
+    var old = $.fn.carousel
+    $.fn.carousel = Plugin
+    $.fn.carousel.Constructor = Carousel
+    $.fn.carousel.noConflict = function () {
+        $.fn.carousel = old
+        return this
+    }
+    var clickHandler = function (e) {
+        var href
+        var $this = $(this)
+        var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, ''))
+        if (!$target.hasClass('carousel')) return
+        var options = $.extend({}, $target.data(), $this.data())
+        var slideIndex = $this.attr('data-slide-to')
+        if (slideIndex) options.interval = false
+        Plugin.call($target, options)
+        if (slideIndex) { $target.data('bs.carousel').to(slideIndex) }
+        e.preventDefault()
+    }
+    $(document).on('click.bs.carousel.data-api', '[data-slide]', clickHandler).on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler)
+    $(window).on('load', function () {
+        $('[data-ride="carousel"]').each(function () {
+            var $carousel = $(this)
+            Plugin.call($carousel, $carousel.data())
+        })
+    })
+}(jQuery); +function ($) {
+    'use strict'; var Collapse = function (element, options) {
+        this.$element = $(element)
+        this.options = $.extend({}, Collapse.DEFAULTS, options)
+        this.$trigger = $(this.options.trigger).filter('[href="#' + element.id + '"], [data-target="#' + element.id + '"]')
+        this.transitioning = null
+        if (this.options.parent) { this.$parent = this.getParent() } else { this.addAriaAndCollapsedClass(this.$element, this.$trigger) }
+        if (this.options.toggle) this.toggle()
+    }
+    Collapse.VERSION = '3.3.0'
+    Collapse.TRANSITION_DURATION = 350
+    Collapse.DEFAULTS = { toggle: true, trigger: '[data-toggle="collapse"]' }
+    Collapse.prototype.dimension = function () {
+        var hasWidth = this.$element.hasClass('width')
+        return hasWidth ? 'width' : 'height'
+    }
+    Collapse.prototype.show = function () {
+        if (this.transitioning || this.$element.hasClass('in')) return
+        var activesData
+        var actives = this.$parent && this.$parent.find('> .panel').children('.in, .collapsing')
+        if (actives && actives.length) {
+            activesData = actives.data('bs.collapse')
+            if (activesData && activesData.transitioning) return
+        }
+        var startEvent = $.Event('show.bs.collapse')
+        this.$element.trigger(startEvent)
+        if (startEvent.isDefaultPrevented()) return
+        if (actives && actives.length) {
+            Plugin.call(actives, 'hide')
+            activesData || actives.data('bs.collapse', null)
+        }
+        var dimension = this.dimension()
+        this.$element.removeClass('collapse').addClass('collapsing')[dimension](0).attr('aria-expanded', true)
+        this.$trigger.removeClass('collapsed').attr('aria-expanded', true)
+        this.transitioning = 1
+        var complete = function () {
+            this.$element.removeClass('collapsing').addClass('collapse in')[dimension]('')
+            this.transitioning = 0
+            this.$element.trigger('shown.bs.collapse')
+        }
+        if (!$.support.transition) return complete.call(this)
+        var scrollSize = $.camelCase(['scroll', dimension].join('-'))
+        this.$element.one('bsTransitionEnd', $.proxy(complete, this)).emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize])
+    }
+    Collapse.prototype.hide = function () {
+        if (this.transitioning || !this.$element.hasClass('in')) return
+        var startEvent = $.Event('hide.bs.collapse')
+        this.$element.trigger(startEvent)
+        if (startEvent.isDefaultPrevented()) return
+        var dimension = this.dimension()
+        this.$element[dimension](this.$element[dimension]())[0].offsetHeight
+        this.$element.addClass('collapsing').removeClass('collapse in').attr('aria-expanded', false)
+        this.$trigger.addClass('collapsed').attr('aria-expanded', false)
+        this.transitioning = 1
+        var complete = function () {
+            this.transitioning = 0
+            this.$element.removeClass('collapsing').addClass('collapse').trigger('hidden.bs.collapse')
+        }
+        if (!$.support.transition) return complete.call(this)
+        this.$element
+        [dimension](0).one('bsTransitionEnd', $.proxy(complete, this)).emulateTransitionEnd(Collapse.TRANSITION_DURATION)
+    }
+    Collapse.prototype.toggle = function () { this[this.$element.hasClass('in') ? 'hide' : 'show']() }
+    Collapse.prototype.getParent = function () {
+        return $(this.options.parent).find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]').each($.proxy(function (i, element) {
+            var $element = $(element)
+            this.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element)
+        }, this)).end()
+    }
+    Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) {
+        var isOpen = $element.hasClass('in')
+        $element.attr('aria-expanded', isOpen)
+        $trigger.toggleClass('collapsed', !isOpen).attr('aria-expanded', isOpen)
+    }
+    function getTargetFromTrigger($trigger) {
+        var href
+        var target = $trigger.attr('data-target') || (href = $trigger.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')
+        return $(target)
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.collapse')
+            var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option)
+            if (!data && options.toggle && option == 'show') options.toggle = false
+            if (!data) $this.data('bs.collapse', (data = new Collapse(this, options)))
+            if (typeof option == 'string') data[option]()
+        })
+    }
+    var old = $.fn.collapse
+    $.fn.collapse = Plugin
+    $.fn.collapse.Constructor = Collapse
+    $.fn.collapse.noConflict = function () {
+        $.fn.collapse = old
+        return this
+    }
+    $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) {
+        var $this = $(this)
+        if (!$this.attr('data-target')) e.preventDefault()
+        var $target = getTargetFromTrigger($this)
+        var data = $target.data('bs.collapse')
+        var option = data ? 'toggle' : $.extend({}, $this.data(), { trigger: this })
+        Plugin.call($target, option)
+    })
+}(jQuery); +function ($) {
+    'use strict'; var backdrop = '.dropdown-backdrop'
+    var toggle = '[data-toggle="dropdown"]'
+    var Dropdown = function (element) { $(element).on('click.bs.dropdown', this.toggle) }
+    Dropdown.VERSION = '3.3.0'
+    Dropdown.prototype.toggle = function (e) {
+        var $this = $(this)
+        if ($this.is('.disabled, :disabled')) return
+        var $parent = getParent($this)
+        var isActive = $parent.hasClass('open')
+        clearMenus()
+        if (!isActive) {
+            if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { $('<div class="dropdown-backdrop"/>').insertAfter($(this)).on('click', clearMenus) }
+            var relatedTarget = { relatedTarget: this }
+            $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget))
+            if (e.isDefaultPrevented()) return
+            $this.trigger('focus').attr('aria-expanded', 'true')
+            $parent.toggleClass('open').trigger('shown.bs.dropdown', relatedTarget)
+        }
+        return false
+    }
+    Dropdown.prototype.keydown = function (e) {
+        if (!/(38|40|27|32)/.test(e.which)) return
+        var $this = $(this)
+        e.preventDefault()
+        e.stopPropagation()
+        if ($this.is('.disabled, :disabled')) return
+        var $parent = getParent($this)
+        var isActive = $parent.hasClass('open')
+        if ((!isActive && e.which != 27) || (isActive && e.which == 27)) {
+            if (e.which == 27) $parent.find(toggle).trigger('focus')
+            return $this.trigger('click')
+        }
+        var desc = ' li:not(.divider):visible a'
+        var $items = $parent.find('[role="menu"]' + desc + ', [role="listbox"]' + desc)
+        if (!$items.length) return
+        var index = $items.index(e.target)
+        if (e.which == 38 && index > 0) index--
+        if (e.which == 40 && index < $items.length - 1) index++
+        if (!~index) index = 0
+        $items.eq(index).trigger('focus')
+    }
+    function clearMenus(e) {
+        if (e && e.which === 3) return
+        $(backdrop).remove()
+        $(toggle).each(function () {
+            var $this = $(this)
+            var $parent = getParent($this)
+            var relatedTarget = { relatedTarget: this }
+            if (!$parent.hasClass('open')) return
+            $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget))
+            if (e.isDefaultPrevented()) return
+            $this.attr('aria-expanded', 'false')
+            $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget)
+        })
+    }
+    function getParent($this) {
+        var selector = $this.attr('data-target')
+        if (!selector) {
+            selector = $this.attr('href')
+            selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '')
+        }
+        var $parent = selector && $(selector)
+        return $parent && $parent.length ? $parent : $this.parent()
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.dropdown')
+            if (!data) $this.data('bs.dropdown', (data = new Dropdown(this)))
+            if (typeof option == 'string') data[option].call($this)
+        })
+    }
+    var old = $.fn.dropdown
+    $.fn.dropdown = Plugin
+    $.fn.dropdown.Constructor = Dropdown
+    $.fn.dropdown.noConflict = function () {
+        $.fn.dropdown = old
+        return this
+    }
+    $(document).on('click.bs.dropdown.data-api', clearMenus).on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }).on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle).on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown).on('keydown.bs.dropdown.data-api', '[role="menu"]', Dropdown.prototype.keydown).on('keydown.bs.dropdown.data-api', '[role="listbox"]', Dropdown.prototype.keydown)
+}(jQuery); +function ($) {
+    'use strict'; var Modal = function (element, options) {
+        this.options = options
+        this.$body = $(document.body)
+        this.$element = $(element)
+        this.$backdrop = this.isShown = null
+        this.scrollbarWidth = 0
+        if (this.options.remote) { this.$element.find('.modal-content').load(this.options.remote, $.proxy(function () { this.$element.trigger('loaded.bs.modal') }, this)) }
+    }
+    Modal.VERSION = '3.3.0'
+    Modal.TRANSITION_DURATION = 300
+    Modal.BACKDROP_TRANSITION_DURATION = 150
+    Modal.DEFAULTS = { backdrop: true, keyboard: true, show: true }
+    Modal.prototype.toggle = function (_relatedTarget) { return this.isShown ? this.hide() : this.show(_relatedTarget) }
+    Modal.prototype.show = function (_relatedTarget) {
+        var that = this
+        var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget })
+        this.$element.trigger(e)
+        if (this.isShown || e.isDefaultPrevented()) return
+        this.isShown = true
+        this.checkScrollbar()
+        this.$body.addClass('modal-open')
+        this.setScrollbar()
+        this.escape()
+        this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this))
+        this.backdrop(function () {
+            var transition = $.support.transition && that.$element.hasClass('fade')
+            if (!that.$element.parent().length) { that.$element.appendTo(that.$body) }
+            that.$element.show().scrollTop(0)
+            if (transition) { that.$element[0].offsetWidth }
+            that.$element.addClass('in').attr('aria-hidden', false)
+            that.enforceFocus()
+            var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget })
+            transition ? that.$element.find('.modal-dialog').one('bsTransitionEnd', function () { that.$element.trigger('focus').trigger(e) }).emulateTransitionEnd(Modal.TRANSITION_DURATION) : that.$element.trigger('focus').trigger(e)
+        })
+    }
+    Modal.prototype.hide = function (e) {
+        if (e) e.preventDefault()
+        e = $.Event('hide.bs.modal')
+        this.$element.trigger(e)
+        if (!this.isShown || e.isDefaultPrevented()) return
+        this.isShown = false
+        this.escape()
+        $(document).off('focusin.bs.modal')
+        this.$element.removeClass('in').attr('aria-hidden', true).off('click.dismiss.bs.modal')
+        $.support.transition && this.$element.hasClass('fade') ? this.$element.one('bsTransitionEnd', $.proxy(this.hideModal, this)).emulateTransitionEnd(Modal.TRANSITION_DURATION) : this.hideModal()
+    }
+    Modal.prototype.enforceFocus = function () { $(document).off('focusin.bs.modal').on('focusin.bs.modal', $.proxy(function (e) { if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { this.$element.trigger('focus') } }, this)) }
+    Modal.prototype.escape = function () { if (this.isShown && this.options.keyboard) { this.$element.on('keydown.dismiss.bs.modal', $.proxy(function (e) { e.which == 27 && this.hide() }, this)) } else if (!this.isShown) { this.$element.off('keydown.dismiss.bs.modal') } }
+    Modal.prototype.hideModal = function () {
+        var that = this
+        this.$element.hide()
+        this.backdrop(function () {
+            that.$body.removeClass('modal-open')
+            that.resetScrollbar()
+            that.$element.trigger('hidden.bs.modal')
+        })
+    }
+    Modal.prototype.removeBackdrop = function () {
+        this.$backdrop && this.$backdrop.remove()
+        this.$backdrop = null
+    }
+    Modal.prototype.backdrop = function (callback) {
+        var that = this
+        var animate = this.$element.hasClass('fade') ? 'fade' : ''
+        if (this.isShown && this.options.backdrop) {
+            var doAnimate = $.support.transition && animate
+            this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />').prependTo(this.$element).on('click.dismiss.bs.modal', $.proxy(function (e) {
+                if (e.target !== e.currentTarget) return
+                this.options.backdrop == 'static' ? this.$element[0].focus.call(this.$element[0]) : this.hide.call(this)
+            }, this))
+            if (doAnimate) this.$backdrop[0].offsetWidth
+            this.$backdrop.addClass('in')
+            if (!callback) return
+            doAnimate ? this.$backdrop.one('bsTransitionEnd', callback).emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : callback()
+        } else if (!this.isShown && this.$backdrop) {
+            this.$backdrop.removeClass('in')
+            var callbackRemove = function () {
+                that.removeBackdrop()
+                callback && callback()
+            }
+            $.support.transition && this.$element.hasClass('fade') ? this.$backdrop.one('bsTransitionEnd', callbackRemove).emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : callbackRemove()
+        } else if (callback) { callback() }
+    }
+    Modal.prototype.checkScrollbar = function () { this.scrollbarWidth = this.measureScrollbar() }
+    Modal.prototype.setScrollbar = function () {
+        var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10)
+        if (this.scrollbarWidth) this.$body.css('padding-right', bodyPad + this.scrollbarWidth)
+    }
+    Modal.prototype.resetScrollbar = function () { this.$body.css('padding-right', '') }
+    Modal.prototype.measureScrollbar = function () {
+        if (document.body.clientWidth >= window.innerWidth) return 0
+        var scrollDiv = document.createElement('div')
+        scrollDiv.className = 'modal-scrollbar-measure'
+        this.$body.append(scrollDiv)
+        var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth
+        this.$body[0].removeChild(scrollDiv)
+        return scrollbarWidth
+    }
+    function Plugin(option, _relatedTarget) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.modal')
+            var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option)
+            if (!data) $this.data('bs.modal', (data = new Modal(this, options)))
+            if (typeof option == 'string') data[option](_relatedTarget)
+            else if (options.show) data.show(_relatedTarget)
+        })
+    }
+    var old = $.fn.modal
+    $.fn.modal = Plugin
+    $.fn.modal.Constructor = Modal
+    $.fn.modal.noConflict = function () {
+        $.fn.modal = old
+        return this
+    }
+    $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) {
+        var $this = $(this)
+        var href = $this.attr('href')
+        var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, '')))
+        var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data())
+        if ($this.is('a')) e.preventDefault()
+        $target.one('show.bs.modal', function (showEvent) {
+            if (showEvent.isDefaultPrevented()) return
+            $target.one('hidden.bs.modal', function () { $this.is(':visible') && $this.trigger('focus') })
+        })
+        Plugin.call($target, option, this)
+    })
+}(jQuery); +function ($) {
+    'use strict'; var Tooltip = function (element, options) {
+        this.type = this.options = this.enabled = this.timeout = this.hoverState = this.$element = null
+        this.init('tooltip', element, options)
+    }
+    Tooltip.VERSION = '3.3.0'
+    Tooltip.TRANSITION_DURATION = 150
+    Tooltip.DEFAULTS = { animation: true, placement: 'top', selector: false, template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>', trigger: 'hover focus', title: '', delay: 0, html: false, container: false, viewport: { selector: 'body', padding: 0 } }
+    Tooltip.prototype.init = function (type, element, options) {
+        this.enabled = true
+        this.type = type
+        this.$element = $(element)
+        this.options = this.getOptions(options)
+        this.$viewport = this.options.viewport && $(this.options.viewport.selector || this.options.viewport)
+        var triggers = this.options.trigger.split(' ')
+        for (var i = triggers.length; i--;) {
+            var trigger = triggers[i]
+            if (trigger == 'click') { this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) } else if (trigger != 'manual') {
+                var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin'
+                var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout'
+                this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
+                this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
+            }
+        }
+        this.options.selector ? (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : this.fixTitle()
+    }
+    Tooltip.prototype.getDefaults = function () { return Tooltip.DEFAULTS }
+    Tooltip.prototype.getOptions = function (options) {
+        options = $.extend({}, this.getDefaults(), this.$element.data(), options)
+        if (options.delay && typeof options.delay == 'number') { options.delay = { show: options.delay, hide: options.delay } }
+        return options
+    }
+    Tooltip.prototype.getDelegateOptions = function () {
+        var options = {}
+        var defaults = this.getDefaults()
+        this._options && $.each(this._options, function (key, value) { if (defaults[key] != value) options[key] = value })
+        return options
+    }
+    Tooltip.prototype.enter = function (obj) {
+        var self = obj instanceof this.constructor ? obj : $(obj.currentTarget).data('bs.' + this.type)
+        if (self && self.$tip && self.$tip.is(':visible')) {
+            self.hoverState = 'in'
+            return
+        }
+        if (!self) {
+            self = new this.constructor(obj.currentTarget, this.getDelegateOptions())
+            $(obj.currentTarget).data('bs.' + this.type, self)
+        }
+        clearTimeout(self.timeout)
+        self.hoverState = 'in'
+        if (!self.options.delay || !self.options.delay.show) return self.show()
+        self.timeout = setTimeout(function () { if (self.hoverState == 'in') self.show() }, self.options.delay.show)
+    }
+    Tooltip.prototype.leave = function (obj) {
+        var self = obj instanceof this.constructor ? obj : $(obj.currentTarget).data('bs.' + this.type)
+        if (!self) {
+            self = new this.constructor(obj.currentTarget, this.getDelegateOptions())
+            $(obj.currentTarget).data('bs.' + this.type, self)
+        }
+        clearTimeout(self.timeout)
+        self.hoverState = 'out'
+        if (!self.options.delay || !self.options.delay.hide) return self.hide()
+        self.timeout = setTimeout(function () { if (self.hoverState == 'out') self.hide() }, self.options.delay.hide)
+    }
+    Tooltip.prototype.show = function () {
+        var e = $.Event('show.bs.' + this.type)
+        if (this.hasContent() && this.enabled) {
+            this.$element.trigger(e)
+            var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0])
+            if (e.isDefaultPrevented() || !inDom) return
+            var that = this
+            var $tip = this.tip()
+            var tipId = this.getUID(this.type)
+            this.setContent()
+            $tip.attr('id', tipId)
+            this.$element.attr('aria-describedby', tipId)
+            if (this.options.animation) $tip.addClass('fade')
+            var placement = typeof this.options.placement == 'function' ? this.options.placement.call(this, $tip[0], this.$element[0]) : this.options.placement
+            var autoToken = /\s?auto?\s?/i
+            var autoPlace = autoToken.test(placement)
+            if (autoPlace) placement = placement.replace(autoToken, '') || 'top'
+            $tip.detach().css({ top: 0, left: 0, display: 'block' }).addClass(placement).data('bs.' + this.type, this)
+            this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)
+            var pos = this.getPosition()
+            var actualWidth = $tip[0].offsetWidth
+            var actualHeight = $tip[0].offsetHeight
+            if (autoPlace) {
+                var orgPlacement = placement
+                var $container = this.options.container ? $(this.options.container) : this.$element.parent()
+                var containerDim = this.getPosition($container)
+                placement = placement == 'bottom' && pos.bottom + actualHeight > containerDim.bottom ? 'top' : placement == 'top' && pos.top - actualHeight < containerDim.top ? 'bottom' : placement == 'right' && pos.right + actualWidth > containerDim.width ? 'left' : placement == 'left' && pos.left - actualWidth < containerDim.left ? 'right' : placement
+                $tip.removeClass(orgPlacement).addClass(placement)
+            }
+            var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight)
+            this.applyPlacement(calculatedOffset, placement)
+            var complete = function () {
+                var prevHoverState = that.hoverState
+                that.$element.trigger('shown.bs.' + that.type)
+                that.hoverState = null
+                if (prevHoverState == 'out') that.leave(that)
+            }
+            $.support.transition && this.$tip.hasClass('fade') ? $tip.one('bsTransitionEnd', complete).emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : complete()
+        }
+    }
+    Tooltip.prototype.applyPlacement = function (offset, placement) {
+        var $tip = this.tip()
+        var width = $tip[0].offsetWidth
+        var height = $tip[0].offsetHeight
+        var marginTop = parseInt($tip.css('margin-top'), 10)
+        var marginLeft = parseInt($tip.css('margin-left'), 10)
+        if (isNaN(marginTop)) marginTop = 0
+        if (isNaN(marginLeft)) marginLeft = 0
+        offset.top = offset.top + marginTop
+        offset.left = offset.left + marginLeft
+        $.offset.setOffset($tip[0], $.extend({ using: function (props) { $tip.css({ top: Math.round(props.top), left: Math.round(props.left) }) } }, offset), 0)
+        $tip.addClass('in')
+        var actualWidth = $tip[0].offsetWidth
+        var actualHeight = $tip[0].offsetHeight
+        if (placement == 'top' && actualHeight != height) { offset.top = offset.top + height - actualHeight }
+        var delta = this.getViewportAdjustedDelta(placement, offset, actualWidth, actualHeight)
+        if (delta.left) offset.left += delta.left
+        else offset.top += delta.top
+        var isVertical = /top|bottom/.test(placement)
+        var arrowDelta = isVertical ? delta.left * 2 - width + actualWidth : delta.top * 2 - height + actualHeight
+        var arrowOffsetPosition = isVertical ? 'offsetWidth' : 'offsetHeight'
+        $tip.offset(offset)
+        this.replaceArrow(arrowDelta, $tip[0][arrowOffsetPosition], isVertical)
+    }
+    Tooltip.prototype.replaceArrow = function (delta, dimension, isHorizontal) { this.arrow().css(isHorizontal ? 'left' : 'top', 50 * (1 - delta / dimension) + '%').css(isHorizontal ? 'top' : 'left', '') }
+    Tooltip.prototype.setContent = function () {
+        var $tip = this.tip()
+        var title = this.getTitle()
+        $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
+        $tip.removeClass('fade in top bottom left right')
+    }
+    Tooltip.prototype.hide = function (callback) {
+        var that = this
+        var $tip = this.tip()
+        var e = $.Event('hide.bs.' + this.type)
+        function complete() {
+            if (that.hoverState != 'in') $tip.detach()
+            that.$element.removeAttr('aria-describedby').trigger('hidden.bs.' + that.type)
+            callback && callback()
+        }
+        this.$element.trigger(e)
+        if (e.isDefaultPrevented()) return
+        $tip.removeClass('in')
+        $.support.transition && this.$tip.hasClass('fade') ? $tip.one('bsTransitionEnd', complete).emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : complete()
+        this.hoverState = null
+        return this
+    }
+    Tooltip.prototype.fixTitle = function () {
+        var $e = this.$element
+        if ($e.attr('title') || typeof ($e.attr('data-original-title')) != 'string') { $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') }
+    }
+    Tooltip.prototype.hasContent = function () { return this.getTitle() }
+    Tooltip.prototype.getPosition = function ($element) {
+        $element = $element || this.$element
+        var el = $element[0]
+        var isBody = el.tagName == 'BODY'
+        var elRect = el.getBoundingClientRect()
+        if (elRect.width == null) { elRect = $.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top }) }
+        var elOffset = isBody ? { top: 0, left: 0 } : $element.offset()
+        var scroll = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop() }
+        var outerDims = isBody ? { width: $(window).width(), height: $(window).height() } : null
+        return $.extend({}, elRect, scroll, outerDims, elOffset)
+    }
+    Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) { return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } : placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } : placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } : { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width } }
+    Tooltip.prototype.getViewportAdjustedDelta = function (placement, pos, actualWidth, actualHeight) {
+        var delta = { top: 0, left: 0 }
+        if (!this.$viewport) return delta
+        var viewportPadding = this.options.viewport && this.options.viewport.padding || 0
+        var viewportDimensions = this.getPosition(this.$viewport)
+        if (/right|left/.test(placement)) {
+            var topEdgeOffset = pos.top - viewportPadding - viewportDimensions.scroll
+            var bottomEdgeOffset = pos.top + viewportPadding - viewportDimensions.scroll + actualHeight
+            if (topEdgeOffset < viewportDimensions.top) { delta.top = viewportDimensions.top - topEdgeOffset } else if (bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height) { delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset }
+        } else {
+            var leftEdgeOffset = pos.left - viewportPadding
+            var rightEdgeOffset = pos.left + viewportPadding + actualWidth
+            if (leftEdgeOffset < viewportDimensions.left) { delta.left = viewportDimensions.left - leftEdgeOffset } else if (rightEdgeOffset > viewportDimensions.width) { delta.left = viewportDimensions.left + viewportDimensions.width - rightEdgeOffset }
+        }
+        return delta
+    }
+    Tooltip.prototype.getTitle = function () {
+        var title
+        var $e = this.$element
+        var o = this.options
+        title = $e.attr('data-original-title') || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
+        return title
+    }
+    Tooltip.prototype.getUID = function (prefix) {
+        do prefix += ~~(Math.random() * 1000000)
+        while (document.getElementById(prefix))
+        return prefix
+    }
+    Tooltip.prototype.tip = function () { return (this.$tip = this.$tip || $(this.options.template)) }
+    Tooltip.prototype.arrow = function () { return (this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')) }
+    Tooltip.prototype.enable = function () { this.enabled = true }
+    Tooltip.prototype.disable = function () { this.enabled = false }
+    Tooltip.prototype.toggleEnabled = function () { this.enabled = !this.enabled }
+    Tooltip.prototype.toggle = function (e) {
+        var self = this
+        if (e) {
+            self = $(e.currentTarget).data('bs.' + this.type)
+            if (!self) {
+                self = new this.constructor(e.currentTarget, this.getDelegateOptions())
+                $(e.currentTarget).data('bs.' + this.type, self)
+            }
+        }
+        self.tip().hasClass('in') ? self.leave(self) : self.enter(self)
+    }
+    Tooltip.prototype.destroy = function () {
+        var that = this
+        clearTimeout(this.timeout)
+        this.hide(function () { that.$element.off('.' + that.type).removeData('bs.' + that.type) })
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.tooltip')
+            var options = typeof option == 'object' && option
+            var selector = options && options.selector
+            if (!data && option == 'destroy') return
+            if (selector) {
+                if (!data) $this.data('bs.tooltip', (data = {}))
+                if (!data[selector]) data[selector] = new Tooltip(this, options)
+            } else { if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))) }
+            if (typeof option == 'string') data[option]()
+        })
+    }
+    var old = $.fn.tooltip
+    $.fn.tooltip = Plugin
+    $.fn.tooltip.Constructor = Tooltip
+    $.fn.tooltip.noConflict = function () {
+        $.fn.tooltip = old
+        return this
+    }
+}(jQuery); +function ($) {
+    'use strict'; var Popover = function (element, options) { this.init('popover', element, options) }
+    if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js')
+    Popover.VERSION = '3.3.0'
+    Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, { placement: 'right', trigger: 'click', content: '', template: '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>' })
+    Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype)
+    Popover.prototype.constructor = Popover
+    Popover.prototype.getDefaults = function () { return Popover.DEFAULTS }
+    Popover.prototype.setContent = function () {
+        var $tip = this.tip()
+        var title = this.getTitle()
+        var content = this.getContent()
+        $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
+        $tip.find('.popover-content').children().detach().end()[this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text'](content)
+        $tip.removeClass('fade top bottom left right in')
+        if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide()
+    }
+    Popover.prototype.hasContent = function () { return this.getTitle() || this.getContent() }
+    Popover.prototype.getContent = function () {
+        var $e = this.$element
+        var o = this.options
+        return $e.attr('data-content') || (typeof o.content == 'function' ? o.content.call($e[0]) : o.content)
+    }
+    Popover.prototype.arrow = function () { return (this.$arrow = this.$arrow || this.tip().find('.arrow')) }
+    Popover.prototype.tip = function () {
+        if (!this.$tip) this.$tip = $(this.options.template)
+        return this.$tip
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.popover')
+            var options = typeof option == 'object' && option
+            var selector = options && options.selector
+            if (!data && option == 'destroy') return
+            if (selector) {
+                if (!data) $this.data('bs.popover', (data = {}))
+                if (!data[selector]) data[selector] = new Popover(this, options)
+            } else { if (!data) $this.data('bs.popover', (data = new Popover(this, options))) }
+            if (typeof option == 'string') data[option]()
+        })
+    }
+    var old = $.fn.popover
+    $.fn.popover = Plugin
+    $.fn.popover.Constructor = Popover
+    $.fn.popover.noConflict = function () {
+        $.fn.popover = old
+        return this
+    }
+}(jQuery); +function ($) {
+    'use strict'; function ScrollSpy(element, options) {
+        var process = $.proxy(this.process, this)
+        this.$body = $('body')
+        this.$scrollElement = $(element).is('body') ? $(window) : $(element)
+        this.options = $.extend({}, ScrollSpy.DEFAULTS, options)
+        this.selector = (this.options.target || '') + ' .nav li > a'
+        this.offsets = []
+        this.targets = []
+        this.activeTarget = null
+        this.scrollHeight = 0
+        this.$scrollElement.on('scroll.bs.scrollspy', process)
+        this.refresh()
+        this.process()
+    }
+    ScrollSpy.VERSION = '3.3.0'
+    ScrollSpy.DEFAULTS = { offset: 10 }
+    ScrollSpy.prototype.getScrollHeight = function () { return this.$scrollElement[0].scrollHeight || Math.max(this.$body[0].scrollHeight, document.documentElement.scrollHeight) }
+    ScrollSpy.prototype.refresh = function () {
+        var offsetMethod = 'offset'
+        var offsetBase = 0
+        if (!$.isWindow(this.$scrollElement[0])) {
+            offsetMethod = 'position'
+            offsetBase = this.$scrollElement.scrollTop()
+        }
+        this.offsets = []
+        this.targets = []
+        this.scrollHeight = this.getScrollHeight()
+        var self = this
+        this.$body.find(this.selector).map(function () {
+            var $el = $(this)
+            var href = $el.data('target') || $el.attr('href')
+            var $href = /^#./.test(href) && $(href)
+            return ($href && $href.length && $href.is(':visible') && [[$href[offsetMethod]().top + offsetBase, href]]) || null
+        }).sort(function (a, b) { return a[0] - b[0] }).each(function () {
+            self.offsets.push(this[0])
+            self.targets.push(this[1])
+        })
+    }
+    ScrollSpy.prototype.process = function () {
+        var scrollTop = this.$scrollElement.scrollTop() + this.options.offset
+        var scrollHeight = this.getScrollHeight()
+        var maxScroll = this.options.offset + scrollHeight - this.$scrollElement.height()
+        var offsets = this.offsets
+        var targets = this.targets
+        var activeTarget = this.activeTarget
+        var i
+        if (this.scrollHeight != scrollHeight) { this.refresh() }
+        if (scrollTop >= maxScroll) { return activeTarget != (i = targets[targets.length - 1]) && this.activate(i) }
+        if (activeTarget && scrollTop < offsets[0]) {
+            this.activeTarget = null
+            return this.clear()
+        }
+        for (i = offsets.length; i--;) { activeTarget != targets[i] && scrollTop >= offsets[i] && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) && this.activate(targets[i]) }
+    }
+    ScrollSpy.prototype.activate = function (target) {
+        this.activeTarget = target
+        this.clear()
+        var selector = this.selector +
+            '[data-target="' + target + '"],' +
+            this.selector + '[href="' + target + '"]'
+        var active = $(selector).parents('li').addClass('active')
+        if (active.parent('.dropdown-menu').length) { active = active.closest('li.dropdown').addClass('active') }
+        active.trigger('activate.bs.scrollspy')
+    }
+    ScrollSpy.prototype.clear = function () { $(this.selector).parentsUntil(this.options.target, '.active').removeClass('active') }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.scrollspy')
+            var options = typeof option == 'object' && option
+            if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options)))
+            if (typeof option == 'string') data[option]()
+        })
+    }
+    var old = $.fn.scrollspy
+    $.fn.scrollspy = Plugin
+    $.fn.scrollspy.Constructor = ScrollSpy
+    $.fn.scrollspy.noConflict = function () {
+        $.fn.scrollspy = old
+        return this
+    }
+    $(window).on('load.bs.scrollspy.data-api', function () {
+        $('[data-spy="scroll"]').each(function () {
+            var $spy = $(this)
+            Plugin.call($spy, $spy.data())
+        })
+    })
+}(jQuery); +function ($) {
+    'use strict'; var Tab = function (element) { this.element = $(element) }
+    Tab.VERSION = '3.3.0'
+    Tab.TRANSITION_DURATION = 150
+    Tab.prototype.show = function () {
+        var $this = this.element
+        var $ul = $this.closest('ul:not(.dropdown-menu)')
+        var selector = $this.data('target')
+        if (!selector) {
+            selector = $this.attr('href')
+            selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '')
+        }
+        if ($this.parent('li').hasClass('active')) return
+        var $previous = $ul.find('.active:last a')
+        var hideEvent = $.Event('hide.bs.tab', { relatedTarget: $this[0] })
+        var showEvent = $.Event('show.bs.tab', { relatedTarget: $previous[0] })
+        $previous.trigger(hideEvent)
+        $this.trigger(showEvent)
+        if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return
+        var $target = $(selector)
+        this.activate($this.closest('li'), $ul)
+        this.activate($target, $target.parent(), function () {
+            $previous.trigger({ type: 'hidden.bs.tab', relatedTarget: $this[0] })
+            $this.trigger({ type: 'shown.bs.tab', relatedTarget: $previous[0] })
+        })
+    }
+    Tab.prototype.activate = function (element, container, callback) {
+        var $active = container.find('> .active')
+        var transition = callback && $.support.transition && (($active.length && $active.hasClass('fade')) || !!container.find('> .fade').length)
+        function next() {
+            $active.removeClass('active').find('> .dropdown-menu > .active').removeClass('active').end().find('[data-toggle="tab"]').attr('aria-expanded', false)
+            element.addClass('active').find('[data-toggle="tab"]').attr('aria-expanded', true)
+            if (transition) {
+                element[0].offsetWidth
+                element.addClass('in')
+            } else { element.removeClass('fade') }
+            if (element.parent('.dropdown-menu')) { element.closest('li.dropdown').addClass('active').end().find('[data-toggle="tab"]').attr('aria-expanded', true) }
+            callback && callback()
+        }
+        $active.length && transition ? $active.one('bsTransitionEnd', next).emulateTransitionEnd(Tab.TRANSITION_DURATION) : next()
+        $active.removeClass('in')
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.tab')
+            if (!data) $this.data('bs.tab', (data = new Tab(this)))
+            if (typeof option == 'string') data[option]()
+        })
+    }
+    var old = $.fn.tab
+    $.fn.tab = Plugin
+    $.fn.tab.Constructor = Tab
+    $.fn.tab.noConflict = function () {
+        $.fn.tab = old
+        return this
+    }
+    var clickHandler = function (e) {
+        e.preventDefault()
+        Plugin.call($(this), 'show')
+    }
+    $(document).on('click.bs.tab.data-api', '[data-toggle="tab"]', clickHandler).on('click.bs.tab.data-api', '[data-toggle="pill"]', clickHandler)
+}(jQuery); +function ($) {
+    'use strict'; var Affix = function (element, options) {
+        this.options = $.extend({}, Affix.DEFAULTS, options)
+        this.$target = $(this.options.target).on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)).on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this))
+        this.$element = $(element)
+        this.affixed = this.unpin = this.pinnedOffset = null
+        this.checkPosition()
+    }
+    Affix.VERSION = '3.3.0'
+    Affix.RESET = 'affix affix-top affix-bottom'
+    Affix.DEFAULTS = { offset: 0, target: window }
+    Affix.prototype.getState = function (scrollHeight, height, offsetTop, offsetBottom) {
+        var scrollTop = this.$target.scrollTop()
+        var position = this.$element.offset()
+        var targetHeight = this.$target.height()
+        if (offsetTop != null && this.affixed == 'top') return scrollTop < offsetTop ? 'top' : false
+        if (this.affixed == 'bottom') {
+            if (offsetTop != null) return (scrollTop + this.unpin <= position.top) ? false : 'bottom'
+            return (scrollTop + targetHeight <= scrollHeight - offsetBottom) ? false : 'bottom'
+        }
+        var initializing = this.affixed == null
+        var colliderTop = initializing ? scrollTop : position.top
+        var colliderHeight = initializing ? targetHeight : height
+        if (offsetTop != null && colliderTop <= offsetTop) return 'top'
+        if (offsetBottom != null && (colliderTop + colliderHeight >= scrollHeight - offsetBottom)) return 'bottom'
+        return false
+    }
+    Affix.prototype.getPinnedOffset = function () {
+        if (this.pinnedOffset) return this.pinnedOffset
+        this.$element.removeClass(Affix.RESET).addClass('affix')
+        var scrollTop = this.$target.scrollTop()
+        var position = this.$element.offset()
+        return (this.pinnedOffset = position.top - scrollTop)
+    }
+    Affix.prototype.checkPositionWithEventLoop = function () { setTimeout($.proxy(this.checkPosition, this), 1) }
+    Affix.prototype.checkPosition = function () {
+        if (!this.$element.is(':visible')) return
+        var height = this.$element.height()
+        var offset = this.options.offset
+        var offsetTop = offset.top
+        var offsetBottom = offset.bottom
+        var scrollHeight = $('body').height()
+        if (typeof offset != 'object') offsetBottom = offsetTop = offset
+        if (typeof offsetTop == 'function') offsetTop = offset.top(this.$element)
+        if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element)
+        var affix = this.getState(scrollHeight, height, offsetTop, offsetBottom)
+        if (this.affixed != affix) {
+            if (this.unpin != null) this.$element.css('top', '')
+            var affixType = 'affix' + (affix ? '-' + affix : '')
+            var e = $.Event(affixType + '.bs.affix')
+            this.$element.trigger(e)
+            if (e.isDefaultPrevented()) return
+            this.affixed = affix
+            this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null
+            this.$element.removeClass(Affix.RESET).addClass(affixType).trigger(affixType.replace('affix', 'affixed') + '.bs.affix')
+        }
+        if (affix == 'bottom') { this.$element.offset({ top: scrollHeight - height - offsetBottom }) }
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.affix')
+            var options = typeof option == 'object' && option
+            if (!data) $this.data('bs.affix', (data = new Affix(this, options)))
+            if (typeof option == 'string') data[option]()
+        })
+    }
+    var old = $.fn.affix
+    $.fn.affix = Plugin
+    $.fn.affix.Constructor = Affix
+    $.fn.affix.noConflict = function () {
+        $.fn.affix = old
+        return this
+    }
+    $(window).on('load', function () {
+        $('[data-spy="affix"]').each(function () {
+            var $spy = $(this)
+            var data = $spy.data()
+            data.offset = data.offset || {}
+            if (data.offsetBottom != null) data.offset.bottom = data.offsetBottom
+            if (data.offsetTop != null) data.offset.top = data.offsetTop
+            Plugin.call($spy, data)
+        })
+    })
+}(jQuery);

frontend/js/jquery.appear.js

@@ -0,0 +1,25 @@
+(function ($) {
+    var selectors = []; var check_binded = false; var check_lock = false; var defaults = { interval: 250, force_process: false }
+    var $window = $(window); var $prior_appeared; function process() {
+        check_lock = false; for (var index = 0; index < selectors.length; index++) {
+            var $appeared = $(selectors[index]).filter(function () { return $(this).is(':appeared'); }); $appeared.trigger('appear', [$appeared]); if ($prior_appeared) { var $disappeared = $prior_appeared.not($appeared); $disappeared.trigger('disappear', [$disappeared]); }
+            $prior_appeared = $appeared;
+        }
+    }
+    $.expr[':']['appeared'] = function (element) {
+        var $element = $(element); if (!$element.is(':visible')) { return false; }
+        var window_left = $window.scrollLeft(); var window_top = $window.scrollTop(); var offset = $element.offset(); var left = offset.left; var top = offset.top; if (top + $element.height() >= window_top && top - ($element.data('appear-top-offset') || 0) <= window_top + $window.height() && left + $element.width() >= window_left && left - ($element.data('appear-left-offset') || 0) <= window_left + $window.width()) { return true; } else { return false; }
+    }
+    $.fn.extend({
+        appear: function (options) {
+            var opts = $.extend({}, defaults, options || {}); var selector = this.selector || this; if (!check_binded) {
+                var on_check = function () {
+                    if (check_lock) { return; }
+                    check_lock = true; setTimeout(process, opts.interval);
+                }; $(window).scroll(on_check).resize(on_check); check_binded = true;
+            }
+            if (opts.force_process) { setTimeout(process, opts.interval); }
+            selectors.push(selector); return $(selector);
+        }
+    }); $.extend({ force_appear: function () { if (check_binded) { process(); return true; }; return false; } });
+})(jQuery);

frontend/js/jquery.lightbox.min.js

@@ -0,0 +1,12 @@
+/*!
+ * jQuery Lightbox Evolution - for jQuery 1.4+
+ * http://codecanyon.net/item/jquery-lightbox-evolution/115655?ref=aeroalquimia
+ *
+ * Copyright (c) 2013, Eduardo Daniel Sada
+ * Released under CodeCanyon Regular License.
+ * http://codecanyon.net/licenses/regular
+ *
+ * Version: 1.8.0 (August 17 2013)
+*/
+
+; (function ($, A, B, C) { var D = (function (u) { return function () { return u.search(arguments[0]) } })((navigator && navigator.userAgent) ? navigator.userAgent.toLowerCase() : ""); var E = false; var F = (function () { for (var a = 3, b = B.createElement("b"), c = b.all || []; b.innerHTML = "<!--[if gt IE " + ++a + "]><i><![endif]-->", c[0];); return 4 < a ? a : B.documentMode })(); var G = (function () { var b; var a; var c = B.createElement("div"); c.innerHTML = "  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>"; b = c.getElementsByTagName("*"); a = c.getElementsByTagName("a")[0]; if (!b || !a || !b.length) { return {} } a.style.cssText = "top:1px;float:left;opacity:.5"; return { opacity: /^0.5/.test(a.style.opacity) } })(); if (D("mobile") > -1) { if (D("android") > -1 || D("googletv") > -1 || D("htc_flyer") > -1) { E = true } }; if (D("opera") > -1) { if (D("mini") > -1 && D("mobi") > -1) { E = true } }; if (D("iphone") > -1) { E = true }; if (D("windows phone os 7") > -1) { E = true }; $.extend($.easing, { easeOutBackMin: function (x, t, b, c, d, s) { if (s === C) s = 1; return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b } }); if (typeof $.fn.live === "undefined") { $.fn.live = function (a, b, c) { jQuery(this.context).on(a, this.selector, b, c); return this } } $.extend({ LightBoxObject: { defaults: { name: 'jquery-lightbox', style: { zIndex: 99999, width: 470, height: 280 }, modal: false, overlay: { opacity: 0.6 }, animation: { show: { duration: 400, easing: "easeOutBackMin" }, close: { duration: 200, easing: "easeOutBackMin" }, move: { duration: 700, easing: "easeOutBackMin" }, shake: { duration: 100, easing: "easeOutBackMin", distance: 10, loops: 2 } }, flash: { width: 640, height: 360 }, iframe: { width: 640, height: 360 }, maxsize: { width: -1, height: -1 }, preload: true, emergefrom: "top", ajax: { type: "GET", cache: false, dataType: "html" } }, options: {}, animations: {}, gallery: {}, image: {}, esqueleto: { lightbox: [], buttons: { close: [], prev: [], max: [], next: [] }, background: [], image: [], title: [], html: [] }, visible: false, maximized: false, mode: "image", videoregs: { swf: { reg: /[^\.]\.(swf)\s*$/i }, youtu: { reg: /youtu\.be\//i, split: '/', index: 3, iframe: 1, url: "https://www.youtube.com/embed/%id%?autoplay=1&amp;fs=1&amp;rel=0&amp;enablejsapi=1" }, youtube: { reg: /youtube\.com\/watch/i, split: '=', index: 1, iframe: 1, url: "https://www.youtube.com/embed/%id%?autoplay=1&amp;fs=1&amp;rel=0&amp;enablejsapi=1" }, vimeo: { reg: /vimeo\.com/i, split: '/', index: 3, iframe: 1, url: "http://player.vimeo.com/video/%id%?hd=1&amp;autoplay=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" }, metacafe: { reg: /metacafe\.com\/watch/i, split: '/', index: 4, url: "http://www.metacafe.com/fplayer/%id%/.swf?playerVars=autoPlay=yes" }, dailymotion: { reg: /dailymotion\.com\/video/i, split: '/', index: 4, iframe: true, url: "http://www.dailymotion.com/embed/video/%id%?autoPlay=1&forcedQuality=hd720" }, collegehumornew: { reg: /collegehumor\.com\/video\//i, split: 'video/', index: 1, iframe: true, url: "http://www.collegehumor.com/e/%id%" }, collegehumor: { reg: /collegehumor\.com\/video:/i, split: 'video:', index: 1, url: "http://www.collegehumor.com/moogaloop/moogaloop.swf?autoplay=true&amp;fullscreen=1&amp;clip_id=%id%" }, ustream: { reg: /ustream\.tv/i, split: '/', index: 4, url: "http://www.ustream.tv/flash/video/%id%?loc=%2F&amp;autoplay=true&amp;vid=%id%&amp;disabledComment=true&amp;beginPercent=0.5331&amp;endPercent=0.6292&amp;locale=en_US" }, twitvid: { reg: /twitvid\.com/i, split: '/', index: 3, url: "http://www.twitvid.com/player/%id%" }, wordpress: { reg: /v\.wordpress\.com/i, split: '/', index: 3, url: "http://s0.videopress.com/player.swf?guid=%id%&amp;v=1.01" }, vzaar: { reg: /vzaar\.com\/videos/i, split: '/', index: 4, url: "http://view.vzaar.com/%id%.flashplayer?autoplay=true&amp;border=none" }, youku: { reg: /v.youku.com\/v_show\//i, split: 'id_', index: 1, iframe: 1, url: "http://player.youku.com/embed/%id%&amp;autoplay=1" } }, mapsreg: { bing: { reg: /bing\.com\/maps/i, split: '?', index: 1, url: "http://www.bing.com/maps/embed/?emid=3ede2bc8-227d-8fec-d84a-00b6ff19b1cb&amp;w=%width%&amp;h=%height%&amp;%id%" }, streetview: { reg: /maps\.google\.(com|co.uk|ca|es)(.*)layer=c/i, split: '?', index: 1, url: "http://maps.google.com/?output=svembed&amp;%id%" }, googlev2: { reg: /maps\.google\.(com|co.uk|ca|es)\/maps\/ms/i, split: '?', index: 1, url: "http://maps.google.com/maps/ms?output=embed&amp;%id%" }, google: { reg: /maps\.google\.(com|co.uk|ca|es)/i, split: '?', index: 1, url: "http://maps.google.com/maps?%id%&amp;output=embed" } }, imgsreg: /\.(?:jpg|png|jpeg|gif|bmp|tiff)/i, overlay: { create: function (a) { this.options = a; this.element = $('<div id="' + new Date().getTime() + '" class="' + this.options.name + '-overlay"></div>'); this.element.css($.extend({}, { 'position': 'fixed', 'top': 0, 'left': 0, 'opacity': 0, 'display': 'none', 'z-index': this.options.zIndex }, this.options.style)); this.element.bind("click", $.proxy(function (e) { if (!this.options.modal && !this.hidden) { if ($.isFunction(this.options.callback)) { this.options.callback() } else { this.hide() } } e.preventDefault() }, this)); this.hidden = true; this.inject(); return this }, inject: function () { this.target = $(B.body); this.target.append(this.element) }, resize: function (x, y) { this.element.css({ 'height': 0, 'width': 0 }); if (this.shim) { this.shim.css({ 'height': 0, 'width': 0 }) }; var a = { x: $(B).width(), y: $(B).height() }; this.element.css({ 'width': '100%', 'height': y || a.y }); if (this.shim) { this.shim.css({ 'height': 0, 'width': 0 }); this.shim.css({ 'position': 'absolute', 'left': 0, 'top': 0, 'width': this.element.width(), 'height': y || a.y }) } return this }, show: function (a) { if (!this.hidden) { return this }; if (this.transition) { this.transition.stop() }; if (this.shim) { this.shim.css('display', 'block') }; this.element.css({ 'display': 'block', 'opacity': 0 }); this.resize(); this.hidden = false; this.transition = this.element.fadeTo(this.options.showDuration, this.options.style.opacity, $.proxy(function () { if (this.options.style.opacity) { this.element.css(this.options.style) }; this.element.trigger('show'); if ($.isFunction(a)) { a() } }, this)); return this }, hide: function (a) { if (this.hidden) { return this }; if (this.transition) { this.transition.stop() }; if (this.shim) { this.shim.css('display', 'none') }; this.hidden = true; this.transition = this.element.fadeTo(this.options.closeDuration, 0, $.proxy(function () { this.element.trigger('hide'); if ($.isFunction(a)) { a() }; this.element.css({ 'height': 0, 'width': 0, 'display': 'none' }) }, this)); return this } }, create: function (a) { this.options = $.extend(true, this.defaults, a); var b = this.options.name; var c = $('<div class="' + b + ' ' + b + '-mode-image"><div class="' + b + '-border-top-left"></div><div class="' + b + '-border-top-middle"></div><div class="' + b + '-border-top-right"></div><a class="' + b + '-button-close" href="#close"><span>Close</span></a><div class="' + b + '-navigator"><a class="' + b + '-button-left" href="#"><span>Previous</span></a><a class="' + b + '-button-right" href="#"><span>Next</span></a></div><div class="' + b + '-buttons"><div class="' + b + '-buttons-init"></div><a class="' + b + '-button-left" href="#"><span>Previous</span></a><a class="' + b + '-button-max" href="#"><span>Maximize</span></a><div class="' + b + '-buttons-custom"></div><a class="' + b + '-button-right" href="#"><span>Next</span></a><div class="' + b + '-buttons-end"></div></div><div class="' + b + '-background"></div><div class="' + b + '-html"></div><div class="' + b + '-border-bottom-left"></div><div class="' + b + '-border-bottom-middle"></div><div class="' + b + '-border-bottom-right"></div></div>'); var e = this.esqueleto; this.overlay.create({ name: b, style: this.options.overlay, modal: this.options.modal, zIndex: this.options.style.zIndex - 1, callback: this.proxy(this.close), showDuration: (E ? this.options.animation.show.duration / 2 : this.options.animation.show.duration), closeDuration: (E ? this.options.animation.close.duration / 2 : this.options.animation.close.duration) }); e.lightbox = c; e.navigator = $('.' + b + '-navigator', c); e.buttons.div = $('.' + b + '-buttons', c); e.buttons.close = $('.' + b + '-button-close', c); e.buttons.prev = $('.' + b + '-button-left', c); e.buttons.max = $('.' + b + '-button-max', c); e.buttons.next = $('.' + b + '-button-right', c); e.buttons.custom = $('.' + b + '-buttons-custom', c); e.background = $('.' + b + '-background', c); e.html = $('.' + b + '-html', c); e.move = $('<div class="' + b + '-move"></div>').css({ 'position': 'absolute', 'z-index': this.options.style.zIndex, 'top': -999 }).append(c); $('body').append(e.move); this.win = $(A); this.addevents(); return c }, addevents: function () { var a = this.win; a[0].onorientationchange = function () { if (this.visible) { this.overlay.resize(); if (this.move && !this.maximized) { this.movebox() } } }; a.bind('resize', this.proxy(function () { if (this.visible && !E) { this.overlay.resize(); if (this.move && !this.maximized) { this.movebox() } } })); a.bind('scroll', this.proxy(function () { if (this.visible && this.move && !this.maximized && !E) { this.movebox() } })); $(B).bind('keydown', this.proxy(function (e) { if (this.visible) { if (e.keyCode === 27 && this.options.modal === false) { this.close() } if (this.gallery.total > 1) { if (e.keyCode === 37) { this.esqueleto.buttons.prev.triggerHandler('click', e) } if (e.keyCode === 39) { this.esqueleto.buttons.next.triggerHandler('click', e) } } } })); this.esqueleto.buttons.close.bind('click touchend', { "fn": "close" }, this.proxy(this.fn)); this.esqueleto.buttons.max.bind('click touchend', { "fn": "maximinimize" }, this.proxy(this.fn)); this.overlay.element.bind('show', this.proxy(function () { $(this).triggerHandler('show') })); this.overlay.element.bind('hide', this.proxy(function () { $(this).triggerHandler('close') })) }, fn: function (e) { this[e.data.fn].apply(this); e.preventDefault() }, proxy: function (a) { return $.proxy(a, this) }, ex: function (f, g, h) { var j = { type: "", width: "", height: "", href: "" }; $.each(f, this.proxy(function (c, d) { $.each(d, this.proxy(function (i, e) { if ((c == "flash" && g.split('?')[0].match(e.reg)) || (c == "iframe" && g.match(e.reg))) { j.href = g; if (e.split) { var a = c == "flash" ? g.split(e.split)[e.index].split('?')[0].split('&')[0] : g.split(e.split)[e.index]; j.href = e.url.replace("%id%", a).replace("%width%", h.width).replace("%height%", h.height) } j.type = e.iframe ? "iframe" : c; if (h.width) { j.width = h.width; j.height = h.height } else { var b = this.calculate(this.options[j.type].width, this.options[j.type].height); j.width = b.width; j.height = b.height } return false } })); if (!!j.type) return false })); return j }, create_gallery: function (a, b) { var c = this; var d = c.esqueleto.buttons.prev; var f = c.esqueleto.buttons.next; c.gallery.total = a.length; if (a.length > 1) { d.unbind('.lightbox'); f.unbind('.lightbox'); d.bind('click.lightbox touchend.lightbox', function (e) { e.preventDefault(); a.unshift(a.pop()); c.show(a) }); f.bind('click.lightbox touchend.lightbox', function (e) { e.preventDefault(); a.push(a.shift()); c.show(a) }); if (c.esqueleto.navigator.css("display") === "none") { c.esqueleto.buttons.div.show() } d.show(); f.show(); if (this.options.preload) { if (a[1].href.match(this.imgsreg)) { (new Image()).src = a[1].href } if (a[a.length - 1].href.match(this.imgsreg)) { (new Image()).src = a[a.length - 1].href } } } else { d.hide(); f.hide() } }, custombuttons: function (c, d) { var f = this.esqueleto; f.buttons.custom.empty(); $.each(c, this.proxy(function (i, a) { var b = $('<a href="#" class="' + a['class'] + '">' + a['html'] + '</a>'); b.bind('click', this.proxy(function (e) { if ($.isFunction(a.callback)) { a.callback(this.esqueleto.image.src, this, d) } e.preventDefault() })); f.buttons.custom.append(b) })); f.buttons.div.show() }, show: function (d, f, g) { if (this.utils.isEmpty(d)) { return false } var h = d[0]; var i = ''; var j = false; var k = h.href; var l = this.esqueleto; var m = { x: this.win.width(), y: this.win.height() }; var n, height; if (d.length === 1 && h.type === "element") { i = "element" } this.loading(); j = this.visible; this.open(); if (j === false) { this.movebox() } this.create_gallery(d, f); f = $.extend(true, { 'width': 0, 'height': 0, 'modal': 0, 'force': '', 'autoresize': true, 'move': true, 'maximized': false, 'iframe': false, 'flashvars': '', 'cufon': true, 'ratio': 1, 'onOpen': function () { }, 'onClose': function () { } }, f || {}, h); this.options.onOpen = f.onOpen; this.options.onClose = f.onClose; this.options.cufon = f.cufon; var o = this.unserialize(k); f = $.extend({}, f, o); if (f.width && ("" + f.width).indexOf("p") > 0) { f.width = Math.round((m.x - 20) * f.width.substring(0, f.width.indexOf("p")) / 100) } if (f.height && ("" + f.height).indexOf("p") > 0) { f.height = Math.round((m.y - 20) * f.height.substring(0, f.height.indexOf("p")) / 100) } this.overlay.options.modal = f.modal; var p = l.buttons.max; p.removeClass(this.options.name + '-button-min'); p.removeClass(this.options.name + '-button-max'); p.addClass(this.options.name + '-hide'); this.move = !!f.move; this.maximized = !!f.maximized; if ($.isArray(f.buttons)) { this.custombuttons(f.buttons, h.element) } if (l.buttons.custom.is(":empty") === false) { l.buttons.div.show() } if (this.utils.isEmpty(f.force) === false) { i = f.force } else if (f.iframe) { i = 'iframe' } else if (k.match(this.imgsreg)) { i = 'image' } else { var q = this.ex({ "flash": this.videoregs, "iframe": this.mapsreg }, k, f); if (!!q.type === true) { k = q.href; i = q.type; f.width = q.width; f.height = q.height } if (!!i === false) { if (k.match(/#/)) { var r = k.substr(k.indexOf("#")); if ($(r).length > 0) { i = 'inline'; k = r } else { i = 'ajax' } } else { i = 'ajax' } } } if (i === 'image') { l.image = new Image(); $(l.image).load(this.proxy(function () { var a = this.esqueleto.image; $(a).unbind('load'); if (this.visible === false) { return false } if (f.width) { n = parseInt(f.width, 10); height = parseInt(f.height, 10); f.autoresize = false } else { a.width = parseInt(a.width * f.ratio, 10); a.height = parseInt(a.height * f.ratio, 10); if (f.maximized) { n = a.width; height = a.height } else { var b = this.calculate(a.width, a.height); n = b.width; height = b.height } } if (f.autoresize) { if (f.maximized || (!f.maximized && a.width != n && a.height != height)) { l.buttons.div.show(); l.buttons.max.removeClass(this.options.name + '-hide'); l.buttons.max.addClass(this.options.name + (f.maximized ? '-button-min' : '-button-max')) } } l.title = (this.utils.isEmpty(f.title)) ? false : $('<div class="' + this.options.name + '-title"></div>').html(f.title); this.loadimage(); this.resize(n, height) })); this.esqueleto.image.onerror = this.proxy(function () { this.error("The requested image cannot be loaded. Please try again later.") }); this.esqueleto.image.src = k } else if (i == 'jwplayer' && typeof jwplayer !== "undefined") { if (f.width) { n = f.width; height = f.height } else { this.error("You have to specify the size. Add ?lightbox[width]=600&lightbox[height]=400 at the end of the url."); return false } var s = 'DV_' + (new Date().getTime()); var t = '<div id="' + s + '"></div>'; this.appendhtml($(t).css({ width: n, height: height }), n, height); this.esqueleto.background.bind('complete', this.proxy(function () { this.esqueleto.background.unbind('complete'); jwplayer(s).setup($.extend(true, { file: k, autostart: true }, f)); if (this.visible === false) { return false } })) } else if (i == 'flash' || i == 'inline' || i == 'ajax' || i == 'element') { if (i == 'inline') { var u = $(k); var v = f.source == "original" ? u : u.clone(true).show(); n = f.width > 0 ? f.width : u.outerWidth(true); height = f.height > 0 ? f.height : u.outerHeight(true); this.appendhtml(v, n, height) } else if (i == 'ajax') { if (f.width) { n = f.width; height = f.height } else { this.error("You have to specify the size. Add ?lightbox[width]=600&lightbox[height]=400 at the end of the url."); return false } if (this.animations.ajax) { this.animations.ajax.abort() } this.animations.ajax = $.ajax($.extend(true, {}, this.options.ajax, f.ajax || {}, { url: k, error: this.proxy(function (a, b, c) { this.error("AJAX Error " + a.status + " " + c + ". Url: " + k) }), success: this.proxy(function (a) { this.appendhtml($("<div>" + a + "</div>"), n, height) }) })) } else if (i == 'flash') { var w = this.swf2html(k, f.width, f.height, f.flashvars); this.appendhtml($(w), f.width, f.height, 'flash') } else if (i === 'element') { n = f.width > 0 ? f.width : h.element.outerWidth(true); height = f.height > 0 ? f.height : h.element.outerHeight(true); this.appendhtml(h.element, n, height) } } else if (i == 'iframe') { if (f.width) { n = f.width; height = f.height } else { this.error("You have to specify the size. Add ?lightbox[width]=600&lightbox[height]=400&lighbox[iframe]=true at the end of the url."); return false } var t = '<iframe id="IF_' + (new Date().getTime()) + '" frameborder="0" src="' + k + '" style="margin:0; padding:0;"></iframe>'; this.appendhtml($(t).css({ width: n, height: height }), n, height) } this.callback = $.isFunction(g) ? g : function (e) { } }, loadimage: function () { var a = this.esqueleto; var b = a.background; var c = this.options.name + '-loading'; b.bind('complete', this.proxy(function () { b.unbind('complete'); if (this.visible === false) { return false } this.changemode('image'); b.empty(); a.html.empty(); if (a.title) { b.append(a.title) } b.append(a.image); if (!G.opacity) { b.removeClass(c) } else { $(a.image).css("background-color", "rgba(255, 255, 255, 0)"); $(a.image).stop().css("opacity", 0).animate({ "opacity": 1 }, (E ? this.options.animation.show.duration / 2 : this.options.animation.show.duration), function () { b.removeClass(c) }) } this.options.onOpen.apply(this) })) }, swf2html: function (c, d, e, f) { var g = $.extend(true, { classid: "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000", width: d, height: e, movie: c, src: c, style: "margin:0; padding:0;", allowFullScreen: "true", allowscriptaccess: "always", wmode: "transparent", autostart: "true", autoplay: "true", type: "application/x-shockwave-flash", flashvars: "autostart=1&autoplay=1&fullscreenbutton=1" }, f); var h = "<object "; var i = "<embed "; var j = ""; $.each(g, function (a, b) { if (b !== "") { h += a + "=\"" + b + "\" "; i += a + "=\"" + b + "\" "; j += "<param name=\"" + a + "\" value=\"" + b + "\"></param>" } }); var k = h + ">" + j + i + "></embed></object>"; return k }, appendhtml: function (a, b, c, d) { var e = this; var f = e.options; var g = e.esqueleto; var h = g.background; e.changemode("html"); e.resize(b + 30, c + 20); h.bind('complete', function () { h.removeClass(f.name + '-loading'); g.html.append(a); if (d == "flash" && D("chrome") > -1) { g.html.html(a) } h.unbind('complete'); if (f.cufon && typeof Cufon !== 'undefined') { Cufon.refresh() } f.onOpen.apply(this) }) }, movebox: function (w, h) { var a = $(this.win); var b = { x: a.width(), y: a.height() }; var c = { x: a.scrollLeft(), y: a.scrollTop() }; var d = this.esqueleto; var e = w != null ? w : d.lightbox.outerWidth(true); var f = h != null ? h : d.lightbox.outerHeight(true); var y = 0; var x = 0; x = c.x + ((b.x - e) / 2); if (this.visible) { y = c.y + (b.y - f) / 2 } else if (this.options.emergefrom == "bottom") { y = (c.y + b.y + 14) } else if (this.options.emergefrom == "top") { y = (c.y - f) - 14 } else if (this.options.emergefrom == "right") { x = b.x; y = c.y + (b.y - f) / 2 } else if (this.options.emergefrom == "left") { x = -e; y = c.y + (b.y - f) / 2 } if (this.visible) { if (!this.animations.move) { this.morph(d.move, { 'left': parseInt(x, 10) }, 'move') } this.morph(d.move, { 'top': parseInt(y, 10) }, 'move') } else { d.move.css({ 'left': parseInt(x, 10), 'top': parseInt(y, 10) }) } }, morph: function (d, f, g, h, i) { var j = jQuery.fn.jquery.split("."); if (j[0] == 1 && j[1] < 8) { var k = $.speed({ queue: i || false, duration: (E ? this.options.animation[g].duration / 2 : this.options.animation[g].duration), easing: this.options.animation[g].easing, complete: ($.isFunction(h) ? this.proxy(h, this) : null) }); return d[k.queue === false ? "each" : "queue"](function () { if (j[1] > 5) { if (k.queue === false) { $._mark(this) } } var c = $.extend({}, k), self = this; c.curAnim = $.extend({}, f); c.animatedProperties = {}; for (var p in f) { name = p; c.animatedProperties[name] = c.specialEasing && c.specialEasing[name] || c.easing || 'swing' } $.each(f, function (a, b) { var e = new $.fx(self, c, a); e.custom(e.cur(true) || 0, b, "px") }); return true }) } else { d.animate(f, { queue: i || false, duration: (E ? this.options.animation[g].duration / 2 : this.options.animation[g].duration), easing: this.options.animation[g].easing, complete: ($.isFunction(h) ? this.proxy(h, this) : null) }) } }, resize: function (x, y) { var a = this.esqueleto; if (this.visible) { var b = { x: $(this.win).width(), y: $(this.win).height() }; var c = { x: $(this.win).scrollLeft(), y: $(this.win).scrollTop() }; var d = Math.max((c.x + (b.x - (x + 14)) / 2), 0); var e = Math.max((c.y + (b.y - (y + 14)) / 2), 0); this.animations.move = true; this.morph(a.move.stop(), { 'left': (this.maximized && d < 0) ? 0 : d, 'top': (this.maximized && (y + 14) > b.y) ? c.y : e }, 'move', $.proxy(function () { this.move = false }, this.animations)); this.morph(a.html, { 'height': y - 20 }, 'move'); this.morph(a.lightbox.stop(), { 'width': (x + 14), 'height': y - 20 }, 'move', {}, true); this.morph(a.navigator, { 'width': x }, 'move'); this.morph(a.navigator, { 'top': (y - (a.navigator.height())) / 2 }, 'move'); this.morph(a.background.stop(), { 'width': x, 'height': y }, 'move', function () { $(a.background).trigger('complete') }) } else { a.html.css({ 'height': y - 20 }); a.lightbox.css({ 'width': x + 14, 'height': y - 20 }); a.background.css({ 'width': x, 'height': y }); a.navigator.css({ 'width': x }) } }, close: function (a) { var b = this.esqueleto; this.visible = false; this.gallery = {}; this.options.onClose(); var c = b.html.children(".jwplayer"); if (c.length > 0 && typeof jwplayer !== "undefined") { jwplayer(c[0]).remove() } if (F || !G.opacity || E) { b.background.empty(); b.html.find("iframe").attr("src", ""); if (F) { setTimeout(function () { b.html.hide().empty().show() }, 100) } else { b.html.hide().empty().show() } b.buttons.custom.empty(); b.move.css("display", "none"); this.movebox() } else { b.move.animate({ "opacity": 0, "top": "-=40" }, { queue: false, complete: (this.proxy(function () { b.background.empty(); b.html.empty(); b.buttons.custom.empty(); this.movebox(); b.move.css({ "display": "none", "opacity": 1, "overflow": "visible" }) })) }) } this.overlay.hide(this.proxy(function () { if ($.isFunction(this.callback)) { this.callback.apply(this, $.makeArray(a)) } })); b.background.stop(true, false).unbind("complete") }, open: function () { this.visible = true; if (!G.opacity) { this.esqueleto.move.get(0).style.removeAttribute("filter") } this.esqueleto.move.stop().css({ opacity: 1, display: "block", overflow: "visible" }).show(); this.overlay.show() }, shake: function () { var z = this.options.animation.shake; var x = z.distance; var d = z.duration; var t = z.transition; var o = z.loops; var l = this.esqueleto.move.position().left; var e = this.esqueleto.move; for (var i = 0; i < o; i++) { e.animate({ left: l + x }, d, t); e.animate({ left: l - x }, d, t) }; e.animate({ left: l + x }, d, t); e.animate({ left: l }, d, t) }, changemode: function (a) { if (a != this.mode) { var b = this.options.name + "-mode-"; this.esqueleto.lightbox.removeClass(b + this.mode).addClass(b + a); this.mode = a } this.esqueleto.move.css("overflow", "visible") }, error: function (a) { alert(a); this.close() }, unserialize: function (d) { var e = /lightbox\[([^\]]*)?\]$/i; var f = {}; if (d.match(/#/)) { d = d.slice(0, d.indexOf("#")) } d = d.slice(d.indexOf('?') + 1).split("&"); $.each(d, function () { var a = this.split("="); var b = a[0]; var c = a[1]; if (b.match(e)) { if (isFinite(c)) { c = parseFloat(c) } else if (c.toLowerCase() == "true") { c = true } else if (c.toLowerCase() == "false") { c = false } f[b.match(e)[1]] = c } }); return f }, calculate: function (x, y) { var a = this.options.maxsize.width > 0 ? this.options.maxsize.width : this.win.width() - 50; var b = this.options.maxsize.height > 0 ? this.options.maxsize.height : this.win.height() - 50; if (x > a) { y = y * (a / x); x = a; if (y > b) { x = x * (b / y); y = b } } else if (y > b) { x = x * (b / y); y = b; if (x > a) { y = y * (a / x); x = a } } return { width: parseInt(x, 10), height: parseInt(y, 10) } }, loading: function () { var a = this.options.style; var b = this.esqueleto; var c = b.background; this.changemode('image'); c.children().stop(true); c.empty(); b.html.empty(); b.buttons.div.hide(); b.buttons.div.css("width"); c.addClass(this.options.name + '-loading'); if (this.visible == false) { this.movebox(a["width"], a["height"]); this.resize(a["width"], a["height"]) } }, maximinimize: function () { var a = this; var b = a.esqueleto.buttons; var c = a.esqueleto.image; var d = a.options.name; var e = {}; b.max.removeClass(d + '-button-min ' + d + '-button-max').addClass((a.maximized) ? d + '-button-max' : d + '-button-min'); a.loading(); a.loadimage(); b.div.show(); if (a.maximized) { e = a.calculate(c.width, c.height) } else { e = c } a.resize(e.width, e.height); a.maximized = !a.maximized }, getOptions: function (a) { var a = $(a); return $.extend({}, { href: a.attr("href"), rel: ($.trim(a.attr("data-rel") || a.attr("rel"))), relent: a.attr("data-rel") ? "data-rel" : "rel", title: $.trim(a.attr("data-title") || a.attr("title")), element: a[0] }, ($.parseJSON((a.attr("data-options") || "{}").replace(/\'/g, '"')) || {})) }, link: function (b, c) { var d = $(c.element); var e = this.getOptions(d); var f = e.rel; var g = e.relent; var h = c.options; var j = []; d.blur(); if (c.gallery) { j = c.gallery } else if (this.utils.isEmpty(f) || f === 'nofollow') { j = [e] } else { var k = []; var l = []; var m = false; $("a[" + g + "], area[" + g + "]", this.ownerDocument).filter("[" + g + "=\"" + f + "\"]").each($.proxy(function (i, a) { if (d[0] === a) { k.unshift(this.getOptions(a)); m = true } else if (m == false) { l.push(this.getOptions(a)) } else { k.push(this.getOptions(a)) } }, this)); j = k.concat(l) } $.lightbox(j, h, c.callback, d); return false }, utils: { isEmpty: function (a) { if (a == null) return true; if (Object.prototype.toString.call(a) === '[object String]' || $.type(a) === "array") return a.length === 0 } } }, lightbox: function (a, b, c) { var d = []; if ($.LightBoxObject.utils.isEmpty(a)) { return $.LightBoxObject } if ($.type(a) === "string") { d = [$.extend({}, { href: a }, b)] } else if ($.type(a) === "array") { var e = a[0]; if ($.type(e) === "string") { for (var i = 0; i < a.length; i++) { d[i] = $.extend({}, { href: a[i] }, b) } } else if ($.type(e) === "object") { for (var i = 0; i < a.length; i++) { d[i] = $.extend({}, b, a[i]) } } } else if ($.type(a) === "object" && a[0].nodeType) { d = [$.extend({}, { type: "element", href: "#", element: a }, b)] } return $.LightBoxObject.show(d, b, c) } }); $.fn.lightbox = function (a, b) { var c = { "selector": this.selector, "options": a, "callback": b }; return $(this).live('click', function (e) { e.preventDefault(); e.stopImmediatePropagation(); return $.proxy($.LightBoxObject.link, $.LightBoxObject)(e, $.extend({}, c, { "element": this })) }) }; $(function () { var a = jQuery.fn.jquery.split("."); if (a[0] > 1 || (a[0] == 1 && a[1] > 3)) { $.LightBoxObject.create() } else { throw "The jQuery version that was loaded is too old. Lightbox Evolution requires jQuery 1.4+"; } }) })(jQuery, window, document);

frontend/js/landing.js

@@ -0,0 +1 @@
+jQuery.extend(jQuery.easing, { def: 'easeOutQuad', easeInOutExpo: function (x, t, b, c, d) { if (t == 0) return b; if (t == d) return b + c; if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b; return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b; } }); !function ($) { $(function () { $('[data-ride="animated"]').addClass('invisible'); $('[data-ride="animated"]').appear(); $('[data-ride="animated"]').on('appear', function () { var $el = $(this), $ani = ($el.data('animation') || 'fadeIn'), $delay; if (!$el.hasClass('animated')) { $delay = $el.data('delay') || 0; setTimeout(function () { $el.removeClass('invisible').addClass($ani + " animated"); }, $delay); } }); $(document).on('click.app', '[data-ride="scroll"]', function (e) { e.preventDefault(); var $target = this.hash; $('html, body').stop().animate({ 'scrollTop': $($target).offset().top - 80 }, 1000, 'easeInOutExpo', function () { window.location.hash = $target; }); }); }); }(window.jQuery);

helper_functions.py

@@ -0,0 +1,162 @@
+import torch
+import pickle
+from transformers import BertTokenizer, BertForSequenceClassification
+from transformers import BatchEncoding, PreTrainedTokenizerBase
+from typing import Optional
+from torch import Tensor
+
+# Load the model
+model_path = "Sayado/Model_PFE"
+model = BertForSequenceClassification.from_pretrained(model_path)
+
+# Load the tokenizer
+tokenizer_path = "Sayado/Model_PFE" 
+tokenizer = BertTokenizer.from_pretrained(tokenizer_path)
+
+# Charger le label encoder
+with open("label_encoder.pkl", "rb") as f:
+    label_encoder = pickle.load(f)
+
+class_labels = {
+    7: ('Databases', 'info' ,'#4f9ef8'),
+    1: ('Computation_and_Language', 'danger', '#d6293e'),
+    9: ('Hardware_Architecture', 'warning' , '#f7c32e'),
+    8: ('General_Literature', 'success' , '#0cbc87'),
+    6: ('Cryptography_and_Security', 'primary', '#0f6fec'),
+    5: ('Computers_and_Society', 'yellow', '#ffc107'),
+    3: ('Computational_Engineering', 'purple' , '#6f42c1'),
+    0: ('Artificial_Intelligence', 'cyan', '#0dcaf0'),
+    2: ('Computational_Complexity', 'pink', '#d63384'),
+    4: ('Computational_Geometry', 'orange', '#fd7e14')
+}
+
+def predict_class(text):
+    # Tokenisation du texte
+    inputs = transform_list_of_texts(text, tokenizer, 510, 510, 1, 2550)
+    # Extraire le tenseur de la liste
+    input_ids_tensor = inputs["input_ids"][0]
+    attention_mask_tensor = inputs["attention_mask"][0]
+    # Passage du texte à travers le modèle
+    with torch.no_grad():
+        outputs = model(input_ids=input_ids_tensor, attention_mask=attention_mask_tensor)
+
+    # Application de la fonction softmax
+    probabilities = torch.softmax(outputs.logits, dim=1)[0]
+
+    # Identification de la classe majoritaire
+    predicted_class_index = torch.argmax(probabilities).item()
+    predicted_class = class_labels[predicted_class_index]
+
+    # Créer un dictionnaire de pourcentages trié par probabilité
+    sorted_percentages = {class_labels[idx]: probabilities[idx].item() * 100 for idx in range(len(class_labels))}
+    sorted_percentages = dict(sorted(sorted_percentages.items(), key=lambda item: item[1], reverse=True))
+
+    return predicted_class, sorted_percentages
+
+def transform_list_of_texts(
+    texts: list[str],
+    tokenizer: PreTrainedTokenizerBase,
+    chunk_size: int,
+    stride: int,
+    minimal_chunk_length: int,
+    maximal_text_length: Optional[int] = None,
+) -> BatchEncoding:
+    model_inputs = [
+        transform_single_text(text, tokenizer, chunk_size, stride, minimal_chunk_length, maximal_text_length)
+        for text in texts
+    ]
+    input_ids = [model_input[0] for model_input in model_inputs]
+    attention_mask = [model_input[1] for model_input in model_inputs]
+    tokens = {"input_ids": input_ids, "attention_mask": attention_mask}
+    return BatchEncoding(tokens)
+
+
+def transform_single_text(
+    text: str,
+    tokenizer: PreTrainedTokenizerBase,
+    chunk_size: int,
+    stride: int,
+    minimal_chunk_length: int,
+    maximal_text_length: Optional[int],
+) -> tuple[Tensor, Tensor]:
+    """Transforms (the entire) text to model input of BERT model."""
+    if maximal_text_length:
+        tokens = tokenize_text_with_truncation(text, tokenizer, maximal_text_length)
+    else:
+        tokens = tokenize_whole_text(text, tokenizer)
+    input_id_chunks, mask_chunks = split_tokens_into_smaller_chunks(tokens, chunk_size, stride, minimal_chunk_length)
+    add_special_tokens_at_beginning_and_end(input_id_chunks, mask_chunks)
+    add_padding_tokens(input_id_chunks, mask_chunks)
+    input_ids, attention_mask = stack_tokens_from_all_chunks(input_id_chunks, mask_chunks)
+    return input_ids, attention_mask
+
+
+def tokenize_whole_text(text: str, tokenizer: PreTrainedTokenizerBase) -> BatchEncoding:
+    """Tokenizes the entire text without truncation and without special tokens."""
+    tokens = tokenizer(text, add_special_tokens=False, truncation=False, return_tensors="pt")
+    return tokens
+
+
+def tokenize_text_with_truncation(
+    text: str, tokenizer: PreTrainedTokenizerBase, maximal_text_length: int
+) -> BatchEncoding:
+    """Tokenizes the text with truncation to maximal_text_length and without special tokens."""
+    tokens = tokenizer(
+        text, add_special_tokens=False, max_length=maximal_text_length, truncation=True, return_tensors="pt"
+    )
+    return tokens
+
+
+def split_tokens_into_smaller_chunks(
+    tokens: BatchEncoding,
+    chunk_size: int,
+    stride: int,
+    minimal_chunk_length: int,
+) -> tuple[list[Tensor], list[Tensor]]:
+    """Splits tokens into overlapping chunks with given size and stride."""
+    input_id_chunks = split_overlapping(tokens["input_ids"][0], chunk_size, stride, minimal_chunk_length)
+    mask_chunks = split_overlapping(tokens["attention_mask"][0], chunk_size, stride, minimal_chunk_length)
+    return input_id_chunks, mask_chunks
+
+
+def add_special_tokens_at_beginning_and_end(input_id_chunks: list[Tensor], mask_chunks: list[Tensor]) -> None:
+    """
+    Adds special CLS token (token id = 101) at the beginning.
+    Adds SEP token (token id = 102) at the end of each chunk.
+    Adds corresponding attention masks equal to 1 (attention mask is boolean).
+    """
+    for i in range(len(input_id_chunks)):
+        # adding CLS (token id 101) and SEP (token id 102) tokens
+        input_id_chunks[i] = torch.cat([Tensor([101]), input_id_chunks[i], Tensor([102])])
+        # adding attention masks  corresponding to special tokens
+        mask_chunks[i] = torch.cat([Tensor([1]), mask_chunks[i], Tensor([1])])
+
+
+def add_padding_tokens(input_id_chunks: list[Tensor], mask_chunks: list[Tensor]) -> None:
+    """Adds padding tokens (token id = 0) at the end to make sure that all chunks have exactly 512 tokens."""
+    for i in range(len(input_id_chunks)):
+        # get required padding length
+        pad_len = 512 - input_id_chunks[i].shape[0]
+        # check if tensor length satisfies required chunk size
+        if pad_len > 0:
+            # if padding length is more than 0, we must add padding
+            input_id_chunks[i] = torch.cat([input_id_chunks[i], Tensor([0] * pad_len)])
+            mask_chunks[i] = torch.cat([mask_chunks[i], Tensor([0] * pad_len)])
+
+
+def stack_tokens_from_all_chunks(input_id_chunks: list[Tensor], mask_chunks: list[Tensor]) -> tuple[Tensor, Tensor]:
+    """Reshapes data to a form compatible with BERT model input."""
+    input_ids = torch.stack(input_id_chunks)
+    attention_mask = torch.stack(mask_chunks)
+
+    return input_ids.long(), attention_mask.int()
+
+
+def split_overlapping(tensor: Tensor, chunk_size: int, stride: int, minimal_chunk_length: int) -> list[Tensor]:
+    """Helper function for dividing 1-dimensional tensors into overlapping chunks."""
+    result = [tensor[i : i + chunk_size] for i in range(0, len(tensor), stride)]
+    if len(result) > 1:
+        # ignore chunks with less than minimal_length number of tokens
+        result = [x for x in result if len(x) >= minimal_chunk_length]
+    return result
+

label_encoder.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6f2140f9641061e34cfa413940d8b885b3016267e372ed6b7878908a47ab4759
+size 227

requirements.txt

@@ -0,0 +1,6 @@
+flask
+gunicorn
+PyPDF2
+PyMuPDF
+torch
+transformers

static/css/OverlayScrollbars.min.css

@@ -0,0 +1,705 @@
+/*!
+ * OverlayScrollbars
+ * https://github.com/KingSora/OverlayScrollbars
+ *
+ * Version: 1.13.0
+ *
+ * Copyright KingSora | Rene Haas.
+ * https://github.com/KingSora
+ *
+ * Released under the MIT license.
+ * Date: 02.08.2020
+ */
+html.os-html,
+html.os-html>.os-host {
+    display: block;
+    overflow: hidden;
+    box-sizing: border-box;
+    height: 100% !important;
+    width: 100% !important;
+    min-width: 100% !important;
+    min-height: 100% !important;
+    margin: 0 !important;
+    position: absolute !important
+}
+
+html.os-html>.os-host>.os-padding {
+    position: absolute
+}
+
+body.os-dragging,
+body.os-dragging * {
+    cursor: default
+}
+
+.os-host,
+.os-host-textarea {
+    position: relative;
+    overflow: visible !important;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+    -webkit-box-pack: start;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+    -ms-flex-line-pack: start;
+    align-content: flex-start;
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    -ms-grid-row-align: flex-start;
+    align-items: flex-start
+}
+
+.os-host-flexbox {
+    overflow: hidden !important;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex
+}
+
+.os-host-flexbox>.os-size-auto-observer {
+    height: inherit !important
+}
+
+.os-host-flexbox>.os-content-glue {
+    -webkit-box-flex: 1;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    -ms-flex-negative: 0;
+    flex-shrink: 0
+}
+
+.os-host-flexbox>.os-size-auto-observer,
+.os-host-flexbox>.os-content-glue {
+    min-height: 0;
+    min-width: 0;
+    -webkit-box-flex: 0;
+    -ms-flex-positive: 0;
+    flex-grow: 0;
+    -ms-flex-negative: 1;
+    flex-shrink: 1;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto
+}
+
+#os-dummy-scrollbar-size {
+    position: fixed;
+    opacity: 0;
+    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
+    visibility: hidden;
+    overflow: scroll;
+    height: 500px;
+    width: 500px
+}
+
+#os-dummy-scrollbar-size>div {
+    width: 200%;
+    height: 200%;
+    margin: 10px 0
+}
+
+#os-dummy-scrollbar-size:before,
+#os-dummy-scrollbar-size:after,
+.os-content:before,
+.os-content:after {
+    content: '';
+    display: table;
+    width: .01px;
+    height: .01px;
+    line-height: 0;
+    font-size: 0;
+    flex-grow: 0;
+    flex-shrink: 0;
+    visibility: hidden
+}
+
+#os-dummy-scrollbar-size,
+.os-viewport {
+    -ms-overflow-style: scrollbar !important
+}
+
+.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
+.os-viewport-native-scrollbars-invisible.os-viewport {
+    scrollbar-width: none !important
+}
+
+.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
+.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
+.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
+.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
+    display: none !important;
+    width: 0 !important;
+    height: 0 !important;
+    visibility: hidden !important;
+    background: 0 0 !important
+}
+
+.os-content-glue {
+    box-sizing: inherit;
+    max-height: 100%;
+    max-width: 100%;
+    width: 100%;
+    pointer-events: none
+}
+
+.os-padding {
+    box-sizing: inherit;
+    direction: inherit;
+    position: absolute;
+    overflow: visible;
+    padding: 0;
+    margin: 0;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    width: auto !important;
+    height: auto !important;
+    z-index: 0
+}
+
+.os-host-overflow>.os-padding {
+    overflow: hidden
+}
+
+.os-viewport {
+    direction: inherit !important;
+    box-sizing: inherit !important;
+    resize: none !important;
+    outline: 0 !important;
+    position: absolute;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    padding: 0;
+    margin: 0;
+    -webkit-overflow-scrolling: touch
+}
+
+.os-content-arrange {
+    position: absolute;
+    z-index: -1;
+    min-height: 1px;
+    min-width: 1px;
+    pointer-events: none
+}
+
+.os-content {
+    direction: inherit;
+    box-sizing: border-box !important;
+    position: relative;
+    display: block;
+    height: 100%;
+    width: 100%;
+    height: 100%;
+    width: 100%;
+    visibility: visible
+}
+
+.os-content>.os-textarea {
+    box-sizing: border-box !important;
+    direction: inherit !important;
+    background: 0 0 !important;
+    outline: 0 transparent !important;
+    overflow: hidden !important;
+    position: absolute !important;
+    display: block !important;
+    top: 0 !important;
+    left: 0 !important;
+    margin: 0 !important;
+    border-radius: 0 !important;
+    float: none !important;
+    -webkit-filter: none !important;
+    filter: none !important;
+    border: 0 !important;
+    resize: none !important;
+    -webkit-transform: none !important;
+    transform: none !important;
+    max-width: none !important;
+    max-height: none !important;
+    box-shadow: none !important;
+    -webkit-perspective: none !important;
+    perspective: none !important;
+    opacity: 1 !important;
+    z-index: 1 !important;
+    clip: auto !important;
+    vertical-align: baseline !important;
+    padding: 0
+}
+
+.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea {
+    right: 0 !important
+}
+
+.os-content>.os-textarea-cover {
+    z-index: -1;
+    pointer-events: none
+}
+
+.os-content>.os-textarea[wrap=off] {
+    white-space: pre !important;
+    margin: 0 !important
+}
+
+.os-text-inherit {
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    font-style: inherit;
+    font-variant: inherit;
+    text-transform: inherit;
+    text-decoration: inherit;
+    text-indent: inherit;
+    text-align: inherit;
+    text-shadow: inherit;
+    text-overflow: inherit;
+    letter-spacing: inherit;
+    word-spacing: inherit;
+    line-height: inherit;
+    unicode-bidi: inherit;
+    direction: inherit;
+    color: inherit;
+    cursor: text
+}
+
+.os-resize-observer,
+.os-resize-observer-host {
+    box-sizing: inherit;
+    display: block;
+    visibility: hidden;
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    pointer-events: none;
+    z-index: -1
+}
+
+.os-resize-observer-host {
+    padding: inherit;
+    border: inherit;
+    border-color: transparent;
+    border-style: solid;
+    box-sizing: border-box
+}
+
+.os-resize-observer-host.observed {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start
+}
+
+.os-resize-observer-host>.os-resize-observer,
+.os-resize-observer-host.observed>.os-resize-observer {
+    height: 200%;
+    width: 200%;
+    padding: inherit;
+    border: inherit;
+    margin: 0;
+    display: block;
+    box-sizing: content-box
+}
+
+.os-resize-observer-host.observed>.os-resize-observer,
+.os-resize-observer-host.observed>.os-resize-observer:before {
+    display: flex;
+    position: relative;
+    flex-grow: 1;
+    flex-shrink: 0;
+    flex-basis: auto;
+    box-sizing: border-box
+}
+
+.os-resize-observer-host.observed>.os-resize-observer:before {
+    content: '';
+    box-sizing: content-box;
+    padding: inherit;
+    border: inherit;
+    margin: 0
+}
+
+.os-size-auto-observer {
+    box-sizing: inherit !important;
+    height: 100%;
+    width: inherit;
+    max-width: 1px;
+    position: relative;
+    float: left;
+    max-height: 1px;
+    overflow: hidden;
+    z-index: -1;
+    padding: 0;
+    margin: 0;
+    pointer-events: none;
+    -webkit-box-flex: inherit;
+    -ms-flex-positive: inherit;
+    flex-grow: inherit;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0
+}
+
+.os-size-auto-observer>.os-resize-observer {
+    width: 1000%;
+    height: 1000%;
+    min-height: 1px;
+    min-width: 1px
+}
+
+.os-resize-observer-item {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    overflow: hidden;
+    z-index: -1;
+    opacity: 0;
+    direction: ltr !important;
+    -webkit-box-flex: 0 !important;
+    -ms-flex: none !important;
+    flex: none !important
+}
+
+.os-resize-observer-item-final {
+    position: absolute;
+    left: 0;
+    top: 0;
+    -webkit-transition: none !important;
+    transition: none !important;
+    -webkit-box-flex: 0 !important;
+    -ms-flex: none !important;
+    flex: none !important
+}
+
+.os-resize-observer {
+    -webkit-animation-duration: .001s;
+    animation-duration: .001s;
+    -webkit-animation-name: os-resize-observer-dummy-animation;
+    animation-name: os-resize-observer-dummy-animation
+}
+
+object.os-resize-observer {
+    box-sizing: border-box !important
+}
+
+@-webkit-keyframes os-resize-observer-dummy-animation {
+    0% {
+        z-index: 0
+    }
+
+    to {
+        z-index: -1
+    }
+}
+
+@keyframes os-resize-observer-dummy-animation {
+    0% {
+        z-index: 0
+    }
+
+    to {
+        z-index: -1
+    }
+}
+
+.os-host-transition>.os-scrollbar,
+.os-host-transition>.os-scrollbar-corner {
+    -webkit-transition: opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s;
+    transition: opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s
+}
+
+html.os-html>.os-host>.os-scrollbar {
+    position: absolute;
+    z-index: 999999
+}
+
+.os-scrollbar,
+.os-scrollbar-corner {
+    position: absolute;
+    opacity: 1;
+    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
+    z-index: 1
+}
+
+.os-scrollbar-corner {
+    bottom: 0;
+    right: 0
+}
+
+.os-scrollbar {
+    pointer-events: none
+}
+
+.os-scrollbar-track {
+    pointer-events: auto;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    padding: 0 !important;
+    border: 0 !important
+}
+
+.os-scrollbar-handle {
+    pointer-events: auto;
+    position: absolute;
+    width: 100%;
+    height: 100%
+}
+
+.os-scrollbar-handle-off,
+.os-scrollbar-track-off {
+    pointer-events: none
+}
+
+.os-scrollbar.os-scrollbar-unusable,
+.os-scrollbar.os-scrollbar-unusable * {
+    pointer-events: none !important
+}
+
+.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
+    opacity: 0 !important
+}
+
+.os-scrollbar-horizontal {
+    bottom: 0;
+    left: 0
+}
+
+.os-scrollbar-vertical {
+    top: 0;
+    right: 0
+}
+
+.os-host-rtl>.os-scrollbar-horizontal {
+    right: 0
+}
+
+.os-host-rtl>.os-scrollbar-vertical {
+    right: auto;
+    left: 0
+}
+
+.os-host-rtl>.os-scrollbar-corner {
+    right: auto;
+    left: 0
+}
+
+.os-scrollbar-auto-hidden,
+.os-padding+.os-scrollbar-corner,
+.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,
+.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,
+.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,
+.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,
+.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,
+.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,
+.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner {
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none
+}
+
+.os-scrollbar-corner-resize-both {
+    cursor: nwse-resize
+}
+
+.os-host-rtl>.os-scrollbar-corner-resize-both {
+    cursor: nesw-resize
+}
+
+.os-scrollbar-corner-resize-horizontal {
+    cursor: ew-resize
+}
+
+.os-scrollbar-corner-resize-vertical {
+    cursor: ns-resize
+}
+
+.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
+    cursor: default
+}
+
+.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
+    top: 0;
+    bottom: 0
+}
+
+.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,
+.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal {
+    right: 0;
+    left: 0
+}
+
+.os-scrollbar:hover,
+.os-scrollbar-corner.os-scrollbar-corner-resize {
+    opacity: 1 !important;
+    visibility: visible !important
+}
+
+.os-scrollbar-corner.os-scrollbar-corner-resize {
+    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
+    background-repeat: no-repeat;
+    background-position: 100% 100%;
+    pointer-events: auto !important
+}
+
+.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize {
+    -webkit-transform: scale(-1, 1);
+    transform: scale(-1, 1)
+}
+
+.os-host-overflow {
+    overflow: hidden !important
+}
+
+.os-theme-none>.os-scrollbar-horizontal,
+.os-theme-none>.os-scrollbar-vertical,
+.os-theme-none>.os-scrollbar-corner {
+    display: none !important
+}
+
+.os-theme-none>.os-scrollbar-corner-resize {
+    display: block !important;
+    min-width: 10px;
+    min-height: 10px
+}
+
+.os-theme-dark>.os-scrollbar-horizontal,
+.os-theme-light>.os-scrollbar-horizontal {
+    right: 10px;
+    height: 10px
+}
+
+.os-theme-dark>.os-scrollbar-vertical,
+.os-theme-light>.os-scrollbar-vertical {
+    bottom: 10px;
+    width: 10px
+}
+
+.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,
+.os-theme-light.os-host-rtl>.os-scrollbar-horizontal {
+    left: 10px;
+    right: 0
+}
+
+.os-theme-dark>.os-scrollbar-corner,
+.os-theme-light>.os-scrollbar-corner {
+    height: 10px;
+    width: 10px
+}
+
+.os-theme-dark>.os-scrollbar-corner,
+.os-theme-light>.os-scrollbar-corner {
+    background-color: transparent
+}
+
+.os-theme-dark>.os-scrollbar,
+.os-theme-light>.os-scrollbar {
+    padding: 2px;
+    box-sizing: border-box;
+    background: 0 0
+}
+
+.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,
+.os-theme-light>.os-scrollbar.os-scrollbar-unusable {
+    background: 0 0
+}
+
+.os-theme-dark>.os-scrollbar>.os-scrollbar-track,
+.os-theme-light>.os-scrollbar>.os-scrollbar-track {
+    background: 0 0
+}
+
+.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,
+.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle {
+    min-width: 30px
+}
+
+.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,
+.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle {
+    min-height: 30px
+}
+
+.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
+.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
+    -webkit-transition: background-color .3s;
+    transition: background-color .3s
+}
+
+.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
+.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
+.os-theme-dark>.os-scrollbar>.os-scrollbar-track,
+.os-theme-light>.os-scrollbar>.os-scrollbar-track {
+    border-radius: 10px
+}
+
+.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
+    background: rgba(0, 0, 0, .4)
+}
+
+.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
+    background: rgba(255, 255, 255, .4)
+}
+
+.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
+    background: rgba(0, 0, 0, .55)
+}
+
+.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
+    background: rgba(255, 255, 255, .55)
+}
+
+.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
+    background: rgba(0, 0, 0, .7)
+}
+
+.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
+    background: rgba(255, 255, 255, .7)
+}
+
+.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,
+.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
+.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,
+.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    display: block
+}
+
+.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,
+.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,
+.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,
+.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before {
+    display: none
+}
+
+.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,
+.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before {
+    top: -6px;
+    bottom: -2px
+}
+
+.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
+.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
+    left: -6px;
+    right: -2px
+}
+
+.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
+.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
+    right: -6px;
+    left: -2px
+}

static/css/choices.min.css

@@ -0,0 +1,366 @@
+.choices {
+    position: relative;
+    margin-bottom: 24px;
+    font-size: 16px
+}
+
+.choices:focus {
+    outline: 0
+}
+
+.choices:last-child {
+    margin-bottom: 0
+}
+
+.choices.is-disabled .choices__inner,
+.choices.is-disabled .choices__input {
+    background-color: #eaeaea;
+    cursor: not-allowed;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none
+}
+
+.choices.is-disabled .choices__item {
+    cursor: not-allowed
+}
+
+.choices [hidden] {
+    display: none !important
+}
+
+.choices[data-type*=select-one] {
+    cursor: pointer
+}
+
+.choices[data-type*=select-one] .choices__inner {
+    padding-bottom: 7.5px
+}
+
+.choices[data-type*=select-one] .choices__input {
+    display: block;
+    width: 100%;
+    padding: 10px;
+    border-bottom: 1px solid #ddd;
+    background-color: #fff;
+    margin: 0
+}
+
+.choices[data-type*=select-one] .choices__button {
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
+    padding: 0;
+    background-size: 8px;
+    position: absolute;
+    top: 50%;
+    right: 0;
+    margin-top: -10px;
+    margin-right: 25px;
+    height: 20px;
+    width: 20px;
+    border-radius: 10em;
+    opacity: .5
+}
+
+.choices[data-type*=select-one] .choices__button:focus,
+.choices[data-type*=select-one] .choices__button:hover {
+    opacity: 1
+}
+
+.choices[data-type*=select-one] .choices__button:focus {
+    box-shadow: 0 0 0 2px #fb8c00
+}
+
+.choices[data-type*=select-one] .choices__item[data-value=''] .choices__button {
+    display: none
+}
+
+.choices[data-type*=select-one]:after {
+    content: '';
+    height: 0;
+    width: 0;
+    border-style: solid;
+    border-color: #333 transparent transparent;
+    border-width: 5px;
+    position: absolute;
+    right: 11.5px;
+    top: 50%;
+    margin-top: -2.5px;
+    pointer-events: none
+}
+
+.choices[data-type*=select-one].is-open:after {
+    border-color: transparent transparent #333;
+    margin-top: -7.5px
+}
+
+.choices[data-type*=select-one][dir=rtl]:after {
+    left: 11.5px;
+    right: auto
+}
+
+.choices[data-type*=select-one][dir=rtl] .choices__button {
+    right: auto;
+    left: 0;
+    margin-left: 25px;
+    margin-right: 0
+}
+
+.choices[data-type*=select-multiple] .choices__inner,
+.choices[data-type*=text] .choices__inner {
+    cursor: text
+}
+
+.choices[data-type*=select-multiple] .choices__button,
+.choices[data-type*=text] .choices__button {
+    position: relative;
+    display: inline-block;
+    margin: 0 -4px 0 8px;
+    padding-left: 16px;
+    border-left: 1px solid #fb8c00;
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
+    background-size: 8px;
+    width: 8px;
+    line-height: 1;
+    opacity: .75;
+    border-radius: 0
+}
+
+.choices[data-type*=select-multiple] .choices__button:focus,
+.choices[data-type*=select-multiple] .choices__button:hover,
+.choices[data-type*=text] .choices__button:focus,
+.choices[data-type*=text] .choices__button:hover {
+    opacity: 1
+}
+
+.choices__inner {
+    display: inline-block;
+    vertical-align: top;
+    width: 100%;
+    background-color: #f9f9f9;
+    padding: 7.5px 7.5px 3.75px;
+    border: 1px solid #ddd;
+    border-radius: 2.5px;
+    font-size: 14px;
+    min-height: 44px;
+    overflow: hidden
+}
+
+.is-focused .choices__inner,
+.is-open .choices__inner {
+    border-color: #b7b7b7
+}
+
+.is-open .choices__inner {
+    border-radius: 2.5px 2.5px 0 0
+}
+
+.is-flipped.is-open .choices__inner {
+    border-radius: 0 0 2.5px 2.5px
+}
+
+.choices__list {
+    margin: 0;
+    padding-left: 0;
+    list-style: none
+}
+
+.choices__list--single {
+    display: inline-block;
+    padding: 4px 16px 4px 4px;
+    width: 100%
+}
+
+[dir=rtl] .choices__list--single {
+    padding-right: 4px;
+    padding-left: 16px
+}
+
+.choices__list--single .choices__item {
+    width: 100%
+}
+
+.choices__list--multiple {
+    display: inline
+}
+
+.choices__list--multiple .choices__item {
+    display: inline-block;
+    vertical-align: middle;
+    border-radius: 20px;
+    padding: 4px 10px;
+    font-size: 12px;
+    font-weight: 500;
+    margin-right: 3.75px;
+    margin-bottom: 3.75px;
+    background-color: #fb8c00;
+    border: 1px solid #fb8c00;
+    color: #fff;
+    word-break: break-all;
+    box-sizing: border-box
+}
+
+.choices__list--multiple .choices__item[data-deletable] {
+    padding-right: 5px
+}
+
+[dir=rtl] .choices__list--multiple .choices__item {
+    margin-right: 0;
+    margin-left: 3.75px
+}
+
+.choices__list--multiple .choices__item.is-highlighted {
+    background-color: #fb8c00;
+    border: 1px solid #fb8c00
+}
+
+.is-disabled .choices__list--multiple .choices__item {
+    background-color: #aaa;
+    border: 1px solid #919191
+}
+
+.choices__list--dropdown {
+    visibility: hidden;
+    z-index: 1;
+    position: absolute;
+    width: 100%;
+    background-color: #fff;
+    border: 1px solid #ddd;
+    top: 100%;
+    margin-top: -1px;
+    border-bottom-left-radius: 2.5px;
+    border-bottom-right-radius: 2.5px;
+    overflow: hidden;
+    word-break: break-all;
+    will-change: visibility
+}
+
+.choices__list--dropdown.is-active {
+    visibility: visible
+}
+
+.is-open .choices__list--dropdown {
+    border-color: #b7b7b7
+}
+
+.is-flipped .choices__list--dropdown {
+    top: auto;
+    bottom: 100%;
+    margin-top: 0;
+    margin-bottom: -1px;
+    border-radius: .25rem .25rem 0 0
+}
+
+.choices__list--dropdown .choices__list {
+    position: relative;
+    max-height: 300px;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    will-change: scroll-position
+}
+
+.choices__list--dropdown .choices__item {
+    position: relative;
+    padding: 10px;
+    font-size: 14px
+}
+
+[dir=rtl] .choices__list--dropdown .choices__item {
+    text-align: right
+}
+
+@media (min-width:640px) {
+    .choices__list--dropdown .choices__item--selectable {
+        padding-right: 100px
+    }
+
+    .choices__list--dropdown .choices__item--selectable:after {
+        content: attr(data-select-text);
+        font-size: 12px;
+        opacity: 0;
+        position: absolute;
+        right: 10px;
+        top: 50%;
+        transform: translateY(-50%)
+    }
+
+    [dir=rtl] .choices__list--dropdown .choices__item--selectable {
+        text-align: right;
+        padding-left: 100px;
+        padding-right: 10px
+    }
+
+    [dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
+        right: auto;
+        left: 10px
+    }
+}
+
+.choices__list--dropdown .choices__item--selectable.is-highlighted {
+    background-color: #f2f2f2
+}
+
+.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
+    opacity: .5
+}
+
+.choices__item {
+    cursor: default
+}
+
+.choices__item--selectable {
+    cursor: pointer
+}
+
+.choices__item--disabled {
+    cursor: not-allowed;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    opacity: .5
+}
+
+.choices__heading {
+    font-weight: 600;
+    font-size: 12px;
+    padding: 10px;
+    border-bottom: 1px solid #f7f7f7;
+    color: gray
+}
+
+.choices__button {
+    text-indent: -9999px;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    border: 0;
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-position: center;
+    cursor: pointer
+}
+
+.choices__button:focus,
+.choices__input:focus {
+    outline: 0
+}
+
+.choices__input {
+    display: inline-block;
+    vertical-align: baseline;
+    background-color: #f9f9f9;
+    font-size: 14px;
+    margin-bottom: 5px;
+    border: 0;
+    border-radius: 0;
+    max-width: 100%;
+    padding: 4px 0 4px 2px
+}
+
+[dir=rtl] .choices__input {
+    padding-right: 2px;
+    padding-left: 0
+}
+
+.choices__placeholder {
+    opacity: .5
+}

static/css/fileinput.css

@@ -0,0 +1,686 @@
+/*!
+ * bootstrap-fileinput v5.5.3
+ * http://plugins.krajee.com/file-input
+ *
+ * Krajee default styling for bootstrap-fileinput.
+ *
+ * Author: Kartik Visweswaran
+ * Copyright: 2014 - 2022, Kartik Visweswaran, Krajee.com
+ *
+ * Licensed under the BSD-3-Clause
+ * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
+ */
+
+.file-loading input[type=file],
+input[type=file].file-loading {
+    width: 0;
+    height: 0;
+}
+
+.file-no-browse {
+    position: absolute;
+    left: 50%;
+    bottom: 20%;
+    width: 1px;
+    height: 1px;
+    font-size: 0;
+    opacity: 0;
+    border: none;
+    background: none;
+    outline: none;
+    box-shadow: none;
+}
+
+.kv-hidden,
+.file-caption-icon,
+.file-zoom-dialog .modal-header:before,
+.file-zoom-dialog .modal-header:after,
+.file-input-new .file-preview,
+.file-input-new .close,
+.file-input-new .glyphicon-file,
+.file-input-new .fileinput-remove-button,
+.file-input-new .fileinput-upload-button,
+.file-input-new .no-browse .input-group-btn,
+.file-input-ajax-new .fileinput-remove-button,
+.file-input-ajax-new .fileinput-upload-button,
+.file-input-ajax-new .no-browse .input-group-btn,
+.hide-content .kv-file-content,
+.is-locked .fileinput-upload-button,
+.is-locked .fileinput-remove-button {
+    display: none;
+}
+
+.file-caption .input-group {
+    align-items: center;
+}
+
+.btn-file input[type=file],
+.file-caption-icon,
+.file-preview .fileinput-remove,
+.krajee-default .file-thumb-progress,
+.file-zoom-dialog .btn-navigate,
+.file-zoom-dialog .floating-buttons {
+    position: absolute;
+}
+
+.file-caption-icon .kv-caption-icon {
+    line-height: inherit;
+}
+
+.file-input,
+.file-loading:before,
+.btn-file,
+.file-caption,
+.file-preview,
+.krajee-default.file-preview-frame,
+.krajee-default .file-thumbnail-footer,
+.file-zoom-dialog .modal-dialog {
+    position: relative;
+}
+
+.file-error-message pre,
+.file-error-message ul,
+.krajee-default .file-actions,
+.krajee-default .file-other-error {
+    text-align: left;
+}
+
+.file-error-message pre,
+.file-error-message ul {
+    margin: 0;
+}
+
+.krajee-default .file-drag-handle,
+.krajee-default .file-upload-indicator {
+    float: left;
+    margin-top: 10px;
+    width: 16px;
+    height: 16px;
+}
+
+.file-thumb-progress .progress,
+.file-thumb-progress .progress-bar {
+    font-family: Verdana, Helvetica, sans-serif;
+    font-size: 0.7rem;
+}
+
+.krajee-default .file-thumb-progress .progress,
+.kv-upload-progress .progress {
+    background-color: #ccc;
+}
+
+.krajee-default .file-caption-info,
+.krajee-default .file-size-info {
+    display: block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 160px;
+    height: 15px;
+    margin: auto;
+}
+
+.file-zoom-content > .file-object.type-video,
+.file-zoom-content > .file-object.type-flash,
+.file-zoom-content > .file-object.type-image {
+    max-width: 100%;
+    max-height: 100%;
+    width: auto;
+}
+
+.file-zoom-content > .file-object.type-video,
+.file-zoom-content > .file-object.type-flash {
+    height: 100%;
+}
+
+.file-zoom-content > .file-object.type-pdf,
+.file-zoom-content > .file-object.type-html,
+.file-zoom-content > .file-object.type-text,
+.file-zoom-content > .file-object.type-default {
+    width: 100%;
+}
+
+.file-loading:before {
+    content: " Loading...";
+    display: inline-block;
+    padding-left: 20px;
+    line-height: 16px;
+    font-size: 13px;
+    font-variant: small-caps;
+    color: #999;
+    background: transparent url(../img/loading.gif) top left no-repeat;
+}
+
+.file-object {
+    margin: 0 0 -5px 0;
+    padding: 0;
+}
+
+.btn-file {
+    overflow: hidden;
+}
+
+.btn-file input[type=file] {
+    top: 0;
+    left: 0;
+    min-width: 100%;
+    min-height: 100%;
+    text-align: right;
+    opacity: 0;
+    background: none repeat scroll 0 0 transparent;
+    cursor: inherit;
+    display: block;
+}
+
+.btn-file ::-ms-browse {
+    font-size: 10000px;
+    width: 100%;
+    height: 100%;
+}
+
+.file-caption.icon-visible .file-caption-icon {
+    display: inline-block;
+}
+
+.file-caption.icon-visible .file-caption-name {
+    padding-left: 25px;
+}
+
+.file-caption.icon-visible > .input-group-lg .file-caption-name {
+    padding-left: 30px;
+}
+
+.file-caption.icon-visible > .input-group-sm .file-caption-name {
+    padding-left: 22px;
+}
+
+.file-caption-name:not(.file-caption-disabled) {
+    background-color: transparent;
+}
+
+.file-caption-name.file-processing {
+    font-style: italic;
+    border-color: #bbb;
+    opacity: 0.5;
+}
+
+.file-caption-icon {
+    padding: 7px 5px;
+    left: 4px;
+}
+
+.input-group-lg .file-caption-icon {
+    font-size: 1.25rem;
+}
+
+.input-group-sm .file-caption-icon {
+    font-size: 0.875rem;
+    padding: 0.25rem;
+}
+
+.file-error-message {
+    color: #a94442;
+    background-color: #f2dede;
+    margin: 5px;
+    border: 1px solid #ebccd1;
+    border-radius: 4px;
+    padding: 15px;
+}
+
+.file-error-message pre {
+    margin: 5px 0;
+}
+
+.file-caption-disabled {
+    background-color: #eee;
+    cursor: not-allowed;
+    opacity: 1;
+}
+
+.file-preview {
+    border-radius: 5px;
+    border: 1px solid #ddd;
+    padding: 8px;
+    width: 100%;
+    margin-bottom: 5px;
+}
+
+.file-preview .btn-xs {
+    padding: 1px 5px;
+    font-size: 12px;
+    line-height: 1.5;
+    border-radius: 3px;
+}
+
+.file-preview .fileinput-remove {
+    top: 1px;
+    right: 1px;
+    line-height: 10px;
+}
+
+.file-preview .clickable {
+    cursor: pointer;
+}
+
+.file-preview-image {
+    font: 40px Impact, Charcoal, sans-serif;
+    color: #008000;
+    width: auto;
+    height: auto;
+    max-width: 100%;
+    max-height: 100%;
+}
+
+.krajee-default.file-preview-frame {
+    margin: 8px;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+    padding: 6px;
+    float: left;
+    text-align: center;
+
+}
+
+.krajee-default.file-preview-frame .kv-file-content {
+    width: 213px;
+    height: 160px;
+}
+
+.krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered {
+    width: 400px;
+}
+
+.krajee-default.file-preview-frame[data-template="audio"] .kv-file-content {
+    width: 240px;
+    height: 55px;
+}
+
+.krajee-default.file-preview-frame .file-thumbnail-footer {
+    height: 70px;
+}
+
+.krajee-default.file-preview-frame:not(.file-preview-error):hover {
+    border: 1px solid rgba(0, 0, 0, 0.3);
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
+}
+
+.krajee-default .file-preview-text {
+    color: #428bca;
+    border: 1px solid #ddd;
+    outline: none;
+    resize: none;
+}
+
+.krajee-default .file-preview-html {
+    border: 1px solid #ddd;
+}
+
+.krajee-default .file-other-icon {
+    font-size: 6em;
+    line-height: 1;
+}
+
+.krajee-default .file-footer-buttons {
+    float: right;
+}
+
+.krajee-default .file-footer-caption {
+    display: block;
+    text-align: center;
+    padding-top: 4px;
+    font-size: 11px;
+    color: #999;
+    margin-bottom: 30px;
+}
+
+.file-upload-stats {
+    font-size: 10px;
+    text-align: center;
+    width: 100%;
+}
+
+.kv-upload-progress .file-upload-stats {
+    font-size: 12px;
+    margin: -10px 0 5px;
+}
+
+.krajee-default .file-preview-error {
+    opacity: 0.65;
+    box-shadow: none;
+}
+
+.krajee-default .file-thumb-progress {
+    top: 37px;
+    left: 0;
+    right: 0;
+}
+
+.krajee-default.kvsortable-ghost {
+    background: #e1edf7;
+    border: 2px solid #a1abff;
+}
+
+.krajee-default .file-preview-other:hover {
+    opacity: 0.8;
+}
+
+.krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
+    color: #000;
+}
+
+.kv-upload-progress .progress {
+    height: 20px;
+    margin: 10px 0;
+    overflow: hidden;
+}
+
+.kv-upload-progress .progress-bar {
+    height: 20px;
+    font-family: Verdana, Helvetica, sans-serif;
+}
+
+
+/*noinspection CssOverwrittenProperties*/
+
+.file-zoom-dialog .file-other-icon {
+    font-size: 22em;
+    font-size: 50vmin;
+}
+
+.file-zoom-dialog .modal-dialog {
+    width: auto;
+}
+
+.file-zoom-dialog .modal-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.file-zoom-dialog .btn-navigate {
+    margin: 0 0.1rem;
+    padding: 0;
+    font-size: 1.2rem;
+    width: 2.4rem;
+    height: 2.4rem;
+    top: 50%;
+    border-radius: 50%;
+    text-align: center;
+}
+
+.btn-navigate * {
+    width: auto;
+}
+
+.file-zoom-dialog .floating-buttons {
+    top: 5px;
+    right: 10px;
+}
+
+.file-zoom-dialog .btn-kv-prev {
+    left: 0;
+}
+
+.file-zoom-dialog .btn-kv-next {
+    right: 0;
+}
+
+.file-zoom-dialog .kv-zoom-header {
+    padding: 0.5rem;
+}
+
+.file-zoom-dialog .kv-zoom-body {
+    padding: 0.25rem;
+}
+
+.file-zoom-dialog .kv-zoom-description {
+    position: absolute;
+    opacity: 0.8;
+    font-size: 0.8rem;
+    background-color: #1a1a1a;
+    padding: 1rem;
+    text-align: center;
+    border-radius: 0.5rem;
+    color: #fff;
+    left: 15%;
+    right: 15%;
+    bottom: 15%;
+}
+
+.file-zoom-dialog .kv-desc-hide {
+    float: right;
+    color: #fff;
+    padding: 0 0.1rem;
+    background: none;
+    border: none;
+}
+
+.file-zoom-dialog .kv-desc-hide:hover {
+    opacity: 0.7;
+}
+
+.file-zoom-dialog .kv-desc-hide:focus {
+    opacity: 0.9;
+}
+
+.file-input-new .no-browse .form-control {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+}
+
+.file-input-ajax-new .no-browse .form-control {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+}
+
+.file-caption {
+    width: 100%;
+    position: relative;
+}
+
+.file-thumb-loading {
+    background: transparent url(../img/loading.gif) no-repeat scroll center center content-box !important;
+}
+
+.file-drop-zone {
+    border: 1px dashed #aaa;
+    height: 100px;
+    border-radius: 4px;
+    text-align: center;
+    vertical-align: middle;
+    margin: 12px 15px 12px 12px;
+    padding: 5px;
+}
+
+.file-drop-zone.clickable:hover {
+    border: 2px dashed #999;
+}
+
+.file-drop-zone.clickable:focus {
+    border: 2px solid #5acde2;
+}
+
+.file-drop-zone .file-preview-thumbnails {
+    cursor: default;
+}
+
+.file-drop-zone-title {
+    color: #aaa;
+    text-align: center;
+    cursor: default;
+}
+
+.file-highlighted {
+    border: 2px dashed #999 !important;
+    background-color: #eee;
+}
+
+.file-uploading {
+    background: url(../img/loading-sm.gif) no-repeat center bottom 10px;
+    opacity: 0.65;
+}
+
+.file-zoom-fullscreen .modal-dialog {
+    min-width: 100%;
+    margin: 0;
+}
+
+.file-zoom-fullscreen .modal-content {
+    border-radius: 0;
+    box-shadow: none;
+    min-height: 100vh;
+}
+
+.file-zoom-fullscreen .kv-zoom-body {
+    overflow-y: auto;
+}
+
+.floating-buttons {
+    z-index: 3000;
+}
+
+.floating-buttons .btn-kv {
+    margin-left: 3px;
+    z-index: 3000;
+}
+
+.kv-zoom-actions {
+    min-width: 140px;
+}
+
+.kv-zoom-actions .btn-kv {
+    margin-left: 3px;
+}
+
+.file-zoom-content {
+    text-align: center;
+    white-space: nowrap;
+    min-height: 300px;
+}
+
+.file-zoom-content:hover {
+    background: transparent;
+}
+
+.file-zoom-content .file-preview-image {
+    max-height: 100%;
+}
+
+.file-zoom-content .file-preview-video {
+    max-height: 100%;
+}
+
+.file-zoom-content > .file-object.type-image {
+    height: auto;
+    min-height: inherit;
+}
+
+.file-zoom-content > .file-object.type-audio {
+    width: auto;
+    height: 30px;
+}
+
+@media (min-width: 576px) {
+    .file-zoom-dialog .modal-dialog {
+        max-width: 500px;
+    }
+}
+
+@media (min-width: 992px) {
+    .file-zoom-dialog .modal-lg {
+        max-width: 800px;
+    }
+}
+
+@media (max-width: 767px) {
+    .file-preview-thumbnails {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+    }
+
+    .file-zoom-dialog .modal-header {
+        flex-direction: column;
+    }
+}
+
+@media (max-width: 350px) {
+    .krajee-default.file-preview-frame:not([data-template="audio"]) .kv-file-content {
+        width: 160px;
+    }
+}
+
+@media (max-width: 420px) {
+    .krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered {
+        width: 100%;
+    }
+}
+
+.file-loading[dir=rtl]:before {
+    background: transparent url(../img/loading.gif) top right no-repeat;
+    padding-left: 0;
+    padding-right: 20px;
+}
+
+.clickable .file-drop-zone-title {
+    cursor: pointer;
+}
+
+.file-sortable .file-drag-handle:hover {
+    opacity: 0.7;
+}
+
+.file-sortable .file-drag-handle {
+    cursor: grab;
+    opacity: 1;
+}
+
+.file-grabbing,
+.file-grabbing * {
+    cursor: not-allowed !important;
+}
+
+.file-grabbing .file-preview-thumbnails * {
+    cursor: grabbing !important;
+}
+
+.file-preview-frame.sortable-chosen {
+    background-color: #d9edf7;
+    border-color: #17a2b8;
+    box-shadow: none !important;
+}
+
+.file-preview .kv-zoom-cache {
+    display: none;
+}
+
+.file-preview-other-frame, .file-preview-object, .kv-file-content, .kv-zoom-body {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.btn-kv-rotate,
+.kv-file-rotate {
+    display: none;
+}
+
+.rotatable:not(.hide-rotate) .btn-kv-rotate,
+.rotatable:not(.hide-rotate) .kv-file-rotate {
+    display: inline-block;
+}
+
+.rotatable .file-zoom-detail,
+.rotatable .kv-file-content,
+.rotatable .kv-file-content > :first-child {
+    transform-origin: center center;
+}
+
+.rotate-animate {
+    transition: transform 0.3s ease;
+}
+
+.kv-overflow-hidden {
+    overflow: hidden;
+}

static/css/style.css

@@ -0,0 +1,502 @@
+/********** Template CSS **********/
+:root {
+    --primary: #4294E3;
+    --secondary: #8F12FD;
+    --light: #F0F6FF;
+    --dark: #262B47;
+}
+
+
+/*** Spinner ***/
+#spinner {
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity .5s ease-out, visibility 0s linear .5s;
+    z-index: 99999;
+}
+
+#spinner.show {
+    transition: opacity .5s ease-out, visibility 0s linear 0s;
+    visibility: visible;
+    opacity: 1;
+}
+
+
+/*** Heading ***/
+h1,
+h2,
+.fw-bold {
+    font-weight: 700 !important;
+}
+
+h3,
+h4,
+.fw-semi-bold {
+    font-weight: 600 !important;
+}
+
+h5,
+h6,
+.fw-medium {
+    font-weight: 500 !important;
+}
+
+
+/*** Gradient Text & BG ***/
+.text-primary-gradient {
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+.text-secondary-gradient {
+    background: linear-gradient(to bottom right, var(--secondary), var(--primary));
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+.bg-primary-gradient {
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+}
+
+.bg-secondary-gradient {
+    background: linear-gradient(to bottom right, var(--secondary), var(--primary));
+}
+
+
+/*** Button ***/
+.btn {
+    transition: .5s;
+}
+
+.btn.btn-primary-gradient,
+.btn.btn-secondary-gradient {
+    position: relative;
+    overflow: hidden;
+    border: none;
+    color: #FFFFFF;
+    z-index: 1;
+}
+
+.btn.btn-primary-gradient::after,
+.btn.btn-secondary-gradient::after {
+    position: absolute;
+    content: "";
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    transition: .5s;
+    z-index: -1;
+    opacity: 0;
+}
+
+.btn.btn-primary-gradient,
+.btn.btn-secondary-gradient::after {
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+}
+
+.btn.btn-secondary-gradient,
+.btn.btn-primary-gradient::after {
+    background: linear-gradient(to bottom right, var(--secondary), var(--primary));
+}
+
+.btn.btn-primary-gradient:hover::after,
+.btn.btn-secondary-gradient:hover::after {
+    opacity: 1;
+}
+
+.btn-square {
+    width: 38px;
+    height: 38px;
+}
+
+.btn-sm-square {
+    width: 32px;
+    height: 32px;
+}
+
+.btn-lg-square {
+    width: 48px;
+    height: 48px;
+}
+
+.btn-square,
+.btn-sm-square,
+.btn-lg-square {
+    padding: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: normal;
+    border-radius: 50px;
+}
+
+.back-to-top {
+    position: fixed;
+    display: none;
+    right: 45px;
+    bottom: 45px;
+    z-index: 99;
+    border: none;
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+}
+
+
+/*** Navbar ***/
+.navbar-light .navbar-nav .nav-link {
+    position: relative;
+    margin-right: 25px;
+    padding: 45px 0;
+    font-family: 'Jost', sans-serif;
+    font-size: 18px;
+    font-weight: 500;
+    color: var(--light) !important;
+    outline: none;
+    transition: .5s;
+}
+
+.navbar-light .navbar-nav .nav-link::before {
+    position: absolute;
+    content: "";
+    width: 0;
+    height: 0;
+    top: -10px;
+    left: 50%;
+    transform: translateX(-50%);
+    border: 10px solid;
+    border-color: var(--light) transparent transparent transparent;
+    transition: .5s;
+}
+
+.sticky-top.navbar-light .navbar-nav .nav-link {
+    padding: 20px 0;
+    color: var(--dark) !important;
+}
+
+.navbar-light .navbar-nav .nav-link:hover::before,
+.navbar-light .navbar-nav .nav-link.active::before {
+    top: 0;
+}
+
+.navbar-light .navbar-brand h1 {
+    color: #FFFFFF;
+}
+
+.navbar-light .navbar-brand img {
+    max-height: 60px;
+    transition: .5s;
+}
+
+.sticky-top.navbar-light .navbar-brand img {
+    max-height: 45px;
+}
+
+@media (max-width: 991.98px) {
+    .sticky-top.navbar-light {
+        position: relative;
+        background: #FFFFFF;
+    }
+
+    .navbar-light .navbar-collapse {
+        margin-top: 15px;
+        border-top: 1px solid #DDDDDD;
+    }
+
+    .navbar-light .navbar-nav .nav-link,
+    .sticky-top.navbar-light .navbar-nav .nav-link {
+        padding: 10px 0;
+        margin-left: 0;
+        color: var(--dark) !important;
+    }
+
+    .navbar-light .navbar-nav .nav-link::before {
+        display: none;
+    }
+
+    .navbar-light .navbar-nav .nav-link:hover,
+    .navbar-light .navbar-nav .nav-link.active {
+        color: var(--primary) !important;
+    }
+
+    .navbar-light .navbar-brand h1 {
+        background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+    }
+
+    .navbar-light .navbar-brand img {
+        max-height: 45px;
+    }
+}
+
+@media (min-width: 992px) {
+    .navbar-light {
+        position: absolute;
+        width: 100%;
+        top: 0;
+        left: 0;
+        z-index: 999;
+    }
+    
+    .sticky-top.navbar-light {
+        position: fixed;
+        background: #FFFFFF;
+    }
+
+    .sticky-top.navbar-light .navbar-nav .nav-link::before {
+        border-top-color: var(--primary);
+    }
+
+    .sticky-top.navbar-light .navbar-brand h1 {
+        background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+    }
+}
+
+
+/*** Hero Header ***/
+.hero-header {
+    margin-bottom: 6rem;
+    padding: 16rem 0 0 0;
+    background:
+        url(../img/bg-circle.png),
+        url(../img/bg-triangle.png),
+        url(../img/bg-bottom.png),
+        linear-gradient(to bottom right, var(--primary), var(--secondary));
+    background-position:
+        left 0px top 0px,
+        right 0px top 50%,
+        center bottom;
+    background-repeat: no-repeat;
+}
+
+@media (max-width: 991.98px) {
+    .hero-header {
+        padding: 6rem 0 9rem 0;
+    }
+}
+
+
+/*** Feature ***/
+.feature-item {
+    transition: .5s;
+}
+
+.feature-item:hover {
+    margin-top: -15px;
+    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .08);
+}
+
+
+/*** Pricing ***/
+.pricing .nav {
+    padding: 2px;
+}
+
+.pricing .nav-link {
+    padding: 12px 30px;
+    font-weight: 500;
+    color: var(--dark);
+    background: #FFFFFF;
+}
+
+.pricing .nav-item:first-child .nav-link {
+    border-radius: 30px 0 0 30px;
+}
+
+.pricing .nav-item:last-child .nav-link {
+    border-radius: 0 30px 30px 0;
+}
+
+.pricing .nav-link.active {
+    color: #FFFFFF;
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+}
+
+
+/*** Screenshot ***/
+.screenshot-carousel {
+    position: relative;
+    width: 253px;
+    height: 500px;
+    padding: 15px;
+    margin-right: 30px;
+}
+
+.screenshot-carousel::before {
+    position: absolute;
+    content: "";
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background: url(../img/screenshot-frame.png) center center no-repeat;
+    background-size: 253px 500px;
+    z-index: 1;
+}
+
+.screenshot-carousel .owl-item img {
+    position: relative;
+    width: 223px;
+    height: 470px;
+}
+
+.screenshot-carousel .owl-dots {
+    position: absolute;
+    top: 50%;
+    right: -30px;
+    transform: translateY(-50%);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.screenshot-carousel .owl-dot {
+    position: relative;
+    display: inline-block;
+    margin: 5px 0;
+    width: 15px;
+    height: 15px;
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+    border-radius: 15px;
+    transition: .5s;
+}
+
+.screenshot-carousel .owl-dot::after {
+    position: absolute;
+    content: "";
+    width: 5px;
+    height: 5px;
+    top: 5px;
+    left: 5px;
+    background: #FFFFFF;
+    border-radius: 5px;
+}
+
+.screenshot-carousel .owl-dot.active {
+    box-shadow: 0 0 10px var(--dark);
+}
+
+
+/*** Testimonial ***/
+.testimonial-carousel .owl-item .testimonial-item,
+.testimonial-carousel .owl-item .testimonial-item * {
+    transition: .5s;
+}
+
+.testimonial-carousel .owl-item.center .testimonial-item {
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+}
+
+.testimonial-carousel .owl-item.center .testimonial-item h5,
+.testimonial-carousel .owl-item.center .testimonial-item p {
+    color: #FFFFFF !important;
+}
+
+.testimonial-carousel .owl-nav {
+    margin-top: 30px;
+    display: flex;
+    justify-content: center;
+}
+
+.testimonial-carousel .owl-nav .owl-prev,
+.testimonial-carousel .owl-nav .owl-next {
+    margin: 0 12px;
+    width: 50px;
+    height: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #FFFFFF;
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+    border-radius: 60px;
+    font-size: 18px;
+    transition: .5s;
+}
+
+.testimonial-carousel .owl-nav .owl-prev:hover,
+.testimonial-carousel .owl-nav .owl-next:hover {
+    background: linear-gradient(to bottom right, var(--secondary), var(--primary));
+}
+
+
+/*** Footer ***/
+.footer {
+    margin-top: 6rem;
+    padding-top: 9rem;
+    background:
+        url(../img/bg-circle.png),
+        url(../img/bg-triangle.png),
+        url(../img/bg-top.png),
+        linear-gradient(to bottom right, var(--primary), var(--secondary));
+    background-position:
+        left 0px bottom 0px,
+        right 0px top 50%,
+        center top;
+    background-repeat: no-repeat;
+}
+
+.footer .btn.btn-social {
+    margin-right: 5px;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--light);
+    border: 1px solid rgba(256, 256, 256, .1);
+    border-radius: 40px;
+    transition: .3s;
+}
+
+.footer .btn.btn-social:hover {
+    color: var(--primary);
+}
+
+.footer .btn.btn-link {
+    display: block;
+    margin-bottom: 10px;
+    padding: 0;
+    text-align: left;
+    color: var(--light);
+    font-weight: normal;
+    transition: .3s;
+}
+
+.footer .btn.btn-link::before {
+    position: relative;
+    content: "\f105";
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    margin-right: 10px;
+}
+
+.footer .btn.btn-link:hover {
+    letter-spacing: 1px;
+    box-shadow: none;
+}
+
+.footer .copyright {
+    padding: 25px 0;
+    font-size: 14px;
+    border-top: 1px solid rgba(256, 256, 256, .1);
+}
+
+.footer .copyright a {
+    color: var(--light);
+}
+
+.footer .footer-menu a {
+    margin-right: 15px;
+    padding-right: 15px;
+    border-right: 1px solid rgba(255, 255, 255, .1);
+}
+
+.footer .footer-menu a:last-child {
+    margin-right: 0;
+    padding-right: 0;
+    border-right: none;
+}

static/css/vendor.bundle.base.css

@@ -0,0 +1,116 @@
+/*
+ * Container style
+ */
+ .ps {
+    overflow: hidden !important;
+    overflow-anchor: none;
+    -ms-overflow-style: none;
+    touch-action: auto;
+    -ms-touch-action: auto;
+  }
+  
+  /*
+   * Scrollbar rail styles
+   */
+  .ps__rail-x {
+    display: none;
+    opacity: 0;
+    transition: background-color .2s linear, opacity .2s linear;
+    -webkit-transition: background-color .2s linear, opacity .2s linear;
+    height: 15px;
+    /* there must be 'bottom' or 'top' for ps__rail-x */
+    bottom: 0px;
+    /* please don't change 'position' */
+    position: absolute;
+  }
+  
+  .ps__rail-y {
+    display: none;
+    opacity: 0;
+    transition: background-color .2s linear, opacity .2s linear;
+    -webkit-transition: background-color .2s linear, opacity .2s linear;
+    width: 15px;
+    /* there must be 'right' or 'left' for ps__rail-y */
+    right: 0;
+    /* please don't change 'position' */
+    position: absolute;
+  }
+  
+  .ps--active-x > .ps__rail-x,
+  .ps--active-y > .ps__rail-y {
+    display: block;
+    background-color: transparent;
+  }
+  
+  .ps:hover > .ps__rail-x,
+  .ps:hover > .ps__rail-y,
+  .ps--focus > .ps__rail-x,
+  .ps--focus > .ps__rail-y,
+  .ps--scrolling-x > .ps__rail-x,
+  .ps--scrolling-y > .ps__rail-y {
+    opacity: 0.6;
+  }
+  
+  .ps .ps__rail-x:hover,
+  .ps .ps__rail-y:hover,
+  .ps .ps__rail-x:focus,
+  .ps .ps__rail-y:focus,
+  .ps .ps__rail-x.ps--clicking,
+  .ps .ps__rail-y.ps--clicking {
+    background-color: #eee;
+    opacity: 0.9;
+  }
+  
+  /*
+   * Scrollbar thumb styles
+   */
+  .ps__thumb-x {
+    background-color: #aaa;
+    border-radius: 6px;
+    transition: background-color .2s linear, height .2s ease-in-out;
+    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
+    height: 6px;
+    /* there must be 'bottom' for ps__thumb-x */
+    bottom: 2px;
+    /* please don't change 'position' */
+    position: absolute;
+  }
+  
+  .ps__thumb-y {
+    background-color: #aaa;
+    border-radius: 6px;
+    transition: background-color .2s linear, width .2s ease-in-out;
+    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
+    width: 6px;
+    /* there must be 'right' for ps__thumb-y */
+    right: 2px;
+    /* please don't change 'position' */
+    position: absolute;
+  }
+  
+  .ps__rail-x:hover > .ps__thumb-x,
+  .ps__rail-x:focus > .ps__thumb-x,
+  .ps__rail-x.ps--clicking .ps__thumb-x {
+    background-color: #999;
+    height: 11px;
+  }
+  
+  .ps__rail-y:hover > .ps__thumb-y,
+  .ps__rail-y:focus > .ps__thumb-y,
+  .ps__rail-y.ps--clicking .ps__thumb-y {
+    background-color: #999;
+    width: 11px;
+  }
+  
+  /* MS supports */
+  @supports (-ms-overflow-style: none) {
+    .ps {
+      overflow: auto !important;
+    }
+  }
+  
+  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+    .ps {
+      overflow: auto !important;
+    }
+  }