diff --git a/.env b/.env
new file mode 100644
index 0000000..d0c634f
--- /dev/null
+++ b/.env
@@ -0,0 +1,3 @@
+DATABASE_HOST="localhost"
+DATABASE_USERNAME="postgres"
+DATABASE_PASSWORD="123456789"
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..f894e11
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,24 @@
+# See https://help.github.com/articles/ignoring-files for more about ignoring files.
+#
+# If you find yourself ignoring temporary files generated by your text editor
+# or operating system, you probably want to add a global ignore instead:
+#   git config --global core.excludesfile '~/.gitignore_global'
+
+# Ignore bundler config.
+/.bundle
+
+# Ignore all logfiles and tempfiles.
+/log/*
+/tmp/*
+!/log/.keep
+!/tmp/.keep
+
+
+/node_modules
+/yarn-error.log
+
+/public/assets
+.byebug_history
+
+# Ignore master key for decrypting credentials and more.
+/config/master.key
diff --git a/.ruby-version b/.ruby-version
new file mode 100644
index 0000000..a4db534
--- /dev/null
+++ b/.ruby-version
@@ -0,0 +1 @@
+2.5.3
\ No newline at end of file
diff --git a/Gemfile b/Gemfile
new file mode 100644
index 0000000..6d2ae6e
--- /dev/null
+++ b/Gemfile
@@ -0,0 +1,36 @@
+source 'https://rubygems.org'
+git_source(:github) { |repo| "https://github.com/#{repo}.git" }
+
+ruby '2.5.3'
+gem 'rails', '~> 5.2.2'
+gem 'puma', '~> 3.11'
+gem 'sass-rails', '~> 5.0'
+gem 'uglifier', '>= 1.3.0'
+gem 'coffee-rails', '~> 4.2'
+gem 'turbolinks', '~> 5'
+gem 'jbuilder', '~> 2.5'
+gem 'bootsnap', '>= 1.1.0', require: false
+gem 'pg' # Base de datos
+gem 'whenever' # Cron Jobs para correr tareas a determinada hora
+gem 'sidekiq' # Manejo de tareas en segundo plano
+gem 'redis' # Base de datos en memoria para guardar tareas en segundo plano
+gem 'devise' # Manejo de accesos de usuarios
+gem 'cancancan' # Manejo de permisos
+gem 'slim-rails' # Hacer HTML mas legible
+gem 'dotenv' # Gema para manejar claves y variables de la maquina
+gem 'aasm' # Gema para manejar estados
+
+# Gemas solo para usar en la maquina local
+group :development, :test do
+  gem 'pry-rails' # Debug permite hacer paradas en el codigo y correr lineas de comando
+  gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
+  gem 'letter_opener' # Probar correos en maquina local
+end
+
+group :development do
+  gem 'web-console', '>= 3.3.0'
+  gem 'listen', '>= 3.0.5', '< 3.2'
+  gem 'spring'
+  gem 'spring-watcher-listen', '~> 2.0.0'
+  gem 'erd' # Permite generar un diagrama de la base de datos
+end
diff --git a/Gemfile.lock b/Gemfile.lock
new file mode 100644
index 0000000..d3d65dc
--- /dev/null
+++ b/Gemfile.lock
@@ -0,0 +1,261 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    aasm (5.0.1)
+      concurrent-ruby (~> 1.0)
+    actioncable (5.2.2)
+      actionpack (= 5.2.2)
+      nio4r (~> 2.0)
+      websocket-driver (>= 0.6.1)
+    actionmailer (5.2.2)
+      actionpack (= 5.2.2)
+      actionview (= 5.2.2)
+      activejob (= 5.2.2)
+      mail (~> 2.5, >= 2.5.4)
+      rails-dom-testing (~> 2.0)
+    actionpack (5.2.2)
+      actionview (= 5.2.2)
+      activesupport (= 5.2.2)
+      rack (~> 2.0)
+      rack-test (>= 0.6.3)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.0, >= 1.0.2)
+    actionview (5.2.2)
+      activesupport (= 5.2.2)
+      builder (~> 3.1)
+      erubi (~> 1.4)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.0, >= 1.0.3)
+    activejob (5.2.2)
+      activesupport (= 5.2.2)
+      globalid (>= 0.3.6)
+    activemodel (5.2.2)
+      activesupport (= 5.2.2)
+    activerecord (5.2.2)
+      activemodel (= 5.2.2)
+      activesupport (= 5.2.2)
+      arel (>= 9.0)
+    activestorage (5.2.2)
+      actionpack (= 5.2.2)
+      activerecord (= 5.2.2)
+      marcel (~> 0.3.1)
+    activesupport (5.2.2)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      i18n (>= 0.7, < 2)
+      minitest (~> 5.1)
+      tzinfo (~> 1.1)
+    addressable (2.6.0)
+      public_suffix (>= 2.0.2, < 4.0)
+    arel (9.0.0)
+    bcrypt (3.1.12)
+    bindex (0.5.0)
+    bootsnap (1.3.2)
+      msgpack (~> 1.0)
+    builder (3.2.3)
+    byebug (10.0.2)
+    cancancan (2.3.0)
+    choice (0.2.0)
+    chronic (0.10.2)
+    coderay (1.1.2)
+    coffee-rails (4.2.2)
+      coffee-script (>= 2.2.0)
+      railties (>= 4.0.0)
+    coffee-script (2.4.1)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.12.2)
+    concurrent-ruby (1.1.4)
+    connection_pool (2.2.2)
+    crass (1.0.4)
+    devise (4.5.0)
+      bcrypt (~> 3.0)
+      orm_adapter (~> 0.1)
+      railties (>= 4.1.0, < 6.0)
+      responders
+      warden (~> 1.2.3)
+    dotenv (2.6.0)
+    erd (0.6.3)
+      nokogiri
+      rails-erd (>= 0.4.5)
+    erubi (1.8.0)
+    execjs (2.7.0)
+    ffi (1.10.0)
+    globalid (0.4.2)
+      activesupport (>= 4.2.0)
+    i18n (1.5.1)
+      concurrent-ruby (~> 1.0)
+    jbuilder (2.8.0)
+      activesupport (>= 4.2.0)
+      multi_json (>= 1.2)
+    launchy (2.4.3)
+      addressable (~> 2.3)
+    letter_opener (1.7.0)
+      launchy (~> 2.2)
+    listen (3.1.5)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+      ruby_dep (~> 1.2)
+    loofah (2.2.3)
+      crass (~> 1.0.2)
+      nokogiri (>= 1.5.9)
+    mail (2.7.1)
+      mini_mime (>= 0.1.1)
+    marcel (0.3.3)
+      mimemagic (~> 0.3.2)
+    method_source (0.9.2)
+    mimemagic (0.3.3)
+    mini_mime (1.0.1)
+    mini_portile2 (2.4.0)
+    minitest (5.11.3)
+    msgpack (1.2.6)
+    multi_json (1.13.1)
+    nio4r (2.3.1)
+    nokogiri (1.10.1)
+      mini_portile2 (~> 2.4.0)
+    orm_adapter (0.5.0)
+    pg (1.1.4)
+    pry (0.12.2)
+      coderay (~> 1.1.0)
+      method_source (~> 0.9.0)
+    pry-rails (0.3.9)
+      pry (>= 0.10.4)
+    public_suffix (3.0.3)
+    puma (3.12.0)
+    rack (2.0.6)
+    rack-protection (2.0.5)
+      rack
+    rack-test (1.1.0)
+      rack (>= 1.0, < 3)
+    rails (5.2.2)
+      actioncable (= 5.2.2)
+      actionmailer (= 5.2.2)
+      actionpack (= 5.2.2)
+      actionview (= 5.2.2)
+      activejob (= 5.2.2)
+      activemodel (= 5.2.2)
+      activerecord (= 5.2.2)
+      activestorage (= 5.2.2)
+      activesupport (= 5.2.2)
+      bundler (>= 1.3.0)
+      railties (= 5.2.2)
+      sprockets-rails (>= 2.0.0)
+    rails-dom-testing (2.0.3)
+      activesupport (>= 4.2.0)
+      nokogiri (>= 1.6)
+    rails-erd (1.5.2)
+      activerecord (>= 3.2)
+      activesupport (>= 3.2)
+      choice (~> 0.2.0)
+      ruby-graphviz (~> 1.2)
+    rails-html-sanitizer (1.0.4)
+      loofah (~> 2.2, >= 2.2.2)
+    railties (5.2.2)
+      actionpack (= 5.2.2)
+      activesupport (= 5.2.2)
+      method_source
+      rake (>= 0.8.7)
+      thor (>= 0.19.0, < 2.0)
+    rake (12.3.2)
+    rb-fsevent (0.10.3)
+    rb-inotify (0.10.0)
+      ffi (~> 1.0)
+    redis (4.1.0)
+    responders (2.4.1)
+      actionpack (>= 4.2.0, < 6.0)
+      railties (>= 4.2.0, < 6.0)
+    ruby-graphviz (1.2.4)
+    ruby_dep (1.5.0)
+    sass (3.7.3)
+      sass-listen (~> 4.0.0)
+    sass-listen (4.0.0)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+    sass-rails (5.0.7)
+      railties (>= 4.0.0, < 6)
+      sass (~> 3.1)
+      sprockets (>= 2.8, < 4.0)
+      sprockets-rails (>= 2.0, < 4.0)
+      tilt (>= 1.1, < 3)
+    sidekiq (5.2.5)
+      connection_pool (~> 2.2, >= 2.2.2)
+      rack (>= 1.5.0)
+      rack-protection (>= 1.5.0)
+      redis (>= 3.3.5, < 5)
+    slim (4.0.1)
+      temple (>= 0.7.6, < 0.9)
+      tilt (>= 2.0.6, < 2.1)
+    slim-rails (3.2.0)
+      actionpack (>= 3.1)
+      railties (>= 3.1)
+      slim (>= 3.0, < 5.0)
+    spring (2.0.2)
+      activesupport (>= 4.2)
+    spring-watcher-listen (2.0.1)
+      listen (>= 2.7, < 4.0)
+      spring (>= 1.2, < 3.0)
+    sprockets (3.7.2)
+      concurrent-ruby (~> 1.0)
+      rack (> 1, < 3)
+    sprockets-rails (3.2.1)
+      actionpack (>= 4.0)
+      activesupport (>= 4.0)
+      sprockets (>= 3.0.0)
+    temple (0.8.0)
+    thor (0.20.3)
+    thread_safe (0.3.6)
+    tilt (2.0.9)
+    turbolinks (5.2.0)
+      turbolinks-source (~> 5.2)
+    turbolinks-source (5.2.0)
+    tzinfo (1.2.5)
+      thread_safe (~> 0.1)
+    uglifier (4.1.20)
+      execjs (>= 0.3.0, < 3)
+    warden (1.2.8)
+      rack (>= 2.0.6)
+    web-console (3.7.0)
+      actionview (>= 5.0)
+      activemodel (>= 5.0)
+      bindex (>= 0.4.0)
+      railties (>= 5.0)
+    websocket-driver (0.7.0)
+      websocket-extensions (>= 0.1.0)
+    websocket-extensions (0.1.3)
+    whenever (0.10.0)
+      chronic (>= 0.6.3)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  aasm
+  bootsnap (>= 1.1.0)
+  byebug
+  cancancan
+  coffee-rails (~> 4.2)
+  devise
+  dotenv
+  erd
+  jbuilder (~> 2.5)
+  letter_opener
+  listen (>= 3.0.5, < 3.2)
+  pg
+  pry-rails
+  puma (~> 3.11)
+  rails (~> 5.2.2)
+  redis
+  sass-rails (~> 5.0)
+  sidekiq
+  slim-rails
+  spring
+  spring-watcher-listen (~> 2.0.0)
+  turbolinks (~> 5)
+  uglifier (>= 1.3.0)
+  web-console (>= 3.3.0)
+  whenever
+
+RUBY VERSION
+   ruby 2.5.3p105
+
+BUNDLED WITH
+   1.17.2
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..7a724b4
--- /dev/null
+++ b/README.md
@@ -0,0 +1,35 @@
+# JPIR
+## Sobre el proyecto
+
+## Versiones y dependencias
+
+## Estructura de los directorios
+
+- El archivo '.env' se utiliza para definir variables de enviroment, este no debe ser subido al repositorio o compartido sin autorizacion, contiene claves privadas.
+- Dentro de la carpeta app se encuentra toda la logica propia del proyecto como son los modelos, vistas, controladores, estilos, javascripts y helpers
+- Vendor es una carpeta especial que contiene el codigo que no es propio, osea las librerias de terceros como boostrap, jquery entre otras.
+
+## Notas importantes
+
+## Sobre la base de datos
+
+## Comandos mas usados
+
+```bash
+  # Este comando crea una migracion y un modelo asociado a esta
+  # La migracion indica un cambio en la base de datos.
+  rails g model <nombre_del_modelo> <campo1>:<tipo_de_dato> <campo2>:<tipo_de_dato>
+```
+
+## Sobre el servidor de produccion
+
+## Como probar los correos
+
+## Sobre la plantilla
+
+- Utilizamos slim para hacer html mas bonito y mas facil de leer
+
+## Seguridad
+
+- Utilizamos a Devise para manejar la parte del acceso al sistema, controla el registro, recuperacion de clave, cambio y sesiones.
+- AASM es una gema para manejar la transicion entre un estado y otro, con esta colocamos las acciones que se deben dar para cambiar los estados y de que estado a cual se puede cambiar.
diff --git a/Rakefile b/Rakefile
new file mode 100644
index 0000000..e85f913
--- /dev/null
+++ b/Rakefile
@@ -0,0 +1,6 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require_relative 'config/application'
+
+Rails.application.load_tasks
diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js
new file mode 100644
index 0000000..b16e53d
--- /dev/null
+++ b/app/assets/config/manifest.js
@@ -0,0 +1,3 @@
+//= link_tree ../images
+//= link_directory ../javascripts .js
+//= link_directory ../stylesheets .css
diff --git a/app/assets/images/.keep b/app/assets/images/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
new file mode 100644
index 0000000..e5a7e63
--- /dev/null
+++ b/app/assets/javascripts/application.js
@@ -0,0 +1,43 @@
+// This is a manifest file that'll be compiled into application, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
+// vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require rails-ujs
+//= require turbolinks
+//= require_tree .
+
+//Templates JS
+//= require jquery
+//= require jquery.cookie
+//= require bootstrap
+//= require handlebars
+//= require typeahead.bundle
+//= require jquery.nicescroll
+//= require jquery.sparkline.min
+//= require jquery.easing.1.3
+//= require ion.sound
+//= require bootbox
+//= require bootstrap-session-timeout
+//= require jquery.flot
+//= require jquery.flot.spline.min
+//= require jquery.flot.categories
+//= require jquery.flot.tooltip.min
+//= require jquery.flot.resize
+//= require jquery.flot.pie
+//= require dropzone
+//= require jquery.gritter
+//= require skycons
+//= require waypoints
+//= require jquery.counterup
+//= require bootstrap-tour
+//= require apps
+//= require pages/blankon.dashboard
+//= require demo
diff --git a/app/assets/javascripts/cable.js b/app/assets/javascripts/cable.js
new file mode 100644
index 0000000..739aa5f
--- /dev/null
+++ b/app/assets/javascripts/cable.js
@@ -0,0 +1,13 @@
+// Action Cable provides the framework to deal with WebSockets in Rails.
+// You can generate new channels where WebSocket features live using the `rails generate channel` command.
+//
+//= require action_cable
+//= require_self
+//= require_tree ./channels
+
+(function() {
+  this.App || (this.App = {});
+
+  App.cable = ActionCable.createConsumer();
+
+}).call(this);
diff --git a/app/assets/javascripts/channels/.keep b/app/assets/javascripts/channels/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/app/assets/javascripts/dashboard.coffee b/app/assets/javascripts/dashboard.coffee
new file mode 100644
index 0000000..24f83d1
--- /dev/null
+++ b/app/assets/javascripts/dashboard.coffee
@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://coffeescript.org/
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
new file mode 100644
index 0000000..fa0783b
--- /dev/null
+++ b/app/assets/stylesheets/application.css
@@ -0,0 +1,27 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
+ * vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ *= require bootstrap
+ *= require font-awesome
+ *= require animate
+ *= require dropzone
+ *= require jquery.gritter
+ *= require bootstrap-tour
+ *= require reset
+ *= require layout
+ *= require components
+ *= require plugins
+ *= require themes/default.theme
+ *= require custom
+ */
diff --git a/app/assets/stylesheets/dashboard.scss b/app/assets/stylesheets/dashboard.scss
new file mode 100644
index 0000000..3a51a8c
--- /dev/null
+++ b/app/assets/stylesheets/dashboard.scss
@@ -0,0 +1,3 @@
+// Place all the styles related to the dashboard controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
diff --git a/app/channels/application_cable/channel.rb b/app/channels/application_cable/channel.rb
new file mode 100644
index 0000000..d672697
--- /dev/null
+++ b/app/channels/application_cable/channel.rb
@@ -0,0 +1,4 @@
+module ApplicationCable
+  class Channel < ActionCable::Channel::Base
+  end
+end
diff --git a/app/channels/application_cable/connection.rb b/app/channels/application_cable/connection.rb
new file mode 100644
index 0000000..0ff5442
--- /dev/null
+++ b/app/channels/application_cable/connection.rb
@@ -0,0 +1,4 @@
+module ApplicationCable
+  class Connection < ActionCable::Connection::Base
+  end
+end
diff --git a/app/controllers/api/location_controller.rb b/app/controllers/api/location_controller.rb
new file mode 100644
index 0000000..3379b22
--- /dev/null
+++ b/app/controllers/api/location_controller.rb
@@ -0,0 +1,4 @@
+class Api::LocationController < ApplicationController
+  def get
+  end
+end
diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb
new file mode 100644
index 0000000..09705d1
--- /dev/null
+++ b/app/controllers/application_controller.rb
@@ -0,0 +1,2 @@
+class ApplicationController < ActionController::Base
+end
diff --git a/app/controllers/concerns/.keep b/app/controllers/concerns/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/app/controllers/dashboard_controller.rb b/app/controllers/dashboard_controller.rb
new file mode 100644
index 0000000..e8f129a
--- /dev/null
+++ b/app/controllers/dashboard_controller.rb
@@ -0,0 +1,4 @@
+class DashboardController < ApplicationController
+  def home
+  end
+end
diff --git a/app/helpers/api/location_helper.rb b/app/helpers/api/location_helper.rb
new file mode 100644
index 0000000..f00b54a
--- /dev/null
+++ b/app/helpers/api/location_helper.rb
@@ -0,0 +1,2 @@
+module Api::LocationHelper
+end
diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
new file mode 100644
index 0000000..de6be79
--- /dev/null
+++ b/app/helpers/application_helper.rb
@@ -0,0 +1,2 @@
+module ApplicationHelper
+end
diff --git a/app/helpers/dashboard_helper.rb b/app/helpers/dashboard_helper.rb
new file mode 100644
index 0000000..a94ddfc
--- /dev/null
+++ b/app/helpers/dashboard_helper.rb
@@ -0,0 +1,2 @@
+module DashboardHelper
+end
diff --git a/app/jobs/application_job.rb b/app/jobs/application_job.rb
new file mode 100644
index 0000000..a009ace
--- /dev/null
+++ b/app/jobs/application_job.rb
@@ -0,0 +1,2 @@
+class ApplicationJob < ActiveJob::Base
+end
diff --git a/app/mailers/application_mailer.rb b/app/mailers/application_mailer.rb
new file mode 100644
index 0000000..286b223
--- /dev/null
+++ b/app/mailers/application_mailer.rb
@@ -0,0 +1,4 @@
+class ApplicationMailer < ActionMailer::Base
+  default from: 'from@example.com'
+  layout 'mailer'
+end
diff --git a/app/models/application_record.rb b/app/models/application_record.rb
new file mode 100644
index 0000000..71fbba5
--- /dev/null
+++ b/app/models/application_record.rb
@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+class ApplicationRecord < ActiveRecord::Base
+  self.abstract_class = true
+end
diff --git a/app/models/concerns/.keep b/app/models/concerns/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/app/models/device.rb b/app/models/device.rb
new file mode 100644
index 0000000..8e4f9a0
--- /dev/null
+++ b/app/models/device.rb
@@ -0,0 +1,6 @@
+class Device < ApplicationRecord
+  include AASM
+
+  aasm :column => 'status' do
+  end
+end
diff --git a/app/models/devise_position.rb b/app/models/devise_position.rb
new file mode 100644
index 0000000..20ee549
--- /dev/null
+++ b/app/models/devise_position.rb
@@ -0,0 +1,8 @@
+class DevisePosition < ApplicationRecord
+  include AASM
+
+  aasm :column => 'status' do
+  end
+  belongs_to :device
+  belongs_to :location
+end
diff --git a/app/models/location.rb b/app/models/location.rb
new file mode 100644
index 0000000..ff1668e
--- /dev/null
+++ b/app/models/location.rb
@@ -0,0 +1,2 @@
+class Location < ApplicationRecord
+end
diff --git a/app/models/mobile.rb b/app/models/mobile.rb
new file mode 100644
index 0000000..73102fd
--- /dev/null
+++ b/app/models/mobile.rb
@@ -0,0 +1,7 @@
+class Mobile < ApplicationRecord
+  include AASM
+
+  aasm :column => 'status' do
+  end
+  belongs_to :user
+end
diff --git a/app/models/mobile_ip.rb b/app/models/mobile_ip.rb
new file mode 100644
index 0000000..fd055b7
--- /dev/null
+++ b/app/models/mobile_ip.rb
@@ -0,0 +1,3 @@
+class MobileIp < ApplicationRecord
+  belongs_to :mobile
+end
diff --git a/app/models/mobile_location.rb b/app/models/mobile_location.rb
new file mode 100644
index 0000000..0cf299a
--- /dev/null
+++ b/app/models/mobile_location.rb
@@ -0,0 +1,4 @@
+class MobileLocation < ApplicationRecord
+  belongs_to :mobile
+  belongs_to :location
+end
diff --git a/app/models/permission.rb b/app/models/permission.rb
new file mode 100644
index 0000000..1cdff7b
--- /dev/null
+++ b/app/models/permission.rb
@@ -0,0 +1,2 @@
+class Permission < ApplicationRecord
+end
diff --git a/app/models/rol_permission.rb b/app/models/rol_permission.rb
new file mode 100644
index 0000000..93778c4
--- /dev/null
+++ b/app/models/rol_permission.rb
@@ -0,0 +1,4 @@
+class RolPermission < ApplicationRecord
+  belongs_to :rol
+  belongs_to :permission
+end
diff --git a/app/models/role.rb b/app/models/role.rb
new file mode 100644
index 0000000..5c14f94
--- /dev/null
+++ b/app/models/role.rb
@@ -0,0 +1,2 @@
+class Role < ApplicationRecord
+end
diff --git a/app/models/user.rb b/app/models/user.rb
new file mode 100644
index 0000000..9a81135
--- /dev/null
+++ b/app/models/user.rb
@@ -0,0 +1,11 @@
+class User < ApplicationRecord
+  include AASM
+
+  aasm :column => 'status' do
+  end
+  # Include default devise modules. Others available are:
+  # :confirmable, :lockable, :timeoutable, :trackable and :omniauthable
+  devise :database_authenticatable, :registerable,
+          :recoverable, :rememberable, :validatable,
+          :trackable
+end
diff --git a/app/models/zone.rb b/app/models/zone.rb
new file mode 100644
index 0000000..8dbebd3
--- /dev/null
+++ b/app/models/zone.rb
@@ -0,0 +1,6 @@
+class Zone < ApplicationRecord
+  include AASM
+
+  aasm :column => 'status' do
+  end
+end
diff --git a/app/models/zone_limit.rb b/app/models/zone_limit.rb
new file mode 100644
index 0000000..a185689
--- /dev/null
+++ b/app/models/zone_limit.rb
@@ -0,0 +1,4 @@
+class ZoneLimit < ApplicationRecord
+  belongs_to :zone
+  belongs_to :location
+end
diff --git a/app/views/dashboard/home.html.erb b/app/views/dashboard/home.html.erb
new file mode 100644
index 0000000..20d9e6f
--- /dev/null
+++ b/app/views/dashboard/home.html.erb
@@ -0,0 +1,2 @@
+<h1>Dashboard#home</h1>
+<p>Find me in app/views/dashboard/home.html.erb</p>
diff --git a/app/views/layouts/application.html.slim b/app/views/layouts/application.html.slim
new file mode 100644
index 0000000..29105e1
--- /dev/null
+++ b/app/views/layouts/application.html.slim
@@ -0,0 +1,21 @@
+doctype html
+html
+  head
+    title
+      | JPIR
+    = csrf_meta_tags
+    = csp_meta_tag
+
+    = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload'
+    = javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
+  body.page-session.page-header-fixed.page-sidebar-fixed
+    section#wrapper
+      = render "shared/nav/header"
+      = render "shared/nav/left_bar"
+      section#page-content
+        = render "shared/nav/breadcrumb"
+        .body-content.animated.fadeIn
+          = yield
+      = render "shared/nav/footer"
+    #back-top.animated.pulse.circle
+      i.fa.fa-angle-up
diff --git a/app/views/layouts/mailer.html.erb b/app/views/layouts/mailer.html.erb
new file mode 100644
index 0000000..cbd34d2
--- /dev/null
+++ b/app/views/layouts/mailer.html.erb
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <style>
+      /* Email styles need to be inline */
+    </style>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>
diff --git a/app/views/layouts/mailer.text.erb b/app/views/layouts/mailer.text.erb
new file mode 100644
index 0000000..37f0bdd
--- /dev/null
+++ b/app/views/layouts/mailer.text.erb
@@ -0,0 +1 @@
+<%= yield %>
diff --git a/app/views/shared/nav/_breadcrumb.html.slim b/app/views/shared/nav/_breadcrumb.html.slim
new file mode 100644
index 0000000..8f761ce
--- /dev/null
+++ b/app/views/shared/nav/_breadcrumb.html.slim
@@ -0,0 +1,9 @@
+.header-content
+  h2
+    i.fa.fa-home
+    | Dashboard
+    span dashboard & statistics
+  .breadcrumb-wrapper.hidden-xs
+    span.label You are here:
+    ol.breadcrumb
+      li.active Dashboard
diff --git a/app/views/shared/nav/_footer.html.slim b/app/views/shared/nav/_footer.html.slim
new file mode 100644
index 0000000..e69de29
diff --git a/app/views/shared/nav/_header.html.slim b/app/views/shared/nav/_header.html.slim
new file mode 100644
index 0000000..73939b9
--- /dev/null
+++ b/app/views/shared/nav/_header.html.slim
@@ -0,0 +1,14 @@
+header#header
+        .header-left
+          .navbar-minimize-mobile.left
+            i.fa.fa-bars
+          .navbar-header
+            a#tour-1.navbar-brand href="dashboard.html"
+              img.logo alt=("brand logo") src="http://img.djavaui.com/?create=175x50,81B71A?f=ffffff" /                        
+          .navbar-minimize-mobile.right
+            i.fa.fa-cog
+          .clearfix
+        .header-right
+          .navbar.navbar-toolbar
+            = render "shared/nav/header/left_side"
+            = render "shared/nav/header/right_side"
diff --git a/app/views/shared/nav/_left_bar.html.slim b/app/views/shared/nav/_left_bar.html.slim
new file mode 100644
index 0000000..2fb9d8e
--- /dev/null
+++ b/app/views/shared/nav/_left_bar.html.slim
@@ -0,0 +1,33 @@
+aside#sidebar-left.sidebar-circle
+  = render "shared/nav/left_bar/user_card"
+  ul.sidebar-menu
+    li.submenu.active
+      a href="javascript:void(0);"
+        span.icon
+          i.fa.fa-home
+        span.text Dashboard
+        span.arrow
+        span.selected
+      ul
+        li.active
+          a href="dashboard.html"  Basic
+        li
+          a href="dashboard-ecommerce.html"  E-Commerce
+    li.submenu
+      a href="javascript:void(0);"
+        span.icon
+          i.fa.fa-leaf
+        span.text Frontend themes
+        span.arrow
+      ul
+        li
+          a href="frontend-themes.html"  One page
+    li
+      a href="blankon-versions.html"
+        span.icon
+          i.fa.fa-dropbox
+        span.text Blankon Versions
+    li.sidebar-category
+      span UI KIT
+      span.pull-right
+        i.fa.fa-magic
diff --git a/app/views/shared/nav/header/_account.html.slim b/app/views/shared/nav/header/_account.html.slim
new file mode 100644
index 0000000..33d1de6
--- /dev/null
+++ b/app/views/shared/nav/header/_account.html.slim
@@ -0,0 +1,31 @@
+li.dropdown.navbar-profile
+  a.dropdown-toggle data-toggle="dropdown" href="#"
+    span.meta
+      span.avatar
+        img.img-circle alt="admin" src="http://img.djavaui.com/?create=35x35,4888E1?f=ffffff" /
+      span.text.hidden-xs.hidden-sm.text-muted Tol Lee
+      span.caret
+  ul.dropdown-menu.animated.flipInX
+    li.dropdown-header Account
+    li
+      a href="page-profile.html"
+        i.fa.fa-user
+        | View profile
+    li.dropdown-header Product
+    li
+      a href="#"
+        i.fa.fa-upload
+        | Upload
+    li
+      a href="#"
+        i.fa.fa-dollar
+        | Earning
+    li
+      a href="#"
+        i.fa.fa-download
+        | Withdrawals
+    li.divider
+    li
+      a href="page-signin.html"
+        i.fa.fa-sign-out
+        | Logout
diff --git a/app/views/shared/nav/header/_left_side.html.slim b/app/views/shared/nav/header/_left_side.html.slim
new file mode 100644
index 0000000..088dd9d
--- /dev/null
+++ b/app/views/shared/nav/header/_left_side.html.slim
@@ -0,0 +1,5 @@
+ul.nav.navbar-nav.navbar-left
+  li.navbar-minimize
+    a href="javascript:void(0);" title=("Minimize sidebar")
+      i.fa.fa-bars
+  = render "shared/nav/header/search"
diff --git a/app/views/shared/nav/header/_message.html.slim b/app/views/shared/nav/header/_message.html.slim
new file mode 100644
index 0000000..6a5a4fd
--- /dev/null
+++ b/app/views/shared/nav/header/_message.html.slim
@@ -0,0 +1,30 @@
+li.dropdown.navbar-message
+    a.dropdown-toggle data-toggle="dropdown" href="#"
+      i.fa.fa-envelope-o
+      span.count.label.label-danger.rounded 7
+    .dropdown-menu.animated.flipInX
+      .dropdown-header
+        span.title
+          | Messages
+          strong (7)
+        span.option.text-right
+          a href="#"  + New message
+      .dropdown-body
+        form.form-horizontal action="#"
+          .form-group.has-feedback.has-feedback-sm.m-5
+            input.form-control.input-sm placeholder=("Search message...") type="text" /
+            button.btn.btn-theme.fa.fa-search.form-control-feedback type="submit"
+        .media-list.niceScroll
+          a.media href="page-messages.html"
+          .pull-left
+            img.media-object.img-circle alt="..." src="http://img.djavaui.com/?create=50x50,4888E1?f=ffffff" /
+          .media-body
+            span.media-heading John Kribo
+            span.media-text I was impressed how fast the content is loaded. Congratulations. nice design.                  
+            span.media-meta
+              i.fa.fa-reply
+            span.media-meta
+              i.fa.fa-paperclip
+            span.media-meta.pull-right 13 minutes                                                  
+      .dropdown-footer
+        a href="page-messages.html"  See All
diff --git a/app/views/shared/nav/header/_notification.html.slim b/app/views/shared/nav/header/_notification.html.slim
new file mode 100644
index 0000000..7edf13d
--- /dev/null
+++ b/app/views/shared/nav/header/_notification.html.slim
@@ -0,0 +1,32 @@
+li.dropdown.navbar-notification
+  a.dropdown-toggle data-toggle="dropdown" href="#"
+    i.fa.fa-bell-o
+    span.count.label.label-danger.rounded 6
+  .dropdown-menu.animated.flipInX
+    .dropdown-header
+      span.title
+        | Notifications
+        strong (10)
+      span.option.text-right
+        a href="#"
+          i.fa.fa-cog
+          | Setting
+    .dropdown-body.niceScroll
+      .media-list.small
+        a.media href="#"
+        .media-object.pull-left
+          i.fa.fa-share-alt.fg-info
+        .media-body
+          span.media-text
+            strong Dolanan Remi :
+            strong Chris Job,
+            strong Denny Puk
+            | and
+            strong Joko Fernandes
+            | sent you
+            strong 5 free energy boosts and other request
+          span.media-meta 3 minutes
+        a.media.indicator.inline href="#"
+          span.spinner Load more notifications...
+    .dropdown-footer
+      a href="#"  See All
diff --git a/app/views/shared/nav/header/_right_side.html.slim b/app/views/shared/nav/header/_right_side.html.slim
new file mode 100644
index 0000000..f9e08ba
--- /dev/null
+++ b/app/views/shared/nav/header/_right_side.html.slim
@@ -0,0 +1,4 @@
+ul.nav.navbar-nav.navbar-right
+  = render "shared/nav/header/message"
+  = render "shared/nav/header/notification"
+  = render "shared/nav/header/account"
diff --git a/app/views/shared/nav/header/_search.html.slim b/app/views/shared/nav/header/_search.html.slim
new file mode 100644
index 0000000..a563980
--- /dev/null
+++ b/app/views/shared/nav/header/_search.html.slim
@@ -0,0 +1,7 @@
+li.navbar-search
+  a.trigger-search href="#"
+    i.fa.fa-search
+  form#tour-3.navbar-form
+    .form-group.has-feedback
+      input.form-control.typeahead.rounded
+      button.btn.btn-theme.fa.fa-search.form-control-feedback.rounded type="submit"
diff --git a/app/views/shared/nav/left_bar/_user_card.html.slim b/app/views/shared/nav/left_bar/_user_card.html.slim
new file mode 100644
index 0000000..fd26127
--- /dev/null
+++ b/app/views/shared/nav/left_bar/_user_card.html.slim
@@ -0,0 +1,10 @@
+.sidebar-content
+  .media
+    a.pull-left.has-notif.avatar href="page-profile.html"
+      img alt="admin" src="http://img.djavaui.com/?create=50x50,4888E1?f=ffffff" /
+      i.online
+    .media-body
+      h4.media-heading
+        | Hello,
+        span Lee
+      small Web Designer
diff --git a/bin/bundle b/bin/bundle
new file mode 100755
index 0000000..f19acf5
--- /dev/null
+++ b/bin/bundle
@@ -0,0 +1,3 @@
+#!/usr/bin/env ruby
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__)
+load Gem.bin_path('bundler', 'bundle')
diff --git a/bin/rails b/bin/rails
new file mode 100755
index 0000000..5badb2f
--- /dev/null
+++ b/bin/rails
@@ -0,0 +1,9 @@
+#!/usr/bin/env ruby
+begin
+  load File.expand_path('../spring', __FILE__)
+rescue LoadError => e
+  raise unless e.message.include?('spring')
+end
+APP_PATH = File.expand_path('../config/application', __dir__)
+require_relative '../config/boot'
+require 'rails/commands'
diff --git a/bin/rake b/bin/rake
new file mode 100755
index 0000000..d87d5f5
--- /dev/null
+++ b/bin/rake
@@ -0,0 +1,9 @@
+#!/usr/bin/env ruby
+begin
+  load File.expand_path('../spring', __FILE__)
+rescue LoadError => e
+  raise unless e.message.include?('spring')
+end
+require_relative '../config/boot'
+require 'rake'
+Rake.application.run
diff --git a/bin/setup b/bin/setup
new file mode 100755
index 0000000..aacb6b9
--- /dev/null
+++ b/bin/setup
@@ -0,0 +1,28 @@
+#!/usr/bin/env ruby
+require 'fileutils'
+include FileUtils
+
+# path to your application root.
+APP_ROOT = File.expand_path('..', __dir__)
+
+def system!(*args)
+  system(*args) || abort("\n== Command #{args} failed ==")
+end
+
+chdir APP_ROOT do
+  # This script is a starting point to setup your application.
+  # Add necessary setup steps to this file.
+
+  puts '== Installing dependencies =='
+  system! 'gem install bundler --conservative'
+  system('bundle check') || system!('bundle install')
+
+  # Install JavaScript dependencies if using Yarn
+  # system('bin/yarn')
+
+  puts "\n== Removing old logs and tempfiles =="
+  system! 'bin/rails log:clear tmp:clear'
+
+  puts "\n== Restarting application server =="
+  system! 'bin/rails restart'
+end
diff --git a/bin/spring b/bin/spring
new file mode 100755
index 0000000..fb2ec2e
--- /dev/null
+++ b/bin/spring
@@ -0,0 +1,17 @@
+#!/usr/bin/env ruby
+
+# This file loads spring without using Bundler, in order to be fast.
+# It gets overwritten when you run the `spring binstub` command.
+
+unless defined?(Spring)
+  require 'rubygems'
+  require 'bundler'
+
+  lockfile = Bundler::LockfileParser.new(Bundler.default_lockfile.read)
+  spring = lockfile.specs.detect { |spec| spec.name == "spring" }
+  if spring
+    Gem.use_paths Gem.dir, Bundler.bundle_path.to_s, *Gem.path
+    gem 'spring', spring.version
+    require 'spring/binstub'
+  end
+end
diff --git a/bin/update b/bin/update
new file mode 100755
index 0000000..0a083e7
--- /dev/null
+++ b/bin/update
@@ -0,0 +1,28 @@
+#!/usr/bin/env ruby
+require 'fileutils'
+include FileUtils
+
+# path to your application root.
+APP_ROOT = File.expand_path('..', __dir__)
+
+def system!(*args)
+  system(*args) || abort("\n== Command #{args} failed ==")
+end
+
+chdir APP_ROOT do
+  # This script is a way to update your development environment automatically.
+  # Add necessary update steps to this file.
+
+  puts '== Installing dependencies =='
+  system! 'gem install bundler --conservative'
+  system('bundle check') || system!('bundle install')
+
+  # Install JavaScript dependencies if using Yarn
+  # system('bin/yarn')
+
+  puts "\n== Removing old logs and tempfiles =="
+  system! 'bin/rails log:clear tmp:clear'
+
+  puts "\n== Restarting application server =="
+  system! 'bin/rails restart'
+end
diff --git a/bin/yarn b/bin/yarn
new file mode 100755
index 0000000..460dd56
--- /dev/null
+++ b/bin/yarn
@@ -0,0 +1,11 @@
+#!/usr/bin/env ruby
+APP_ROOT = File.expand_path('..', __dir__)
+Dir.chdir(APP_ROOT) do
+  begin
+    exec "yarnpkg", *ARGV
+  rescue Errno::ENOENT
+    $stderr.puts "Yarn executable was not detected in the system."
+    $stderr.puts "Download Yarn at https://yarnpkg.com/en/docs/install"
+    exit 1
+  end
+end
diff --git a/config.ru b/config.ru
new file mode 100644
index 0000000..f7ba0b5
--- /dev/null
+++ b/config.ru
@@ -0,0 +1,5 @@
+# This file is used by Rack-based servers to start the application.
+
+require_relative 'config/environment'
+
+run Rails.application
diff --git a/config/application.rb b/config/application.rb
new file mode 100644
index 0000000..74c2bb0
--- /dev/null
+++ b/config/application.rb
@@ -0,0 +1,32 @@
+require_relative 'boot'
+
+require "rails"
+# Pick the frameworks you want:
+require "active_model/railtie"
+require "active_job/railtie"
+require "active_record/railtie"
+require "active_storage/engine"
+require "action_controller/railtie"
+require "action_mailer/railtie"
+require "action_view/railtie"
+require "action_cable/engine"
+require "sprockets/railtie"
+require "rails/test_unit/railtie"
+# Require the gems listed in Gemfile, including any gems
+# you've limited to :test, :development, or :production.
+
+Bundler.require(*Rails.groups)
+
+require 'dotenv'
+Dotenv.load
+module JpirWeb
+  class Application < Rails::Application
+    # Initialize configuration defaults for originally generated Rails version.
+    config.load_defaults 5.2
+
+    # Settings in config/environments/* take precedence over those specified here.
+    # Application configuration can go into files in config/initializers
+    # -- all .rb files in that directory are automatically loaded after loading
+    # the framework and any gems in your application.
+  end
+end
diff --git a/config/boot.rb b/config/boot.rb
new file mode 100644
index 0000000..b9e460c
--- /dev/null
+++ b/config/boot.rb
@@ -0,0 +1,4 @@
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__)
+
+require 'bundler/setup' # Set up gems listed in the Gemfile.
+require 'bootsnap/setup' # Speed up boot time by caching expensive operations.
diff --git a/config/cable.yml b/config/cable.yml
new file mode 100644
index 0000000..8f5ecd5
--- /dev/null
+++ b/config/cable.yml
@@ -0,0 +1,10 @@
+development:
+  adapter: async
+
+test:
+  adapter: async
+
+production:
+  adapter: redis
+  url: <%= ENV.fetch("REDIS_URL") { "redis://localhost:6379/1" } %>
+  channel_prefix: jpir_web_production
diff --git a/config/credentials.yml.enc b/config/credentials.yml.enc
new file mode 100644
index 0000000..3146d9c
--- /dev/null
+++ b/config/credentials.yml.enc
@@ -0,0 +1 @@
+/qDO1fC47ndmIlu+hB/zP4Eq7qlQNkQpu6lyKFNcSDOVTviluht99UON89DfR6GLpiY8Qu5FfzfLxk0Q3PoAnisp0iFZWULj1t97vWwXF2gzZ8XgBzGD1VWrLXdI9dFMXmTD0QGkJI7KVJr0ytJ5YxwJAnFp2oDPmnenLtakH3/dR06c8Yg/5lMQ60A/5UJOA7fWDFcW444p4u35+oWUkp/+mxsGrZPJiFmDTsHpiaeIBOUSCsiq0Yo+O3E2ONaAhK39XTK1b+cV09w72Dfo+p52f4lCnwY7E8vm6PzLTatzxGW8FckE5h2l/aJkg6jqRjtyzgD6ndmlqydcwrj7Y5dDxmMjbTUH7llUKz6FWuydxcbXixkd/YOfV20HzzglcNPR3jdXDu6B7uGhNKfwrZyPrTxs4O5BM6G3--Q9BvKKAjER+Qu1P8--x+AtNAGWqkOGeY2Mrd75fw==
\ No newline at end of file
diff --git a/config/database.yml b/config/database.yml
new file mode 100644
index 0000000..812297d
--- /dev/null
+++ b/config/database.yml
@@ -0,0 +1,22 @@
+default: &default
+  adapter: postgresql
+  encoding: unicode
+  pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
+
+development:
+  <<: *default
+  database: jpir_development
+  host: <%= ENV['DATABASE_HOST'] %>
+  username: <%= ENV['DATABASE_USERNAME'] %>
+  password: <%= ENV['DATABASE_PASSWORD'] %>
+test:
+  <<: *default
+  database: jpir_test
+  host: <%= ENV['DATABASE_HOST'] %>
+  username: <%= ENV['DATABASE_USERNAME'] %>
+  password: <%= ENV['DATABASE_PASSWORD'] %>
+production:
+  <<: *default
+  host: <%= ENV['DATABASE_HOST'] %>
+  username: <%= ENV['DATABASE_USERNAME'] %>
+  password: <%= ENV['DATABASE_PASSWORD'] %>
diff --git a/config/environment.rb b/config/environment.rb
new file mode 100644
index 0000000..426333b
--- /dev/null
+++ b/config/environment.rb
@@ -0,0 +1,5 @@
+# Load the Rails application.
+require_relative 'application'
+
+# Initialize the Rails application.
+Rails.application.initialize!
diff --git a/config/environments/development.rb b/config/environments/development.rb
new file mode 100644
index 0000000..c066471
--- /dev/null
+++ b/config/environments/development.rb
@@ -0,0 +1,52 @@
+Rails.application.configure do
+  # Settings specified here will take precedence over those in config/application.rb.
+
+  # In the development environment your application's code is reloaded on
+  # every request. This slows down response time but is perfect for development
+  # since you don't have to restart the web server when you make code changes.
+  config.cache_classes = false
+
+  # Do not eager load code on boot.
+  config.eager_load = false
+
+  # Show full error reports.
+  config.consider_all_requests_local = true
+
+  # Enable/disable caching. By default caching is disabled.
+  # Run rails dev:cache to toggle caching.
+  if Rails.root.join('tmp', 'caching-dev.txt').exist?
+    config.action_controller.perform_caching = true
+
+    config.cache_store = :memory_store
+    config.public_file_server.headers = {
+      'Cache-Control' => "public, max-age=#{2.days.to_i}"
+    }
+  else
+    config.action_controller.perform_caching = false
+
+    config.cache_store = :null_store
+  end
+
+  # Don't care if the mailer can't send.
+  config.action_mailer.raise_delivery_errors = false
+
+  config.action_mailer.perform_caching = false
+
+  # Print deprecation notices to the Rails logger.
+  config.active_support.deprecation = :log
+
+  # Debug mode disables concatenation and preprocessing of assets.
+  # This option may cause significant delays in view rendering with a large
+  # number of complex assets.
+  config.assets.debug = true
+
+  # Suppress logger output for asset requests.
+  config.assets.quiet = true
+
+  # Raises error for missing translations
+  # config.action_view.raise_on_missing_translations = true
+
+  # Use an evented file watcher to asynchronously detect changes in source code,
+  # routes, locales, etc. This feature depends on the listen gem.
+  config.file_watcher = ActiveSupport::EventedFileUpdateChecker
+end
diff --git a/config/environments/production.rb b/config/environments/production.rb
new file mode 100644
index 0000000..64068d3
--- /dev/null
+++ b/config/environments/production.rb
@@ -0,0 +1,88 @@
+Rails.application.configure do
+  # Settings specified here will take precedence over those in config/application.rb.
+
+  # Code is not reloaded between requests.
+  config.cache_classes = true
+
+  # Eager load code on boot. This eager loads most of Rails and
+  # your application in memory, allowing both threaded web servers
+  # and those relying on copy on write to perform better.
+  # Rake tasks automatically ignore this option for performance.
+  config.eager_load = true
+
+  # Full error reports are disabled and caching is turned on.
+  config.consider_all_requests_local       = false
+  config.action_controller.perform_caching = true
+
+  # Ensures that a master key has been made available in either ENV["RAILS_MASTER_KEY"]
+  # or in config/master.key. This key is used to decrypt credentials (and other encrypted files).
+  # config.require_master_key = true
+
+  # Disable serving static files from the `/public` folder by default since
+  # Apache or NGINX already handles this.
+  config.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present?
+
+  # Compress JavaScripts and CSS.
+  config.assets.js_compressor = :uglifier
+  # config.assets.css_compressor = :sass
+
+  # Do not fallback to assets pipeline if a precompiled asset is missed.
+  config.assets.compile = false
+
+  # `config.assets.precompile` and `config.assets.version` have moved to config/initializers/assets.rb
+
+  # Enable serving of images, stylesheets, and JavaScripts from an asset server.
+  # config.action_controller.asset_host = 'http://assets.example.com'
+
+  # Specifies the header that your server uses for sending files.
+  # config.action_dispatch.x_sendfile_header = 'X-Sendfile' # for Apache
+  # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for NGINX
+
+  # Mount Action Cable outside main process or domain
+  # config.action_cable.mount_path = nil
+  # config.action_cable.url = 'wss://example.com/cable'
+  # config.action_cable.allowed_request_origins = [ 'http://example.com', /http:\/\/example.*/ ]
+
+  # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
+  # config.force_ssl = true
+
+  # Use the lowest log level to ensure availability of diagnostic information
+  # when problems arise.
+  config.log_level = :debug
+
+  # Prepend all log lines with the following tags.
+  config.log_tags = [ :request_id ]
+
+  # Use a different cache store in production.
+  # config.cache_store = :mem_cache_store
+
+  # Use a real queuing backend for Active Job (and separate queues per environment)
+  # config.active_job.queue_adapter     = :resque
+  # config.active_job.queue_name_prefix = "jpir_web_#{Rails.env}"
+
+  config.action_mailer.perform_caching = false
+
+  # Ignore bad email addresses and do not raise email delivery errors.
+  # Set this to true and configure the email server for immediate delivery to raise delivery errors.
+  # config.action_mailer.raise_delivery_errors = false
+
+  # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
+  # the I18n.default_locale when a translation cannot be found).
+  config.i18n.fallbacks = true
+
+  # Send deprecation notices to registered listeners.
+  config.active_support.deprecation = :notify
+
+  # Use default logging formatter so that PID and timestamp are not suppressed.
+  config.log_formatter = ::Logger::Formatter.new
+
+  # Use a different logger for distributed setups.
+  # require 'syslog/logger'
+  # config.logger = ActiveSupport::TaggedLogging.new(Syslog::Logger.new 'app-name')
+
+  if ENV["RAILS_LOG_TO_STDOUT"].present?
+    logger           = ActiveSupport::Logger.new(STDOUT)
+    logger.formatter = config.log_formatter
+    config.logger    = ActiveSupport::TaggedLogging.new(logger)
+  end
+end
diff --git a/config/environments/test.rb b/config/environments/test.rb
new file mode 100644
index 0000000..b08fc84
--- /dev/null
+++ b/config/environments/test.rb
@@ -0,0 +1,43 @@
+Rails.application.configure do
+  # Settings specified here will take precedence over those in config/application.rb.
+
+  # The test environment is used exclusively to run your application's
+  # test suite. You never need to work with it otherwise. Remember that
+  # your test database is "scratch space" for the test suite and is wiped
+  # and recreated between test runs. Don't rely on the data there!
+  config.cache_classes = true
+
+  # Do not eager load code on boot. This avoids loading your whole application
+  # just for the purpose of running a single test. If you are using a tool that
+  # preloads Rails for running tests, you may have to set it to true.
+  config.eager_load = false
+
+  # Configure public file server for tests with Cache-Control for performance.
+  config.public_file_server.enabled = true
+  config.public_file_server.headers = {
+    'Cache-Control' => "public, max-age=#{1.hour.to_i}"
+  }
+
+  # Show full error reports and disable caching.
+  config.consider_all_requests_local       = true
+  config.action_controller.perform_caching = false
+
+  # Raise exceptions instead of rendering exception templates.
+  config.action_dispatch.show_exceptions = false
+
+  # Disable request forgery protection in test environment.
+  config.action_controller.allow_forgery_protection = false
+
+  config.action_mailer.perform_caching = false
+
+  # Tell Action Mailer not to deliver emails to the real world.
+  # The :test delivery method accumulates sent emails in the
+  # ActionMailer::Base.deliveries array.
+  config.action_mailer.delivery_method = :test
+
+  # Print deprecation notices to the stderr.
+  config.active_support.deprecation = :stderr
+
+  # Raises error for missing translations
+  # config.action_view.raise_on_missing_translations = true
+end
diff --git a/config/initializers/application_controller_renderer.rb b/config/initializers/application_controller_renderer.rb
new file mode 100644
index 0000000..89d2efa
--- /dev/null
+++ b/config/initializers/application_controller_renderer.rb
@@ -0,0 +1,8 @@
+# Be sure to restart your server when you modify this file.
+
+# ActiveSupport::Reloader.to_prepare do
+#   ApplicationController.renderer.defaults.merge!(
+#     http_host: 'example.org',
+#     https: false
+#   )
+# end
diff --git a/config/initializers/assets.rb b/config/initializers/assets.rb
new file mode 100644
index 0000000..1777c99
--- /dev/null
+++ b/config/initializers/assets.rb
@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+# Be sure to restart your server when you modify this file.
+
+# Version of your assets, change this if you want to expire all your assets.
+Rails.application.config.assets.version = '1.0'
+
+# Add additional assets to the asset load path.
+# Rails.application.config.assets.paths << Emoji.images_path
+# Add Yarn node_modules folder to the asset load path.
+Rails.application.config.assets.paths << Rails.root.join('node_modules')
+Rails.application.config.assets.paths << Rails.root.join('vendor/javascripts')
+Rails.application.config.assets.paths << Rails.root.join('vendor/stylesheets')
+# application.js, application.css, and all non-JS/CSS in the app/assets
+# folder are already added.
+# Rails.application.config.assets.precompile += %w( admin.js admin.css )
diff --git a/config/initializers/backtrace_silencers.rb b/config/initializers/backtrace_silencers.rb
new file mode 100644
index 0000000..59385cd
--- /dev/null
+++ b/config/initializers/backtrace_silencers.rb
@@ -0,0 +1,7 @@
+# Be sure to restart your server when you modify this file.
+
+# You can add backtrace silencers for libraries that you're using but don't wish to see in your backtraces.
+# Rails.backtrace_cleaner.add_silencer { |line| line =~ /my_noisy_library/ }
+
+# You can also remove all the silencers if you're trying to debug a problem that might stem from framework code.
+# Rails.backtrace_cleaner.remove_silencers!
diff --git a/config/initializers/content_security_policy.rb b/config/initializers/content_security_policy.rb
new file mode 100644
index 0000000..d3bcaa5
--- /dev/null
+++ b/config/initializers/content_security_policy.rb
@@ -0,0 +1,25 @@
+# Be sure to restart your server when you modify this file.
+
+# Define an application-wide content security policy
+# For further information see the following documentation
+# https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy
+
+# Rails.application.config.content_security_policy do |policy|
+#   policy.default_src :self, :https
+#   policy.font_src    :self, :https, :data
+#   policy.img_src     :self, :https, :data
+#   policy.object_src  :none
+#   policy.script_src  :self, :https
+#   policy.style_src   :self, :https
+
+#   # Specify URI for violation reports
+#   # policy.report_uri "/csp-violation-report-endpoint"
+# end
+
+# If you are using UJS then enable automatic nonce generation
+# Rails.application.config.content_security_policy_nonce_generator = -> request { SecureRandom.base64(16) }
+
+# Report CSP violations to a specified URI
+# For further information see the following documentation:
+# https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy-Report-Only
+# Rails.application.config.content_security_policy_report_only = true
diff --git a/config/initializers/cookies_serializer.rb b/config/initializers/cookies_serializer.rb
new file mode 100644
index 0000000..5a6a32d
--- /dev/null
+++ b/config/initializers/cookies_serializer.rb
@@ -0,0 +1,5 @@
+# Be sure to restart your server when you modify this file.
+
+# Specify a serializer for the signed and encrypted cookie jars.
+# Valid options are :json, :marshal, and :hybrid.
+Rails.application.config.action_dispatch.cookies_serializer = :json
diff --git a/config/initializers/devise.rb b/config/initializers/devise.rb
new file mode 100644
index 0000000..7b2e688
--- /dev/null
+++ b/config/initializers/devise.rb
@@ -0,0 +1,290 @@
+# frozen_string_literal: true
+
+# Use this hook to configure devise mailer, warden hooks and so forth.
+# Many of these configuration options can be set straight in your model.
+Devise.setup do |config|
+  # The secret key used by Devise. Devise uses this key to generate
+  # random tokens. Changing this key will render invalid all existing
+  # confirmation, reset password and unlock tokens in the database.
+  # Devise will use the `secret_key_base` as its `secret_key`
+  # by default. You can change it below and use your own secret key.
+  # config.secret_key = '240392949e5f66e5969d6a458a18ddba658dcbe4227de9a3fc7af13e411bf2c32f3c1fdaa887186509b0b90243b1c51070fe5556a0f12b074b083c263fa9b608'
+  
+  # ==> Controller configuration
+  # Configure the parent class to the devise controllers.
+  # config.parent_controller = 'DeviseController'
+
+  # ==> Mailer Configuration
+  # Configure the e-mail address which will be shown in Devise::Mailer,
+  # note that it will be overwritten if you use your own mailer class
+  # with default "from" parameter.
+  config.mailer_sender = 'please-change-me-at-config-initializers-devise@example.com'
+
+  # Configure the class responsible to send e-mails.
+  # config.mailer = 'Devise::Mailer'
+
+  # Configure the parent class responsible to send e-mails.
+  # config.parent_mailer = 'ActionMailer::Base'
+
+  # ==> ORM configuration
+  # Load and configure the ORM. Supports :active_record (default) and
+  # :mongoid (bson_ext recommended) by default. Other ORMs may be
+  # available as additional gems.
+  require 'devise/orm/active_record'
+
+  # ==> Configuration for any authentication mechanism
+  # Configure which keys are used when authenticating a user. The default is
+  # just :email. You can configure it to use [:username, :subdomain], so for
+  # authenticating a user, both parameters are required. Remember that those
+  # parameters are used only when authenticating and not when retrieving from
+  # session. If you need permissions, you should implement that in a before filter.
+  # You can also supply a hash where the value is a boolean determining whether
+  # or not authentication should be aborted when the value is not present.
+  # config.authentication_keys = [:email]
+
+  # Configure parameters from the request object used for authentication. Each entry
+  # given should be a request method and it will automatically be passed to the
+  # find_for_authentication method and considered in your model lookup. For instance,
+  # if you set :request_keys to [:subdomain], :subdomain will be used on authentication.
+  # The same considerations mentioned for authentication_keys also apply to request_keys.
+  # config.request_keys = []
+
+  # Configure which authentication keys should be case-insensitive.
+  # These keys will be downcased upon creating or modifying a user and when used
+  # to authenticate or find a user. Default is :email.
+  config.case_insensitive_keys = [:email]
+
+  # Configure which authentication keys should have whitespace stripped.
+  # These keys will have whitespace before and after removed upon creating or
+  # modifying a user and when used to authenticate or find a user. Default is :email.
+  config.strip_whitespace_keys = [:email]
+
+  # Tell if authentication through request.params is enabled. True by default.
+  # It can be set to an array that will enable params authentication only for the
+  # given strategies, for example, `config.params_authenticatable = [:database]` will
+  # enable it only for database (email + password) authentication.
+  # config.params_authenticatable = true
+
+  # Tell if authentication through HTTP Auth is enabled. False by default.
+  # It can be set to an array that will enable http authentication only for the
+  # given strategies, for example, `config.http_authenticatable = [:database]` will
+  # enable it only for database authentication. The supported strategies are:
+  # :database      = Support basic authentication with authentication key + password
+  # config.http_authenticatable = false
+
+  # If 401 status code should be returned for AJAX requests. True by default.
+  # config.http_authenticatable_on_xhr = true
+
+  # The realm used in Http Basic Authentication. 'Application' by default.
+  # config.http_authentication_realm = 'Application'
+
+  # It will change confirmation, password recovery and other workflows
+  # to behave the same regardless if the e-mail provided was right or wrong.
+  # Does not affect registerable.
+  # config.paranoid = true
+
+  # By default Devise will store the user in session. You can skip storage for
+  # particular strategies by setting this option.
+  # Notice that if you are skipping storage for all authentication paths, you
+  # may want to disable generating routes to Devise's sessions controller by
+  # passing skip: :sessions to `devise_for` in your config/routes.rb
+  config.skip_session_storage = [:http_auth]
+
+  # By default, Devise cleans up the CSRF token on authentication to
+  # avoid CSRF token fixation attacks. This means that, when using AJAX
+  # requests for sign in and sign up, you need to get a new CSRF token
+  # from the server. You can disable this option at your own risk.
+  # config.clean_up_csrf_token_on_authentication = true
+
+  # When false, Devise will not attempt to reload routes on eager load.
+  # This can reduce the time taken to boot the app but if your application
+  # requires the Devise mappings to be loaded during boot time the application
+  # won't boot properly.
+  # config.reload_routes = true
+
+  # ==> Configuration for :database_authenticatable
+  # For bcrypt, this is the cost for hashing the password and defaults to 11. If
+  # using other algorithms, it sets how many times you want the password to be hashed.
+  #
+  # Limiting the stretches to just one in testing will increase the performance of
+  # your test suite dramatically. However, it is STRONGLY RECOMMENDED to not use
+  # a value less than 10 in other environments. Note that, for bcrypt (the default
+  # algorithm), the cost increases exponentially with the number of stretches (e.g.
+  # a value of 20 is already extremely slow: approx. 60 seconds for 1 calculation).
+  config.stretches = Rails.env.test? ? 1 : 11
+
+  # Set up a pepper to generate the hashed password.
+  # config.pepper = 'd313136f19122d73b053becbed07f0d4f2e000db79915ef7c94f07c828cf957c7312e7ee9570b6de3c6f6721f12f7c84edf18b12c185e5e57b670ecf6fbbfdf8'
+
+  # Send a notification to the original email when the user's email is changed.
+  # config.send_email_changed_notification = false
+
+  # Send a notification email when the user's password is changed.
+  # config.send_password_change_notification = false
+
+  # ==> Configuration for :confirmable
+  # A period that the user is allowed to access the website even without
+  # confirming their account. For instance, if set to 2.days, the user will be
+  # able to access the website for two days without confirming their account,
+  # access will be blocked just in the third day. Default is 0.days, meaning
+  # the user cannot access the website without confirming their account.
+  # config.allow_unconfirmed_access_for = 2.days
+
+  # A period that the user is allowed to confirm their account before their
+  # token becomes invalid. For example, if set to 3.days, the user can confirm
+  # their account within 3 days after the mail was sent, but on the fourth day
+  # their account can't be confirmed with the token any more.
+  # Default is nil, meaning there is no restriction on how long a user can take
+  # before confirming their account.
+  # config.confirm_within = 3.days
+
+  # If true, requires any email changes to be confirmed (exactly the same way as
+  # initial account confirmation) to be applied. Requires additional unconfirmed_email
+  # db field (see migrations). Until confirmed, new email is stored in
+  # unconfirmed_email column, and copied to email column on successful confirmation.
+  config.reconfirmable = true
+
+  # Defines which key will be used when confirming an account
+  # config.confirmation_keys = [:email]
+
+  # ==> Configuration for :rememberable
+  # The time the user will be remembered without asking for credentials again.
+  # config.remember_for = 2.weeks
+
+  # Invalidates all the remember me tokens when the user signs out.
+  config.expire_all_remember_me_on_sign_out = true
+
+  # If true, extends the user's remember period when remembered via cookie.
+  # config.extend_remember_period = false
+
+  # Options to be passed to the created cookie. For instance, you can set
+  # secure: true in order to force SSL only cookies.
+  # config.rememberable_options = {}
+
+  # ==> Configuration for :validatable
+  # Range for password length.
+  config.password_length = 6..128
+
+  # Email regex used to validate email formats. It simply asserts that
+  # one (and only one) @ exists in the given string. This is mainly
+  # to give user feedback and not to assert the e-mail validity.
+  config.email_regexp = /\A[^@\s]+@[^@\s]+\z/
+
+  # ==> Configuration for :timeoutable
+  # The time you want to timeout the user session without activity. After this
+  # time the user will be asked for credentials again. Default is 30 minutes.
+  # config.timeout_in = 30.minutes
+
+  # ==> Configuration for :lockable
+  # Defines which strategy will be used to lock an account.
+  # :failed_attempts = Locks an account after a number of failed attempts to sign in.
+  # :none            = No lock strategy. You should handle locking by yourself.
+  # config.lock_strategy = :failed_attempts
+
+  # Defines which key will be used when locking and unlocking an account
+  # config.unlock_keys = [:email]
+
+  # Defines which strategy will be used to unlock an account.
+  # :email = Sends an unlock link to the user email
+  # :time  = Re-enables login after a certain amount of time (see :unlock_in below)
+  # :both  = Enables both strategies
+  # :none  = No unlock strategy. You should handle unlocking by yourself.
+  # config.unlock_strategy = :both
+
+  # Number of authentication tries before locking an account if lock_strategy
+  # is failed attempts.
+  # config.maximum_attempts = 20
+
+  # Time interval to unlock the account if :time is enabled as unlock_strategy.
+  # config.unlock_in = 1.hour
+
+  # Warn on the last attempt before the account is locked.
+  # config.last_attempt_warning = true
+
+  # ==> Configuration for :recoverable
+  #
+  # Defines which key will be used when recovering the password for an account
+  # config.reset_password_keys = [:email]
+
+  # Time interval you can reset your password with a reset password key.
+  # Don't put a too small interval or your users won't have the time to
+  # change their passwords.
+  config.reset_password_within = 6.hours
+
+  # When set to false, does not sign a user in automatically after their password is
+  # reset. Defaults to true, so a user is signed in automatically after a reset.
+  # config.sign_in_after_reset_password = true
+
+  # ==> Configuration for :encryptable
+  # Allow you to use another hashing or encryption algorithm besides bcrypt (default).
+  # You can use :sha1, :sha512 or algorithms from others authentication tools as
+  # :clearance_sha1, :authlogic_sha512 (then you should set stretches above to 20
+  # for default behavior) and :restful_authentication_sha1 (then you should set
+  # stretches to 10, and copy REST_AUTH_SITE_KEY to pepper).
+  #
+  # Require the `devise-encryptable` gem when using anything other than bcrypt
+  # config.encryptor = :sha512
+
+  # ==> Scopes configuration
+  # Turn scoped views on. Before rendering "sessions/new", it will first check for
+  # "users/sessions/new". It's turned off by default because it's slower if you
+  # are using only default views.
+  # config.scoped_views = false
+
+  # Configure the default scope given to Warden. By default it's the first
+  # devise role declared in your routes (usually :user).
+  # config.default_scope = :user
+
+  # Set this configuration to false if you want /users/sign_out to sign out
+  # only the current scope. By default, Devise signs out all scopes.
+  # config.sign_out_all_scopes = true
+
+  # ==> Navigation configuration
+  # Lists the formats that should be treated as navigational. Formats like
+  # :html, should redirect to the sign in page when the user does not have
+  # access, but formats like :xml or :json, should return 401.
+  #
+  # If you have any extra navigational formats, like :iphone or :mobile, you
+  # should add them to the navigational formats lists.
+  #
+  # The "*/*" below is required to match Internet Explorer requests.
+  # config.navigational_formats = ['*/*', :html]
+
+  # The default HTTP method used to sign out a resource. Default is :delete.
+  config.sign_out_via = :delete
+
+  # ==> OmniAuth
+  # Add a new OmniAuth provider. Check the wiki for more information on setting
+  # up on your models and hooks.
+  # config.omniauth :github, 'APP_ID', 'APP_SECRET', scope: 'user,public_repo'
+
+  # ==> Warden configuration
+  # If you want to use other strategies, that are not supported by Devise, or
+  # change the failure app, you can configure them inside the config.warden block.
+  #
+  # config.warden do |manager|
+  #   manager.intercept_401 = false
+  #   manager.default_strategies(scope: :user).unshift :some_external_strategy
+  # end
+
+  # ==> Mountable engine configurations
+  # When using Devise inside an engine, let's call it `MyEngine`, and this engine
+  # is mountable, there are some extra configurations to be taken into account.
+  # The following options are available, assuming the engine is mounted as:
+  #
+  #     mount MyEngine, at: '/my_engine'
+  #
+  # The router that invoked `devise_for`, in the example above, would be:
+  # config.router_name = :my_engine
+  #
+  # When using OmniAuth, Devise cannot automatically set OmniAuth path,
+  # so you need to do it manually. For the users scope, it would be:
+  # config.omniauth_path_prefix = '/my_engine/users/auth'
+
+  # ==> Turbolinks configuration
+  # If your app is using Turbolinks, Turbolinks::Controller needs to be included to make redirection work correctly:
+  #
+  # ActiveSupport.on_load(:devise_failure_app) do
+  #   include Turbolinks::Controller
+  # end
+end
diff --git a/config/initializers/filter_parameter_logging.rb b/config/initializers/filter_parameter_logging.rb
new file mode 100644
index 0000000..4a994e1
--- /dev/null
+++ b/config/initializers/filter_parameter_logging.rb
@@ -0,0 +1,4 @@
+# Be sure to restart your server when you modify this file.
+
+# Configure sensitive parameters which will be filtered from the log file.
+Rails.application.config.filter_parameters += [:password]
diff --git a/config/initializers/inflections.rb b/config/initializers/inflections.rb
new file mode 100644
index 0000000..ac033bf
--- /dev/null
+++ b/config/initializers/inflections.rb
@@ -0,0 +1,16 @@
+# Be sure to restart your server when you modify this file.
+
+# Add new inflection rules using the following format. Inflections
+# are locale specific, and you may define rules for as many different
+# locales as you wish. All of these examples are active by default:
+# ActiveSupport::Inflector.inflections(:en) do |inflect|
+#   inflect.plural /^(ox)$/i, '\1en'
+#   inflect.singular /^(ox)en/i, '\1'
+#   inflect.irregular 'person', 'people'
+#   inflect.uncountable %w( fish sheep )
+# end
+
+# These inflection rules are supported but not enabled by default:
+# ActiveSupport::Inflector.inflections(:en) do |inflect|
+#   inflect.acronym 'RESTful'
+# end
diff --git a/config/initializers/mime_types.rb b/config/initializers/mime_types.rb
new file mode 100644
index 0000000..dc18996
--- /dev/null
+++ b/config/initializers/mime_types.rb
@@ -0,0 +1,4 @@
+# Be sure to restart your server when you modify this file.
+
+# Add new mime types for use in respond_to blocks:
+# Mime::Type.register "text/richtext", :rtf
diff --git a/config/initializers/wrap_parameters.rb b/config/initializers/wrap_parameters.rb
new file mode 100644
index 0000000..633c1c8
--- /dev/null
+++ b/config/initializers/wrap_parameters.rb
@@ -0,0 +1,9 @@
+# Be sure to restart your server when you modify this file.
+
+# This file contains settings for ActionController::ParamsWrapper which
+# is enabled by default.
+
+# Enable parameter wrapping for JSON. You can disable this by setting :format to an empty array.
+ActiveSupport.on_load(:action_controller) do
+  wrap_parameters format: [:json]
+end
diff --git a/config/locales/devise.en.yml b/config/locales/devise.en.yml
new file mode 100644
index 0000000..0b8f130
--- /dev/null
+++ b/config/locales/devise.en.yml
@@ -0,0 +1,64 @@
+# Additional translations at https://github.com/plataformatec/devise/wiki/I18n
+
+en:
+  devise:
+    confirmations:
+      confirmed: "Your email address has been successfully confirmed."
+      send_instructions: "You will receive an email with instructions for how to confirm your email address in a few minutes."
+      send_paranoid_instructions: "If your email address exists in our database, you will receive an email with instructions for how to confirm your email address in a few minutes."
+    failure:
+      already_authenticated: "You are already signed in."
+      inactive: "Your account is not activated yet."
+      invalid: "Invalid %{authentication_keys} or password."
+      locked: "Your account is locked."
+      last_attempt: "You have one more attempt before your account is locked."
+      not_found_in_database: "Invalid %{authentication_keys} or password."
+      timeout: "Your session expired. Please sign in again to continue."
+      unauthenticated: "You need to sign in or sign up before continuing."
+      unconfirmed: "You have to confirm your email address before continuing."
+    mailer:
+      confirmation_instructions:
+        subject: "Confirmation instructions"
+      reset_password_instructions:
+        subject: "Reset password instructions"
+      unlock_instructions:
+        subject: "Unlock instructions"
+      email_changed:
+        subject: "Email Changed"
+      password_change:
+        subject: "Password Changed"
+    omniauth_callbacks:
+      failure: "Could not authenticate you from %{kind} because \"%{reason}\"."
+      success: "Successfully authenticated from %{kind} account."
+    passwords:
+      no_token: "You can't access this page without coming from a password reset email. If you do come from a password reset email, please make sure you used the full URL provided."
+      send_instructions: "You will receive an email with instructions on how to reset your password in a few minutes."
+      send_paranoid_instructions: "If your email address exists in our database, you will receive a password recovery link at your email address in a few minutes."
+      updated: "Your password has been changed successfully. You are now signed in."
+      updated_not_active: "Your password has been changed successfully."
+    registrations:
+      destroyed: "Bye! Your account has been successfully cancelled. We hope to see you again soon."
+      signed_up: "Welcome! You have signed up successfully."
+      signed_up_but_inactive: "You have signed up successfully. However, we could not sign you in because your account is not yet activated."
+      signed_up_but_locked: "You have signed up successfully. However, we could not sign you in because your account is locked."
+      signed_up_but_unconfirmed: "A message with a confirmation link has been sent to your email address. Please follow the link to activate your account."
+      update_needs_confirmation: "You updated your account successfully, but we need to verify your new email address. Please check your email and follow the confirm link to confirm your new email address."
+      updated: "Your account has been updated successfully."
+    sessions:
+      signed_in: "Signed in successfully."
+      signed_out: "Signed out successfully."
+      already_signed_out: "Signed out successfully."
+    unlocks:
+      send_instructions: "You will receive an email with instructions for how to unlock your account in a few minutes."
+      send_paranoid_instructions: "If your account exists, you will receive an email with instructions for how to unlock it in a few minutes."
+      unlocked: "Your account has been unlocked successfully. Please sign in to continue."
+  errors:
+    messages:
+      already_confirmed: "was already confirmed, please try signing in"
+      confirmation_period_expired: "needs to be confirmed within %{period}, please request a new one"
+      expired: "has expired, please request a new one"
+      not_found: "not found"
+      not_locked: "was not locked"
+      not_saved:
+        one: "1 error prohibited this %{resource} from being saved:"
+        other: "%{count} errors prohibited this %{resource} from being saved:"
diff --git a/config/locales/en.yml b/config/locales/en.yml
new file mode 100644
index 0000000..decc5a8
--- /dev/null
+++ b/config/locales/en.yml
@@ -0,0 +1,33 @@
+# Files in the config/locales directory are used for internationalization
+# and are automatically loaded by Rails. If you want to use locales other
+# than English, add the necessary files in this directory.
+#
+# To use the locales, use `I18n.t`:
+#
+#     I18n.t 'hello'
+#
+# In views, this is aliased to just `t`:
+#
+#     <%= t('hello') %>
+#
+# To use a different locale, set it with `I18n.locale`:
+#
+#     I18n.locale = :es
+#
+# This would use the information in config/locales/es.yml.
+#
+# The following keys must be escaped otherwise they will not be retrieved by
+# the default I18n backend:
+#
+# true, false, on, off, yes, no
+#
+# Instead, surround them with single quotes.
+#
+# en:
+#   'true': 'foo'
+#
+# To learn more, please read the Rails Internationalization guide
+# available at http://guides.rubyonrails.org/i18n.html.
+
+en:
+  hello: "Hello world"
diff --git a/config/puma.rb b/config/puma.rb
new file mode 100644
index 0000000..a5eccf8
--- /dev/null
+++ b/config/puma.rb
@@ -0,0 +1,34 @@
+# Puma can serve each request in a thread from an internal thread pool.
+# The `threads` method setting takes two numbers: a minimum and maximum.
+# Any libraries that use thread pools should be configured to match
+# the maximum value specified for Puma. Default is set to 5 threads for minimum
+# and maximum; this matches the default thread size of Active Record.
+#
+threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 }
+threads threads_count, threads_count
+
+# Specifies the `port` that Puma will listen on to receive requests; default is 3000.
+#
+port        ENV.fetch("PORT") { 3000 }
+
+# Specifies the `environment` that Puma will run in.
+#
+environment ENV.fetch("RAILS_ENV") { "development" }
+
+# Specifies the number of `workers` to boot in clustered mode.
+# Workers are forked webserver processes. If using threads and workers together
+# the concurrency of the application would be max `threads` * `workers`.
+# Workers do not work on JRuby or Windows (both of which do not support
+# processes).
+#
+# workers ENV.fetch("WEB_CONCURRENCY") { 2 }
+
+# Use the `preload_app!` method when specifying a `workers` number.
+# This directive tells Puma to first boot the application and load code
+# before forking the application. This takes advantage of Copy On Write
+# process behavior so workers use less memory.
+#
+# preload_app!
+
+# Allow puma to be restarted by `rails restart` command.
+plugin :tmp_restart
diff --git a/config/routes.rb b/config/routes.rb
new file mode 100644
index 0000000..c1efdd5
--- /dev/null
+++ b/config/routes.rb
@@ -0,0 +1,8 @@
+Rails.application.routes.draw do
+  devise_for :users
+  namespace :api do
+    get 'location/get'
+  end
+  get 'dashboard/home'
+  root 'dashboard#home'
+end
diff --git a/config/spring.rb b/config/spring.rb
new file mode 100644
index 0000000..9fa7863
--- /dev/null
+++ b/config/spring.rb
@@ -0,0 +1,6 @@
+%w[
+  .ruby-version
+  .rbenv-vars
+  tmp/restart.txt
+  tmp/caching-dev.txt
+].each { |path| Spring.watch(path) }
diff --git a/db/migrate/20190129023854_create_roles.rb b/db/migrate/20190129023854_create_roles.rb
new file mode 100644
index 0000000..0a67aad
--- /dev/null
+++ b/db/migrate/20190129023854_create_roles.rb
@@ -0,0 +1,10 @@
+class CreateRoles < ActiveRecord::Migration[5.2]
+  def change
+    create_table :roles do |t|
+      t.string :name
+      t.string :description
+
+      t.timestamps
+    end
+  end
+end
diff --git a/db/migrate/20190129034343_devise_create_users.rb b/db/migrate/20190129034343_devise_create_users.rb
new file mode 100644
index 0000000..bf089a1
--- /dev/null
+++ b/db/migrate/20190129034343_devise_create_users.rb
@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+class DeviseCreateUsers < ActiveRecord::Migration[5.2]
+  def change
+    create_table :users do |t|
+      t.references :role
+      ## Database authenticatable
+      t.string :email,              null: false, default: ""
+      t.string :encrypted_password, null: false, default: ""
+
+      ## Recoverable
+      t.string   :reset_password_token
+      t.datetime :reset_password_sent_at
+
+      ## Rememberable
+      t.datetime :remember_created_at
+
+      ## Trackable
+      t.integer  :sign_in_count, default: 0, null: false
+      t.datetime :current_sign_in_at
+      t.datetime :last_sign_in_at
+      t.inet     :current_sign_in_ip
+      t.inet     :last_sign_in_ip
+
+      ## Confirmable
+      # t.string   :confirmation_token
+      # t.datetime :confirmed_at
+      # t.datetime :confirmation_sent_at
+      # t.string   :unconfirmed_email # Only if using reconfirmable
+
+      ## Lockable
+      # t.integer  :failed_attempts, default: 0, null: false # Only if lock strategy is :failed_attempts
+      # t.string   :unlock_token # Only if unlock strategy is :email or :both
+      # t.datetime :locked_at
+
+
+      t.timestamps null: false
+    end
+
+    add_index :users, :email,                unique: true
+    add_index :users, :reset_password_token, unique: true
+    # add_index :users, :confirmation_token,   unique: true
+    # add_index :users, :unlock_token,         unique: true
+  end
+end
diff --git a/db/migrate/20190129134543_create_permissions.rb b/db/migrate/20190129134543_create_permissions.rb
new file mode 100644
index 0000000..5d3e909
--- /dev/null
+++ b/db/migrate/20190129134543_create_permissions.rb
@@ -0,0 +1,12 @@
+class CreatePermissions < ActiveRecord::Migration[5.2]
+  def change
+    create_table :permissions do |t|
+      t.string :object
+      t.string :method
+      t.string :name
+      t.string :description
+
+      t.timestamps
+    end
+  end
+end
diff --git a/db/migrate/20190129134635_create_rol_permissions.rb b/db/migrate/20190129134635_create_rol_permissions.rb
new file mode 100644
index 0000000..8be2009
--- /dev/null
+++ b/db/migrate/20190129134635_create_rol_permissions.rb
@@ -0,0 +1,10 @@
+class CreateRolPermissions < ActiveRecord::Migration[5.2]
+  def change
+    create_table :rol_permissions do |t|
+      t.references :rol, foreign_key: true
+      t.references :permission, foreign_key: true
+
+      t.timestamps
+    end
+  end
+end
diff --git a/db/migrate/20190129134707_create_locations.rb b/db/migrate/20190129134707_create_locations.rb
new file mode 100644
index 0000000..a43b90e
--- /dev/null
+++ b/db/migrate/20190129134707_create_locations.rb
@@ -0,0 +1,10 @@
+class CreateLocations < ActiveRecord::Migration[5.2]
+  def change
+    create_table :locations do |t|
+      t.float :lat
+      t.float :lon
+
+      t.timestamps
+    end
+  end
+end
diff --git a/db/migrate/20190129134813_create_zones.rb b/db/migrate/20190129134813_create_zones.rb
new file mode 100644
index 0000000..43b5be7
--- /dev/null
+++ b/db/migrate/20190129134813_create_zones.rb
@@ -0,0 +1,10 @@
+class CreateZones < ActiveRecord::Migration[5.2]
+  def change
+    create_table :zones do |t|
+      t.string :name
+      t.string :description
+
+      t.timestamps
+    end
+  end
+end
diff --git a/db/migrate/20190129134854_create_zone_limits.rb b/db/migrate/20190129134854_create_zone_limits.rb
new file mode 100644
index 0000000..493ac68
--- /dev/null
+++ b/db/migrate/20190129134854_create_zone_limits.rb
@@ -0,0 +1,10 @@
+class CreateZoneLimits < ActiveRecord::Migration[5.2]
+  def change
+    create_table :zone_limits do |t|
+      t.references :zone, foreign_key: true
+      t.references :location, foreign_key: true
+
+      t.timestamps
+    end
+  end
+end
diff --git a/db/migrate/20190129140341_create_devices.rb b/db/migrate/20190129140341_create_devices.rb
new file mode 100644
index 0000000..dbd65a6
--- /dev/null
+++ b/db/migrate/20190129140341_create_devices.rb
@@ -0,0 +1,12 @@
+class CreateDevices < ActiveRecord::Migration[5.2]
+  def change
+    create_table :devices do |t|
+      t.inet :ip_address
+      t.string :mac_address
+      t.string :user
+      t.string :password
+
+      t.timestamps
+    end
+  end
+end
diff --git a/db/migrate/20190129140354_add_status_to_devices.rb b/db/migrate/20190129140354_add_status_to_devices.rb
new file mode 100644
index 0000000..7b861c3
--- /dev/null
+++ b/db/migrate/20190129140354_add_status_to_devices.rb
@@ -0,0 +1,5 @@
+class AddStatusToDevices < ActiveRecord::Migration[5.2]
+  def change
+    add_column :devices, :status, :string
+  end
+end
diff --git a/db/migrate/20190129140414_add_status_to_zones.rb b/db/migrate/20190129140414_add_status_to_zones.rb
new file mode 100644
index 0000000..bf970e8
--- /dev/null
+++ b/db/migrate/20190129140414_add_status_to_zones.rb
@@ -0,0 +1,5 @@
+class AddStatusToZones < ActiveRecord::Migration[5.2]
+  def change
+    add_column :zones, :status, :string
+  end
+end
diff --git a/db/migrate/20190129140430_add_status_to_users.rb b/db/migrate/20190129140430_add_status_to_users.rb
new file mode 100644
index 0000000..e0c2d79
--- /dev/null
+++ b/db/migrate/20190129140430_add_status_to_users.rb
@@ -0,0 +1,5 @@
+class AddStatusToUsers < ActiveRecord::Migration[5.2]
+  def change
+    add_column :users, :status, :string
+  end
+end
diff --git a/db/migrate/20190129140500_create_devise_positions.rb b/db/migrate/20190129140500_create_devise_positions.rb
new file mode 100644
index 0000000..3f6ab66
--- /dev/null
+++ b/db/migrate/20190129140500_create_devise_positions.rb
@@ -0,0 +1,10 @@
+class CreateDevisePositions < ActiveRecord::Migration[5.2]
+  def change
+    create_table :devise_positions do |t|
+      t.references :device, foreign_key: true
+      t.references :location, foreign_key: true
+
+      t.timestamps
+    end
+  end
+end
diff --git a/db/migrate/20190129140518_add_status_to_devise_positions.rb b/db/migrate/20190129140518_add_status_to_devise_positions.rb
new file mode 100644
index 0000000..c67ee59
--- /dev/null
+++ b/db/migrate/20190129140518_add_status_to_devise_positions.rb
@@ -0,0 +1,5 @@
+class AddStatusToDevisePositions < ActiveRecord::Migration[5.2]
+  def change
+    add_column :devise_positions, :status, :string
+  end
+end
diff --git a/db/migrate/20190129171902_create_mobiles.rb b/db/migrate/20190129171902_create_mobiles.rb
new file mode 100644
index 0000000..5dd77e4
--- /dev/null
+++ b/db/migrate/20190129171902_create_mobiles.rb
@@ -0,0 +1,12 @@
+class CreateMobiles < ActiveRecord::Migration[5.2]
+  def change
+    create_table :mobiles do |t|
+      t.references :user, foreign_key: true
+      t.string :model
+      t.string :brand
+      t.string :mac_address
+
+      t.timestamps
+    end
+  end
+end
diff --git a/db/migrate/20190129171914_add_status_to_mobiles.rb b/db/migrate/20190129171914_add_status_to_mobiles.rb
new file mode 100644
index 0000000..df20491
--- /dev/null
+++ b/db/migrate/20190129171914_add_status_to_mobiles.rb
@@ -0,0 +1,5 @@
+class AddStatusToMobiles < ActiveRecord::Migration[5.2]
+  def change
+    add_column :mobiles, :status, :string
+  end
+end
diff --git a/db/migrate/20190129171947_create_mobile_locations.rb b/db/migrate/20190129171947_create_mobile_locations.rb
new file mode 100644
index 0000000..ea9b5cc
--- /dev/null
+++ b/db/migrate/20190129171947_create_mobile_locations.rb
@@ -0,0 +1,10 @@
+class CreateMobileLocations < ActiveRecord::Migration[5.2]
+  def change
+    create_table :mobile_locations do |t|
+      t.references :mobile, foreign_key: true
+      t.references :location, foreign_key: true
+
+      t.timestamps
+    end
+  end
+end
diff --git a/db/migrate/20190129172009_create_mobile_ips.rb b/db/migrate/20190129172009_create_mobile_ips.rb
new file mode 100644
index 0000000..c4ce841
--- /dev/null
+++ b/db/migrate/20190129172009_create_mobile_ips.rb
@@ -0,0 +1,10 @@
+class CreateMobileIps < ActiveRecord::Migration[5.2]
+  def change
+    create_table :mobile_ips do |t|
+      t.references :mobile, foreign_key: true
+      t.inet :ip_address
+
+      t.timestamps
+    end
+  end
+end
diff --git a/lib/assets/.keep b/lib/assets/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/lib/tasks/.keep b/lib/tasks/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/log/.keep b/log/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..5ec5547
--- /dev/null
+++ b/package.json
@@ -0,0 +1,5 @@
+{
+  "name": "jpir_web",
+  "private": true,
+  "dependencies": {}
+}
diff --git a/public/404.html b/public/404.html
new file mode 100644
index 0000000..2be3af2
--- /dev/null
+++ b/public/404.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>The page you were looking for doesn't exist (404)</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+  .rails-default-error-page {
+    background-color: #EFEFEF;
+    color: #2E2F30;
+    text-align: center;
+    font-family: arial, sans-serif;
+    margin: 0;
+  }
+
+  .rails-default-error-page div.dialog {
+    width: 95%;
+    max-width: 33em;
+    margin: 4em auto 0;
+  }
+
+  .rails-default-error-page div.dialog > div {
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #BBB;
+    border-top: #B00100 solid 4px;
+    border-top-left-radius: 9px;
+    border-top-right-radius: 9px;
+    background-color: white;
+    padding: 7px 12% 0;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+
+  .rails-default-error-page h1 {
+    font-size: 100%;
+    color: #730E15;
+    line-height: 1.5em;
+  }
+
+  .rails-default-error-page div.dialog > p {
+    margin: 0 0 1em;
+    padding: 1em;
+    background-color: #F7F7F7;
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #999;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-color: #DADADA;
+    color: #666;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  </style>
+</head>
+
+<body class="rails-default-error-page">
+  <!-- This file lives in public/404.html -->
+  <div class="dialog">
+    <div>
+      <h1>The page you were looking for doesn't exist.</h1>
+      <p>You may have mistyped the address or the page may have moved.</p>
+    </div>
+    <p>If you are the application owner check the logs for more information.</p>
+  </div>
+</body>
+</html>
diff --git a/public/422.html b/public/422.html
new file mode 100644
index 0000000..c08eac0
--- /dev/null
+++ b/public/422.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>The change you wanted was rejected (422)</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+  .rails-default-error-page {
+    background-color: #EFEFEF;
+    color: #2E2F30;
+    text-align: center;
+    font-family: arial, sans-serif;
+    margin: 0;
+  }
+
+  .rails-default-error-page div.dialog {
+    width: 95%;
+    max-width: 33em;
+    margin: 4em auto 0;
+  }
+
+  .rails-default-error-page div.dialog > div {
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #BBB;
+    border-top: #B00100 solid 4px;
+    border-top-left-radius: 9px;
+    border-top-right-radius: 9px;
+    background-color: white;
+    padding: 7px 12% 0;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+
+  .rails-default-error-page h1 {
+    font-size: 100%;
+    color: #730E15;
+    line-height: 1.5em;
+  }
+
+  .rails-default-error-page div.dialog > p {
+    margin: 0 0 1em;
+    padding: 1em;
+    background-color: #F7F7F7;
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #999;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-color: #DADADA;
+    color: #666;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  </style>
+</head>
+
+<body class="rails-default-error-page">
+  <!-- This file lives in public/422.html -->
+  <div class="dialog">
+    <div>
+      <h1>The change you wanted was rejected.</h1>
+      <p>Maybe you tried to change something you didn't have access to.</p>
+    </div>
+    <p>If you are the application owner check the logs for more information.</p>
+  </div>
+</body>
+</html>
diff --git a/public/500.html b/public/500.html
new file mode 100644
index 0000000..78a030a
--- /dev/null
+++ b/public/500.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>We're sorry, but something went wrong (500)</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+  .rails-default-error-page {
+    background-color: #EFEFEF;
+    color: #2E2F30;
+    text-align: center;
+    font-family: arial, sans-serif;
+    margin: 0;
+  }
+
+  .rails-default-error-page div.dialog {
+    width: 95%;
+    max-width: 33em;
+    margin: 4em auto 0;
+  }
+
+  .rails-default-error-page div.dialog > div {
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #BBB;
+    border-top: #B00100 solid 4px;
+    border-top-left-radius: 9px;
+    border-top-right-radius: 9px;
+    background-color: white;
+    padding: 7px 12% 0;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+
+  .rails-default-error-page h1 {
+    font-size: 100%;
+    color: #730E15;
+    line-height: 1.5em;
+  }
+
+  .rails-default-error-page div.dialog > p {
+    margin: 0 0 1em;
+    padding: 1em;
+    background-color: #F7F7F7;
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #999;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-color: #DADADA;
+    color: #666;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  </style>
+</head>
+
+<body class="rails-default-error-page">
+  <!-- This file lives in public/500.html -->
+  <div class="dialog">
+    <div>
+      <h1>We're sorry, but something went wrong.</h1>
+    </div>
+    <p>If you are the application owner check the logs for more information.</p>
+  </div>
+</body>
+</html>
diff --git a/public/apple-touch-icon-precomposed.png b/public/apple-touch-icon-precomposed.png
new file mode 100644
index 0000000..e69de29
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..e69de29
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..e69de29
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..37b576a
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1 @@
+# See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file
diff --git a/test/application_system_test_case.rb b/test/application_system_test_case.rb
new file mode 100644
index 0000000..d19212a
--- /dev/null
+++ b/test/application_system_test_case.rb
@@ -0,0 +1,5 @@
+require "test_helper"
+
+class ApplicationSystemTestCase < ActionDispatch::SystemTestCase
+  driven_by :selenium, using: :chrome, screen_size: [1400, 1400]
+end
diff --git a/test/controllers/.keep b/test/controllers/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/controllers/api/location_controller_test.rb b/test/controllers/api/location_controller_test.rb
new file mode 100644
index 0000000..7124ab8
--- /dev/null
+++ b/test/controllers/api/location_controller_test.rb
@@ -0,0 +1,9 @@
+require 'test_helper'
+
+class Api::LocationControllerTest < ActionDispatch::IntegrationTest
+  test "should get get" do
+    get api_location_get_url
+    assert_response :success
+  end
+
+end
diff --git a/test/controllers/dashboard_controller_test.rb b/test/controllers/dashboard_controller_test.rb
new file mode 100644
index 0000000..9bd24ae
--- /dev/null
+++ b/test/controllers/dashboard_controller_test.rb
@@ -0,0 +1,9 @@
+require 'test_helper'
+
+class DashboardControllerTest < ActionDispatch::IntegrationTest
+  test "should get home" do
+    get dashboard_home_url
+    assert_response :success
+  end
+
+end
diff --git a/test/fixtures/.keep b/test/fixtures/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/fixtures/devices.yml b/test/fixtures/devices.yml
new file mode 100644
index 0000000..63b8381
--- /dev/null
+++ b/test/fixtures/devices.yml
@@ -0,0 +1,13 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  ip_address: 
+  mac_address: MyString
+  user: MyString
+  password: MyString
+
+two:
+  ip_address: 
+  mac_address: MyString
+  user: MyString
+  password: MyString
diff --git a/test/fixtures/devise_positions.yml b/test/fixtures/devise_positions.yml
new file mode 100644
index 0000000..03970e8
--- /dev/null
+++ b/test/fixtures/devise_positions.yml
@@ -0,0 +1,9 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  device: one
+  location: one
+
+two:
+  device: two
+  location: two
diff --git a/test/fixtures/files/.keep b/test/fixtures/files/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/fixtures/locations.yml b/test/fixtures/locations.yml
new file mode 100644
index 0000000..b499dde
--- /dev/null
+++ b/test/fixtures/locations.yml
@@ -0,0 +1,9 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  lat: 1.5
+  lon: 1.5
+
+two:
+  lat: 1.5
+  lon: 1.5
diff --git a/test/fixtures/mobile_ips.yml b/test/fixtures/mobile_ips.yml
new file mode 100644
index 0000000..1db3651
--- /dev/null
+++ b/test/fixtures/mobile_ips.yml
@@ -0,0 +1,9 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  mobile: one
+  ip_address: 
+
+two:
+  mobile: two
+  ip_address: 
diff --git a/test/fixtures/mobile_locations.yml b/test/fixtures/mobile_locations.yml
new file mode 100644
index 0000000..a9a6c18
--- /dev/null
+++ b/test/fixtures/mobile_locations.yml
@@ -0,0 +1,9 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  mobile: one
+  location: one
+
+two:
+  mobile: two
+  location: two
diff --git a/test/fixtures/mobiles.yml b/test/fixtures/mobiles.yml
new file mode 100644
index 0000000..5027624
--- /dev/null
+++ b/test/fixtures/mobiles.yml
@@ -0,0 +1,13 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  user: one
+  model: MyString
+  brand: MyString
+  mac_address: MyString
+
+two:
+  user: two
+  model: MyString
+  brand: MyString
+  mac_address: MyString
diff --git a/test/fixtures/permissions.yml b/test/fixtures/permissions.yml
new file mode 100644
index 0000000..1419a3c
--- /dev/null
+++ b/test/fixtures/permissions.yml
@@ -0,0 +1,13 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  object: MyString
+  method: MyString
+  name: MyString
+  description: MyString
+
+two:
+  object: MyString
+  method: MyString
+  name: MyString
+  description: MyString
diff --git a/test/fixtures/rol_permissions.yml b/test/fixtures/rol_permissions.yml
new file mode 100644
index 0000000..5a50ad5
--- /dev/null
+++ b/test/fixtures/rol_permissions.yml
@@ -0,0 +1,9 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  rol: one
+  permission: one
+
+two:
+  rol: two
+  permission: two
diff --git a/test/fixtures/roles.yml b/test/fixtures/roles.yml
new file mode 100644
index 0000000..1a15e34
--- /dev/null
+++ b/test/fixtures/roles.yml
@@ -0,0 +1,9 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  name: MyString
+  description: MyString
+
+two:
+  name: MyString
+  description: MyString
diff --git a/test/fixtures/users.yml b/test/fixtures/users.yml
new file mode 100644
index 0000000..80aed36
--- /dev/null
+++ b/test/fixtures/users.yml
@@ -0,0 +1,11 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+# This model initially had no columns defined. If you add columns to the
+# model remove the '{}' from the fixture names and add the columns immediately
+# below each fixture, per the syntax in the comments below
+#
+one: {}
+# column: value
+#
+two: {}
+# column: value
diff --git a/test/fixtures/zone_limits.yml b/test/fixtures/zone_limits.yml
new file mode 100644
index 0000000..568a092
--- /dev/null
+++ b/test/fixtures/zone_limits.yml
@@ -0,0 +1,9 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  zone: one
+  location: one
+
+two:
+  zone: two
+  location: two
diff --git a/test/fixtures/zones.yml b/test/fixtures/zones.yml
new file mode 100644
index 0000000..1a15e34
--- /dev/null
+++ b/test/fixtures/zones.yml
@@ -0,0 +1,9 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  name: MyString
+  description: MyString
+
+two:
+  name: MyString
+  description: MyString
diff --git a/test/helpers/.keep b/test/helpers/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/integration/.keep b/test/integration/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/mailers/.keep b/test/mailers/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/models/.keep b/test/models/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/models/device_test.rb b/test/models/device_test.rb
new file mode 100644
index 0000000..939db2a
--- /dev/null
+++ b/test/models/device_test.rb
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class DeviceTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
diff --git a/test/models/devise_position_test.rb b/test/models/devise_position_test.rb
new file mode 100644
index 0000000..4369769
--- /dev/null
+++ b/test/models/devise_position_test.rb
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class DevisePositionTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
diff --git a/test/models/location_test.rb b/test/models/location_test.rb
new file mode 100644
index 0000000..cd10e31
--- /dev/null
+++ b/test/models/location_test.rb
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class LocationTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
diff --git a/test/models/mobile_ip_test.rb b/test/models/mobile_ip_test.rb
new file mode 100644
index 0000000..b0fdc30
--- /dev/null
+++ b/test/models/mobile_ip_test.rb
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class MobileIpTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
diff --git a/test/models/mobile_location_test.rb b/test/models/mobile_location_test.rb
new file mode 100644
index 0000000..d5bdb83
--- /dev/null
+++ b/test/models/mobile_location_test.rb
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class MobileLocationTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
diff --git a/test/models/mobile_test.rb b/test/models/mobile_test.rb
new file mode 100644
index 0000000..071c6c2
--- /dev/null
+++ b/test/models/mobile_test.rb
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class MobileTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
diff --git a/test/models/permission_test.rb b/test/models/permission_test.rb
new file mode 100644
index 0000000..b781cc3
--- /dev/null
+++ b/test/models/permission_test.rb
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class PermissionTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
diff --git a/test/models/rol_permission_test.rb b/test/models/rol_permission_test.rb
new file mode 100644
index 0000000..6474b95
--- /dev/null
+++ b/test/models/rol_permission_test.rb
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class RolPermissionTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
diff --git a/test/models/role_test.rb b/test/models/role_test.rb
new file mode 100644
index 0000000..11c53a8
--- /dev/null
+++ b/test/models/role_test.rb
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class RoleTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
diff --git a/test/models/user_test.rb b/test/models/user_test.rb
new file mode 100644
index 0000000..82f61e0
--- /dev/null
+++ b/test/models/user_test.rb
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class UserTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
diff --git a/test/models/zone_limit_test.rb b/test/models/zone_limit_test.rb
new file mode 100644
index 0000000..9a5d4bf
--- /dev/null
+++ b/test/models/zone_limit_test.rb
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class ZoneLimitTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
diff --git a/test/models/zone_test.rb b/test/models/zone_test.rb
new file mode 100644
index 0000000..8d7b296
--- /dev/null
+++ b/test/models/zone_test.rb
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class ZoneTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
diff --git a/test/system/.keep b/test/system/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/test/test_helper.rb b/test/test_helper.rb
new file mode 100644
index 0000000..7e956d1
--- /dev/null
+++ b/test/test_helper.rb
@@ -0,0 +1,7 @@
+ENV['RAILS_ENV'] ||= 'test'
+require_relative '../config/environment'
+require 'rails/test_help'
+
+class ActiveSupport::TestCase
+  # Add more helper methods to be used by all tests here...
+end
diff --git a/tmp/.keep b/tmp/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/vendor/.keep b/vendor/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/vendor/javascripts/application.js b/vendor/javascripts/application.js
new file mode 100644
index 0000000..82e6f0f
--- /dev/null
+++ b/vendor/javascripts/application.js
@@ -0,0 +1,16 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
+// vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require rails-ujs
+//= require activestorage
+//= require turbolinks
+//= require_tree .
diff --git a/vendor/javascripts/apps.js b/vendor/javascripts/apps.js
new file mode 100755
index 0000000..a3424d7
--- /dev/null
+++ b/vendor/javascripts/apps.js
@@ -0,0 +1,738 @@
+/* ==========================================================================
+ * Template: Blankon Fullpack Admin Theme
+ * ---------------------------------------------------------------------------
+ * Author: Djava UI
+ * Website: http://djavaui.com
+ * Email: support@djavaui.com
+ * ========================================================================== */
+
+var BlankonApp = function(){
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonApp.handleBaseURL();
+            BlankonApp.handleIE();
+            BlankonApp.handleCheckCookie();
+            BlankonApp.handleSound();
+            BlankonApp.handleBackToTop();
+            BlankonApp.handleSidebarNavigation();
+            BlankonApp.handleSidebarScroll();
+            BlankonApp.handleSidebarResponsive();
+            BlankonApp.handleNavbarScroll();
+            BlankonApp.handlePanelScroll();
+            BlankonApp.handleTypehead();
+            BlankonApp.handleFullscreen();
+            BlankonApp.handleSelect2();
+            BlankonApp.handleTooltip();
+            BlankonApp.handlePopover();
+            BlankonApp.handlePanelToolAction();
+            BlankonApp.handleSparkline();
+            BlankonApp.handleClearCookie();
+            BlankonApp.handleBoxModal();
+            BlankonApp.handleCopyrightYear();
+        },
+
+        // =========================================================================
+        // SET UP BASE URL
+        // =========================================================================
+        handleBaseURL: function () {
+            var getUrl = window.location,
+                baseUrl = getUrl .protocol + "//" + getUrl.host + "/" + getUrl.pathname.split('/')[1];
+            return baseUrl;
+        },
+
+        // =========================================================================
+        // IE SUPPORT
+        // =========================================================================
+        handleIE: function () {
+            // IE mode
+            var isIE8 = false;
+            var isIE9 = false;
+            var isIE10 = false;
+
+            // initializes main settings for IE
+            isIE8 = !! navigator.userAgent.match(/MSIE 8.0/);
+            isIE9 = !! navigator.userAgent.match(/MSIE 9.0/);
+            isIE10 = !! navigator.userAgent.match(/MSIE 10.0/);
+
+            if (isIE10) {
+                $('html').addClass('ie10'); // detect IE10 version
+            }
+
+            if (isIE10 || isIE9 || isIE8) {
+                $('html').addClass('ie'); // detect IE8, IE9, IE10 version
+            }
+
+            // Fix input placeholder issue for IE8 and IE9
+            if (isIE8 || isIE9) { // ie8 & ie9
+                // this is html5 placeholder fix for inputs, inputs with placeholder-no-fix class will be skipped(e.g: we need this for password fields)
+                $('input[placeholder]:not(.placeholder-no-fix), textarea[placeholder]:not(.placeholder-no-fix)').each(function () {
+                    var input = $(this);
+
+                    if (input.val() == '' && input.attr("placeholder") != '') {
+                        input.addClass("placeholder").val(input.attr('placeholder'));
+                    }
+
+                    input.focus(function () {
+                        if (input.val() == input.attr('placeholder')) {
+                            input.val('');
+                        }
+                    });
+
+                    input.blur(function () {
+                        if (input.val() == '' || input.val() == input.attr('placeholder')) {
+                            input.val(input.attr('placeholder'));
+                        }
+                    });
+                });
+            }
+        },
+
+        // =========================================================================
+        // CHECK COOKIE
+        // =========================================================================
+        handleCheckCookie: function () {
+            // Check (onLoad) if the cookie is there and set the class if it is
+            // Set cookie sidebar minimize page
+            if ($.cookie('page_sidebar_minimize') == 'active') {
+                $('body').addClass('page-sidebar-minimize');
+            }
+        },
+
+        // =========================================================================
+        // SOUNDS
+        // =========================================================================
+        handleSound: function () {
+            if($('.page-sound').length){
+                ion.sound({
+                    sounds: [
+                        {name: "beer_can_opening"},
+                        {name: "bell_ring", volume: 0.6},
+                        {name: "branch_break", volume: 0.3},
+                        {name: "button_click"},
+                        {name: "button_click_on"},
+                        {name: "button_push"},
+                        {name: "button_tiny", volume: 0.6},
+                        {name: "camera_flashing"},
+                        {name: "camera_flashing_2", volume: 0.6},
+                        {name: "cd_tray", volume: 0.6},
+                        {name: "computer_error"},
+                        {name: "door_bell"},
+                        {name: "door_bump", volume: 0.3},
+                        {name: "glass"},
+                        {name: "keyboard_desk"},
+                        {name: "light_bulb_breaking", volume: 0.6},
+                        {name: "metal_plate"},
+                        {name: "metal_plate_2"},
+                        {name: "pop_cork"},
+                        {name: "snap"},
+                        {name: "staple_gun"},
+                        {name: "tap", volume: 0.6},
+                        {name: "water_droplet"},
+                        {name: "water_droplet_2"},
+                        {name: "water_droplet_3", volume: 0.6}
+                    ],
+                    path: BlankonApp.handleBaseURL()+'/assets/global/plugins/bower_components/ionsound/sounds/',
+                    preload: true
+                });
+
+                // Add effect sound water droplet type 3
+                $('.dropdown-toggle').on('click', function(){
+                    ion.sound.play("water_droplet_3");
+                });
+
+            }
+
+            // Input sounds
+            if($('.page-sound').length){
+                $('input, textarea').on('input', function(){
+                    ion.sound.play("tap");
+                });
+                $('input[type=file]').on('click', function(){
+                    ion.sound.play("metal_plate_2");
+                });
+                $('input[type=checkbox], input[type=radio]').on('click', function(){
+                    ion.sound.play("button_tiny");
+                });
+                $('select').on('change', function(){
+                    ion.sound.play("snap");
+                });
+            }
+        },
+
+        // =========================================================================
+        // BACK TOP
+        // =========================================================================
+        handleBackToTop: function () {
+            $('#back-top').hide();
+            $(window).scroll(function () {
+                if ($(this).scrollTop() > 100) {
+                    $('#back-top').addClass('show animated pulse');
+                } else {
+                    $('#back-top').removeClass('show animated pulse');
+                }
+            });
+            // scroll body to 0px on click
+            $('#back-top').click(function () {
+                // Add sound
+                ion.sound.play("cd_tray");
+                $('body,html').animate({
+                    scrollTop: 0
+                }, 800);
+                return false;
+            });
+        },
+
+        // =========================================================================
+        // SIDEBAR NAVIGATION
+        // =========================================================================
+        handleSidebarNavigation: function () {
+            // Create trigger click for open menu sidebar
+            $('.submenu > a').click(function() {
+                var parentElement = $(this).parent('.submenu'),
+                    nextElement = $(this).nextAll(),
+                    arrowIcon = $(this).find('.arrow'),
+                    plusIcon = $(this).find('.plus');
+
+                // Add effect sound button click
+                if($('.page-sound').length){
+                    ion.sound.play("button_click_on");
+                }
+
+                if(parentElement.parent('ul').find('ul:visible')){
+                    parentElement.parent('ul').find('ul:visible').slideUp('fast');
+                    parentElement.parent('ul').find('.open').removeClass('open');
+                }
+
+                if(nextElement.is('ul:visible')) {
+                    arrowIcon.removeClass('open');
+                    plusIcon.removeClass('open');
+                    nextElement.slideUp('fast');
+                    arrowIcon.removeClass('fa-angle-double-down').addClass('fa-angle-double-right');
+                }
+
+                if(!nextElement.is('ul:visible')) {
+                    arrowIcon.addClass('open');
+                    plusIcon.addClass('open');
+                    nextElement.slideDown('fast');
+                    arrowIcon.removeClass('fa-angle-double-right').addClass('fa-angle-double-down');
+                }
+
+            });
+        },
+
+        // =========================================================================
+        // SIDEBAR LEFT NICESCROLL
+        // =========================================================================
+        handleSidebarScroll: function () {
+            // Optimalisation: Store the references outside the event handler:
+            function checkHeightSidebar() {
+                // Check if there is class page-sidebar-fixed
+                if($('.page-sidebar-fixed').length){
+                    // Setting dinamic height sidebar menu
+                    var heightSidebarLeft       = $(window).outerHeight() - $('#header').outerHeight() - $('.sidebar-footer').outerHeight() - $('.sidebar-content').outerHeight();
+
+                    $('#sidebar-left .sidebar-menu').height(heightSidebarLeft)
+                        .niceScroll({
+                            cursorwidth: '10px',
+                            cursorborder: '0px',
+                            railalign: 'left'
+                        });
+                }
+
+                var heightSidebarRight      = $(window).outerHeight() - $('#sidebar-right .panel-heading').outerHeight(),
+                    heightSidebarRightChat  = $(window).outerHeight() - $('#sidebar-right .panel-heading').outerHeight() - $('#sidebar-chat .form-horizontal').outerHeight();
+
+                // Sidebar right profile
+                $('#sidebar-profile .sidebar-menu').height(heightSidebarRight)
+                    .niceScroll({
+                        cursorwidth: '10px',
+                        cursorborder: '0px'
+                    });
+
+                // Sidebar right layout
+                $('#sidebar-layout .sidebar-menu').height(heightSidebarRight)
+                    .niceScroll({
+                        cursorwidth: '10px',
+                        cursorborder: '0px'
+                    });
+
+                // Sidebar right setting
+                $('#sidebar-setting .sidebar-menu').height(heightSidebarRight)
+                    .niceScroll({
+                        cursorwidth: '10px',
+                        cursorborder: '0px'
+                    });
+
+                // Sidebar right chat
+                $('#sidebar-chat .sidebar-menu').height(heightSidebarRightChat)
+                    .niceScroll({
+                        cursorwidth: '10px',
+                        cursorborder: '0px'
+                    });
+
+            }
+            // Execute on load
+            checkHeightSidebar();
+            // Bind event listener
+            $(window).resize(checkHeightSidebar);
+        },
+
+        // =========================================================================
+        // SIDEBAR RESPONSIVE
+        // =========================================================================
+        handleSidebarResponsive: function () {
+            // Optimalisation: Store the references outside the event handler:
+            var $window = $(window);
+            function checkWidth() {
+                var windowsize = $window.width();
+                // Check if view screen on greater then 720px and smaller then 1024px
+                if (windowsize > 768 && windowsize <= 1024) {
+                    $('body').addClass('page-sidebar-minimize-auto');
+                }
+                else if (windowsize <= 768) {
+                    $('body').removeClass('page-sidebar-minimize');
+                    $('body').removeClass('page-sidebar-minimize-auto');
+                }
+                else{
+                    $('body').removeClass('page-sidebar-minimize-auto');
+                }
+            }
+            // Execute on load
+            checkWidth();
+            // Bind event listener
+            $(window).resize(checkWidth);
+
+            // When the minimize trigger is clicked
+            $('.navbar-minimize a').on('click',function(){
+
+                // Add effect sound button click
+                if($('.page-sound').length){
+                    ion.sound.play("button_click");
+                }
+
+                // Check class sidebar right show
+                if($('.page-sidebar-right-show').length){
+                    $('body').removeClass('page-sidebar-right-show');
+                }
+
+                // Check class sidebar minimize auto
+                if($('.page-sidebar-minimize-auto').length){
+                    $('body').removeClass('page-sidebar-minimize-auto');
+                }else{
+                    // Toggle the class to the body
+                    $('body').toggleClass('page-sidebar-minimize');
+                }
+
+                // Check the current cookie value
+                // If the cookie is empty or set to not active, then add page_sidebar_minimize
+                if ($.cookie('page_sidebar_minimize') == "undefined" || $.cookie('page_sidebar_minimize') == "not_active") {
+
+                    // Set cookie value to active
+                    $.cookie('page_sidebar_minimize','active', {expires: 1});
+                }
+
+                // If the cookie was already set to active then remove it
+                else {
+
+                    // Remove cookie with name page_sidebar_minimize
+                    $.removeCookie('page_sidebar_minimize');
+
+                    // Create cookie with value to not_active
+                    $.cookie('page_sidebar_minimize','not_active',  {expires: 1});
+
+                }
+
+            });
+
+            $('.navbar-setting a').on('click',function(){
+                // Add effect sound button click
+                if($('.page-sound').length){
+                    ion.sound.play("button_click");
+                }
+                if($('.page-sidebar-minimize.page-sidebar-right-show').length){
+                    $('body').toggleClass('page-sidebar-minimize page-sidebar-right-show');
+                }
+                else if($('.page-sidebar-minimize').length){
+                    $('body').toggleClass('page-sidebar-right-show');
+                }else{
+                    $('body').toggleClass('page-sidebar-minimize page-sidebar-right-show');
+                }
+            });
+
+            // This action available on mobile view
+            $('.navbar-minimize-mobile.left').on('click',function(){
+                // Add effect sound button click
+                if($('.page-sound').length){
+                    ion.sound.play("button_click");
+                }
+                if($('body.page-sidebar-right-show').length){
+                    $('body').removeClass('page-sidebar-right-show');
+                    $('body').removeClass('page-sidebar-minimize');
+                }
+                $('body').toggleClass('page-sidebar-left-show');
+            });
+            $('.navbar-minimize-mobile.right').on('click',function(){
+                // Add effect sound button click
+                if($('.page-sound').length){
+                    ion.sound.play("button_click");
+                }
+                if($('body.page-sidebar-left-show').length){
+                    $('body').removeClass('page-sidebar-left-show');
+                    $('body').removeClass('page-sidebar-minimize');
+                }
+                $('body').toggleClass('page-sidebar-right-show');
+            });
+        },
+
+        // =========================================================================
+        // MESSAGES NICESCROLL
+        // =========================================================================
+        handleNavbarScroll: function () {
+            if($('.navbar-message .niceScroll').length){
+                $('.navbar-message .niceScroll').niceScroll({
+                    cursorwidth: '10px',
+                    cursorborder: '0px'
+                });
+            }
+
+            // =========================================================================
+            // NOTIFICATION NICESCROLL
+            // =========================================================================
+            if($('.navbar-notification .niceScroll').length){
+                $('.navbar-notification .niceScroll').niceScroll({
+                    cursorwidth: '10px',
+                    cursorborder: '0px'
+                });
+            }
+        },
+
+        // =========================================================================
+        // PANEL NICESCROLL
+        // =========================================================================
+        handlePanelScroll: function () {
+            if($('.panel-scrollable').length){
+                $('.panel-scrollable .panel-body').niceScroll({
+                    cursorwidth: '10px',
+                    cursorborder: '0px'
+                });
+            }
+        },
+
+        // =========================================================================
+        // TYPEAHEAD
+        // =========================================================================
+        handleTypehead: function () {
+            if($('.typeahead').length){
+                var repos;
+
+                repos = new Bloodhound({
+                    datumTokenizer: function(d) { return d.tokens; },
+                    queryTokenizer: Bloodhound.tokenizers.whitespace,
+                    prefetch: BlankonApp.handleBaseURL()+'/assets/global/plugins/bower_components/typehead.js/dist/typeahead-sample.json'
+                });
+
+                repos.initialize();
+
+                $('.typeahead').typeahead(null, {
+                    name: 'typeahead-sample',
+                    source: repos.ttAdapter(),
+                    templates: {
+                        empty: [
+                            '<div class="empty-message">',
+                            'unable to find your type that match the current query',
+                            '</div>'
+                        ].join('\n'),
+                        suggestion: Handlebars.compile([
+                            '<a href="javascript:void(0);" class="media border-dotted animated fadeIn">',
+                            '<span class="media-left">' +
+                            '<span class="media-object">',
+                            '<i class="fa fa-{{icon}} bg-{{color}}"></i>',
+                            '</span>',
+                            '</span>',
+                            '<span class="media-body">',
+                            '<span class="media-heading">{{name}}</span>',
+                            '<span class="media-text">{{description}}</span>',
+                            '</span>',
+                            '</a>'
+                        ].join(''))
+                    }
+                });
+            }
+        },
+
+        // =========================================================================
+        // FULLSCREEN TRIGGER
+        // =========================================================================
+        handleFullscreen: function () {
+            var state;
+            $('#fullscreen').on('click', function() {
+                state = !state;
+                if (state) {
+                    // Trigger for fullscreen
+                    // Add effect sound bell ring
+                    if($('.page-sound').length){
+                        ion.sound.play("bell_ring");
+                    }
+                    $(this).toggleClass('fg-theme');
+                    $(this).attr('data-original-title','Exit Fullscreen');
+                    var docElement, request;
+                    docElement = document.documentElement;
+                    request = docElement.requestFullScreen || docElement.webkitRequestFullScreen || docElement.mozRequestFullScreen || docElement.msRequestFullScreen;
+                    if(typeof request!="undefined" && request){
+                        request.call(docElement);
+                    }
+                } else {
+                    // Trigger for exit fullscreen
+                    // Add effect sound bell ring
+                    if($('.page-sound').length){
+                        ion.sound.play("bell_ring");
+                    }
+                    $(this).removeClass('fg-theme');
+                    $(this).attr('data-original-title','Fullscreen')
+                    var docElement, request;
+                    docElement = document;
+                    request = docElement.cancelFullScreen|| docElement.webkitCancelFullScreen || docElement.mozCancelFullScreen || docElement.msCancelFullScreen || docElement.exitFullscreen;
+                    if(typeof request!="undefined" && request){
+                        request.call(docElement);
+                    }
+                }
+            });
+        },
+
+        // =========================================================================
+        // SELECT2
+        // =========================================================================
+        handleSelect2: function () {
+            if($('.select2').length){
+                $('.select2').select2();
+            }
+        },
+
+        // =========================================================================
+        // TOOLTIP
+        // =========================================================================
+        handleTooltip: function () {
+            if($('[data-toggle=tooltip]').length){
+                $('[data-toggle=tooltip]').tooltip({
+                    animation: 'fade'
+                });
+            }
+            if($('.tooltips').length){
+                $('.tooltips').tooltip({
+                    animation: 'fade'
+                });
+            }
+        },
+
+        // =========================================================================
+        // POPOVER
+        // =========================================================================
+        handlePopover: function () {
+            if($('[data-toggle=popover]').length){
+                $('[data-toggle=popover]').popover();
+            }
+        },
+
+        // =========================================================================
+        // PANEL TOOL ACTION
+        // =========================================================================
+        handlePanelToolAction: function () {
+            // Collapse panel
+            $('[data-action=collapse]').on('click', function(e){
+                var targetCollapse = $(this).parents('.panel').find('.panel-body'),
+                    targetCollapse2 = $(this).parents('.panel').find('.panel-sub-heading'),
+                    targetCollapse3 = $(this).parents('.panel').find('.panel-footer')
+                if((targetCollapse.is(':visible'))) {
+                    $(this).find('i').removeClass('fa-angle-up').addClass('fa-angle-down');
+                    targetCollapse.slideUp();
+                    targetCollapse2.slideUp();
+                    targetCollapse3.slideUp();
+                }else{
+                    $(this).find('i').removeClass('fa-angle-down').addClass('fa-angle-up');
+                    targetCollapse.slideDown();
+                    targetCollapse2.slideDown();
+                    targetCollapse3.slideDown();
+                }
+                e.stopImmediatePropagation();
+            });
+
+            // Remove panel
+            $('[data-action=remove]').on('click', function(){
+                $(this).parents('.panel').fadeOut();
+                // Remove backdrop element panel full size
+                if($('body').find('.panel-fullsize').length)
+                {
+                    $('body').find('.panel-fullsize-backdrop').remove();
+                }
+            });
+
+            // Refresh panel
+            $('[data-action=refresh]').on('click', function(){
+                var targetElement = $(this).closest('.panel').children('.panel-body');
+                targetElement.append('<div class="indicator"><span class="spinner"></span></div>');
+                setInterval(function(){
+                    $.getJSON(BlankonApp.handleBaseURL()+'/assets/admin/data/reload-sample.json', function(json) {
+                        $.each(json, function() {
+                            // Retrieving data from json...
+                            console.log('Retrieving data from json...');
+                        });
+                        targetElement.find('.indicator').hide();
+                    });
+                },5000);
+            });
+
+            // Expand panel
+            $('[data-action=expand]').on('click', function(){
+                if($(this).parents(".panel").hasClass('panel-fullsize'))
+                {
+                    $('body').find('.panel-fullsize-backdrop').remove();
+                    $(this).data('bs.tooltip').options.title = 'Expand';
+                    $(this).find('i').removeClass('fa-compress').addClass('fa-expand');
+                    $(this).parents(".panel").removeClass('panel-fullsize');
+                }
+                else
+                {
+                    $('body').append('<div class="panel-fullsize-backdrop"></div>');
+                    $(this).data('bs.tooltip').options.title = 'Minimize';
+                    $(this).find('i').removeClass('fa-expand').addClass('fa-compress');
+                    $(this).parents(".panel").addClass('panel-fullsize');
+                }
+            });
+
+            // Search panel
+            $('[data-action=search]').on('click', function(){
+                $(this).parents('.panel').find('.panel-search').toggle(100);
+                return false;
+            });
+
+        },
+
+        // =========================================================================
+        // JQUERY SPARKLINE
+        // =========================================================================
+        handleSparkline: function () {
+            if($('.sparklines').length){
+                $('.average').sparkline('html',{type: 'bar', barColor: '#37BC9B', height: '30px'});
+                $('.traffic').sparkline('html',{type: 'bar', barColor: '#8CC152', height: '30px'});
+                $('.disk').sparkline('html',{type: 'bar', barColor: '#E9573F', height: '30px'});
+                $('.cpu').sparkline('html',{type: 'bar', barColor: '#F6BB42', height: '30px'});
+            }
+        },
+
+        // =========================================================================
+        // CLEAR ALL COOKIE
+        // =========================================================================
+        handleClearCookie: function () {
+            $('#reset-setting').on('click', function(){
+                var cookies = $.cookie();
+                for(var cookie in cookies) {
+                    $.removeCookie(cookie);
+                }
+                location.reload(true);
+            });
+        },
+
+        // =========================================================================
+        // BOX MODAL
+        // =========================================================================
+        handleBoxModal: function () {
+            $('#setting').on('click', function(){
+                // Add sound
+                ion.sound.play('camera_flashing');
+                bootbox.dialog({
+                    message: 'I am a custom dialog setting',
+                    title: 'Custom setting',
+                    className: 'modal-success modal-center',
+                    buttons: {
+                        success: {
+                            label: 'Success!',
+                            className: 'btn-success',
+                            callback: function() {
+                                alert('You are so calm!');
+                            }
+                        },
+                        danger: {
+                            label: 'Danger!',
+                            className: 'btn-danger',
+                            callback: function() {
+                                alert('You are so hot!');
+                            }
+                        },
+                        main: {
+                            label: 'Click ME!',
+                            className: 'btn-primary',
+                            callback: function() {
+                                alert('Hello World');
+                            }
+                        }
+                    }
+                });
+            });
+
+            $('#lock-screen').on('click', function(){
+                // Add sound
+                ion.sound.play('camera_flashing');
+                bootbox.dialog({
+                    message: 'Locker with notification display, Receive your notifications directly on your lock screen',
+                    title: 'Lock Screen',
+                    className: 'modal-lilac modal-center',
+                    buttons: {
+                        danger: {
+                            label: 'No',
+                            className: 'btn-danger'
+                        },
+                        success: {
+                            label: 'Yes',
+                            className: 'btn-success',
+                            callback: function() {
+                                window.location = $('#lock-screen').data('url');
+                            }
+                        }
+                    }
+                });
+            });
+
+            $('#logout').on('click', function(){
+                // Add sound
+                ion.sound.play('camera_flashing');
+                bootbox.dialog({
+                    message: 'Do you want to exit from Blankon?',
+                    title: 'Logout',
+                    className: 'modal-danger modal-center',
+                    buttons: {
+                        danger: {
+                            label: 'No',
+                            className: 'btn-danger'
+                        },
+                        success: {
+                            label: 'Yes',
+                            className: 'btn-success',
+                            callback: function() {
+                                window.location = $('#logout').data('url');
+                            }
+                        }
+                    }
+                });
+            });
+        },
+
+        // =========================================================================
+        // COPYRIGHT YEAR
+        // =========================================================================
+        handleCopyrightYear : function () {
+            if($('#copyright-year').length){
+                var today = new Date();
+                $('#copyright-year').text(today.getFullYear());
+            }
+        }
+
+    };
+}();
+
+// Call main app init
+BlankonApp.init();
diff --git a/vendor/javascripts/bootbox.js b/vendor/javascripts/bootbox.js
new file mode 100755
index 0000000..3570597
--- /dev/null
+++ b/vendor/javascripts/bootbox.js
@@ -0,0 +1,894 @@
+/**
+ * bootbox.js [v4.3.0]
+ *
+ * http://bootboxjs.com/license.txt
+ */
+
+// @see https://github.com/makeusabrew/bootbox/issues/180
+// @see https://github.com/makeusabrew/bootbox/issues/186
+(function (root, factory) {
+
+  "use strict";
+  if (typeof define === "function" && define.amd) {
+    // AMD. Register as an anonymous module.
+    define(["jquery"], factory);
+  } else if (typeof exports === "object") {
+    // Node. Does not work with strict CommonJS, but
+    // only CommonJS-like environments that support module.exports,
+    // like Node.
+    module.exports = factory(require("jquery"));
+  } else {
+    // Browser globals (root is window)
+    root.bootbox = factory(root.jQuery);
+  }
+
+}(this, function init($, undefined) {
+
+  "use strict";
+
+  // the base DOM structure needed to create a modal
+  var templates = {
+    dialog:
+      "<div class='bootbox modal' tabindex='-1' role='dialog'>" +
+        "<div class='modal-dialog'>" +
+          "<div class='modal-content'>" +
+            "<div class='modal-body'><div class='bootbox-body'></div></div>" +
+          "</div>" +
+        "</div>" +
+      "</div>",
+    header:
+      "<div class='modal-header'>" +
+        "<h4 class='modal-title'></h4>" +
+      "</div>",
+    footer:
+      "<div class='modal-footer'></div>",
+    closeButton:
+      "<button type='button' class='bootbox-close-button close' data-dismiss='modal' aria-hidden='true'>&times;</button>",
+    form:
+      "<form class='bootbox-form'></form>",
+    inputs: {
+      text:
+        "<input class='bootbox-input bootbox-input-text form-control' autocomplete=off type=text />",
+      textarea:
+        "<textarea class='bootbox-input bootbox-input-textarea form-control'></textarea>",
+      email:
+        "<input class='bootbox-input bootbox-input-email form-control' autocomplete='off' type='email' />",
+      select:
+        "<select class='bootbox-input bootbox-input-select form-control'></select>",
+      checkbox:
+        "<div class='checkbox'><label><input class='bootbox-input bootbox-input-checkbox' type='checkbox' /></label></div>",
+      date:
+        "<input class='bootbox-input bootbox-input-date form-control' autocomplete=off type='date' />",
+      time:
+        "<input class='bootbox-input bootbox-input-time form-control' autocomplete=off type='time' />",
+      number:
+        "<input class='bootbox-input bootbox-input-number form-control' autocomplete=off type='number' />",
+      password:
+        "<input class='bootbox-input bootbox-input-password form-control' autocomplete='off' type='password' />"
+    }
+  };
+
+  var defaults = {
+    // default language
+    locale: "en",
+    // show backdrop or not
+    backdrop: true,
+    // animate the modal in/out
+    animate: true,
+    // additional class string applied to the top level dialog
+    className: null,
+    // whether or not to include a close button
+    closeButton: true,
+    // show the dialog immediately by default
+    show: true,
+    // dialog container
+    container: "body"
+  };
+
+  // our public object; augmented after our private API
+  var exports = {};
+
+  /**
+   * @private
+   */
+  function _t(key) {
+    var locale = locales[defaults.locale];
+    return locale ? locale[key] : locales.en[key];
+  }
+
+  function processCallback(e, dialog, callback) {
+    e.stopPropagation();
+    e.preventDefault();
+
+    // by default we assume a callback will get rid of the dialog,
+    // although it is given the opportunity to override this
+
+    // so, if the callback can be invoked and it *explicitly returns false*
+    // then we'll set a flag to keep the dialog active...
+    var preserveDialog = $.isFunction(callback) && callback(e) === false;
+
+    // ... otherwise we'll bin it
+    if (!preserveDialog) {
+      dialog.modal("hide");
+    }
+  }
+
+  function getKeyLength(obj) {
+    // @TODO defer to Object.keys(x).length if available?
+    var k, t = 0;
+    for (k in obj) {
+      t ++;
+    }
+    return t;
+  }
+
+  function each(collection, iterator) {
+    var index = 0;
+    $.each(collection, function(key, value) {
+      iterator(key, value, index++);
+    });
+  }
+
+  function sanitize(options) {
+    var buttons;
+    var total;
+
+    if (typeof options !== "object") {
+      throw new Error("Please supply an object of options");
+    }
+
+    if (!options.message) {
+      throw new Error("Please specify a message");
+    }
+
+    // make sure any supplied options take precedence over defaults
+    options = $.extend({}, defaults, options);
+
+    if (!options.buttons) {
+      options.buttons = {};
+    }
+
+    // we only support Bootstrap's "static" and false backdrop args
+    // supporting true would mean you could dismiss the dialog without
+    // explicitly interacting with it
+    options.backdrop = options.backdrop ? "static" : false;
+
+    buttons = options.buttons;
+
+    total = getKeyLength(buttons);
+
+    each(buttons, function(key, button, index) {
+
+      if ($.isFunction(button)) {
+        // short form, assume value is our callback. Since button
+        // isn't an object it isn't a reference either so re-assign it
+        button = buttons[key] = {
+          callback: button
+        };
+      }
+
+      // before any further checks make sure by now button is the correct type
+      if ($.type(button) !== "object") {
+        throw new Error("button with key " + key + " must be an object");
+      }
+
+      if (!button.label) {
+        // the lack of an explicit label means we'll assume the key is good enough
+        button.label = key;
+      }
+
+      if (!button.className) {
+        if (total <= 2 && index === total-1) {
+          // always add a primary to the main option in a two-button dialog
+          button.className = "btn-primary";
+        } else {
+          button.className = "btn-default";
+        }
+      }
+    });
+
+    return options;
+  }
+
+  /**
+   * map a flexible set of arguments into a single returned object
+   * if args.length is already one just return it, otherwise
+   * use the properties argument to map the unnamed args to
+   * object properties
+   * so in the latter case:
+   * mapArguments(["foo", $.noop], ["message", "callback"])
+   * -> { message: "foo", callback: $.noop }
+   */
+  function mapArguments(args, properties) {
+    var argn = args.length;
+    var options = {};
+
+    if (argn < 1 || argn > 2) {
+      throw new Error("Invalid argument length");
+    }
+
+    if (argn === 2 || typeof args[0] === "string") {
+      options[properties[0]] = args[0];
+      options[properties[1]] = args[1];
+    } else {
+      options = args[0];
+    }
+
+    return options;
+  }
+
+  /**
+   * merge a set of default dialog options with user supplied arguments
+   */
+  function mergeArguments(defaults, args, properties) {
+    return $.extend(
+      // deep merge
+      true,
+      // ensure the target is an empty, unreferenced object
+      {},
+      // the base options object for this type of dialog (often just buttons)
+      defaults,
+      // args could be an object or array; if it's an array properties will
+      // map it to a proper options object
+      mapArguments(
+        args,
+        properties
+      )
+    );
+  }
+
+  /**
+   * this entry-level method makes heavy use of composition to take a simple
+   * range of inputs and return valid options suitable for passing to bootbox.dialog
+   */
+  function mergeDialogOptions(className, labels, properties, args) {
+    //  build up a base set of dialog properties
+    var baseOptions = {
+      className: "bootbox-" + className,
+      buttons: createLabels.apply(null, labels)
+    };
+
+    // ensure the buttons properties generated, *after* merging
+    // with user args are still valid against the supplied labels
+    return validateButtons(
+      // merge the generated base properties with user supplied arguments
+      mergeArguments(
+        baseOptions,
+        args,
+        // if args.length > 1, properties specify how each arg maps to an object key
+        properties
+      ),
+      labels
+    );
+  }
+
+  /**
+   * from a given list of arguments return a suitable object of button labels
+   * all this does is normalise the given labels and translate them where possible
+   * e.g. "ok", "confirm" -> { ok: "OK, cancel: "Annuleren" }
+   */
+  function createLabels() {
+    var buttons = {};
+
+    for (var i = 0, j = arguments.length; i < j; i++) {
+      var argument = arguments[i];
+      var key = argument.toLowerCase();
+      var value = argument.toUpperCase();
+
+      buttons[key] = {
+        label: _t(value)
+      };
+    }
+
+    return buttons;
+  }
+
+  function validateButtons(options, buttons) {
+    var allowedButtons = {};
+    each(buttons, function(key, value) {
+      allowedButtons[value] = true;
+    });
+
+    each(options.buttons, function(key) {
+      if (allowedButtons[key] === undefined) {
+        throw new Error("button key " + key + " is not allowed (options are " + buttons.join("\n") + ")");
+      }
+    });
+
+    return options;
+  }
+
+  exports.alert = function() {
+    var options;
+
+    options = mergeDialogOptions("alert", ["ok"], ["message", "callback"], arguments);
+
+    if (options.callback && !$.isFunction(options.callback)) {
+      throw new Error("alert requires callback property to be a function when provided");
+    }
+
+    /**
+     * overrides
+     */
+    options.buttons.ok.callback = options.onEscape = function() {
+      if ($.isFunction(options.callback)) {
+        return options.callback();
+      }
+      return true;
+    };
+
+    return exports.dialog(options);
+  };
+
+  exports.confirm = function() {
+    var options;
+
+    options = mergeDialogOptions("confirm", ["cancel", "confirm"], ["message", "callback"], arguments);
+
+    /**
+     * overrides; undo anything the user tried to set they shouldn't have
+     */
+    options.buttons.cancel.callback = options.onEscape = function() {
+      return options.callback(false);
+    };
+
+    options.buttons.confirm.callback = function() {
+      return options.callback(true);
+    };
+
+    // confirm specific validation
+    if (!$.isFunction(options.callback)) {
+      throw new Error("confirm requires a callback");
+    }
+
+    return exports.dialog(options);
+  };
+
+  exports.prompt = function() {
+    var options;
+    var defaults;
+    var dialog;
+    var form;
+    var input;
+    var shouldShow;
+    var inputOptions;
+
+    // we have to create our form first otherwise
+    // its value is undefined when gearing up our options
+    // @TODO this could be solved by allowing message to
+    // be a function instead...
+    form = $(templates.form);
+
+    // prompt defaults are more complex than others in that
+    // users can override more defaults
+    // @TODO I don't like that prompt has to do a lot of heavy
+    // lifting which mergeDialogOptions can *almost* support already
+    // just because of 'value' and 'inputType' - can we refactor?
+    defaults = {
+      className: "bootbox-prompt",
+      buttons: createLabels("cancel", "confirm"),
+      value: "",
+      inputType: "text"
+    };
+
+    options = validateButtons(
+      mergeArguments(defaults, arguments, ["title", "callback"]),
+      ["cancel", "confirm"]
+    );
+
+    // capture the user's show value; we always set this to false before
+    // spawning the dialog to give us a chance to attach some handlers to
+    // it, but we need to make sure we respect a preference not to show it
+    shouldShow = (options.show === undefined) ? true : options.show;
+
+    /**
+     * overrides; undo anything the user tried to set they shouldn't have
+     */
+    options.message = form;
+
+    options.buttons.cancel.callback = options.onEscape = function() {
+      return options.callback(null);
+    };
+
+    options.buttons.confirm.callback = function() {
+      var value;
+
+      switch (options.inputType) {
+        case "text":
+        case "textarea":
+        case "email":
+        case "select":
+        case "date":
+        case "time":
+        case "number":
+        case "password":
+          value = input.val();
+          break;
+
+        case "checkbox":
+          var checkedItems = input.find("input:checked");
+
+          // we assume that checkboxes are always multiple,
+          // hence we default to an empty array
+          value = [];
+
+          each(checkedItems, function(_, item) {
+            value.push($(item).val());
+          });
+          break;
+      }
+
+      return options.callback(value);
+    };
+
+    options.show = false;
+
+    // prompt specific validation
+    if (!options.title) {
+      throw new Error("prompt requires a title");
+    }
+
+    if (!$.isFunction(options.callback)) {
+      throw new Error("prompt requires a callback");
+    }
+
+    if (!templates.inputs[options.inputType]) {
+      throw new Error("invalid prompt type");
+    }
+
+    // create the input based on the supplied type
+    input = $(templates.inputs[options.inputType]);
+
+    switch (options.inputType) {
+      case "text":
+      case "textarea":
+      case "email":
+      case "date":
+      case "time":
+      case "number":
+      case "password":
+        input.val(options.value);
+        break;
+
+      case "select":
+        var groups = {};
+        inputOptions = options.inputOptions || [];
+
+        if (!inputOptions.length) {
+          throw new Error("prompt with select requires options");
+        }
+
+        each(inputOptions, function(_, option) {
+
+          // assume the element to attach to is the input...
+          var elem = input;
+
+          if (option.value === undefined || option.text === undefined) {
+            throw new Error("given options in wrong format");
+          }
+
+
+          // ... but override that element if this option sits in a group
+
+          if (option.group) {
+            // initialise group if necessary
+            if (!groups[option.group]) {
+              groups[option.group] = $("<optgroup/>").attr("label", option.group);
+            }
+
+            elem = groups[option.group];
+          }
+
+          elem.append("<option value='" + option.value + "'>" + option.text + "</option>");
+        });
+
+        each(groups, function(_, group) {
+          input.append(group);
+        });
+
+        // safe to set a select's value as per a normal input
+        input.val(options.value);
+        break;
+
+      case "checkbox":
+        var values   = $.isArray(options.value) ? options.value : [options.value];
+        inputOptions = options.inputOptions || [];
+
+        if (!inputOptions.length) {
+          throw new Error("prompt with checkbox requires options");
+        }
+
+        if (!inputOptions[0].value || !inputOptions[0].text) {
+          throw new Error("given options in wrong format");
+        }
+
+        // checkboxes have to nest within a containing element, so
+        // they break the rules a bit and we end up re-assigning
+        // our 'input' element to this container instead
+        input = $("<div/>");
+
+        each(inputOptions, function(_, option) {
+          var checkbox = $(templates.inputs[options.inputType]);
+
+          checkbox.find("input").attr("value", option.value);
+          checkbox.find("label").append(option.text);
+
+          // we've ensured values is an array so we can always iterate over it
+          each(values, function(_, value) {
+            if (value === option.value) {
+              checkbox.find("input").prop("checked", true);
+            }
+          });
+
+          input.append(checkbox);
+        });
+        break;
+    }
+
+    if (options.placeholder) {
+      input.attr("placeholder", options.placeholder);
+    }
+
+    if(options.pattern){
+      input.attr("pattern", options.pattern);
+    }
+
+    // now place it in our form
+    form.append(input);
+
+    form.on("submit", function(e) {
+      e.preventDefault();
+      // Fix for SammyJS (or similar JS routing library) hijacking the form post.
+      e.stopPropagation();
+      // @TODO can we actually click *the* button object instead?
+      // e.g. buttons.confirm.click() or similar
+      dialog.find(".btn-primary").click();
+    });
+
+    dialog = exports.dialog(options);
+
+    // clear the existing handler focusing the submit button...
+    dialog.off("shown.bs.modal");
+
+    // ...and replace it with one focusing our input, if possible
+    dialog.on("shown.bs.modal", function() {
+      input.focus();
+    });
+
+    if (shouldShow === true) {
+      dialog.modal("show");
+    }
+
+    return dialog;
+  };
+
+  exports.dialog = function(options) {
+    options = sanitize(options);
+
+    var dialog = $(templates.dialog);
+    var innerDialog = dialog.find(".modal-dialog");
+    var body = dialog.find(".modal-body");
+    var buttons = options.buttons;
+    var buttonStr = "";
+    var callbacks = {
+      onEscape: options.onEscape
+    };
+
+    each(buttons, function(key, button) {
+
+      // @TODO I don't like this string appending to itself; bit dirty. Needs reworking
+      // can we just build up button elements instead? slower but neater. Then button
+      // can just become a template too
+      buttonStr += "<button data-bb-handler='" + key + "' type='button' class='btn " + button.className + "'>" + button.label + "</button>";
+      callbacks[key] = button.callback;
+    });
+
+    body.find(".bootbox-body").html(options.message);
+
+    if (options.animate === true) {
+      dialog.addClass("fade");
+    }
+
+    if (options.className) {
+      dialog.addClass(options.className);
+    }
+
+    if (options.size === "large") {
+      innerDialog.addClass("modal-lg");
+    }
+
+    if (options.size === "small") {
+      innerDialog.addClass("modal-sm");
+    }
+
+    if (options.title) {
+      body.before(templates.header);
+    }
+
+    if (options.closeButton) {
+      var closeButton = $(templates.closeButton);
+
+      if (options.title) {
+        dialog.find(".modal-header").prepend(closeButton);
+      } else {
+        closeButton.css("margin-top", "-10px").prependTo(body);
+      }
+    }
+
+    if (options.title) {
+      dialog.find(".modal-title").html(options.title);
+    }
+
+    if (buttonStr.length) {
+      body.after(templates.footer);
+      dialog.find(".modal-footer").html(buttonStr);
+    }
+
+
+    /**
+     * Bootstrap event listeners; used handle extra
+     * setup & teardown required after the underlying
+     * modal has performed certain actions
+     */
+
+    dialog.on("hidden.bs.modal", function(e) {
+      // ensure we don't accidentally intercept hidden events triggered
+      // by children of the current dialog. We shouldn't anymore now BS
+      // namespaces its events; but still worth doing
+      if (e.target === this) {
+        dialog.remove();
+      }
+    });
+
+    /*
+    dialog.on("show.bs.modal", function() {
+      // sadly this doesn't work; show is called *just* before
+      // the backdrop is added so we'd need a setTimeout hack or
+      // otherwise... leaving in as would be nice
+      if (options.backdrop) {
+        dialog.next(".modal-backdrop").addClass("bootbox-backdrop");
+      }
+    });
+    */
+
+    dialog.on("shown.bs.modal", function() {
+      dialog.find(".btn-primary:first").focus();
+    });
+
+    /**
+     * Bootbox event listeners; experimental and may not last
+     * just an attempt to decouple some behaviours from their
+     * respective triggers
+     */
+
+    dialog.on("escape.close.bb", function(e) {
+      if (callbacks.onEscape) {
+        processCallback(e, dialog, callbacks.onEscape);
+      }
+    });
+
+    /**
+     * Standard jQuery event listeners; used to handle user
+     * interaction with our dialog
+     */
+
+    dialog.on("click", ".modal-footer button", function(e) {
+      var callbackKey = $(this).data("bb-handler");
+
+      processCallback(e, dialog, callbacks[callbackKey]);
+
+    });
+
+    dialog.on("click", ".bootbox-close-button", function(e) {
+      // onEscape might be falsy but that's fine; the fact is
+      // if the user has managed to click the close button we
+      // have to close the dialog, callback or not
+      processCallback(e, dialog, callbacks.onEscape);
+    });
+
+    dialog.on("keyup", function(e) {
+      if (e.which === 27) {
+        dialog.trigger("escape.close.bb");
+      }
+    });
+
+    // the remainder of this method simply deals with adding our
+    // dialogent to the DOM, augmenting it with Bootstrap's modal
+    // functionality and then giving the resulting object back
+    // to our caller
+
+    $(options.container).append(dialog);
+
+    dialog.modal({
+      backdrop: options.backdrop,
+      keyboard: false,
+      show: false
+    });
+
+    if (options.show) {
+      dialog.modal("show");
+    }
+
+    // @TODO should we return the raw element here or should
+    // we wrap it in an object on which we can expose some neater
+    // methods, e.g. var d = bootbox.alert(); d.hide(); instead
+    // of d.modal("hide");
+
+   /*
+    function BBDialog(elem) {
+      this.elem = elem;
+    }
+
+    BBDialog.prototype = {
+      hide: function() {
+        return this.elem.modal("hide");
+      },
+      show: function() {
+        return this.elem.modal("show");
+      }
+    };
+    */
+
+    return dialog;
+
+  };
+
+  exports.setDefaults = function() {
+    var values = {};
+
+    if (arguments.length === 2) {
+      // allow passing of single key/value...
+      values[arguments[0]] = arguments[1];
+    } else {
+      // ... and as an object too
+      values = arguments[0];
+    }
+
+    $.extend(defaults, values);
+  };
+
+  exports.hideAll = function() {
+    $(".bootbox").modal("hide");
+
+    return exports;
+  };
+
+
+  /**
+   * standard locales. Please add more according to ISO 639-1 standard. Multiple language variants are
+   * unlikely to be required. If this gets too large it can be split out into separate JS files.
+   */
+  var locales = {
+    br : {
+      OK      : "OK",
+      CANCEL  : "Cancelar",
+      CONFIRM : "Sim"
+    },
+    cs : {
+      OK      : "OK",
+      CANCEL  : "Zrušit",
+      CONFIRM : "Potvrdit"
+    },
+    da : {
+      OK      : "OK",
+      CANCEL  : "Annuller",
+      CONFIRM : "Accepter"
+    },
+    de : {
+      OK      : "OK",
+      CANCEL  : "Abbrechen",
+      CONFIRM : "Akzeptieren"
+    },
+    el : {
+      OK      : "Εντάξει",
+      CANCEL  : "Ακύρωση",
+      CONFIRM : "Επιβεβαίωση"
+    },
+    en : {
+      OK      : "OK",
+      CANCEL  : "Cancel",
+      CONFIRM : "OK"
+    },
+    es : {
+      OK      : "OK",
+      CANCEL  : "Cancelar",
+      CONFIRM : "Aceptar"
+    },
+    et : {
+      OK      : "OK",
+      CANCEL  : "Katkesta",
+      CONFIRM : "OK"
+    },
+    fi : {
+      OK      : "OK",
+      CANCEL  : "Peruuta",
+      CONFIRM : "OK"
+    },
+    fr : {
+      OK      : "OK",
+      CANCEL  : "Annuler",
+      CONFIRM : "D'accord"
+    },
+    he : {
+      OK      : "אישור",
+      CANCEL  : "ביטול",
+      CONFIRM : "אישור"
+    },
+    id : {
+      OK      : "OK",
+      CANCEL  : "Batal",
+      CONFIRM : "OK"
+    },
+    it : {
+      OK      : "OK",
+      CANCEL  : "Annulla",
+      CONFIRM : "Conferma"
+    },
+    ja : {
+      OK      : "OK",
+      CANCEL  : "キャンセル",
+      CONFIRM : "確認"
+    },
+    lt : {
+      OK      : "Gerai",
+      CANCEL  : "Atšaukti",
+      CONFIRM : "Patvirtinti"
+    },
+    lv : {
+      OK      : "Labi",
+      CANCEL  : "Atcelt",
+      CONFIRM : "Apstiprināt"
+    },
+    nl : {
+      OK      : "OK",
+      CANCEL  : "Annuleren",
+      CONFIRM : "Accepteren"
+    },
+    no : {
+      OK      : "OK",
+      CANCEL  : "Avbryt",
+      CONFIRM : "OK"
+    },
+    pl : {
+      OK      : "OK",
+      CANCEL  : "Anuluj",
+      CONFIRM : "Potwierdź"
+    },
+    pt : {
+      OK      : "OK",
+      CANCEL  : "Cancelar",
+      CONFIRM : "Confirmar"
+    },
+    ru : {
+      OK      : "OK",
+      CANCEL  : "Отмена",
+      CONFIRM : "Применить"
+    },
+    sv : {
+      OK      : "OK",
+      CANCEL  : "Avbryt",
+      CONFIRM : "OK"
+    },
+    tr : {
+      OK      : "Tamam",
+      CANCEL  : "İptal",
+      CONFIRM : "Onayla"
+    },
+    zh_CN : {
+      OK      : "OK",
+      CANCEL  : "取消",
+      CONFIRM : "确认"
+    },
+    zh_TW : {
+      OK      : "OK",
+      CANCEL  : "取消",
+      CONFIRM : "確認"
+    }
+  };
+
+  exports.init = function(_$) {
+    return init(_$ || $);
+  };
+
+  return exports;
+}));
diff --git a/vendor/javascripts/bootstrap-session-timeout.js b/vendor/javascripts/bootstrap-session-timeout.js
new file mode 100755
index 0000000..5a3fe6c
--- /dev/null
+++ b/vendor/javascripts/bootstrap-session-timeout.js
@@ -0,0 +1,242 @@
+/*
+ * bootstrap-session-timeout
+ * www.orangehilldev.com
+ *
+ * Copyright (c) 2014 Vedran Opacic
+ * Licensed under the MIT license.
+ */
+
+(function($) {
+    /*jshint multistr: true */
+    'use strict';
+    $.sessionTimeout = function(options) {
+        var defaults = {
+            title: 'Your Session is About to Expire!',
+            message: 'Your session is about to expire.',
+            logoutButton: 'Logout',
+            keepAliveButton: 'Stay Connected',
+            keepAliveUrl: '/keep-alive',
+            ajaxType: 'POST',
+            ajaxData: '',
+            redirUrl: '/timed-out',
+            logoutUrl: '/log-out',
+            warnAfter: 900000, // 15 minutes
+            redirAfter: 1200000, // 20 minutes
+            keepAliveInterval: 5000,
+            keepAlive: true,
+            ignoreUserActivity: false,
+            onStart: false,
+            onWarn: false,
+            onRedir: false,
+            countdownMessage: false,
+            countdownBar: false,
+            countdownSmart: false
+        };
+
+        var opt = defaults,
+            timer,
+            countdown = {};
+
+        // Extend user-set options over defaults
+        if (options) {
+            opt = $.extend(defaults, options);
+        }
+
+        // Some error handling if options are miss-configured
+        if (opt.warnAfter >= opt.redirAfter) {
+            console.error('Bootstrap-session-timeout plugin is miss-configured. Option "redirAfter" must be equal or greater than "warnAfter".');
+            return false;
+        }
+
+        // Unless user set his own callback function, prepare bootstrap modal elements and events
+        if (typeof opt.onWarn !== 'function') {
+            // If opt.countdownMessage is defined add a coundown timer message to the modal dialog
+            var countdownMessage = opt.countdownMessage ?
+                '<p>' + opt.countdownMessage.replace(/{timer}/g, '<span class="countdown-holder"></span>') + '</p>' : '';
+            var coundownBarHtml = opt.countdownBar ?
+                '<div class="progress"> \
+                  <div class="progress-bar progress-bar-striped countdown-bar active" role="progressbar" style="min-width: 15px; width: 100%;"> \
+                    <span class="countdown-holder"></span> \
+                  </div> \
+                </div>' : '';
+
+            // Create timeout warning dialog
+            $('body').append('<div class="modal fade" id="session-timeout-dialog"> \
+              <div class="modal-dialog"> \
+                <div class="modal-content"> \
+                  <div class="modal-header"> \
+                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> \
+                    <h4 class="modal-title">' + opt.title + '</h4> \
+                  </div> \
+                  <div class="modal-body"> \
+                    <p>' + opt.message + '</p> \
+                    ' + countdownMessage + ' \
+                    ' + coundownBarHtml + ' \
+                  </div> \
+                  <div class="modal-footer"> \
+                    <button id="session-timeout-dialog-logout" type="button" class="btn btn-default">' + opt.logoutButton + '</button> \
+                    <button id="session-timeout-dialog-keepalive" type="button" class="btn btn-primary" data-dismiss="modal">' + opt.keepAliveButton + '</button> \
+                  </div> \
+                </div> \
+              </div> \
+             </div>');
+
+            // "Logout" button click
+            $('#session-timeout-dialog-logout').on('click', function() {
+                window.location = opt.logoutUrl;
+            });
+            // "Stay Connected" button click
+            $('#session-timeout-dialog').on('hide.bs.modal', function() {
+                // Restart session timer
+                startSessionTimer();
+            });
+        }
+
+        // Reset timer on any of these events
+        if (!opt.ignoreUserActivity) {
+            var mousePosition = [-1, -1];
+            $(document).on('keyup mouseup mousemove touchend touchmove', function(e) {
+                if (e.type === 'mousemove') {
+                    // Solves mousemove even when mouse not moving issue on Chrome:
+                    // https://code.google.com/p/chromium/issues/detail?id=241476
+                    if (e.clientX === mousePosition[0] && e.clientY === mousePosition[1]) {
+                        return;
+                    }
+                    mousePosition[0] = e.clientX;
+                    mousePosition[1] = e.clientY;
+                }
+                startSessionTimer();
+
+                // If they moved the mouse not only reset the counter
+                // but remove the modal too!
+                if ($('#session-timeout-dialog').length > 0 &&
+                    $('#session-timeout-dialog').data('bs.modal') &&
+                    $('#session-timeout-dialog').data('bs.modal').isShown) {
+                    // http://stackoverflow.com/questions/11519660/twitter-bootstrap-modal-backdrop-doesnt-disappear
+                    $('#session-timeout-dialog').modal('hide');
+                    $('body').removeClass('modal-open');
+                    $('div.modal-backdrop').remove();
+
+                }
+            });
+        }
+
+        // Keeps the server side connection live, by pingin url set in keepAliveUrl option.
+        // KeepAlivePinged is a helper var to ensure the functionality of the keepAliveInterval option
+        var keepAlivePinged = false;
+
+        function keepAlive() {
+            if (!keepAlivePinged) {
+                // Ping keepalive URL using (if provided) data and type from options
+                $.ajax({
+                    type: opt.ajaxType,
+                    url: opt.keepAliveUrl,
+                    data: opt.ajaxData
+                });
+                keepAlivePinged = true;
+                setTimeout(function() {
+                    keepAlivePinged = false;
+                }, opt.keepAliveInterval);
+            }
+        }
+
+        function startSessionTimer() {
+            // Clear session timer
+            clearTimeout(timer);
+            if (opt.countdownMessage || opt.countdownBar) {
+                startCountdownTimer('session', true);
+            }
+
+            if (typeof opt.onStart === 'function') {
+                opt.onStart(opt);
+            }
+
+            // If keepAlive option is set to "true", ping the "keepAliveUrl" url
+            if (opt.keepAlive) {
+                keepAlive();
+            }
+
+            // Set session timer
+            timer = setTimeout(function() {
+                // Check for onWarn callback function and if there is none, launch dialog
+                if (typeof opt.onWarn !== 'function') {
+                    $('#session-timeout-dialog').modal('show');
+                } else {
+                    opt.onWarn(opt);
+                }
+                // Start dialog timer
+                startDialogTimer();
+            }, opt.warnAfter);
+        }
+
+        function startDialogTimer() {
+            // Clear session timer
+            clearTimeout(timer);
+            if (!$('#session-timeout-dialog').hasClass('in') && (opt.countdownMessage || opt.countdownBar)) {
+                // If warning dialog is not already open and either opt.countdownMessage
+                // or opt.countdownBar are set start countdown
+                startCountdownTimer('dialog', true);
+            }
+            // Set dialog timer
+            timer = setTimeout(function() {
+                // Check for onRedir callback function and if there is none, launch redirect
+                if (typeof opt.onRedir !== 'function') {
+                    window.location = opt.redirUrl;
+                } else {
+                    opt.onRedir(opt);
+                }
+            }, (opt.redirAfter - opt.warnAfter));
+        }
+
+        function startCountdownTimer(type, reset) {
+            // Clear countdown timer
+            clearTimeout(countdown.timer);
+
+            if (type === 'dialog' && reset) {
+                // If triggered by startDialogTimer start warning countdown
+                countdown.timeLeft = Math.floor((opt.redirAfter - opt.warnAfter) / 1000);
+            } else if (type === 'session' && reset) {
+                // If triggered by startSessionTimer start full countdown
+                // (this is needed if user doesn't close the warning dialog)
+                countdown.timeLeft = Math.floor(opt.redirAfter / 1000);
+            }
+            // If opt.countdownBar is true, calculate remaining time percentage
+            if (opt.countdownBar && type === 'dialog') {
+                countdown.percentLeft = Math.floor(countdown.timeLeft / ((opt.redirAfter - opt.warnAfter) / 1000) * 100);
+            } else if (opt.countdownBar && type === 'session') {
+                countdown.percentLeft = Math.floor(countdown.timeLeft / (opt.redirAfter / 1000) * 100);
+            }
+            // Set countdown message time value
+            var countdownEl = $('.countdown-holder');
+            var secondsLeft = countdown.timeLeft >= 0 ? countdown.timeLeft : 0;
+            if (opt.countdownSmart) {
+                var minLeft = Math.floor(secondsLeft / 60);
+                var secRemain = secondsLeft % 60;
+                var countTxt = minLeft > 0 ? minLeft + 'm' : '';
+                if (countTxt.length > 0) {
+                    countTxt += ' ';
+                }
+                countTxt += secRemain + 's';
+                countdownEl.text(countTxt);
+            } else {
+                countdownEl.text(secondsLeft + "s");
+            }
+
+            // Set countdown message time value
+            if (opt.countdownBar) {
+                $('.countdown-bar').css('width', countdown.percentLeft + '%');
+            }
+
+            // Countdown by one second
+            countdown.timeLeft = countdown.timeLeft - 1;
+            countdown.timer = setTimeout(function() {
+                // Call self after one second
+                startCountdownTimer(type);
+            }, 1000);
+        }
+
+        // Start session timer
+        startSessionTimer();
+
+    };
+})(jQuery);
diff --git a/vendor/javascripts/bootstrap-tour.js b/vendor/javascripts/bootstrap-tour.js
new file mode 100755
index 0000000..834b65b
--- /dev/null
+++ b/vendor/javascripts/bootstrap-tour.js
@@ -0,0 +1,802 @@
+/* ========================================================================
+ * bootstrap-tour - v0.10.1
+ * http://bootstraptour.com
+ * ========================================================================
+ * Copyright 2012-2013 Ulrich Sossou
+ *
+ * ========================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================================
+ */
+
+(function($, window) {
+  var Tour, document;
+  document = window.document;
+  Tour = (function() {
+    function Tour(options) {
+      var storage;
+      try {
+        storage = window.localStorage;
+      } catch (_error) {
+        storage = false;
+      }
+      this._options = $.extend({
+        name: 'tour',
+        steps: [],
+        container: 'body',
+        autoscroll: true,
+        keyboard: true,
+        storage: storage,
+        debug: false,
+        backdrop: false,
+        backdropPadding: 0,
+        redirect: true,
+        orphan: false,
+        duration: false,
+        delay: false,
+        basePath: '',
+        template: '<div class="popover" role="tooltip"> <div class="arrow"></div> <h3 class="popover-title"></h3> <div class="popover-content"></div> <div class="popover-navigation"> <div class="btn-group"> <button class="btn btn-sm btn-default" data-role="prev">&laquo; Prev</button> <button class="btn btn-sm btn-default" data-role="next">Next &raquo;</button> <button class="btn btn-sm btn-default" data-role="pause-resume" data-pause-text="Pause" data-resume-text="Resume">Pause</button> </div> <button class="btn btn-sm btn-default" data-role="end">End tour</button> </div> </div>',
+        afterSetState: function(key, value) {},
+        afterGetState: function(key, value) {},
+        afterRemoveState: function(key) {},
+        onStart: function(tour) {},
+        onEnd: function(tour) {},
+        onShow: function(tour) {},
+        onShown: function(tour) {},
+        onHide: function(tour) {},
+        onHidden: function(tour) {},
+        onNext: function(tour) {},
+        onPrev: function(tour) {},
+        onPause: function(tour, duration) {},
+        onResume: function(tour, duration) {}
+      }, options);
+      this._force = false;
+      this._inited = false;
+      this.backdrop = {
+        overlay: null,
+        $element: null,
+        $background: null,
+        backgroundShown: false,
+        overlayElementShown: false
+      };
+      this;
+    }
+
+    Tour.prototype.addSteps = function(steps) {
+      var step, _i, _len;
+      for (_i = 0, _len = steps.length; _i < _len; _i++) {
+        step = steps[_i];
+        this.addStep(step);
+      }
+      return this;
+    };
+
+    Tour.prototype.addStep = function(step) {
+      this._options.steps.push(step);
+      return this;
+    };
+
+    Tour.prototype.getStep = function(i) {
+      if (this._options.steps[i] != null) {
+        return $.extend({
+          id: "step-" + i,
+          path: '',
+          placement: 'right',
+          title: '',
+          content: '<p></p>',
+          next: i === this._options.steps.length - 1 ? -1 : i + 1,
+          prev: i - 1,
+          animation: true,
+          container: this._options.container,
+          autoscroll: this._options.autoscroll,
+          backdrop: this._options.backdrop,
+          backdropPadding: this._options.backdropPadding,
+          redirect: this._options.redirect,
+          orphan: this._options.orphan,
+          duration: this._options.duration,
+          delay: this._options.delay,
+          template: this._options.template,
+          onShow: this._options.onShow,
+          onShown: this._options.onShown,
+          onHide: this._options.onHide,
+          onHidden: this._options.onHidden,
+          onNext: this._options.onNext,
+          onPrev: this._options.onPrev,
+          onPause: this._options.onPause,
+          onResume: this._options.onResume
+        }, this._options.steps[i]);
+      }
+    };
+
+    Tour.prototype.init = function(force) {
+      this._force = force;
+      if (this.ended()) {
+        this._debug('Tour ended, init prevented.');
+        return this;
+      }
+      this.setCurrentStep();
+      this._initMouseNavigation();
+      this._initKeyboardNavigation();
+      this._onResize((function(_this) {
+        return function() {
+          return _this.showStep(_this._current);
+        };
+      })(this));
+      if (this._current !== null) {
+        this.showStep(this._current);
+      }
+      this._inited = true;
+      return this;
+    };
+
+    Tour.prototype.start = function(force) {
+      var promise;
+      if (force == null) {
+        force = false;
+      }
+      if (!this._inited) {
+        this.init(force);
+      }
+      if (this._current === null) {
+        promise = this._makePromise(this._options.onStart != null ? this._options.onStart(this) : void 0);
+        this._callOnPromiseDone(promise, this.showStep, 0);
+      }
+      return this;
+    };
+
+    Tour.prototype.next = function() {
+      var promise;
+      promise = this.hideStep(this._current);
+      return this._callOnPromiseDone(promise, this._showNextStep);
+    };
+
+    Tour.prototype.prev = function() {
+      var promise;
+      promise = this.hideStep(this._current);
+      return this._callOnPromiseDone(promise, this._showPrevStep);
+    };
+
+    Tour.prototype.goTo = function(i) {
+      var promise;
+      promise = this.hideStep(this._current);
+      return this._callOnPromiseDone(promise, this.showStep, i);
+    };
+
+    Tour.prototype.end = function() {
+      var endHelper, promise;
+      endHelper = (function(_this) {
+        return function(e) {
+          $(document).off("click.tour-" + _this._options.name);
+          $(document).off("keyup.tour-" + _this._options.name);
+          $(window).off("resize.tour-" + _this._options.name);
+          _this._setState('end', 'yes');
+          _this._inited = false;
+          _this._force = false;
+          _this._clearTimer();
+          if (_this._options.onEnd != null) {
+            return _this._options.onEnd(_this);
+          }
+        };
+      })(this);
+      promise = this.hideStep(this._current);
+      return this._callOnPromiseDone(promise, endHelper);
+    };
+
+    Tour.prototype.ended = function() {
+      return !this._force && !!this._getState('end');
+    };
+
+    Tour.prototype.restart = function() {
+      this._removeState('current_step');
+      this._removeState('end');
+      return this.start();
+    };
+
+    Tour.prototype.pause = function() {
+      var step;
+      step = this.getStep(this._current);
+      if (!(step && step.duration)) {
+        return this;
+      }
+      this._paused = true;
+      this._duration -= new Date().getTime() - this._start;
+      window.clearTimeout(this._timer);
+      this._debug("Paused/Stopped step " + (this._current + 1) + " timer (" + this._duration + " remaining).");
+      if (step.onPause != null) {
+        return step.onPause(this, this._duration);
+      }
+    };
+
+    Tour.prototype.resume = function() {
+      var step;
+      step = this.getStep(this._current);
+      if (!(step && step.duration)) {
+        return this;
+      }
+      this._paused = false;
+      this._start = new Date().getTime();
+      this._duration = this._duration || step.duration;
+      this._timer = window.setTimeout((function(_this) {
+        return function() {
+          if (_this._isLast()) {
+            return _this.next();
+          } else {
+            return _this.end();
+          }
+        };
+      })(this), this._duration);
+      this._debug("Started step " + (this._current + 1) + " timer with duration " + this._duration);
+      if ((step.onResume != null) && this._duration !== step.duration) {
+        return step.onResume(this, this._duration);
+      }
+    };
+
+    Tour.prototype.hideStep = function(i) {
+      var hideStepHelper, promise, step;
+      step = this.getStep(i);
+      if (!step) {
+        return;
+      }
+      this._clearTimer();
+      promise = this._makePromise(step.onHide != null ? step.onHide(this, i) : void 0);
+      hideStepHelper = (function(_this) {
+        return function(e) {
+          var $element;
+          $element = $(step.element);
+          if (!($element.data('bs.popover') || $element.data('popover'))) {
+            $element = $('body');
+          }
+          $element.popover('destroy').removeClass("tour-" + _this._options.name + "-element tour-" + _this._options.name + "-" + i + "-element");
+          if (step.reflex) {
+            $element.removeClass('tour-step-element-reflex').off("" + (_this._reflexEvent(step.reflex)) + ".tour-" + _this._options.name);
+          }
+          if (step.backdrop) {
+            _this._hideBackdrop();
+          }
+          if (step.onHidden != null) {
+            return step.onHidden(_this);
+          }
+        };
+      })(this);
+      this._callOnPromiseDone(promise, hideStepHelper);
+      return promise;
+    };
+
+    Tour.prototype.showStep = function(i) {
+      var promise, showStepHelper, skipToPrevious, step;
+      if (this.ended()) {
+        this._debug('Tour ended, showStep prevented.');
+        return this;
+      }
+      step = this.getStep(i);
+      if (!step) {
+        return;
+      }
+      skipToPrevious = i < this._current;
+      promise = this._makePromise(step.onShow != null ? step.onShow(this, i) : void 0);
+      showStepHelper = (function(_this) {
+        return function(e) {
+          var current_path, path, showPopoverAndOverlay;
+          _this.setCurrentStep(i);
+          path = (function() {
+            switch ({}.toString.call(step.path)) {
+              case '[object Function]':
+                return step.path();
+              case '[object String]':
+                return this._options.basePath + step.path;
+              default:
+                return step.path;
+            }
+          }).call(_this);
+          current_path = [document.location.pathname, document.location.hash].join('');
+          if (_this._isRedirect(path, current_path)) {
+            _this._redirect(step, path);
+            return;
+          }
+          if (_this._isOrphan(step)) {
+            if (!step.orphan) {
+              _this._debug("Skip the orphan step " + (_this._current + 1) + ".\nOrphan option is false and the element does not exist or is hidden.");
+              if (skipToPrevious) {
+                _this._showPrevStep();
+              } else {
+                _this._showNextStep();
+              }
+              return;
+            }
+            _this._debug("Show the orphan step " + (_this._current + 1) + ". Orphans option is true.");
+          }
+          if (step.backdrop) {
+            _this._showBackdrop(!_this._isOrphan(step) ? step.element : void 0);
+          }
+          showPopoverAndOverlay = function() {
+            if (_this.getCurrentStep() !== i) {
+              return;
+            }
+            if ((step.element != null) && step.backdrop) {
+              _this._showOverlayElement(step);
+            }
+            _this._showPopover(step, i);
+            if (step.onShown != null) {
+              step.onShown(_this);
+            }
+            return _this._debug("Step " + (_this._current + 1) + " of " + _this._options.steps.length);
+          };
+          if (step.autoscroll) {
+            _this._scrollIntoView(step.element, showPopoverAndOverlay);
+          } else {
+            showPopoverAndOverlay();
+          }
+          if (step.duration) {
+            return _this.resume();
+          }
+        };
+      })(this);
+      if (step.delay) {
+        this._debug("Wait " + step.delay + " milliseconds to show the step " + (this._current + 1));
+        window.setTimeout((function(_this) {
+          return function() {
+            return _this._callOnPromiseDone(promise, showStepHelper);
+          };
+        })(this), step.delay);
+      } else {
+        this._callOnPromiseDone(promise, showStepHelper);
+      }
+      return promise;
+    };
+
+    Tour.prototype.getCurrentStep = function() {
+      return this._current;
+    };
+
+    Tour.prototype.setCurrentStep = function(value) {
+      if (value != null) {
+        this._current = value;
+        this._setState('current_step', value);
+      } else {
+        this._current = this._getState('current_step');
+        this._current = this._current === null ? null : parseInt(this._current, 10);
+      }
+      return this;
+    };
+
+    Tour.prototype._setState = function(key, value) {
+      var e, keyName;
+      if (this._options.storage) {
+        keyName = "" + this._options.name + "_" + key;
+        try {
+          this._options.storage.setItem(keyName, value);
+        } catch (_error) {
+          e = _error;
+          if (e.code === DOMException.QUOTA_EXCEEDED_ERR) {
+            this._debug('LocalStorage quota exceeded. State storage failed.');
+          }
+        }
+        return this._options.afterSetState(keyName, value);
+      } else {
+        if (this._state == null) {
+          this._state = {};
+        }
+        return this._state[key] = value;
+      }
+    };
+
+    Tour.prototype._removeState = function(key) {
+      var keyName;
+      if (this._options.storage) {
+        keyName = "" + this._options.name + "_" + key;
+        this._options.storage.removeItem(keyName);
+        return this._options.afterRemoveState(keyName);
+      } else {
+        if (this._state != null) {
+          return delete this._state[key];
+        }
+      }
+    };
+
+    Tour.prototype._getState = function(key) {
+      var keyName, value;
+      if (this._options.storage) {
+        keyName = "" + this._options.name + "_" + key;
+        value = this._options.storage.getItem(keyName);
+      } else {
+        if (this._state != null) {
+          value = this._state[key];
+        }
+      }
+      if (value === void 0 || value === 'null') {
+        value = null;
+      }
+      this._options.afterGetState(key, value);
+      return value;
+    };
+
+    Tour.prototype._showNextStep = function() {
+      var promise, showNextStepHelper, step;
+      step = this.getStep(this._current);
+      showNextStepHelper = (function(_this) {
+        return function(e) {
+          return _this.showStep(step.next);
+        };
+      })(this);
+      promise = this._makePromise(step.onNext != null ? step.onNext(this) : void 0);
+      return this._callOnPromiseDone(promise, showNextStepHelper);
+    };
+
+    Tour.prototype._showPrevStep = function() {
+      var promise, showPrevStepHelper, step;
+      step = this.getStep(this._current);
+      showPrevStepHelper = (function(_this) {
+        return function(e) {
+          return _this.showStep(step.prev);
+        };
+      })(this);
+      promise = this._makePromise(step.onPrev != null ? step.onPrev(this) : void 0);
+      return this._callOnPromiseDone(promise, showPrevStepHelper);
+    };
+
+    Tour.prototype._debug = function(text) {
+      if (this._options.debug) {
+        return window.console.log("Bootstrap Tour '" + this._options.name + "' | " + text);
+      }
+    };
+
+    Tour.prototype._isRedirect = function(path, currentPath) {
+      return (path != null) && path !== '' && (({}.toString.call(path) === '[object RegExp]' && !path.test(currentPath)) || ({}.toString.call(path) === '[object String]' && path.replace(/\?.*$/, '').replace(/\/?$/, '') !== currentPath.replace(/\/?$/, '')));
+    };
+
+    Tour.prototype._redirect = function(step, path) {
+      if ($.isFunction(step.redirect)) {
+        return step.redirect.call(this, path);
+      } else if (step.redirect === true) {
+        this._debug("Redirect to " + path);
+        return document.location.href = path;
+      }
+    };
+
+    Tour.prototype._isOrphan = function(step) {
+      return (step.element == null) || !$(step.element).length || $(step.element).is(':hidden') && ($(step.element)[0].namespaceURI !== 'http://www.w3.org/2000/svg');
+    };
+
+    Tour.prototype._isLast = function() {
+      return this._current < this._options.steps.length - 1;
+    };
+
+    Tour.prototype._showPopover = function(step, i) {
+      var $element, $tip, isOrphan, options;
+      $(".tour-" + this._options.name).remove();
+      options = $.extend({}, this._options);
+      isOrphan = this._isOrphan(step);
+      step.template = this._template(step, i);
+      if (isOrphan) {
+        step.element = 'body';
+        step.placement = 'top';
+      }
+      $element = $(step.element);
+      $element.addClass("tour-" + this._options.name + "-element tour-" + this._options.name + "-" + i + "-element");
+      if (step.options) {
+        $.extend(options, step.options);
+      }
+      if (step.reflex && !isOrphan) {
+        $element.addClass('tour-step-element-reflex');
+        $element.off("" + (this._reflexEvent(step.reflex)) + ".tour-" + this._options.name);
+        $element.on("" + (this._reflexEvent(step.reflex)) + ".tour-" + this._options.name, (function(_this) {
+          return function() {
+            if (_this._isLast()) {
+              return _this.next();
+            } else {
+              return _this.end();
+            }
+          };
+        })(this));
+      }
+      $element.popover({
+        placement: step.placement,
+        trigger: 'manual',
+        title: step.title,
+        content: step.content,
+        html: true,
+        animation: step.animation,
+        container: step.container,
+        template: step.template,
+        selector: step.element
+      }).popover('show');
+      $tip = $element.data('bs.popover') ? $element.data('bs.popover').tip() : $element.data('popover').tip();
+      $tip.attr('id', step.id);
+      this._reposition($tip, step);
+      if (isOrphan) {
+        return this._center($tip);
+      }
+    };
+
+    Tour.prototype._template = function(step, i) {
+      var $navigation, $next, $prev, $resume, $template;
+      $template = $.isFunction(step.template) ? $(step.template(i, step)) : $(step.template);
+      $navigation = $template.find('.popover-navigation');
+      $prev = $navigation.find('[data-role="prev"]');
+      $next = $navigation.find('[data-role="next"]');
+      $resume = $navigation.find('[data-role="pause-resume"]');
+      if (this._isOrphan(step)) {
+        $template.addClass('orphan');
+      }
+      $template.addClass("tour-" + this._options.name + " tour-" + this._options.name + "-" + i);
+      if (step.prev < 0) {
+        $prev.addClass('disabled');
+      }
+      if (step.next < 0) {
+        $next.addClass('disabled');
+      }
+      if (!step.duration) {
+        $resume.remove();
+      }
+      return $template.clone().wrap('<div>').parent().html();
+    };
+
+    Tour.prototype._reflexEvent = function(reflex) {
+      if ({}.toString.call(reflex) === '[object Boolean]') {
+        return 'click';
+      } else {
+        return reflex;
+      }
+    };
+
+    Tour.prototype._reposition = function($tip, step) {
+      var offsetBottom, offsetHeight, offsetRight, offsetWidth, originalLeft, originalTop, tipOffset;
+      offsetWidth = $tip[0].offsetWidth;
+      offsetHeight = $tip[0].offsetHeight;
+      tipOffset = $tip.offset();
+      originalLeft = tipOffset.left;
+      originalTop = tipOffset.top;
+      offsetBottom = $(document).outerHeight() - tipOffset.top - $tip.outerHeight();
+      if (offsetBottom < 0) {
+        tipOffset.top = tipOffset.top + offsetBottom;
+      }
+      offsetRight = $('html').outerWidth() - tipOffset.left - $tip.outerWidth();
+      if (offsetRight < 0) {
+        tipOffset.left = tipOffset.left + offsetRight;
+      }
+      if (tipOffset.top < 0) {
+        tipOffset.top = 0;
+      }
+      if (tipOffset.left < 0) {
+        tipOffset.left = 0;
+      }
+      $tip.offset(tipOffset);
+      if (step.placement === 'bottom' || step.placement === 'top') {
+        if (originalLeft !== tipOffset.left) {
+          return this._replaceArrow($tip, (tipOffset.left - originalLeft) * 2, offsetWidth, 'left');
+        }
+      } else {
+        if (originalTop !== tipOffset.top) {
+          return this._replaceArrow($tip, (tipOffset.top - originalTop) * 2, offsetHeight, 'top');
+        }
+      }
+    };
+
+    Tour.prototype._center = function($tip) {
+      return $tip.css('top', $(window).outerHeight() / 2 - $tip.outerHeight() / 2);
+    };
+
+    Tour.prototype._replaceArrow = function($tip, delta, dimension, position) {
+      return $tip.find('.arrow').css(position, delta ? 50 * (1 - delta / dimension) + '%' : '');
+    };
+
+    Tour.prototype._scrollIntoView = function(element, callback) {
+      var $element, $window, counter, offsetTop, scrollTop, windowHeight;
+      $element = $(element);
+      if (!$element.length) {
+        return callback();
+      }
+      $window = $(window);
+      offsetTop = $element.offset().top;
+      windowHeight = $window.height();
+      scrollTop = Math.max(0, offsetTop - (windowHeight / 2));
+      this._debug("Scroll into view. ScrollTop: " + scrollTop + ". Element offset: " + offsetTop + ". Window height: " + windowHeight + ".");
+      counter = 0;
+      return $('body, html').stop(true, true).animate({
+        scrollTop: Math.ceil(scrollTop)
+      }, (function(_this) {
+        return function() {
+          if (++counter === 2) {
+            callback();
+            return _this._debug("Scroll into view.\nAnimation end element offset: " + ($element.offset().top) + ".\nWindow height: " + ($window.height()) + ".");
+          }
+        };
+      })(this));
+    };
+
+    Tour.prototype._onResize = function(callback, timeout) {
+      return $(window).on("resize.tour-" + this._options.name, function() {
+        clearTimeout(timeout);
+        return timeout = setTimeout(callback, 100);
+      });
+    };
+
+    Tour.prototype._initMouseNavigation = function() {
+      var _this;
+      _this = this;
+      return $(document).off("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='prev']").off("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='next']").off("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='end']").off("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='pause-resume']").on("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='next']", (function(_this) {
+        return function(e) {
+          e.preventDefault();
+          return _this.next();
+        };
+      })(this)).on("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='prev']", (function(_this) {
+        return function(e) {
+          e.preventDefault();
+          return _this.prev();
+        };
+      })(this)).on("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='end']", (function(_this) {
+        return function(e) {
+          e.preventDefault();
+          return _this.end();
+        };
+      })(this)).on("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='pause-resume']", function(e) {
+        var $this;
+        e.preventDefault();
+        $this = $(this);
+        $this.text(_this._paused ? $this.data('pause-text') : $this.data('resume-text'));
+        if (_this._paused) {
+          return _this.resume();
+        } else {
+          return _this.pause();
+        }
+      });
+    };
+
+    Tour.prototype._initKeyboardNavigation = function() {
+      if (!this._options.keyboard) {
+        return;
+      }
+      return $(document).on("keyup.tour-" + this._options.name, (function(_this) {
+        return function(e) {
+          if (!e.which) {
+            return;
+          }
+          switch (e.which) {
+            case 39:
+              e.preventDefault();
+              if (_this._isLast()) {
+                return _this.next();
+              } else {
+                return _this.end();
+              }
+              break;
+            case 37:
+              e.preventDefault();
+              if (_this._current > 0) {
+                return _this.prev();
+              }
+              break;
+            case 27:
+              e.preventDefault();
+              return _this.end();
+          }
+        };
+      })(this));
+    };
+
+    Tour.prototype._makePromise = function(result) {
+      if (result && $.isFunction(result.then)) {
+        return result;
+      } else {
+        return null;
+      }
+    };
+
+    Tour.prototype._callOnPromiseDone = function(promise, cb, arg) {
+      if (promise) {
+        return promise.then((function(_this) {
+          return function(e) {
+            return cb.call(_this, arg);
+          };
+        })(this));
+      } else {
+        return cb.call(this, arg);
+      }
+    };
+
+    Tour.prototype._showBackdrop = function(element) {
+      if (this.backdrop.backgroundShown) {
+        return;
+      }
+      this.backdrop = $('<div>', {
+        "class": 'tour-backdrop'
+      });
+      this.backdrop.backgroundShown = true;
+      return $('body').append(this.backdrop);
+    };
+
+    Tour.prototype._hideBackdrop = function() {
+      this._hideOverlayElement();
+      return this._hideBackground();
+    };
+
+    Tour.prototype._hideBackground = function() {
+      if (this.backdrop) {
+        this.backdrop.remove();
+        this.backdrop.overlay = null;
+        return this.backdrop.backgroundShown = false;
+      }
+    };
+
+    Tour.prototype._showOverlayElement = function(step) {
+      var $element, elementData;
+      $element = $(step.element);
+      if (!$element || $element.length === 0 || this.backdrop.overlayElementShown) {
+        return;
+      }
+      this.backdrop.overlayElementShown = true;
+      this.backdrop.$element = $element.addClass('tour-step-backdrop');
+      this.backdrop.$background = $('<div>', {
+        "class": 'tour-step-background'
+      });
+      elementData = {
+        width: $element.innerWidth(),
+        height: $element.innerHeight(),
+        offset: $element.offset()
+      };
+      this.backdrop.$background.appendTo('body');
+      if (step.backdropPadding) {
+        elementData = this._applyBackdropPadding(step.backdropPadding, elementData);
+      }
+      return this.backdrop.$background.width(elementData.width).height(elementData.height).offset(elementData.offset);
+    };
+
+    Tour.prototype._hideOverlayElement = function() {
+      if (!this.backdrop.overlayElementShown) {
+        return;
+      }
+      this.backdrop.$element.removeClass('tour-step-backdrop');
+      this.backdrop.$background.remove();
+      this.backdrop.$element = null;
+      this.backdrop.$background = null;
+      return this.backdrop.overlayElementShown = false;
+    };
+
+    Tour.prototype._applyBackdropPadding = function(padding, data) {
+      if (typeof padding === 'object') {
+        if (padding.top == null) {
+          padding.top = 0;
+        }
+        if (padding.right == null) {
+          padding.right = 0;
+        }
+        if (padding.bottom == null) {
+          padding.bottom = 0;
+        }
+        if (padding.left == null) {
+          padding.left = 0;
+        }
+        data.offset.top = data.offset.top - padding.top;
+        data.offset.left = data.offset.left - padding.left;
+        data.width = data.width + padding.left + padding.right;
+        data.height = data.height + padding.top + padding.bottom;
+      } else {
+        data.offset.top = data.offset.top - padding;
+        data.offset.left = data.offset.left - padding;
+        data.width = data.width + (padding * 2);
+        data.height = data.height + (padding * 2);
+      }
+      return data;
+    };
+
+    Tour.prototype._clearTimer = function() {
+      window.clearTimeout(this._timer);
+      this._timer = null;
+      return this._duration = null;
+    };
+
+    return Tour;
+
+  })();
+  return window.Tour = Tour;
+})(jQuery, window);
diff --git a/vendor/javascripts/bootstrap.js b/vendor/javascripts/bootstrap.js
new file mode 100755
index 0000000..0dfbd13
--- /dev/null
+++ b/vendor/javascripts/bootstrap.js
@@ -0,0 +1,2363 @@
+/*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under the MIT license
+ */
+
+if (typeof jQuery === 'undefined') {
+  throw new Error('Bootstrap\'s JavaScript requires jQuery')
+}
+
++function ($) {
+  'use strict';
+  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);
+
+/* ========================================================================
+ * Bootstrap: transition.js v3.3.5
+ * http://getbootstrap.com/javascript/#transitions
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
+  // ============================================================
+
+  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 // explicit for ie8 (  ._.)
+  }
+
+  // http://blog.alexmaccaw.com/css-transitions
+  $.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);
+
+/* ========================================================================
+ * Bootstrap: alert.js v3.3.5
+ * http://getbootstrap.com/javascript/#alerts
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // ALERT CLASS DEFINITION
+  // ======================
+
+  var dismiss = '[data-dismiss="alert"]'
+  var Alert   = function (el) {
+    $(el).on('click', dismiss, this.close)
+  }
+
+  Alert.VERSION = '3.3.5'
+
+  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]*$)/, '') // strip for ie7
+    }
+
+    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() {
+      // detach from parent, fire event then clean up data
+      $parent.detach().trigger('closed.bs.alert').remove()
+    }
+
+    $.support.transition && $parent.hasClass('fade') ?
+      $parent
+        .one('bsTransitionEnd', removeElement)
+        .emulateTransitionEnd(Alert.TRANSITION_DURATION) :
+      removeElement()
+  }
+
+
+  // ALERT PLUGIN DEFINITION
+  // =======================
+
+  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
+
+
+  // ALERT NO CONFLICT
+  // =================
+
+  $.fn.alert.noConflict = function () {
+    $.fn.alert = old
+    return this
+  }
+
+
+  // ALERT DATA-API
+  // ==============
+
+  $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close)
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: button.js v3.3.5
+ * http://getbootstrap.com/javascript/#buttons
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // BUTTON PUBLIC CLASS DEFINITION
+  // ==============================
+
+  var Button = function (element, options) {
+    this.$element  = $(element)
+    this.options   = $.extend({}, Button.DEFAULTS, options)
+    this.isLoading = false
+  }
+
+  Button.VERSION  = '3.3.5'
+
+  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 += 'Text'
+
+    if (data.resetText == null) $el.data('resetText', $el[val]())
+
+    // push to event loop to allow forms to submit
+    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')) changed = false
+        $parent.find('.active').removeClass('active')
+        this.$element.addClass('active')
+      } else if ($input.prop('type') == 'checkbox') {
+        if (($input.prop('checked')) !== this.$element.hasClass('active')) changed = false
+        this.$element.toggleClass('active')
+      }
+      $input.prop('checked', this.$element.hasClass('active'))
+      if (changed) $input.trigger('change')
+    } else {
+      this.$element.attr('aria-pressed', !this.$element.hasClass('active'))
+      this.$element.toggleClass('active')
+    }
+  }
+
+
+  // BUTTON PLUGIN DEFINITION
+  // ========================
+
+  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
+
+
+  // BUTTON NO CONFLICT
+  // ==================
+
+  $.fn.button.noConflict = function () {
+    $.fn.button = old
+    return this
+  }
+
+
+  // BUTTON DATA-API
+  // ===============
+
+  $(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')
+      if (!($(e.target).is('input[type="radio"]') || $(e.target).is('input[type="checkbox"]'))) e.preventDefault()
+    })
+    .on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (e) {
+      $(e.target).closest('.btn').toggleClass('focus', /^focus(in)?$/.test(e.type))
+    })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: carousel.js v3.3.5
+ * http://getbootstrap.com/javascript/#carousel
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // CAROUSEL CLASS DEFINITION
+  // =========================
+
+  var Carousel = function (element, options) {
+    this.$element    = $(element)
+    this.$indicators = this.$element.find('.carousel-indicators')
+    this.options     = options
+    this.paused      = null
+    this.sliding     = null
+    this.interval    = null
+    this.$active     = null
+    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.5'
+
+  Carousel.TRANSITION_DURATION = 600
+
+  Carousel.DEFAULTS = {
+    interval: 5000,
+    pause: 'hover',
+    wrap: true,
+    keyboard: true
+  }
+
+  Carousel.prototype.keydown = function (e) {
+    if (/input|textarea/i.test(e.target.tagName)) return
+    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 activeIndex = this.getItemIndex(active)
+    var willWrap = (direction == 'prev' && activeIndex === 0)
+                || (direction == 'next' && activeIndex == (this.$items.length - 1))
+    if (willWrap && !this.options.wrap) return active
+    var delta = direction == 'prev' ? -1 : 1
+    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) }) // yes, "slid"
+    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 that      = this
+
+    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 }) // yes, "slid"
+    if ($.support.transition && this.$element.hasClass('slide')) {
+      $next.addClass(type)
+      $next[0].offsetWidth // force reflow
+      $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
+  }
+
+
+  // CAROUSEL PLUGIN DEFINITION
+  // ==========================
+
+  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
+
+
+  // CAROUSEL NO CONFLICT
+  // ====================
+
+  $.fn.carousel.noConflict = function () {
+    $.fn.carousel = old
+    return this
+  }
+
+
+  // CAROUSEL DATA-API
+  // =================
+
+  var clickHandler = function (e) {
+    var href
+    var $this   = $(this)
+    var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7
+    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);
+
+/* ========================================================================
+ * Bootstrap: collapse.js v3.3.5
+ * http://getbootstrap.com/javascript/#collapse
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // COLLAPSE PUBLIC CLASS DEFINITION
+  // ================================
+
+  var Collapse = function (element, options) {
+    this.$element      = $(element)
+    this.options       = $.extend({}, Collapse.DEFAULTS, options)
+    this.$trigger      = $('[data-toggle="collapse"][href="#' + element.id + '"],' +
+                           '[data-toggle="collapse"][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.5'
+
+  Collapse.TRANSITION_DURATION = 350
+
+  Collapse.DEFAULTS = {
+    toggle: true
+  }
+
+  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.children('.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]+$)/, '') // strip for ie7
+
+    return $(target)
+  }
+
+
+  // COLLAPSE PLUGIN DEFINITION
+  // ==========================
+
+  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 && /show|hide/.test(option)) 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
+
+
+  // COLLAPSE NO CONFLICT
+  // ====================
+
+  $.fn.collapse.noConflict = function () {
+    $.fn.collapse = old
+    return this
+  }
+
+
+  // COLLAPSE DATA-API
+  // =================
+
+  $(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' : $this.data()
+
+    Plugin.call($target, option)
+  })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: dropdown.js v3.3.5
+ * http://getbootstrap.com/javascript/#dropdowns
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // DROPDOWN CLASS DEFINITION
+  // =========================
+
+  var backdrop = '.dropdown-backdrop'
+  var toggle   = '[data-toggle="dropdown"]'
+  var Dropdown = function (element) {
+    $(element).on('click.bs.dropdown', this.toggle)
+  }
+
+  Dropdown.VERSION = '3.3.5'
+
+  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]*$)/, '') // strip for ie7
+    }
+
+    var $parent = selector && $(selector)
+
+    return $parent && $parent.length ? $parent : $this.parent()
+  }
+
+  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
+
+      if (e && e.type == 'click' && /input|textarea/i.test(e.target.tagName) && $.contains($parent[0], e.target)) 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)
+    })
+  }
+
+  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) {
+        // if mobile we use a backdrop because click events don't delegate
+        $(document.createElement('div'))
+          .addClass('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) || /input|textarea/i.test(e.target.tagName)) 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(.disabled):visible a'
+    var $items = $parent.find('.dropdown-menu' + desc)
+
+    if (!$items.length) return
+
+    var index = $items.index(e.target)
+
+    if (e.which == 38 && index > 0)                 index--         // up
+    if (e.which == 40 && index < $items.length - 1) index++         // down
+    if (!~index)                                    index = 0
+
+    $items.eq(index).trigger('focus')
+  }
+
+
+  // DROPDOWN PLUGIN DEFINITION
+  // ==========================
+
+  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
+
+
+  // DROPDOWN NO CONFLICT
+  // ====================
+
+  $.fn.dropdown.noConflict = function () {
+    $.fn.dropdown = old
+    return this
+  }
+
+
+  // APPLY TO STANDARD DROPDOWN ELEMENTS
+  // ===================================
+
+  $(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', '.dropdown-menu', Dropdown.prototype.keydown)
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: modal.js v3.3.5
+ * http://getbootstrap.com/javascript/#modals
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // MODAL CLASS DEFINITION
+  // ======================
+
+  var Modal = function (element, options) {
+    this.options             = options
+    this.$body               = $(document.body)
+    this.$element            = $(element)
+    this.$dialog             = this.$element.find('.modal-dialog')
+    this.$backdrop           = null
+    this.isShown             = null
+    this.originalBodyPad     = null
+    this.scrollbarWidth      = 0
+    this.ignoreBackdropClick = false
+
+    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.5'
+
+  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.setScrollbar()
+    this.$body.addClass('modal-open')
+
+    this.escape()
+    this.resize()
+
+    this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this))
+
+    this.$dialog.on('mousedown.dismiss.bs.modal', function () {
+      that.$element.one('mouseup.dismiss.bs.modal', function (e) {
+        if ($(e.target).is(that.$element)) that.ignoreBackdropClick = true
+      })
+    })
+
+    this.backdrop(function () {
+      var transition = $.support.transition && that.$element.hasClass('fade')
+
+      if (!that.$element.parent().length) {
+        that.$element.appendTo(that.$body) // don't move modals dom position
+      }
+
+      that.$element
+        .show()
+        .scrollTop(0)
+
+      that.adjustDialog()
+
+      if (transition) {
+        that.$element[0].offsetWidth // force reflow
+      }
+
+      that.$element.addClass('in')
+
+      that.enforceFocus()
+
+      var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget })
+
+      transition ?
+        that.$dialog // wait for modal to slide in
+          .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()
+    this.resize()
+
+    $(document).off('focusin.bs.modal')
+
+    this.$element
+      .removeClass('in')
+      .off('click.dismiss.bs.modal')
+      .off('mouseup.dismiss.bs.modal')
+
+    this.$dialog.off('mousedown.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') // guard against infinite focus loop
+      .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.resize = function () {
+    if (this.isShown) {
+      $(window).on('resize.bs.modal', $.proxy(this.handleUpdate, this))
+    } else {
+      $(window).off('resize.bs.modal')
+    }
+  }
+
+  Modal.prototype.hideModal = function () {
+    var that = this
+    this.$element.hide()
+    this.backdrop(function () {
+      that.$body.removeClass('modal-open')
+      that.resetAdjustments()
+      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 = $(document.createElement('div'))
+        .addClass('modal-backdrop ' + animate)
+        .appendTo(this.$body)
+
+      this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) {
+        if (this.ignoreBackdropClick) {
+          this.ignoreBackdropClick = false
+          return
+        }
+        if (e.target !== e.currentTarget) return
+        this.options.backdrop == 'static'
+          ? this.$element[0].focus()
+          : this.hide()
+      }, this))
+
+      if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
+
+      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()
+    }
+  }
+
+  // these following methods are used to handle overflowing modals
+
+  Modal.prototype.handleUpdate = function () {
+    this.adjustDialog()
+  }
+
+  Modal.prototype.adjustDialog = function () {
+    var modalIsOverflowing = this.$element[0].scrollHeight > document.documentElement.clientHeight
+
+    this.$element.css({
+      paddingLeft:  !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '',
+      paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : ''
+    })
+  }
+
+  Modal.prototype.resetAdjustments = function () {
+    this.$element.css({
+      paddingLeft: '',
+      paddingRight: ''
+    })
+  }
+
+  Modal.prototype.checkScrollbar = function () {
+    var fullWindowWidth = window.innerWidth
+    if (!fullWindowWidth) { // workaround for missing window.innerWidth in IE8
+      var documentElementRect = document.documentElement.getBoundingClientRect()
+      fullWindowWidth = documentElementRect.right - Math.abs(documentElementRect.left)
+    }
+    this.bodyIsOverflowing = document.body.clientWidth < fullWindowWidth
+    this.scrollbarWidth = this.measureScrollbar()
+  }
+
+  Modal.prototype.setScrollbar = function () {
+    var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10)
+    this.originalBodyPad = document.body.style.paddingRight || ''
+    if (this.bodyIsOverflowing) this.$body.css('padding-right', bodyPad + this.scrollbarWidth)
+  }
+
+  Modal.prototype.resetScrollbar = function () {
+    this.$body.css('padding-right', this.originalBodyPad)
+  }
+
+  Modal.prototype.measureScrollbar = function () { // thx walsh
+    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
+  }
+
+
+  // MODAL PLUGIN DEFINITION
+  // =======================
+
+  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
+
+
+  // MODAL NO CONFLICT
+  // =================
+
+  $.fn.modal.noConflict = function () {
+    $.fn.modal = old
+    return this
+  }
+
+
+  // MODAL DATA-API
+  // ==============
+
+  $(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]+$)/, ''))) // strip for ie7
+    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 // only register focus restorer if modal will actually get shown
+      $target.one('hidden.bs.modal', function () {
+        $this.is(':visible') && $this.trigger('focus')
+      })
+    })
+    Plugin.call($target, option, this)
+  })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: tooltip.js v3.3.5
+ * http://getbootstrap.com/javascript/#tooltip
+ * Inspired by the original jQuery.tipsy by Jason Frame
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // TOOLTIP PUBLIC CLASS DEFINITION
+  // ===============================
+
+  var Tooltip = function (element, options) {
+    this.type       = null
+    this.options    = null
+    this.enabled    = null
+    this.timeout    = null
+    this.hoverState = null
+    this.$element   = null
+    this.inState    = null
+
+    this.init('tooltip', element, options)
+  }
+
+  Tooltip.VERSION  = '3.3.5'
+
+  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 && $($.isFunction(this.options.viewport) ? this.options.viewport.call(this, this.$element) : (this.options.viewport.selector || this.options.viewport))
+    this.inState   = { click: false, hover: false, focus: false }
+
+    if (this.$element[0] instanceof document.constructor && !this.options.selector) {
+      throw new Error('`selector` option must be specified when initializing ' + this.type + ' on the window.document object!')
+    }
+
+    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 = new this.constructor(obj.currentTarget, this.getDelegateOptions())
+      $(obj.currentTarget).data('bs.' + this.type, self)
+    }
+
+    if (obj instanceof $.Event) {
+      self.inState[obj.type == 'focusin' ? 'focus' : 'hover'] = true
+    }
+
+    if (self.tip().hasClass('in') || self.hoverState == 'in') {
+      self.hoverState = 'in'
+      return
+    }
+
+    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.isInStateTrue = function () {
+    for (var key in this.inState) {
+      if (this.inState[key]) return true
+    }
+
+    return false
+  }
+
+  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)
+    }
+
+    if (obj instanceof $.Event) {
+      self.inState[obj.type == 'focusout' ? 'focus' : 'hover'] = false
+    }
+
+    if (self.isInStateTrue()) return
+
+    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)
+      this.$element.trigger('inserted.bs.' + this.type)
+
+      var pos          = this.getPosition()
+      var actualWidth  = $tip[0].offsetWidth
+      var actualHeight = $tip[0].offsetHeight
+
+      if (autoPlace) {
+        var orgPlacement = placement
+        var viewportDim = this.getPosition(this.$viewport)
+
+        placement = placement == 'bottom' && pos.bottom + actualHeight > viewportDim.bottom ? 'top'    :
+                    placement == 'top'    && pos.top    - actualHeight < viewportDim.top    ? 'bottom' :
+                    placement == 'right'  && pos.right  + actualWidth  > viewportDim.width  ? 'left'   :
+                    placement == 'left'   && pos.left   - actualWidth  < viewportDim.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
+
+    // manually read margins because getBoundingClientRect includes difference
+    var marginTop = parseInt($tip.css('margin-top'), 10)
+    var marginLeft = parseInt($tip.css('margin-left'), 10)
+
+    // we must check for NaN for ie 8/9
+    if (isNaN(marginTop))  marginTop  = 0
+    if (isNaN(marginLeft)) marginLeft = 0
+
+    offset.top  += marginTop
+    offset.left += marginLeft
+
+    // $.fn.offset doesn't round pixel values
+    // so we use setOffset directly with our own function B-0
+    $.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')
+
+    // check to see if placing tip in new offset caused the tip to resize itself
+    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, isVertical) {
+    this.arrow()
+      .css(isVertical ? 'left' : 'top', 50 * (1 - delta / dimension) + '%')
+      .css(isVertical ? '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 && $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) {
+      // width and height are missing in IE8, so compute them manually; see https://github.com/twbs/bootstrap/issues/14093
+      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 } :
+        /* placement == 'right' */ { 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) { // top overflow
+        delta.top = viewportDimensions.top - topEdgeOffset
+      } else if (bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height) { // bottom overflow
+        delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset
+      }
+    } else {
+      var leftEdgeOffset  = pos.left - viewportPadding
+      var rightEdgeOffset = pos.left + viewportPadding + actualWidth
+      if (leftEdgeOffset < viewportDimensions.left) { // left overflow
+        delta.left = viewportDimensions.left - leftEdgeOffset
+      } else if (rightEdgeOffset > viewportDimensions.right) { // right overflow
+        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 () {
+    if (!this.$tip) {
+      this.$tip = $(this.options.template)
+      if (this.$tip.length != 1) {
+        throw new Error(this.type + ' `template` option must consist of exactly 1 top-level element!')
+      }
+    }
+    return this.$tip
+  }
+
+  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)
+      }
+    }
+
+    if (e) {
+      self.inState.click = !self.inState.click
+      if (self.isInStateTrue()) self.enter(self)
+      else self.leave(self)
+    } else {
+      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)
+      if (that.$tip) {
+        that.$tip.detach()
+      }
+      that.$tip = null
+      that.$arrow = null
+      that.$viewport = null
+    })
+  }
+
+
+  // TOOLTIP PLUGIN DEFINITION
+  // =========================
+
+  function Plugin(option) {
+    return this.each(function () {
+      var $this   = $(this)
+      var data    = $this.data('bs.tooltip')
+      var options = typeof option == 'object' && option
+
+      if (!data && /destroy|hide/.test(option)) return
+      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
+
+
+  // TOOLTIP NO CONFLICT
+  // ===================
+
+  $.fn.tooltip.noConflict = function () {
+    $.fn.tooltip = old
+    return this
+  }
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: popover.js v3.3.5
+ * http://getbootstrap.com/javascript/#popovers
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // POPOVER PUBLIC CLASS DEFINITION
+  // ===============================
+
+  var Popover = function (element, options) {
+    this.init('popover', element, options)
+  }
+
+  if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js')
+
+  Popover.VERSION  = '3.3.5'
+
+  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>'
+  })
+
+
+  // NOTE: POPOVER EXTENDS tooltip.js
+  // ================================
+
+  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()[ // we use append for html objects to maintain js events
+      this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text'
+    ](content)
+
+    $tip.removeClass('fade top bottom left right in')
+
+    // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do
+    // this manually by checking the contents.
+    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 PLUGIN DEFINITION
+  // =========================
+
+  function Plugin(option) {
+    return this.each(function () {
+      var $this   = $(this)
+      var data    = $this.data('bs.popover')
+      var options = typeof option == 'object' && option
+
+      if (!data && /destroy|hide/.test(option)) return
+      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
+
+
+  // POPOVER NO CONFLICT
+  // ===================
+
+  $.fn.popover.noConflict = function () {
+    $.fn.popover = old
+    return this
+  }
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: scrollspy.js v3.3.5
+ * http://getbootstrap.com/javascript/#scrollspy
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // SCROLLSPY CLASS DEFINITION
+  // ==========================
+
+  function ScrollSpy(element, options) {
+    this.$body          = $(document.body)
+    this.$scrollElement = $(element).is(document.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', $.proxy(this.process, this))
+    this.refresh()
+    this.process()
+  }
+
+  ScrollSpy.VERSION  = '3.3.5'
+
+  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 that          = this
+    var offsetMethod  = 'offset'
+    var offsetBase    = 0
+
+    this.offsets      = []
+    this.targets      = []
+    this.scrollHeight = this.getScrollHeight()
+
+    if (!$.isWindow(this.$scrollElement[0])) {
+      offsetMethod = 'position'
+      offsetBase   = this.$scrollElement.scrollTop()
+    }
+
+    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 () {
+        that.offsets.push(this[0])
+        that.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] === undefined || 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')
+  }
+
+
+  // SCROLLSPY PLUGIN DEFINITION
+  // ===========================
+
+  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
+
+
+  // SCROLLSPY NO CONFLICT
+  // =====================
+
+  $.fn.scrollspy.noConflict = function () {
+    $.fn.scrollspy = old
+    return this
+  }
+
+
+  // SCROLLSPY DATA-API
+  // ==================
+
+  $(window).on('load.bs.scrollspy.data-api', function () {
+    $('[data-spy="scroll"]').each(function () {
+      var $spy = $(this)
+      Plugin.call($spy, $spy.data())
+    })
+  })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: tab.js v3.3.5
+ * http://getbootstrap.com/javascript/#tabs
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // TAB CLASS DEFINITION
+  // ====================
+
+  var Tab = function (element) {
+    // jscs:disable requireDollarBeforejQueryAssignment
+    this.element = $(element)
+    // jscs:enable requireDollarBeforejQueryAssignment
+  }
+
+  Tab.VERSION = '3.3.5'
+
+  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]*$)/, '') // strip for ie7
+    }
+
+    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 // reflow for transition
+        element.addClass('in')
+      } else {
+        element.removeClass('fade')
+      }
+
+      if (element.parent('.dropdown-menu').length) {
+        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')
+  }
+
+
+  // TAB PLUGIN DEFINITION
+  // =====================
+
+  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
+
+
+  // TAB NO CONFLICT
+  // ===============
+
+  $.fn.tab.noConflict = function () {
+    $.fn.tab = old
+    return this
+  }
+
+
+  // TAB DATA-API
+  // ============
+
+  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);
+
+/* ========================================================================
+ * Bootstrap: affix.js v3.3.5
+ * http://getbootstrap.com/javascript/#affix
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // AFFIX CLASS DEFINITION
+  // ======================
+
+  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      = null
+    this.unpin        = null
+    this.pinnedOffset = null
+
+    this.checkPosition()
+  }
+
+  Affix.VERSION  = '3.3.5'
+
+  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 && scrollTop <= 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 = Math.max($(document).height(), $(document.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
+      })
+    }
+  }
+
+
+  // AFFIX PLUGIN DEFINITION
+  // =======================
+
+  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
+
+
+  // AFFIX NO CONFLICT
+  // =================
+
+  $.fn.affix.noConflict = function () {
+    $.fn.affix = old
+    return this
+  }
+
+
+  // AFFIX DATA-API
+  // ==============
+
+  $(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);
diff --git a/vendor/javascripts/demo.js b/vendor/javascripts/demo.js
new file mode 100755
index 0000000..2ff8c1b
--- /dev/null
+++ b/vendor/javascripts/demo.js
@@ -0,0 +1,316 @@
+var BlankonDemo = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var adminCssPath = BlankonApp.handleBaseURL()+'/assets/admin/css';
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonDemo.handleChooseThemes();
+            BlankonDemo.handleNavbarColor();
+            BlankonDemo.handleSidebarColor();
+            BlankonDemo.handleLayoutSetting();
+        },
+        
+        // =========================================================================
+        // CHOOSE THEMES
+        // =========================================================================
+        handleChooseThemes: function () {
+            // Check cookie for color schemes
+            if ($.cookie('color_schemes')) {
+                $('link#theme').attr('href', adminCssPath+'/themes/'+$.cookie('color_schemes')+'.theme.css');
+            }
+            // Check cookie for navbar color
+            if ($.cookie('navbar_color')) {
+                $('.navbar-toolbar').attr('class', 'navbar navbar-toolbar navbar-'+$.cookie('navbar_color'));
+            }
+            // Check cookie for sidebar color
+            if ($.cookie('sidebar_color')) {
+                // Check variant sidebar class
+                if($('#sidebar-left').hasClass('sidebar-box')){
+                    $('#sidebar-left').attr('class','sidebar-box sidebar-'+$.cookie('sidebar_color'));
+                }
+                else if($('#sidebar-left').hasClass('sidebar-rounded')){
+                    $('#sidebar-left').attr('class','sidebar-rounded sidebar-'+$.cookie('sidebar_color'));
+                }
+                else if($('#sidebar-left').hasClass('sidebar-circle')){
+                    $('#sidebar-left').attr('class','sidebar-circle sidebar-'+$.cookie('sidebar_color'));
+                }
+                else if($('#sidebar-left').attr('class') == ''){
+                    $('#sidebar-left').attr('class','sidebar-'+$.cookie('sidebar_color'));
+                }
+            }
+
+            $('.color-schemes .theme').on('click',function(){
+
+                // Create variable name selector file css
+                var themename = $(this).find('.hide').text();
+
+                // Add effect sound
+                if($('.page-sound').length){
+                    ion.sound.play("camera_flashing_2");
+                }
+
+                // Add attribut href css theme
+                $('link#theme').attr('href', adminCssPath+'/themes/'+themename+'.theme.css');
+
+                // Set cookie theme name value to variable themename
+                $.cookie('color_schemes',themename, {expires: 1});
+
+            });
+        },
+
+        // =========================================================================
+        // NAVBAR COLOR
+        // =========================================================================
+        handleNavbarColor: function () {
+            $('.navbar-color .theme').on('click',function(){
+                // Create variable name selector file css
+                var classname = $(this).find('.hide').text();
+                // Add effect sound
+                if($('.page-sound').length){
+                    ion.sound.play("camera_flashing_2");
+                }
+                // Add class navbar-color
+                $('.navbar-toolbar').attr('class', 'navbar navbar-toolbar navbar-'+classname);
+                // Set cookie theme name value to variable classname
+                $.cookie('navbar_color',classname, {expires: 1});
+            });
+        },
+
+        // =========================================================================
+        // SIDEBAR COLOR
+        // =========================================================================
+        handleSidebarColor: function () {
+            $('.sidebar-color .theme').on('click',function(){
+                // Create variable name selector file css
+                var classname = $(this).find('.hide').text();
+                // Add effect sound
+                if($('.page-sound').length){
+                    ion.sound.play("camera_flashing_2");
+                }
+                // Check variant sidebar class
+                if($('#sidebar-left').hasClass('sidebar-box')){
+                    $('#sidebar-left').attr('class','sidebar-box sidebar-'+classname);
+                }
+                else if($('#sidebar-left').hasClass('sidebar-rounded')){
+                    $('#sidebar-left').attr('class','sidebar-rounded sidebar-'+classname);
+                }
+                else if($('#sidebar-left').hasClass('sidebar-circle')){
+                    $('#sidebar-left').attr('class','sidebar-circle sidebar-'+classname);
+                }
+                else if($('#sidebar-left').attr('class') == ''){
+                    $('#sidebar-left').attr('class','sidebar-'+classname);
+                }
+                // Set cookie theme name value to variable classname
+                $.cookie('sidebar_color',classname, {expires: 1});
+            });
+        },
+
+        // =========================================================================
+        // LAYOUT SETTING
+        // =========================================================================
+        handleLayoutSetting: function () {
+            // Check cookie for layout setting
+            if ($.cookie('layout_setting')) {
+                $('body').addClass($.cookie('layout_setting'));
+            }
+
+            // Check cookie for header layout setting
+            if ($.cookie('header_layout_setting')) {
+                $('body').addClass($.cookie('header_layout_setting'));
+            }
+
+            // Check cookie for sidebar layout setting
+            if ($.cookie('sidebar_layout_setting')) {
+                $('#sidebar-left').addClass($.cookie('sidebar_layout_setting'));
+            }
+
+            // Check cookie for sidebar type layout setting
+            if ($.cookie('sidebar_type_setting')) {
+                $('#sidebar-left').addClass($.cookie('sidebar_type_setting'));
+            }
+
+            // Check cookie for footer layout setting
+            if ($.cookie('footer_layout_setting')) {
+                $('body').addClass($.cookie('footer_layout_setting'));
+            }
+
+            // Check checked status input on layout setting
+            if($('body').not('.page-boxed')){
+                $('.layout-setting li:eq(0) input').attr('checked','checked');
+            }
+            if($('body').hasClass('page-boxed')){
+                $('.layout-setting li:eq(1) input').attr('checked','checked');
+                $('body').removeClass('page-header-fixed');
+                $('body').removeClass('page-sidebar-fixed');
+                $('body').removeClass('page-footer-fixed');
+                $('.header-layout-setting li:eq(1) input').attr('disabled','disabled').next().css('text-decoration','line-through').parent('.rdio').attr({'data-toggle':'tooltip','data-container':'body','data-placement':'left','data-title':'Not working on page boxed'}).tooltip();
+                $('.sidebar-layout-setting li:eq(1) input').attr('disabled','disabled').next().css('text-decoration','line-through').parent('.rdio').attr({'data-toggle':'tooltip','data-container':'body','data-placement':'left','data-title':'Not working on page boxed'}).tooltip();
+                $('.footer-layout-setting li:eq(1) input').attr('disabled','disabled').next().css('text-decoration','line-through').parent('.rdio').attr({'data-toggle':'tooltip','data-container':'body','data-placement':'left','data-title':'Not working on page boxed'}).tooltip();
+            }
+
+            // Check checked status input on header layout setting
+            if($('body').not('.page-header-fixed')){
+                $('.header-layout-setting li:eq(0) input').attr('checked','checked');
+            }
+            if($('body').hasClass('page-header-fixed')){
+                $('.header-layout-setting li:eq(1) input').attr('checked','checked');
+            }
+
+            // Check checked status input on sidebar layout setting
+            if($('body').not('.page-sidebar-fixed')){
+                $('.sidebar-layout-setting li:eq(0) input').attr('checked','checked');
+            }
+            if($('body').hasClass('page-sidebar-fixed')){
+                $('.sidebar-layout-setting li:eq(1) input').attr('checked','checked');
+            }
+
+            // Check checked status input on sidebar type layout setting
+            if($('#sidebar-left').not('.sidebar-box, .sidebar-rounded, .sidebar-circle')){
+                $('.sidebar-type-setting li:eq(0) input').attr('checked','checked');
+            }
+            if($('#sidebar-left').hasClass('sidebar-box')){
+                $('.sidebar-type-setting li:eq(1) input').attr('checked','checked');
+            }
+            if($('#sidebar-left').hasClass('sidebar-rounded')){
+                $('.sidebar-type-setting li:eq(2) input').attr('checked','checked');
+            }
+            if($('#sidebar-left').hasClass('sidebar-circle')){
+                $('.sidebar-type-setting li:eq(3) input').attr('checked','checked');
+            }
+
+            // Check checked status input on footer layout setting
+            if($('body').not('.page-footer-fixed')){
+                $('.footer-layout-setting li:eq(0) input').attr('checked','checked');
+            }
+            if($('body').hasClass('page-footer-fixed')){
+                $('.footer-layout-setting li:eq(1) input').attr('checked','checked');
+            }
+
+
+            $('.layout-setting input').change(function(){
+
+                // Create variable class name for layout setting
+                var classname = $(this).val();
+
+                // Add trigger change class on body HTML
+                if($('body').hasClass('page-boxed')){
+                    $('body').removeClass('page-boxed');
+                    $('body').removeClass('page-header-fixed');
+                    $('body').removeClass('page-sidebar-fixed');
+                    $('body').removeClass('page-footer-fixed');
+                    $('.header-layout-setting li:eq(1) input').removeAttr('disabled').next().css('text-decoration','inherit').parent('.rdio').tooltip('destroy');
+                    $('.sidebar-layout-setting li:eq(1) input').removeAttr('disabled').next().css('text-decoration','inherit').parent('.rdio').tooltip('destroy');
+                    $('.footer-layout-setting li:eq(1) input').removeAttr('disabled').next().css('text-decoration','inherit').parent('.rdio').tooltip('destroy');
+                }else{
+                    $('body').addClass($(this).val());
+                    $('body').removeClass('page-header-fixed');
+                    $('body').removeClass('page-sidebar-fixed');
+                    $('body').removeClass('page-footer-fixed');
+                    $('.header-layout-setting li:eq(1) input').attr('disabled','disabled').next().css('text-decoration','line-through').parent('.rdio').attr({'data-toggle':'tooltip','data-container':'body','data-placement':'left','data-title':'Not working on page boxed'}).tooltip();
+                    $('.sidebar-layout-setting li:eq(1) input').attr('disabled','disabled').next().css('text-decoration','line-through').parent('.rdio').attr({'data-toggle':'tooltip','data-container':'body','data-placement':'left','data-title':'Not working on page boxed'}).tooltip();
+                    $('.footer-layout-setting li:eq(1) input').attr('disabled','disabled').next().css('text-decoration','line-through').parent('.rdio').attr({'data-toggle':'tooltip','data-container':'body','data-placement':'left','data-title':'Not working on page boxed'}).tooltip();
+                }
+
+                // Set cookie theme name value to variable classname
+                $.cookie('layout_setting',classname, {expires: 1});
+
+            });
+
+            $('.header-layout-setting input').change(function(){
+
+                // Create variable class name for layout setting
+                var classname = $(this).val();
+
+                // Add trigger change class on body HTML
+                if($('body').hasClass('page-header-fixed')){
+                    $('body').removeClass('page-header-fixed');
+                    $('body').addClass($(this).val());
+                }
+
+                $('body').addClass($(this).val());
+
+                // Set cookie theme name value to variable classname
+                $.cookie('header_setting',classname, {expires: 1});
+
+            });
+
+            $('.sidebar-layout-setting input').change(function(){
+
+                // Create variable class name for layout setting
+                var classname = $(this).val();
+
+                // Add trigger change class on body HTML
+                if($('body').hasClass('page-sidebar-fixed')){
+                    $('body').removeClass('page-sidebar-fixed');
+                    $('.header-layout-setting li:eq(0) input').removeAttr('disabled').next().css('text-decoration','inherit').parent('.rdio').tooltip('destroy');
+                }else{
+                    $('body').addClass($(this).val());
+                    $('body').addClass('page-header-fixed');
+                    $('.header-layout-setting li:eq(0) input').attr('disabled','disabled').next().css('text-decoration','line-through').parent('.rdio').attr({'data-toggle':'tooltip','data-container':'body','data-placement':'left','data-title':'Not working on sidebar fixed'}).tooltip();
+                    $('.header-layout-setting li:eq(1) input').attr('checked','checked');
+                }
+
+                // Set cookie theme name value to variable classname
+                $.cookie('sidebar_layout_setting',classname, {expires: 1});
+
+            });
+
+            $('.sidebar-type-setting input').change(function(){
+
+                // Create variable class name for layout setting
+                var classname = $(this).val();
+
+                // Add trigger change class on sidebar left element
+                if($('#sidebar-left').hasClass('sidebar-circle')){
+                    $('#sidebar-left').removeClass('sidebar-circle');
+                    $('#sidebar-left').addClass($(this).val());
+                }
+
+                if($('#sidebar-left').hasClass('sidebar-box')){
+                    $('#sidebar-left').removeClass('sidebar-box');
+                    $('#sidebar-left').addClass($(this).val());
+                }
+
+                if($('#sidebar-left').hasClass('sidebar-rounded')){
+                    $('#sidebar-left').removeClass('sidebar-rounded');
+                    $('#sidebar-left').addClass($(this).val());
+                }
+
+                $('#sidebar-left').addClass($(this).val());
+
+                // Set cookie theme name value to variable classname
+                $.cookie('sidebar_type_setting',classname, {expires: 1});
+
+            });
+
+            $('.footer-layout-setting input').change(function(){
+
+                // Create variable class name for layout setting
+                var classname = $(this).val();
+
+                // Add trigger change class on body HTML
+                if($('body').hasClass('page-footer-fixed')){
+                    $('body').removeClass('page-footer-fixed')
+                }else{
+                    $('body').addClass($(this).val());
+                }
+
+                // Set cookie theme name value to variable classname
+                $.cookie('footer_layout_setting',classname, {expires: 1});
+
+            });
+        }
+        
+    };
+
+}();
+
+// Call main app init
+BlankonDemo.init();
\ No newline at end of file
diff --git a/vendor/javascripts/dropzone.js b/vendor/javascripts/dropzone.js
new file mode 100755
index 0000000..7f9dfeb
--- /dev/null
+++ b/vendor/javascripts/dropzone.js
@@ -0,0 +1,1972 @@
+
+;(function(){
+
+/**
+ * Require the module at `name`.
+ *
+ * @param {String} name
+ * @return {Object} exports
+ * @api public
+ */
+
+function require(name) {
+  var module = require.modules[name];
+  if (!module) throw new Error('failed to require "' + name + '"');
+
+  if (!('exports' in module) && typeof module.definition === 'function') {
+    module.client = module.component = true;
+    module.definition.call(this, module.exports = {}, module);
+    delete module.definition;
+  }
+
+  return module.exports;
+}
+
+/**
+ * Meta info, accessible in the global scope unless you use AMD option.
+ */
+
+require.loader = 'component';
+
+/**
+ * Internal helper object, contains a sorting function for semantiv versioning
+ */
+require.helper = {};
+require.helper.semVerSort = function(a, b) {
+  var aArray = a.version.split('.');
+  var bArray = b.version.split('.');
+  for (var i=0; i<aArray.length; ++i) {
+    var aInt = parseInt(aArray[i], 10);
+    var bInt = parseInt(bArray[i], 10);
+    if (aInt === bInt) {
+      var aLex = aArray[i].substr((""+aInt).length);
+      var bLex = bArray[i].substr((""+bInt).length);
+      if (aLex === '' && bLex !== '') return 1;
+      if (aLex !== '' && bLex === '') return -1;
+      if (aLex !== '' && bLex !== '') return aLex > bLex ? 1 : -1;
+      continue;
+    } else if (aInt > bInt) {
+      return 1;
+    } else {
+      return -1;
+    }
+  }
+  return 0;
+}
+
+/**
+ * Find and require a module which name starts with the provided name.
+ * If multiple modules exists, the highest semver is used.
+ * This function can only be used for remote dependencies.
+
+ * @param {String} name - module name: `user~repo`
+ * @param {Boolean} returnPath - returns the canonical require path if true,
+ *                               otherwise it returns the epxorted module
+ */
+require.latest = function (name, returnPath) {
+  function showError(name) {
+    throw new Error('failed to find latest module of "' + name + '"');
+  }
+  // only remotes with semvers, ignore local files conataining a '/'
+  var versionRegexp = /(.*)~(.*)@v?(\d+\.\d+\.\d+[^\/]*)$/;
+  var remoteRegexp = /(.*)~(.*)/;
+  if (!remoteRegexp.test(name)) showError(name);
+  var moduleNames = Object.keys(require.modules);
+  var semVerCandidates = [];
+  var otherCandidates = []; // for instance: name of the git branch
+  for (var i=0; i<moduleNames.length; i++) {
+    var moduleName = moduleNames[i];
+    if (new RegExp(name + '@').test(moduleName)) {
+        var version = moduleName.substr(name.length+1);
+        var semVerMatch = versionRegexp.exec(moduleName);
+        if (semVerMatch != null) {
+          semVerCandidates.push({version: version, name: moduleName});
+        } else {
+          otherCandidates.push({version: version, name: moduleName});
+        }
+    }
+  }
+  if (semVerCandidates.concat(otherCandidates).length === 0) {
+    showError(name);
+  }
+  if (semVerCandidates.length > 0) {
+    var module = semVerCandidates.sort(require.helper.semVerSort).pop().name;
+    if (returnPath === true) {
+      return module;
+    }
+    return require(module);
+  }
+  // if the build contains more than one branch of the same module
+  // you should not use this funciton
+  var module = otherCandidates.pop().name;
+  if (returnPath === true) {
+    return module;
+  }
+  return require(module);
+}
+
+/**
+ * Registered modules.
+ */
+
+require.modules = {};
+
+/**
+ * Register module at `name` with callback `definition`.
+ *
+ * @param {String} name
+ * @param {Function} definition
+ * @api private
+ */
+
+require.register = function (name, definition) {
+  require.modules[name] = {
+    definition: definition
+  };
+};
+
+/**
+ * Define a module's exports immediately with `exports`.
+ *
+ * @param {String} name
+ * @param {Generic} exports
+ * @api private
+ */
+
+require.define = function (name, exports) {
+  require.modules[name] = {
+    exports: exports
+  };
+};
+require.register("component~emitter@1.1.2", function (exports, module) {
+
+/**
+ * Expose `Emitter`.
+ */
+
+module.exports = Emitter;
+
+/**
+ * Initialize a new `Emitter`.
+ *
+ * @api public
+ */
+
+function Emitter(obj) {
+  if (obj) return mixin(obj);
+};
+
+/**
+ * Mixin the emitter properties.
+ *
+ * @param {Object} obj
+ * @return {Object}
+ * @api private
+ */
+
+function mixin(obj) {
+  for (var key in Emitter.prototype) {
+    obj[key] = Emitter.prototype[key];
+  }
+  return obj;
+}
+
+/**
+ * Listen on the given `event` with `fn`.
+ *
+ * @param {String} event
+ * @param {Function} fn
+ * @return {Emitter}
+ * @api public
+ */
+
+Emitter.prototype.on =
+Emitter.prototype.addEventListener = function(event, fn){
+  this._callbacks = this._callbacks || {};
+  (this._callbacks[event] = this._callbacks[event] || [])
+    .push(fn);
+  return this;
+};
+
+/**
+ * Adds an `event` listener that will be invoked a single
+ * time then automatically removed.
+ *
+ * @param {String} event
+ * @param {Function} fn
+ * @return {Emitter}
+ * @api public
+ */
+
+Emitter.prototype.once = function(event, fn){
+  var self = this;
+  this._callbacks = this._callbacks || {};
+
+  function on() {
+    self.off(event, on);
+    fn.apply(this, arguments);
+  }
+
+  on.fn = fn;
+  this.on(event, on);
+  return this;
+};
+
+/**
+ * Remove the given callback for `event` or all
+ * registered callbacks.
+ *
+ * @param {String} event
+ * @param {Function} fn
+ * @return {Emitter}
+ * @api public
+ */
+
+Emitter.prototype.off =
+Emitter.prototype.removeListener =
+Emitter.prototype.removeAllListeners =
+Emitter.prototype.removeEventListener = function(event, fn){
+  this._callbacks = this._callbacks || {};
+
+  // all
+  if (0 == arguments.length) {
+    this._callbacks = {};
+    return this;
+  }
+
+  // specific event
+  var callbacks = this._callbacks[event];
+  if (!callbacks) return this;
+
+  // remove all handlers
+  if (1 == arguments.length) {
+    delete this._callbacks[event];
+    return this;
+  }
+
+  // remove specific handler
+  var cb;
+  for (var i = 0; i < callbacks.length; i++) {
+    cb = callbacks[i];
+    if (cb === fn || cb.fn === fn) {
+      callbacks.splice(i, 1);
+      break;
+    }
+  }
+  return this;
+};
+
+/**
+ * Emit `event` with the given args.
+ *
+ * @param {String} event
+ * @param {Mixed} ...
+ * @return {Emitter}
+ */
+
+Emitter.prototype.emit = function(event){
+  this._callbacks = this._callbacks || {};
+  var args = [].slice.call(arguments, 1)
+    , callbacks = this._callbacks[event];
+
+  if (callbacks) {
+    callbacks = callbacks.slice(0);
+    for (var i = 0, len = callbacks.length; i < len; ++i) {
+      callbacks[i].apply(this, args);
+    }
+  }
+
+  return this;
+};
+
+/**
+ * Return array of callbacks for `event`.
+ *
+ * @param {String} event
+ * @return {Array}
+ * @api public
+ */
+
+Emitter.prototype.listeners = function(event){
+  this._callbacks = this._callbacks || {};
+  return this._callbacks[event] || [];
+};
+
+/**
+ * Check if this emitter has `event` handlers.
+ *
+ * @param {String} event
+ * @return {Boolean}
+ * @api public
+ */
+
+Emitter.prototype.hasListeners = function(event){
+  return !! this.listeners(event).length;
+};
+
+});
+
+require.register("dropzone", function (exports, module) {
+
+
+/**
+ * Exposing dropzone
+ */
+module.exports = require("dropzone/lib/dropzone.js");
+
+});
+
+require.register("dropzone/lib/dropzone.js", function (exports, module) {
+
+/*
+ *
+ * More info at [www.dropzonejs.com](http://www.dropzonejs.com)
+ *
+ * Copyright (c) 2012, Matias Meno
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *
+ */
+
+(function() {
+  var Dropzone, Em, camelize, contentLoaded, detectVerticalSquash, drawImageIOSFix, noop, without,
+    __hasProp = {}.hasOwnProperty,
+    __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
+    __slice = [].slice;
+
+  Em = typeof Emitter !== "undefined" && Emitter !== null ? Emitter : require("component~emitter@1.1.2");
+
+  noop = function() {};
+
+  Dropzone = (function(_super) {
+    var extend;
+
+    __extends(Dropzone, _super);
+
+
+    /*
+    This is a list of all available events you can register on a dropzone object.
+
+    You can register an event handler like this:
+
+        dropzone.on("dragEnter", function() { });
+     */
+
+    Dropzone.prototype.events = ["drop", "dragstart", "dragend", "dragenter", "dragover", "dragleave", "addedfile", "removedfile", "thumbnail", "error", "errormultiple", "processing", "processingmultiple", "uploadprogress", "totaluploadprogress", "sending", "sendingmultiple", "success", "successmultiple", "canceled", "canceledmultiple", "complete", "completemultiple", "reset", "maxfilesexceeded", "maxfilesreached"];
+
+    Dropzone.prototype.defaultOptions = {
+      url: null,
+      method: "post",
+      withCredentials: false,
+      parallelUploads: 2,
+      uploadMultiple: false,
+      maxFilesize: 256,
+      paramName: "file",
+      createImageThumbnails: true,
+      maxThumbnailFilesize: 10,
+      thumbnailWidth: 100,
+      thumbnailHeight: 100,
+      maxFiles: null,
+      params: {},
+      clickable: true,
+      ignoreHiddenFiles: true,
+      acceptedFiles: null,
+      acceptedMimeTypes: null,
+      autoProcessQueue: true,
+      autoQueue: true,
+      addRemoveLinks: false,
+      previewsContainer: null,
+      capture: null,
+      dictDefaultMessage: "Drop files here to upload",
+      dictFallbackMessage: "Your browser does not support drag'n'drop file uploads.",
+      dictFallbackText: "Please use the fallback form below to upload your files like in the olden days.",
+      dictFileTooBig: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
+      dictInvalidFileType: "You can't upload files of this type.",
+      dictResponseError: "Server responded with {{statusCode}} code.",
+      dictCancelUpload: "Cancel upload",
+      dictCancelUploadConfirmation: "Are you sure you want to cancel this upload?",
+      dictRemoveFile: "Remove file",
+      dictRemoveFileConfirmation: null,
+      dictMaxFilesExceeded: "You can not upload any more files.",
+      accept: function(file, done) {
+        return done();
+      },
+      init: function() {
+        return noop;
+      },
+      forceFallback: false,
+      fallback: function() {
+        var child, messageElement, span, _i, _len, _ref;
+        this.element.className = "" + this.element.className + " dz-browser-not-supported";
+        _ref = this.element.getElementsByTagName("div");
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          child = _ref[_i];
+          if (/(^| )dz-message($| )/.test(child.className)) {
+            messageElement = child;
+            child.className = "dz-message";
+            continue;
+          }
+        }
+        if (!messageElement) {
+          messageElement = Dropzone.createElement("<div class=\"dz-message\"><span></span></div>");
+          this.element.appendChild(messageElement);
+        }
+        span = messageElement.getElementsByTagName("span")[0];
+        if (span) {
+          span.textContent = this.options.dictFallbackMessage;
+        }
+        return this.element.appendChild(this.getFallbackForm());
+      },
+      resize: function(file) {
+        var info, srcRatio, trgRatio;
+        info = {
+          srcX: 0,
+          srcY: 0,
+          srcWidth: file.width,
+          srcHeight: file.height
+        };
+        srcRatio = file.width / file.height;
+        info.optWidth = this.options.thumbnailWidth;
+        info.optHeight = this.options.thumbnailHeight;
+        if ((info.optWidth == null) && (info.optHeight == null)) {
+          info.optWidth = info.srcWidth;
+          info.optHeight = info.srcHeight;
+        } else if (info.optWidth == null) {
+          info.optWidth = srcRatio * info.optHeight;
+        } else if (info.optHeight == null) {
+          info.optHeight = (1 / srcRatio) * info.optWidth;
+        }
+        trgRatio = info.optWidth / info.optHeight;
+        if (file.height < info.optHeight || file.width < info.optWidth) {
+          info.trgHeight = info.srcHeight;
+          info.trgWidth = info.srcWidth;
+        } else {
+          if (srcRatio > trgRatio) {
+            info.srcHeight = file.height;
+            info.srcWidth = info.srcHeight * trgRatio;
+          } else {
+            info.srcWidth = file.width;
+            info.srcHeight = info.srcWidth / trgRatio;
+          }
+        }
+        info.srcX = (file.width - info.srcWidth) / 2;
+        info.srcY = (file.height - info.srcHeight) / 2;
+        return info;
+      },
+
+      /*
+      Those functions register themselves to the events on init and handle all
+      the user interface specific stuff. Overwriting them won't break the upload
+      but can break the way it's displayed.
+      You can overwrite them if you don't like the default behavior. If you just
+      want to add an additional event handler, register it on the dropzone object
+      and don't overwrite those options.
+       */
+      drop: function(e) {
+        return this.element.classList.remove("dz-drag-hover");
+      },
+      dragstart: noop,
+      dragend: function(e) {
+        return this.element.classList.remove("dz-drag-hover");
+      },
+      dragenter: function(e) {
+        return this.element.classList.add("dz-drag-hover");
+      },
+      dragover: function(e) {
+        return this.element.classList.add("dz-drag-hover");
+      },
+      dragleave: function(e) {
+        return this.element.classList.remove("dz-drag-hover");
+      },
+      paste: noop,
+      reset: function() {
+        return this.element.classList.remove("dz-started");
+      },
+      addedfile: function(file) {
+        var node, removeFileEvent, removeLink, _i, _j, _k, _len, _len1, _len2, _ref, _ref1, _ref2, _results;
+        if (this.element === this.previewsContainer) {
+          this.element.classList.add("dz-started");
+        }
+        if (this.previewsContainer) {
+          file.previewElement = Dropzone.createElement(this.options.previewTemplate.trim());
+          file.previewTemplate = file.previewElement;
+          this.previewsContainer.appendChild(file.previewElement);
+          _ref = file.previewElement.querySelectorAll("[data-dz-name]");
+          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+            node = _ref[_i];
+            node.textContent = file.name;
+          }
+          _ref1 = file.previewElement.querySelectorAll("[data-dz-size]");
+          for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
+            node = _ref1[_j];
+            node.innerHTML = this.filesize(file.size);
+          }
+          if (this.options.addRemoveLinks) {
+            file._removeLink = Dropzone.createElement("<a class=\"dz-remove\" href=\"javascript:undefined;\" data-dz-remove>" + this.options.dictRemoveFile + "</a>");
+            file.previewElement.appendChild(file._removeLink);
+          }
+          removeFileEvent = (function(_this) {
+            return function(e) {
+              e.preventDefault();
+              e.stopPropagation();
+              if (file.status === Dropzone.UPLOADING) {
+                return Dropzone.confirm(_this.options.dictCancelUploadConfirmation, function() {
+                  return _this.removeFile(file);
+                });
+              } else {
+                if (_this.options.dictRemoveFileConfirmation) {
+                  return Dropzone.confirm(_this.options.dictRemoveFileConfirmation, function() {
+                    return _this.removeFile(file);
+                  });
+                } else {
+                  return _this.removeFile(file);
+                }
+              }
+            };
+          })(this);
+          _ref2 = file.previewElement.querySelectorAll("[data-dz-remove]");
+          _results = [];
+          for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) {
+            removeLink = _ref2[_k];
+            _results.push(removeLink.addEventListener("click", removeFileEvent));
+          }
+          return _results;
+        }
+      },
+      removedfile: function(file) {
+        var _ref;
+        if (file.previewElement) {
+          if ((_ref = file.previewElement) != null) {
+            _ref.parentNode.removeChild(file.previewElement);
+          }
+        }
+        return this._updateMaxFilesReachedClass();
+      },
+      thumbnail: function(file, dataUrl) {
+        var thumbnailElement, _i, _len, _ref, _results;
+        if (file.previewElement) {
+          file.previewElement.classList.remove("dz-file-preview");
+          file.previewElement.classList.add("dz-image-preview");
+          _ref = file.previewElement.querySelectorAll("[data-dz-thumbnail]");
+          _results = [];
+          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+            thumbnailElement = _ref[_i];
+            thumbnailElement.alt = file.name;
+            _results.push(thumbnailElement.src = dataUrl);
+          }
+          return _results;
+        }
+      },
+      error: function(file, message) {
+        var node, _i, _len, _ref, _results;
+        if (file.previewElement) {
+          file.previewElement.classList.add("dz-error");
+          if (typeof message !== "String" && message.error) {
+            message = message.error;
+          }
+          _ref = file.previewElement.querySelectorAll("[data-dz-errormessage]");
+          _results = [];
+          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+            node = _ref[_i];
+            _results.push(node.textContent = message);
+          }
+          return _results;
+        }
+      },
+      errormultiple: noop,
+      processing: function(file) {
+        if (file.previewElement) {
+          file.previewElement.classList.add("dz-processing");
+          if (file._removeLink) {
+            return file._removeLink.textContent = this.options.dictCancelUpload;
+          }
+        }
+      },
+      processingmultiple: noop,
+      uploadprogress: function(file, progress, bytesSent) {
+        var node, _i, _len, _ref, _results;
+        if (file.previewElement) {
+          _ref = file.previewElement.querySelectorAll("[data-dz-uploadprogress]");
+          _results = [];
+          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+            node = _ref[_i];
+            if (node.nodeName === 'PROGRESS') {
+              _results.push(node.value = progress);
+            } else {
+              _results.push(node.style.width = "" + progress + "%");
+            }
+          }
+          return _results;
+        }
+      },
+      totaluploadprogress: noop,
+      sending: noop,
+      sendingmultiple: noop,
+      success: function(file) {
+        if (file.previewElement) {
+          return file.previewElement.classList.add("dz-success");
+        }
+      },
+      successmultiple: noop,
+      canceled: function(file) {
+        return this.emit("error", file, "Upload canceled.");
+      },
+      canceledmultiple: noop,
+      complete: function(file) {
+        if (file._removeLink) {
+          return file._removeLink.textContent = this.options.dictRemoveFile;
+        }
+      },
+      completemultiple: noop,
+      maxfilesexceeded: noop,
+      maxfilesreached: noop,
+      previewTemplate: "<div class=\"dz-preview dz-file-preview\">\n  <div class=\"dz-details\">\n    <div class=\"dz-filename\"><span data-dz-name></span></div>\n    <div class=\"dz-size\" data-dz-size></div>\n    <img data-dz-thumbnail />\n  </div>\n  <div class=\"dz-progress\"><span class=\"dz-upload\" data-dz-uploadprogress></span></div>\n  <div class=\"dz-success-mark\"><span>✔</span></div>\n  <div class=\"dz-error-mark\"><span>✘</span></div>\n  <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>\n</div>"
+    };
+
+    extend = function() {
+      var key, object, objects, target, val, _i, _len;
+      target = arguments[0], objects = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+      for (_i = 0, _len = objects.length; _i < _len; _i++) {
+        object = objects[_i];
+        for (key in object) {
+          val = object[key];
+          target[key] = val;
+        }
+      }
+      return target;
+    };
+
+    function Dropzone(element, options) {
+      var elementOptions, fallback, _ref;
+      this.element = element;
+      this.version = Dropzone.version;
+      this.defaultOptions.previewTemplate = this.defaultOptions.previewTemplate.replace(/\n*/g, "");
+      this.clickableElements = [];
+      this.listeners = [];
+      this.files = [];
+      if (typeof this.element === "string") {
+        this.element = document.querySelector(this.element);
+      }
+      if (!(this.element && (this.element.nodeType != null))) {
+        throw new Error("Invalid dropzone element.");
+      }
+      if (this.element.dropzone) {
+        throw new Error("Dropzone already attached.");
+      }
+      Dropzone.instances.push(this);
+      this.element.dropzone = this;
+      elementOptions = (_ref = Dropzone.optionsForElement(this.element)) != null ? _ref : {};
+      this.options = extend({}, this.defaultOptions, elementOptions, options != null ? options : {});
+      if (this.options.forceFallback || !Dropzone.isBrowserSupported()) {
+        return this.options.fallback.call(this);
+      }
+      if (this.options.url == null) {
+        this.options.url = this.element.getAttribute("action");
+      }
+      if (!this.options.url) {
+        throw new Error("No URL provided.");
+      }
+      if (this.options.acceptedFiles && this.options.acceptedMimeTypes) {
+        throw new Error("You can't provide both 'acceptedFiles' and 'acceptedMimeTypes'. 'acceptedMimeTypes' is deprecated.");
+      }
+      if (this.options.acceptedMimeTypes) {
+        this.options.acceptedFiles = this.options.acceptedMimeTypes;
+        delete this.options.acceptedMimeTypes;
+      }
+      this.options.method = this.options.method.toUpperCase();
+      if ((fallback = this.getExistingFallback()) && fallback.parentNode) {
+        fallback.parentNode.removeChild(fallback);
+      }
+      if (this.options.previewsContainer !== false) {
+        if (this.options.previewsContainer) {
+          this.previewsContainer = Dropzone.getElement(this.options.previewsContainer, "previewsContainer");
+        } else {
+          this.previewsContainer = this.element;
+        }
+      }
+      if (this.options.clickable) {
+        if (this.options.clickable === true) {
+          this.clickableElements = [this.element];
+        } else {
+          this.clickableElements = Dropzone.getElements(this.options.clickable, "clickable");
+        }
+      }
+      this.init();
+    }
+
+    Dropzone.prototype.getAcceptedFiles = function() {
+      var file, _i, _len, _ref, _results;
+      _ref = this.files;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        file = _ref[_i];
+        if (file.accepted) {
+          _results.push(file);
+        }
+      }
+      return _results;
+    };
+
+    Dropzone.prototype.getRejectedFiles = function() {
+      var file, _i, _len, _ref, _results;
+      _ref = this.files;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        file = _ref[_i];
+        if (!file.accepted) {
+          _results.push(file);
+        }
+      }
+      return _results;
+    };
+
+    Dropzone.prototype.getFilesWithStatus = function(status) {
+      var file, _i, _len, _ref, _results;
+      _ref = this.files;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        file = _ref[_i];
+        if (file.status === status) {
+          _results.push(file);
+        }
+      }
+      return _results;
+    };
+
+    Dropzone.prototype.getQueuedFiles = function() {
+      return this.getFilesWithStatus(Dropzone.QUEUED);
+    };
+
+    Dropzone.prototype.getUploadingFiles = function() {
+      return this.getFilesWithStatus(Dropzone.UPLOADING);
+    };
+
+    Dropzone.prototype.getActiveFiles = function() {
+      var file, _i, _len, _ref, _results;
+      _ref = this.files;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        file = _ref[_i];
+        if (file.status === Dropzone.UPLOADING || file.status === Dropzone.QUEUED) {
+          _results.push(file);
+        }
+      }
+      return _results;
+    };
+
+    Dropzone.prototype.init = function() {
+      var eventName, noPropagation, setupHiddenFileInput, _i, _len, _ref, _ref1;
+      if (this.element.tagName === "form") {
+        this.element.setAttribute("enctype", "multipart/form-data");
+      }
+      if (this.element.classList.contains("dropzone") && !this.element.querySelector(".dz-message")) {
+        this.element.appendChild(Dropzone.createElement("<div class=\"dz-default dz-message\"><span>" + this.options.dictDefaultMessage + "</span></div>"));
+      }
+      if (this.clickableElements.length) {
+        setupHiddenFileInput = (function(_this) {
+          return function() {
+            if (_this.hiddenFileInput) {
+              document.body.removeChild(_this.hiddenFileInput);
+            }
+            _this.hiddenFileInput = document.createElement("input");
+            _this.hiddenFileInput.setAttribute("type", "file");
+            if ((_this.options.maxFiles == null) || _this.options.maxFiles > 1) {
+              _this.hiddenFileInput.setAttribute("multiple", "multiple");
+            }
+            _this.hiddenFileInput.className = "dz-hidden-input";
+            if (_this.options.acceptedFiles != null) {
+              _this.hiddenFileInput.setAttribute("accept", _this.options.acceptedFiles);
+            }
+            if (_this.options.capture != null) {
+              _this.hiddenFileInput.setAttribute("capture", _this.options.capture);
+            }
+            _this.hiddenFileInput.style.visibility = "hidden";
+            _this.hiddenFileInput.style.position = "absolute";
+            _this.hiddenFileInput.style.top = "0";
+            _this.hiddenFileInput.style.left = "0";
+            _this.hiddenFileInput.style.height = "0";
+            _this.hiddenFileInput.style.width = "0";
+            document.body.appendChild(_this.hiddenFileInput);
+            return _this.hiddenFileInput.addEventListener("change", function() {
+              var file, files, _i, _len;
+              files = _this.hiddenFileInput.files;
+              if (files.length) {
+                for (_i = 0, _len = files.length; _i < _len; _i++) {
+                  file = files[_i];
+                  _this.addFile(file);
+                }
+              }
+              return setupHiddenFileInput();
+            });
+          };
+        })(this);
+        setupHiddenFileInput();
+      }
+      this.URL = (_ref = window.URL) != null ? _ref : window.webkitURL;
+      _ref1 = this.events;
+      for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+        eventName = _ref1[_i];
+        this.on(eventName, this.options[eventName]);
+      }
+      this.on("uploadprogress", (function(_this) {
+        return function() {
+          return _this.updateTotalUploadProgress();
+        };
+      })(this));
+      this.on("removedfile", (function(_this) {
+        return function() {
+          return _this.updateTotalUploadProgress();
+        };
+      })(this));
+      this.on("canceled", (function(_this) {
+        return function(file) {
+          return _this.emit("complete", file);
+        };
+      })(this));
+      this.on("complete", (function(_this) {
+        return function(file) {
+          if (_this.getUploadingFiles().length === 0 && _this.getQueuedFiles().length === 0) {
+            return setTimeout((function() {
+              return _this.emit("queuecomplete");
+            }), 0);
+          }
+        };
+      })(this));
+      noPropagation = function(e) {
+        e.stopPropagation();
+        if (e.preventDefault) {
+          return e.preventDefault();
+        } else {
+          return e.returnValue = false;
+        }
+      };
+      this.listeners = [
+        {
+          element: this.element,
+          events: {
+            "dragstart": (function(_this) {
+              return function(e) {
+                return _this.emit("dragstart", e);
+              };
+            })(this),
+            "dragenter": (function(_this) {
+              return function(e) {
+                noPropagation(e);
+                return _this.emit("dragenter", e);
+              };
+            })(this),
+            "dragover": (function(_this) {
+              return function(e) {
+                var efct;
+                try {
+                  efct = e.dataTransfer.effectAllowed;
+                } catch (_error) {}
+                e.dataTransfer.dropEffect = 'move' === efct || 'linkMove' === efct ? 'move' : 'copy';
+                noPropagation(e);
+                return _this.emit("dragover", e);
+              };
+            })(this),
+            "dragleave": (function(_this) {
+              return function(e) {
+                return _this.emit("dragleave", e);
+              };
+            })(this),
+            "drop": (function(_this) {
+              return function(e) {
+                noPropagation(e);
+                return _this.drop(e);
+              };
+            })(this),
+            "dragend": (function(_this) {
+              return function(e) {
+                return _this.emit("dragend", e);
+              };
+            })(this)
+          }
+        }
+      ];
+      this.clickableElements.forEach((function(_this) {
+        return function(clickableElement) {
+          return _this.listeners.push({
+            element: clickableElement,
+            events: {
+              "click": function(evt) {
+                if ((clickableElement !== _this.element) || (evt.target === _this.element || Dropzone.elementInside(evt.target, _this.element.querySelector(".dz-message")))) {
+                  return _this.hiddenFileInput.click();
+                }
+              }
+            }
+          });
+        };
+      })(this));
+      this.enable();
+      return this.options.init.call(this);
+    };
+
+    Dropzone.prototype.destroy = function() {
+      var _ref;
+      this.disable();
+      this.removeAllFiles(true);
+      if ((_ref = this.hiddenFileInput) != null ? _ref.parentNode : void 0) {
+        this.hiddenFileInput.parentNode.removeChild(this.hiddenFileInput);
+        this.hiddenFileInput = null;
+      }
+      delete this.element.dropzone;
+      return Dropzone.instances.splice(Dropzone.instances.indexOf(this), 1);
+    };
+
+    Dropzone.prototype.updateTotalUploadProgress = function() {
+      var activeFiles, file, totalBytes, totalBytesSent, totalUploadProgress, _i, _len, _ref;
+      totalBytesSent = 0;
+      totalBytes = 0;
+      activeFiles = this.getActiveFiles();
+      if (activeFiles.length) {
+        _ref = this.getActiveFiles();
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          file = _ref[_i];
+          totalBytesSent += file.upload.bytesSent;
+          totalBytes += file.upload.total;
+        }
+        totalUploadProgress = 100 * totalBytesSent / totalBytes;
+      } else {
+        totalUploadProgress = 100;
+      }
+      return this.emit("totaluploadprogress", totalUploadProgress, totalBytes, totalBytesSent);
+    };
+
+    Dropzone.prototype._getParamName = function(n) {
+      if (typeof this.options.paramName === "function") {
+        return this.options.paramName(n);
+      } else {
+        return "" + this.options.paramName + (this.options.uploadMultiple ? "[" + n + "]" : "");
+      }
+    };
+
+    Dropzone.prototype.getFallbackForm = function() {
+      var existingFallback, fields, fieldsString, form;
+      if (existingFallback = this.getExistingFallback()) {
+        return existingFallback;
+      }
+      fieldsString = "<div class=\"dz-fallback\">";
+      if (this.options.dictFallbackText) {
+        fieldsString += "<p>" + this.options.dictFallbackText + "</p>";
+      }
+      fieldsString += "<input type=\"file\" name=\"" + (this._getParamName(0)) + "\" " + (this.options.uploadMultiple ? 'multiple="multiple"' : void 0) + " /><input type=\"submit\" value=\"Upload!\"></div>";
+      fields = Dropzone.createElement(fieldsString);
+      if (this.element.tagName !== "FORM") {
+        form = Dropzone.createElement("<form action=\"" + this.options.url + "\" enctype=\"multipart/form-data\" method=\"" + this.options.method + "\"></form>");
+        form.appendChild(fields);
+      } else {
+        this.element.setAttribute("enctype", "multipart/form-data");
+        this.element.setAttribute("method", this.options.method);
+      }
+      return form != null ? form : fields;
+    };
+
+    Dropzone.prototype.getExistingFallback = function() {
+      var fallback, getFallback, tagName, _i, _len, _ref;
+      getFallback = function(elements) {
+        var el, _i, _len;
+        for (_i = 0, _len = elements.length; _i < _len; _i++) {
+          el = elements[_i];
+          if (/(^| )fallback($| )/.test(el.className)) {
+            return el;
+          }
+        }
+      };
+      _ref = ["div", "form"];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        tagName = _ref[_i];
+        if (fallback = getFallback(this.element.getElementsByTagName(tagName))) {
+          return fallback;
+        }
+      }
+    };
+
+    Dropzone.prototype.setupEventListeners = function() {
+      var elementListeners, event, listener, _i, _len, _ref, _results;
+      _ref = this.listeners;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        elementListeners = _ref[_i];
+        _results.push((function() {
+          var _ref1, _results1;
+          _ref1 = elementListeners.events;
+          _results1 = [];
+          for (event in _ref1) {
+            listener = _ref1[event];
+            _results1.push(elementListeners.element.addEventListener(event, listener, false));
+          }
+          return _results1;
+        })());
+      }
+      return _results;
+    };
+
+    Dropzone.prototype.removeEventListeners = function() {
+      var elementListeners, event, listener, _i, _len, _ref, _results;
+      _ref = this.listeners;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        elementListeners = _ref[_i];
+        _results.push((function() {
+          var _ref1, _results1;
+          _ref1 = elementListeners.events;
+          _results1 = [];
+          for (event in _ref1) {
+            listener = _ref1[event];
+            _results1.push(elementListeners.element.removeEventListener(event, listener, false));
+          }
+          return _results1;
+        })());
+      }
+      return _results;
+    };
+
+    Dropzone.prototype.disable = function() {
+      var file, _i, _len, _ref, _results;
+      this.clickableElements.forEach(function(element) {
+        return element.classList.remove("dz-clickable");
+      });
+      this.removeEventListeners();
+      _ref = this.files;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        file = _ref[_i];
+        _results.push(this.cancelUpload(file));
+      }
+      return _results;
+    };
+
+    Dropzone.prototype.enable = function() {
+      this.clickableElements.forEach(function(element) {
+        return element.classList.add("dz-clickable");
+      });
+      return this.setupEventListeners();
+    };
+
+    Dropzone.prototype.filesize = function(size) {
+      var string;
+      if (size >= 1024 * 1024 * 1024 * 1024 / 10) {
+        size = size / (1024 * 1024 * 1024 * 1024 / 10);
+        string = "TiB";
+      } else if (size >= 1024 * 1024 * 1024 / 10) {
+        size = size / (1024 * 1024 * 1024 / 10);
+        string = "GiB";
+      } else if (size >= 1024 * 1024 / 10) {
+        size = size / (1024 * 1024 / 10);
+        string = "MiB";
+      } else if (size >= 1024 / 10) {
+        size = size / (1024 / 10);
+        string = "KiB";
+      } else {
+        size = size * 10;
+        string = "b";
+      }
+      return "<strong>" + (Math.round(size) / 10) + "</strong> " + string;
+    };
+
+    Dropzone.prototype._updateMaxFilesReachedClass = function() {
+      if ((this.options.maxFiles != null) && this.getAcceptedFiles().length >= this.options.maxFiles) {
+        if (this.getAcceptedFiles().length === this.options.maxFiles) {
+          this.emit('maxfilesreached', this.files);
+        }
+        return this.element.classList.add("dz-max-files-reached");
+      } else {
+        return this.element.classList.remove("dz-max-files-reached");
+      }
+    };
+
+    Dropzone.prototype.drop = function(e) {
+      var files, items;
+      if (!e.dataTransfer) {
+        return;
+      }
+      this.emit("drop", e);
+      files = e.dataTransfer.files;
+      if (files.length) {
+        items = e.dataTransfer.items;
+        if (items && items.length && (items[0].webkitGetAsEntry != null)) {
+          this._addFilesFromItems(items);
+        } else {
+          this.handleFiles(files);
+        }
+      }
+    };
+
+    Dropzone.prototype.paste = function(e) {
+      var items, _ref;
+      if ((e != null ? (_ref = e.clipboardData) != null ? _ref.items : void 0 : void 0) == null) {
+        return;
+      }
+      this.emit("paste", e);
+      items = e.clipboardData.items;
+      if (items.length) {
+        return this._addFilesFromItems(items);
+      }
+    };
+
+    Dropzone.prototype.handleFiles = function(files) {
+      var file, _i, _len, _results;
+      _results = [];
+      for (_i = 0, _len = files.length; _i < _len; _i++) {
+        file = files[_i];
+        _results.push(this.addFile(file));
+      }
+      return _results;
+    };
+
+    Dropzone.prototype._addFilesFromItems = function(items) {
+      var entry, item, _i, _len, _results;
+      _results = [];
+      for (_i = 0, _len = items.length; _i < _len; _i++) {
+        item = items[_i];
+        if ((item.webkitGetAsEntry != null) && (entry = item.webkitGetAsEntry())) {
+          if (entry.isFile) {
+            _results.push(this.addFile(item.getAsFile()));
+          } else if (entry.isDirectory) {
+            _results.push(this._addFilesFromDirectory(entry, entry.name));
+          } else {
+            _results.push(void 0);
+          }
+        } else if (item.getAsFile != null) {
+          if ((item.kind == null) || item.kind === "file") {
+            _results.push(this.addFile(item.getAsFile()));
+          } else {
+            _results.push(void 0);
+          }
+        } else {
+          _results.push(void 0);
+        }
+      }
+      return _results;
+    };
+
+    Dropzone.prototype._addFilesFromDirectory = function(directory, path) {
+      var dirReader, entriesReader;
+      dirReader = directory.createReader();
+      entriesReader = (function(_this) {
+        return function(entries) {
+          var entry, _i, _len;
+          for (_i = 0, _len = entries.length; _i < _len; _i++) {
+            entry = entries[_i];
+            if (entry.isFile) {
+              entry.file(function(file) {
+                if (_this.options.ignoreHiddenFiles && file.name.substring(0, 1) === '.') {
+                  return;
+                }
+                file.fullPath = "" + path + "/" + file.name;
+                return _this.addFile(file);
+              });
+            } else if (entry.isDirectory) {
+              _this._addFilesFromDirectory(entry, "" + path + "/" + entry.name);
+            }
+          }
+        };
+      })(this);
+      return dirReader.readEntries(entriesReader, function(error) {
+        return typeof console !== "undefined" && console !== null ? typeof console.log === "function" ? console.log(error) : void 0 : void 0;
+      });
+    };
+
+    Dropzone.prototype.accept = function(file, done) {
+      if (file.size > this.options.maxFilesize * 1024 * 1024) {
+        return done(this.options.dictFileTooBig.replace("{{filesize}}", Math.round(file.size / 1024 / 10.24) / 100).replace("{{maxFilesize}}", this.options.maxFilesize));
+      } else if (!Dropzone.isValidFile(file, this.options.acceptedFiles)) {
+        return done(this.options.dictInvalidFileType);
+      } else if ((this.options.maxFiles != null) && this.getAcceptedFiles().length >= this.options.maxFiles) {
+        done(this.options.dictMaxFilesExceeded.replace("{{maxFiles}}", this.options.maxFiles));
+        return this.emit("maxfilesexceeded", file);
+      } else {
+        return this.options.accept.call(this, file, done);
+      }
+    };
+
+    Dropzone.prototype.addFile = function(file) {
+      file.upload = {
+        progress: 0,
+        total: file.size,
+        bytesSent: 0
+      };
+      this.files.push(file);
+      file.status = Dropzone.ADDED;
+      this.emit("addedfile", file);
+      this._enqueueThumbnail(file);
+      return this.accept(file, (function(_this) {
+        return function(error) {
+          if (error) {
+            file.accepted = false;
+            _this._errorProcessing([file], error);
+          } else {
+            file.accepted = true;
+            if (_this.options.autoQueue) {
+              _this.enqueueFile(file);
+            }
+          }
+          return _this._updateMaxFilesReachedClass();
+        };
+      })(this));
+    };
+
+    Dropzone.prototype.enqueueFiles = function(files) {
+      var file, _i, _len;
+      for (_i = 0, _len = files.length; _i < _len; _i++) {
+        file = files[_i];
+        this.enqueueFile(file);
+      }
+      return null;
+    };
+
+    Dropzone.prototype.enqueueFile = function(file) {
+      if (file.status === Dropzone.ADDED && file.accepted === true) {
+        file.status = Dropzone.QUEUED;
+        if (this.options.autoProcessQueue) {
+          return setTimeout(((function(_this) {
+            return function() {
+              return _this.processQueue();
+            };
+          })(this)), 0);
+        }
+      } else {
+        throw new Error("This file can't be queued because it has already been processed or was rejected.");
+      }
+    };
+
+    Dropzone.prototype._thumbnailQueue = [];
+
+    Dropzone.prototype._processingThumbnail = false;
+
+    Dropzone.prototype._enqueueThumbnail = function(file) {
+      if (this.options.createImageThumbnails && file.type.match(/image.*/) && file.size <= this.options.maxThumbnailFilesize * 1024 * 1024) {
+        this._thumbnailQueue.push(file);
+        return setTimeout(((function(_this) {
+          return function() {
+            return _this._processThumbnailQueue();
+          };
+        })(this)), 0);
+      }
+    };
+
+    Dropzone.prototype._processThumbnailQueue = function() {
+      if (this._processingThumbnail || this._thumbnailQueue.length === 0) {
+        return;
+      }
+      this._processingThumbnail = true;
+      return this.createThumbnail(this._thumbnailQueue.shift(), (function(_this) {
+        return function() {
+          _this._processingThumbnail = false;
+          return _this._processThumbnailQueue();
+        };
+      })(this));
+    };
+
+    Dropzone.prototype.removeFile = function(file) {
+      if (file.status === Dropzone.UPLOADING) {
+        this.cancelUpload(file);
+      }
+      this.files = without(this.files, file);
+      this.emit("removedfile", file);
+      if (this.files.length === 0) {
+        return this.emit("reset");
+      }
+    };
+
+    Dropzone.prototype.removeAllFiles = function(cancelIfNecessary) {
+      var file, _i, _len, _ref;
+      if (cancelIfNecessary == null) {
+        cancelIfNecessary = false;
+      }
+      _ref = this.files.slice();
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        file = _ref[_i];
+        if (file.status !== Dropzone.UPLOADING || cancelIfNecessary) {
+          this.removeFile(file);
+        }
+      }
+      return null;
+    };
+
+    Dropzone.prototype.createThumbnail = function(file, callback) {
+      var fileReader;
+      fileReader = new FileReader;
+      fileReader.onload = (function(_this) {
+        return function() {
+          var img;
+          if (file.type === "image/svg+xml") {
+            _this.emit("thumbnail", file, fileReader.result);
+            if (callback != null) {
+              callback();
+            }
+            return;
+          }
+          img = document.createElement("img");
+          img.onload = function() {
+            var canvas, ctx, resizeInfo, thumbnail, _ref, _ref1, _ref2, _ref3;
+            file.width = img.width;
+            file.height = img.height;
+            resizeInfo = _this.options.resize.call(_this, file);
+            if (resizeInfo.trgWidth == null) {
+              resizeInfo.trgWidth = resizeInfo.optWidth;
+            }
+            if (resizeInfo.trgHeight == null) {
+              resizeInfo.trgHeight = resizeInfo.optHeight;
+            }
+            canvas = document.createElement("canvas");
+            ctx = canvas.getContext("2d");
+            canvas.width = resizeInfo.trgWidth;
+            canvas.height = resizeInfo.trgHeight;
+            drawImageIOSFix(ctx, img, (_ref = resizeInfo.srcX) != null ? _ref : 0, (_ref1 = resizeInfo.srcY) != null ? _ref1 : 0, resizeInfo.srcWidth, resizeInfo.srcHeight, (_ref2 = resizeInfo.trgX) != null ? _ref2 : 0, (_ref3 = resizeInfo.trgY) != null ? _ref3 : 0, resizeInfo.trgWidth, resizeInfo.trgHeight);
+            thumbnail = canvas.toDataURL("image/png");
+            _this.emit("thumbnail", file, thumbnail);
+            if (callback != null) {
+              return callback();
+            }
+          };
+          return img.src = fileReader.result;
+        };
+      })(this);
+      return fileReader.readAsDataURL(file);
+    };
+
+    Dropzone.prototype.processQueue = function() {
+      var i, parallelUploads, processingLength, queuedFiles;
+      parallelUploads = this.options.parallelUploads;
+      processingLength = this.getUploadingFiles().length;
+      i = processingLength;
+      if (processingLength >= parallelUploads) {
+        return;
+      }
+      queuedFiles = this.getQueuedFiles();
+      if (!(queuedFiles.length > 0)) {
+        return;
+      }
+      if (this.options.uploadMultiple) {
+        return this.processFiles(queuedFiles.slice(0, parallelUploads - processingLength));
+      } else {
+        while (i < parallelUploads) {
+          if (!queuedFiles.length) {
+            return;
+          }
+          this.processFile(queuedFiles.shift());
+          i++;
+        }
+      }
+    };
+
+    Dropzone.prototype.processFile = function(file) {
+      return this.processFiles([file]);
+    };
+
+    Dropzone.prototype.processFiles = function(files) {
+      var file, _i, _len;
+      for (_i = 0, _len = files.length; _i < _len; _i++) {
+        file = files[_i];
+        file.processing = true;
+        file.status = Dropzone.UPLOADING;
+        this.emit("processing", file);
+      }
+      if (this.options.uploadMultiple) {
+        this.emit("processingmultiple", files);
+      }
+      return this.uploadFiles(files);
+    };
+
+    Dropzone.prototype._getFilesWithXhr = function(xhr) {
+      var file, files;
+      return files = (function() {
+        var _i, _len, _ref, _results;
+        _ref = this.files;
+        _results = [];
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          file = _ref[_i];
+          if (file.xhr === xhr) {
+            _results.push(file);
+          }
+        }
+        return _results;
+      }).call(this);
+    };
+
+    Dropzone.prototype.cancelUpload = function(file) {
+      var groupedFile, groupedFiles, _i, _j, _len, _len1, _ref;
+      if (file.status === Dropzone.UPLOADING) {
+        groupedFiles = this._getFilesWithXhr(file.xhr);
+        for (_i = 0, _len = groupedFiles.length; _i < _len; _i++) {
+          groupedFile = groupedFiles[_i];
+          groupedFile.status = Dropzone.CANCELED;
+        }
+        file.xhr.abort();
+        for (_j = 0, _len1 = groupedFiles.length; _j < _len1; _j++) {
+          groupedFile = groupedFiles[_j];
+          this.emit("canceled", groupedFile);
+        }
+        if (this.options.uploadMultiple) {
+          this.emit("canceledmultiple", groupedFiles);
+        }
+      } else if ((_ref = file.status) === Dropzone.ADDED || _ref === Dropzone.QUEUED) {
+        file.status = Dropzone.CANCELED;
+        this.emit("canceled", file);
+        if (this.options.uploadMultiple) {
+          this.emit("canceledmultiple", [file]);
+        }
+      }
+      if (this.options.autoProcessQueue) {
+        return this.processQueue();
+      }
+    };
+
+    Dropzone.prototype.uploadFile = function(file) {
+      return this.uploadFiles([file]);
+    };
+
+    Dropzone.prototype.uploadFiles = function(files) {
+      var file, formData, handleError, headerName, headerValue, headers, i, input, inputName, inputType, key, option, progressObj, response, updateProgress, value, xhr, _i, _j, _k, _l, _len, _len1, _len2, _len3, _m, _ref, _ref1, _ref2, _ref3, _ref4, _ref5;
+      xhr = new XMLHttpRequest();
+      for (_i = 0, _len = files.length; _i < _len; _i++) {
+        file = files[_i];
+        file.xhr = xhr;
+      }
+      xhr.open(this.options.method, this.options.url, true);
+      xhr.withCredentials = !!this.options.withCredentials;
+      response = null;
+      handleError = (function(_this) {
+        return function() {
+          var _j, _len1, _results;
+          _results = [];
+          for (_j = 0, _len1 = files.length; _j < _len1; _j++) {
+            file = files[_j];
+            _results.push(_this._errorProcessing(files, response || _this.options.dictResponseError.replace("{{statusCode}}", xhr.status), xhr));
+          }
+          return _results;
+        };
+      })(this);
+      updateProgress = (function(_this) {
+        return function(e) {
+          var allFilesFinished, progress, _j, _k, _l, _len1, _len2, _len3, _results;
+          if (e != null) {
+            progress = 100 * e.loaded / e.total;
+            for (_j = 0, _len1 = files.length; _j < _len1; _j++) {
+              file = files[_j];
+              file.upload = {
+                progress: progress,
+                total: e.total,
+                bytesSent: e.loaded
+              };
+            }
+          } else {
+            allFilesFinished = true;
+            progress = 100;
+            for (_k = 0, _len2 = files.length; _k < _len2; _k++) {
+              file = files[_k];
+              if (!(file.upload.progress === 100 && file.upload.bytesSent === file.upload.total)) {
+                allFilesFinished = false;
+              }
+              file.upload.progress = progress;
+              file.upload.bytesSent = file.upload.total;
+            }
+            if (allFilesFinished) {
+              return;
+            }
+          }
+          _results = [];
+          for (_l = 0, _len3 = files.length; _l < _len3; _l++) {
+            file = files[_l];
+            _results.push(_this.emit("uploadprogress", file, progress, file.upload.bytesSent));
+          }
+          return _results;
+        };
+      })(this);
+      xhr.onload = (function(_this) {
+        return function(e) {
+          var _ref;
+          if (files[0].status === Dropzone.CANCELED) {
+            return;
+          }
+          if (xhr.readyState !== 4) {
+            return;
+          }
+          response = xhr.responseText;
+          if (xhr.getResponseHeader("content-type") && ~xhr.getResponseHeader("content-type").indexOf("application/json")) {
+            try {
+              response = JSON.parse(response);
+            } catch (_error) {
+              e = _error;
+              response = "Invalid JSON response from server.";
+            }
+          }
+          updateProgress();
+          if (!((200 <= (_ref = xhr.status) && _ref < 300))) {
+            return handleError();
+          } else {
+            return _this._finished(files, response, e);
+          }
+        };
+      })(this);
+      xhr.onerror = (function(_this) {
+        return function() {
+          if (files[0].status === Dropzone.CANCELED) {
+            return;
+          }
+          return handleError();
+        };
+      })(this);
+      progressObj = (_ref = xhr.upload) != null ? _ref : xhr;
+      progressObj.onprogress = updateProgress;
+      headers = {
+        "Accept": "application/json",
+        "Cache-Control": "no-cache",
+        "X-Requested-With": "XMLHttpRequest"
+      };
+      if (this.options.headers) {
+        extend(headers, this.options.headers);
+      }
+      for (headerName in headers) {
+        headerValue = headers[headerName];
+        xhr.setRequestHeader(headerName, headerValue);
+      }
+      formData = new FormData();
+      if (this.options.params) {
+        _ref1 = this.options.params;
+        for (key in _ref1) {
+          value = _ref1[key];
+          formData.append(key, value);
+        }
+      }
+      for (_j = 0, _len1 = files.length; _j < _len1; _j++) {
+        file = files[_j];
+        this.emit("sending", file, xhr, formData);
+      }
+      if (this.options.uploadMultiple) {
+        this.emit("sendingmultiple", files, xhr, formData);
+      }
+      if (this.element.tagName === "FORM") {
+        _ref2 = this.element.querySelectorAll("input, textarea, select, button");
+        for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) {
+          input = _ref2[_k];
+          inputName = input.getAttribute("name");
+          inputType = input.getAttribute("type");
+          if (input.tagName === "SELECT" && input.hasAttribute("multiple")) {
+            _ref3 = input.options;
+            for (_l = 0, _len3 = _ref3.length; _l < _len3; _l++) {
+              option = _ref3[_l];
+              if (option.selected) {
+                formData.append(inputName, option.value);
+              }
+            }
+          } else if (!inputType || ((_ref4 = inputType.toLowerCase()) !== "checkbox" && _ref4 !== "radio") || input.checked) {
+            formData.append(inputName, input.value);
+          }
+        }
+      }
+      for (i = _m = 0, _ref5 = files.length - 1; 0 <= _ref5 ? _m <= _ref5 : _m >= _ref5; i = 0 <= _ref5 ? ++_m : --_m) {
+        formData.append(this._getParamName(i), files[i], files[i].name);
+      }
+      return xhr.send(formData);
+    };
+
+    Dropzone.prototype._finished = function(files, responseText, e) {
+      var file, _i, _len;
+      for (_i = 0, _len = files.length; _i < _len; _i++) {
+        file = files[_i];
+        file.status = Dropzone.SUCCESS;
+        this.emit("success", file, responseText, e);
+        this.emit("complete", file);
+      }
+      if (this.options.uploadMultiple) {
+        this.emit("successmultiple", files, responseText, e);
+        this.emit("completemultiple", files);
+      }
+      if (this.options.autoProcessQueue) {
+        return this.processQueue();
+      }
+    };
+
+    Dropzone.prototype._errorProcessing = function(files, message, xhr) {
+      var file, _i, _len;
+      for (_i = 0, _len = files.length; _i < _len; _i++) {
+        file = files[_i];
+        file.status = Dropzone.ERROR;
+        this.emit("error", file, message, xhr);
+        this.emit("complete", file);
+      }
+      if (this.options.uploadMultiple) {
+        this.emit("errormultiple", files, message, xhr);
+        this.emit("completemultiple", files);
+      }
+      if (this.options.autoProcessQueue) {
+        return this.processQueue();
+      }
+    };
+
+    return Dropzone;
+
+  })(Em);
+
+  Dropzone.version = "3.11.1";
+
+  Dropzone.options = {};
+
+  Dropzone.optionsForElement = function(element) {
+    if (element.getAttribute("id")) {
+      return Dropzone.options[camelize(element.getAttribute("id"))];
+    } else {
+      return void 0;
+    }
+  };
+
+  Dropzone.instances = [];
+
+  Dropzone.forElement = function(element) {
+    if (typeof element === "string") {
+      element = document.querySelector(element);
+    }
+    if ((element != null ? element.dropzone : void 0) == null) {
+      throw new Error("No Dropzone found for given element. This is probably because you're trying to access it before Dropzone had the time to initialize. Use the `init` option to setup any additional observers on your Dropzone.");
+    }
+    return element.dropzone;
+  };
+
+  Dropzone.autoDiscover = true;
+
+  Dropzone.discover = function() {
+    var checkElements, dropzone, dropzones, _i, _len, _results;
+    if (document.querySelectorAll) {
+      dropzones = document.querySelectorAll(".dropzone");
+    } else {
+      dropzones = [];
+      checkElements = function(elements) {
+        var el, _i, _len, _results;
+        _results = [];
+        for (_i = 0, _len = elements.length; _i < _len; _i++) {
+          el = elements[_i];
+          if (/(^| )dropzone($| )/.test(el.className)) {
+            _results.push(dropzones.push(el));
+          } else {
+            _results.push(void 0);
+          }
+        }
+        return _results;
+      };
+      checkElements(document.getElementsByTagName("div"));
+      checkElements(document.getElementsByTagName("form"));
+    }
+    _results = [];
+    for (_i = 0, _len = dropzones.length; _i < _len; _i++) {
+      dropzone = dropzones[_i];
+      if (Dropzone.optionsForElement(dropzone) !== false) {
+        _results.push(new Dropzone(dropzone));
+      } else {
+        _results.push(void 0);
+      }
+    }
+    return _results;
+  };
+
+  Dropzone.blacklistedBrowsers = [/opera.*Macintosh.*version\/12/i];
+
+  Dropzone.isBrowserSupported = function() {
+    var capableBrowser, regex, _i, _len, _ref;
+    capableBrowser = true;
+    if (window.File && window.FileReader && window.FileList && window.Blob && window.FormData && document.querySelector) {
+      if (!("classList" in document.createElement("a"))) {
+        capableBrowser = false;
+      } else {
+        _ref = Dropzone.blacklistedBrowsers;
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          regex = _ref[_i];
+          if (regex.test(navigator.userAgent)) {
+            capableBrowser = false;
+            continue;
+          }
+        }
+      }
+    } else {
+      capableBrowser = false;
+    }
+    return capableBrowser;
+  };
+
+  without = function(list, rejectedItem) {
+    var item, _i, _len, _results;
+    _results = [];
+    for (_i = 0, _len = list.length; _i < _len; _i++) {
+      item = list[_i];
+      if (item !== rejectedItem) {
+        _results.push(item);
+      }
+    }
+    return _results;
+  };
+
+  camelize = function(str) {
+    return str.replace(/[\-_](\w)/g, function(match) {
+      return match.charAt(1).toUpperCase();
+    });
+  };
+
+  Dropzone.createElement = function(string) {
+    var div;
+    div = document.createElement("div");
+    div.innerHTML = string;
+    return div.childNodes[0];
+  };
+
+  Dropzone.elementInside = function(element, container) {
+    if (element === container) {
+      return true;
+    }
+    while (element = element.parentNode) {
+      if (element === container) {
+        return true;
+      }
+    }
+    return false;
+  };
+
+  Dropzone.getElement = function(el, name) {
+    var element;
+    if (typeof el === "string") {
+      element = document.querySelector(el);
+    } else if (el.nodeType != null) {
+      element = el;
+    }
+    if (element == null) {
+      throw new Error("Invalid `" + name + "` option provided. Please provide a CSS selector or a plain HTML element.");
+    }
+    return element;
+  };
+
+  Dropzone.getElements = function(els, name) {
+    var e, el, elements, _i, _j, _len, _len1, _ref;
+    if (els instanceof Array) {
+      elements = [];
+      try {
+        for (_i = 0, _len = els.length; _i < _len; _i++) {
+          el = els[_i];
+          elements.push(this.getElement(el, name));
+        }
+      } catch (_error) {
+        e = _error;
+        elements = null;
+      }
+    } else if (typeof els === "string") {
+      elements = [];
+      _ref = document.querySelectorAll(els);
+      for (_j = 0, _len1 = _ref.length; _j < _len1; _j++) {
+        el = _ref[_j];
+        elements.push(el);
+      }
+    } else if (els.nodeType != null) {
+      elements = [els];
+    }
+    if (!((elements != null) && elements.length)) {
+      throw new Error("Invalid `" + name + "` option provided. Please provide a CSS selector, a plain HTML element or a list of those.");
+    }
+    return elements;
+  };
+
+  Dropzone.confirm = function(question, accepted, rejected) {
+    if (window.confirm(question)) {
+      return accepted();
+    } else if (rejected != null) {
+      return rejected();
+    }
+  };
+
+  Dropzone.isValidFile = function(file, acceptedFiles) {
+    var baseMimeType, mimeType, validType, _i, _len;
+    if (!acceptedFiles) {
+      return true;
+    }
+    acceptedFiles = acceptedFiles.split(",");
+    mimeType = file.type;
+    baseMimeType = mimeType.replace(/\/.*$/, "");
+    for (_i = 0, _len = acceptedFiles.length; _i < _len; _i++) {
+      validType = acceptedFiles[_i];
+      validType = validType.trim();
+      if (validType.charAt(0) === ".") {
+        if (file.name.toLowerCase().indexOf(validType.toLowerCase(), file.name.length - validType.length) !== -1) {
+          return true;
+        }
+      } else if (/\/\*$/.test(validType)) {
+        if (baseMimeType === validType.replace(/\/.*$/, "")) {
+          return true;
+        }
+      } else {
+        if (mimeType === validType) {
+          return true;
+        }
+      }
+    }
+    return false;
+  };
+
+  if (typeof jQuery !== "undefined" && jQuery !== null) {
+    jQuery.fn.dropzone = function(options) {
+      return this.each(function() {
+        return new Dropzone(this, options);
+      });
+    };
+  }
+
+  if (typeof module !== "undefined" && module !== null) {
+    module.exports = Dropzone;
+  } else {
+    window.Dropzone = Dropzone;
+  }
+
+  Dropzone.ADDED = "added";
+
+  Dropzone.QUEUED = "queued";
+
+  Dropzone.ACCEPTED = Dropzone.QUEUED;
+
+  Dropzone.UPLOADING = "uploading";
+
+  Dropzone.PROCESSING = Dropzone.UPLOADING;
+
+  Dropzone.CANCELED = "canceled";
+
+  Dropzone.ERROR = "error";
+
+  Dropzone.SUCCESS = "success";
+
+
+  /*
+
+  Bugfix for iOS 6 and 7
+  Source: http://stackoverflow.com/questions/11929099/html5-canvas-drawimage-ratio-bug-ios
+  based on the work of https://github.com/stomita/ios-imagefile-megapixel
+   */
+
+  detectVerticalSquash = function(img) {
+    var alpha, canvas, ctx, data, ey, ih, iw, py, ratio, sy;
+    iw = img.naturalWidth;
+    ih = img.naturalHeight;
+    canvas = document.createElement("canvas");
+    canvas.width = 1;
+    canvas.height = ih;
+    ctx = canvas.getContext("2d");
+    ctx.drawImage(img, 0, 0);
+    data = ctx.getImageData(0, 0, 1, ih).data;
+    sy = 0;
+    ey = ih;
+    py = ih;
+    while (py > sy) {
+      alpha = data[(py - 1) * 4 + 3];
+      if (alpha === 0) {
+        ey = py;
+      } else {
+        sy = py;
+      }
+      py = (ey + sy) >> 1;
+    }
+    ratio = py / ih;
+    if (ratio === 0) {
+      return 1;
+    } else {
+      return ratio;
+    }
+  };
+
+  drawImageIOSFix = function(ctx, img, sx, sy, sw, sh, dx, dy, dw, dh) {
+    var vertSquashRatio;
+    vertSquashRatio = detectVerticalSquash(img);
+    return ctx.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh / vertSquashRatio);
+  };
+
+
+  /*
+   * contentloaded.js
+   *
+   * Author: Diego Perini (diego.perini at gmail.com)
+   * Summary: cross-browser wrapper for DOMContentLoaded
+   * Updated: 20101020
+   * License: MIT
+   * Version: 1.2
+   *
+   * URL:
+   * http://javascript.nwbox.com/ContentLoaded/
+   * http://javascript.nwbox.com/ContentLoaded/MIT-LICENSE
+   */
+
+  contentLoaded = function(win, fn) {
+    var add, doc, done, init, poll, pre, rem, root, top;
+    done = false;
+    top = true;
+    doc = win.document;
+    root = doc.documentElement;
+    add = (doc.addEventListener ? "addEventListener" : "attachEvent");
+    rem = (doc.addEventListener ? "removeEventListener" : "detachEvent");
+    pre = (doc.addEventListener ? "" : "on");
+    init = function(e) {
+      if (e.type === "readystatechange" && doc.readyState !== "complete") {
+        return;
+      }
+      (e.type === "load" ? win : doc)[rem](pre + e.type, init, false);
+      if (!done && (done = true)) {
+        return fn.call(win, e.type || e);
+      }
+    };
+    poll = function() {
+      var e;
+      try {
+        root.doScroll("left");
+      } catch (_error) {
+        e = _error;
+        setTimeout(poll, 50);
+        return;
+      }
+      return init("poll");
+    };
+    if (doc.readyState !== "complete") {
+      if (doc.createEventObject && root.doScroll) {
+        try {
+          top = !win.frameElement;
+        } catch (_error) {}
+        if (top) {
+          poll();
+        }
+      }
+      doc[add](pre + "DOMContentLoaded", init, false);
+      doc[add](pre + "readystatechange", init, false);
+      return win[add](pre + "load", init, false);
+    }
+  };
+
+  Dropzone._autoDiscoverFunction = function() {
+    if (Dropzone.autoDiscover) {
+      return Dropzone.discover();
+    }
+  };
+
+  contentLoaded(window, Dropzone._autoDiscoverFunction);
+
+}).call(this);
+
+});
+
+if (typeof exports == "object") {
+  module.exports = require("dropzone");
+} else if (typeof define == "function" && define.amd) {
+  define("Dropzone", [], function(){ return require("dropzone"); });
+} else {
+  (this || window)["Dropzone"] = require("dropzone");
+}
+})()
diff --git a/vendor/javascripts/handlebars.js b/vendor/javascripts/handlebars.js
new file mode 100755
index 0000000..541ec3e
--- /dev/null
+++ b/vendor/javascripts/handlebars.js
@@ -0,0 +1,2610 @@
+/*!
+
+ handlebars v1.2.0
+
+ Copyright (C) 2011 by Yehuda Katz
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice and this permission notice shall be included in
+ all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ THE SOFTWARE.
+
+ @license
+ */
+var Handlebars = (function() {
+// handlebars/safe-string.js
+    var __module4__ = (function() {
+        "use strict";
+        var __exports__;
+        // Build out our basic SafeString type
+        function SafeString(string) {
+            this.string = string;
+        }
+
+        SafeString.prototype.toString = function() {
+            return "" + this.string;
+        };
+
+        __exports__ = SafeString;
+        return __exports__;
+    })();
+
+// handlebars/utils.js
+    var __module3__ = (function(__dependency1__) {
+        "use strict";
+        var __exports__ = {};
+        /*jshint -W004 */
+        var SafeString = __dependency1__;
+
+        var escape = {
+            "&": "&amp;",
+            "<": "&lt;",
+            ">": "&gt;",
+            '"': "&quot;",
+            "'": "&#x27;",
+            "`": "&#x60;"
+        };
+
+        var badChars = /[&<>"'`]/g;
+        var possible = /[&<>"'`]/;
+
+        function escapeChar(chr) {
+            return escape[chr] || "&amp;";
+        }
+
+        function extend(obj, value) {
+            for(var key in value) {
+                if(Object.prototype.hasOwnProperty.call(value, key)) {
+                    obj[key] = value[key];
+                }
+            }
+        }
+
+        __exports__.extend = extend;var toString = Object.prototype.toString;
+        __exports__.toString = toString;
+        // Sourced from lodash
+        // https://github.com/bestiejs/lodash/blob/master/LICENSE.txt
+        var isFunction = function(value) {
+            return typeof value === 'function';
+        };
+        // fallback for older versions of Chrome and Safari
+        if (isFunction(/x/)) {
+            isFunction = function(value) {
+                return typeof value === 'function' && toString.call(value) === '[object Function]';
+            };
+        }
+        var isFunction;
+        __exports__.isFunction = isFunction;
+        var isArray = Array.isArray || function(value) {
+            return (value && typeof value === 'object') ? toString.call(value) === '[object Array]' : false;
+        };
+        __exports__.isArray = isArray;
+
+        function escapeExpression(string) {
+            // don't escape SafeStrings, since they're already safe
+            if (string instanceof SafeString) {
+                return string.toString();
+            } else if (!string && string !== 0) {
+                return "";
+            }
+
+            // Force a string conversion as this will be done by the append regardless and
+            // the regex test will do this transparently behind the scenes, causing issues if
+            // an object's to string has escaped characters in it.
+            string = "" + string;
+
+            if(!possible.test(string)) { return string; }
+            return string.replace(badChars, escapeChar);
+        }
+
+        __exports__.escapeExpression = escapeExpression;function isEmpty(value) {
+            if (!value && value !== 0) {
+                return true;
+            } else if (isArray(value) && value.length === 0) {
+                return true;
+            } else {
+                return false;
+            }
+        }
+
+        __exports__.isEmpty = isEmpty;
+        return __exports__;
+    })(__module4__);
+
+// handlebars/exception.js
+    var __module5__ = (function() {
+        "use strict";
+        var __exports__;
+
+        var errorProps = ['description', 'fileName', 'lineNumber', 'message', 'name', 'number', 'stack'];
+
+        function Exception(/* message */) {
+            var tmp = Error.prototype.constructor.apply(this, arguments);
+
+            // Unfortunately errors are not enumerable in Chrome (at least), so `for prop in tmp` doesn't work.
+            for (var idx = 0; idx < errorProps.length; idx++) {
+                this[errorProps[idx]] = tmp[errorProps[idx]];
+            }
+        }
+
+        Exception.prototype = new Error();
+
+        __exports__ = Exception;
+        return __exports__;
+    })();
+
+// handlebars/base.js
+    var __module2__ = (function(__dependency1__, __dependency2__) {
+        "use strict";
+        var __exports__ = {};
+        var Utils = __dependency1__;
+        var Exception = __dependency2__;
+
+        var VERSION = "1.2.0";
+        __exports__.VERSION = VERSION;var COMPILER_REVISION = 4;
+        __exports__.COMPILER_REVISION = COMPILER_REVISION;
+        var REVISION_CHANGES = {
+            1: '<= 1.0.rc.2', // 1.0.rc.2 is actually rev2 but doesn't report it
+            2: '== 1.0.0-rc.3',
+            3: '== 1.0.0-rc.4',
+            4: '>= 1.0.0'
+        };
+        __exports__.REVISION_CHANGES = REVISION_CHANGES;
+        var isArray = Utils.isArray,
+            isFunction = Utils.isFunction,
+            toString = Utils.toString,
+            objectType = '[object Object]';
+
+        function HandlebarsEnvironment(helpers, partials) {
+            this.helpers = helpers || {};
+            this.partials = partials || {};
+
+            registerDefaultHelpers(this);
+        }
+
+        __exports__.HandlebarsEnvironment = HandlebarsEnvironment;HandlebarsEnvironment.prototype = {
+            constructor: HandlebarsEnvironment,
+
+            logger: logger,
+            log: log,
+
+            registerHelper: function(name, fn, inverse) {
+                if (toString.call(name) === objectType) {
+                    if (inverse || fn) { throw new Exception('Arg not supported with multiple helpers'); }
+                    Utils.extend(this.helpers, name);
+                } else {
+                    if (inverse) { fn.not = inverse; }
+                    this.helpers[name] = fn;
+                }
+            },
+
+            registerPartial: function(name, str) {
+                if (toString.call(name) === objectType) {
+                    Utils.extend(this.partials,  name);
+                } else {
+                    this.partials[name] = str;
+                }
+            }
+        };
+
+        function registerDefaultHelpers(instance) {
+            instance.registerHelper('helperMissing', function(arg) {
+                if(arguments.length === 2) {
+                    return undefined;
+                } else {
+                    throw new Error("Missing helper: '" + arg + "'");
+                }
+            });
+
+            instance.registerHelper('blockHelperMissing', function(context, options) {
+                var inverse = options.inverse || function() {}, fn = options.fn;
+
+                if (isFunction(context)) { context = context.call(this); }
+
+                if(context === true) {
+                    return fn(this);
+                } else if(context === false || context == null) {
+                    return inverse(this);
+                } else if (isArray(context)) {
+                    if(context.length > 0) {
+                        return instance.helpers.each(context, options);
+                    } else {
+                        return inverse(this);
+                    }
+                } else {
+                    return fn(context);
+                }
+            });
+
+            instance.registerHelper('each', function(context, options) {
+                var fn = options.fn, inverse = options.inverse;
+                var i = 0, ret = "", data;
+
+                if (isFunction(context)) { context = context.call(this); }
+
+                if (options.data) {
+                    data = createFrame(options.data);
+                }
+
+                if(context && typeof context === 'object') {
+                    if (isArray(context)) {
+                        for(var j = context.length; i<j; i++) {
+                            if (data) {
+                                data.index = i;
+                                data.first = (i === 0);
+                                data.last  = (i === (context.length-1));
+                            }
+                            ret = ret + fn(context[i], { data: data });
+                        }
+                    } else {
+                        for(var key in context) {
+                            if(context.hasOwnProperty(key)) {
+                                if(data) {
+                                    data.key = key;
+                                    data.index = i;
+                                    data.first = (i === 0);
+                                }
+                                ret = ret + fn(context[key], {data: data});
+                                i++;
+                            }
+                        }
+                    }
+                }
+
+                if(i === 0){
+                    ret = inverse(this);
+                }
+
+                return ret;
+            });
+
+            instance.registerHelper('if', function(conditional, options) {
+                if (isFunction(conditional)) { conditional = conditional.call(this); }
+
+                // Default behavior is to render the positive path if the value is truthy and not empty.
+                // The `includeZero` option may be set to treat the condtional as purely not empty based on the
+                // behavior of isEmpty. Effectively this determines if 0 is handled by the positive path or negative.
+                if ((!options.hash.includeZero && !conditional) || Utils.isEmpty(conditional)) {
+                    return options.inverse(this);
+                } else {
+                    return options.fn(this);
+                }
+            });
+
+            instance.registerHelper('unless', function(conditional, options) {
+                return instance.helpers['if'].call(this, conditional, {fn: options.inverse, inverse: options.fn, hash: options.hash});
+            });
+
+            instance.registerHelper('with', function(context, options) {
+                if (isFunction(context)) { context = context.call(this); }
+
+                if (!Utils.isEmpty(context)) return options.fn(context);
+            });
+
+            instance.registerHelper('log', function(context, options) {
+                var level = options.data && options.data.level != null ? parseInt(options.data.level, 10) : 1;
+                instance.log(level, context);
+            });
+        }
+
+        var logger = {
+            methodMap: { 0: 'debug', 1: 'info', 2: 'warn', 3: 'error' },
+
+            // State enum
+            DEBUG: 0,
+            INFO: 1,
+            WARN: 2,
+            ERROR: 3,
+            level: 3,
+
+            // can be overridden in the host environment
+            log: function(level, obj) {
+                if (logger.level <= level) {
+                    var method = logger.methodMap[level];
+                    if (typeof console !== 'undefined' && console[method]) {
+                        console[method].call(console, obj);
+                    }
+                }
+            }
+        };
+        __exports__.logger = logger;
+        function log(level, obj) { logger.log(level, obj); }
+
+        __exports__.log = log;var createFrame = function(object) {
+            var obj = {};
+            Utils.extend(obj, object);
+            return obj;
+        };
+        __exports__.createFrame = createFrame;
+        return __exports__;
+    })(__module3__, __module5__);
+
+// handlebars/runtime.js
+    var __module6__ = (function(__dependency1__, __dependency2__, __dependency3__) {
+        "use strict";
+        var __exports__ = {};
+        var Utils = __dependency1__;
+        var Exception = __dependency2__;
+        var COMPILER_REVISION = __dependency3__.COMPILER_REVISION;
+        var REVISION_CHANGES = __dependency3__.REVISION_CHANGES;
+
+        function checkRevision(compilerInfo) {
+            var compilerRevision = compilerInfo && compilerInfo[0] || 1,
+                currentRevision = COMPILER_REVISION;
+
+            if (compilerRevision !== currentRevision) {
+                if (compilerRevision < currentRevision) {
+                    var runtimeVersions = REVISION_CHANGES[currentRevision],
+                        compilerVersions = REVISION_CHANGES[compilerRevision];
+                    throw new Error("Template was precompiled with an older version of Handlebars than the current runtime. "+
+                        "Please update your precompiler to a newer version ("+runtimeVersions+") or downgrade your runtime to an older version ("+compilerVersions+").");
+                } else {
+                    // Use the embedded version info since the runtime doesn't know about this revision yet
+                    throw new Error("Template was precompiled with a newer version of Handlebars than the current runtime. "+
+                        "Please update your runtime to a newer version ("+compilerInfo[1]+").");
+                }
+            }
+        }
+
+        __exports__.checkRevision = checkRevision;// TODO: Remove this line and break up compilePartial
+
+        function template(templateSpec, env) {
+            if (!env) {
+                throw new Error("No environment passed to template");
+            }
+
+            // Note: Using env.VM references rather than local var references throughout this section to allow
+            // for external users to override these as psuedo-supported APIs.
+            var invokePartialWrapper = function(partial, name, context, helpers, partials, data) {
+                var result = env.VM.invokePartial.apply(this, arguments);
+                if (result != null) { return result; }
+
+                if (env.compile) {
+                    var options = { helpers: helpers, partials: partials, data: data };
+                    partials[name] = env.compile(partial, { data: data !== undefined }, env);
+                    return partials[name](context, options);
+                } else {
+                    throw new Exception("The partial " + name + " could not be compiled when running in runtime-only mode");
+                }
+            };
+
+            // Just add water
+            var container = {
+                escapeExpression: Utils.escapeExpression,
+                invokePartial: invokePartialWrapper,
+                programs: [],
+                program: function(i, fn, data) {
+                    var programWrapper = this.programs[i];
+                    if(data) {
+                        programWrapper = program(i, fn, data);
+                    } else if (!programWrapper) {
+                        programWrapper = this.programs[i] = program(i, fn);
+                    }
+                    return programWrapper;
+                },
+                merge: function(param, common) {
+                    var ret = param || common;
+
+                    if (param && common && (param !== common)) {
+                        ret = {};
+                        Utils.extend(ret, common);
+                        Utils.extend(ret, param);
+                    }
+                    return ret;
+                },
+                programWithDepth: env.VM.programWithDepth,
+                noop: env.VM.noop,
+                compilerInfo: null
+            };
+
+            return function(context, options) {
+                options = options || {};
+                var namespace = options.partial ? options : env,
+                    helpers,
+                    partials;
+
+                if (!options.partial) {
+                    helpers = options.helpers;
+                    partials = options.partials;
+                }
+                var result = templateSpec.call(
+                    container,
+                    namespace, context,
+                    helpers,
+                    partials,
+                    options.data);
+
+                if (!options.partial) {
+                    env.VM.checkRevision(container.compilerInfo);
+                }
+
+                return result;
+            };
+        }
+
+        __exports__.template = template;function programWithDepth(i, fn, data /*, $depth */) {
+            var args = Array.prototype.slice.call(arguments, 3);
+
+            var prog = function(context, options) {
+                options = options || {};
+
+                return fn.apply(this, [context, options.data || data].concat(args));
+            };
+            prog.program = i;
+            prog.depth = args.length;
+            return prog;
+        }
+
+        __exports__.programWithDepth = programWithDepth;function program(i, fn, data) {
+            var prog = function(context, options) {
+                options = options || {};
+
+                return fn(context, options.data || data);
+            };
+            prog.program = i;
+            prog.depth = 0;
+            return prog;
+        }
+
+        __exports__.program = program;function invokePartial(partial, name, context, helpers, partials, data) {
+            var options = { partial: true, helpers: helpers, partials: partials, data: data };
+
+            if(partial === undefined) {
+                throw new Exception("The partial " + name + " could not be found");
+            } else if(partial instanceof Function) {
+                return partial(context, options);
+            }
+        }
+
+        __exports__.invokePartial = invokePartial;function noop() { return ""; }
+
+        __exports__.noop = noop;
+        return __exports__;
+    })(__module3__, __module5__, __module2__);
+
+// handlebars.runtime.js
+    var __module1__ = (function(__dependency1__, __dependency2__, __dependency3__, __dependency4__, __dependency5__) {
+        "use strict";
+        var __exports__;
+        /*globals Handlebars: true */
+        var base = __dependency1__;
+
+        // Each of these augment the Handlebars object. No need to setup here.
+        // (This is done to easily share code between commonjs and browse envs)
+        var SafeString = __dependency2__;
+        var Exception = __dependency3__;
+        var Utils = __dependency4__;
+        var runtime = __dependency5__;
+
+        // For compatibility and usage outside of module systems, make the Handlebars object a namespace
+        var create = function() {
+            var hb = new base.HandlebarsEnvironment();
+
+            Utils.extend(hb, base);
+            hb.SafeString = SafeString;
+            hb.Exception = Exception;
+            hb.Utils = Utils;
+
+            hb.VM = runtime;
+            hb.template = function(spec) {
+                return runtime.template(spec, hb);
+            };
+
+            return hb;
+        };
+
+        var Handlebars = create();
+        Handlebars.create = create;
+
+        __exports__ = Handlebars;
+        return __exports__;
+    })(__module2__, __module4__, __module5__, __module3__, __module6__);
+
+// handlebars/compiler/ast.js
+    var __module7__ = (function(__dependency1__) {
+        "use strict";
+        var __exports__;
+        var Exception = __dependency1__;
+
+        var AST = {
+            ProgramNode: function(statements, inverseStrip, inverse) {
+                this.type = "program";
+                this.statements = statements;
+                this.strip = {};
+
+                if(inverse) {
+                    this.inverse = new AST.ProgramNode(inverse, inverseStrip);
+                    this.strip.right = inverseStrip.left;
+                } else if (inverseStrip) {
+                    this.strip.left = inverseStrip.right;
+                }
+            },
+
+            MustacheNode: function(rawParams, hash, open, strip) {
+                this.type = "mustache";
+                this.hash = hash;
+                this.strip = strip;
+
+                // Open may be a string parsed from the parser or a passed boolean flag
+                if (open != null && open.charAt) {
+                    // Must use charAt to support IE pre-10
+                    var escapeFlag = open.charAt(3) || open.charAt(2);
+                    this.escaped = escapeFlag !== '{' && escapeFlag !== '&';
+                } else {
+                    this.escaped = !!open;
+                }
+
+                var id = this.id = rawParams[0];
+                var params = this.params = rawParams.slice(1);
+
+                // a mustache is an eligible helper if:
+                // * its id is simple (a single part, not `this` or `..`)
+                var eligibleHelper = this.eligibleHelper = id.isSimple;
+
+                // a mustache is definitely a helper if:
+                // * it is an eligible helper, and
+                // * it has at least one parameter or hash segment
+                this.isHelper = eligibleHelper && (params.length || hash);
+
+                // if a mustache is an eligible helper but not a definite
+                // helper, it is ambiguous, and will be resolved in a later
+                // pass or at runtime.
+            },
+
+            PartialNode: function(partialName, context, strip) {
+                this.type         = "partial";
+                this.partialName  = partialName;
+                this.context      = context;
+                this.strip = strip;
+            },
+
+            BlockNode: function(mustache, program, inverse, close) {
+                if(mustache.id.original !== close.path.original) {
+                    throw new Exception(mustache.id.original + " doesn't match " + close.path.original);
+                }
+
+                this.type = "block";
+                this.mustache = mustache;
+                this.program  = program;
+                this.inverse  = inverse;
+
+                this.strip = {
+                    left: mustache.strip.left,
+                    right: close.strip.right
+                };
+
+                (program || inverse).strip.left = mustache.strip.right;
+                (inverse || program).strip.right = close.strip.left;
+
+                if (inverse && !program) {
+                    this.isInverse = true;
+                }
+            },
+
+            ContentNode: function(string) {
+                this.type = "content";
+                this.string = string;
+            },
+
+            HashNode: function(pairs) {
+                this.type = "hash";
+                this.pairs = pairs;
+            },
+
+            IdNode: function(parts) {
+                this.type = "ID";
+
+                var original = "",
+                    dig = [],
+                    depth = 0;
+
+                for(var i=0,l=parts.length; i<l; i++) {
+                    var part = parts[i].part;
+                    original += (parts[i].separator || '') + part;
+
+                    if (part === ".." || part === "." || part === "this") {
+                        if (dig.length > 0) { throw new Exception("Invalid path: " + original); }
+                        else if (part === "..") { depth++; }
+                        else { this.isScoped = true; }
+                    }
+                    else { dig.push(part); }
+                }
+
+                this.original = original;
+                this.parts    = dig;
+                this.string   = dig.join('.');
+                this.depth    = depth;
+
+                // an ID is simple if it only has one part, and that part is not
+                // `..` or `this`.
+                this.isSimple = parts.length === 1 && !this.isScoped && depth === 0;
+
+                this.stringModeValue = this.string;
+            },
+
+            PartialNameNode: function(name) {
+                this.type = "PARTIAL_NAME";
+                this.name = name.original;
+            },
+
+            DataNode: function(id) {
+                this.type = "DATA";
+                this.id = id;
+            },
+
+            StringNode: function(string) {
+                this.type = "STRING";
+                this.original =
+                    this.string =
+                        this.stringModeValue = string;
+            },
+
+            IntegerNode: function(integer) {
+                this.type = "INTEGER";
+                this.original =
+                    this.integer = integer;
+                this.stringModeValue = Number(integer);
+            },
+
+            BooleanNode: function(bool) {
+                this.type = "BOOLEAN";
+                this.bool = bool;
+                this.stringModeValue = bool === "true";
+            },
+
+            CommentNode: function(comment) {
+                this.type = "comment";
+                this.comment = comment;
+            }
+        };
+
+        // Must be exported as an object rather than the root of the module as the jison lexer
+        // most modify the object to operate properly.
+        __exports__ = AST;
+        return __exports__;
+    })(__module5__);
+
+// handlebars/compiler/parser.js
+    var __module9__ = (function() {
+        "use strict";
+        var __exports__;
+        /* jshint ignore:start */
+        /* Jison generated parser */
+        var handlebars = (function(){
+            var parser = {trace: function trace() { },
+                yy: {},
+                symbols_: {"error":2,"root":3,"statements":4,"EOF":5,"program":6,"simpleInverse":7,"statement":8,"openInverse":9,"closeBlock":10,"openBlock":11,"mustache":12,"partial":13,"CONTENT":14,"COMMENT":15,"OPEN_BLOCK":16,"inMustache":17,"CLOSE":18,"OPEN_INVERSE":19,"OPEN_ENDBLOCK":20,"path":21,"OPEN":22,"OPEN_UNESCAPED":23,"CLOSE_UNESCAPED":24,"OPEN_PARTIAL":25,"partialName":26,"partial_option0":27,"inMustache_repetition0":28,"inMustache_option0":29,"dataName":30,"param":31,"STRING":32,"INTEGER":33,"BOOLEAN":34,"hash":35,"hash_repetition_plus0":36,"hashSegment":37,"ID":38,"EQUALS":39,"DATA":40,"pathSegments":41,"SEP":42,"$accept":0,"$end":1},
+                terminals_: {2:"error",5:"EOF",14:"CONTENT",15:"COMMENT",16:"OPEN_BLOCK",18:"CLOSE",19:"OPEN_INVERSE",20:"OPEN_ENDBLOCK",22:"OPEN",23:"OPEN_UNESCAPED",24:"CLOSE_UNESCAPED",25:"OPEN_PARTIAL",32:"STRING",33:"INTEGER",34:"BOOLEAN",38:"ID",39:"EQUALS",40:"DATA",42:"SEP"},
+                productions_: [0,[3,2],[3,1],[6,2],[6,3],[6,2],[6,1],[6,1],[6,0],[4,1],[4,2],[8,3],[8,3],[8,1],[8,1],[8,1],[8,1],[11,3],[9,3],[10,3],[12,3],[12,3],[13,4],[7,2],[17,3],[17,1],[31,1],[31,1],[31,1],[31,1],[31,1],[35,1],[37,3],[26,1],[26,1],[26,1],[30,2],[21,1],[41,3],[41,1],[27,0],[27,1],[28,0],[28,2],[29,0],[29,1],[36,1],[36,2]],
+                performAction: function anonymous(yytext,yyleng,yylineno,yy,yystate,$$,_$) {
+
+                    var $0 = $$.length - 1;
+                    switch (yystate) {
+                        case 1: return new yy.ProgramNode($$[$0-1]);
+                            break;
+                        case 2: return new yy.ProgramNode([]);
+                            break;
+                        case 3:this.$ = new yy.ProgramNode([], $$[$0-1], $$[$0]);
+                            break;
+                        case 4:this.$ = new yy.ProgramNode($$[$0-2], $$[$0-1], $$[$0]);
+                            break;
+                        case 5:this.$ = new yy.ProgramNode($$[$0-1], $$[$0], []);
+                            break;
+                        case 6:this.$ = new yy.ProgramNode($$[$0]);
+                            break;
+                        case 7:this.$ = new yy.ProgramNode([]);
+                            break;
+                        case 8:this.$ = new yy.ProgramNode([]);
+                            break;
+                        case 9:this.$ = [$$[$0]];
+                            break;
+                        case 10: $$[$0-1].push($$[$0]); this.$ = $$[$0-1];
+                            break;
+                        case 11:this.$ = new yy.BlockNode($$[$0-2], $$[$0-1].inverse, $$[$0-1], $$[$0]);
+                            break;
+                        case 12:this.$ = new yy.BlockNode($$[$0-2], $$[$0-1], $$[$0-1].inverse, $$[$0]);
+                            break;
+                        case 13:this.$ = $$[$0];
+                            break;
+                        case 14:this.$ = $$[$0];
+                            break;
+                        case 15:this.$ = new yy.ContentNode($$[$0]);
+                            break;
+                        case 16:this.$ = new yy.CommentNode($$[$0]);
+                            break;
+                        case 17:this.$ = new yy.MustacheNode($$[$0-1][0], $$[$0-1][1], $$[$0-2], stripFlags($$[$0-2], $$[$0]));
+                            break;
+                        case 18:this.$ = new yy.MustacheNode($$[$0-1][0], $$[$0-1][1], $$[$0-2], stripFlags($$[$0-2], $$[$0]));
+                            break;
+                        case 19:this.$ = {path: $$[$0-1], strip: stripFlags($$[$0-2], $$[$0])};
+                            break;
+                        case 20:this.$ = new yy.MustacheNode($$[$0-1][0], $$[$0-1][1], $$[$0-2], stripFlags($$[$0-2], $$[$0]));
+                            break;
+                        case 21:this.$ = new yy.MustacheNode($$[$0-1][0], $$[$0-1][1], $$[$0-2], stripFlags($$[$0-2], $$[$0]));
+                            break;
+                        case 22:this.$ = new yy.PartialNode($$[$0-2], $$[$0-1], stripFlags($$[$0-3], $$[$0]));
+                            break;
+                        case 23:this.$ = stripFlags($$[$0-1], $$[$0]);
+                            break;
+                        case 24:this.$ = [[$$[$0-2]].concat($$[$0-1]), $$[$0]];
+                            break;
+                        case 25:this.$ = [[$$[$0]], null];
+                            break;
+                        case 26:this.$ = $$[$0];
+                            break;
+                        case 27:this.$ = new yy.StringNode($$[$0]);
+                            break;
+                        case 28:this.$ = new yy.IntegerNode($$[$0]);
+                            break;
+                        case 29:this.$ = new yy.BooleanNode($$[$0]);
+                            break;
+                        case 30:this.$ = $$[$0];
+                            break;
+                        case 31:this.$ = new yy.HashNode($$[$0]);
+                            break;
+                        case 32:this.$ = [$$[$0-2], $$[$0]];
+                            break;
+                        case 33:this.$ = new yy.PartialNameNode($$[$0]);
+                            break;
+                        case 34:this.$ = new yy.PartialNameNode(new yy.StringNode($$[$0]));
+                            break;
+                        case 35:this.$ = new yy.PartialNameNode(new yy.IntegerNode($$[$0]));
+                            break;
+                        case 36:this.$ = new yy.DataNode($$[$0]);
+                            break;
+                        case 37:this.$ = new yy.IdNode($$[$0]);
+                            break;
+                        case 38: $$[$0-2].push({part: $$[$0], separator: $$[$0-1]}); this.$ = $$[$0-2];
+                            break;
+                        case 39:this.$ = [{part: $$[$0]}];
+                            break;
+                        case 42:this.$ = [];
+                            break;
+                        case 43:$$[$0-1].push($$[$0]);
+                            break;
+                        case 46:this.$ = [$$[$0]];
+                            break;
+                        case 47:$$[$0-1].push($$[$0]);
+                            break;
+                    }
+                },
+                table: [{3:1,4:2,5:[1,3],8:4,9:5,11:6,12:7,13:8,14:[1,9],15:[1,10],16:[1,12],19:[1,11],22:[1,13],23:[1,14],25:[1,15]},{1:[3]},{5:[1,16],8:17,9:5,11:6,12:7,13:8,14:[1,9],15:[1,10],16:[1,12],19:[1,11],22:[1,13],23:[1,14],25:[1,15]},{1:[2,2]},{5:[2,9],14:[2,9],15:[2,9],16:[2,9],19:[2,9],20:[2,9],22:[2,9],23:[2,9],25:[2,9]},{4:20,6:18,7:19,8:4,9:5,11:6,12:7,13:8,14:[1,9],15:[1,10],16:[1,12],19:[1,21],20:[2,8],22:[1,13],23:[1,14],25:[1,15]},{4:20,6:22,7:19,8:4,9:5,11:6,12:7,13:8,14:[1,9],15:[1,10],16:[1,12],19:[1,21],20:[2,8],22:[1,13],23:[1,14],25:[1,15]},{5:[2,13],14:[2,13],15:[2,13],16:[2,13],19:[2,13],20:[2,13],22:[2,13],23:[2,13],25:[2,13]},{5:[2,14],14:[2,14],15:[2,14],16:[2,14],19:[2,14],20:[2,14],22:[2,14],23:[2,14],25:[2,14]},{5:[2,15],14:[2,15],15:[2,15],16:[2,15],19:[2,15],20:[2,15],22:[2,15],23:[2,15],25:[2,15]},{5:[2,16],14:[2,16],15:[2,16],16:[2,16],19:[2,16],20:[2,16],22:[2,16],23:[2,16],25:[2,16]},{17:23,21:24,30:25,38:[1,28],40:[1,27],41:26},{17:29,21:24,30:25,38:[1,28],40:[1,27],41:26},{17:30,21:24,30:25,38:[1,28],40:[1,27],41:26},{17:31,21:24,30:25,38:[1,28],40:[1,27],41:26},{21:33,26:32,32:[1,34],33:[1,35],38:[1,28],41:26},{1:[2,1]},{5:[2,10],14:[2,10],15:[2,10],16:[2,10],19:[2,10],20:[2,10],22:[2,10],23:[2,10],25:[2,10]},{10:36,20:[1,37]},{4:38,8:4,9:5,11:6,12:7,13:8,14:[1,9],15:[1,10],16:[1,12],19:[1,11],20:[2,7],22:[1,13],23:[1,14],25:[1,15]},{7:39,8:17,9:5,11:6,12:7,13:8,14:[1,9],15:[1,10],16:[1,12],19:[1,21],20:[2,6],22:[1,13],23:[1,14],25:[1,15]},{17:23,18:[1,40],21:24,30:25,38:[1,28],40:[1,27],41:26},{10:41,20:[1,37]},{18:[1,42]},{18:[2,42],24:[2,42],28:43,32:[2,42],33:[2,42],34:[2,42],38:[2,42],40:[2,42]},{18:[2,25],24:[2,25]},{18:[2,37],24:[2,37],32:[2,37],33:[2,37],34:[2,37],38:[2,37],40:[2,37],42:[1,44]},{21:45,38:[1,28],41:26},{18:[2,39],24:[2,39],32:[2,39],33:[2,39],34:[2,39],38:[2,39],40:[2,39],42:[2,39]},{18:[1,46]},{18:[1,47]},{24:[1,48]},{18:[2,40],21:50,27:49,38:[1,28],41:26},{18:[2,33],38:[2,33]},{18:[2,34],38:[2,34]},{18:[2,35],38:[2,35]},{5:[2,11],14:[2,11],15:[2,11],16:[2,11],19:[2,11],20:[2,11],22:[2,11],23:[2,11],25:[2,11]},{21:51,38:[1,28],41:26},{8:17,9:5,11:6,12:7,13:8,14:[1,9],15:[1,10],16:[1,12],19:[1,11],20:[2,3],22:[1,13],23:[1,14],25:[1,15]},{4:52,8:4,9:5,11:6,12:7,13:8,14:[1,9],15:[1,10],16:[1,12],19:[1,11],20:[2,5],22:[1,13],23:[1,14],25:[1,15]},{14:[2,23],15:[2,23],16:[2,23],19:[2,23],20:[2,23],22:[2,23],23:[2,23],25:[2,23]},{5:[2,12],14:[2,12],15:[2,12],16:[2,12],19:[2,12],20:[2,12],22:[2,12],23:[2,12],25:[2,12]},{14:[2,18],15:[2,18],16:[2,18],19:[2,18],20:[2,18],22:[2,18],23:[2,18],25:[2,18]},{18:[2,44],21:56,24:[2,44],29:53,30:60,31:54,32:[1,57],33:[1,58],34:[1,59],35:55,36:61,37:62,38:[1,63],40:[1,27],41:26},{38:[1,64]},{18:[2,36],24:[2,36],32:[2,36],33:[2,36],34:[2,36],38:[2,36],40:[2,36]},{14:[2,17],15:[2,17],16:[2,17],19:[2,17],20:[2,17],22:[2,17],23:[2,17],25:[2,17]},{5:[2,20],14:[2,20],15:[2,20],16:[2,20],19:[2,20],20:[2,20],22:[2,20],23:[2,20],25:[2,20]},{5:[2,21],14:[2,21],15:[2,21],16:[2,21],19:[2,21],20:[2,21],22:[2,21],23:[2,21],25:[2,21]},{18:[1,65]},{18:[2,41]},{18:[1,66]},{8:17,9:5,11:6,12:7,13:8,14:[1,9],15:[1,10],16:[1,12],19:[1,11],20:[2,4],22:[1,13],23:[1,14],25:[1,15]},{18:[2,24],24:[2,24]},{18:[2,43],24:[2,43],32:[2,43],33:[2,43],34:[2,43],38:[2,43],40:[2,43]},{18:[2,45],24:[2,45]},{18:[2,26],24:[2,26],32:[2,26],33:[2,26],34:[2,26],38:[2,26],40:[2,26]},{18:[2,27],24:[2,27],32:[2,27],33:[2,27],34:[2,27],38:[2,27],40:[2,27]},{18:[2,28],24:[2,28],32:[2,28],33:[2,28],34:[2,28],38:[2,28],40:[2,28]},{18:[2,29],24:[2,29],32:[2,29],33:[2,29],34:[2,29],38:[2,29],40:[2,29]},{18:[2,30],24:[2,30],32:[2,30],33:[2,30],34:[2,30],38:[2,30],40:[2,30]},{18:[2,31],24:[2,31],37:67,38:[1,68]},{18:[2,46],24:[2,46],38:[2,46]},{18:[2,39],24:[2,39],32:[2,39],33:[2,39],34:[2,39],38:[2,39],39:[1,69],40:[2,39],42:[2,39]},{18:[2,38],24:[2,38],32:[2,38],33:[2,38],34:[2,38],38:[2,38],40:[2,38],42:[2,38]},{5:[2,22],14:[2,22],15:[2,22],16:[2,22],19:[2,22],20:[2,22],22:[2,22],23:[2,22],25:[2,22]},{5:[2,19],14:[2,19],15:[2,19],16:[2,19],19:[2,19],20:[2,19],22:[2,19],23:[2,19],25:[2,19]},{18:[2,47],24:[2,47],38:[2,47]},{39:[1,69]},{21:56,30:60,31:70,32:[1,57],33:[1,58],34:[1,59],38:[1,28],40:[1,27],41:26},{18:[2,32],24:[2,32],38:[2,32]}],
+                defaultActions: {3:[2,2],16:[2,1],50:[2,41]},
+                parseError: function parseError(str, hash) {
+                    throw new Error(str);
+                },
+                parse: function parse(input) {
+                    var self = this, stack = [0], vstack = [null], lstack = [], table = this.table, yytext = "", yylineno = 0, yyleng = 0, recovering = 0, TERROR = 2, EOF = 1;
+                    this.lexer.setInput(input);
+                    this.lexer.yy = this.yy;
+                    this.yy.lexer = this.lexer;
+                    this.yy.parser = this;
+                    if (typeof this.lexer.yylloc == "undefined")
+                        this.lexer.yylloc = {};
+                    var yyloc = this.lexer.yylloc;
+                    lstack.push(yyloc);
+                    var ranges = this.lexer.options && this.lexer.options.ranges;
+                    if (typeof this.yy.parseError === "function")
+                        this.parseError = this.yy.parseError;
+                    function popStack(n) {
+                        stack.length = stack.length - 2 * n;
+                        vstack.length = vstack.length - n;
+                        lstack.length = lstack.length - n;
+                    }
+                    function lex() {
+                        var token;
+                        token = self.lexer.lex() || 1;
+                        if (typeof token !== "number") {
+                            token = self.symbols_[token] || token;
+                        }
+                        return token;
+                    }
+                    var symbol, preErrorSymbol, state, action, a, r, yyval = {}, p, len, newState, expected;
+                    while (true) {
+                        state = stack[stack.length - 1];
+                        if (this.defaultActions[state]) {
+                            action = this.defaultActions[state];
+                        } else {
+                            if (symbol === null || typeof symbol == "undefined") {
+                                symbol = lex();
+                            }
+                            action = table[state] && table[state][symbol];
+                        }
+                        if (typeof action === "undefined" || !action.length || !action[0]) {
+                            var errStr = "";
+                            if (!recovering) {
+                                expected = [];
+                                for (p in table[state])
+                                    if (this.terminals_[p] && p > 2) {
+                                        expected.push("'" + this.terminals_[p] + "'");
+                                    }
+                                if (this.lexer.showPosition) {
+                                    errStr = "Parse error on line " + (yylineno + 1) + ":\n" + this.lexer.showPosition() + "\nExpecting " + expected.join(", ") + ", got '" + (this.terminals_[symbol] || symbol) + "'";
+                                } else {
+                                    errStr = "Parse error on line " + (yylineno + 1) + ": Unexpected " + (symbol == 1?"end of input":"'" + (this.terminals_[symbol] || symbol) + "'");
+                                }
+                                this.parseError(errStr, {text: this.lexer.match, token: this.terminals_[symbol] || symbol, line: this.lexer.yylineno, loc: yyloc, expected: expected});
+                            }
+                        }
+                        if (action[0] instanceof Array && action.length > 1) {
+                            throw new Error("Parse Error: multiple actions possible at state: " + state + ", token: " + symbol);
+                        }
+                        switch (action[0]) {
+                            case 1:
+                                stack.push(symbol);
+                                vstack.push(this.lexer.yytext);
+                                lstack.push(this.lexer.yylloc);
+                                stack.push(action[1]);
+                                symbol = null;
+                                if (!preErrorSymbol) {
+                                    yyleng = this.lexer.yyleng;
+                                    yytext = this.lexer.yytext;
+                                    yylineno = this.lexer.yylineno;
+                                    yyloc = this.lexer.yylloc;
+                                    if (recovering > 0)
+                                        recovering--;
+                                } else {
+                                    symbol = preErrorSymbol;
+                                    preErrorSymbol = null;
+                                }
+                                break;
+                            case 2:
+                                len = this.productions_[action[1]][1];
+                                yyval.$ = vstack[vstack.length - len];
+                                yyval._$ = {first_line: lstack[lstack.length - (len || 1)].first_line, last_line: lstack[lstack.length - 1].last_line, first_column: lstack[lstack.length - (len || 1)].first_column, last_column: lstack[lstack.length - 1].last_column};
+                                if (ranges) {
+                                    yyval._$.range = [lstack[lstack.length - (len || 1)].range[0], lstack[lstack.length - 1].range[1]];
+                                }
+                                r = this.performAction.call(yyval, yytext, yyleng, yylineno, this.yy, action[1], vstack, lstack);
+                                if (typeof r !== "undefined") {
+                                    return r;
+                                }
+                                if (len) {
+                                    stack = stack.slice(0, -1 * len * 2);
+                                    vstack = vstack.slice(0, -1 * len);
+                                    lstack = lstack.slice(0, -1 * len);
+                                }
+                                stack.push(this.productions_[action[1]][0]);
+                                vstack.push(yyval.$);
+                                lstack.push(yyval._$);
+                                newState = table[stack[stack.length - 2]][stack[stack.length - 1]];
+                                stack.push(newState);
+                                break;
+                            case 3:
+                                return true;
+                        }
+                    }
+                    return true;
+                }
+            };
+
+
+            function stripFlags(open, close) {
+                return {
+                    left: open.charAt(2) === '~',
+                    right: close.charAt(0) === '~' || close.charAt(1) === '~'
+                };
+            }
+
+            /* Jison generated lexer */
+            var lexer = (function(){
+                var lexer = ({EOF:1,
+                    parseError:function parseError(str, hash) {
+                        if (this.yy.parser) {
+                            this.yy.parser.parseError(str, hash);
+                        } else {
+                            throw new Error(str);
+                        }
+                    },
+                    setInput:function (input) {
+                        this._input = input;
+                        this._more = this._less = this.done = false;
+                        this.yylineno = this.yyleng = 0;
+                        this.yytext = this.matched = this.match = '';
+                        this.conditionStack = ['INITIAL'];
+                        this.yylloc = {first_line:1,first_column:0,last_line:1,last_column:0};
+                        if (this.options.ranges) this.yylloc.range = [0,0];
+                        this.offset = 0;
+                        return this;
+                    },
+                    input:function () {
+                        var ch = this._input[0];
+                        this.yytext += ch;
+                        this.yyleng++;
+                        this.offset++;
+                        this.match += ch;
+                        this.matched += ch;
+                        var lines = ch.match(/(?:\r\n?|\n).*/g);
+                        if (lines) {
+                            this.yylineno++;
+                            this.yylloc.last_line++;
+                        } else {
+                            this.yylloc.last_column++;
+                        }
+                        if (this.options.ranges) this.yylloc.range[1]++;
+
+                        this._input = this._input.slice(1);
+                        return ch;
+                    },
+                    unput:function (ch) {
+                        var len = ch.length;
+                        var lines = ch.split(/(?:\r\n?|\n)/g);
+
+                        this._input = ch + this._input;
+                        this.yytext = this.yytext.substr(0, this.yytext.length-len-1);
+                        //this.yyleng -= len;
+                        this.offset -= len;
+                        var oldLines = this.match.split(/(?:\r\n?|\n)/g);
+                        this.match = this.match.substr(0, this.match.length-1);
+                        this.matched = this.matched.substr(0, this.matched.length-1);
+
+                        if (lines.length-1) this.yylineno -= lines.length-1;
+                        var r = this.yylloc.range;
+
+                        this.yylloc = {first_line: this.yylloc.first_line,
+                            last_line: this.yylineno+1,
+                            first_column: this.yylloc.first_column,
+                            last_column: lines ?
+                                (lines.length === oldLines.length ? this.yylloc.first_column : 0) + oldLines[oldLines.length - lines.length].length - lines[0].length:
+                                this.yylloc.first_column - len
+                        };
+
+                        if (this.options.ranges) {
+                            this.yylloc.range = [r[0], r[0] + this.yyleng - len];
+                        }
+                        return this;
+                    },
+                    more:function () {
+                        this._more = true;
+                        return this;
+                    },
+                    less:function (n) {
+                        this.unput(this.match.slice(n));
+                    },
+                    pastInput:function () {
+                        var past = this.matched.substr(0, this.matched.length - this.match.length);
+                        return (past.length > 20 ? '...':'') + past.substr(-20).replace(/\n/g, "");
+                    },
+                    upcomingInput:function () {
+                        var next = this.match;
+                        if (next.length < 20) {
+                            next += this._input.substr(0, 20-next.length);
+                        }
+                        return (next.substr(0,20)+(next.length > 20 ? '...':'')).replace(/\n/g, "");
+                    },
+                    showPosition:function () {
+                        var pre = this.pastInput();
+                        var c = new Array(pre.length + 1).join("-");
+                        return pre + this.upcomingInput() + "\n" + c+"^";
+                    },
+                    next:function () {
+                        if (this.done) {
+                            return this.EOF;
+                        }
+                        if (!this._input) this.done = true;
+
+                        var token,
+                            match,
+                            tempMatch,
+                            index,
+                            col,
+                            lines;
+                        if (!this._more) {
+                            this.yytext = '';
+                            this.match = '';
+                        }
+                        var rules = this._currentRules();
+                        for (var i=0;i < rules.length; i++) {
+                            tempMatch = this._input.match(this.rules[rules[i]]);
+                            if (tempMatch && (!match || tempMatch[0].length > match[0].length)) {
+                                match = tempMatch;
+                                index = i;
+                                if (!this.options.flex) break;
+                            }
+                        }
+                        if (match) {
+                            lines = match[0].match(/(?:\r\n?|\n).*/g);
+                            if (lines) this.yylineno += lines.length;
+                            this.yylloc = {first_line: this.yylloc.last_line,
+                                last_line: this.yylineno+1,
+                                first_column: this.yylloc.last_column,
+                                last_column: lines ? lines[lines.length-1].length-lines[lines.length-1].match(/\r?\n?/)[0].length : this.yylloc.last_column + match[0].length};
+                            this.yytext += match[0];
+                            this.match += match[0];
+                            this.matches = match;
+                            this.yyleng = this.yytext.length;
+                            if (this.options.ranges) {
+                                this.yylloc.range = [this.offset, this.offset += this.yyleng];
+                            }
+                            this._more = false;
+                            this._input = this._input.slice(match[0].length);
+                            this.matched += match[0];
+                            token = this.performAction.call(this, this.yy, this, rules[index],this.conditionStack[this.conditionStack.length-1]);
+                            if (this.done && this._input) this.done = false;
+                            if (token) return token;
+                            else return;
+                        }
+                        if (this._input === "") {
+                            return this.EOF;
+                        } else {
+                            return this.parseError('Lexical error on line '+(this.yylineno+1)+'. Unrecognized text.\n'+this.showPosition(),
+                                {text: "", token: null, line: this.yylineno});
+                        }
+                    },
+                    lex:function lex() {
+                        var r = this.next();
+                        if (typeof r !== 'undefined') {
+                            return r;
+                        } else {
+                            return this.lex();
+                        }
+                    },
+                    begin:function begin(condition) {
+                        this.conditionStack.push(condition);
+                    },
+                    popState:function popState() {
+                        return this.conditionStack.pop();
+                    },
+                    _currentRules:function _currentRules() {
+                        return this.conditions[this.conditionStack[this.conditionStack.length-1]].rules;
+                    },
+                    topState:function () {
+                        return this.conditionStack[this.conditionStack.length-2];
+                    },
+                    pushState:function begin(condition) {
+                        this.begin(condition);
+                    }});
+                lexer.options = {};
+                lexer.performAction = function anonymous(yy,yy_,$avoiding_name_collisions,YY_START) {
+
+
+                    function strip(start, end) {
+                        return yy_.yytext = yy_.yytext.substr(start, yy_.yyleng-end);
+                    }
+
+
+                    var YYSTATE=YY_START
+                    switch($avoiding_name_collisions) {
+                        case 0:
+                            if(yy_.yytext.slice(-2) === "\\\\") {
+                                strip(0,1);
+                                this.begin("mu");
+                            } else if(yy_.yytext.slice(-1) === "\\") {
+                                strip(0,1);
+                                this.begin("emu");
+                            } else {
+                                this.begin("mu");
+                            }
+                            if(yy_.yytext) return 14;
+
+                            break;
+                        case 1:return 14;
+                            break;
+                        case 2:
+                            this.popState();
+                            return 14;
+
+                            break;
+                        case 3:strip(0,4); this.popState(); return 15;
+                            break;
+                        case 4:return 25;
+                            break;
+                        case 5:return 16;
+                            break;
+                        case 6:return 20;
+                            break;
+                        case 7:return 19;
+                            break;
+                        case 8:return 19;
+                            break;
+                        case 9:return 23;
+                            break;
+                        case 10:return 22;
+                            break;
+                        case 11:this.popState(); this.begin('com');
+                            break;
+                        case 12:strip(3,5); this.popState(); return 15;
+                            break;
+                        case 13:return 22;
+                            break;
+                        case 14:return 39;
+                            break;
+                        case 15:return 38;
+                            break;
+                        case 16:return 38;
+                            break;
+                        case 17:return 42;
+                            break;
+                        case 18:// ignore whitespace
+                            break;
+                        case 19:this.popState(); return 24;
+                            break;
+                        case 20:this.popState(); return 18;
+                            break;
+                        case 21:yy_.yytext = strip(1,2).replace(/\\"/g,'"'); return 32;
+                            break;
+                        case 22:yy_.yytext = strip(1,2).replace(/\\'/g,"'"); return 32;
+                            break;
+                        case 23:return 40;
+                            break;
+                        case 24:return 34;
+                            break;
+                        case 25:return 34;
+                            break;
+                        case 26:return 33;
+                            break;
+                        case 27:return 38;
+                            break;
+                        case 28:yy_.yytext = strip(1,2); return 38;
+                            break;
+                        case 29:return 'INVALID';
+                            break;
+                        case 30:return 5;
+                            break;
+                    }
+                };
+                lexer.rules = [/^(?:[^\x00]*?(?=(\{\{)))/,/^(?:[^\x00]+)/,/^(?:[^\x00]{2,}?(?=(\{\{|\\\{\{|\\\\\{\{|$)))/,/^(?:[\s\S]*?--\}\})/,/^(?:\{\{(~)?>)/,/^(?:\{\{(~)?#)/,/^(?:\{\{(~)?\/)/,/^(?:\{\{(~)?\^)/,/^(?:\{\{(~)?\s*else\b)/,/^(?:\{\{(~)?\{)/,/^(?:\{\{(~)?&)/,/^(?:\{\{!--)/,/^(?:\{\{![\s\S]*?\}\})/,/^(?:\{\{(~)?)/,/^(?:=)/,/^(?:\.\.)/,/^(?:\.(?=([=~}\s\/.])))/,/^(?:[\/.])/,/^(?:\s+)/,/^(?:\}(~)?\}\})/,/^(?:(~)?\}\})/,/^(?:"(\\["]|[^"])*")/,/^(?:'(\\[']|[^'])*')/,/^(?:@)/,/^(?:true(?=([~}\s])))/,/^(?:false(?=([~}\s])))/,/^(?:-?[0-9]+(?=([~}\s])))/,/^(?:([^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=([=~}\s\/.]))))/,/^(?:\[[^\]]*\])/,/^(?:.)/,/^(?:$)/];
+                lexer.conditions = {"mu":{"rules":[4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30],"inclusive":false},"emu":{"rules":[2],"inclusive":false},"com":{"rules":[3],"inclusive":false},"INITIAL":{"rules":[0,1,30],"inclusive":true}};
+                return lexer;})()
+            parser.lexer = lexer;
+            function Parser () { this.yy = {}; }Parser.prototype = parser;parser.Parser = Parser;
+            return new Parser;
+        })();__exports__ = handlebars;
+        /* jshint ignore:end */
+        return __exports__;
+    })();
+
+// handlebars/compiler/base.js
+    var __module8__ = (function(__dependency1__, __dependency2__) {
+        "use strict";
+        var __exports__ = {};
+        var parser = __dependency1__;
+        var AST = __dependency2__;
+
+        __exports__.parser = parser;
+
+        function parse(input) {
+            // Just return if an already-compile AST was passed in.
+            if(input.constructor === AST.ProgramNode) { return input; }
+
+            parser.yy = AST;
+            return parser.parse(input);
+        }
+
+        __exports__.parse = parse;
+        return __exports__;
+    })(__module9__, __module7__);
+
+// handlebars/compiler/javascript-compiler.js
+    var __module11__ = (function(__dependency1__) {
+        "use strict";
+        var __exports__;
+        var COMPILER_REVISION = __dependency1__.COMPILER_REVISION;
+        var REVISION_CHANGES = __dependency1__.REVISION_CHANGES;
+        var log = __dependency1__.log;
+
+        function Literal(value) {
+            this.value = value;
+        }
+
+        function JavaScriptCompiler() {}
+
+        JavaScriptCompiler.prototype = {
+            // PUBLIC API: You can override these methods in a subclass to provide
+            // alternative compiled forms for name lookup and buffering semantics
+            nameLookup: function(parent, name /* , type*/) {
+                var wrap,
+                    ret;
+                if (parent.indexOf('depth') === 0) {
+                    wrap = true;
+                }
+
+                if (/^[0-9]+$/.test(name)) {
+                    ret = parent + "[" + name + "]";
+                } else if (JavaScriptCompiler.isValidJavaScriptVariableName(name)) {
+                    ret = parent + "." + name;
+                }
+                else {
+                    ret = parent + "['" + name + "']";
+                }
+
+                if (wrap) {
+                    return '(' + parent + ' && ' + ret + ')';
+                } else {
+                    return ret;
+                }
+            },
+
+            compilerInfo: function() {
+                var revision = COMPILER_REVISION,
+                    versions = REVISION_CHANGES[revision];
+                return "this.compilerInfo = ["+revision+",'"+versions+"'];\n";
+            },
+
+            appendToBuffer: function(string) {
+                if (this.environment.isSimple) {
+                    return "return " + string + ";";
+                } else {
+                    return {
+                        appendToBuffer: true,
+                        content: string,
+                        toString: function() { return "buffer += " + string + ";"; }
+                    };
+                }
+            },
+
+            initializeBuffer: function() {
+                return this.quotedString("");
+            },
+
+            namespace: "Handlebars",
+            // END PUBLIC API
+
+            compile: function(environment, options, context, asObject) {
+                this.environment = environment;
+                this.options = options || {};
+
+                log('debug', this.environment.disassemble() + "\n\n");
+
+                this.name = this.environment.name;
+                this.isChild = !!context;
+                this.context = context || {
+                    programs: [],
+                    environments: [],
+                    aliases: { }
+                };
+
+                this.preamble();
+
+                this.stackSlot = 0;
+                this.stackVars = [];
+                this.registers = { list: [] };
+                this.compileStack = [];
+                this.inlineStack = [];
+
+                this.compileChildren(environment, options);
+
+                var opcodes = environment.opcodes, opcode;
+
+                this.i = 0;
+
+                for(var l=opcodes.length; this.i<l; this.i++) {
+                    opcode = opcodes[this.i];
+
+                    if(opcode.opcode === 'DECLARE') {
+                        this[opcode.name] = opcode.value;
+                    } else {
+                        this[opcode.opcode].apply(this, opcode.args);
+                    }
+
+                    // Reset the stripNext flag if it was not set by this operation.
+                    if (opcode.opcode !== this.stripNext) {
+                        this.stripNext = false;
+                    }
+                }
+
+                // Flush any trailing content that might be pending.
+                this.pushSource('');
+
+                return this.createFunctionContext(asObject);
+            },
+
+            preamble: function() {
+                var out = [];
+
+                if (!this.isChild) {
+                    var namespace = this.namespace;
+
+                    var copies = "helpers = this.merge(helpers, " + namespace + ".helpers);";
+                    if (this.environment.usePartial) { copies = copies + " partials = this.merge(partials, " + namespace + ".partials);"; }
+                    if (this.options.data) { copies = copies + " data = data || {};"; }
+                    out.push(copies);
+                } else {
+                    out.push('');
+                }
+
+                if (!this.environment.isSimple) {
+                    out.push(", buffer = " + this.initializeBuffer());
+                } else {
+                    out.push("");
+                }
+
+                // track the last context pushed into place to allow skipping the
+                // getContext opcode when it would be a noop
+                this.lastContext = 0;
+                this.source = out;
+            },
+
+            createFunctionContext: function(asObject) {
+                var locals = this.stackVars.concat(this.registers.list);
+
+                if(locals.length > 0) {
+                    this.source[1] = this.source[1] + ", " + locals.join(", ");
+                }
+
+                // Generate minimizer alias mappings
+                if (!this.isChild) {
+                    for (var alias in this.context.aliases) {
+                        if (this.context.aliases.hasOwnProperty(alias)) {
+                            this.source[1] = this.source[1] + ', ' + alias + '=' + this.context.aliases[alias];
+                        }
+                    }
+                }
+
+                if (this.source[1]) {
+                    this.source[1] = "var " + this.source[1].substring(2) + ";";
+                }
+
+                // Merge children
+                if (!this.isChild) {
+                    this.source[1] += '\n' + this.context.programs.join('\n') + '\n';
+                }
+
+                if (!this.environment.isSimple) {
+                    this.pushSource("return buffer;");
+                }
+
+                var params = this.isChild ? ["depth0", "data"] : ["Handlebars", "depth0", "helpers", "partials", "data"];
+
+                for(var i=0, l=this.environment.depths.list.length; i<l; i++) {
+                    params.push("depth" + this.environment.depths.list[i]);
+                }
+
+                // Perform a second pass over the output to merge content when possible
+                var source = this.mergeSource();
+
+                if (!this.isChild) {
+                    source = this.compilerInfo()+source;
+                }
+
+                if (asObject) {
+                    params.push(source);
+
+                    return Function.apply(this, params);
+                } else {
+                    var functionSource = 'function ' + (this.name || '') + '(' + params.join(',') + ') {\n  ' + source + '}';
+                    log('debug', functionSource + "\n\n");
+                    return functionSource;
+                }
+            },
+            mergeSource: function() {
+                // WARN: We are not handling the case where buffer is still populated as the source should
+                // not have buffer append operations as their final action.
+                var source = '',
+                    buffer;
+                for (var i = 0, len = this.source.length; i < len; i++) {
+                    var line = this.source[i];
+                    if (line.appendToBuffer) {
+                        if (buffer) {
+                            buffer = buffer + '\n    + ' + line.content;
+                        } else {
+                            buffer = line.content;
+                        }
+                    } else {
+                        if (buffer) {
+                            source += 'buffer += ' + buffer + ';\n  ';
+                            buffer = undefined;
+                        }
+                        source += line + '\n  ';
+                    }
+                }
+                return source;
+            },
+
+            // [blockValue]
+            //
+            // On stack, before: hash, inverse, program, value
+            // On stack, after: return value of blockHelperMissing
+            //
+            // The purpose of this opcode is to take a block of the form
+            // `{{#foo}}...{{/foo}}`, resolve the value of `foo`, and
+            // replace it on the stack with the result of properly
+            // invoking blockHelperMissing.
+            blockValue: function() {
+                this.context.aliases.blockHelperMissing = 'helpers.blockHelperMissing';
+
+                var params = ["depth0"];
+                this.setupParams(0, params);
+
+                this.replaceStack(function(current) {
+                    params.splice(1, 0, current);
+                    return "blockHelperMissing.call(" + params.join(", ") + ")";
+                });
+            },
+
+            // [ambiguousBlockValue]
+            //
+            // On stack, before: hash, inverse, program, value
+            // Compiler value, before: lastHelper=value of last found helper, if any
+            // On stack, after, if no lastHelper: same as [blockValue]
+            // On stack, after, if lastHelper: value
+            ambiguousBlockValue: function() {
+                this.context.aliases.blockHelperMissing = 'helpers.blockHelperMissing';
+
+                var params = ["depth0"];
+                this.setupParams(0, params);
+
+                var current = this.topStack();
+                params.splice(1, 0, current);
+
+                // Use the options value generated from the invocation
+                params[params.length-1] = 'options';
+
+                this.pushSource("if (!" + this.lastHelper + ") { " + current + " = blockHelperMissing.call(" + params.join(", ") + "); }");
+            },
+
+            // [appendContent]
+            //
+            // On stack, before: ...
+            // On stack, after: ...
+            //
+            // Appends the string value of `content` to the current buffer
+            appendContent: function(content) {
+                if (this.pendingContent) {
+                    content = this.pendingContent + content;
+                }
+                if (this.stripNext) {
+                    content = content.replace(/^\s+/, '');
+                }
+
+                this.pendingContent = content;
+            },
+
+            // [strip]
+            //
+            // On stack, before: ...
+            // On stack, after: ...
+            //
+            // Removes any trailing whitespace from the prior content node and flags
+            // the next operation for stripping if it is a content node.
+            strip: function() {
+                if (this.pendingContent) {
+                    this.pendingContent = this.pendingContent.replace(/\s+$/, '');
+                }
+                this.stripNext = 'strip';
+            },
+
+            // [append]
+            //
+            // On stack, before: value, ...
+            // On stack, after: ...
+            //
+            // Coerces `value` to a String and appends it to the current buffer.
+            //
+            // If `value` is truthy, or 0, it is coerced into a string and appended
+            // Otherwise, the empty string is appended
+            append: function() {
+                // Force anything that is inlined onto the stack so we don't have duplication
+                // when we examine local
+                this.flushInline();
+                var local = this.popStack();
+                this.pushSource("if(" + local + " || " + local + " === 0) { " + this.appendToBuffer(local) + " }");
+                if (this.environment.isSimple) {
+                    this.pushSource("else { " + this.appendToBuffer("''") + " }");
+                }
+            },
+
+            // [appendEscaped]
+            //
+            // On stack, before: value, ...
+            // On stack, after: ...
+            //
+            // Escape `value` and append it to the buffer
+            appendEscaped: function() {
+                this.context.aliases.escapeExpression = 'this.escapeExpression';
+
+                this.pushSource(this.appendToBuffer("escapeExpression(" + this.popStack() + ")"));
+            },
+
+            // [getContext]
+            //
+            // On stack, before: ...
+            // On stack, after: ...
+            // Compiler value, after: lastContext=depth
+            //
+            // Set the value of the `lastContext` compiler value to the depth
+            getContext: function(depth) {
+                if(this.lastContext !== depth) {
+                    this.lastContext = depth;
+                }
+            },
+
+            // [lookupOnContext]
+            //
+            // On stack, before: ...
+            // On stack, after: currentContext[name], ...
+            //
+            // Looks up the value of `name` on the current context and pushes
+            // it onto the stack.
+            lookupOnContext: function(name) {
+                this.push(this.nameLookup('depth' + this.lastContext, name, 'context'));
+            },
+
+            // [pushContext]
+            //
+            // On stack, before: ...
+            // On stack, after: currentContext, ...
+            //
+            // Pushes the value of the current context onto the stack.
+            pushContext: function() {
+                this.pushStackLiteral('depth' + this.lastContext);
+            },
+
+            // [resolvePossibleLambda]
+            //
+            // On stack, before: value, ...
+            // On stack, after: resolved value, ...
+            //
+            // If the `value` is a lambda, replace it on the stack by
+            // the return value of the lambda
+            resolvePossibleLambda: function() {
+                this.context.aliases.functionType = '"function"';
+
+                this.replaceStack(function(current) {
+                    return "typeof " + current + " === functionType ? " + current + ".apply(depth0) : " + current;
+                });
+            },
+
+            // [lookup]
+            //
+            // On stack, before: value, ...
+            // On stack, after: value[name], ...
+            //
+            // Replace the value on the stack with the result of looking
+            // up `name` on `value`
+            lookup: function(name) {
+                this.replaceStack(function(current) {
+                    return current + " == null || " + current + " === false ? " + current + " : " + this.nameLookup(current, name, 'context');
+                });
+            },
+
+            // [lookupData]
+            //
+            // On stack, before: ...
+            // On stack, after: data, ...
+            //
+            // Push the data lookup operator
+            lookupData: function() {
+                this.push('data');
+            },
+
+            // [pushStringParam]
+            //
+            // On stack, before: ...
+            // On stack, after: string, currentContext, ...
+            //
+            // This opcode is designed for use in string mode, which
+            // provides the string value of a parameter along with its
+            // depth rather than resolving it immediately.
+            pushStringParam: function(string, type) {
+                this.pushStackLiteral('depth' + this.lastContext);
+
+                this.pushString(type);
+
+                if (typeof string === 'string') {
+                    this.pushString(string);
+                } else {
+                    this.pushStackLiteral(string);
+                }
+            },
+
+            emptyHash: function() {
+                this.pushStackLiteral('{}');
+
+                if (this.options.stringParams) {
+                    this.register('hashTypes', '{}');
+                    this.register('hashContexts', '{}');
+                }
+            },
+            pushHash: function() {
+                this.hash = {values: [], types: [], contexts: []};
+            },
+            popHash: function() {
+                var hash = this.hash;
+                this.hash = undefined;
+
+                if (this.options.stringParams) {
+                    this.register('hashContexts', '{' + hash.contexts.join(',') + '}');
+                    this.register('hashTypes', '{' + hash.types.join(',') + '}');
+                }
+                this.push('{\n    ' + hash.values.join(',\n    ') + '\n  }');
+            },
+
+            // [pushString]
+            //
+            // On stack, before: ...
+            // On stack, after: quotedString(string), ...
+            //
+            // Push a quoted version of `string` onto the stack
+            pushString: function(string) {
+                this.pushStackLiteral(this.quotedString(string));
+            },
+
+            // [push]
+            //
+            // On stack, before: ...
+            // On stack, after: expr, ...
+            //
+            // Push an expression onto the stack
+            push: function(expr) {
+                this.inlineStack.push(expr);
+                return expr;
+            },
+
+            // [pushLiteral]
+            //
+            // On stack, before: ...
+            // On stack, after: value, ...
+            //
+            // Pushes a value onto the stack. This operation prevents
+            // the compiler from creating a temporary variable to hold
+            // it.
+            pushLiteral: function(value) {
+                this.pushStackLiteral(value);
+            },
+
+            // [pushProgram]
+            //
+            // On stack, before: ...
+            // On stack, after: program(guid), ...
+            //
+            // Push a program expression onto the stack. This takes
+            // a compile-time guid and converts it into a runtime-accessible
+            // expression.
+            pushProgram: function(guid) {
+                if (guid != null) {
+                    this.pushStackLiteral(this.programExpression(guid));
+                } else {
+                    this.pushStackLiteral(null);
+                }
+            },
+
+            // [invokeHelper]
+            //
+            // On stack, before: hash, inverse, program, params..., ...
+            // On stack, after: result of helper invocation
+            //
+            // Pops off the helper's parameters, invokes the helper,
+            // and pushes the helper's return value onto the stack.
+            //
+            // If the helper is not found, `helperMissing` is called.
+            invokeHelper: function(paramSize, name) {
+                this.context.aliases.helperMissing = 'helpers.helperMissing';
+
+                var helper = this.lastHelper = this.setupHelper(paramSize, name, true);
+                var nonHelper = this.nameLookup('depth' + this.lastContext, name, 'context');
+
+                this.push(helper.name + ' || ' + nonHelper);
+                this.replaceStack(function(name) {
+                    return name + ' ? ' + name + '.call(' +
+                        helper.callParams + ") " + ": helperMissing.call(" +
+                        helper.helperMissingParams + ")";
+                });
+            },
+
+            // [invokeKnownHelper]
+            //
+            // On stack, before: hash, inverse, program, params..., ...
+            // On stack, after: result of helper invocation
+            //
+            // This operation is used when the helper is known to exist,
+            // so a `helperMissing` fallback is not required.
+            invokeKnownHelper: function(paramSize, name) {
+                var helper = this.setupHelper(paramSize, name);
+                this.push(helper.name + ".call(" + helper.callParams + ")");
+            },
+
+            // [invokeAmbiguous]
+            //
+            // On stack, before: hash, inverse, program, params..., ...
+            // On stack, after: result of disambiguation
+            //
+            // This operation is used when an expression like `{{foo}}`
+            // is provided, but we don't know at compile-time whether it
+            // is a helper or a path.
+            //
+            // This operation emits more code than the other options,
+            // and can be avoided by passing the `knownHelpers` and
+            // `knownHelpersOnly` flags at compile-time.
+            invokeAmbiguous: function(name, helperCall) {
+                this.context.aliases.functionType = '"function"';
+
+                this.pushStackLiteral('{}');    // Hash value
+                var helper = this.setupHelper(0, name, helperCall);
+
+                var helperName = this.lastHelper = this.nameLookup('helpers', name, 'helper');
+
+                var nonHelper = this.nameLookup('depth' + this.lastContext, name, 'context');
+                var nextStack = this.nextStack();
+
+                this.pushSource('if (' + nextStack + ' = ' + helperName + ') { ' + nextStack + ' = ' + nextStack + '.call(' + helper.callParams + '); }');
+                this.pushSource('else { ' + nextStack + ' = ' + nonHelper + '; ' + nextStack + ' = typeof ' + nextStack + ' === functionType ? ' + nextStack + '.call(' + helper.callParams + ') : ' + nextStack + '; }');
+            },
+
+            // [invokePartial]
+            //
+            // On stack, before: context, ...
+            // On stack after: result of partial invocation
+            //
+            // This operation pops off a context, invokes a partial with that context,
+            // and pushes the result of the invocation back.
+            invokePartial: function(name) {
+                var params = [this.nameLookup('partials', name, 'partial'), "'" + name + "'", this.popStack(), "helpers", "partials"];
+
+                if (this.options.data) {
+                    params.push("data");
+                }
+
+                this.context.aliases.self = "this";
+                this.push("self.invokePartial(" + params.join(", ") + ")");
+            },
+
+            // [assignToHash]
+            //
+            // On stack, before: value, hash, ...
+            // On stack, after: hash, ...
+            //
+            // Pops a value and hash off the stack, assigns `hash[key] = value`
+            // and pushes the hash back onto the stack.
+            assignToHash: function(key) {
+                var value = this.popStack(),
+                    context,
+                    type;
+
+                if (this.options.stringParams) {
+                    type = this.popStack();
+                    context = this.popStack();
+                }
+
+                var hash = this.hash;
+                if (context) {
+                    hash.contexts.push("'" + key + "': " + context);
+                }
+                if (type) {
+                    hash.types.push("'" + key + "': " + type);
+                }
+                hash.values.push("'" + key + "': (" + value + ")");
+            },
+
+            // HELPERS
+
+            compiler: JavaScriptCompiler,
+
+            compileChildren: function(environment, options) {
+                var children = environment.children, child, compiler;
+
+                for(var i=0, l=children.length; i<l; i++) {
+                    child = children[i];
+                    compiler = new this.compiler();
+
+                    var index = this.matchExistingProgram(child);
+
+                    if (index == null) {
+                        this.context.programs.push('');     // Placeholder to prevent name conflicts for nested children
+                        index = this.context.programs.length;
+                        child.index = index;
+                        child.name = 'program' + index;
+                        this.context.programs[index] = compiler.compile(child, options, this.context);
+                        this.context.environments[index] = child;
+                    } else {
+                        child.index = index;
+                        child.name = 'program' + index;
+                    }
+                }
+            },
+            matchExistingProgram: function(child) {
+                for (var i = 0, len = this.context.environments.length; i < len; i++) {
+                    var environment = this.context.environments[i];
+                    if (environment && environment.equals(child)) {
+                        return i;
+                    }
+                }
+            },
+
+            programExpression: function(guid) {
+                this.context.aliases.self = "this";
+
+                if(guid == null) {
+                    return "self.noop";
+                }
+
+                var child = this.environment.children[guid],
+                    depths = child.depths.list, depth;
+
+                var programParams = [child.index, child.name, "data"];
+
+                for(var i=0, l = depths.length; i<l; i++) {
+                    depth = depths[i];
+
+                    if(depth === 1) { programParams.push("depth0"); }
+                    else { programParams.push("depth" + (depth - 1)); }
+                }
+
+                return (depths.length === 0 ? "self.program(" : "self.programWithDepth(") + programParams.join(", ") + ")";
+            },
+
+            register: function(name, val) {
+                this.useRegister(name);
+                this.pushSource(name + " = " + val + ";");
+            },
+
+            useRegister: function(name) {
+                if(!this.registers[name]) {
+                    this.registers[name] = true;
+                    this.registers.list.push(name);
+                }
+            },
+
+            pushStackLiteral: function(item) {
+                return this.push(new Literal(item));
+            },
+
+            pushSource: function(source) {
+                if (this.pendingContent) {
+                    this.source.push(this.appendToBuffer(this.quotedString(this.pendingContent)));
+                    this.pendingContent = undefined;
+                }
+
+                if (source) {
+                    this.source.push(source);
+                }
+            },
+
+            pushStack: function(item) {
+                this.flushInline();
+
+                var stack = this.incrStack();
+                if (item) {
+                    this.pushSource(stack + " = " + item + ";");
+                }
+                this.compileStack.push(stack);
+                return stack;
+            },
+
+            replaceStack: function(callback) {
+                var prefix = '',
+                    inline = this.isInline(),
+                    stack;
+
+                // If we are currently inline then we want to merge the inline statement into the
+                // replacement statement via ','
+                if (inline) {
+                    var top = this.popStack(true);
+
+                    if (top instanceof Literal) {
+                        // Literals do not need to be inlined
+                        stack = top.value;
+                    } else {
+                        // Get or create the current stack name for use by the inline
+                        var name = this.stackSlot ? this.topStackName() : this.incrStack();
+
+                        prefix = '(' + this.push(name) + ' = ' + top + '),';
+                        stack = this.topStack();
+                    }
+                } else {
+                    stack = this.topStack();
+                }
+
+                var item = callback.call(this, stack);
+
+                if (inline) {
+                    if (this.inlineStack.length || this.compileStack.length) {
+                        this.popStack();
+                    }
+                    this.push('(' + prefix + item + ')');
+                } else {
+                    // Prevent modification of the context depth variable. Through replaceStack
+                    if (!/^stack/.test(stack)) {
+                        stack = this.nextStack();
+                    }
+
+                    this.pushSource(stack + " = (" + prefix + item + ");");
+                }
+                return stack;
+            },
+
+            nextStack: function() {
+                return this.pushStack();
+            },
+
+            incrStack: function() {
+                this.stackSlot++;
+                if(this.stackSlot > this.stackVars.length) { this.stackVars.push("stack" + this.stackSlot); }
+                return this.topStackName();
+            },
+            topStackName: function() {
+                return "stack" + this.stackSlot;
+            },
+            flushInline: function() {
+                var inlineStack = this.inlineStack;
+                if (inlineStack.length) {
+                    this.inlineStack = [];
+                    for (var i = 0, len = inlineStack.length; i < len; i++) {
+                        var entry = inlineStack[i];
+                        if (entry instanceof Literal) {
+                            this.compileStack.push(entry);
+                        } else {
+                            this.pushStack(entry);
+                        }
+                    }
+                }
+            },
+            isInline: function() {
+                return this.inlineStack.length;
+            },
+
+            popStack: function(wrapped) {
+                var inline = this.isInline(),
+                    item = (inline ? this.inlineStack : this.compileStack).pop();
+
+                if (!wrapped && (item instanceof Literal)) {
+                    return item.value;
+                } else {
+                    if (!inline) {
+                        this.stackSlot--;
+                    }
+                    return item;
+                }
+            },
+
+            topStack: function(wrapped) {
+                var stack = (this.isInline() ? this.inlineStack : this.compileStack),
+                    item = stack[stack.length - 1];
+
+                if (!wrapped && (item instanceof Literal)) {
+                    return item.value;
+                } else {
+                    return item;
+                }
+            },
+
+            quotedString: function(str) {
+                return '"' + str
+                    .replace(/\\/g, '\\\\')
+                    .replace(/"/g, '\\"')
+                    .replace(/\n/g, '\\n')
+                    .replace(/\r/g, '\\r')
+                    .replace(/\u2028/g, '\\u2028')   // Per Ecma-262 7.3 + 7.8.4
+                    .replace(/\u2029/g, '\\u2029') + '"';
+            },
+
+            setupHelper: function(paramSize, name, missingParams) {
+                var params = [];
+                this.setupParams(paramSize, params, missingParams);
+                var foundHelper = this.nameLookup('helpers', name, 'helper');
+
+                return {
+                    params: params,
+                    name: foundHelper,
+                    callParams: ["depth0"].concat(params).join(", "),
+                    helperMissingParams: missingParams && ["depth0", this.quotedString(name)].concat(params).join(", ")
+                };
+            },
+
+            // the params and contexts arguments are passed in arrays
+            // to fill in
+            setupParams: function(paramSize, params, useRegister) {
+                var options = [], contexts = [], types = [], param, inverse, program;
+
+                options.push("hash:" + this.popStack());
+
+                inverse = this.popStack();
+                program = this.popStack();
+
+                // Avoid setting fn and inverse if neither are set. This allows
+                // helpers to do a check for `if (options.fn)`
+                if (program || inverse) {
+                    if (!program) {
+                        this.context.aliases.self = "this";
+                        program = "self.noop";
+                    }
+
+                    if (!inverse) {
+                        this.context.aliases.self = "this";
+                        inverse = "self.noop";
+                    }
+
+                    options.push("inverse:" + inverse);
+                    options.push("fn:" + program);
+                }
+
+                for(var i=0; i<paramSize; i++) {
+                    param = this.popStack();
+                    params.push(param);
+
+                    if(this.options.stringParams) {
+                        types.push(this.popStack());
+                        contexts.push(this.popStack());
+                    }
+                }
+
+                if (this.options.stringParams) {
+                    options.push("contexts:[" + contexts.join(",") + "]");
+                    options.push("types:[" + types.join(",") + "]");
+                    options.push("hashContexts:hashContexts");
+                    options.push("hashTypes:hashTypes");
+                }
+
+                if(this.options.data) {
+                    options.push("data:data");
+                }
+
+                options = "{" + options.join(",") + "}";
+                if (useRegister) {
+                    this.register('options', options);
+                    params.push('options');
+                } else {
+                    params.push(options);
+                }
+                return params.join(", ");
+            }
+        };
+
+        var reservedWords = (
+            "break else new var" +
+                " case finally return void" +
+                " catch for switch while" +
+                " continue function this with" +
+                " default if throw" +
+                " delete in try" +
+                " do instanceof typeof" +
+                " abstract enum int short" +
+                " boolean export interface static" +
+                " byte extends long super" +
+                " char final native synchronized" +
+                " class float package throws" +
+                " const goto private transient" +
+                " debugger implements protected volatile" +
+                " double import public let yield"
+            ).split(" ");
+
+        var compilerWords = JavaScriptCompiler.RESERVED_WORDS = {};
+
+        for(var i=0, l=reservedWords.length; i<l; i++) {
+            compilerWords[reservedWords[i]] = true;
+        }
+
+        JavaScriptCompiler.isValidJavaScriptVariableName = function(name) {
+            if(!JavaScriptCompiler.RESERVED_WORDS[name] && /^[a-zA-Z_$][0-9a-zA-Z_$]+$/.test(name)) {
+                return true;
+            }
+            return false;
+        };
+
+        __exports__ = JavaScriptCompiler;
+        return __exports__;
+    })(__module2__);
+
+// handlebars/compiler/compiler.js
+    var __module10__ = (function(__dependency1__, __dependency2__, __dependency3__, __dependency4__) {
+        "use strict";
+        var __exports__ = {};
+        var Exception = __dependency1__;
+        var parse = __dependency2__.parse;
+        var JavaScriptCompiler = __dependency3__;
+        var AST = __dependency4__;
+
+        function Compiler() {}
+
+        __exports__.Compiler = Compiler;// the foundHelper register will disambiguate helper lookup from finding a
+        // function in a context. This is necessary for mustache compatibility, which
+        // requires that context functions in blocks are evaluated by blockHelperMissing,
+        // and then proceed as if the resulting value was provided to blockHelperMissing.
+
+        Compiler.prototype = {
+            compiler: Compiler,
+
+            disassemble: function() {
+                var opcodes = this.opcodes, opcode, out = [], params, param;
+
+                for (var i=0, l=opcodes.length; i<l; i++) {
+                    opcode = opcodes[i];
+
+                    if (opcode.opcode === 'DECLARE') {
+                        out.push("DECLARE " + opcode.name + "=" + opcode.value);
+                    } else {
+                        params = [];
+                        for (var j=0; j<opcode.args.length; j++) {
+                            param = opcode.args[j];
+                            if (typeof param === "string") {
+                                param = "\"" + param.replace("\n", "\\n") + "\"";
+                            }
+                            params.push(param);
+                        }
+                        out.push(opcode.opcode + " " + params.join(" "));
+                    }
+                }
+
+                return out.join("\n");
+            },
+
+            equals: function(other) {
+                var len = this.opcodes.length;
+                if (other.opcodes.length !== len) {
+                    return false;
+                }
+
+                for (var i = 0; i < len; i++) {
+                    var opcode = this.opcodes[i],
+                        otherOpcode = other.opcodes[i];
+                    if (opcode.opcode !== otherOpcode.opcode || opcode.args.length !== otherOpcode.args.length) {
+                        return false;
+                    }
+                    for (var j = 0; j < opcode.args.length; j++) {
+                        if (opcode.args[j] !== otherOpcode.args[j]) {
+                            return false;
+                        }
+                    }
+                }
+
+                len = this.children.length;
+                if (other.children.length !== len) {
+                    return false;
+                }
+                for (i = 0; i < len; i++) {
+                    if (!this.children[i].equals(other.children[i])) {
+                        return false;
+                    }
+                }
+
+                return true;
+            },
+
+            guid: 0,
+
+            compile: function(program, options) {
+                this.opcodes = [];
+                this.children = [];
+                this.depths = {list: []};
+                this.options = options;
+
+                // These changes will propagate to the other compiler components
+                var knownHelpers = this.options.knownHelpers;
+                this.options.knownHelpers = {
+                    'helperMissing': true,
+                    'blockHelperMissing': true,
+                    'each': true,
+                    'if': true,
+                    'unless': true,
+                    'with': true,
+                    'log': true
+                };
+                if (knownHelpers) {
+                    for (var name in knownHelpers) {
+                        this.options.knownHelpers[name] = knownHelpers[name];
+                    }
+                }
+
+                return this.accept(program);
+            },
+
+            accept: function(node) {
+                var strip = node.strip || {},
+                    ret;
+                if (strip.left) {
+                    this.opcode('strip');
+                }
+
+                ret = this[node.type](node);
+
+                if (strip.right) {
+                    this.opcode('strip');
+                }
+
+                return ret;
+            },
+
+            program: function(program) {
+                var statements = program.statements;
+
+                for(var i=0, l=statements.length; i<l; i++) {
+                    this.accept(statements[i]);
+                }
+                this.isSimple = l === 1;
+
+                this.depths.list = this.depths.list.sort(function(a, b) {
+                    return a - b;
+                });
+
+                return this;
+            },
+
+            compileProgram: function(program) {
+                var result = new this.compiler().compile(program, this.options);
+                var guid = this.guid++, depth;
+
+                this.usePartial = this.usePartial || result.usePartial;
+
+                this.children[guid] = result;
+
+                for(var i=0, l=result.depths.list.length; i<l; i++) {
+                    depth = result.depths.list[i];
+
+                    if(depth < 2) { continue; }
+                    else { this.addDepth(depth - 1); }
+                }
+
+                return guid;
+            },
+
+            block: function(block) {
+                var mustache = block.mustache,
+                    program = block.program,
+                    inverse = block.inverse;
+
+                if (program) {
+                    program = this.compileProgram(program);
+                }
+
+                if (inverse) {
+                    inverse = this.compileProgram(inverse);
+                }
+
+                var type = this.classifyMustache(mustache);
+
+                if (type === "helper") {
+                    this.helperMustache(mustache, program, inverse);
+                } else if (type === "simple") {
+                    this.simpleMustache(mustache);
+
+                    // now that the simple mustache is resolved, we need to
+                    // evaluate it by executing `blockHelperMissing`
+                    this.opcode('pushProgram', program);
+                    this.opcode('pushProgram', inverse);
+                    this.opcode('emptyHash');
+                    this.opcode('blockValue');
+                } else {
+                    this.ambiguousMustache(mustache, program, inverse);
+
+                    // now that the simple mustache is resolved, we need to
+                    // evaluate it by executing `blockHelperMissing`
+                    this.opcode('pushProgram', program);
+                    this.opcode('pushProgram', inverse);
+                    this.opcode('emptyHash');
+                    this.opcode('ambiguousBlockValue');
+                }
+
+                this.opcode('append');
+            },
+
+            hash: function(hash) {
+                var pairs = hash.pairs, pair, val;
+
+                this.opcode('pushHash');
+
+                for(var i=0, l=pairs.length; i<l; i++) {
+                    pair = pairs[i];
+                    val  = pair[1];
+
+                    if (this.options.stringParams) {
+                        if(val.depth) {
+                            this.addDepth(val.depth);
+                        }
+                        this.opcode('getContext', val.depth || 0);
+                        this.opcode('pushStringParam', val.stringModeValue, val.type);
+                    } else {
+                        this.accept(val);
+                    }
+
+                    this.opcode('assignToHash', pair[0]);
+                }
+                this.opcode('popHash');
+            },
+
+            partial: function(partial) {
+                var partialName = partial.partialName;
+                this.usePartial = true;
+
+                if(partial.context) {
+                    this.ID(partial.context);
+                } else {
+                    this.opcode('push', 'depth0');
+                }
+
+                this.opcode('invokePartial', partialName.name);
+                this.opcode('append');
+            },
+
+            content: function(content) {
+                this.opcode('appendContent', content.string);
+            },
+
+            mustache: function(mustache) {
+                var options = this.options;
+                var type = this.classifyMustache(mustache);
+
+                if (type === "simple") {
+                    this.simpleMustache(mustache);
+                } else if (type === "helper") {
+                    this.helperMustache(mustache);
+                } else {
+                    this.ambiguousMustache(mustache);
+                }
+
+                if(mustache.escaped && !options.noEscape) {
+                    this.opcode('appendEscaped');
+                } else {
+                    this.opcode('append');
+                }
+            },
+
+            ambiguousMustache: function(mustache, program, inverse) {
+                var id = mustache.id,
+                    name = id.parts[0],
+                    isBlock = program != null || inverse != null;
+
+                this.opcode('getContext', id.depth);
+
+                this.opcode('pushProgram', program);
+                this.opcode('pushProgram', inverse);
+
+                this.opcode('invokeAmbiguous', name, isBlock);
+            },
+
+            simpleMustache: function(mustache) {
+                var id = mustache.id;
+
+                if (id.type === 'DATA') {
+                    this.DATA(id);
+                } else if (id.parts.length) {
+                    this.ID(id);
+                } else {
+                    // Simplified ID for `this`
+                    this.addDepth(id.depth);
+                    this.opcode('getContext', id.depth);
+                    this.opcode('pushContext');
+                }
+
+                this.opcode('resolvePossibleLambda');
+            },
+
+            helperMustache: function(mustache, program, inverse) {
+                var params = this.setupFullMustacheParams(mustache, program, inverse),
+                    name = mustache.id.parts[0];
+
+                if (this.options.knownHelpers[name]) {
+                    this.opcode('invokeKnownHelper', params.length, name);
+                } else if (this.options.knownHelpersOnly) {
+                    throw new Error("You specified knownHelpersOnly, but used the unknown helper " + name);
+                } else {
+                    this.opcode('invokeHelper', params.length, name);
+                }
+            },
+
+            ID: function(id) {
+                this.addDepth(id.depth);
+                this.opcode('getContext', id.depth);
+
+                var name = id.parts[0];
+                if (!name) {
+                    this.opcode('pushContext');
+                } else {
+                    this.opcode('lookupOnContext', id.parts[0]);
+                }
+
+                for(var i=1, l=id.parts.length; i<l; i++) {
+                    this.opcode('lookup', id.parts[i]);
+                }
+            },
+
+            DATA: function(data) {
+                this.options.data = true;
+                if (data.id.isScoped || data.id.depth) {
+                    throw new Exception('Scoped data references are not supported: ' + data.original);
+                }
+
+                this.opcode('lookupData');
+                var parts = data.id.parts;
+                for(var i=0, l=parts.length; i<l; i++) {
+                    this.opcode('lookup', parts[i]);
+                }
+            },
+
+            STRING: function(string) {
+                this.opcode('pushString', string.string);
+            },
+
+            INTEGER: function(integer) {
+                this.opcode('pushLiteral', integer.integer);
+            },
+
+            BOOLEAN: function(bool) {
+                this.opcode('pushLiteral', bool.bool);
+            },
+
+            comment: function() {},
+
+            // HELPERS
+            opcode: function(name) {
+                this.opcodes.push({ opcode: name, args: [].slice.call(arguments, 1) });
+            },
+
+            declare: function(name, value) {
+                this.opcodes.push({ opcode: 'DECLARE', name: name, value: value });
+            },
+
+            addDepth: function(depth) {
+                if(isNaN(depth)) { throw new Error("EWOT"); }
+                if(depth === 0) { return; }
+
+                if(!this.depths[depth]) {
+                    this.depths[depth] = true;
+                    this.depths.list.push(depth);
+                }
+            },
+
+            classifyMustache: function(mustache) {
+                var isHelper   = mustache.isHelper;
+                var isEligible = mustache.eligibleHelper;
+                var options    = this.options;
+
+                // if ambiguous, we can possibly resolve the ambiguity now
+                if (isEligible && !isHelper) {
+                    var name = mustache.id.parts[0];
+
+                    if (options.knownHelpers[name]) {
+                        isHelper = true;
+                    } else if (options.knownHelpersOnly) {
+                        isEligible = false;
+                    }
+                }
+
+                if (isHelper) { return "helper"; }
+                else if (isEligible) { return "ambiguous"; }
+                else { return "simple"; }
+            },
+
+            pushParams: function(params) {
+                var i = params.length, param;
+
+                while(i--) {
+                    param = params[i];
+
+                    if(this.options.stringParams) {
+                        if(param.depth) {
+                            this.addDepth(param.depth);
+                        }
+
+                        this.opcode('getContext', param.depth || 0);
+                        this.opcode('pushStringParam', param.stringModeValue, param.type);
+                    } else {
+                        this[param.type](param);
+                    }
+                }
+            },
+
+            setupMustacheParams: function(mustache) {
+                var params = mustache.params;
+                this.pushParams(params);
+
+                if(mustache.hash) {
+                    this.hash(mustache.hash);
+                } else {
+                    this.opcode('emptyHash');
+                }
+
+                return params;
+            },
+
+            // this will replace setupMustacheParams when we're done
+            setupFullMustacheParams: function(mustache, program, inverse) {
+                var params = mustache.params;
+                this.pushParams(params);
+
+                this.opcode('pushProgram', program);
+                this.opcode('pushProgram', inverse);
+
+                if(mustache.hash) {
+                    this.hash(mustache.hash);
+                } else {
+                    this.opcode('emptyHash');
+                }
+
+                return params;
+            }
+        };
+
+        function precompile(input, options) {
+            if (input == null || (typeof input !== 'string' && input.constructor !== AST.ProgramNode)) {
+                throw new Exception("You must pass a string or Handlebars AST to Handlebars.precompile. You passed " + input);
+            }
+
+            options = options || {};
+            if (!('data' in options)) {
+                options.data = true;
+            }
+
+            var ast = parse(input);
+            var environment = new Compiler().compile(ast, options);
+            return new JavaScriptCompiler().compile(environment, options);
+        }
+
+        __exports__.precompile = precompile;function compile(input, options, env) {
+            if (input == null || (typeof input !== 'string' && input.constructor !== AST.ProgramNode)) {
+                throw new Exception("You must pass a string or Handlebars AST to Handlebars.compile. You passed " + input);
+            }
+
+            options = options || {};
+
+            if (!('data' in options)) {
+                options.data = true;
+            }
+
+            var compiled;
+
+            function compileInput() {
+                var ast = parse(input);
+                var environment = new Compiler().compile(ast, options);
+                var templateSpec = new JavaScriptCompiler().compile(environment, options, undefined, true);
+                return env.template(templateSpec);
+            }
+
+            // Template is only compiled on first use and cached after that point.
+            return function(context, options) {
+                if (!compiled) {
+                    compiled = compileInput();
+                }
+                return compiled.call(this, context, options);
+            };
+        }
+
+        __exports__.compile = compile;
+        return __exports__;
+    })(__module5__, __module8__, __module11__, __module7__);
+
+// handlebars.js
+    var __module0__ = (function(__dependency1__, __dependency2__, __dependency3__, __dependency4__, __dependency5__) {
+        "use strict";
+        var __exports__;
+        /*globals Handlebars: true */
+        var Handlebars = __dependency1__;
+
+        // Compiler imports
+        var AST = __dependency2__;
+        var Parser = __dependency3__.parser;
+        var parse = __dependency3__.parse;
+        var Compiler = __dependency4__.Compiler;
+        var compile = __dependency4__.compile;
+        var precompile = __dependency4__.precompile;
+        var JavaScriptCompiler = __dependency5__;
+
+        var _create = Handlebars.create;
+        var create = function() {
+            var hb = _create();
+
+            hb.compile = function(input, options) {
+                return compile(input, options, hb);
+            };
+            hb.precompile = precompile;
+
+            hb.AST = AST;
+            hb.Compiler = Compiler;
+            hb.JavaScriptCompiler = JavaScriptCompiler;
+            hb.Parser = Parser;
+            hb.parse = parse;
+
+            return hb;
+        };
+
+        Handlebars = create();
+        Handlebars.create = create;
+
+        __exports__ = Handlebars;
+        return __exports__;
+    })(__module1__, __module7__, __module8__, __module10__, __module11__);
+
+    return __module0__;
+})();
diff --git a/vendor/javascripts/ion.sound.js b/vendor/javascripts/ion.sound.js
new file mode 100755
index 0000000..05eea0c
--- /dev/null
+++ b/vendor/javascripts/ion.sound.js
@@ -0,0 +1,345 @@
+/**
+ * Ion.Sound
+ * version 2.1.3 Build 47
+ * © 2014 Denis Ineshin | IonDen.com
+ *
+ * Project page:    http://ionden.com/a/plugins/ion.sound/en.html
+ * GitHub page:     https://github.com/IonDen/ion.sound
+ *
+ * Released under MIT licence:
+ * http://ionden.com/a/plugins/licence-en.html
+ */
+
+var ion = ion || {};
+
+(function (ion) {
+
+    var warn = function (text) {
+        if (text && console) {
+            if (console.warn && typeof console.warn === "function") {
+                console.warn(text);
+            } else if (console.log && typeof console.log === "function") {
+                console.log(text);
+            }
+        }
+    };
+
+    if (ion.sound) {
+        warn("ion.sound already exists!");
+        return;
+    }
+
+    if (typeof Audio !== "function" && typeof Audio !== "object") {
+        var func = function () {
+            warn("HTML5 Audio is not supported in this browser");
+        };
+        ion.sound = function () {};
+        ion.sound.play = func;
+        ion.sound.stop = func;
+        ion.sound.destroy = func;
+        func();
+        return;
+    }
+
+
+
+    var Sound,
+        is_iOS = /iPad|iPhone/.test(navigator.appVersion),
+        global_sound,
+        settings = {},
+        sounds = {},
+        sounds_num,
+        ext,
+        i;
+
+
+
+    if (is_iOS) {
+
+        Sound = function (options) {
+            this.name = options.name;
+            this.loop = false;
+            this.paused = false;
+            this.sound = null;
+            this.callback = null;
+        };
+
+        Sound.prototype = {
+            init: function () {
+                this.sound = global_sound;
+            },
+
+            play: function (obj) {
+                if (!obj) {
+                    obj = {};
+                }
+
+                if (obj.loop) {
+                    if (this.paused) {
+                        this._playLoop(this.loop + 1);
+                    } else {
+                        this._playLoop(obj.loop);
+                    }
+                } else {
+                    this.loop = false;
+                    this._play();
+                }
+
+                if (obj.onEnded && typeof obj.onEnded === "function") {
+                    this.callback = obj.onEnded;
+                }
+            },
+
+            _play: function () {
+                if (this.paused) {
+                    this.paused = false;
+                } else {
+                    try {
+                        this.sound.currentTime = 0;
+                    } catch (e) {}
+                }
+
+                this.sound.removeEventListener("ended");
+                this.sound.addEventListener("ended", this._ended.bind(this), false);
+                this.sound.src = settings.path + this.name + ext;
+                this.sound.load();
+                this.sound.play();
+            }
+        }
+
+    } else {
+
+        Sound = function (options) {
+            this.name = options.name;
+            this.volume = settings.volume || 0.5;
+            this.preload = settings.preload ? "auto" : "none";
+            this.loop = false;
+            this.paused = false;
+            this.sound = null;
+            this.callback = null;
+
+            if ("volume" in options) {
+                this.volume = +options.volume;
+            }
+
+            if ("preload" in options) {
+                this.preload = options.preload ? "auto" : "none"
+            }
+        };
+
+        Sound.prototype = {
+            init: function () {
+                this.sound = new Audio();
+                this.sound.src = settings.path + this.name + ext;
+                this.sound.load();
+                this.sound.preload = this.preload;
+                this.sound.volume = this.volume;
+
+                this.sound.addEventListener("ended", this._ended.bind(this), false);
+            },
+
+            play: function (obj) {
+                if (!obj) {
+                    obj = {};
+                }
+
+                if (obj.volume || obj.volume === 0) {
+                    this.volume = +obj.volume;
+                    this.sound.volume = this.volume;
+                }
+
+                if (obj.loop) {
+                    if (this.paused) {
+                        this._playLoop(this.loop + 1);
+                    } else {
+                        this._playLoop(obj.loop);
+                    }
+                } else {
+                    this.loop = false;
+                    this._play();
+                }
+
+                if (obj.onEnded && typeof obj.onEnded === "function") {
+                    this.callback = obj.onEnded;
+                }
+            },
+
+            _play: function () {
+                if (this.paused) {
+                    this.paused = false;
+                } else {
+                    try {
+                        this.sound.currentTime = 0;
+                    } catch (e) {}
+                }
+
+                this.sound.play();
+            }
+        };
+
+    }
+
+    Sound.prototype._playLoop = function (loop) {
+        if (typeof loop === "boolean") {
+            // FF 3.6 and iOS,
+            // sound.loop = true not supported or buggy
+            this.loop = 9999999;
+            this._play();
+        } else if (typeof loop === "number") {
+            this.loop = loop - 1;
+            this._play();
+        }
+    };
+
+    Sound.prototype._ended = function () {
+        if (this.loop > 0) {
+            this.loop -= 1;
+            this._play();
+        }
+
+        if (this.callback) {
+            this.callback(this.name);
+        }
+    };
+
+    Sound.prototype.pause = function () {
+        this.paused = true;
+        this.sound.pause();
+    };
+
+    Sound.prototype.stop = function () {
+        this.loop = false;
+        this.sound.pause();
+
+        try {
+            this.sound.currentTime = 0;
+        } catch (e) {}
+    };
+
+    Sound.prototype.destroy = function () {
+        this.stop();
+        this.sound.removeEventListener("ended", this._ended.bind(this), false);
+        this.sound.src = "";
+        this.sound = null;
+    };
+
+
+
+    var checkSupport = function () {
+        global_sound = new Audio();
+
+        var can_play_mp3 = global_sound.canPlayType('audio/mpeg'),
+            can_play_ogg = global_sound.canPlayType('audio/ogg'),
+            can_play_aac = global_sound.canPlayType('audio/mp4; codecs="mp4a.40.2"');
+
+        if (is_iOS) {
+
+            if (can_play_mp3 === "probably") {
+                ext = ".mp3";
+            } else if (can_play_aac === "probably") {
+                ext = ".aac";
+            } else if (can_play_mp3 === "maybe") {
+                ext = ".mp3";
+            } else if (can_play_aac === "maybe") {
+                ext = ".aac";
+            }
+
+        } else {
+
+            if (can_play_mp3 === "probably") {
+                ext = ".mp3";
+            } else if (can_play_ogg === "probably") {
+                ext = ".ogg";
+            } else if (can_play_mp3 === "maybe") {
+                ext = ".mp3";
+            } else if (can_play_ogg === "maybe") {
+                ext = ".ogg";
+            } else {
+                ext = ".wav";
+            }
+
+        }
+    };
+
+    var createSound = function (obj) {
+        sounds[obj.name] = new Sound(obj);
+        sounds[obj.name].init();
+    };
+
+    ion.sound = function (options) {
+        settings = JSON.parse(JSON.stringify(options));
+        settings.path = settings.path || "";
+        settings.volume = settings.volume || 0.5;
+        settings.preload = settings.preload || false;
+        settings.mix = settings.mix || true;
+
+        sounds_num = settings.sounds.length;
+
+        if (!sounds_num) {
+            warn("No sound-files provided!");
+            return;
+        }
+
+        checkSupport();
+
+        for (i = 0; i < sounds_num; i++) {
+            createSound(settings.sounds[i]);
+        }
+    };
+
+    ion.sound.version = "2.1.3";
+
+    ion.sound.play = function (name, options) {
+        if (sounds[name]) {
+            sounds[name].play(options);
+        }
+    };
+
+    ion.sound.pause = function (name) {
+        if (name && sounds[name]) {
+            sounds[name].pause();
+        } else {
+            for (i in sounds) {
+                if (!sounds.hasOwnProperty(i)) {
+                    continue;
+                }
+                if (sounds[i]) {
+                    sounds[i].pause();
+                }
+            }
+        }
+    };
+
+    ion.sound.stop = function (name) {
+        if (name && sounds[name]) {
+            sounds[name].stop();
+        } else {
+            for (i in sounds) {
+                if (!sounds.hasOwnProperty(i)) {
+                    continue;
+                }
+                if (sounds[i]) {
+                    sounds[i].stop();
+                }
+            }
+        }
+    };
+
+    ion.sound.destroy = function (name) {
+        if (name && sounds[name]) {
+            sounds[name].destroy();
+            sounds[name] = null;
+        } else {
+            for (i in sounds) {
+                if (!sounds.hasOwnProperty(i)) {
+                    continue;
+                }
+                if (sounds[i]) {
+                    sounds[i].destroy();
+                    sounds[i] = null;
+                }
+            }
+        }
+    };
+
+} (ion));
diff --git a/vendor/javascripts/jquery.cookie.js b/vendor/javascripts/jquery.cookie.js
new file mode 100755
index 0000000..655fb11
--- /dev/null
+++ b/vendor/javascripts/jquery.cookie.js
@@ -0,0 +1,117 @@
+/*!
+ * jQuery Cookie Plugin v1.4.1
+ * https://github.com/carhartl/jquery-cookie
+ *
+ * Copyright 2013 Klaus Hartl
+ * Released under the MIT license
+ */
+(function (factory) {
+	if (typeof define === 'function' && define.amd) {
+		// AMD
+		define(['jquery'], factory);
+	} else if (typeof exports === 'object') {
+		// CommonJS
+		factory(require('jquery'));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+}(function ($) {
+
+	var pluses = /\+/g;
+
+	function encode(s) {
+		return config.raw ? s : encodeURIComponent(s);
+	}
+
+	function decode(s) {
+		return config.raw ? s : decodeURIComponent(s);
+	}
+
+	function stringifyCookieValue(value) {
+		return encode(config.json ? JSON.stringify(value) : String(value));
+	}
+
+	function parseCookieValue(s) {
+		if (s.indexOf('"') === 0) {
+			// This is a quoted cookie as according to RFC2068, unescape...
+			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
+		}
+
+		try {
+			// Replace server-side written pluses with spaces.
+			// If we can't decode the cookie, ignore it, it's unusable.
+			// If we can't parse the cookie, ignore it, it's unusable.
+			s = decodeURIComponent(s.replace(pluses, ' '));
+			return config.json ? JSON.parse(s) : s;
+		} catch(e) {}
+	}
+
+	function read(s, converter) {
+		var value = config.raw ? s : parseCookieValue(s);
+		return $.isFunction(converter) ? converter(value) : value;
+	}
+
+	var config = $.cookie = function (key, value, options) {
+
+		// Write
+
+		if (value !== undefined && !$.isFunction(value)) {
+			options = $.extend({}, config.defaults, options);
+
+			if (typeof options.expires === 'number') {
+				var days = options.expires, t = options.expires = new Date();
+				t.setTime(+t + days * 864e+5);
+			}
+
+			return (document.cookie = [
+				encode(key), '=', stringifyCookieValue(value),
+				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
+				options.path    ? '; path=' + options.path : '',
+				options.domain  ? '; domain=' + options.domain : '',
+				options.secure  ? '; secure' : ''
+			].join(''));
+		}
+
+		// Read
+
+		var result = key ? undefined : {};
+
+		// To prevent the for loop in the first place assign an empty array
+		// in case there are no cookies at all. Also prevents odd result when
+		// calling $.cookie().
+		var cookies = document.cookie ? document.cookie.split('; ') : [];
+
+		for (var i = 0, l = cookies.length; i < l; i++) {
+			var parts = cookies[i].split('=');
+			var name = decode(parts.shift());
+			var cookie = parts.join('=');
+
+			if (key && key === name) {
+				// If second argument (value) is a function it's a converter...
+				result = read(cookie, value);
+				break;
+			}
+
+			// Prevent storing a cookie that we couldn't decode.
+			if (!key && (cookie = read(cookie)) !== undefined) {
+				result[name] = cookie;
+			}
+		}
+
+		return result;
+	};
+
+	config.defaults = {};
+
+	$.removeCookie = function (key, options) {
+		if ($.cookie(key) === undefined) {
+			return false;
+		}
+
+		// Must not alter options, thus extending a fresh object...
+		$.cookie(key, '', $.extend({}, options, { expires: -1 }));
+		return !$.cookie(key);
+	};
+
+}));
diff --git a/vendor/javascripts/jquery.counterup.js b/vendor/javascripts/jquery.counterup.js
new file mode 100755
index 0000000..06ea364
--- /dev/null
+++ b/vendor/javascripts/jquery.counterup.js
@@ -0,0 +1,83 @@
+/*!
+* jquery.counterup.js 1.0
+*
+* Copyright 2013, Benjamin Intal http://gambit.ph @bfintal
+* Released under the GPL v2 License
+*
+* Date: Nov 26, 2013
+*/
+(function( $ ){
+  "use strict";
+
+  $.fn.counterUp = function( options ) {
+
+    // Defaults
+    var settings = $.extend({
+        'time': 400,
+        'delay': 10
+    }, options);
+
+    return this.each(function(){
+
+        // Store the object
+        var $this = $(this);
+        var $settings = settings;
+
+        var counterUpper = function() {
+            var nums = [];
+            var divisions = $settings.time / $settings.delay;
+            var num = $this.text();
+            var isComma = /[0-9]+,[0-9]+/.test(num);
+            num = num.replace(/,/g, '');
+            var isInt = /^[0-9]+$/.test(num);
+            var isFloat = /^[0-9]+\.[0-9]+$/.test(num);
+            var decimalPlaces = isFloat ? (num.split('.')[1] || []).length : 0;
+
+            // Generate list of incremental numbers to display
+            for (var i = divisions; i >= 1; i--) {
+
+                // Preserve as int if input was int
+                var newNum = parseInt(num / divisions * i);
+
+                // Preserve float if input was float
+                if (isFloat) {
+                    newNum = parseFloat(num / divisions * i).toFixed(decimalPlaces);
+                }
+
+                // Preserve commas if input had commas
+                if (isComma) {
+                    while (/(\d+)(\d{3})/.test(newNum.toString())) {
+                        newNum = newNum.toString().replace(/(\d+)(\d{3})/, '$1'+','+'$2');
+                    }
+                }
+
+                nums.unshift(newNum);
+            }
+
+            $this.data('counterup-nums', nums);
+            $this.text('0');
+
+            // Updates the number until we're done
+            var f = function() {
+                $this.text($this.data('counterup-nums').shift());
+                if ($this.data('counterup-nums').length) {
+                    setTimeout($this.data('counterup-func'), $settings.delay);
+                } else {
+                    delete $this.data('counterup-nums');
+                    $this.data('counterup-nums', null);
+                    $this.data('counterup-func', null);
+                }
+            };
+            $this.data('counterup-func', f);
+
+            // Start the count up
+            setTimeout($this.data('counterup-func'), $settings.delay);
+        };
+
+        // Perform counts when the element gets into view
+        $this.waypoint(counterUpper, { offset: '100%', triggerOnce: true });
+    });
+
+  };
+
+})( jQuery );
\ No newline at end of file
diff --git a/vendor/javascripts/jquery.easing.1.3.js b/vendor/javascripts/jquery.easing.1.3.js
new file mode 100755
index 0000000..d65948d
--- /dev/null
+++ b/vendor/javascripts/jquery.easing.1.3.js
@@ -0,0 +1,205 @@
+/*
+ * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+ *
+ * Uses the built in easing capabilities added In jQuery 1.1
+ * to offer multiple easing options
+ *
+ * TERMS OF USE - jQuery Easing
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2008 George McGinley Smith
+ * All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without modification, 
+ * are permitted provided that the following conditions are met:
+ * 
+ * Redistributions of source code must retain the above copyright notice, this list of 
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list 
+ * of conditions and the following disclaimer in the documentation and/or other materials 
+ * provided with the distribution.
+ * 
+ * Neither the name of the author nor the names of contributors may be used to endorse 
+ * or promote products derived from this software without specific prior written permission.
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
+ * OF THE POSSIBILITY OF SUCH DAMAGE. 
+ *
+*/
+
+// t: current time, b: begInnIng value, c: change In value, d: duration
+jQuery.easing['jswing'] = jQuery.easing['swing'];
+
+jQuery.extend( jQuery.easing,
+{
+	def: 'easeOutQuad',
+	swing: function (x, t, b, c, d) {
+		//alert(jQuery.easing.default);
+		return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+	},
+	easeInQuad: function (x, t, b, c, d) {
+		return c*(t/=d)*t + b;
+	},
+	easeOutQuad: function (x, t, b, c, d) {
+		return -c *(t/=d)*(t-2) + b;
+	},
+	easeInOutQuad: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t + b;
+		return -c/2 * ((--t)*(t-2) - 1) + b;
+	},
+	easeInCubic: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t + b;
+	},
+	easeOutCubic: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t + 1) + b;
+	},
+	easeInOutCubic: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t + b;
+		return c/2*((t-=2)*t*t + 2) + b;
+	},
+	easeInQuart: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t + b;
+	},
+	easeOutQuart: function (x, t, b, c, d) {
+		return -c * ((t=t/d-1)*t*t*t - 1) + b;
+	},
+	easeInOutQuart: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
+		return -c/2 * ((t-=2)*t*t*t - 2) + b;
+	},
+	easeInQuint: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t*t + b;
+	},
+	easeOutQuint: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t*t*t + 1) + b;
+	},
+	easeInOutQuint: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+		return c/2*((t-=2)*t*t*t*t + 2) + b;
+	},
+	easeInSine: function (x, t, b, c, d) {
+		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+	},
+	easeOutSine: function (x, t, b, c, d) {
+		return c * Math.sin(t/d * (Math.PI/2)) + b;
+	},
+	easeInOutSine: function (x, t, b, c, d) {
+		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+	},
+	easeInExpo: function (x, t, b, c, d) {
+		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+	},
+	easeOutExpo: function (x, t, b, c, d) {
+		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+	},
+	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;
+	},
+	easeInCirc: function (x, t, b, c, d) {
+		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+	},
+	easeOutCirc: function (x, t, b, c, d) {
+		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+	},
+	easeInOutCirc: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
+	},
+	easeInElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+	},
+	easeOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
+	},
+	easeInOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+	},
+	easeInBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*(t/=d)*t*((s+1)*t - s) + b;
+	},
+	easeOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+	},
+	easeInOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158; 
+		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+	},
+	easeInBounce: function (x, t, b, c, d) {
+		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+	},
+	easeOutBounce: function (x, t, b, c, d) {
+		if ((t/=d) < (1/2.75)) {
+			return c*(7.5625*t*t) + b;
+		} else if (t < (2/2.75)) {
+			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+		} else if (t < (2.5/2.75)) {
+			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+		} else {
+			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+		}
+	},
+	easeInOutBounce: function (x, t, b, c, d) {
+		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+	}
+});
+
+/*
+ *
+ * TERMS OF USE - EASING EQUATIONS
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2001 Robert Penner
+ * All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without modification, 
+ * are permitted provided that the following conditions are met:
+ * 
+ * Redistributions of source code must retain the above copyright notice, this list of 
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list 
+ * of conditions and the following disclaimer in the documentation and/or other materials 
+ * provided with the distribution.
+ * 
+ * Neither the name of the author nor the names of contributors may be used to endorse 
+ * or promote products derived from this software without specific prior written permission.
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
+ * OF THE POSSIBILITY OF SUCH DAMAGE. 
+ *
+ */
\ No newline at end of file
diff --git a/vendor/javascripts/jquery.flot.categories.js b/vendor/javascripts/jquery.flot.categories.js
new file mode 100755
index 0000000..11263cb
--- /dev/null
+++ b/vendor/javascripts/jquery.flot.categories.js
@@ -0,0 +1,190 @@
+/* Flot plugin for plotting textual data or categories.
+
+Copyright (c) 2007-2014 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+Consider a dataset like [["February", 34], ["March", 20], ...]. This plugin
+allows you to plot such a dataset directly.
+
+To enable it, you must specify mode: "categories" on the axis with the textual
+labels, e.g.
+
+	$.plot("#placeholder", data, { xaxis: { mode: "categories" } });
+
+By default, the labels are ordered as they are met in the data series. If you
+need a different ordering, you can specify "categories" on the axis options
+and list the categories there:
+
+	xaxis: {
+		mode: "categories",
+		categories: ["February", "March", "April"]
+	}
+
+If you need to customize the distances between the categories, you can specify
+"categories" as an object mapping labels to values
+
+	xaxis: {
+		mode: "categories",
+		categories: { "February": 1, "March": 3, "April": 4 }
+	}
+
+If you don't specify all categories, the remaining categories will be numbered
+from the max value plus 1 (with a spacing of 1 between each).
+
+Internally, the plugin works by transforming the input data through an auto-
+generated mapping where the first category becomes 0, the second 1, etc.
+Hence, a point like ["February", 34] becomes [0, 34] internally in Flot (this
+is visible in hover and click events that return numbers rather than the
+category labels). The plugin also overrides the tick generator to spit out the
+categories as ticks instead of the values.
+
+If you need to map a value back to its label, the mapping is always accessible
+as "categories" on the axis object, e.g. plot.getAxes().xaxis.categories.
+
+*/
+
+(function ($) {
+    var options = {
+        xaxis: {
+            categories: null
+        },
+        yaxis: {
+            categories: null
+        }
+    };
+    
+    function processRawData(plot, series, data, datapoints) {
+        // if categories are enabled, we need to disable
+        // auto-transformation to numbers so the strings are intact
+        // for later processing
+
+        var xCategories = series.xaxis.options.mode == "categories",
+            yCategories = series.yaxis.options.mode == "categories";
+        
+        if (!(xCategories || yCategories))
+            return;
+
+        var format = datapoints.format;
+
+        if (!format) {
+            // FIXME: auto-detection should really not be defined here
+            var s = series;
+            format = [];
+            format.push({ x: true, number: true, required: true });
+            format.push({ y: true, number: true, required: true });
+
+            if (s.bars.show || (s.lines.show && s.lines.fill)) {
+                var autoscale = !!((s.bars.show && s.bars.zero) || (s.lines.show && s.lines.zero));
+                format.push({ y: true, number: true, required: false, defaultValue: 0, autoscale: autoscale });
+                if (s.bars.horizontal) {
+                    delete format[format.length - 1].y;
+                    format[format.length - 1].x = true;
+                }
+            }
+            
+            datapoints.format = format;
+        }
+
+        for (var m = 0; m < format.length; ++m) {
+            if (format[m].x && xCategories)
+                format[m].number = false;
+            
+            if (format[m].y && yCategories)
+                format[m].number = false;
+        }
+    }
+
+    function getNextIndex(categories) {
+        var index = -1;
+        
+        for (var v in categories)
+            if (categories[v] > index)
+                index = categories[v];
+
+        return index + 1;
+    }
+
+    function categoriesTickGenerator(axis) {
+        var res = [];
+        for (var label in axis.categories) {
+            var v = axis.categories[label];
+            if (v >= axis.min && v <= axis.max)
+                res.push([v, label]);
+        }
+
+        res.sort(function (a, b) { return a[0] - b[0]; });
+
+        return res;
+    }
+    
+    function setupCategoriesForAxis(series, axis, datapoints) {
+        if (series[axis].options.mode != "categories")
+            return;
+        
+        if (!series[axis].categories) {
+            // parse options
+            var c = {}, o = series[axis].options.categories || {};
+            if ($.isArray(o)) {
+                for (var i = 0; i < o.length; ++i)
+                    c[o[i]] = i;
+            }
+            else {
+                for (var v in o)
+                    c[v] = o[v];
+            }
+            
+            series[axis].categories = c;
+        }
+
+        // fix ticks
+        if (!series[axis].options.ticks)
+            series[axis].options.ticks = categoriesTickGenerator;
+
+        transformPointsOnAxis(datapoints, axis, series[axis].categories);
+    }
+    
+    function transformPointsOnAxis(datapoints, axis, categories) {
+        // go through the points, transforming them
+        var points = datapoints.points,
+            ps = datapoints.pointsize,
+            format = datapoints.format,
+            formatColumn = axis.charAt(0),
+            index = getNextIndex(categories);
+
+        for (var i = 0; i < points.length; i += ps) {
+            if (points[i] == null)
+                continue;
+            
+            for (var m = 0; m < ps; ++m) {
+                var val = points[i + m];
+
+                if (val == null || !format[m][formatColumn])
+                    continue;
+
+                if (!(val in categories)) {
+                    categories[val] = index;
+                    ++index;
+                }
+                
+                points[i + m] = categories[val];
+            }
+        }
+    }
+
+    function processDatapoints(plot, series, datapoints) {
+        setupCategoriesForAxis(series, "xaxis", datapoints);
+        setupCategoriesForAxis(series, "yaxis", datapoints);
+    }
+
+    function init(plot) {
+        plot.hooks.processRawData.push(processRawData);
+        plot.hooks.processDatapoints.push(processDatapoints);
+    }
+    
+    $.plot.plugins.push({
+        init: init,
+        options: options,
+        name: 'categories',
+        version: '1.0'
+    });
+})(jQuery);
diff --git a/vendor/javascripts/jquery.flot.js b/vendor/javascripts/jquery.flot.js
new file mode 100755
index 0000000..dd20ad6
--- /dev/null
+++ b/vendor/javascripts/jquery.flot.js
@@ -0,0 +1,3168 @@
+/* Javascript plotting library for jQuery, version 0.8.3.
+
+Copyright (c) 2007-2014 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+*/
+
+// first an inline dependency, jquery.colorhelpers.js, we inline it here
+// for convenience
+
+/* Plugin for jQuery for working with colors.
+ *
+ * Version 1.1.
+ *
+ * Inspiration from jQuery color animation plugin by John Resig.
+ *
+ * Released under the MIT license by Ole Laursen, October 2009.
+ *
+ * Examples:
+ *
+ *   $.color.parse("#fff").scale('rgb', 0.25).add('a', -0.5).toString()
+ *   var c = $.color.extract($("#mydiv"), 'background-color');
+ *   console.log(c.r, c.g, c.b, c.a);
+ *   $.color.make(100, 50, 25, 0.4).toString() // returns "rgba(100,50,25,0.4)"
+ *
+ * Note that .scale() and .add() return the same modified object
+ * instead of making a new one.
+ *
+ * V. 1.1: Fix error handling so e.g. parsing an empty string does
+ * produce a color rather than just crashing.
+ */
+(function($){$.color={};$.color.make=function(r,g,b,a){var o={};o.r=r||0;o.g=g||0;o.b=b||0;o.a=a!=null?a:1;o.add=function(c,d){for(var i=0;i<c.length;++i)o[c.charAt(i)]+=d;return o.normalize()};o.scale=function(c,f){for(var i=0;i<c.length;++i)o[c.charAt(i)]*=f;return o.normalize()};o.toString=function(){if(o.a>=1){return"rgb("+[o.r,o.g,o.b].join(",")+")"}else{return"rgba("+[o.r,o.g,o.b,o.a].join(",")+")"}};o.normalize=function(){function clamp(min,value,max){return value<min?min:value>max?max:value}o.r=clamp(0,parseInt(o.r),255);o.g=clamp(0,parseInt(o.g),255);o.b=clamp(0,parseInt(o.b),255);o.a=clamp(0,o.a,1);return o};o.clone=function(){return $.color.make(o.r,o.b,o.g,o.a)};return o.normalize()};$.color.extract=function(elem,css){var c;do{c=elem.css(css).toLowerCase();if(c!=""&&c!="transparent")break;elem=elem.parent()}while(elem.length&&!$.nodeName(elem.get(0),"body"));if(c=="rgba(0, 0, 0, 0)")c="transparent";return $.color.parse(c)};$.color.parse=function(str){var res,m=$.color.make;if(res=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(str))return m(parseInt(res[1],10),parseInt(res[2],10),parseInt(res[3],10));if(res=/rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(str))return m(parseInt(res[1],10),parseInt(res[2],10),parseInt(res[3],10),parseFloat(res[4]));if(res=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(str))return m(parseFloat(res[1])*2.55,parseFloat(res[2])*2.55,parseFloat(res[3])*2.55);if(res=/rgba\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(str))return m(parseFloat(res[1])*2.55,parseFloat(res[2])*2.55,parseFloat(res[3])*2.55,parseFloat(res[4]));if(res=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(str))return m(parseInt(res[1],16),parseInt(res[2],16),parseInt(res[3],16));if(res=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(str))return m(parseInt(res[1]+res[1],16),parseInt(res[2]+res[2],16),parseInt(res[3]+res[3],16));var name=$.trim(str).toLowerCase();if(name=="transparent")return m(255,255,255,0);else{res=lookupColors[name]||[0,0,0];return m(res[0],res[1],res[2])}};var lookupColors={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0]}})(jQuery);
+
+// the actual Flot code
+(function($) {
+
+	// Cache the prototype hasOwnProperty for faster access
+
+	var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+    // A shim to provide 'detach' to jQuery versions prior to 1.4.  Using a DOM
+    // operation produces the same effect as detach, i.e. removing the element
+    // without touching its jQuery data.
+
+    // Do not merge this into Flot 0.9, since it requires jQuery 1.4.4+.
+
+    if (!$.fn.detach) {
+        $.fn.detach = function() {
+            return this.each(function() {
+                if (this.parentNode) {
+                    this.parentNode.removeChild( this );
+                }
+            });
+        };
+    }
+
+	///////////////////////////////////////////////////////////////////////////
+	// The Canvas object is a wrapper around an HTML5 <canvas> tag.
+	//
+	// @constructor
+	// @param {string} cls List of classes to apply to the canvas.
+	// @param {element} container Element onto which to append the canvas.
+	//
+	// Requiring a container is a little iffy, but unfortunately canvas
+	// operations don't work unless the canvas is attached to the DOM.
+
+	function Canvas(cls, container) {
+
+		var element = container.children("." + cls)[0];
+
+		if (element == null) {
+
+			element = document.createElement("canvas");
+			element.className = cls;
+
+			$(element).css({ direction: "ltr", position: "absolute", left: 0, top: 0 })
+				.appendTo(container);
+
+			// If HTML5 Canvas isn't available, fall back to [Ex|Flash]canvas
+
+			if (!element.getContext) {
+				if (window.G_vmlCanvasManager) {
+					element = window.G_vmlCanvasManager.initElement(element);
+				} else {
+					throw new Error("Canvas is not available. If you're using IE with a fall-back such as Excanvas, then there's either a mistake in your conditional include, or the page has no DOCTYPE and is rendering in Quirks Mode.");
+				}
+			}
+		}
+
+		this.element = element;
+
+		var context = this.context = element.getContext("2d");
+
+		// Determine the screen's ratio of physical to device-independent
+		// pixels.  This is the ratio between the canvas width that the browser
+		// advertises and the number of pixels actually present in that space.
+
+		// The iPhone 4, for example, has a device-independent width of 320px,
+		// but its screen is actually 640px wide.  It therefore has a pixel
+		// ratio of 2, while most normal devices have a ratio of 1.
+
+		var devicePixelRatio = window.devicePixelRatio || 1,
+			backingStoreRatio =
+				context.webkitBackingStorePixelRatio ||
+				context.mozBackingStorePixelRatio ||
+				context.msBackingStorePixelRatio ||
+				context.oBackingStorePixelRatio ||
+				context.backingStorePixelRatio || 1;
+
+		this.pixelRatio = devicePixelRatio / backingStoreRatio;
+
+		// Size the canvas to match the internal dimensions of its container
+
+		this.resize(container.width(), container.height());
+
+		// Collection of HTML div layers for text overlaid onto the canvas
+
+		this.textContainer = null;
+		this.text = {};
+
+		// Cache of text fragments and metrics, so we can avoid expensively
+		// re-calculating them when the plot is re-rendered in a loop.
+
+		this._textCache = {};
+	}
+
+	// Resizes the canvas to the given dimensions.
+	//
+	// @param {number} width New width of the canvas, in pixels.
+	// @param {number} width New height of the canvas, in pixels.
+
+	Canvas.prototype.resize = function(width, height) {
+
+		if (width <= 0 || height <= 0) {
+			throw new Error("Invalid dimensions for plot, width = " + width + ", height = " + height);
+		}
+
+		var element = this.element,
+			context = this.context,
+			pixelRatio = this.pixelRatio;
+
+		// Resize the canvas, increasing its density based on the display's
+		// pixel ratio; basically giving it more pixels without increasing the
+		// size of its element, to take advantage of the fact that retina
+		// displays have that many more pixels in the same advertised space.
+
+		// Resizing should reset the state (excanvas seems to be buggy though)
+
+		if (this.width != width) {
+			element.width = width * pixelRatio;
+			element.style.width = width + "px";
+			this.width = width;
+		}
+
+		if (this.height != height) {
+			element.height = height * pixelRatio;
+			element.style.height = height + "px";
+			this.height = height;
+		}
+
+		// Save the context, so we can reset in case we get replotted.  The
+		// restore ensure that we're really back at the initial state, and
+		// should be safe even if we haven't saved the initial state yet.
+
+		context.restore();
+		context.save();
+
+		// Scale the coordinate space to match the display density; so even though we
+		// may have twice as many pixels, we still want lines and other drawing to
+		// appear at the same size; the extra pixels will just make them crisper.
+
+		context.scale(pixelRatio, pixelRatio);
+	};
+
+	// Clears the entire canvas area, not including any overlaid HTML text
+
+	Canvas.prototype.clear = function() {
+		this.context.clearRect(0, 0, this.width, this.height);
+	};
+
+	// Finishes rendering the canvas, including managing the text overlay.
+
+	Canvas.prototype.render = function() {
+
+		var cache = this._textCache;
+
+		// For each text layer, add elements marked as active that haven't
+		// already been rendered, and remove those that are no longer active.
+
+		for (var layerKey in cache) {
+			if (hasOwnProperty.call(cache, layerKey)) {
+
+				var layer = this.getTextLayer(layerKey),
+					layerCache = cache[layerKey];
+
+				layer.hide();
+
+				for (var styleKey in layerCache) {
+					if (hasOwnProperty.call(layerCache, styleKey)) {
+						var styleCache = layerCache[styleKey];
+						for (var key in styleCache) {
+							if (hasOwnProperty.call(styleCache, key)) {
+
+								var positions = styleCache[key].positions;
+
+								for (var i = 0, position; position = positions[i]; i++) {
+									if (position.active) {
+										if (!position.rendered) {
+											layer.append(position.element);
+											position.rendered = true;
+										}
+									} else {
+										positions.splice(i--, 1);
+										if (position.rendered) {
+											position.element.detach();
+										}
+									}
+								}
+
+								if (positions.length == 0) {
+									delete styleCache[key];
+								}
+							}
+						}
+					}
+				}
+
+				layer.show();
+			}
+		}
+	};
+
+	// Creates (if necessary) and returns the text overlay container.
+	//
+	// @param {string} classes String of space-separated CSS classes used to
+	//     uniquely identify the text layer.
+	// @return {object} The jQuery-wrapped text-layer div.
+
+	Canvas.prototype.getTextLayer = function(classes) {
+
+		var layer = this.text[classes];
+
+		// Create the text layer if it doesn't exist
+
+		if (layer == null) {
+
+			// Create the text layer container, if it doesn't exist
+
+			if (this.textContainer == null) {
+				this.textContainer = $("<div class='flot-text'></div>")
+					.css({
+						position: "absolute",
+						top: 0,
+						left: 0,
+						bottom: 0,
+						right: 0,
+						'font-size': "smaller",
+						color: "#545454"
+					})
+					.insertAfter(this.element);
+			}
+
+			layer = this.text[classes] = $("<div></div>")
+				.addClass(classes)
+				.css({
+					position: "absolute",
+					top: 0,
+					left: 0,
+					bottom: 0,
+					right: 0
+				})
+				.appendTo(this.textContainer);
+		}
+
+		return layer;
+	};
+
+	// Creates (if necessary) and returns a text info object.
+	//
+	// The object looks like this:
+	//
+	// {
+	//     width: Width of the text's wrapper div.
+	//     height: Height of the text's wrapper div.
+	//     element: The jQuery-wrapped HTML div containing the text.
+	//     positions: Array of positions at which this text is drawn.
+	// }
+	//
+	// The positions array contains objects that look like this:
+	//
+	// {
+	//     active: Flag indicating whether the text should be visible.
+	//     rendered: Flag indicating whether the text is currently visible.
+	//     element: The jQuery-wrapped HTML div containing the text.
+	//     x: X coordinate at which to draw the text.
+	//     y: Y coordinate at which to draw the text.
+	// }
+	//
+	// Each position after the first receives a clone of the original element.
+	//
+	// The idea is that that the width, height, and general 'identity' of the
+	// text is constant no matter where it is placed; the placements are a
+	// secondary property.
+	//
+	// Canvas maintains a cache of recently-used text info objects; getTextInfo
+	// either returns the cached element or creates a new entry.
+	//
+	// @param {string} layer A string of space-separated CSS classes uniquely
+	//     identifying the layer containing this text.
+	// @param {string} text Text string to retrieve info for.
+	// @param {(string|object)=} font Either a string of space-separated CSS
+	//     classes or a font-spec object, defining the text's font and style.
+	// @param {number=} angle Angle at which to rotate the text, in degrees.
+	//     Angle is currently unused, it will be implemented in the future.
+	// @param {number=} width Maximum width of the text before it wraps.
+	// @return {object} a text info object.
+
+	Canvas.prototype.getTextInfo = function(layer, text, font, angle, width) {
+
+		var textStyle, layerCache, styleCache, info;
+
+		// Cast the value to a string, in case we were given a number or such
+
+		text = "" + text;
+
+		// If the font is a font-spec object, generate a CSS font definition
+
+		if (typeof font === "object") {
+			textStyle = font.style + " " + font.variant + " " + font.weight + " " + font.size + "px/" + font.lineHeight + "px " + font.family;
+		} else {
+			textStyle = font;
+		}
+
+		// Retrieve (or create) the cache for the text's layer and styles
+
+		layerCache = this._textCache[layer];
+
+		if (layerCache == null) {
+			layerCache = this._textCache[layer] = {};
+		}
+
+		styleCache = layerCache[textStyle];
+
+		if (styleCache == null) {
+			styleCache = layerCache[textStyle] = {};
+		}
+
+		info = styleCache[text];
+
+		// If we can't find a matching element in our cache, create a new one
+
+		if (info == null) {
+
+			var element = $("<div></div>").html(text)
+				.css({
+					position: "absolute",
+					'max-width': width,
+					top: -9999
+				})
+				.appendTo(this.getTextLayer(layer));
+
+			if (typeof font === "object") {
+				element.css({
+					font: textStyle,
+					color: font.color
+				});
+			} else if (typeof font === "string") {
+				element.addClass(font);
+			}
+
+			info = styleCache[text] = {
+				width: element.outerWidth(true),
+				height: element.outerHeight(true),
+				element: element,
+				positions: []
+			};
+
+			element.detach();
+		}
+
+		return info;
+	};
+
+	// Adds a text string to the canvas text overlay.
+	//
+	// The text isn't drawn immediately; it is marked as rendering, which will
+	// result in its addition to the canvas on the next render pass.
+	//
+	// @param {string} layer A string of space-separated CSS classes uniquely
+	//     identifying the layer containing this text.
+	// @param {number} x X coordinate at which to draw the text.
+	// @param {number} y Y coordinate at which to draw the text.
+	// @param {string} text Text string to draw.
+	// @param {(string|object)=} font Either a string of space-separated CSS
+	//     classes or a font-spec object, defining the text's font and style.
+	// @param {number=} angle Angle at which to rotate the text, in degrees.
+	//     Angle is currently unused, it will be implemented in the future.
+	// @param {number=} width Maximum width of the text before it wraps.
+	// @param {string=} halign Horizontal alignment of the text; either "left",
+	//     "center" or "right".
+	// @param {string=} valign Vertical alignment of the text; either "top",
+	//     "middle" or "bottom".
+
+	Canvas.prototype.addText = function(layer, x, y, text, font, angle, width, halign, valign) {
+
+		var info = this.getTextInfo(layer, text, font, angle, width),
+			positions = info.positions;
+
+		// Tweak the div's position to match the text's alignment
+
+		if (halign == "center") {
+			x -= info.width / 2;
+		} else if (halign == "right") {
+			x -= info.width;
+		}
+
+		if (valign == "middle") {
+			y -= info.height / 2;
+		} else if (valign == "bottom") {
+			y -= info.height;
+		}
+
+		// Determine whether this text already exists at this position.
+		// If so, mark it for inclusion in the next render pass.
+
+		for (var i = 0, position; position = positions[i]; i++) {
+			if (position.x == x && position.y == y) {
+				position.active = true;
+				return;
+			}
+		}
+
+		// If the text doesn't exist at this position, create a new entry
+
+		// For the very first position we'll re-use the original element,
+		// while for subsequent ones we'll clone it.
+
+		position = {
+			active: true,
+			rendered: false,
+			element: positions.length ? info.element.clone() : info.element,
+			x: x,
+			y: y
+		};
+
+		positions.push(position);
+
+		// Move the element to its final position within the container
+
+		position.element.css({
+			top: Math.round(y),
+			left: Math.round(x),
+			'text-align': halign	// In case the text wraps
+		});
+	};
+
+	// Removes one or more text strings from the canvas text overlay.
+	//
+	// If no parameters are given, all text within the layer is removed.
+	//
+	// Note that the text is not immediately removed; it is simply marked as
+	// inactive, which will result in its removal on the next render pass.
+	// This avoids the performance penalty for 'clear and redraw' behavior,
+	// where we potentially get rid of all text on a layer, but will likely
+	// add back most or all of it later, as when redrawing axes, for example.
+	//
+	// @param {string} layer A string of space-separated CSS classes uniquely
+	//     identifying the layer containing this text.
+	// @param {number=} x X coordinate of the text.
+	// @param {number=} y Y coordinate of the text.
+	// @param {string=} text Text string to remove.
+	// @param {(string|object)=} font Either a string of space-separated CSS
+	//     classes or a font-spec object, defining the text's font and style.
+	// @param {number=} angle Angle at which the text is rotated, in degrees.
+	//     Angle is currently unused, it will be implemented in the future.
+
+	Canvas.prototype.removeText = function(layer, x, y, text, font, angle) {
+		if (text == null) {
+			var layerCache = this._textCache[layer];
+			if (layerCache != null) {
+				for (var styleKey in layerCache) {
+					if (hasOwnProperty.call(layerCache, styleKey)) {
+						var styleCache = layerCache[styleKey];
+						for (var key in styleCache) {
+							if (hasOwnProperty.call(styleCache, key)) {
+								var positions = styleCache[key].positions;
+								for (var i = 0, position; position = positions[i]; i++) {
+									position.active = false;
+								}
+							}
+						}
+					}
+				}
+			}
+		} else {
+			var positions = this.getTextInfo(layer, text, font, angle).positions;
+			for (var i = 0, position; position = positions[i]; i++) {
+				if (position.x == x && position.y == y) {
+					position.active = false;
+				}
+			}
+		}
+	};
+
+	///////////////////////////////////////////////////////////////////////////
+	// The top-level container for the entire plot.
+
+    function Plot(placeholder, data_, options_, plugins) {
+        // data is on the form:
+        //   [ series1, series2 ... ]
+        // where series is either just the data as [ [x1, y1], [x2, y2], ... ]
+        // or { data: [ [x1, y1], [x2, y2], ... ], label: "some label", ... }
+
+        var series = [],
+            options = {
+                // the color theme used for graphs
+                colors: ["#edc240", "#afd8f8", "#cb4b4b", "#4da74d", "#9440ed"],
+                legend: {
+                    show: true,
+                    noColumns: 1, // number of colums in legend table
+                    labelFormatter: null, // fn: string -> string
+                    labelBoxBorderColor: "#ccc", // border color for the little label boxes
+                    container: null, // container (as jQuery object) to put legend in, null means default on top of graph
+                    position: "ne", // position of default legend container within plot
+                    margin: 5, // distance from grid edge to default legend container within plot
+                    backgroundColor: null, // null means auto-detect
+                    backgroundOpacity: 0.85, // set to 0 to avoid background
+                    sorted: null    // default to no legend sorting
+                },
+                xaxis: {
+                    show: null, // null = auto-detect, true = always, false = never
+                    position: "bottom", // or "top"
+                    mode: null, // null or "time"
+                    font: null, // null (derived from CSS in placeholder) or object like { size: 11, lineHeight: 13, style: "italic", weight: "bold", family: "sans-serif", variant: "small-caps" }
+                    color: null, // base color, labels, ticks
+                    tickColor: null, // possibly different color of ticks, e.g. "rgba(0,0,0,0.15)"
+                    transform: null, // null or f: number -> number to transform axis
+                    inverseTransform: null, // if transform is set, this should be the inverse function
+                    min: null, // min. value to show, null means set automatically
+                    max: null, // max. value to show, null means set automatically
+                    autoscaleMargin: null, // margin in % to add if auto-setting min/max
+                    ticks: null, // either [1, 3] or [[1, "a"], 3] or (fn: axis info -> ticks) or app. number of ticks for auto-ticks
+                    tickFormatter: null, // fn: number -> string
+                    labelWidth: null, // size of tick labels in pixels
+                    labelHeight: null,
+                    reserveSpace: null, // whether to reserve space even if axis isn't shown
+                    tickLength: null, // size in pixels of ticks, or "full" for whole line
+                    alignTicksWithAxis: null, // axis number or null for no sync
+                    tickDecimals: null, // no. of decimals, null means auto
+                    tickSize: null, // number or [number, "unit"]
+                    minTickSize: null // number or [number, "unit"]
+                },
+                yaxis: {
+                    autoscaleMargin: 0.02,
+                    position: "left" // or "right"
+                },
+                xaxes: [],
+                yaxes: [],
+                series: {
+                    points: {
+                        show: false,
+                        radius: 3,
+                        lineWidth: 2, // in pixels
+                        fill: true,
+                        fillColor: "#ffffff",
+                        symbol: "circle" // or callback
+                    },
+                    lines: {
+                        // we don't put in show: false so we can see
+                        // whether lines were actively disabled
+                        lineWidth: 2, // in pixels
+                        fill: false,
+                        fillColor: null,
+                        steps: false
+                        // Omit 'zero', so we can later default its value to
+                        // match that of the 'fill' option.
+                    },
+                    bars: {
+                        show: false,
+                        lineWidth: 2, // in pixels
+                        barWidth: 1, // in units of the x axis
+                        fill: true,
+                        fillColor: null,
+                        align: "left", // "left", "right", or "center"
+                        horizontal: false,
+                        zero: true
+                    },
+                    shadowSize: 3,
+                    highlightColor: null
+                },
+                grid: {
+                    show: true,
+                    aboveData: false,
+                    color: "#545454", // primary color used for outline and labels
+                    backgroundColor: null, // null for transparent, else color
+                    borderColor: null, // set if different from the grid color
+                    tickColor: null, // color for the ticks, e.g. "rgba(0,0,0,0.15)"
+                    margin: 0, // distance from the canvas edge to the grid
+                    labelMargin: 5, // in pixels
+                    axisMargin: 8, // in pixels
+                    borderWidth: 2, // in pixels
+                    minBorderMargin: null, // in pixels, null means taken from points radius
+                    markings: null, // array of ranges or fn: axes -> array of ranges
+                    markingsColor: "#f4f4f4",
+                    markingsLineWidth: 2,
+                    // interactive stuff
+                    clickable: false,
+                    hoverable: false,
+                    autoHighlight: true, // highlight in case mouse is near
+                    mouseActiveRadius: 10 // how far the mouse can be away to activate an item
+                },
+                interaction: {
+                    redrawOverlayInterval: 1000/60 // time between updates, -1 means in same flow
+                },
+                hooks: {}
+            },
+        surface = null,     // the canvas for the plot itself
+        overlay = null,     // canvas for interactive stuff on top of plot
+        eventHolder = null, // jQuery object that events should be bound to
+        ctx = null, octx = null,
+        xaxes = [], yaxes = [],
+        plotOffset = { left: 0, right: 0, top: 0, bottom: 0},
+        plotWidth = 0, plotHeight = 0,
+        hooks = {
+            processOptions: [],
+            processRawData: [],
+            processDatapoints: [],
+            processOffset: [],
+            drawBackground: [],
+            drawSeries: [],
+            draw: [],
+            bindEvents: [],
+            drawOverlay: [],
+            shutdown: []
+        },
+        plot = this;
+
+        // public functions
+        plot.setData = setData;
+        plot.setupGrid = setupGrid;
+        plot.draw = draw;
+        plot.getPlaceholder = function() { return placeholder; };
+        plot.getCanvas = function() { return surface.element; };
+        plot.getPlotOffset = function() { return plotOffset; };
+        plot.width = function () { return plotWidth; };
+        plot.height = function () { return plotHeight; };
+        plot.offset = function () {
+            var o = eventHolder.offset();
+            o.left += plotOffset.left;
+            o.top += plotOffset.top;
+            return o;
+        };
+        plot.getData = function () { return series; };
+        plot.getAxes = function () {
+            var res = {}, i;
+            $.each(xaxes.concat(yaxes), function (_, axis) {
+                if (axis)
+                    res[axis.direction + (axis.n != 1 ? axis.n : "") + "axis"] = axis;
+            });
+            return res;
+        };
+        plot.getXAxes = function () { return xaxes; };
+        plot.getYAxes = function () { return yaxes; };
+        plot.c2p = canvasToAxisCoords;
+        plot.p2c = axisToCanvasCoords;
+        plot.getOptions = function () { return options; };
+        plot.highlight = highlight;
+        plot.unhighlight = unhighlight;
+        plot.triggerRedrawOverlay = triggerRedrawOverlay;
+        plot.pointOffset = function(point) {
+            return {
+                left: parseInt(xaxes[axisNumber(point, "x") - 1].p2c(+point.x) + plotOffset.left, 10),
+                top: parseInt(yaxes[axisNumber(point, "y") - 1].p2c(+point.y) + plotOffset.top, 10)
+            };
+        };
+        plot.shutdown = shutdown;
+        plot.destroy = function () {
+            shutdown();
+            placeholder.removeData("plot").empty();
+
+            series = [];
+            options = null;
+            surface = null;
+            overlay = null;
+            eventHolder = null;
+            ctx = null;
+            octx = null;
+            xaxes = [];
+            yaxes = [];
+            hooks = null;
+            highlights = [];
+            plot = null;
+        };
+        plot.resize = function () {
+        	var width = placeholder.width(),
+        		height = placeholder.height();
+            surface.resize(width, height);
+            overlay.resize(width, height);
+        };
+
+        // public attributes
+        plot.hooks = hooks;
+
+        // initialize
+        initPlugins(plot);
+        parseOptions(options_);
+        setupCanvases();
+        setData(data_);
+        setupGrid();
+        draw();
+        bindEvents();
+
+
+        function executeHooks(hook, args) {
+            args = [plot].concat(args);
+            for (var i = 0; i < hook.length; ++i)
+                hook[i].apply(this, args);
+        }
+
+        function initPlugins() {
+
+            // References to key classes, allowing plugins to modify them
+
+            var classes = {
+                Canvas: Canvas
+            };
+
+            for (var i = 0; i < plugins.length; ++i) {
+                var p = plugins[i];
+                p.init(plot, classes);
+                if (p.options)
+                    $.extend(true, options, p.options);
+            }
+        }
+
+        function parseOptions(opts) {
+
+            $.extend(true, options, opts);
+
+            // $.extend merges arrays, rather than replacing them.  When less
+            // colors are provided than the size of the default palette, we
+            // end up with those colors plus the remaining defaults, which is
+            // not expected behavior; avoid it by replacing them here.
+
+            if (opts && opts.colors) {
+            	options.colors = opts.colors;
+            }
+
+            if (options.xaxis.color == null)
+                options.xaxis.color = $.color.parse(options.grid.color).scale('a', 0.22).toString();
+            if (options.yaxis.color == null)
+                options.yaxis.color = $.color.parse(options.grid.color).scale('a', 0.22).toString();
+
+            if (options.xaxis.tickColor == null) // grid.tickColor for back-compatibility
+                options.xaxis.tickColor = options.grid.tickColor || options.xaxis.color;
+            if (options.yaxis.tickColor == null) // grid.tickColor for back-compatibility
+                options.yaxis.tickColor = options.grid.tickColor || options.yaxis.color;
+
+            if (options.grid.borderColor == null)
+                options.grid.borderColor = options.grid.color;
+            if (options.grid.tickColor == null)
+                options.grid.tickColor = $.color.parse(options.grid.color).scale('a', 0.22).toString();
+
+            // Fill in defaults for axis options, including any unspecified
+            // font-spec fields, if a font-spec was provided.
+
+            // If no x/y axis options were provided, create one of each anyway,
+            // since the rest of the code assumes that they exist.
+
+            var i, axisOptions, axisCount,
+                fontSize = placeholder.css("font-size"),
+                fontSizeDefault = fontSize ? +fontSize.replace("px", "") : 13,
+                fontDefaults = {
+                    style: placeholder.css("font-style"),
+                    size: Math.round(0.8 * fontSizeDefault),
+                    variant: placeholder.css("font-variant"),
+                    weight: placeholder.css("font-weight"),
+                    family: placeholder.css("font-family")
+                };
+
+            axisCount = options.xaxes.length || 1;
+            for (i = 0; i < axisCount; ++i) {
+
+                axisOptions = options.xaxes[i];
+                if (axisOptions && !axisOptions.tickColor) {
+                    axisOptions.tickColor = axisOptions.color;
+                }
+
+                axisOptions = $.extend(true, {}, options.xaxis, axisOptions);
+                options.xaxes[i] = axisOptions;
+
+                if (axisOptions.font) {
+                    axisOptions.font = $.extend({}, fontDefaults, axisOptions.font);
+                    if (!axisOptions.font.color) {
+                        axisOptions.font.color = axisOptions.color;
+                    }
+                    if (!axisOptions.font.lineHeight) {
+                        axisOptions.font.lineHeight = Math.round(axisOptions.font.size * 1.15);
+                    }
+                }
+            }
+
+            axisCount = options.yaxes.length || 1;
+            for (i = 0; i < axisCount; ++i) {
+
+                axisOptions = options.yaxes[i];
+                if (axisOptions && !axisOptions.tickColor) {
+                    axisOptions.tickColor = axisOptions.color;
+                }
+
+                axisOptions = $.extend(true, {}, options.yaxis, axisOptions);
+                options.yaxes[i] = axisOptions;
+
+                if (axisOptions.font) {
+                    axisOptions.font = $.extend({}, fontDefaults, axisOptions.font);
+                    if (!axisOptions.font.color) {
+                        axisOptions.font.color = axisOptions.color;
+                    }
+                    if (!axisOptions.font.lineHeight) {
+                        axisOptions.font.lineHeight = Math.round(axisOptions.font.size * 1.15);
+                    }
+                }
+            }
+
+            // backwards compatibility, to be removed in future
+            if (options.xaxis.noTicks && options.xaxis.ticks == null)
+                options.xaxis.ticks = options.xaxis.noTicks;
+            if (options.yaxis.noTicks && options.yaxis.ticks == null)
+                options.yaxis.ticks = options.yaxis.noTicks;
+            if (options.x2axis) {
+                options.xaxes[1] = $.extend(true, {}, options.xaxis, options.x2axis);
+                options.xaxes[1].position = "top";
+                // Override the inherit to allow the axis to auto-scale
+                if (options.x2axis.min == null) {
+                    options.xaxes[1].min = null;
+                }
+                if (options.x2axis.max == null) {
+                    options.xaxes[1].max = null;
+                }
+            }
+            if (options.y2axis) {
+                options.yaxes[1] = $.extend(true, {}, options.yaxis, options.y2axis);
+                options.yaxes[1].position = "right";
+                // Override the inherit to allow the axis to auto-scale
+                if (options.y2axis.min == null) {
+                    options.yaxes[1].min = null;
+                }
+                if (options.y2axis.max == null) {
+                    options.yaxes[1].max = null;
+                }
+            }
+            if (options.grid.coloredAreas)
+                options.grid.markings = options.grid.coloredAreas;
+            if (options.grid.coloredAreasColor)
+                options.grid.markingsColor = options.grid.coloredAreasColor;
+            if (options.lines)
+                $.extend(true, options.series.lines, options.lines);
+            if (options.points)
+                $.extend(true, options.series.points, options.points);
+            if (options.bars)
+                $.extend(true, options.series.bars, options.bars);
+            if (options.shadowSize != null)
+                options.series.shadowSize = options.shadowSize;
+            if (options.highlightColor != null)
+                options.series.highlightColor = options.highlightColor;
+
+            // save options on axes for future reference
+            for (i = 0; i < options.xaxes.length; ++i)
+                getOrCreateAxis(xaxes, i + 1).options = options.xaxes[i];
+            for (i = 0; i < options.yaxes.length; ++i)
+                getOrCreateAxis(yaxes, i + 1).options = options.yaxes[i];
+
+            // add hooks from options
+            for (var n in hooks)
+                if (options.hooks[n] && options.hooks[n].length)
+                    hooks[n] = hooks[n].concat(options.hooks[n]);
+
+            executeHooks(hooks.processOptions, [options]);
+        }
+
+        function setData(d) {
+            series = parseData(d);
+            fillInSeriesOptions();
+            processData();
+        }
+
+        function parseData(d) {
+            var res = [];
+            for (var i = 0; i < d.length; ++i) {
+                var s = $.extend(true, {}, options.series);
+
+                if (d[i].data != null) {
+                    s.data = d[i].data; // move the data instead of deep-copy
+                    delete d[i].data;
+
+                    $.extend(true, s, d[i]);
+
+                    d[i].data = s.data;
+                }
+                else
+                    s.data = d[i];
+                res.push(s);
+            }
+
+            return res;
+        }
+
+        function axisNumber(obj, coord) {
+            var a = obj[coord + "axis"];
+            if (typeof a == "object") // if we got a real axis, extract number
+                a = a.n;
+            if (typeof a != "number")
+                a = 1; // default to first axis
+            return a;
+        }
+
+        function allAxes() {
+            // return flat array without annoying null entries
+            return $.grep(xaxes.concat(yaxes), function (a) { return a; });
+        }
+
+        function canvasToAxisCoords(pos) {
+            // return an object with x/y corresponding to all used axes
+            var res = {}, i, axis;
+            for (i = 0; i < xaxes.length; ++i) {
+                axis = xaxes[i];
+                if (axis && axis.used)
+                    res["x" + axis.n] = axis.c2p(pos.left);
+            }
+
+            for (i = 0; i < yaxes.length; ++i) {
+                axis = yaxes[i];
+                if (axis && axis.used)
+                    res["y" + axis.n] = axis.c2p(pos.top);
+            }
+
+            if (res.x1 !== undefined)
+                res.x = res.x1;
+            if (res.y1 !== undefined)
+                res.y = res.y1;
+
+            return res;
+        }
+
+        function axisToCanvasCoords(pos) {
+            // get canvas coords from the first pair of x/y found in pos
+            var res = {}, i, axis, key;
+
+            for (i = 0; i < xaxes.length; ++i) {
+                axis = xaxes[i];
+                if (axis && axis.used) {
+                    key = "x" + axis.n;
+                    if (pos[key] == null && axis.n == 1)
+                        key = "x";
+
+                    if (pos[key] != null) {
+                        res.left = axis.p2c(pos[key]);
+                        break;
+                    }
+                }
+            }
+
+            for (i = 0; i < yaxes.length; ++i) {
+                axis = yaxes[i];
+                if (axis && axis.used) {
+                    key = "y" + axis.n;
+                    if (pos[key] == null && axis.n == 1)
+                        key = "y";
+
+                    if (pos[key] != null) {
+                        res.top = axis.p2c(pos[key]);
+                        break;
+                    }
+                }
+            }
+
+            return res;
+        }
+
+        function getOrCreateAxis(axes, number) {
+            if (!axes[number - 1])
+                axes[number - 1] = {
+                    n: number, // save the number for future reference
+                    direction: axes == xaxes ? "x" : "y",
+                    options: $.extend(true, {}, axes == xaxes ? options.xaxis : options.yaxis)
+                };
+
+            return axes[number - 1];
+        }
+
+        function fillInSeriesOptions() {
+
+            var neededColors = series.length, maxIndex = -1, i;
+
+            // Subtract the number of series that already have fixed colors or
+            // color indexes from the number that we still need to generate.
+
+            for (i = 0; i < series.length; ++i) {
+                var sc = series[i].color;
+                if (sc != null) {
+                    neededColors--;
+                    if (typeof sc == "number" && sc > maxIndex) {
+                        maxIndex = sc;
+                    }
+                }
+            }
+
+            // If any of the series have fixed color indexes, then we need to
+            // generate at least as many colors as the highest index.
+
+            if (neededColors <= maxIndex) {
+                neededColors = maxIndex + 1;
+            }
+
+            // Generate all the colors, using first the option colors and then
+            // variations on those colors once they're exhausted.
+
+            var c, colors = [], colorPool = options.colors,
+                colorPoolSize = colorPool.length, variation = 0;
+
+            for (i = 0; i < neededColors; i++) {
+
+                c = $.color.parse(colorPool[i % colorPoolSize] || "#666");
+
+                // Each time we exhaust the colors in the pool we adjust
+                // a scaling factor used to produce more variations on
+                // those colors. The factor alternates negative/positive
+                // to produce lighter/darker colors.
+
+                // Reset the variation after every few cycles, or else
+                // it will end up producing only white or black colors.
+
+                if (i % colorPoolSize == 0 && i) {
+                    if (variation >= 0) {
+                        if (variation < 0.5) {
+                            variation = -variation - 0.2;
+                        } else variation = 0;
+                    } else variation = -variation;
+                }
+
+                colors[i] = c.scale('rgb', 1 + variation);
+            }
+
+            // Finalize the series options, filling in their colors
+
+            var colori = 0, s;
+            for (i = 0; i < series.length; ++i) {
+                s = series[i];
+
+                // assign colors
+                if (s.color == null) {
+                    s.color = colors[colori].toString();
+                    ++colori;
+                }
+                else if (typeof s.color == "number")
+                    s.color = colors[s.color].toString();
+
+                // turn on lines automatically in case nothing is set
+                if (s.lines.show == null) {
+                    var v, show = true;
+                    for (v in s)
+                        if (s[v] && s[v].show) {
+                            show = false;
+                            break;
+                        }
+                    if (show)
+                        s.lines.show = true;
+                }
+
+                // If nothing was provided for lines.zero, default it to match
+                // lines.fill, since areas by default should extend to zero.
+
+                if (s.lines.zero == null) {
+                    s.lines.zero = !!s.lines.fill;
+                }
+
+                // setup axes
+                s.xaxis = getOrCreateAxis(xaxes, axisNumber(s, "x"));
+                s.yaxis = getOrCreateAxis(yaxes, axisNumber(s, "y"));
+            }
+        }
+
+        function processData() {
+            var topSentry = Number.POSITIVE_INFINITY,
+                bottomSentry = Number.NEGATIVE_INFINITY,
+                fakeInfinity = Number.MAX_VALUE,
+                i, j, k, m, length,
+                s, points, ps, x, y, axis, val, f, p,
+                data, format;
+
+            function updateAxis(axis, min, max) {
+                if (min < axis.datamin && min != -fakeInfinity)
+                    axis.datamin = min;
+                if (max > axis.datamax && max != fakeInfinity)
+                    axis.datamax = max;
+            }
+
+            $.each(allAxes(), function (_, axis) {
+                // init axis
+                axis.datamin = topSentry;
+                axis.datamax = bottomSentry;
+                axis.used = false;
+            });
+
+            for (i = 0; i < series.length; ++i) {
+                s = series[i];
+                s.datapoints = { points: [] };
+
+                executeHooks(hooks.processRawData, [ s, s.data, s.datapoints ]);
+            }
+
+            // first pass: clean and copy data
+            for (i = 0; i < series.length; ++i) {
+                s = series[i];
+
+                data = s.data;
+                format = s.datapoints.format;
+
+                if (!format) {
+                    format = [];
+                    // find out how to copy
+                    format.push({ x: true, number: true, required: true });
+                    format.push({ y: true, number: true, required: true });
+
+                    if (s.bars.show || (s.lines.show && s.lines.fill)) {
+                        var autoscale = !!((s.bars.show && s.bars.zero) || (s.lines.show && s.lines.zero));
+                        format.push({ y: true, number: true, required: false, defaultValue: 0, autoscale: autoscale });
+                        if (s.bars.horizontal) {
+                            delete format[format.length - 1].y;
+                            format[format.length - 1].x = true;
+                        }
+                    }
+
+                    s.datapoints.format = format;
+                }
+
+                if (s.datapoints.pointsize != null)
+                    continue; // already filled in
+
+                s.datapoints.pointsize = format.length;
+
+                ps = s.datapoints.pointsize;
+                points = s.datapoints.points;
+
+                var insertSteps = s.lines.show && s.lines.steps;
+                s.xaxis.used = s.yaxis.used = true;
+
+                for (j = k = 0; j < data.length; ++j, k += ps) {
+                    p = data[j];
+
+                    var nullify = p == null;
+                    if (!nullify) {
+                        for (m = 0; m < ps; ++m) {
+                            val = p[m];
+                            f = format[m];
+
+                            if (f) {
+                                if (f.number && val != null) {
+                                    val = +val; // convert to number
+                                    if (isNaN(val))
+                                        val = null;
+                                    else if (val == Infinity)
+                                        val = fakeInfinity;
+                                    else if (val == -Infinity)
+                                        val = -fakeInfinity;
+                                }
+
+                                if (val == null) {
+                                    if (f.required)
+                                        nullify = true;
+
+                                    if (f.defaultValue != null)
+                                        val = f.defaultValue;
+                                }
+                            }
+
+                            points[k + m] = val;
+                        }
+                    }
+
+                    if (nullify) {
+                        for (m = 0; m < ps; ++m) {
+                            val = points[k + m];
+                            if (val != null) {
+                                f = format[m];
+                                // extract min/max info
+                                if (f.autoscale !== false) {
+                                    if (f.x) {
+                                        updateAxis(s.xaxis, val, val);
+                                    }
+                                    if (f.y) {
+                                        updateAxis(s.yaxis, val, val);
+                                    }
+                                }
+                            }
+                            points[k + m] = null;
+                        }
+                    }
+                    else {
+                        // a little bit of line specific stuff that
+                        // perhaps shouldn't be here, but lacking
+                        // better means...
+                        if (insertSteps && k > 0
+                            && points[k - ps] != null
+                            && points[k - ps] != points[k]
+                            && points[k - ps + 1] != points[k + 1]) {
+                            // copy the point to make room for a middle point
+                            for (m = 0; m < ps; ++m)
+                                points[k + ps + m] = points[k + m];
+
+                            // middle point has same y
+                            points[k + 1] = points[k - ps + 1];
+
+                            // we've added a point, better reflect that
+                            k += ps;
+                        }
+                    }
+                }
+            }
+
+            // give the hooks a chance to run
+            for (i = 0; i < series.length; ++i) {
+                s = series[i];
+
+                executeHooks(hooks.processDatapoints, [ s, s.datapoints]);
+            }
+
+            // second pass: find datamax/datamin for auto-scaling
+            for (i = 0; i < series.length; ++i) {
+                s = series[i];
+                points = s.datapoints.points;
+                ps = s.datapoints.pointsize;
+                format = s.datapoints.format;
+
+                var xmin = topSentry, ymin = topSentry,
+                    xmax = bottomSentry, ymax = bottomSentry;
+
+                for (j = 0; j < points.length; j += ps) {
+                    if (points[j] == null)
+                        continue;
+
+                    for (m = 0; m < ps; ++m) {
+                        val = points[j + m];
+                        f = format[m];
+                        if (!f || f.autoscale === false || val == fakeInfinity || val == -fakeInfinity)
+                            continue;
+
+                        if (f.x) {
+                            if (val < xmin)
+                                xmin = val;
+                            if (val > xmax)
+                                xmax = val;
+                        }
+                        if (f.y) {
+                            if (val < ymin)
+                                ymin = val;
+                            if (val > ymax)
+                                ymax = val;
+                        }
+                    }
+                }
+
+                if (s.bars.show) {
+                    // make sure we got room for the bar on the dancing floor
+                    var delta;
+
+                    switch (s.bars.align) {
+                        case "left":
+                            delta = 0;
+                            break;
+                        case "right":
+                            delta = -s.bars.barWidth;
+                            break;
+                        default:
+                            delta = -s.bars.barWidth / 2;
+                    }
+
+                    if (s.bars.horizontal) {
+                        ymin += delta;
+                        ymax += delta + s.bars.barWidth;
+                    }
+                    else {
+                        xmin += delta;
+                        xmax += delta + s.bars.barWidth;
+                    }
+                }
+
+                updateAxis(s.xaxis, xmin, xmax);
+                updateAxis(s.yaxis, ymin, ymax);
+            }
+
+            $.each(allAxes(), function (_, axis) {
+                if (axis.datamin == topSentry)
+                    axis.datamin = null;
+                if (axis.datamax == bottomSentry)
+                    axis.datamax = null;
+            });
+        }
+
+        function setupCanvases() {
+
+            // Make sure the placeholder is clear of everything except canvases
+            // from a previous plot in this container that we'll try to re-use.
+
+            placeholder.css("padding", 0) // padding messes up the positioning
+                .children().filter(function(){
+                    return !$(this).hasClass("flot-overlay") && !$(this).hasClass('flot-base');
+                }).remove();
+
+            if (placeholder.css("position") == 'static')
+                placeholder.css("position", "relative"); // for positioning labels and overlay
+
+            surface = new Canvas("flot-base", placeholder);
+            overlay = new Canvas("flot-overlay", placeholder); // overlay canvas for interactive features
+
+            ctx = surface.context;
+            octx = overlay.context;
+
+            // define which element we're listening for events on
+            eventHolder = $(overlay.element).unbind();
+
+            // If we're re-using a plot object, shut down the old one
+
+            var existing = placeholder.data("plot");
+
+            if (existing) {
+                existing.shutdown();
+                overlay.clear();
+            }
+
+            // save in case we get replotted
+            placeholder.data("plot", plot);
+        }
+
+        function bindEvents() {
+            // bind events
+            if (options.grid.hoverable) {
+                eventHolder.mousemove(onMouseMove);
+
+                // Use bind, rather than .mouseleave, because we officially
+                // still support jQuery 1.2.6, which doesn't define a shortcut
+                // for mouseenter or mouseleave.  This was a bug/oversight that
+                // was fixed somewhere around 1.3.x.  We can return to using
+                // .mouseleave when we drop support for 1.2.6.
+
+                eventHolder.bind("mouseleave", onMouseLeave);
+            }
+
+            if (options.grid.clickable)
+                eventHolder.click(onClick);
+
+            executeHooks(hooks.bindEvents, [eventHolder]);
+        }
+
+        function shutdown() {
+            if (redrawTimeout)
+                clearTimeout(redrawTimeout);
+
+            eventHolder.unbind("mousemove", onMouseMove);
+            eventHolder.unbind("mouseleave", onMouseLeave);
+            eventHolder.unbind("click", onClick);
+
+            executeHooks(hooks.shutdown, [eventHolder]);
+        }
+
+        function setTransformationHelpers(axis) {
+            // set helper functions on the axis, assumes plot area
+            // has been computed already
+
+            function identity(x) { return x; }
+
+            var s, m, t = axis.options.transform || identity,
+                it = axis.options.inverseTransform;
+
+            // precompute how much the axis is scaling a point
+            // in canvas space
+            if (axis.direction == "x") {
+                s = axis.scale = plotWidth / Math.abs(t(axis.max) - t(axis.min));
+                m = Math.min(t(axis.max), t(axis.min));
+            }
+            else {
+                s = axis.scale = plotHeight / Math.abs(t(axis.max) - t(axis.min));
+                s = -s;
+                m = Math.max(t(axis.max), t(axis.min));
+            }
+
+            // data point to canvas coordinate
+            if (t == identity) // slight optimization
+                axis.p2c = function (p) { return (p - m) * s; };
+            else
+                axis.p2c = function (p) { return (t(p) - m) * s; };
+            // canvas coordinate to data point
+            if (!it)
+                axis.c2p = function (c) { return m + c / s; };
+            else
+                axis.c2p = function (c) { return it(m + c / s); };
+        }
+
+        function measureTickLabels(axis) {
+
+            var opts = axis.options,
+                ticks = axis.ticks || [],
+                labelWidth = opts.labelWidth || 0,
+                labelHeight = opts.labelHeight || 0,
+                maxWidth = labelWidth || (axis.direction == "x" ? Math.floor(surface.width / (ticks.length || 1)) : null),
+                legacyStyles = axis.direction + "Axis " + axis.direction + axis.n + "Axis",
+                layer = "flot-" + axis.direction + "-axis flot-" + axis.direction + axis.n + "-axis " + legacyStyles,
+                font = opts.font || "flot-tick-label tickLabel";
+
+            for (var i = 0; i < ticks.length; ++i) {
+
+                var t = ticks[i];
+
+                if (!t.label)
+                    continue;
+
+                var info = surface.getTextInfo(layer, t.label, font, null, maxWidth);
+
+                labelWidth = Math.max(labelWidth, info.width);
+                labelHeight = Math.max(labelHeight, info.height);
+            }
+
+            axis.labelWidth = opts.labelWidth || labelWidth;
+            axis.labelHeight = opts.labelHeight || labelHeight;
+        }
+
+        function allocateAxisBoxFirstPhase(axis) {
+            // find the bounding box of the axis by looking at label
+            // widths/heights and ticks, make room by diminishing the
+            // plotOffset; this first phase only looks at one
+            // dimension per axis, the other dimension depends on the
+            // other axes so will have to wait
+
+            var lw = axis.labelWidth,
+                lh = axis.labelHeight,
+                pos = axis.options.position,
+                isXAxis = axis.direction === "x",
+                tickLength = axis.options.tickLength,
+                axisMargin = options.grid.axisMargin,
+                padding = options.grid.labelMargin,
+                innermost = true,
+                outermost = true,
+                first = true,
+                found = false;
+
+            // Determine the axis's position in its direction and on its side
+
+            $.each(isXAxis ? xaxes : yaxes, function(i, a) {
+                if (a && (a.show || a.reserveSpace)) {
+                    if (a === axis) {
+                        found = true;
+                    } else if (a.options.position === pos) {
+                        if (found) {
+                            outermost = false;
+                        } else {
+                            innermost = false;
+                        }
+                    }
+                    if (!found) {
+                        first = false;
+                    }
+                }
+            });
+
+            // The outermost axis on each side has no margin
+
+            if (outermost) {
+                axisMargin = 0;
+            }
+
+            // The ticks for the first axis in each direction stretch across
+
+            if (tickLength == null) {
+                tickLength = first ? "full" : 5;
+            }
+
+            if (!isNaN(+tickLength))
+                padding += +tickLength;
+
+            if (isXAxis) {
+                lh += padding;
+
+                if (pos == "bottom") {
+                    plotOffset.bottom += lh + axisMargin;
+                    axis.box = { top: surface.height - plotOffset.bottom, height: lh };
+                }
+                else {
+                    axis.box = { top: plotOffset.top + axisMargin, height: lh };
+                    plotOffset.top += lh + axisMargin;
+                }
+            }
+            else {
+                lw += padding;
+
+                if (pos == "left") {
+                    axis.box = { left: plotOffset.left + axisMargin, width: lw };
+                    plotOffset.left += lw + axisMargin;
+                }
+                else {
+                    plotOffset.right += lw + axisMargin;
+                    axis.box = { left: surface.width - plotOffset.right, width: lw };
+                }
+            }
+
+             // save for future reference
+            axis.position = pos;
+            axis.tickLength = tickLength;
+            axis.box.padding = padding;
+            axis.innermost = innermost;
+        }
+
+        function allocateAxisBoxSecondPhase(axis) {
+            // now that all axis boxes have been placed in one
+            // dimension, we can set the remaining dimension coordinates
+            if (axis.direction == "x") {
+                axis.box.left = plotOffset.left - axis.labelWidth / 2;
+                axis.box.width = surface.width - plotOffset.left - plotOffset.right + axis.labelWidth;
+            }
+            else {
+                axis.box.top = plotOffset.top - axis.labelHeight / 2;
+                axis.box.height = surface.height - plotOffset.bottom - plotOffset.top + axis.labelHeight;
+            }
+        }
+
+        function adjustLayoutForThingsStickingOut() {
+            // possibly adjust plot offset to ensure everything stays
+            // inside the canvas and isn't clipped off
+
+            var minMargin = options.grid.minBorderMargin,
+                axis, i;
+
+            // check stuff from the plot (FIXME: this should just read
+            // a value from the series, otherwise it's impossible to
+            // customize)
+            if (minMargin == null) {
+                minMargin = 0;
+                for (i = 0; i < series.length; ++i)
+                    minMargin = Math.max(minMargin, 2 * (series[i].points.radius + series[i].points.lineWidth/2));
+            }
+
+            var margins = {
+                left: minMargin,
+                right: minMargin,
+                top: minMargin,
+                bottom: minMargin
+            };
+
+            // check axis labels, note we don't check the actual
+            // labels but instead use the overall width/height to not
+            // jump as much around with replots
+            $.each(allAxes(), function (_, axis) {
+                if (axis.reserveSpace && axis.ticks && axis.ticks.length) {
+                    if (axis.direction === "x") {
+                        margins.left = Math.max(margins.left, axis.labelWidth / 2);
+                        margins.right = Math.max(margins.right, axis.labelWidth / 2);
+                    } else {
+                        margins.bottom = Math.max(margins.bottom, axis.labelHeight / 2);
+                        margins.top = Math.max(margins.top, axis.labelHeight / 2);
+                    }
+                }
+            });
+
+            plotOffset.left = Math.ceil(Math.max(margins.left, plotOffset.left));
+            plotOffset.right = Math.ceil(Math.max(margins.right, plotOffset.right));
+            plotOffset.top = Math.ceil(Math.max(margins.top, plotOffset.top));
+            plotOffset.bottom = Math.ceil(Math.max(margins.bottom, plotOffset.bottom));
+        }
+
+        function setupGrid() {
+            var i, axes = allAxes(), showGrid = options.grid.show;
+
+            // Initialize the plot's offset from the edge of the canvas
+
+            for (var a in plotOffset) {
+                var margin = options.grid.margin || 0;
+                plotOffset[a] = typeof margin == "number" ? margin : margin[a] || 0;
+            }
+
+            executeHooks(hooks.processOffset, [plotOffset]);
+
+            // If the grid is visible, add its border width to the offset
+
+            for (var a in plotOffset) {
+                if(typeof(options.grid.borderWidth) == "object") {
+                    plotOffset[a] += showGrid ? options.grid.borderWidth[a] : 0;
+                }
+                else {
+                    plotOffset[a] += showGrid ? options.grid.borderWidth : 0;
+                }
+            }
+
+            $.each(axes, function (_, axis) {
+                var axisOpts = axis.options;
+                axis.show = axisOpts.show == null ? axis.used : axisOpts.show;
+                axis.reserveSpace = axisOpts.reserveSpace == null ? axis.show : axisOpts.reserveSpace;
+                setRange(axis);
+            });
+
+            if (showGrid) {
+
+                var allocatedAxes = $.grep(axes, function (axis) {
+                    return axis.show || axis.reserveSpace;
+                });
+
+                $.each(allocatedAxes, function (_, axis) {
+                    // make the ticks
+                    setupTickGeneration(axis);
+                    setTicks(axis);
+                    snapRangeToTicks(axis, axis.ticks);
+                    // find labelWidth/Height for axis
+                    measureTickLabels(axis);
+                });
+
+                // with all dimensions calculated, we can compute the
+                // axis bounding boxes, start from the outside
+                // (reverse order)
+                for (i = allocatedAxes.length - 1; i >= 0; --i)
+                    allocateAxisBoxFirstPhase(allocatedAxes[i]);
+
+                // make sure we've got enough space for things that
+                // might stick out
+                adjustLayoutForThingsStickingOut();
+
+                $.each(allocatedAxes, function (_, axis) {
+                    allocateAxisBoxSecondPhase(axis);
+                });
+            }
+
+            plotWidth = surface.width - plotOffset.left - plotOffset.right;
+            plotHeight = surface.height - plotOffset.bottom - plotOffset.top;
+
+            // now we got the proper plot dimensions, we can compute the scaling
+            $.each(axes, function (_, axis) {
+                setTransformationHelpers(axis);
+            });
+
+            if (showGrid) {
+                drawAxisLabels();
+            }
+
+            insertLegend();
+        }
+
+        function setRange(axis) {
+            var opts = axis.options,
+                min = +(opts.min != null ? opts.min : axis.datamin),
+                max = +(opts.max != null ? opts.max : axis.datamax),
+                delta = max - min;
+
+            if (delta == 0.0) {
+                // degenerate case
+                var widen = max == 0 ? 1 : 0.01;
+
+                if (opts.min == null)
+                    min -= widen;
+                // always widen max if we couldn't widen min to ensure we
+                // don't fall into min == max which doesn't work
+                if (opts.max == null || opts.min != null)
+                    max += widen;
+            }
+            else {
+                // consider autoscaling
+                var margin = opts.autoscaleMargin;
+                if (margin != null) {
+                    if (opts.min == null) {
+                        min -= delta * margin;
+                        // make sure we don't go below zero if all values
+                        // are positive
+                        if (min < 0 && axis.datamin != null && axis.datamin >= 0)
+                            min = 0;
+                    }
+                    if (opts.max == null) {
+                        max += delta * margin;
+                        if (max > 0 && axis.datamax != null && axis.datamax <= 0)
+                            max = 0;
+                    }
+                }
+            }
+            axis.min = min;
+            axis.max = max;
+        }
+
+        function setupTickGeneration(axis) {
+            var opts = axis.options;
+
+            // estimate number of ticks
+            var noTicks;
+            if (typeof opts.ticks == "number" && opts.ticks > 0)
+                noTicks = opts.ticks;
+            else
+                // heuristic based on the model a*sqrt(x) fitted to
+                // some data points that seemed reasonable
+                noTicks = 0.3 * Math.sqrt(axis.direction == "x" ? surface.width : surface.height);
+
+            var delta = (axis.max - axis.min) / noTicks,
+                dec = -Math.floor(Math.log(delta) / Math.LN10),
+                maxDec = opts.tickDecimals;
+
+            if (maxDec != null && dec > maxDec) {
+                dec = maxDec;
+            }
+
+            var magn = Math.pow(10, -dec),
+                norm = delta / magn, // norm is between 1.0 and 10.0
+                size;
+
+            if (norm < 1.5) {
+                size = 1;
+            } else if (norm < 3) {
+                size = 2;
+                // special case for 2.5, requires an extra decimal
+                if (norm > 2.25 && (maxDec == null || dec + 1 <= maxDec)) {
+                    size = 2.5;
+                    ++dec;
+                }
+            } else if (norm < 7.5) {
+                size = 5;
+            } else {
+                size = 10;
+            }
+
+            size *= magn;
+
+            if (opts.minTickSize != null && size < opts.minTickSize) {
+                size = opts.minTickSize;
+            }
+
+            axis.delta = delta;
+            axis.tickDecimals = Math.max(0, maxDec != null ? maxDec : dec);
+            axis.tickSize = opts.tickSize || size;
+
+            // Time mode was moved to a plug-in in 0.8, and since so many people use it
+            // we'll add an especially friendly reminder to make sure they included it.
+
+            if (opts.mode == "time" && !axis.tickGenerator) {
+                throw new Error("Time mode requires the flot.time plugin.");
+            }
+
+            // Flot supports base-10 axes; any other mode else is handled by a plug-in,
+            // like flot.time.js.
+
+            if (!axis.tickGenerator) {
+
+                axis.tickGenerator = function (axis) {
+
+                    var ticks = [],
+                        start = floorInBase(axis.min, axis.tickSize),
+                        i = 0,
+                        v = Number.NaN,
+                        prev;
+
+                    do {
+                        prev = v;
+                        v = start + i * axis.tickSize;
+                        ticks.push(v);
+                        ++i;
+                    } while (v < axis.max && v != prev);
+                    return ticks;
+                };
+
+				axis.tickFormatter = function (value, axis) {
+
+					var factor = axis.tickDecimals ? Math.pow(10, axis.tickDecimals) : 1;
+					var formatted = "" + Math.round(value * factor) / factor;
+
+					// If tickDecimals was specified, ensure that we have exactly that
+					// much precision; otherwise default to the value's own precision.
+
+					if (axis.tickDecimals != null) {
+						var decimal = formatted.indexOf(".");
+						var precision = decimal == -1 ? 0 : formatted.length - decimal - 1;
+						if (precision < axis.tickDecimals) {
+							return (precision ? formatted : formatted + ".") + ("" + factor).substr(1, axis.tickDecimals - precision);
+						}
+					}
+
+                    return formatted;
+                };
+            }
+
+            if ($.isFunction(opts.tickFormatter))
+                axis.tickFormatter = function (v, axis) { return "" + opts.tickFormatter(v, axis); };
+
+            if (opts.alignTicksWithAxis != null) {
+                var otherAxis = (axis.direction == "x" ? xaxes : yaxes)[opts.alignTicksWithAxis - 1];
+                if (otherAxis && otherAxis.used && otherAxis != axis) {
+                    // consider snapping min/max to outermost nice ticks
+                    var niceTicks = axis.tickGenerator(axis);
+                    if (niceTicks.length > 0) {
+                        if (opts.min == null)
+                            axis.min = Math.min(axis.min, niceTicks[0]);
+                        if (opts.max == null && niceTicks.length > 1)
+                            axis.max = Math.max(axis.max, niceTicks[niceTicks.length - 1]);
+                    }
+
+                    axis.tickGenerator = function (axis) {
+                        // copy ticks, scaled to this axis
+                        var ticks = [], v, i;
+                        for (i = 0; i < otherAxis.ticks.length; ++i) {
+                            v = (otherAxis.ticks[i].v - otherAxis.min) / (otherAxis.max - otherAxis.min);
+                            v = axis.min + v * (axis.max - axis.min);
+                            ticks.push(v);
+                        }
+                        return ticks;
+                    };
+
+                    // we might need an extra decimal since forced
+                    // ticks don't necessarily fit naturally
+                    if (!axis.mode && opts.tickDecimals == null) {
+                        var extraDec = Math.max(0, -Math.floor(Math.log(axis.delta) / Math.LN10) + 1),
+                            ts = axis.tickGenerator(axis);
+
+                        // only proceed if the tick interval rounded
+                        // with an extra decimal doesn't give us a
+                        // zero at end
+                        if (!(ts.length > 1 && /\..*0$/.test((ts[1] - ts[0]).toFixed(extraDec))))
+                            axis.tickDecimals = extraDec;
+                    }
+                }
+            }
+        }
+
+        function setTicks(axis) {
+            var oticks = axis.options.ticks, ticks = [];
+            if (oticks == null || (typeof oticks == "number" && oticks > 0))
+                ticks = axis.tickGenerator(axis);
+            else if (oticks) {
+                if ($.isFunction(oticks))
+                    // generate the ticks
+                    ticks = oticks(axis);
+                else
+                    ticks = oticks;
+            }
+
+            // clean up/labelify the supplied ticks, copy them over
+            var i, v;
+            axis.ticks = [];
+            for (i = 0; i < ticks.length; ++i) {
+                var label = null;
+                var t = ticks[i];
+                if (typeof t == "object") {
+                    v = +t[0];
+                    if (t.length > 1)
+                        label = t[1];
+                }
+                else
+                    v = +t;
+                if (label == null)
+                    label = axis.tickFormatter(v, axis);
+                if (!isNaN(v))
+                    axis.ticks.push({ v: v, label: label });
+            }
+        }
+
+        function snapRangeToTicks(axis, ticks) {
+            if (axis.options.autoscaleMargin && ticks.length > 0) {
+                // snap to ticks
+                if (axis.options.min == null)
+                    axis.min = Math.min(axis.min, ticks[0].v);
+                if (axis.options.max == null && ticks.length > 1)
+                    axis.max = Math.max(axis.max, ticks[ticks.length - 1].v);
+            }
+        }
+
+        function draw() {
+
+            surface.clear();
+
+            executeHooks(hooks.drawBackground, [ctx]);
+
+            var grid = options.grid;
+
+            // draw background, if any
+            if (grid.show && grid.backgroundColor)
+                drawBackground();
+
+            if (grid.show && !grid.aboveData) {
+                drawGrid();
+            }
+
+            for (var i = 0; i < series.length; ++i) {
+                executeHooks(hooks.drawSeries, [ctx, series[i]]);
+                drawSeries(series[i]);
+            }
+
+            executeHooks(hooks.draw, [ctx]);
+
+            if (grid.show && grid.aboveData) {
+                drawGrid();
+            }
+
+            surface.render();
+
+            // A draw implies that either the axes or data have changed, so we
+            // should probably update the overlay highlights as well.
+
+            triggerRedrawOverlay();
+        }
+
+        function extractRange(ranges, coord) {
+            var axis, from, to, key, axes = allAxes();
+
+            for (var i = 0; i < axes.length; ++i) {
+                axis = axes[i];
+                if (axis.direction == coord) {
+                    key = coord + axis.n + "axis";
+                    if (!ranges[key] && axis.n == 1)
+                        key = coord + "axis"; // support x1axis as xaxis
+                    if (ranges[key]) {
+                        from = ranges[key].from;
+                        to = ranges[key].to;
+                        break;
+                    }
+                }
+            }
+
+            // backwards-compat stuff - to be removed in future
+            if (!ranges[key]) {
+                axis = coord == "x" ? xaxes[0] : yaxes[0];
+                from = ranges[coord + "1"];
+                to = ranges[coord + "2"];
+            }
+
+            // auto-reverse as an added bonus
+            if (from != null && to != null && from > to) {
+                var tmp = from;
+                from = to;
+                to = tmp;
+            }
+
+            return { from: from, to: to, axis: axis };
+        }
+
+        function drawBackground() {
+            ctx.save();
+            ctx.translate(plotOffset.left, plotOffset.top);
+
+            ctx.fillStyle = getColorOrGradient(options.grid.backgroundColor, plotHeight, 0, "rgba(255, 255, 255, 0)");
+            ctx.fillRect(0, 0, plotWidth, plotHeight);
+            ctx.restore();
+        }
+
+        function drawGrid() {
+            var i, axes, bw, bc;
+
+            ctx.save();
+            ctx.translate(plotOffset.left, plotOffset.top);
+
+            // draw markings
+            var markings = options.grid.markings;
+            if (markings) {
+                if ($.isFunction(markings)) {
+                    axes = plot.getAxes();
+                    // xmin etc. is backwards compatibility, to be
+                    // removed in the future
+                    axes.xmin = axes.xaxis.min;
+                    axes.xmax = axes.xaxis.max;
+                    axes.ymin = axes.yaxis.min;
+                    axes.ymax = axes.yaxis.max;
+
+                    markings = markings(axes);
+                }
+
+                for (i = 0; i < markings.length; ++i) {
+                    var m = markings[i],
+                        xrange = extractRange(m, "x"),
+                        yrange = extractRange(m, "y");
+
+                    // fill in missing
+                    if (xrange.from == null)
+                        xrange.from = xrange.axis.min;
+                    if (xrange.to == null)
+                        xrange.to = xrange.axis.max;
+                    if (yrange.from == null)
+                        yrange.from = yrange.axis.min;
+                    if (yrange.to == null)
+                        yrange.to = yrange.axis.max;
+
+                    // clip
+                    if (xrange.to < xrange.axis.min || xrange.from > xrange.axis.max ||
+                        yrange.to < yrange.axis.min || yrange.from > yrange.axis.max)
+                        continue;
+
+                    xrange.from = Math.max(xrange.from, xrange.axis.min);
+                    xrange.to = Math.min(xrange.to, xrange.axis.max);
+                    yrange.from = Math.max(yrange.from, yrange.axis.min);
+                    yrange.to = Math.min(yrange.to, yrange.axis.max);
+
+                    var xequal = xrange.from === xrange.to,
+                        yequal = yrange.from === yrange.to;
+
+                    if (xequal && yequal) {
+                        continue;
+                    }
+
+                    // then draw
+                    xrange.from = Math.floor(xrange.axis.p2c(xrange.from));
+                    xrange.to = Math.floor(xrange.axis.p2c(xrange.to));
+                    yrange.from = Math.floor(yrange.axis.p2c(yrange.from));
+                    yrange.to = Math.floor(yrange.axis.p2c(yrange.to));
+
+                    if (xequal || yequal) {
+                        var lineWidth = m.lineWidth || options.grid.markingsLineWidth,
+                            subPixel = lineWidth % 2 ? 0.5 : 0;
+                        ctx.beginPath();
+                        ctx.strokeStyle = m.color || options.grid.markingsColor;
+                        ctx.lineWidth = lineWidth;
+                        if (xequal) {
+                            ctx.moveTo(xrange.to + subPixel, yrange.from);
+                            ctx.lineTo(xrange.to + subPixel, yrange.to);
+                        } else {
+                            ctx.moveTo(xrange.from, yrange.to + subPixel);
+                            ctx.lineTo(xrange.to, yrange.to + subPixel);                            
+                        }
+                        ctx.stroke();
+                    } else {
+                        ctx.fillStyle = m.color || options.grid.markingsColor;
+                        ctx.fillRect(xrange.from, yrange.to,
+                                     xrange.to - xrange.from,
+                                     yrange.from - yrange.to);
+                    }
+                }
+            }
+
+            // draw the ticks
+            axes = allAxes();
+            bw = options.grid.borderWidth;
+
+            for (var j = 0; j < axes.length; ++j) {
+                var axis = axes[j], box = axis.box,
+                    t = axis.tickLength, x, y, xoff, yoff;
+                if (!axis.show || axis.ticks.length == 0)
+                    continue;
+
+                ctx.lineWidth = 1;
+
+                // find the edges
+                if (axis.direction == "x") {
+                    x = 0;
+                    if (t == "full")
+                        y = (axis.position == "top" ? 0 : plotHeight);
+                    else
+                        y = box.top - plotOffset.top + (axis.position == "top" ? box.height : 0);
+                }
+                else {
+                    y = 0;
+                    if (t == "full")
+                        x = (axis.position == "left" ? 0 : plotWidth);
+                    else
+                        x = box.left - plotOffset.left + (axis.position == "left" ? box.width : 0);
+                }
+
+                // draw tick bar
+                if (!axis.innermost) {
+                    ctx.strokeStyle = axis.options.color;
+                    ctx.beginPath();
+                    xoff = yoff = 0;
+                    if (axis.direction == "x")
+                        xoff = plotWidth + 1;
+                    else
+                        yoff = plotHeight + 1;
+
+                    if (ctx.lineWidth == 1) {
+                        if (axis.direction == "x") {
+                            y = Math.floor(y) + 0.5;
+                        } else {
+                            x = Math.floor(x) + 0.5;
+                        }
+                    }
+
+                    ctx.moveTo(x, y);
+                    ctx.lineTo(x + xoff, y + yoff);
+                    ctx.stroke();
+                }
+
+                // draw ticks
+
+                ctx.strokeStyle = axis.options.tickColor;
+
+                ctx.beginPath();
+                for (i = 0; i < axis.ticks.length; ++i) {
+                    var v = axis.ticks[i].v;
+
+                    xoff = yoff = 0;
+
+                    if (isNaN(v) || v < axis.min || v > axis.max
+                        // skip those lying on the axes if we got a border
+                        || (t == "full"
+                            && ((typeof bw == "object" && bw[axis.position] > 0) || bw > 0)
+                            && (v == axis.min || v == axis.max)))
+                        continue;
+
+                    if (axis.direction == "x") {
+                        x = axis.p2c(v);
+                        yoff = t == "full" ? -plotHeight : t;
+
+                        if (axis.position == "top")
+                            yoff = -yoff;
+                    }
+                    else {
+                        y = axis.p2c(v);
+                        xoff = t == "full" ? -plotWidth : t;
+
+                        if (axis.position == "left")
+                            xoff = -xoff;
+                    }
+
+                    if (ctx.lineWidth == 1) {
+                        if (axis.direction == "x")
+                            x = Math.floor(x) + 0.5;
+                        else
+                            y = Math.floor(y) + 0.5;
+                    }
+
+                    ctx.moveTo(x, y);
+                    ctx.lineTo(x + xoff, y + yoff);
+                }
+
+                ctx.stroke();
+            }
+
+
+            // draw border
+            if (bw) {
+                // If either borderWidth or borderColor is an object, then draw the border
+                // line by line instead of as one rectangle
+                bc = options.grid.borderColor;
+                if(typeof bw == "object" || typeof bc == "object") {
+                    if (typeof bw !== "object") {
+                        bw = {top: bw, right: bw, bottom: bw, left: bw};
+                    }
+                    if (typeof bc !== "object") {
+                        bc = {top: bc, right: bc, bottom: bc, left: bc};
+                    }
+
+                    if (bw.top > 0) {
+                        ctx.strokeStyle = bc.top;
+                        ctx.lineWidth = bw.top;
+                        ctx.beginPath();
+                        ctx.moveTo(0 - bw.left, 0 - bw.top/2);
+                        ctx.lineTo(plotWidth, 0 - bw.top/2);
+                        ctx.stroke();
+                    }
+
+                    if (bw.right > 0) {
+                        ctx.strokeStyle = bc.right;
+                        ctx.lineWidth = bw.right;
+                        ctx.beginPath();
+                        ctx.moveTo(plotWidth + bw.right / 2, 0 - bw.top);
+                        ctx.lineTo(plotWidth + bw.right / 2, plotHeight);
+                        ctx.stroke();
+                    }
+
+                    if (bw.bottom > 0) {
+                        ctx.strokeStyle = bc.bottom;
+                        ctx.lineWidth = bw.bottom;
+                        ctx.beginPath();
+                        ctx.moveTo(plotWidth + bw.right, plotHeight + bw.bottom / 2);
+                        ctx.lineTo(0, plotHeight + bw.bottom / 2);
+                        ctx.stroke();
+                    }
+
+                    if (bw.left > 0) {
+                        ctx.strokeStyle = bc.left;
+                        ctx.lineWidth = bw.left;
+                        ctx.beginPath();
+                        ctx.moveTo(0 - bw.left/2, plotHeight + bw.bottom);
+                        ctx.lineTo(0- bw.left/2, 0);
+                        ctx.stroke();
+                    }
+                }
+                else {
+                    ctx.lineWidth = bw;
+                    ctx.strokeStyle = options.grid.borderColor;
+                    ctx.strokeRect(-bw/2, -bw/2, plotWidth + bw, plotHeight + bw);
+                }
+            }
+
+            ctx.restore();
+        }
+
+        function drawAxisLabels() {
+
+            $.each(allAxes(), function (_, axis) {
+                var box = axis.box,
+                    legacyStyles = axis.direction + "Axis " + axis.direction + axis.n + "Axis",
+                    layer = "flot-" + axis.direction + "-axis flot-" + axis.direction + axis.n + "-axis " + legacyStyles,
+                    font = axis.options.font || "flot-tick-label tickLabel",
+                    tick, x, y, halign, valign;
+
+                // Remove text before checking for axis.show and ticks.length;
+                // otherwise plugins, like flot-tickrotor, that draw their own
+                // tick labels will end up with both theirs and the defaults.
+
+                surface.removeText(layer);
+
+                if (!axis.show || axis.ticks.length == 0)
+                    return;
+
+                for (var i = 0; i < axis.ticks.length; ++i) {
+
+                    tick = axis.ticks[i];
+                    if (!tick.label || tick.v < axis.min || tick.v > axis.max)
+                        continue;
+
+                    if (axis.direction == "x") {
+                        halign = "center";
+                        x = plotOffset.left + axis.p2c(tick.v);
+                        if (axis.position == "bottom") {
+                            y = box.top + box.padding;
+                        } else {
+                            y = box.top + box.height - box.padding;
+                            valign = "bottom";
+                        }
+                    } else {
+                        valign = "middle";
+                        y = plotOffset.top + axis.p2c(tick.v);
+                        if (axis.position == "left") {
+                            x = box.left + box.width - box.padding;
+                            halign = "right";
+                        } else {
+                            x = box.left + box.padding;
+                        }
+                    }
+
+                    surface.addText(layer, x, y, tick.label, font, null, null, halign, valign);
+                }
+            });
+        }
+
+        function drawSeries(series) {
+            if (series.lines.show)
+                drawSeriesLines(series);
+            if (series.bars.show)
+                drawSeriesBars(series);
+            if (series.points.show)
+                drawSeriesPoints(series);
+        }
+
+        function drawSeriesLines(series) {
+            function plotLine(datapoints, xoffset, yoffset, axisx, axisy) {
+                var points = datapoints.points,
+                    ps = datapoints.pointsize,
+                    prevx = null, prevy = null;
+
+                ctx.beginPath();
+                for (var i = ps; i < points.length; i += ps) {
+                    var x1 = points[i - ps], y1 = points[i - ps + 1],
+                        x2 = points[i], y2 = points[i + 1];
+
+                    if (x1 == null || x2 == null)
+                        continue;
+
+                    // clip with ymin
+                    if (y1 <= y2 && y1 < axisy.min) {
+                        if (y2 < axisy.min)
+                            continue;   // line segment is outside
+                        // compute new intersection point
+                        x1 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y1 = axisy.min;
+                    }
+                    else if (y2 <= y1 && y2 < axisy.min) {
+                        if (y1 < axisy.min)
+                            continue;
+                        x2 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y2 = axisy.min;
+                    }
+
+                    // clip with ymax
+                    if (y1 >= y2 && y1 > axisy.max) {
+                        if (y2 > axisy.max)
+                            continue;
+                        x1 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y1 = axisy.max;
+                    }
+                    else if (y2 >= y1 && y2 > axisy.max) {
+                        if (y1 > axisy.max)
+                            continue;
+                        x2 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y2 = axisy.max;
+                    }
+
+                    // clip with xmin
+                    if (x1 <= x2 && x1 < axisx.min) {
+                        if (x2 < axisx.min)
+                            continue;
+                        y1 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x1 = axisx.min;
+                    }
+                    else if (x2 <= x1 && x2 < axisx.min) {
+                        if (x1 < axisx.min)
+                            continue;
+                        y2 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x2 = axisx.min;
+                    }
+
+                    // clip with xmax
+                    if (x1 >= x2 && x1 > axisx.max) {
+                        if (x2 > axisx.max)
+                            continue;
+                        y1 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x1 = axisx.max;
+                    }
+                    else if (x2 >= x1 && x2 > axisx.max) {
+                        if (x1 > axisx.max)
+                            continue;
+                        y2 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x2 = axisx.max;
+                    }
+
+                    if (x1 != prevx || y1 != prevy)
+                        ctx.moveTo(axisx.p2c(x1) + xoffset, axisy.p2c(y1) + yoffset);
+
+                    prevx = x2;
+                    prevy = y2;
+                    ctx.lineTo(axisx.p2c(x2) + xoffset, axisy.p2c(y2) + yoffset);
+                }
+                ctx.stroke();
+            }
+
+            function plotLineArea(datapoints, axisx, axisy) {
+                var points = datapoints.points,
+                    ps = datapoints.pointsize,
+                    bottom = Math.min(Math.max(0, axisy.min), axisy.max),
+                    i = 0, top, areaOpen = false,
+                    ypos = 1, segmentStart = 0, segmentEnd = 0;
+
+                // we process each segment in two turns, first forward
+                // direction to sketch out top, then once we hit the
+                // end we go backwards to sketch the bottom
+                while (true) {
+                    if (ps > 0 && i > points.length + ps)
+                        break;
+
+                    i += ps; // ps is negative if going backwards
+
+                    var x1 = points[i - ps],
+                        y1 = points[i - ps + ypos],
+                        x2 = points[i], y2 = points[i + ypos];
+
+                    if (areaOpen) {
+                        if (ps > 0 && x1 != null && x2 == null) {
+                            // at turning point
+                            segmentEnd = i;
+                            ps = -ps;
+                            ypos = 2;
+                            continue;
+                        }
+
+                        if (ps < 0 && i == segmentStart + ps) {
+                            // done with the reverse sweep
+                            ctx.fill();
+                            areaOpen = false;
+                            ps = -ps;
+                            ypos = 1;
+                            i = segmentStart = segmentEnd + ps;
+                            continue;
+                        }
+                    }
+
+                    if (x1 == null || x2 == null)
+                        continue;
+
+                    // clip x values
+
+                    // clip with xmin
+                    if (x1 <= x2 && x1 < axisx.min) {
+                        if (x2 < axisx.min)
+                            continue;
+                        y1 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x1 = axisx.min;
+                    }
+                    else if (x2 <= x1 && x2 < axisx.min) {
+                        if (x1 < axisx.min)
+                            continue;
+                        y2 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x2 = axisx.min;
+                    }
+
+                    // clip with xmax
+                    if (x1 >= x2 && x1 > axisx.max) {
+                        if (x2 > axisx.max)
+                            continue;
+                        y1 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x1 = axisx.max;
+                    }
+                    else if (x2 >= x1 && x2 > axisx.max) {
+                        if (x1 > axisx.max)
+                            continue;
+                        y2 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x2 = axisx.max;
+                    }
+
+                    if (!areaOpen) {
+                        // open area
+                        ctx.beginPath();
+                        ctx.moveTo(axisx.p2c(x1), axisy.p2c(bottom));
+                        areaOpen = true;
+                    }
+
+                    // now first check the case where both is outside
+                    if (y1 >= axisy.max && y2 >= axisy.max) {
+                        ctx.lineTo(axisx.p2c(x1), axisy.p2c(axisy.max));
+                        ctx.lineTo(axisx.p2c(x2), axisy.p2c(axisy.max));
+                        continue;
+                    }
+                    else if (y1 <= axisy.min && y2 <= axisy.min) {
+                        ctx.lineTo(axisx.p2c(x1), axisy.p2c(axisy.min));
+                        ctx.lineTo(axisx.p2c(x2), axisy.p2c(axisy.min));
+                        continue;
+                    }
+
+                    // else it's a bit more complicated, there might
+                    // be a flat maxed out rectangle first, then a
+                    // triangular cutout or reverse; to find these
+                    // keep track of the current x values
+                    var x1old = x1, x2old = x2;
+
+                    // clip the y values, without shortcutting, we
+                    // go through all cases in turn
+
+                    // clip with ymin
+                    if (y1 <= y2 && y1 < axisy.min && y2 >= axisy.min) {
+                        x1 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y1 = axisy.min;
+                    }
+                    else if (y2 <= y1 && y2 < axisy.min && y1 >= axisy.min) {
+                        x2 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y2 = axisy.min;
+                    }
+
+                    // clip with ymax
+                    if (y1 >= y2 && y1 > axisy.max && y2 <= axisy.max) {
+                        x1 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y1 = axisy.max;
+                    }
+                    else if (y2 >= y1 && y2 > axisy.max && y1 <= axisy.max) {
+                        x2 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y2 = axisy.max;
+                    }
+
+                    // if the x value was changed we got a rectangle
+                    // to fill
+                    if (x1 != x1old) {
+                        ctx.lineTo(axisx.p2c(x1old), axisy.p2c(y1));
+                        // it goes to (x1, y1), but we fill that below
+                    }
+
+                    // fill triangular section, this sometimes result
+                    // in redundant points if (x1, y1) hasn't changed
+                    // from previous line to, but we just ignore that
+                    ctx.lineTo(axisx.p2c(x1), axisy.p2c(y1));
+                    ctx.lineTo(axisx.p2c(x2), axisy.p2c(y2));
+
+                    // fill the other rectangle if it's there
+                    if (x2 != x2old) {
+                        ctx.lineTo(axisx.p2c(x2), axisy.p2c(y2));
+                        ctx.lineTo(axisx.p2c(x2old), axisy.p2c(y2));
+                    }
+                }
+            }
+
+            ctx.save();
+            ctx.translate(plotOffset.left, plotOffset.top);
+            ctx.lineJoin = "round";
+
+            var lw = series.lines.lineWidth,
+                sw = series.shadowSize;
+            // FIXME: consider another form of shadow when filling is turned on
+            if (lw > 0 && sw > 0) {
+                // draw shadow as a thick and thin line with transparency
+                ctx.lineWidth = sw;
+                ctx.strokeStyle = "rgba(0,0,0,0.1)";
+                // position shadow at angle from the mid of line
+                var angle = Math.PI/18;
+                plotLine(series.datapoints, Math.sin(angle) * (lw/2 + sw/2), Math.cos(angle) * (lw/2 + sw/2), series.xaxis, series.yaxis);
+                ctx.lineWidth = sw/2;
+                plotLine(series.datapoints, Math.sin(angle) * (lw/2 + sw/4), Math.cos(angle) * (lw/2 + sw/4), series.xaxis, series.yaxis);
+            }
+
+            ctx.lineWidth = lw;
+            ctx.strokeStyle = series.color;
+            var fillStyle = getFillStyle(series.lines, series.color, 0, plotHeight);
+            if (fillStyle) {
+                ctx.fillStyle = fillStyle;
+                plotLineArea(series.datapoints, series.xaxis, series.yaxis);
+            }
+
+            if (lw > 0)
+                plotLine(series.datapoints, 0, 0, series.xaxis, series.yaxis);
+            ctx.restore();
+        }
+
+        function drawSeriesPoints(series) {
+            function plotPoints(datapoints, radius, fillStyle, offset, shadow, axisx, axisy, symbol) {
+                var points = datapoints.points, ps = datapoints.pointsize;
+
+                for (var i = 0; i < points.length; i += ps) {
+                    var x = points[i], y = points[i + 1];
+                    if (x == null || x < axisx.min || x > axisx.max || y < axisy.min || y > axisy.max)
+                        continue;
+
+                    ctx.beginPath();
+                    x = axisx.p2c(x);
+                    y = axisy.p2c(y) + offset;
+                    if (symbol == "circle")
+                        ctx.arc(x, y, radius, 0, shadow ? Math.PI : Math.PI * 2, false);
+                    else
+                        symbol(ctx, x, y, radius, shadow);
+                    ctx.closePath();
+
+                    if (fillStyle) {
+                        ctx.fillStyle = fillStyle;
+                        ctx.fill();
+                    }
+                    ctx.stroke();
+                }
+            }
+
+            ctx.save();
+            ctx.translate(plotOffset.left, plotOffset.top);
+
+            var lw = series.points.lineWidth,
+                sw = series.shadowSize,
+                radius = series.points.radius,
+                symbol = series.points.symbol;
+
+            // If the user sets the line width to 0, we change it to a very 
+            // small value. A line width of 0 seems to force the default of 1.
+            // Doing the conditional here allows the shadow setting to still be 
+            // optional even with a lineWidth of 0.
+
+            if( lw == 0 )
+                lw = 0.0001;
+
+            if (lw > 0 && sw > 0) {
+                // draw shadow in two steps
+                var w = sw / 2;
+                ctx.lineWidth = w;
+                ctx.strokeStyle = "rgba(0,0,0,0.1)";
+                plotPoints(series.datapoints, radius, null, w + w/2, true,
+                           series.xaxis, series.yaxis, symbol);
+
+                ctx.strokeStyle = "rgba(0,0,0,0.2)";
+                plotPoints(series.datapoints, radius, null, w/2, true,
+                           series.xaxis, series.yaxis, symbol);
+            }
+
+            ctx.lineWidth = lw;
+            ctx.strokeStyle = series.color;
+            plotPoints(series.datapoints, radius,
+                       getFillStyle(series.points, series.color), 0, false,
+                       series.xaxis, series.yaxis, symbol);
+            ctx.restore();
+        }
+
+        function drawBar(x, y, b, barLeft, barRight, fillStyleCallback, axisx, axisy, c, horizontal, lineWidth) {
+            var left, right, bottom, top,
+                drawLeft, drawRight, drawTop, drawBottom,
+                tmp;
+
+            // in horizontal mode, we start the bar from the left
+            // instead of from the bottom so it appears to be
+            // horizontal rather than vertical
+            if (horizontal) {
+                drawBottom = drawRight = drawTop = true;
+                drawLeft = false;
+                left = b;
+                right = x;
+                top = y + barLeft;
+                bottom = y + barRight;
+
+                // account for negative bars
+                if (right < left) {
+                    tmp = right;
+                    right = left;
+                    left = tmp;
+                    drawLeft = true;
+                    drawRight = false;
+                }
+            }
+            else {
+                drawLeft = drawRight = drawTop = true;
+                drawBottom = false;
+                left = x + barLeft;
+                right = x + barRight;
+                bottom = b;
+                top = y;
+
+                // account for negative bars
+                if (top < bottom) {
+                    tmp = top;
+                    top = bottom;
+                    bottom = tmp;
+                    drawBottom = true;
+                    drawTop = false;
+                }
+            }
+
+            // clip
+            if (right < axisx.min || left > axisx.max ||
+                top < axisy.min || bottom > axisy.max)
+                return;
+
+            if (left < axisx.min) {
+                left = axisx.min;
+                drawLeft = false;
+            }
+
+            if (right > axisx.max) {
+                right = axisx.max;
+                drawRight = false;
+            }
+
+            if (bottom < axisy.min) {
+                bottom = axisy.min;
+                drawBottom = false;
+            }
+
+            if (top > axisy.max) {
+                top = axisy.max;
+                drawTop = false;
+            }
+
+            left = axisx.p2c(left);
+            bottom = axisy.p2c(bottom);
+            right = axisx.p2c(right);
+            top = axisy.p2c(top);
+
+            // fill the bar
+            if (fillStyleCallback) {
+                c.fillStyle = fillStyleCallback(bottom, top);
+                c.fillRect(left, top, right - left, bottom - top)
+            }
+
+            // draw outline
+            if (lineWidth > 0 && (drawLeft || drawRight || drawTop || drawBottom)) {
+                c.beginPath();
+
+                // FIXME: inline moveTo is buggy with excanvas
+                c.moveTo(left, bottom);
+                if (drawLeft)
+                    c.lineTo(left, top);
+                else
+                    c.moveTo(left, top);
+                if (drawTop)
+                    c.lineTo(right, top);
+                else
+                    c.moveTo(right, top);
+                if (drawRight)
+                    c.lineTo(right, bottom);
+                else
+                    c.moveTo(right, bottom);
+                if (drawBottom)
+                    c.lineTo(left, bottom);
+                else
+                    c.moveTo(left, bottom);
+                c.stroke();
+            }
+        }
+
+        function drawSeriesBars(series) {
+            function plotBars(datapoints, barLeft, barRight, fillStyleCallback, axisx, axisy) {
+                var points = datapoints.points, ps = datapoints.pointsize;
+
+                for (var i = 0; i < points.length; i += ps) {
+                    if (points[i] == null)
+                        continue;
+                    drawBar(points[i], points[i + 1], points[i + 2], barLeft, barRight, fillStyleCallback, axisx, axisy, ctx, series.bars.horizontal, series.bars.lineWidth);
+                }
+            }
+
+            ctx.save();
+            ctx.translate(plotOffset.left, plotOffset.top);
+
+            // FIXME: figure out a way to add shadows (for instance along the right edge)
+            ctx.lineWidth = series.bars.lineWidth;
+            ctx.strokeStyle = series.color;
+
+            var barLeft;
+
+            switch (series.bars.align) {
+                case "left":
+                    barLeft = 0;
+                    break;
+                case "right":
+                    barLeft = -series.bars.barWidth;
+                    break;
+                default:
+                    barLeft = -series.bars.barWidth / 2;
+            }
+
+            var fillStyleCallback = series.bars.fill ? function (bottom, top) { return getFillStyle(series.bars, series.color, bottom, top); } : null;
+            plotBars(series.datapoints, barLeft, barLeft + series.bars.barWidth, fillStyleCallback, series.xaxis, series.yaxis);
+            ctx.restore();
+        }
+
+        function getFillStyle(filloptions, seriesColor, bottom, top) {
+            var fill = filloptions.fill;
+            if (!fill)
+                return null;
+
+            if (filloptions.fillColor)
+                return getColorOrGradient(filloptions.fillColor, bottom, top, seriesColor);
+
+            var c = $.color.parse(seriesColor);
+            c.a = typeof fill == "number" ? fill : 0.4;
+            c.normalize();
+            return c.toString();
+        }
+
+        function insertLegend() {
+
+            if (options.legend.container != null) {
+                $(options.legend.container).html("");
+            } else {
+                placeholder.find(".legend").remove();
+            }
+
+            if (!options.legend.show) {
+                return;
+            }
+
+            var fragments = [], entries = [], rowStarted = false,
+                lf = options.legend.labelFormatter, s, label;
+
+            // Build a list of legend entries, with each having a label and a color
+
+            for (var i = 0; i < series.length; ++i) {
+                s = series[i];
+                if (s.label) {
+                    label = lf ? lf(s.label, s) : s.label;
+                    if (label) {
+                        entries.push({
+                            label: label,
+                            color: s.color
+                        });
+                    }
+                }
+            }
+
+            // Sort the legend using either the default or a custom comparator
+
+            if (options.legend.sorted) {
+                if ($.isFunction(options.legend.sorted)) {
+                    entries.sort(options.legend.sorted);
+                } else if (options.legend.sorted == "reverse") {
+                	entries.reverse();
+                } else {
+                    var ascending = options.legend.sorted != "descending";
+                    entries.sort(function(a, b) {
+                        return a.label == b.label ? 0 : (
+                            (a.label < b.label) != ascending ? 1 : -1   // Logical XOR
+                        );
+                    });
+                }
+            }
+
+            // Generate markup for the list of entries, in their final order
+
+            for (var i = 0; i < entries.length; ++i) {
+
+                var entry = entries[i];
+
+                if (i % options.legend.noColumns == 0) {
+                    if (rowStarted)
+                        fragments.push('</tr>');
+                    fragments.push('<tr>');
+                    rowStarted = true;
+                }
+
+                fragments.push(
+                    '<td class="legendColorBox"><div style="border:1px solid ' + options.legend.labelBoxBorderColor + ';padding:1px"><div style="width:4px;height:0;border:5px solid ' + entry.color + ';overflow:hidden"></div></div></td>' +
+                    '<td class="legendLabel">' + entry.label + '</td>'
+                );
+            }
+
+            if (rowStarted)
+                fragments.push('</tr>');
+
+            if (fragments.length == 0)
+                return;
+
+            var table = '<table style="font-size:smaller;color:' + options.grid.color + '">' + fragments.join("") + '</table>';
+            if (options.legend.container != null)
+                $(options.legend.container).html(table);
+            else {
+                var pos = "",
+                    p = options.legend.position,
+                    m = options.legend.margin;
+                if (m[0] == null)
+                    m = [m, m];
+                if (p.charAt(0) == "n")
+                    pos += 'top:' + (m[1] + plotOffset.top) + 'px;';
+                else if (p.charAt(0) == "s")
+                    pos += 'bottom:' + (m[1] + plotOffset.bottom) + 'px;';
+                if (p.charAt(1) == "e")
+                    pos += 'right:' + (m[0] + plotOffset.right) + 'px;';
+                else if (p.charAt(1) == "w")
+                    pos += 'left:' + (m[0] + plotOffset.left) + 'px;';
+                var legend = $('<div class="legend">' + table.replace('style="', 'style="position:absolute;' + pos +';') + '</div>').appendTo(placeholder);
+                if (options.legend.backgroundOpacity != 0.0) {
+                    // put in the transparent background
+                    // separately to avoid blended labels and
+                    // label boxes
+                    var c = options.legend.backgroundColor;
+                    if (c == null) {
+                        c = options.grid.backgroundColor;
+                        if (c && typeof c == "string")
+                            c = $.color.parse(c);
+                        else
+                            c = $.color.extract(legend, 'background-color');
+                        c.a = 1;
+                        c = c.toString();
+                    }
+                    var div = legend.children();
+                    $('<div style="position:absolute;width:' + div.width() + 'px;height:' + div.height() + 'px;' + pos +'background-color:' + c + ';"> </div>').prependTo(legend).css('opacity', options.legend.backgroundOpacity);
+                }
+            }
+        }
+
+
+        // interactive features
+
+        var highlights = [],
+            redrawTimeout = null;
+
+        // returns the data item the mouse is over, or null if none is found
+        function findNearbyItem(mouseX, mouseY, seriesFilter) {
+            var maxDistance = options.grid.mouseActiveRadius,
+                smallestDistance = maxDistance * maxDistance + 1,
+                item = null, foundPoint = false, i, j, ps;
+
+            for (i = series.length - 1; i >= 0; --i) {
+                if (!seriesFilter(series[i]))
+                    continue;
+
+                var s = series[i],
+                    axisx = s.xaxis,
+                    axisy = s.yaxis,
+                    points = s.datapoints.points,
+                    mx = axisx.c2p(mouseX), // precompute some stuff to make the loop faster
+                    my = axisy.c2p(mouseY),
+                    maxx = maxDistance / axisx.scale,
+                    maxy = maxDistance / axisy.scale;
+
+                ps = s.datapoints.pointsize;
+                // with inverse transforms, we can't use the maxx/maxy
+                // optimization, sadly
+                if (axisx.options.inverseTransform)
+                    maxx = Number.MAX_VALUE;
+                if (axisy.options.inverseTransform)
+                    maxy = Number.MAX_VALUE;
+
+                if (s.lines.show || s.points.show) {
+                    for (j = 0; j < points.length; j += ps) {
+                        var x = points[j], y = points[j + 1];
+                        if (x == null)
+                            continue;
+
+                        // For points and lines, the cursor must be within a
+                        // certain distance to the data point
+                        if (x - mx > maxx || x - mx < -maxx ||
+                            y - my > maxy || y - my < -maxy)
+                            continue;
+
+                        // We have to calculate distances in pixels, not in
+                        // data units, because the scales of the axes may be different
+                        var dx = Math.abs(axisx.p2c(x) - mouseX),
+                            dy = Math.abs(axisy.p2c(y) - mouseY),
+                            dist = dx * dx + dy * dy; // we save the sqrt
+
+                        // use <= to ensure last point takes precedence
+                        // (last generally means on top of)
+                        if (dist < smallestDistance) {
+                            smallestDistance = dist;
+                            item = [i, j / ps];
+                        }
+                    }
+                }
+
+                if (s.bars.show && !item) { // no other point can be nearby
+
+                    var barLeft, barRight;
+
+                    switch (s.bars.align) {
+                        case "left":
+                            barLeft = 0;
+                            break;
+                        case "right":
+                            barLeft = -s.bars.barWidth;
+                            break;
+                        default:
+                            barLeft = -s.bars.barWidth / 2;
+                    }
+
+                    barRight = barLeft + s.bars.barWidth;
+
+                    for (j = 0; j < points.length; j += ps) {
+                        var x = points[j], y = points[j + 1], b = points[j + 2];
+                        if (x == null)
+                            continue;
+
+                        // for a bar graph, the cursor must be inside the bar
+                        if (series[i].bars.horizontal ?
+                            (mx <= Math.max(b, x) && mx >= Math.min(b, x) &&
+                             my >= y + barLeft && my <= y + barRight) :
+                            (mx >= x + barLeft && mx <= x + barRight &&
+                             my >= Math.min(b, y) && my <= Math.max(b, y)))
+                                item = [i, j / ps];
+                    }
+                }
+            }
+
+            if (item) {
+                i = item[0];
+                j = item[1];
+                ps = series[i].datapoints.pointsize;
+
+                return { datapoint: series[i].datapoints.points.slice(j * ps, (j + 1) * ps),
+                         dataIndex: j,
+                         series: series[i],
+                         seriesIndex: i };
+            }
+
+            return null;
+        }
+
+        function onMouseMove(e) {
+            if (options.grid.hoverable)
+                triggerClickHoverEvent("plothover", e,
+                                       function (s) { return s["hoverable"] != false; });
+        }
+
+        function onMouseLeave(e) {
+            if (options.grid.hoverable)
+                triggerClickHoverEvent("plothover", e,
+                                       function (s) { return false; });
+        }
+
+        function onClick(e) {
+            triggerClickHoverEvent("plotclick", e,
+                                   function (s) { return s["clickable"] != false; });
+        }
+
+        // trigger click or hover event (they send the same parameters
+        // so we share their code)
+        function triggerClickHoverEvent(eventname, event, seriesFilter) {
+            var offset = eventHolder.offset(),
+                canvasX = event.pageX - offset.left - plotOffset.left,
+                canvasY = event.pageY - offset.top - plotOffset.top,
+            pos = canvasToAxisCoords({ left: canvasX, top: canvasY });
+
+            pos.pageX = event.pageX;
+            pos.pageY = event.pageY;
+
+            var item = findNearbyItem(canvasX, canvasY, seriesFilter);
+
+            if (item) {
+                // fill in mouse pos for any listeners out there
+                item.pageX = parseInt(item.series.xaxis.p2c(item.datapoint[0]) + offset.left + plotOffset.left, 10);
+                item.pageY = parseInt(item.series.yaxis.p2c(item.datapoint[1]) + offset.top + plotOffset.top, 10);
+            }
+
+            if (options.grid.autoHighlight) {
+                // clear auto-highlights
+                for (var i = 0; i < highlights.length; ++i) {
+                    var h = highlights[i];
+                    if (h.auto == eventname &&
+                        !(item && h.series == item.series &&
+                          h.point[0] == item.datapoint[0] &&
+                          h.point[1] == item.datapoint[1]))
+                        unhighlight(h.series, h.point);
+                }
+
+                if (item)
+                    highlight(item.series, item.datapoint, eventname);
+            }
+
+            placeholder.trigger(eventname, [ pos, item ]);
+        }
+
+        function triggerRedrawOverlay() {
+            var t = options.interaction.redrawOverlayInterval;
+            if (t == -1) {      // skip event queue
+                drawOverlay();
+                return;
+            }
+
+            if (!redrawTimeout)
+                redrawTimeout = setTimeout(drawOverlay, t);
+        }
+
+        function drawOverlay() {
+            redrawTimeout = null;
+
+            // draw highlights
+            octx.save();
+            overlay.clear();
+            octx.translate(plotOffset.left, plotOffset.top);
+
+            var i, hi;
+            for (i = 0; i < highlights.length; ++i) {
+                hi = highlights[i];
+
+                if (hi.series.bars.show)
+                    drawBarHighlight(hi.series, hi.point);
+                else
+                    drawPointHighlight(hi.series, hi.point);
+            }
+            octx.restore();
+
+            executeHooks(hooks.drawOverlay, [octx]);
+        }
+
+        function highlight(s, point, auto) {
+            if (typeof s == "number")
+                s = series[s];
+
+            if (typeof point == "number") {
+                var ps = s.datapoints.pointsize;
+                point = s.datapoints.points.slice(ps * point, ps * (point + 1));
+            }
+
+            var i = indexOfHighlight(s, point);
+            if (i == -1) {
+                highlights.push({ series: s, point: point, auto: auto });
+
+                triggerRedrawOverlay();
+            }
+            else if (!auto)
+                highlights[i].auto = false;
+        }
+
+        function unhighlight(s, point) {
+            if (s == null && point == null) {
+                highlights = [];
+                triggerRedrawOverlay();
+                return;
+            }
+
+            if (typeof s == "number")
+                s = series[s];
+
+            if (typeof point == "number") {
+                var ps = s.datapoints.pointsize;
+                point = s.datapoints.points.slice(ps * point, ps * (point + 1));
+            }
+
+            var i = indexOfHighlight(s, point);
+            if (i != -1) {
+                highlights.splice(i, 1);
+
+                triggerRedrawOverlay();
+            }
+        }
+
+        function indexOfHighlight(s, p) {
+            for (var i = 0; i < highlights.length; ++i) {
+                var h = highlights[i];
+                if (h.series == s && h.point[0] == p[0]
+                    && h.point[1] == p[1])
+                    return i;
+            }
+            return -1;
+        }
+
+        function drawPointHighlight(series, point) {
+            var x = point[0], y = point[1],
+                axisx = series.xaxis, axisy = series.yaxis,
+                highlightColor = (typeof series.highlightColor === "string") ? series.highlightColor : $.color.parse(series.color).scale('a', 0.5).toString();
+
+            if (x < axisx.min || x > axisx.max || y < axisy.min || y > axisy.max)
+                return;
+
+            var pointRadius = series.points.radius + series.points.lineWidth / 2;
+            octx.lineWidth = pointRadius;
+            octx.strokeStyle = highlightColor;
+            var radius = 1.5 * pointRadius;
+            x = axisx.p2c(x);
+            y = axisy.p2c(y);
+
+            octx.beginPath();
+            if (series.points.symbol == "circle")
+                octx.arc(x, y, radius, 0, 2 * Math.PI, false);
+            else
+                series.points.symbol(octx, x, y, radius, false);
+            octx.closePath();
+            octx.stroke();
+        }
+
+        function drawBarHighlight(series, point) {
+            var highlightColor = (typeof series.highlightColor === "string") ? series.highlightColor : $.color.parse(series.color).scale('a', 0.5).toString(),
+                fillStyle = highlightColor,
+                barLeft;
+
+            switch (series.bars.align) {
+                case "left":
+                    barLeft = 0;
+                    break;
+                case "right":
+                    barLeft = -series.bars.barWidth;
+                    break;
+                default:
+                    barLeft = -series.bars.barWidth / 2;
+            }
+
+            octx.lineWidth = series.bars.lineWidth;
+            octx.strokeStyle = highlightColor;
+
+            drawBar(point[0], point[1], point[2] || 0, barLeft, barLeft + series.bars.barWidth,
+                    function () { return fillStyle; }, series.xaxis, series.yaxis, octx, series.bars.horizontal, series.bars.lineWidth);
+        }
+
+        function getColorOrGradient(spec, bottom, top, defaultColor) {
+            if (typeof spec == "string")
+                return spec;
+            else {
+                // assume this is a gradient spec; IE currently only
+                // supports a simple vertical gradient properly, so that's
+                // what we support too
+                var gradient = ctx.createLinearGradient(0, top, 0, bottom);
+
+                for (var i = 0, l = spec.colors.length; i < l; ++i) {
+                    var c = spec.colors[i];
+                    if (typeof c != "string") {
+                        var co = $.color.parse(defaultColor);
+                        if (c.brightness != null)
+                            co = co.scale('rgb', c.brightness);
+                        if (c.opacity != null)
+                            co.a *= c.opacity;
+                        c = co.toString();
+                    }
+                    gradient.addColorStop(i / (l - 1), c);
+                }
+
+                return gradient;
+            }
+        }
+    }
+
+    // Add the plot function to the top level of the jQuery object
+
+    $.plot = function(placeholder, data, options) {
+        //var t0 = new Date();
+        var plot = new Plot($(placeholder), data, options, $.plot.plugins);
+        //(window.console ? console.log : alert)("time used (msecs): " + ((new Date()).getTime() - t0.getTime()));
+        return plot;
+    };
+
+    $.plot.version = "0.8.3";
+
+    $.plot.plugins = [];
+
+    // Also add the plot function as a chainable property
+
+    $.fn.plot = function(data, options) {
+        return this.each(function() {
+            $.plot(this, data, options);
+        });
+    };
+
+    // round to nearby lower multiple of base
+    function floorInBase(n, base) {
+        return base * Math.floor(n / base);
+    }
+
+})(jQuery);
diff --git a/vendor/javascripts/jquery.flot.pie.js b/vendor/javascripts/jquery.flot.pie.js
new file mode 100755
index 0000000..524ee72
--- /dev/null
+++ b/vendor/javascripts/jquery.flot.pie.js
@@ -0,0 +1,820 @@
+/* Flot plugin for rendering pie charts.
+
+Copyright (c) 2007-2014 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+The plugin assumes that each series has a single data value, and that each
+value is a positive integer or zero.  Negative numbers don't make sense for a
+pie chart, and have unpredictable results.  The values do NOT need to be
+passed in as percentages; the plugin will calculate the total and per-slice
+percentages internally.
+
+* Created by Brian Medendorp
+
+* Updated with contributions from btburnett3, Anthony Aragues and Xavi Ivars
+
+The plugin supports these options:
+
+	series: {
+		pie: {
+			show: true/false
+			radius: 0-1 for percentage of fullsize, or a specified pixel length, or 'auto'
+			innerRadius: 0-1 for percentage of fullsize or a specified pixel length, for creating a donut effect
+			startAngle: 0-2 factor of PI used for starting angle (in radians) i.e 3/2 starts at the top, 0 and 2 have the same result
+			tilt: 0-1 for percentage to tilt the pie, where 1 is no tilt, and 0 is completely flat (nothing will show)
+			offset: {
+				top: integer value to move the pie up or down
+				left: integer value to move the pie left or right, or 'auto'
+			},
+			stroke: {
+				color: any hexidecimal color value (other formats may or may not work, so best to stick with something like '#FFF')
+				width: integer pixel width of the stroke
+			},
+			label: {
+				show: true/false, or 'auto'
+				formatter:  a user-defined function that modifies the text/style of the label text
+				radius: 0-1 for percentage of fullsize, or a specified pixel length
+				background: {
+					color: any hexidecimal color value (other formats may or may not work, so best to stick with something like '#000')
+					opacity: 0-1
+				},
+				threshold: 0-1 for the percentage value at which to hide labels (if they're too small)
+			},
+			combine: {
+				threshold: 0-1 for the percentage value at which to combine slices (if they're too small)
+				color: any hexidecimal color value (other formats may or may not work, so best to stick with something like '#CCC'), if null, the plugin will automatically use the color of the first slice to be combined
+				label: any text value of what the combined slice should be labeled
+			}
+			highlight: {
+				opacity: 0-1
+			}
+		}
+	}
+
+More detail and specific examples can be found in the included HTML file.
+
+*/
+
+(function($) {
+
+	// Maximum redraw attempts when fitting labels within the plot
+
+	var REDRAW_ATTEMPTS = 10;
+
+	// Factor by which to shrink the pie when fitting labels within the plot
+
+	var REDRAW_SHRINK = 0.95;
+
+	function init(plot) {
+
+		var canvas = null,
+			target = null,
+			options = null,
+			maxRadius = null,
+			centerLeft = null,
+			centerTop = null,
+			processed = false,
+			ctx = null;
+
+		// interactive variables
+
+		var highlights = [];
+
+		// add hook to determine if pie plugin in enabled, and then perform necessary operations
+
+		plot.hooks.processOptions.push(function(plot, options) {
+			if (options.series.pie.show) {
+
+				options.grid.show = false;
+
+				// set labels.show
+
+				if (options.series.pie.label.show == "auto") {
+					if (options.legend.show) {
+						options.series.pie.label.show = false;
+					} else {
+						options.series.pie.label.show = true;
+					}
+				}
+
+				// set radius
+
+				if (options.series.pie.radius == "auto") {
+					if (options.series.pie.label.show) {
+						options.series.pie.radius = 3/4;
+					} else {
+						options.series.pie.radius = 1;
+					}
+				}
+
+				// ensure sane tilt
+
+				if (options.series.pie.tilt > 1) {
+					options.series.pie.tilt = 1;
+				} else if (options.series.pie.tilt < 0) {
+					options.series.pie.tilt = 0;
+				}
+			}
+		});
+
+		plot.hooks.bindEvents.push(function(plot, eventHolder) {
+			var options = plot.getOptions();
+			if (options.series.pie.show) {
+				if (options.grid.hoverable) {
+					eventHolder.unbind("mousemove").mousemove(onMouseMove);
+				}
+				if (options.grid.clickable) {
+					eventHolder.unbind("click").click(onClick);
+				}
+			}
+		});
+
+		plot.hooks.processDatapoints.push(function(plot, series, data, datapoints) {
+			var options = plot.getOptions();
+			if (options.series.pie.show) {
+				processDatapoints(plot, series, data, datapoints);
+			}
+		});
+
+		plot.hooks.drawOverlay.push(function(plot, octx) {
+			var options = plot.getOptions();
+			if (options.series.pie.show) {
+				drawOverlay(plot, octx);
+			}
+		});
+
+		plot.hooks.draw.push(function(plot, newCtx) {
+			var options = plot.getOptions();
+			if (options.series.pie.show) {
+				draw(plot, newCtx);
+			}
+		});
+
+		function processDatapoints(plot, series, datapoints) {
+			if (!processed)	{
+				processed = true;
+				canvas = plot.getCanvas();
+				target = $(canvas).parent();
+				options = plot.getOptions();
+				plot.setData(combine(plot.getData()));
+			}
+		}
+
+		function combine(data) {
+
+			var total = 0,
+				combined = 0,
+				numCombined = 0,
+				color = options.series.pie.combine.color,
+				newdata = [];
+
+			// Fix up the raw data from Flot, ensuring the data is numeric
+
+			for (var i = 0; i < data.length; ++i) {
+
+				var value = data[i].data;
+
+				// If the data is an array, we'll assume that it's a standard
+				// Flot x-y pair, and are concerned only with the second value.
+
+				// Note how we use the original array, rather than creating a
+				// new one; this is more efficient and preserves any extra data
+				// that the user may have stored in higher indexes.
+
+				if ($.isArray(value) && value.length == 1) {
+    				value = value[0];
+				}
+
+				if ($.isArray(value)) {
+					// Equivalent to $.isNumeric() but compatible with jQuery < 1.7
+					if (!isNaN(parseFloat(value[1])) && isFinite(value[1])) {
+						value[1] = +value[1];
+					} else {
+						value[1] = 0;
+					}
+				} else if (!isNaN(parseFloat(value)) && isFinite(value)) {
+					value = [1, +value];
+				} else {
+					value = [1, 0];
+				}
+
+				data[i].data = [value];
+			}
+
+			// Sum up all the slices, so we can calculate percentages for each
+
+			for (var i = 0; i < data.length; ++i) {
+				total += data[i].data[0][1];
+			}
+
+			// Count the number of slices with percentages below the combine
+			// threshold; if it turns out to be just one, we won't combine.
+
+			for (var i = 0; i < data.length; ++i) {
+				var value = data[i].data[0][1];
+				if (value / total <= options.series.pie.combine.threshold) {
+					combined += value;
+					numCombined++;
+					if (!color) {
+						color = data[i].color;
+					}
+				}
+			}
+
+			for (var i = 0; i < data.length; ++i) {
+				var value = data[i].data[0][1];
+				if (numCombined < 2 || value / total > options.series.pie.combine.threshold) {
+					newdata.push(
+						$.extend(data[i], {     /* extend to allow keeping all other original data values
+						                           and using them e.g. in labelFormatter. */
+							data: [[1, value]],
+							color: data[i].color,
+							label: data[i].label,
+							angle: value * Math.PI * 2 / total,
+							percent: value / (total / 100)
+						})
+					);
+				}
+			}
+
+			if (numCombined > 1) {
+				newdata.push({
+					data: [[1, combined]],
+					color: color,
+					label: options.series.pie.combine.label,
+					angle: combined * Math.PI * 2 / total,
+					percent: combined / (total / 100)
+				});
+			}
+
+			return newdata;
+		}
+
+		function draw(plot, newCtx) {
+
+			if (!target) {
+				return; // if no series were passed
+			}
+
+			var canvasWidth = plot.getPlaceholder().width(),
+				canvasHeight = plot.getPlaceholder().height(),
+				legendWidth = target.children().filter(".legend").children().width() || 0;
+
+			ctx = newCtx;
+
+			// WARNING: HACK! REWRITE THIS CODE AS SOON AS POSSIBLE!
+
+			// When combining smaller slices into an 'other' slice, we need to
+			// add a new series.  Since Flot gives plugins no way to modify the
+			// list of series, the pie plugin uses a hack where the first call
+			// to processDatapoints results in a call to setData with the new
+			// list of series, then subsequent processDatapoints do nothing.
+
+			// The plugin-global 'processed' flag is used to control this hack;
+			// it starts out false, and is set to true after the first call to
+			// processDatapoints.
+
+			// Unfortunately this turns future setData calls into no-ops; they
+			// call processDatapoints, the flag is true, and nothing happens.
+
+			// To fix this we'll set the flag back to false here in draw, when
+			// all series have been processed, so the next sequence of calls to
+			// processDatapoints once again starts out with a slice-combine.
+			// This is really a hack; in 0.9 we need to give plugins a proper
+			// way to modify series before any processing begins.
+
+			processed = false;
+
+			// calculate maximum radius and center point
+
+			maxRadius =  Math.min(canvasWidth, canvasHeight / options.series.pie.tilt) / 2;
+			centerTop = canvasHeight / 2 + options.series.pie.offset.top;
+			centerLeft = canvasWidth / 2;
+
+			if (options.series.pie.offset.left == "auto") {
+				if (options.legend.position.match("w")) {
+					centerLeft += legendWidth / 2;
+				} else {
+					centerLeft -= legendWidth / 2;
+				}
+				if (centerLeft < maxRadius) {
+					centerLeft = maxRadius;
+				} else if (centerLeft > canvasWidth - maxRadius) {
+					centerLeft = canvasWidth - maxRadius;
+				}
+			} else {
+				centerLeft += options.series.pie.offset.left;
+			}
+
+			var slices = plot.getData(),
+				attempts = 0;
+
+			// Keep shrinking the pie's radius until drawPie returns true,
+			// indicating that all the labels fit, or we try too many times.
+
+			do {
+				if (attempts > 0) {
+					maxRadius *= REDRAW_SHRINK;
+				}
+				attempts += 1;
+				clear();
+				if (options.series.pie.tilt <= 0.8) {
+					drawShadow();
+				}
+			} while (!drawPie() && attempts < REDRAW_ATTEMPTS)
+
+			if (attempts >= REDRAW_ATTEMPTS) {
+				clear();
+				target.prepend("<div class='error'>Could not draw pie with labels contained inside canvas</div>");
+			}
+
+			if (plot.setSeries && plot.insertLegend) {
+				plot.setSeries(slices);
+				plot.insertLegend();
+			}
+
+			// we're actually done at this point, just defining internal functions at this point
+
+			function clear() {
+				ctx.clearRect(0, 0, canvasWidth, canvasHeight);
+				target.children().filter(".pieLabel, .pieLabelBackground").remove();
+			}
+
+			function drawShadow() {
+
+				var shadowLeft = options.series.pie.shadow.left;
+				var shadowTop = options.series.pie.shadow.top;
+				var edge = 10;
+				var alpha = options.series.pie.shadow.alpha;
+				var radius = options.series.pie.radius > 1 ? options.series.pie.radius : maxRadius * options.series.pie.radius;
+
+				if (radius >= canvasWidth / 2 - shadowLeft || radius * options.series.pie.tilt >= canvasHeight / 2 - shadowTop || radius <= edge) {
+					return;	// shadow would be outside canvas, so don't draw it
+				}
+
+				ctx.save();
+				ctx.translate(shadowLeft,shadowTop);
+				ctx.globalAlpha = alpha;
+				ctx.fillStyle = "#000";
+
+				// center and rotate to starting position
+
+				ctx.translate(centerLeft,centerTop);
+				ctx.scale(1, options.series.pie.tilt);
+
+				//radius -= edge;
+
+				for (var i = 1; i <= edge; i++) {
+					ctx.beginPath();
+					ctx.arc(0, 0, radius, 0, Math.PI * 2, false);
+					ctx.fill();
+					radius -= i;
+				}
+
+				ctx.restore();
+			}
+
+			function drawPie() {
+
+				var startAngle = Math.PI * options.series.pie.startAngle;
+				var radius = options.series.pie.radius > 1 ? options.series.pie.radius : maxRadius * options.series.pie.radius;
+
+				// center and rotate to starting position
+
+				ctx.save();
+				ctx.translate(centerLeft,centerTop);
+				ctx.scale(1, options.series.pie.tilt);
+				//ctx.rotate(startAngle); // start at top; -- This doesn't work properly in Opera
+
+				// draw slices
+
+				ctx.save();
+				var currentAngle = startAngle;
+				for (var i = 0; i < slices.length; ++i) {
+					slices[i].startAngle = currentAngle;
+					drawSlice(slices[i].angle, slices[i].color, true);
+				}
+				ctx.restore();
+
+				// draw slice outlines
+
+				if (options.series.pie.stroke.width > 0) {
+					ctx.save();
+					ctx.lineWidth = options.series.pie.stroke.width;
+					currentAngle = startAngle;
+					for (var i = 0; i < slices.length; ++i) {
+						drawSlice(slices[i].angle, options.series.pie.stroke.color, false);
+					}
+					ctx.restore();
+				}
+
+				// draw donut hole
+
+				drawDonutHole(ctx);
+
+				ctx.restore();
+
+				// Draw the labels, returning true if they fit within the plot
+
+				if (options.series.pie.label.show) {
+					return drawLabels();
+				} else return true;
+
+				function drawSlice(angle, color, fill) {
+
+					if (angle <= 0 || isNaN(angle)) {
+						return;
+					}
+
+					if (fill) {
+						ctx.fillStyle = color;
+					} else {
+						ctx.strokeStyle = color;
+						ctx.lineJoin = "round";
+					}
+
+					ctx.beginPath();
+					if (Math.abs(angle - Math.PI * 2) > 0.000000001) {
+						ctx.moveTo(0, 0); // Center of the pie
+					}
+
+					//ctx.arc(0, 0, radius, 0, angle, false); // This doesn't work properly in Opera
+					ctx.arc(0, 0, radius,currentAngle, currentAngle + angle / 2, false);
+					ctx.arc(0, 0, radius,currentAngle + angle / 2, currentAngle + angle, false);
+					ctx.closePath();
+					//ctx.rotate(angle); // This doesn't work properly in Opera
+					currentAngle += angle;
+
+					if (fill) {
+						ctx.fill();
+					} else {
+						ctx.stroke();
+					}
+				}
+
+				function drawLabels() {
+
+					var currentAngle = startAngle;
+					var radius = options.series.pie.label.radius > 1 ? options.series.pie.label.radius : maxRadius * options.series.pie.label.radius;
+
+					for (var i = 0; i < slices.length; ++i) {
+						if (slices[i].percent >= options.series.pie.label.threshold * 100) {
+							if (!drawLabel(slices[i], currentAngle, i)) {
+								return false;
+							}
+						}
+						currentAngle += slices[i].angle;
+					}
+
+					return true;
+
+					function drawLabel(slice, startAngle, index) {
+
+						if (slice.data[0][1] == 0) {
+							return true;
+						}
+
+						// format label text
+
+						var lf = options.legend.labelFormatter, text, plf = options.series.pie.label.formatter;
+
+						if (lf) {
+							text = lf(slice.label, slice);
+						} else {
+							text = slice.label;
+						}
+
+						if (plf) {
+							text = plf(text, slice);
+						}
+
+						var halfAngle = ((startAngle + slice.angle) + startAngle) / 2;
+						var x = centerLeft + Math.round(Math.cos(halfAngle) * radius);
+						var y = centerTop + Math.round(Math.sin(halfAngle) * radius) * options.series.pie.tilt;
+
+						var html = "<span class='pieLabel' id='pieLabel" + index + "' style='position:absolute;top:" + y + "px;left:" + x + "px;'>" + text + "</span>";
+						target.append(html);
+
+						var label = target.children("#pieLabel" + index);
+						var labelTop = (y - label.height() / 2);
+						var labelLeft = (x - label.width() / 2);
+
+						label.css("top", labelTop);
+						label.css("left", labelLeft);
+
+						// check to make sure that the label is not outside the canvas
+
+						if (0 - labelTop > 0 || 0 - labelLeft > 0 || canvasHeight - (labelTop + label.height()) < 0 || canvasWidth - (labelLeft + label.width()) < 0) {
+							return false;
+						}
+
+						if (options.series.pie.label.background.opacity != 0) {
+
+							// put in the transparent background separately to avoid blended labels and label boxes
+
+							var c = options.series.pie.label.background.color;
+
+							if (c == null) {
+								c = slice.color;
+							}
+
+							var pos = "top:" + labelTop + "px;left:" + labelLeft + "px;";
+							$("<div class='pieLabelBackground' style='position:absolute;width:" + label.width() + "px;height:" + label.height() + "px;" + pos + "background-color:" + c + ";'></div>")
+								.css("opacity", options.series.pie.label.background.opacity)
+								.insertBefore(label);
+						}
+
+						return true;
+					} // end individual label function
+				} // end drawLabels function
+			} // end drawPie function
+		} // end draw function
+
+		// Placed here because it needs to be accessed from multiple locations
+
+		function drawDonutHole(layer) {
+			if (options.series.pie.innerRadius > 0) {
+
+				// subtract the center
+
+				layer.save();
+				var innerRadius = options.series.pie.innerRadius > 1 ? options.series.pie.innerRadius : maxRadius * options.series.pie.innerRadius;
+				layer.globalCompositeOperation = "destination-out"; // this does not work with excanvas, but it will fall back to using the stroke color
+				layer.beginPath();
+				layer.fillStyle = options.series.pie.stroke.color;
+				layer.arc(0, 0, innerRadius, 0, Math.PI * 2, false);
+				layer.fill();
+				layer.closePath();
+				layer.restore();
+
+				// add inner stroke
+
+				layer.save();
+				layer.beginPath();
+				layer.strokeStyle = options.series.pie.stroke.color;
+				layer.arc(0, 0, innerRadius, 0, Math.PI * 2, false);
+				layer.stroke();
+				layer.closePath();
+				layer.restore();
+
+				// TODO: add extra shadow inside hole (with a mask) if the pie is tilted.
+			}
+		}
+
+		//-- Additional Interactive related functions --
+
+		function isPointInPoly(poly, pt) {
+			for(var c = false, i = -1, l = poly.length, j = l - 1; ++i < l; j = i)
+				((poly[i][1] <= pt[1] && pt[1] < poly[j][1]) || (poly[j][1] <= pt[1] && pt[1]< poly[i][1]))
+				&& (pt[0] < (poly[j][0] - poly[i][0]) * (pt[1] - poly[i][1]) / (poly[j][1] - poly[i][1]) + poly[i][0])
+				&& (c = !c);
+			return c;
+		}
+
+		function findNearbySlice(mouseX, mouseY) {
+
+			var slices = plot.getData(),
+				options = plot.getOptions(),
+				radius = options.series.pie.radius > 1 ? options.series.pie.radius : maxRadius * options.series.pie.radius,
+				x, y;
+
+			for (var i = 0; i < slices.length; ++i) {
+
+				var s = slices[i];
+
+				if (s.pie.show) {
+
+					ctx.save();
+					ctx.beginPath();
+					ctx.moveTo(0, 0); // Center of the pie
+					//ctx.scale(1, options.series.pie.tilt);	// this actually seems to break everything when here.
+					ctx.arc(0, 0, radius, s.startAngle, s.startAngle + s.angle / 2, false);
+					ctx.arc(0, 0, radius, s.startAngle + s.angle / 2, s.startAngle + s.angle, false);
+					ctx.closePath();
+					x = mouseX - centerLeft;
+					y = mouseY - centerTop;
+
+					if (ctx.isPointInPath) {
+						if (ctx.isPointInPath(mouseX - centerLeft, mouseY - centerTop)) {
+							ctx.restore();
+							return {
+								datapoint: [s.percent, s.data],
+								dataIndex: 0,
+								series: s,
+								seriesIndex: i
+							};
+						}
+					} else {
+
+						// excanvas for IE doesn;t support isPointInPath, this is a workaround.
+
+						var p1X = radius * Math.cos(s.startAngle),
+							p1Y = radius * Math.sin(s.startAngle),
+							p2X = radius * Math.cos(s.startAngle + s.angle / 4),
+							p2Y = radius * Math.sin(s.startAngle + s.angle / 4),
+							p3X = radius * Math.cos(s.startAngle + s.angle / 2),
+							p3Y = radius * Math.sin(s.startAngle + s.angle / 2),
+							p4X = radius * Math.cos(s.startAngle + s.angle / 1.5),
+							p4Y = radius * Math.sin(s.startAngle + s.angle / 1.5),
+							p5X = radius * Math.cos(s.startAngle + s.angle),
+							p5Y = radius * Math.sin(s.startAngle + s.angle),
+							arrPoly = [[0, 0], [p1X, p1Y], [p2X, p2Y], [p3X, p3Y], [p4X, p4Y], [p5X, p5Y]],
+							arrPoint = [x, y];
+
+						// TODO: perhaps do some mathmatical trickery here with the Y-coordinate to compensate for pie tilt?
+
+						if (isPointInPoly(arrPoly, arrPoint)) {
+							ctx.restore();
+							return {
+								datapoint: [s.percent, s.data],
+								dataIndex: 0,
+								series: s,
+								seriesIndex: i
+							};
+						}
+					}
+
+					ctx.restore();
+				}
+			}
+
+			return null;
+		}
+
+		function onMouseMove(e) {
+			triggerClickHoverEvent("plothover", e);
+		}
+
+		function onClick(e) {
+			triggerClickHoverEvent("plotclick", e);
+		}
+
+		// trigger click or hover event (they send the same parameters so we share their code)
+
+		function triggerClickHoverEvent(eventname, e) {
+
+			var offset = plot.offset();
+			var canvasX = parseInt(e.pageX - offset.left);
+			var canvasY =  parseInt(e.pageY - offset.top);
+			var item = findNearbySlice(canvasX, canvasY);
+
+			if (options.grid.autoHighlight) {
+
+				// clear auto-highlights
+
+				for (var i = 0; i < highlights.length; ++i) {
+					var h = highlights[i];
+					if (h.auto == eventname && !(item && h.series == item.series)) {
+						unhighlight(h.series);
+					}
+				}
+			}
+
+			// highlight the slice
+
+			if (item) {
+				highlight(item.series, eventname);
+			}
+
+			// trigger any hover bind events
+
+			var pos = { pageX: e.pageX, pageY: e.pageY };
+			target.trigger(eventname, [pos, item]);
+		}
+
+		function highlight(s, auto) {
+			//if (typeof s == "number") {
+			//	s = series[s];
+			//}
+
+			var i = indexOfHighlight(s);
+
+			if (i == -1) {
+				highlights.push({ series: s, auto: auto });
+				plot.triggerRedrawOverlay();
+			} else if (!auto) {
+				highlights[i].auto = false;
+			}
+		}
+
+		function unhighlight(s) {
+			if (s == null) {
+				highlights = [];
+				plot.triggerRedrawOverlay();
+			}
+
+			//if (typeof s == "number") {
+			//	s = series[s];
+			//}
+
+			var i = indexOfHighlight(s);
+
+			if (i != -1) {
+				highlights.splice(i, 1);
+				plot.triggerRedrawOverlay();
+			}
+		}
+
+		function indexOfHighlight(s) {
+			for (var i = 0; i < highlights.length; ++i) {
+				var h = highlights[i];
+				if (h.series == s)
+					return i;
+			}
+			return -1;
+		}
+
+		function drawOverlay(plot, octx) {
+
+			var options = plot.getOptions();
+
+			var radius = options.series.pie.radius > 1 ? options.series.pie.radius : maxRadius * options.series.pie.radius;
+
+			octx.save();
+			octx.translate(centerLeft, centerTop);
+			octx.scale(1, options.series.pie.tilt);
+
+			for (var i = 0; i < highlights.length; ++i) {
+				drawHighlight(highlights[i].series);
+			}
+
+			drawDonutHole(octx);
+
+			octx.restore();
+
+			function drawHighlight(series) {
+
+				if (series.angle <= 0 || isNaN(series.angle)) {
+					return;
+				}
+
+				//octx.fillStyle = parseColor(options.series.pie.highlight.color).scale(null, null, null, options.series.pie.highlight.opacity).toString();
+				octx.fillStyle = "rgba(255, 255, 255, " + options.series.pie.highlight.opacity + ")"; // this is temporary until we have access to parseColor
+				octx.beginPath();
+				if (Math.abs(series.angle - Math.PI * 2) > 0.000000001) {
+					octx.moveTo(0, 0); // Center of the pie
+				}
+				octx.arc(0, 0, radius, series.startAngle, series.startAngle + series.angle / 2, false);
+				octx.arc(0, 0, radius, series.startAngle + series.angle / 2, series.startAngle + series.angle, false);
+				octx.closePath();
+				octx.fill();
+			}
+		}
+	} // end init (plugin body)
+
+	// define pie specific options and their default values
+
+	var options = {
+		series: {
+			pie: {
+				show: false,
+				radius: "auto",	// actual radius of the visible pie (based on full calculated radius if <=1, or hard pixel value)
+				innerRadius: 0, /* for donut */
+				startAngle: 3/2,
+				tilt: 1,
+				shadow: {
+					left: 5,	// shadow left offset
+					top: 15,	// shadow top offset
+					alpha: 0.02	// shadow alpha
+				},
+				offset: {
+					top: 0,
+					left: "auto"
+				},
+				stroke: {
+					color: "#fff",
+					width: 1
+				},
+				label: {
+					show: "auto",
+					formatter: function(label, slice) {
+						return "<div style='font-size:x-small;text-align:center;padding:2px;color:" + slice.color + ";'>" + label + "<br/>" + Math.round(slice.percent) + "%</div>";
+					},	// formatter function
+					radius: 1,	// radius at which to place the labels (based on full calculated radius if <=1, or hard pixel value)
+					background: {
+						color: null,
+						opacity: 0
+					},
+					threshold: 0	// percentage at which to hide the label (i.e. the slice is too narrow)
+				},
+				combine: {
+					threshold: -1,	// percentage at which to combine little slices into one larger slice
+					color: null,	// color to give the new slice (auto-generated if null)
+					label: "Other"	// label to give the new slice
+				},
+				highlight: {
+					//color: "#fff",		// will add this functionality once parseColor is available
+					opacity: 0.5
+				}
+			}
+		}
+	};
+
+	$.plot.plugins.push({
+		init: init,
+		options: options,
+		name: "pie",
+		version: "1.1"
+	});
+
+})(jQuery);
diff --git a/vendor/javascripts/jquery.flot.resize.js b/vendor/javascripts/jquery.flot.resize.js
new file mode 100755
index 0000000..a1a6894
--- /dev/null
+++ b/vendor/javascripts/jquery.flot.resize.js
@@ -0,0 +1,59 @@
+/* Flot plugin for automatically redrawing plots as the placeholder resizes.
+
+Copyright (c) 2007-2014 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+It works by listening for changes on the placeholder div (through the jQuery
+resize event plugin) - if the size changes, it will redraw the plot.
+
+There are no options. If you need to disable the plugin for some plots, you
+can just fix the size of their placeholders.
+
+*/
+
+/* Inline dependency:
+ * jQuery resize event - v1.1 - 3/14/2010
+ * http://benalman.com/projects/jquery-resize-plugin/
+ *
+ * Copyright (c) 2010 "Cowboy" Ben Alman
+ * Dual licensed under the MIT and GPL licenses.
+ * http://benalman.com/about/license/
+ */
+(function($,e,t){"$:nomunge";var i=[],n=$.resize=$.extend($.resize,{}),a,r=false,s="setTimeout",u="resize",m=u+"-special-event",o="pendingDelay",l="activeDelay",f="throttleWindow";n[o]=200;n[l]=20;n[f]=true;$.event.special[u]={setup:function(){if(!n[f]&&this[s]){return false}var e=$(this);i.push(this);e.data(m,{w:e.width(),h:e.height()});if(i.length===1){a=t;h()}},teardown:function(){if(!n[f]&&this[s]){return false}var e=$(this);for(var t=i.length-1;t>=0;t--){if(i[t]==this){i.splice(t,1);break}}e.removeData(m);if(!i.length){if(r){cancelAnimationFrame(a)}else{clearTimeout(a)}a=null}},add:function(e){if(!n[f]&&this[s]){return false}var i;function a(e,n,a){var r=$(this),s=r.data(m)||{};s.w=n!==t?n:r.width();s.h=a!==t?a:r.height();i.apply(this,arguments)}if($.isFunction(e)){i=e;return a}else{i=e.handler;e.handler=a}}};function h(t){if(r===true){r=t||1}for(var s=i.length-1;s>=0;s--){var l=$(i[s]);if(l[0]==e||l.is(":visible")){var f=l.width(),c=l.height(),d=l.data(m);if(d&&(f!==d.w||c!==d.h)){l.trigger(u,[d.w=f,d.h=c]);r=t||true}}else{d=l.data(m);d.w=0;d.h=0}}if(a!==null){if(r&&(t==null||t-r<1e3)){a=e.requestAnimationFrame(h)}else{a=setTimeout(h,n[o]);r=false}}}if(!e.requestAnimationFrame){e.requestAnimationFrame=function(){return e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(t,i){return e.setTimeout(function(){t((new Date).getTime())},n[l])}}()}if(!e.cancelAnimationFrame){e.cancelAnimationFrame=function(){return e.webkitCancelRequestAnimationFrame||e.mozCancelRequestAnimationFrame||e.oCancelRequestAnimationFrame||e.msCancelRequestAnimationFrame||clearTimeout}()}})(jQuery,this);
+
+(function ($) {
+    var options = { }; // no options
+
+    function init(plot) {
+        function onResize() {
+            var placeholder = plot.getPlaceholder();
+
+            // somebody might have hidden us and we can't plot
+            // when we don't have the dimensions
+            if (placeholder.width() == 0 || placeholder.height() == 0)
+                return;
+
+            plot.resize();
+            plot.setupGrid();
+            plot.draw();
+        }
+        
+        function bindEvents(plot, eventHolder) {
+            plot.getPlaceholder().resize(onResize);
+        }
+
+        function shutdown(plot, eventHolder) {
+            plot.getPlaceholder().unbind("resize", onResize);
+        }
+        
+        plot.hooks.bindEvents.push(bindEvents);
+        plot.hooks.shutdown.push(shutdown);
+    }
+    
+    $.plot.plugins.push({
+        init: init,
+        options: options,
+        name: 'resize',
+        version: '1.0'
+    });
+})(jQuery);
diff --git a/vendor/javascripts/jquery.flot.spline.min.js b/vendor/javascripts/jquery.flot.spline.min.js
new file mode 100755
index 0000000..aaa0f77
--- /dev/null
+++ b/vendor/javascripts/jquery.flot.spline.min.js
@@ -0,0 +1,212 @@
+/**
+ * Flot plugin that provides spline interpolation for line graphs
+ * author: Alex Bardas < alex.bardas@gmail.com >
+ * modified by: Avi Kohn https://github.com/AMKohn
+ * based on the spline interpolation described at:
+ *		 http://scaledinnovation.com/analytics/splines/aboutSplines.html
+ *
+ * Example usage: (add in plot options series object)
+ *		for linespline:
+ *			series: {
+ *				...
+ *				lines: {
+ *					show: false
+ *				},
+ *				splines: {
+ *					show: true,
+ *					tension: x, (float between 0 and 1, defaults to 0.5),
+ *					lineWidth: y (number, defaults to 2),
+ *					fill: z (float between 0 .. 1 or false, as in flot documentation)
+ *				},
+ *				...
+ *			}
+ *		areaspline:
+ *			series: {
+ *				...
+ *				lines: {
+ *					show: true,
+ *					lineWidth: 0, (line drawing will not execute)
+ *					fill: x, (float between 0 .. 1, as in flot documentation)
+ *					...
+ *				},
+ *				splines: {
+ *					show: true,
+ *					tension: 0.5 (float between 0 and 1)
+ *				},
+ *				...
+ *			}
+ *
+ */
+
+(function($) {
+    'use strict'
+
+    /**
+     * @param {Number} x0, y0, x1, y1: coordinates of the end (knot) points of the segment
+     * @param {Number} x2, y2: the next knot (not connected, but needed to calculate p2)
+     * @param {Number} tension: control how far the control points spread
+     * @return {Array}: p1 -> control point, from x1 back toward x0
+     * 					p2 -> the next control point, returned to become the next segment's p1
+     *
+     * @api private
+     */
+    function getControlPoints(x0, y0, x1, y1, x2, y2, tension) {
+
+        var pow = Math.pow,
+            sqrt = Math.sqrt,
+            d01, d12, fa, fb, p1x, p1y, p2x, p2y;
+
+        //  Scaling factors: distances from this knot to the previous and following knots.
+        d01 = sqrt(pow(x1 - x0, 2) + pow(y1 - y0, 2));
+        d12 = sqrt(pow(x2 - x1, 2) + pow(y2 - y1, 2));
+
+        fa = tension * d01 / (d01 + d12);
+        fb = tension - fa;
+
+        p1x = x1 + fa * (x0 - x2);
+        p1y = y1 + fa * (y0 - y2);
+
+        p2x = x1 - fb * (x0 - x2);
+        p2y = y1 - fb * (y0 - y2);
+
+        return [p1x, p1y, p2x, p2y];
+    }
+
+    var line = [];
+
+    function drawLine(points, ctx, height, fill, seriesColor) {
+        var c = $.color.parse(seriesColor);
+
+        c.a = typeof fill == "number" ? fill : .3;
+        c.normalize();
+        c = c.toString();
+
+        ctx.beginPath();
+        ctx.moveTo(points[0][0], points[0][1]);
+
+        var plength = points.length;
+
+        for (var i = 0; i < plength; i++) {
+            ctx[points[i][3]].apply(ctx, points[i][2]);
+        }
+
+        ctx.stroke();
+
+        ctx.lineWidth = 0;
+        ctx.lineTo(points[plength - 1][0], height);
+        ctx.lineTo(points[0][0], height);
+
+        ctx.closePath();
+
+        if (fill !== false) {
+            ctx.fillStyle = c;
+            ctx.fill();
+        }
+    }
+
+    /**
+     * @param {Object} ctx: canvas context
+     * @param {String} type: accepted strings: 'bezier' or 'quadratic' (defaults to quadratic)
+     * @param {Array} points: 2 points for which to draw the interpolation
+     * @param {Array} cpoints: control points for those segment points
+     *
+     * @api private
+     */
+    function queue(ctx, type, points, cpoints) {
+        if (type === void 0 || (type !== 'bezier' && type !== 'quadratic')) {
+            type = 'quadratic';
+        }
+        type = type + 'CurveTo';
+
+        if (line.length == 0) line.push([points[0], points[1], cpoints.concat(points.slice(2)), type]);
+        else if (type == "quadraticCurveTo" && points.length == 2) {
+            cpoints = cpoints.slice(0, 2).concat(points);
+
+            line.push([points[0], points[1], cpoints, type]);
+        }
+        else line.push([points[2], points[3], cpoints.concat(points.slice(2)), type]);
+    }
+
+    /**
+     * @param {Object} plot
+     * @param {Object} ctx: canvas context
+     * @param {Object} series
+     *
+     * @api private
+     */
+
+    function drawSpline(plot, ctx, series) {
+        // Not interested if spline is not requested
+        if (series.splines.show !== true) {
+            return;
+        }
+
+        var cp = [],
+        // array of control points
+            tension = series.splines.tension || 0.5,
+            idx, x, y, points = series.datapoints.points,
+            ps = series.datapoints.pointsize,
+            plotOffset = plot.getPlotOffset(),
+            len = points.length,
+            pts = [];
+
+        line = [];
+
+        // Cannot display a linespline/areaspline if there are less than 3 points
+        if (len / ps < 4) {
+            $.extend(series.lines, series.splines);
+            return;
+        }
+
+        for (idx = 0; idx < len; idx += ps) {
+            x = points[idx];
+            y = points[idx + 1];
+            if (x == null || x < series.xaxis.min || x > series.xaxis.max || y < series.yaxis.min || y > series.yaxis.max) {
+                continue;
+            }
+
+            pts.push(series.xaxis.p2c(x) + plotOffset.left, series.yaxis.p2c(y) + plotOffset.top);
+        }
+
+        len = pts.length;
+
+        // Draw an open curve, not connected at the ends
+        for (idx = 0; idx < len - 2; idx += 2) {
+            cp = cp.concat(getControlPoints.apply(this, pts.slice(idx, idx + 6).concat([tension])));
+        }
+
+        ctx.save();
+        ctx.strokeStyle = series.color;
+        ctx.lineWidth = series.splines.lineWidth;
+
+        queue(ctx, 'quadratic', pts.slice(0, 4), cp.slice(0, 2));
+
+        for (idx = 2; idx < len - 3; idx += 2) {
+            queue(ctx, 'bezier', pts.slice(idx, idx + 4), cp.slice(2 * idx - 2, 2 * idx + 2));
+        }
+
+        queue(ctx, 'quadratic', pts.slice(len - 2, len), [cp[2 * len - 10], cp[2 * len - 9], pts[len - 4], pts[len - 3]]);
+
+        drawLine(line, ctx, plot.height() + 10, series.splines.fill, series.color);
+
+        ctx.restore();
+    }
+
+    $.plot.plugins.push({
+        init: function(plot) {
+            plot.hooks.drawSeries.push(drawSpline);
+        },
+        options: {
+            series: {
+                splines: {
+                    show: false,
+                    lineWidth: 2,
+                    tension: 0.5,
+                    fill: false
+                }
+            }
+        },
+        name: 'spline',
+        version: '0.8.2'
+    });
+})(jQuery);
diff --git a/vendor/javascripts/jquery.flot.tooltip.min.js b/vendor/javascripts/jquery.flot.tooltip.min.js
new file mode 100755
index 0000000..6b84e06
--- /dev/null
+++ b/vendor/javascripts/jquery.flot.tooltip.min.js
@@ -0,0 +1,12 @@
+/*
+ * jquery.flot.tooltip
+ * 
+ * description: easy-to-use tooltips for Flot charts
+ * version: 0.6.6
+ * author: Krzysztof Urbas @krzysu [myviews.pl]
+ * website: https://github.com/krzysu/flot.tooltip
+ * 
+ * build on 2014-02-10
+ * released under MIT License, 2012
+ */
+!function(a){var b={tooltip:!1,tooltipOpts:{content:"%s | X: %x | Y: %y",xDateFormat:null,yDateFormat:null,monthNames:null,dayNames:null,shifts:{x:10,y:20},defaultTheme:!0,onHover:function(){}}},c=function(a){this.tipPosition={x:0,y:0},this.init(a)};c.prototype.init=function(b){function c(a){var b={};b.x=a.pageX,b.y=a.pageY,e.updateTooltipPosition(b)}function d(a,b,c){var d=e.getDomElement();if(c){var f;f=e.stringFormat(e.tooltipOptions.content,c),d.html(f),e.updateTooltipPosition({x:b.pageX,y:b.pageY}),d.css({left:e.tipPosition.x+e.tooltipOptions.shifts.x,top:e.tipPosition.y+e.tooltipOptions.shifts.y}).show(),"function"==typeof e.tooltipOptions.onHover&&e.tooltipOptions.onHover(c,d)}else d.hide().html("")}var e=this;b.hooks.bindEvents.push(function(b,f){if(e.plotOptions=b.getOptions(),e.plotOptions.tooltip!==!1&&"undefined"!=typeof e.plotOptions.tooltip){e.tooltipOptions=e.plotOptions.tooltipOpts;{e.getDomElement()}a(b.getPlaceholder()).bind("plothover",d),a(f).bind("mousemove",c)}}),b.hooks.shutdown.push(function(b,e){a(b.getPlaceholder()).unbind("plothover",d),a(e).unbind("mousemove",c)})},c.prototype.getDomElement=function(){var b;return a("#flotTip").length>0?b=a("#flotTip"):(b=a("<div />").attr("id","flotTip"),b.appendTo("body").hide().css({position:"absolute"}),this.tooltipOptions.defaultTheme&&b.css({background:"#fff","z-index":"1040",padding:"0.4em 0.6em","border-radius":"0.5em","font-size":"0.8em",border:"1px solid #111",display:"none","white-space":"nowrap"})),b},c.prototype.updateTooltipPosition=function(b){var c=a("#flotTip").outerWidth()+this.tooltipOptions.shifts.x,d=a("#flotTip").outerHeight()+this.tooltipOptions.shifts.y;b.x-a(window).scrollLeft()>a(window).innerWidth()-c&&(b.x-=c),b.y-a(window).scrollTop()>a(window).innerHeight()-d&&(b.y-=d),this.tipPosition.x=b.x,this.tipPosition.y=b.y},c.prototype.stringFormat=function(a,b){var c,d,e=/%p\.{0,1}(\d{0,})/,f=/%s/,g=/%x\.{0,1}(\d{0,})/,h=/%y\.{0,1}(\d{0,})/,i="%x",j="%y";if("undefined"!=typeof b.series.threshold?(c=b.datapoint[0],d=b.datapoint[1]):(c=b.series.data[b.dataIndex][0],d=b.series.data[b.dataIndex][1]),null===b.series.label&&b.series.originSeries&&(b.series.label=b.series.originSeries.label),"function"==typeof a&&(a=a(b.series.label,c,d,b)),"undefined"!=typeof b.series.percent&&(a=this.adjustValPrecision(e,a,b.series.percent)),a="undefined"!=typeof b.series.label?a.replace(f,b.series.label):a.replace(f,""),this.isTimeMode("xaxis",b)&&this.isXDateFormat(b)&&(a=a.replace(g,this.timestampToDate(c,this.tooltipOptions.xDateFormat))),this.isTimeMode("yaxis",b)&&this.isYDateFormat(b)&&(a=a.replace(h,this.timestampToDate(d,this.tooltipOptions.yDateFormat))),"number"==typeof c&&(a=this.adjustValPrecision(g,a,c)),"number"==typeof d&&(a=this.adjustValPrecision(h,a,d)),"undefined"!=typeof b.series.xaxis.ticks&&b.series.xaxis.ticks.length>b.dataIndex&&!this.isTimeMode("xaxis",b)&&(a=a.replace(g,b.series.xaxis.ticks[b.dataIndex].label)),"undefined"!=typeof b.series.yaxis.ticks)for(var k in b.series.yaxis.ticks)if(b.series.yaxis.ticks.hasOwnProperty(k)){var l=this.isCategoriesMode("yaxis",b)?b.series.yaxis.ticks[k].label:b.series.yaxis.ticks[k].v;l===d&&(a=a.replace(h,b.series.yaxis.ticks[k].label))}return"undefined"!=typeof b.series.xaxis.tickFormatter&&(a=a.replace(i,b.series.xaxis.tickFormatter(c,b.series.xaxis).replace(/\$/g,"$$"))),"undefined"!=typeof b.series.yaxis.tickFormatter&&(a=a.replace(j,b.series.yaxis.tickFormatter(d,b.series.yaxis).replace(/\$/g,"$$"))),a},c.prototype.isTimeMode=function(a,b){return"undefined"!=typeof b.series[a].options.mode&&"time"===b.series[a].options.mode},c.prototype.isXDateFormat=function(){return"undefined"!=typeof this.tooltipOptions.xDateFormat&&null!==this.tooltipOptions.xDateFormat},c.prototype.isYDateFormat=function(){return"undefined"!=typeof this.tooltipOptions.yDateFormat&&null!==this.tooltipOptions.yDateFormat},c.prototype.isCategoriesMode=function(a,b){return"undefined"!=typeof b.series[a].options.mode&&"categories"===b.series[a].options.mode},c.prototype.timestampToDate=function(b,c){var d=new Date(1*b);return a.plot.formatDate(d,c,this.tooltipOptions.monthNames,this.tooltipOptions.dayNames)},c.prototype.adjustValPrecision=function(a,b,c){var d,e=b.match(a);return null!==e&&""!==RegExp.$1&&(d=RegExp.$1,c=c.toFixed(d),b=b.replace(a,c)),b};var d=function(a){new c(a)};a.plot.plugins.push({init:d,options:b,name:"tooltip",version:"0.6.6"})}(jQuery);
diff --git a/vendor/javascripts/jquery.gritter.js b/vendor/javascripts/jquery.gritter.js
new file mode 100755
index 0000000..6660980
--- /dev/null
+++ b/vendor/javascripts/jquery.gritter.js
@@ -0,0 +1,419 @@
+/*
+ * Gritter for jQuery
+ * http://www.boedesign.com/
+ *
+ * Copyright (c) 2012 Jordan Boesch
+ * Dual licensed under the MIT and GPL licenses.
+ *
+ * Date: February 24, 2012
+ * Version: 1.7.4
+ */
+
+(function($){
+ 	
+	/**
+	* Set it up as an object under the jQuery namespace
+	*/
+	$.gritter = {};
+	
+	/**
+	* Set up global options that the user can over-ride
+	*/
+	$.gritter.options = {
+		position: '',
+		class_name: '', // could be set to 'gritter-light' to use white notifications
+		fade_in_speed: 'medium', // how fast notifications fade in
+		fade_out_speed: 1000, // how fast the notices fade out
+		time: 6000 // hang on the screen for...
+	}
+	
+	/**
+	* Add a gritter notification to the screen
+	* @see Gritter#add();
+	*/
+	$.gritter.add = function(params){
+
+		try {
+			return Gritter.add(params || {});
+		} catch(e) {
+		
+			var err = 'Gritter Error: ' + e;
+			(typeof(console) != 'undefined' && console.error) ? 
+				console.error(err, params) : 
+				alert(err);
+				
+		}
+		
+	}
+	
+	/**
+	* Remove a gritter notification from the screen
+	* @see Gritter#removeSpecific();
+	*/
+	$.gritter.remove = function(id, params){
+		Gritter.removeSpecific(id, params || {});
+	}
+	
+	/**
+	* Remove all notifications
+	* @see Gritter#stop();
+	*/
+	$.gritter.removeAll = function(params){
+		Gritter.stop(params || {});
+	}
+	
+	/**
+	* Big fat Gritter object
+	* @constructor (not really since its object literal)
+	*/
+	var Gritter = {
+		
+		// Public - options to over-ride with $.gritter.options in "add"
+		position: '',
+		fade_in_speed: '',
+		fade_out_speed: '',
+		time: '',
+		
+		// Private - no touchy the private parts
+		_custom_timer: 0,
+		_item_count: 0,
+		_is_setup: 0,
+		_tpl_close: '<a class="gritter-close" href="#" tabindex="1">Close Notification</a>',
+		_tpl_title: '<span class="gritter-title">[[title]]</span>',
+		_tpl_item: '<div id="gritter-item-[[number]]" class="gritter-item-wrapper [[item_class]]" style="display:none" role="alert"><div class="gritter-top"></div><div class="gritter-item">[[close]][[image]]<div class="[[class_name]]">[[title]]<p>[[text]]</p></div><div style="clear:both"></div></div><div class="gritter-bottom"></div></div>',
+		_tpl_wrap: '<div id="gritter-notice-wrapper"></div>',
+		
+		/**
+		* Add a gritter notification to the screen
+		* @param {Object} params The object that contains all the options for drawing the notification
+		* @return {Integer} The specific numeric id to that gritter notification
+		*/
+		add: function(params){
+			// Handle straight text
+			if(typeof(params) == 'string'){
+				params = {text:params};
+			}
+
+			// We might have some issues if we don't have a title or text!
+			if(params.text === null){
+				throw 'You must supply "text" parameter.'; 
+			}
+			
+			// Check the options and set them once
+			if(!this._is_setup){
+				this._runSetup();
+			}
+			
+			// Basics
+			var title = params.title, 
+				text = params.text,
+				image = params.image || '',
+				sticky = params.sticky || false,
+				item_class = params.class_name || $.gritter.options.class_name,
+				position = $.gritter.options.position,
+				time_alive = params.time || '';
+
+			this._verifyWrapper();
+			
+			this._item_count++;
+			var number = this._item_count, 
+				tmp = this._tpl_item;
+			
+			// Assign callbacks
+			$(['before_open', 'after_open', 'before_close', 'after_close']).each(function(i, val){
+				Gritter['_' + val + '_' + number] = ($.isFunction(params[val])) ? params[val] : function(){}
+			});
+
+			// Reset
+			this._custom_timer = 0;
+			
+			// A custom fade time set
+			if(time_alive){
+				this._custom_timer = time_alive;
+			}
+			
+			var image_str = (image != '') ? '<img src="' + image + '" class="gritter-image" />' : '',
+				class_name = (image != '') ? 'gritter-with-image' : 'gritter-without-image';
+			
+			// String replacements on the template
+			if(title){
+				title = this._str_replace('[[title]]',title,this._tpl_title);
+			}else{
+				title = '';
+			}
+			
+			tmp = this._str_replace(
+				['[[title]]', '[[text]]', '[[close]]', '[[image]]', '[[number]]', '[[class_name]]', '[[item_class]]'],
+				[title, text, this._tpl_close, image_str, this._item_count, class_name, item_class], tmp
+			);
+
+			// If it's false, don't show another gritter message
+			if(this['_before_open_' + number]() === false){
+				return false;
+			}
+
+			$('#gritter-notice-wrapper').addClass(position).append(tmp);
+			
+			var item = $('#gritter-item-' + this._item_count);
+			
+			item.fadeIn(this.fade_in_speed, function(){
+				Gritter['_after_open_' + number]($(this));
+			});
+			
+			if(!sticky){
+				this._setFadeTimer(item, number);
+			}
+			
+			// Bind the hover/unhover states
+			$(item).bind('mouseenter mouseleave', function(event){
+				if(event.type == 'mouseenter'){
+					if(!sticky){ 
+						Gritter._restoreItemIfFading($(this), number);
+					}
+				}
+				else {
+					if(!sticky){
+						Gritter._setFadeTimer($(this), number);
+					}
+				}
+				Gritter._hoverState($(this), event.type);
+			});
+			
+			// Clicking (X) makes the perdy thing close
+			$(item).find('.gritter-close').click(function(){
+				Gritter.removeSpecific(number, {}, null, true);
+				return false;
+			});
+			
+			return number;
+		
+		},
+		
+		/**
+		* If we don't have any more gritter notifications, get rid of the wrapper using this check
+		* @private
+		* @param {Integer} unique_id The ID of the element that was just deleted, use it for a callback
+		* @param {Object} e The jQuery element that we're going to perform the remove() action on
+		* @param {Boolean} manual_close Did we close the gritter dialog with the (X) button
+		*/
+		_countRemoveWrapper: function(unique_id, e, manual_close){
+			
+			// Remove it then run the callback function
+			e.remove();
+			this['_after_close_' + unique_id](e, manual_close);
+			
+			// Check if the wrapper is empty, if it is.. remove the wrapper
+			if($('.gritter-item-wrapper').length == 0){
+				$('#gritter-notice-wrapper').remove();
+			}
+		
+		},
+		
+		/**
+		* Fade out an element after it's been on the screen for x amount of time
+		* @private
+		* @param {Object} e The jQuery element to get rid of
+		* @param {Integer} unique_id The id of the element to remove
+		* @param {Object} params An optional list of params to set fade speeds etc.
+		* @param {Boolean} unbind_events Unbind the mouseenter/mouseleave events if they click (X)
+		*/
+		_fade: function(e, unique_id, params, unbind_events){
+
+			var params = params || {},
+				fade = (typeof(params.fade) != 'undefined') ? params.fade : true,
+				fade_out_speed = params.speed || this.fade_out_speed,
+				manual_close = unbind_events;
+
+			this['_before_close_' + unique_id](e, manual_close);
+			
+			// If this is true, then we are coming from clicking the (X)
+			if(unbind_events){
+				e.unbind('mouseenter mouseleave');
+			}
+			
+			// Fade it out or remove it
+			if(fade){
+			
+				e.animate({
+					opacity: 0
+				}, fade_out_speed, function(){
+					e.animate({ height: 0 }, 300, function(){
+						Gritter._countRemoveWrapper(unique_id, e, manual_close);
+					})
+				})
+				
+			}
+			else {
+				
+				this._countRemoveWrapper(unique_id, e);
+				
+			}
+						
+		},
+		
+		/**
+		* Perform actions based on the type of bind (mouseenter, mouseleave) 
+		* @private
+		* @param {Object} e The jQuery element
+		* @param {String} type The type of action we're performing: mouseenter or mouseleave
+		*/
+		_hoverState: function(e, type){
+			
+			// Change the border styles and add the (X) close button when you hover
+			if(type == 'mouseenter'){
+				
+				e.addClass('hover');
+				
+				// Show close button
+				e.find('.gritter-close').show();
+						
+			}
+			// Remove the border styles and hide (X) close button when you mouse out
+			else {
+				
+				e.removeClass('hover');
+				
+				// Hide close button
+				e.find('.gritter-close').hide();
+				
+			}
+			
+		},
+		
+		/**
+		* Remove a specific notification based on an ID
+		* @param {Integer} unique_id The ID used to delete a specific notification
+		* @param {Object} params A set of options passed in to determine how to get rid of it
+		* @param {Object} e The jQuery element that we're "fading" then removing
+		* @param {Boolean} unbind_events If we clicked on the (X) we set this to true to unbind mouseenter/mouseleave
+		*/
+		removeSpecific: function(unique_id, params, e, unbind_events){
+			
+			if(!e){
+				var e = $('#gritter-item-' + unique_id);
+			}
+
+			// We set the fourth param to let the _fade function know to 
+			// unbind the "mouseleave" event.  Once you click (X) there's no going back!
+			this._fade(e, unique_id, params || {}, unbind_events);
+			
+		},
+		
+		/**
+		* If the item is fading out and we hover over it, restore it!
+		* @private
+		* @param {Object} e The HTML element to remove
+		* @param {Integer} unique_id The ID of the element
+		*/
+		_restoreItemIfFading: function(e, unique_id){
+			
+			clearTimeout(this['_int_id_' + unique_id]);
+			e.stop().css({ opacity: '', height: '' });
+			
+		},
+		
+		/**
+		* Setup the global options - only once
+		* @private
+		*/
+		_runSetup: function(){
+		
+			for(opt in $.gritter.options){
+				this[opt] = $.gritter.options[opt];
+			}
+			this._is_setup = 1;
+			
+		},
+		
+		/**
+		* Set the notification to fade out after a certain amount of time
+		* @private
+		* @param {Object} item The HTML element we're dealing with
+		* @param {Integer} unique_id The ID of the element
+		*/
+		_setFadeTimer: function(e, unique_id){
+			
+			var timer_str = (this._custom_timer) ? this._custom_timer : this.time;
+			this['_int_id_' + unique_id] = setTimeout(function(){ 
+				Gritter._fade(e, unique_id);
+			}, timer_str);
+		
+		},
+		
+		/**
+		* Bring everything to a halt
+		* @param {Object} params A list of callback functions to pass when all notifications are removed
+		*/  
+		stop: function(params){
+			
+			// callbacks (if passed)
+			var before_close = ($.isFunction(params.before_close)) ? params.before_close : function(){};
+			var after_close = ($.isFunction(params.after_close)) ? params.after_close : function(){};
+			
+			var wrap = $('#gritter-notice-wrapper');
+			before_close(wrap);
+			wrap.fadeOut(function(){
+				$(this).remove();
+				after_close();
+			});
+		
+		},
+		
+		/**
+		* An extremely handy PHP function ported to JS, works well for templating
+		* @private
+		* @param {String/Array} search A list of things to search for
+		* @param {String/Array} replace A list of things to replace the searches with
+		* @return {String} sa The output
+		*/  
+		_str_replace: function(search, replace, subject, count){
+		
+			var i = 0, j = 0, temp = '', repl = '', sl = 0, fl = 0,
+				f = [].concat(search),
+				r = [].concat(replace),
+				s = subject,
+				ra = r instanceof Array, sa = s instanceof Array;
+			s = [].concat(s);
+			
+			if(count){
+				this.window[count] = 0;
+			}
+		
+			for(i = 0, sl = s.length; i < sl; i++){
+				
+				if(s[i] === ''){
+					continue;
+				}
+				
+				for (j = 0, fl = f.length; j < fl; j++){
+					
+					temp = s[i] + '';
+					repl = ra ? (r[j] !== undefined ? r[j] : '') : r[0];
+					s[i] = (temp).split(f[j]).join(repl);
+					
+					if(count && s[i] !== temp){
+						this.window[count] += (temp.length-s[i].length) / f[j].length;
+					}
+					
+				}
+			}
+			
+			return sa ? s : s[0];
+			
+		},
+		
+		/**
+		* A check to make sure we have something to wrap our notices with
+		* @private
+		*/  
+		_verifyWrapper: function(){
+		  
+			if($('#gritter-notice-wrapper').length == 0){
+				$('body').append(this._tpl_wrap);
+			}
+		
+		}
+		
+	}
+	
+})(jQuery);
diff --git a/vendor/javascripts/jquery.js b/vendor/javascripts/jquery.js
new file mode 100755
index 0000000..0006aa9
--- /dev/null
+++ b/vendor/javascripts/jquery.js
@@ -0,0 +1,9210 @@
+/*!
+ * jQuery JavaScript Library v2.1.4
+ * http://jquery.com/
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ *
+ * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2015-04-28T16:01Z
+ */
+
+(function( global, factory ) {
+
+	if ( typeof module === "object" && typeof module.exports === "object" ) {
+		// For CommonJS and CommonJS-like environments where a proper `window`
+		// is present, execute the factory and get jQuery.
+		// For environments that do not have a `window` with a `document`
+		// (such as Node.js), expose a factory as module.exports.
+		// This accentuates the need for the creation of a real `window`.
+		// e.g. var jQuery = require("jquery")(window);
+		// See ticket #14549 for more info.
+		module.exports = global.document ?
+			factory( global, true ) :
+			function( w ) {
+				if ( !w.document ) {
+					throw new Error( "jQuery requires a window with a document" );
+				}
+				return factory( w );
+			};
+	} else {
+		factory( global );
+	}
+
+// Pass this if window is not defined yet
+}(typeof window !== "undefined" ? window : this, function( window, noGlobal ) {
+
+// Support: Firefox 18+
+// Can't be in strict mode, several libs including ASP.NET trace
+// the stack via arguments.caller.callee and Firefox dies if
+// you try to trace through "use strict" call chains. (#13335)
+//
+
+var arr = [];
+
+var slice = arr.slice;
+
+var concat = arr.concat;
+
+var push = arr.push;
+
+var indexOf = arr.indexOf;
+
+var class2type = {};
+
+var toString = class2type.toString;
+
+var hasOwn = class2type.hasOwnProperty;
+
+var support = {};
+
+
+
+var
+	// Use the correct document accordingly with window argument (sandbox)
+	document = window.document,
+
+	version = "2.1.4",
+
+	// Define a local copy of jQuery
+	jQuery = function( selector, context ) {
+		// The jQuery object is actually just the init constructor 'enhanced'
+		// Need init if jQuery is called (just allow error to be thrown if not included)
+		return new jQuery.fn.init( selector, context );
+	},
+
+	// Support: Android<4.1
+	// Make sure we trim BOM and NBSP
+	rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
+
+	// Matches dashed string for camelizing
+	rmsPrefix = /^-ms-/,
+	rdashAlpha = /-([\da-z])/gi,
+
+	// Used by jQuery.camelCase as callback to replace()
+	fcamelCase = function( all, letter ) {
+		return letter.toUpperCase();
+	};
+
+jQuery.fn = jQuery.prototype = {
+	// The current version of jQuery being used
+	jquery: version,
+
+	constructor: jQuery,
+
+	// Start with an empty selector
+	selector: "",
+
+	// The default length of a jQuery object is 0
+	length: 0,
+
+	toArray: function() {
+		return slice.call( this );
+	},
+
+	// Get the Nth element in the matched element set OR
+	// Get the whole matched element set as a clean array
+	get: function( num ) {
+		return num != null ?
+
+			// Return just the one element from the set
+			( num < 0 ? this[ num + this.length ] : this[ num ] ) :
+
+			// Return all the elements in a clean array
+			slice.call( this );
+	},
+
+	// Take an array of elements and push it onto the stack
+	// (returning the new matched element set)
+	pushStack: function( elems ) {
+
+		// Build a new jQuery matched element set
+		var ret = jQuery.merge( this.constructor(), elems );
+
+		// Add the old object onto the stack (as a reference)
+		ret.prevObject = this;
+		ret.context = this.context;
+
+		// Return the newly-formed element set
+		return ret;
+	},
+
+	// Execute a callback for every element in the matched set.
+	// (You can seed the arguments with an array of args, but this is
+	// only used internally.)
+	each: function( callback, args ) {
+		return jQuery.each( this, callback, args );
+	},
+
+	map: function( callback ) {
+		return this.pushStack( jQuery.map(this, function( elem, i ) {
+			return callback.call( elem, i, elem );
+		}));
+	},
+
+	slice: function() {
+		return this.pushStack( slice.apply( this, arguments ) );
+	},
+
+	first: function() {
+		return this.eq( 0 );
+	},
+
+	last: function() {
+		return this.eq( -1 );
+	},
+
+	eq: function( i ) {
+		var len = this.length,
+			j = +i + ( i < 0 ? len : 0 );
+		return this.pushStack( j >= 0 && j < len ? [ this[j] ] : [] );
+	},
+
+	end: function() {
+		return this.prevObject || this.constructor(null);
+	},
+
+	// For internal use only.
+	// Behaves like an Array's method, not like a jQuery method.
+	push: push,
+	sort: arr.sort,
+	splice: arr.splice
+};
+
+jQuery.extend = jQuery.fn.extend = function() {
+	var options, name, src, copy, copyIsArray, clone,
+		target = arguments[0] || {},
+		i = 1,
+		length = arguments.length,
+		deep = false;
+
+	// Handle a deep copy situation
+	if ( typeof target === "boolean" ) {
+		deep = target;
+
+		// Skip the boolean and the target
+		target = arguments[ i ] || {};
+		i++;
+	}
+
+	// Handle case when target is a string or something (possible in deep copy)
+	if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
+		target = {};
+	}
+
+	// Extend jQuery itself if only one argument is passed
+	if ( i === length ) {
+		target = this;
+		i--;
+	}
+
+	for ( ; i < length; i++ ) {
+		// Only deal with non-null/undefined values
+		if ( (options = arguments[ i ]) != null ) {
+			// Extend the base object
+			for ( name in options ) {
+				src = target[ name ];
+				copy = options[ name ];
+
+				// Prevent never-ending loop
+				if ( target === copy ) {
+					continue;
+				}
+
+				// Recurse if we're merging plain objects or arrays
+				if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
+					if ( copyIsArray ) {
+						copyIsArray = false;
+						clone = src && jQuery.isArray(src) ? src : [];
+
+					} else {
+						clone = src && jQuery.isPlainObject(src) ? src : {};
+					}
+
+					// Never move original objects, clone them
+					target[ name ] = jQuery.extend( deep, clone, copy );
+
+				// Don't bring in undefined values
+				} else if ( copy !== undefined ) {
+					target[ name ] = copy;
+				}
+			}
+		}
+	}
+
+	// Return the modified object
+	return target;
+};
+
+jQuery.extend({
+	// Unique for each copy of jQuery on the page
+	expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ),
+
+	// Assume jQuery is ready without the ready module
+	isReady: true,
+
+	error: function( msg ) {
+		throw new Error( msg );
+	},
+
+	noop: function() {},
+
+	isFunction: function( obj ) {
+		return jQuery.type(obj) === "function";
+	},
+
+	isArray: Array.isArray,
+
+	isWindow: function( obj ) {
+		return obj != null && obj === obj.window;
+	},
+
+	isNumeric: function( obj ) {
+		// parseFloat NaNs numeric-cast false positives (null|true|false|"")
+		// ...but misinterprets leading-number strings, particularly hex literals ("0x...")
+		// subtraction forces infinities to NaN
+		// adding 1 corrects loss of precision from parseFloat (#15100)
+		return !jQuery.isArray( obj ) && (obj - parseFloat( obj ) + 1) >= 0;
+	},
+
+	isPlainObject: function( obj ) {
+		// Not plain objects:
+		// - Any object or value whose internal [[Class]] property is not "[object Object]"
+		// - DOM nodes
+		// - window
+		if ( jQuery.type( obj ) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
+			return false;
+		}
+
+		if ( obj.constructor &&
+				!hasOwn.call( obj.constructor.prototype, "isPrototypeOf" ) ) {
+			return false;
+		}
+
+		// If the function hasn't returned already, we're confident that
+		// |obj| is a plain object, created by {} or constructed with new Object
+		return true;
+	},
+
+	isEmptyObject: function( obj ) {
+		var name;
+		for ( name in obj ) {
+			return false;
+		}
+		return true;
+	},
+
+	type: function( obj ) {
+		if ( obj == null ) {
+			return obj + "";
+		}
+		// Support: Android<4.0, iOS<6 (functionish RegExp)
+		return typeof obj === "object" || typeof obj === "function" ?
+			class2type[ toString.call(obj) ] || "object" :
+			typeof obj;
+	},
+
+	// Evaluates a script in a global context
+	globalEval: function( code ) {
+		var script,
+			indirect = eval;
+
+		code = jQuery.trim( code );
+
+		if ( code ) {
+			// If the code includes a valid, prologue position
+			// strict mode pragma, execute code by injecting a
+			// script tag into the document.
+			if ( code.indexOf("use strict") === 1 ) {
+				script = document.createElement("script");
+				script.text = code;
+				document.head.appendChild( script ).parentNode.removeChild( script );
+			} else {
+			// Otherwise, avoid the DOM node creation, insertion
+			// and removal by using an indirect global eval
+				indirect( code );
+			}
+		}
+	},
+
+	// Convert dashed to camelCase; used by the css and data modules
+	// Support: IE9-11+
+	// Microsoft forgot to hump their vendor prefix (#9572)
+	camelCase: function( string ) {
+		return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
+	},
+
+	nodeName: function( elem, name ) {
+		return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
+	},
+
+	// args is for internal usage only
+	each: function( obj, callback, args ) {
+		var value,
+			i = 0,
+			length = obj.length,
+			isArray = isArraylike( obj );
+
+		if ( args ) {
+			if ( isArray ) {
+				for ( ; i < length; i++ ) {
+					value = callback.apply( obj[ i ], args );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( i in obj ) {
+					value = callback.apply( obj[ i ], args );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			}
+
+		// A special, fast, case for the most common use of each
+		} else {
+			if ( isArray ) {
+				for ( ; i < length; i++ ) {
+					value = callback.call( obj[ i ], i, obj[ i ] );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( i in obj ) {
+					value = callback.call( obj[ i ], i, obj[ i ] );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			}
+		}
+
+		return obj;
+	},
+
+	// Support: Android<4.1
+	trim: function( text ) {
+		return text == null ?
+			"" :
+			( text + "" ).replace( rtrim, "" );
+	},
+
+	// results is for internal usage only
+	makeArray: function( arr, results ) {
+		var ret = results || [];
+
+		if ( arr != null ) {
+			if ( isArraylike( Object(arr) ) ) {
+				jQuery.merge( ret,
+					typeof arr === "string" ?
+					[ arr ] : arr
+				);
+			} else {
+				push.call( ret, arr );
+			}
+		}
+
+		return ret;
+	},
+
+	inArray: function( elem, arr, i ) {
+		return arr == null ? -1 : indexOf.call( arr, elem, i );
+	},
+
+	merge: function( first, second ) {
+		var len = +second.length,
+			j = 0,
+			i = first.length;
+
+		for ( ; j < len; j++ ) {
+			first[ i++ ] = second[ j ];
+		}
+
+		first.length = i;
+
+		return first;
+	},
+
+	grep: function( elems, callback, invert ) {
+		var callbackInverse,
+			matches = [],
+			i = 0,
+			length = elems.length,
+			callbackExpect = !invert;
+
+		// Go through the array, only saving the items
+		// that pass the validator function
+		for ( ; i < length; i++ ) {
+			callbackInverse = !callback( elems[ i ], i );
+			if ( callbackInverse !== callbackExpect ) {
+				matches.push( elems[ i ] );
+			}
+		}
+
+		return matches;
+	},
+
+	// arg is for internal usage only
+	map: function( elems, callback, arg ) {
+		var value,
+			i = 0,
+			length = elems.length,
+			isArray = isArraylike( elems ),
+			ret = [];
+
+		// Go through the array, translating each of the items to their new values
+		if ( isArray ) {
+			for ( ; i < length; i++ ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret.push( value );
+				}
+			}
+
+		// Go through every key on the object,
+		} else {
+			for ( i in elems ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret.push( value );
+				}
+			}
+		}
+
+		// Flatten any nested arrays
+		return concat.apply( [], ret );
+	},
+
+	// A global GUID counter for objects
+	guid: 1,
+
+	// Bind a function to a context, optionally partially applying any
+	// arguments.
+	proxy: function( fn, context ) {
+		var tmp, args, proxy;
+
+		if ( typeof context === "string" ) {
+			tmp = fn[ context ];
+			context = fn;
+			fn = tmp;
+		}
+
+		// Quick check to determine if target is callable, in the spec
+		// this throws a TypeError, but we will just return undefined.
+		if ( !jQuery.isFunction( fn ) ) {
+			return undefined;
+		}
+
+		// Simulated bind
+		args = slice.call( arguments, 2 );
+		proxy = function() {
+			return fn.apply( context || this, args.concat( slice.call( arguments ) ) );
+		};
+
+		// Set the guid of unique handler to the same of original handler, so it can be removed
+		proxy.guid = fn.guid = fn.guid || jQuery.guid++;
+
+		return proxy;
+	},
+
+	now: Date.now,
+
+	// jQuery.support is not used in Core but other projects attach their
+	// properties to it so it needs to exist.
+	support: support
+});
+
+// Populate the class2type map
+jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
+	class2type[ "[object " + name + "]" ] = name.toLowerCase();
+});
+
+function isArraylike( obj ) {
+
+	// Support: iOS 8.2 (not reproducible in simulator)
+	// `in` check used to prevent JIT error (gh-2145)
+	// hasOwn isn't used here due to false negatives
+	// regarding Nodelist length in IE
+	var length = "length" in obj && obj.length,
+		type = jQuery.type( obj );
+
+	if ( type === "function" || jQuery.isWindow( obj ) ) {
+		return false;
+	}
+
+	if ( obj.nodeType === 1 && length ) {
+		return true;
+	}
+
+	return type === "array" || length === 0 ||
+		typeof length === "number" && length > 0 && ( length - 1 ) in obj;
+}
+var Sizzle =
+/*!
+ * Sizzle CSS Selector Engine v2.2.0-pre
+ * http://sizzlejs.com/
+ *
+ * Copyright 2008, 2014 jQuery Foundation, Inc. and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2014-12-16
+ */
+(function( window ) {
+
+var i,
+	support,
+	Expr,
+	getText,
+	isXML,
+	tokenize,
+	compile,
+	select,
+	outermostContext,
+	sortInput,
+	hasDuplicate,
+
+	// Local document vars
+	setDocument,
+	document,
+	docElem,
+	documentIsHTML,
+	rbuggyQSA,
+	rbuggyMatches,
+	matches,
+	contains,
+
+	// Instance-specific data
+	expando = "sizzle" + 1 * new Date(),
+	preferredDoc = window.document,
+	dirruns = 0,
+	done = 0,
+	classCache = createCache(),
+	tokenCache = createCache(),
+	compilerCache = createCache(),
+	sortOrder = function( a, b ) {
+		if ( a === b ) {
+			hasDuplicate = true;
+		}
+		return 0;
+	},
+
+	// General-purpose constants
+	MAX_NEGATIVE = 1 << 31,
+
+	// Instance methods
+	hasOwn = ({}).hasOwnProperty,
+	arr = [],
+	pop = arr.pop,
+	push_native = arr.push,
+	push = arr.push,
+	slice = arr.slice,
+	// Use a stripped-down indexOf as it's faster than native
+	// http://jsperf.com/thor-indexof-vs-for/5
+	indexOf = function( list, elem ) {
+		var i = 0,
+			len = list.length;
+		for ( ; i < len; i++ ) {
+			if ( list[i] === elem ) {
+				return i;
+			}
+		}
+		return -1;
+	},
+
+	booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
+
+	// Regular expressions
+
+	// Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace
+	whitespace = "[\\x20\\t\\r\\n\\f]",
+	// http://www.w3.org/TR/css3-syntax/#characters
+	characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",
+
+	// Loosely modeled on CSS identifier characters
+	// An unquoted value should be a CSS identifier http://www.w3.org/TR/css3-selectors/#attribute-selectors
+	// Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
+	identifier = characterEncoding.replace( "w", "w#" ),
+
+	// Attribute selectors: http://www.w3.org/TR/selectors/#attribute-selectors
+	attributes = "\\[" + whitespace + "*(" + characterEncoding + ")(?:" + whitespace +
+		// Operator (capture 2)
+		"*([*^$|!~]?=)" + whitespace +
+		// "Attribute values must be CSS identifiers [capture 5] or strings [capture 3 or capture 4]"
+		"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + identifier + "))|)" + whitespace +
+		"*\\]",
+
+	pseudos = ":(" + characterEncoding + ")(?:\\((" +
+		// To reduce the number of selectors needing tokenize in the preFilter, prefer arguments:
+		// 1. quoted (capture 3; capture 4 or capture 5)
+		"('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|" +
+		// 2. simple (capture 6)
+		"((?:\\\\.|[^\\\\()[\\]]|" + attributes + ")*)|" +
+		// 3. anything else (capture 2)
+		".*" +
+		")\\)|)",
+
+	// Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
+	rwhitespace = new RegExp( whitespace + "+", "g" ),
+	rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ),
+
+	rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ),
+	rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ),
+
+	rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*?)" + whitespace + "*\\]", "g" ),
+
+	rpseudo = new RegExp( pseudos ),
+	ridentifier = new RegExp( "^" + identifier + "$" ),
+
+	matchExpr = {
+		"ID": new RegExp( "^#(" + characterEncoding + ")" ),
+		"CLASS": new RegExp( "^\\.(" + characterEncoding + ")" ),
+		"TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ),
+		"ATTR": new RegExp( "^" + attributes ),
+		"PSEUDO": new RegExp( "^" + pseudos ),
+		"CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace +
+			"*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace +
+			"*(\\d+)|))" + whitespace + "*\\)|)", "i" ),
+		"bool": new RegExp( "^(?:" + booleans + ")$", "i" ),
+		// For use in libraries implementing .is()
+		// We use this for POS matching in `select`
+		"needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
+			whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" )
+	},
+
+	rinputs = /^(?:input|select|textarea|button)$/i,
+	rheader = /^h\d$/i,
+
+	rnative = /^[^{]+\{\s*\[native \w/,
+
+	// Easily-parseable/retrievable ID or TAG or CLASS selectors
+	rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
+
+	rsibling = /[+~]/,
+	rescape = /'|\\/g,
+
+	// CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters
+	runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ),
+	funescape = function( _, escaped, escapedWhitespace ) {
+		var high = "0x" + escaped - 0x10000;
+		// NaN means non-codepoint
+		// Support: Firefox<24
+		// Workaround erroneous numeric interpretation of +"0x"
+		return high !== high || escapedWhitespace ?
+			escaped :
+			high < 0 ?
+				// BMP codepoint
+				String.fromCharCode( high + 0x10000 ) :
+				// Supplemental Plane codepoint (surrogate pair)
+				String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 );
+	},
+
+	// Used for iframes
+	// See setDocument()
+	// Removing the function wrapper causes a "Permission Denied"
+	// error in IE
+	unloadHandler = function() {
+		setDocument();
+	};
+
+// Optimize for push.apply( _, NodeList )
+try {
+	push.apply(
+		(arr = slice.call( preferredDoc.childNodes )),
+		preferredDoc.childNodes
+	);
+	// Support: Android<4.0
+	// Detect silently failing push.apply
+	arr[ preferredDoc.childNodes.length ].nodeType;
+} catch ( e ) {
+	push = { apply: arr.length ?
+
+		// Leverage slice if possible
+		function( target, els ) {
+			push_native.apply( target, slice.call(els) );
+		} :
+
+		// Support: IE<9
+		// Otherwise append directly
+		function( target, els ) {
+			var j = target.length,
+				i = 0;
+			// Can't trust NodeList.length
+			while ( (target[j++] = els[i++]) ) {}
+			target.length = j - 1;
+		}
+	};
+}
+
+function Sizzle( selector, context, results, seed ) {
+	var match, elem, m, nodeType,
+		// QSA vars
+		i, groups, old, nid, newContext, newSelector;
+
+	if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) {
+		setDocument( context );
+	}
+
+	context = context || document;
+	results = results || [];
+	nodeType = context.nodeType;
+
+	if ( typeof selector !== "string" || !selector ||
+		nodeType !== 1 && nodeType !== 9 && nodeType !== 11 ) {
+
+		return results;
+	}
+
+	if ( !seed && documentIsHTML ) {
+
+		// Try to shortcut find operations when possible (e.g., not under DocumentFragment)
+		if ( nodeType !== 11 && (match = rquickExpr.exec( selector )) ) {
+			// Speed-up: Sizzle("#ID")
+			if ( (m = match[1]) ) {
+				if ( nodeType === 9 ) {
+					elem = context.getElementById( m );
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document (jQuery #6963)
+					if ( elem && elem.parentNode ) {
+						// Handle the case where IE, Opera, and Webkit return items
+						// by name instead of ID
+						if ( elem.id === m ) {
+							results.push( elem );
+							return results;
+						}
+					} else {
+						return results;
+					}
+				} else {
+					// Context is not a document
+					if ( context.ownerDocument && (elem = context.ownerDocument.getElementById( m )) &&
+						contains( context, elem ) && elem.id === m ) {
+						results.push( elem );
+						return results;
+					}
+				}
+
+			// Speed-up: Sizzle("TAG")
+			} else if ( match[2] ) {
+				push.apply( results, context.getElementsByTagName( selector ) );
+				return results;
+
+			// Speed-up: Sizzle(".CLASS")
+			} else if ( (m = match[3]) && support.getElementsByClassName ) {
+				push.apply( results, context.getElementsByClassName( m ) );
+				return results;
+			}
+		}
+
+		// QSA path
+		if ( support.qsa && (!rbuggyQSA || !rbuggyQSA.test( selector )) ) {
+			nid = old = expando;
+			newContext = context;
+			newSelector = nodeType !== 1 && selector;
+
+			// qSA works strangely on Element-rooted queries
+			// We can work around this by specifying an extra ID on the root
+			// and working up from there (Thanks to Andrew Dupont for the technique)
+			// IE 8 doesn't work on object elements
+			if ( nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
+				groups = tokenize( selector );
+
+				if ( (old = context.getAttribute("id")) ) {
+					nid = old.replace( rescape, "\\$&" );
+				} else {
+					context.setAttribute( "id", nid );
+				}
+				nid = "[id='" + nid + "'] ";
+
+				i = groups.length;
+				while ( i-- ) {
+					groups[i] = nid + toSelector( groups[i] );
+				}
+				newContext = rsibling.test( selector ) && testContext( context.parentNode ) || context;
+				newSelector = groups.join(",");
+			}
+
+			if ( newSelector ) {
+				try {
+					push.apply( results,
+						newContext.querySelectorAll( newSelector )
+					);
+					return results;
+				} catch(qsaError) {
+				} finally {
+					if ( !old ) {
+						context.removeAttribute("id");
+					}
+				}
+			}
+		}
+	}
+
+	// All others
+	return select( selector.replace( rtrim, "$1" ), context, results, seed );
+}
+
+/**
+ * Create key-value caches of limited size
+ * @returns {Function(string, Object)} Returns the Object data after storing it on itself with
+ *	property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength)
+ *	deleting the oldest entry
+ */
+function createCache() {
+	var keys = [];
+
+	function cache( key, value ) {
+		// Use (key + " ") to avoid collision with native prototype properties (see Issue #157)
+		if ( keys.push( key + " " ) > Expr.cacheLength ) {
+			// Only keep the most recent entries
+			delete cache[ keys.shift() ];
+		}
+		return (cache[ key + " " ] = value);
+	}
+	return cache;
+}
+
+/**
+ * Mark a function for special use by Sizzle
+ * @param {Function} fn The function to mark
+ */
+function markFunction( fn ) {
+	fn[ expando ] = true;
+	return fn;
+}
+
+/**
+ * Support testing using an element
+ * @param {Function} fn Passed the created div and expects a boolean result
+ */
+function assert( fn ) {
+	var div = document.createElement("div");
+
+	try {
+		return !!fn( div );
+	} catch (e) {
+		return false;
+	} finally {
+		// Remove from its parent by default
+		if ( div.parentNode ) {
+			div.parentNode.removeChild( div );
+		}
+		// release memory in IE
+		div = null;
+	}
+}
+
+/**
+ * Adds the same handler for all of the specified attrs
+ * @param {String} attrs Pipe-separated list of attributes
+ * @param {Function} handler The method that will be applied
+ */
+function addHandle( attrs, handler ) {
+	var arr = attrs.split("|"),
+		i = attrs.length;
+
+	while ( i-- ) {
+		Expr.attrHandle[ arr[i] ] = handler;
+	}
+}
+
+/**
+ * Checks document order of two siblings
+ * @param {Element} a
+ * @param {Element} b
+ * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b
+ */
+function siblingCheck( a, b ) {
+	var cur = b && a,
+		diff = cur && a.nodeType === 1 && b.nodeType === 1 &&
+			( ~b.sourceIndex || MAX_NEGATIVE ) -
+			( ~a.sourceIndex || MAX_NEGATIVE );
+
+	// Use IE sourceIndex if available on both nodes
+	if ( diff ) {
+		return diff;
+	}
+
+	// Check if b follows a
+	if ( cur ) {
+		while ( (cur = cur.nextSibling) ) {
+			if ( cur === b ) {
+				return -1;
+			}
+		}
+	}
+
+	return a ? 1 : -1;
+}
+
+/**
+ * Returns a function to use in pseudos for input types
+ * @param {String} type
+ */
+function createInputPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return name === "input" && elem.type === type;
+	};
+}
+
+/**
+ * Returns a function to use in pseudos for buttons
+ * @param {String} type
+ */
+function createButtonPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return (name === "input" || name === "button") && elem.type === type;
+	};
+}
+
+/**
+ * Returns a function to use in pseudos for positionals
+ * @param {Function} fn
+ */
+function createPositionalPseudo( fn ) {
+	return markFunction(function( argument ) {
+		argument = +argument;
+		return markFunction(function( seed, matches ) {
+			var j,
+				matchIndexes = fn( [], seed.length, argument ),
+				i = matchIndexes.length;
+
+			// Match elements found at the specified indexes
+			while ( i-- ) {
+				if ( seed[ (j = matchIndexes[i]) ] ) {
+					seed[j] = !(matches[j] = seed[j]);
+				}
+			}
+		});
+	});
+}
+
+/**
+ * Checks a node for validity as a Sizzle context
+ * @param {Element|Object=} context
+ * @returns {Element|Object|Boolean} The input node if acceptable, otherwise a falsy value
+ */
+function testContext( context ) {
+	return context && typeof context.getElementsByTagName !== "undefined" && context;
+}
+
+// Expose support vars for convenience
+support = Sizzle.support = {};
+
+/**
+ * Detects XML nodes
+ * @param {Element|Object} elem An element or a document
+ * @returns {Boolean} True iff elem is a non-HTML XML node
+ */
+isXML = Sizzle.isXML = function( elem ) {
+	// documentElement is verified for cases where it doesn't yet exist
+	// (such as loading iframes in IE - #4833)
+	var documentElement = elem && (elem.ownerDocument || elem).documentElement;
+	return documentElement ? documentElement.nodeName !== "HTML" : false;
+};
+
+/**
+ * Sets document-related variables once based on the current document
+ * @param {Element|Object} [doc] An element or document object to use to set the document
+ * @returns {Object} Returns the current document
+ */
+setDocument = Sizzle.setDocument = function( node ) {
+	var hasCompare, parent,
+		doc = node ? node.ownerDocument || node : preferredDoc;
+
+	// If no document and documentElement is available, return
+	if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) {
+		return document;
+	}
+
+	// Set our document
+	document = doc;
+	docElem = doc.documentElement;
+	parent = doc.defaultView;
+
+	// Support: IE>8
+	// If iframe document is assigned to "document" variable and if iframe has been reloaded,
+	// IE will throw "permission denied" error when accessing "document" variable, see jQuery #13936
+	// IE6-8 do not support the defaultView property so parent will be undefined
+	if ( parent && parent !== parent.top ) {
+		// IE11 does not have attachEvent, so all must suffer
+		if ( parent.addEventListener ) {
+			parent.addEventListener( "unload", unloadHandler, false );
+		} else if ( parent.attachEvent ) {
+			parent.attachEvent( "onunload", unloadHandler );
+		}
+	}
+
+	/* Support tests
+	---------------------------------------------------------------------- */
+	documentIsHTML = !isXML( doc );
+
+	/* Attributes
+	---------------------------------------------------------------------- */
+
+	// Support: IE<8
+	// Verify that getAttribute really returns attributes and not properties
+	// (excepting IE8 booleans)
+	support.attributes = assert(function( div ) {
+		div.className = "i";
+		return !div.getAttribute("className");
+	});
+
+	/* getElement(s)By*
+	---------------------------------------------------------------------- */
+
+	// Check if getElementsByTagName("*") returns only elements
+	support.getElementsByTagName = assert(function( div ) {
+		div.appendChild( doc.createComment("") );
+		return !div.getElementsByTagName("*").length;
+	});
+
+	// Support: IE<9
+	support.getElementsByClassName = rnative.test( doc.getElementsByClassName );
+
+	// Support: IE<10
+	// Check if getElementById returns elements by name
+	// The broken getElementById methods don't pick up programatically-set names,
+	// so use a roundabout getElementsByName test
+	support.getById = assert(function( div ) {
+		docElem.appendChild( div ).id = expando;
+		return !doc.getElementsByName || !doc.getElementsByName( expando ).length;
+	});
+
+	// ID find and filter
+	if ( support.getById ) {
+		Expr.find["ID"] = function( id, context ) {
+			if ( typeof context.getElementById !== "undefined" && documentIsHTML ) {
+				var m = context.getElementById( id );
+				// Check parentNode to catch when Blackberry 4.6 returns
+				// nodes that are no longer in the document #6963
+				return m && m.parentNode ? [ m ] : [];
+			}
+		};
+		Expr.filter["ID"] = function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				return elem.getAttribute("id") === attrId;
+			};
+		};
+	} else {
+		// Support: IE6/7
+		// getElementById is not reliable as a find shortcut
+		delete Expr.find["ID"];
+
+		Expr.filter["ID"] =  function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");
+				return node && node.value === attrId;
+			};
+		};
+	}
+
+	// Tag
+	Expr.find["TAG"] = support.getElementsByTagName ?
+		function( tag, context ) {
+			if ( typeof context.getElementsByTagName !== "undefined" ) {
+				return context.getElementsByTagName( tag );
+
+			// DocumentFragment nodes don't have gEBTN
+			} else if ( support.qsa ) {
+				return context.querySelectorAll( tag );
+			}
+		} :
+
+		function( tag, context ) {
+			var elem,
+				tmp = [],
+				i = 0,
+				// By happy coincidence, a (broken) gEBTN appears on DocumentFragment nodes too
+				results = context.getElementsByTagName( tag );
+
+			// Filter out possible comments
+			if ( tag === "*" ) {
+				while ( (elem = results[i++]) ) {
+					if ( elem.nodeType === 1 ) {
+						tmp.push( elem );
+					}
+				}
+
+				return tmp;
+			}
+			return results;
+		};
+
+	// Class
+	Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) {
+		if ( documentIsHTML ) {
+			return context.getElementsByClassName( className );
+		}
+	};
+
+	/* QSA/matchesSelector
+	---------------------------------------------------------------------- */
+
+	// QSA and matchesSelector support
+
+	// matchesSelector(:active) reports false when true (IE9/Opera 11.5)
+	rbuggyMatches = [];
+
+	// qSa(:focus) reports false when true (Chrome 21)
+	// We allow this because of a bug in IE8/9 that throws an error
+	// whenever `document.activeElement` is accessed on an iframe
+	// So, we allow :focus to pass through QSA all the time to avoid the IE error
+	// See http://bugs.jquery.com/ticket/13378
+	rbuggyQSA = [];
+
+	if ( (support.qsa = rnative.test( doc.querySelectorAll )) ) {
+		// Build QSA regex
+		// Regex strategy adopted from Diego Perini
+		assert(function( div ) {
+			// Select is set to empty string on purpose
+			// This is to test IE's treatment of not explicitly
+			// setting a boolean content attribute,
+			// since its presence should be enough
+			// http://bugs.jquery.com/ticket/12359
+			docElem.appendChild( div ).innerHTML = "<a id='" + expando + "'></a>" +
+				"<select id='" + expando + "-\f]' msallowcapture=''>" +
+				"<option selected=''></option></select>";
+
+			// Support: IE8, Opera 11-12.16
+			// Nothing should be selected when empty strings follow ^= or $= or *=
+			// The test attribute must be unknown in Opera but "safe" for WinRT
+			// http://msdn.microsoft.com/en-us/library/ie/hh465388.aspx#attribute_section
+			if ( div.querySelectorAll("[msallowcapture^='']").length ) {
+				rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" );
+			}
+
+			// Support: IE8
+			// Boolean attributes and "value" are not treated correctly
+			if ( !div.querySelectorAll("[selected]").length ) {
+				rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" );
+			}
+
+			// Support: Chrome<29, Android<4.2+, Safari<7.0+, iOS<7.0+, PhantomJS<1.9.7+
+			if ( !div.querySelectorAll( "[id~=" + expando + "-]" ).length ) {
+				rbuggyQSA.push("~=");
+			}
+
+			// Webkit/Opera - :checked should return selected option elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":checked").length ) {
+				rbuggyQSA.push(":checked");
+			}
+
+			// Support: Safari 8+, iOS 8+
+			// https://bugs.webkit.org/show_bug.cgi?id=136851
+			// In-page `selector#id sibing-combinator selector` fails
+			if ( !div.querySelectorAll( "a#" + expando + "+*" ).length ) {
+				rbuggyQSA.push(".#.+[+~]");
+			}
+		});
+
+		assert(function( div ) {
+			// Support: Windows 8 Native Apps
+			// The type and name attributes are restricted during .innerHTML assignment
+			var input = doc.createElement("input");
+			input.setAttribute( "type", "hidden" );
+			div.appendChild( input ).setAttribute( "name", "D" );
+
+			// Support: IE8
+			// Enforce case-sensitivity of name attribute
+			if ( div.querySelectorAll("[name=d]").length ) {
+				rbuggyQSA.push( "name" + whitespace + "*[*^$|!~]?=" );
+			}
+
+			// FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":enabled").length ) {
+				rbuggyQSA.push( ":enabled", ":disabled" );
+			}
+
+			// Opera 10-11 does not throw on post-comma invalid pseudos
+			div.querySelectorAll("*,:x");
+			rbuggyQSA.push(",.*:");
+		});
+	}
+
+	if ( (support.matchesSelector = rnative.test( (matches = docElem.matches ||
+		docElem.webkitMatchesSelector ||
+		docElem.mozMatchesSelector ||
+		docElem.oMatchesSelector ||
+		docElem.msMatchesSelector) )) ) {
+
+		assert(function( div ) {
+			// Check to see if it's possible to do matchesSelector
+			// on a disconnected node (IE 9)
+			support.disconnectedMatch = matches.call( div, "div" );
+
+			// This should fail with an exception
+			// Gecko does not error, returns false instead
+			matches.call( div, "[s!='']:x" );
+			rbuggyMatches.push( "!=", pseudos );
+		});
+	}
+
+	rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") );
+	rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") );
+
+	/* Contains
+	---------------------------------------------------------------------- */
+	hasCompare = rnative.test( docElem.compareDocumentPosition );
+
+	// Element contains another
+	// Purposefully does not implement inclusive descendent
+	// As in, an element does not contain itself
+	contains = hasCompare || rnative.test( docElem.contains ) ?
+		function( a, b ) {
+			var adown = a.nodeType === 9 ? a.documentElement : a,
+				bup = b && b.parentNode;
+			return a === bup || !!( bup && bup.nodeType === 1 && (
+				adown.contains ?
+					adown.contains( bup ) :
+					a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16
+			));
+		} :
+		function( a, b ) {
+			if ( b ) {
+				while ( (b = b.parentNode) ) {
+					if ( b === a ) {
+						return true;
+					}
+				}
+			}
+			return false;
+		};
+
+	/* Sorting
+	---------------------------------------------------------------------- */
+
+	// Document order sorting
+	sortOrder = hasCompare ?
+	function( a, b ) {
+
+		// Flag for duplicate removal
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		// Sort on method existence if only one input has compareDocumentPosition
+		var compare = !a.compareDocumentPosition - !b.compareDocumentPosition;
+		if ( compare ) {
+			return compare;
+		}
+
+		// Calculate position if both inputs belong to the same document
+		compare = ( a.ownerDocument || a ) === ( b.ownerDocument || b ) ?
+			a.compareDocumentPosition( b ) :
+
+			// Otherwise we know they are disconnected
+			1;
+
+		// Disconnected nodes
+		if ( compare & 1 ||
+			(!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) {
+
+			// Choose the first element that is related to our preferred document
+			if ( a === doc || a.ownerDocument === preferredDoc && contains(preferredDoc, a) ) {
+				return -1;
+			}
+			if ( b === doc || b.ownerDocument === preferredDoc && contains(preferredDoc, b) ) {
+				return 1;
+			}
+
+			// Maintain original order
+			return sortInput ?
+				( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) :
+				0;
+		}
+
+		return compare & 4 ? -1 : 1;
+	} :
+	function( a, b ) {
+		// Exit early if the nodes are identical
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		var cur,
+			i = 0,
+			aup = a.parentNode,
+			bup = b.parentNode,
+			ap = [ a ],
+			bp = [ b ];
+
+		// Parentless nodes are either documents or disconnected
+		if ( !aup || !bup ) {
+			return a === doc ? -1 :
+				b === doc ? 1 :
+				aup ? -1 :
+				bup ? 1 :
+				sortInput ?
+				( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) :
+				0;
+
+		// If the nodes are siblings, we can do a quick check
+		} else if ( aup === bup ) {
+			return siblingCheck( a, b );
+		}
+
+		// Otherwise we need full lists of their ancestors for comparison
+		cur = a;
+		while ( (cur = cur.parentNode) ) {
+			ap.unshift( cur );
+		}
+		cur = b;
+		while ( (cur = cur.parentNode) ) {
+			bp.unshift( cur );
+		}
+
+		// Walk down the tree looking for a discrepancy
+		while ( ap[i] === bp[i] ) {
+			i++;
+		}
+
+		return i ?
+			// Do a sibling check if the nodes have a common ancestor
+			siblingCheck( ap[i], bp[i] ) :
+
+			// Otherwise nodes in our document sort first
+			ap[i] === preferredDoc ? -1 :
+			bp[i] === preferredDoc ? 1 :
+			0;
+	};
+
+	return doc;
+};
+
+Sizzle.matches = function( expr, elements ) {
+	return Sizzle( expr, null, null, elements );
+};
+
+Sizzle.matchesSelector = function( elem, expr ) {
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	// Make sure that attribute selectors are quoted
+	expr = expr.replace( rattributeQuotes, "='$1']" );
+
+	if ( support.matchesSelector && documentIsHTML &&
+		( !rbuggyMatches || !rbuggyMatches.test( expr ) ) &&
+		( !rbuggyQSA     || !rbuggyQSA.test( expr ) ) ) {
+
+		try {
+			var ret = matches.call( elem, expr );
+
+			// IE 9's matchesSelector returns false on disconnected nodes
+			if ( ret || support.disconnectedMatch ||
+					// As well, disconnected nodes are said to be in a document
+					// fragment in IE 9
+					elem.document && elem.document.nodeType !== 11 ) {
+				return ret;
+			}
+		} catch (e) {}
+	}
+
+	return Sizzle( expr, document, null, [ elem ] ).length > 0;
+};
+
+Sizzle.contains = function( context, elem ) {
+	// Set document vars if needed
+	if ( ( context.ownerDocument || context ) !== document ) {
+		setDocument( context );
+	}
+	return contains( context, elem );
+};
+
+Sizzle.attr = function( elem, name ) {
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	var fn = Expr.attrHandle[ name.toLowerCase() ],
+		// Don't get fooled by Object.prototype properties (jQuery #13807)
+		val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ?
+			fn( elem, name, !documentIsHTML ) :
+			undefined;
+
+	return val !== undefined ?
+		val :
+		support.attributes || !documentIsHTML ?
+			elem.getAttribute( name ) :
+			(val = elem.getAttributeNode(name)) && val.specified ?
+				val.value :
+				null;
+};
+
+Sizzle.error = function( msg ) {
+	throw new Error( "Syntax error, unrecognized expression: " + msg );
+};
+
+/**
+ * Document sorting and removing duplicates
+ * @param {ArrayLike} results
+ */
+Sizzle.uniqueSort = function( results ) {
+	var elem,
+		duplicates = [],
+		j = 0,
+		i = 0;
+
+	// Unless we *know* we can detect duplicates, assume their presence
+	hasDuplicate = !support.detectDuplicates;
+	sortInput = !support.sortStable && results.slice( 0 );
+	results.sort( sortOrder );
+
+	if ( hasDuplicate ) {
+		while ( (elem = results[i++]) ) {
+			if ( elem === results[ i ] ) {
+				j = duplicates.push( i );
+			}
+		}
+		while ( j-- ) {
+			results.splice( duplicates[ j ], 1 );
+		}
+	}
+
+	// Clear input after sorting to release objects
+	// See https://github.com/jquery/sizzle/pull/225
+	sortInput = null;
+
+	return results;
+};
+
+/**
+ * Utility function for retrieving the text value of an array of DOM nodes
+ * @param {Array|Element} elem
+ */
+getText = Sizzle.getText = function( elem ) {
+	var node,
+		ret = "",
+		i = 0,
+		nodeType = elem.nodeType;
+
+	if ( !nodeType ) {
+		// If no nodeType, this is expected to be an array
+		while ( (node = elem[i++]) ) {
+			// Do not traverse comment nodes
+			ret += getText( node );
+		}
+	} else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
+		// Use textContent for elements
+		// innerText usage removed for consistency of new lines (jQuery #11153)
+		if ( typeof elem.textContent === "string" ) {
+			return elem.textContent;
+		} else {
+			// Traverse its children
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				ret += getText( elem );
+			}
+		}
+	} else if ( nodeType === 3 || nodeType === 4 ) {
+		return elem.nodeValue;
+	}
+	// Do not include comment or processing instruction nodes
+
+	return ret;
+};
+
+Expr = Sizzle.selectors = {
+
+	// Can be adjusted by the user
+	cacheLength: 50,
+
+	createPseudo: markFunction,
+
+	match: matchExpr,
+
+	attrHandle: {},
+
+	find: {},
+
+	relative: {
+		">": { dir: "parentNode", first: true },
+		" ": { dir: "parentNode" },
+		"+": { dir: "previousSibling", first: true },
+		"~": { dir: "previousSibling" }
+	},
+
+	preFilter: {
+		"ATTR": function( match ) {
+			match[1] = match[1].replace( runescape, funescape );
+
+			// Move the given value to match[3] whether quoted or unquoted
+			match[3] = ( match[3] || match[4] || match[5] || "" ).replace( runescape, funescape );
+
+			if ( match[2] === "~=" ) {
+				match[3] = " " + match[3] + " ";
+			}
+
+			return match.slice( 0, 4 );
+		},
+
+		"CHILD": function( match ) {
+			/* matches from matchExpr["CHILD"]
+				1 type (only|nth|...)
+				2 what (child|of-type)
+				3 argument (even|odd|\d*|\d*n([+-]\d+)?|...)
+				4 xn-component of xn+y argument ([+-]?\d*n|)
+				5 sign of xn-component
+				6 x of xn-component
+				7 sign of y-component
+				8 y of y-component
+			*/
+			match[1] = match[1].toLowerCase();
+
+			if ( match[1].slice( 0, 3 ) === "nth" ) {
+				// nth-* requires argument
+				if ( !match[3] ) {
+					Sizzle.error( match[0] );
+				}
+
+				// numeric x and y parameters for Expr.filter.CHILD
+				// remember that false/true cast respectively to 0/1
+				match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) );
+				match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" );
+
+			// other types prohibit arguments
+			} else if ( match[3] ) {
+				Sizzle.error( match[0] );
+			}
+
+			return match;
+		},
+
+		"PSEUDO": function( match ) {
+			var excess,
+				unquoted = !match[6] && match[2];
+
+			if ( matchExpr["CHILD"].test( match[0] ) ) {
+				return null;
+			}
+
+			// Accept quoted arguments as-is
+			if ( match[3] ) {
+				match[2] = match[4] || match[5] || "";
+
+			// Strip excess characters from unquoted arguments
+			} else if ( unquoted && rpseudo.test( unquoted ) &&
+				// Get excess from tokenize (recursively)
+				(excess = tokenize( unquoted, true )) &&
+				// advance to the next closing parenthesis
+				(excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) {
+
+				// excess is a negative index
+				match[0] = match[0].slice( 0, excess );
+				match[2] = unquoted.slice( 0, excess );
+			}
+
+			// Return only captures needed by the pseudo filter method (type and argument)
+			return match.slice( 0, 3 );
+		}
+	},
+
+	filter: {
+
+		"TAG": function( nodeNameSelector ) {
+			var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase();
+			return nodeNameSelector === "*" ?
+				function() { return true; } :
+				function( elem ) {
+					return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
+				};
+		},
+
+		"CLASS": function( className ) {
+			var pattern = classCache[ className + " " ];
+
+			return pattern ||
+				(pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) &&
+				classCache( className, function( elem ) {
+					return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== "undefined" && elem.getAttribute("class") || "" );
+				});
+		},
+
+		"ATTR": function( name, operator, check ) {
+			return function( elem ) {
+				var result = Sizzle.attr( elem, name );
+
+				if ( result == null ) {
+					return operator === "!=";
+				}
+				if ( !operator ) {
+					return true;
+				}
+
+				result += "";
+
+				return operator === "=" ? result === check :
+					operator === "!=" ? result !== check :
+					operator === "^=" ? check && result.indexOf( check ) === 0 :
+					operator === "*=" ? check && result.indexOf( check ) > -1 :
+					operator === "$=" ? check && result.slice( -check.length ) === check :
+					operator === "~=" ? ( " " + result.replace( rwhitespace, " " ) + " " ).indexOf( check ) > -1 :
+					operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" :
+					false;
+			};
+		},
+
+		"CHILD": function( type, what, argument, first, last ) {
+			var simple = type.slice( 0, 3 ) !== "nth",
+				forward = type.slice( -4 ) !== "last",
+				ofType = what === "of-type";
+
+			return first === 1 && last === 0 ?
+
+				// Shortcut for :nth-*(n)
+				function( elem ) {
+					return !!elem.parentNode;
+				} :
+
+				function( elem, context, xml ) {
+					var cache, outerCache, node, diff, nodeIndex, start,
+						dir = simple !== forward ? "nextSibling" : "previousSibling",
+						parent = elem.parentNode,
+						name = ofType && elem.nodeName.toLowerCase(),
+						useCache = !xml && !ofType;
+
+					if ( parent ) {
+
+						// :(first|last|only)-(child|of-type)
+						if ( simple ) {
+							while ( dir ) {
+								node = elem;
+								while ( (node = node[ dir ]) ) {
+									if ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) {
+										return false;
+									}
+								}
+								// Reverse direction for :only-* (if we haven't yet done so)
+								start = dir = type === "only" && !start && "nextSibling";
+							}
+							return true;
+						}
+
+						start = [ forward ? parent.firstChild : parent.lastChild ];
+
+						// non-xml :nth-child(...) stores cache data on `parent`
+						if ( forward && useCache ) {
+							// Seek `elem` from a previously-cached index
+							outerCache = parent[ expando ] || (parent[ expando ] = {});
+							cache = outerCache[ type ] || [];
+							nodeIndex = cache[0] === dirruns && cache[1];
+							diff = cache[0] === dirruns && cache[2];
+							node = nodeIndex && parent.childNodes[ nodeIndex ];
+
+							while ( (node = ++nodeIndex && node && node[ dir ] ||
+
+								// Fallback to seeking `elem` from the start
+								(diff = nodeIndex = 0) || start.pop()) ) {
+
+								// When found, cache indexes on `parent` and break
+								if ( node.nodeType === 1 && ++diff && node === elem ) {
+									outerCache[ type ] = [ dirruns, nodeIndex, diff ];
+									break;
+								}
+							}
+
+						// Use previously-cached element index if available
+						} else if ( useCache && (cache = (elem[ expando ] || (elem[ expando ] = {}))[ type ]) && cache[0] === dirruns ) {
+							diff = cache[1];
+
+						// xml :nth-child(...) or :nth-last-child(...) or :nth(-last)?-of-type(...)
+						} else {
+							// Use the same loop as above to seek `elem` from the start
+							while ( (node = ++nodeIndex && node && node[ dir ] ||
+								(diff = nodeIndex = 0) || start.pop()) ) {
+
+								if ( ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) && ++diff ) {
+									// Cache the index of each encountered element
+									if ( useCache ) {
+										(node[ expando ] || (node[ expando ] = {}))[ type ] = [ dirruns, diff ];
+									}
+
+									if ( node === elem ) {
+										break;
+									}
+								}
+							}
+						}
+
+						// Incorporate the offset, then check against cycle size
+						diff -= last;
+						return diff === first || ( diff % first === 0 && diff / first >= 0 );
+					}
+				};
+		},
+
+		"PSEUDO": function( pseudo, argument ) {
+			// pseudo-class names are case-insensitive
+			// http://www.w3.org/TR/selectors/#pseudo-classes
+			// Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
+			// Remember that setFilters inherits from pseudos
+			var args,
+				fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] ||
+					Sizzle.error( "unsupported pseudo: " + pseudo );
+
+			// The user may use createPseudo to indicate that
+			// arguments are needed to create the filter function
+			// just as Sizzle does
+			if ( fn[ expando ] ) {
+				return fn( argument );
+			}
+
+			// But maintain support for old signatures
+			if ( fn.length > 1 ) {
+				args = [ pseudo, pseudo, "", argument ];
+				return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ?
+					markFunction(function( seed, matches ) {
+						var idx,
+							matched = fn( seed, argument ),
+							i = matched.length;
+						while ( i-- ) {
+							idx = indexOf( seed, matched[i] );
+							seed[ idx ] = !( matches[ idx ] = matched[i] );
+						}
+					}) :
+					function( elem ) {
+						return fn( elem, 0, args );
+					};
+			}
+
+			return fn;
+		}
+	},
+
+	pseudos: {
+		// Potentially complex pseudos
+		"not": markFunction(function( selector ) {
+			// Trim the selector passed to compile
+			// to avoid treating leading and trailing
+			// spaces as combinators
+			var input = [],
+				results = [],
+				matcher = compile( selector.replace( rtrim, "$1" ) );
+
+			return matcher[ expando ] ?
+				markFunction(function( seed, matches, context, xml ) {
+					var elem,
+						unmatched = matcher( seed, null, xml, [] ),
+						i = seed.length;
+
+					// Match elements unmatched by `matcher`
+					while ( i-- ) {
+						if ( (elem = unmatched[i]) ) {
+							seed[i] = !(matches[i] = elem);
+						}
+					}
+				}) :
+				function( elem, context, xml ) {
+					input[0] = elem;
+					matcher( input, null, xml, results );
+					// Don't keep the element (issue #299)
+					input[0] = null;
+					return !results.pop();
+				};
+		}),
+
+		"has": markFunction(function( selector ) {
+			return function( elem ) {
+				return Sizzle( selector, elem ).length > 0;
+			};
+		}),
+
+		"contains": markFunction(function( text ) {
+			text = text.replace( runescape, funescape );
+			return function( elem ) {
+				return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1;
+			};
+		}),
+
+		// "Whether an element is represented by a :lang() selector
+		// is based solely on the element's language value
+		// being equal to the identifier C,
+		// or beginning with the identifier C immediately followed by "-".
+		// The matching of C against the element's language value is performed case-insensitively.
+		// The identifier C does not have to be a valid language name."
+		// http://www.w3.org/TR/selectors/#lang-pseudo
+		"lang": markFunction( function( lang ) {
+			// lang value must be a valid identifier
+			if ( !ridentifier.test(lang || "") ) {
+				Sizzle.error( "unsupported lang: " + lang );
+			}
+			lang = lang.replace( runescape, funescape ).toLowerCase();
+			return function( elem ) {
+				var elemLang;
+				do {
+					if ( (elemLang = documentIsHTML ?
+						elem.lang :
+						elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) {
+
+						elemLang = elemLang.toLowerCase();
+						return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0;
+					}
+				} while ( (elem = elem.parentNode) && elem.nodeType === 1 );
+				return false;
+			};
+		}),
+
+		// Miscellaneous
+		"target": function( elem ) {
+			var hash = window.location && window.location.hash;
+			return hash && hash.slice( 1 ) === elem.id;
+		},
+
+		"root": function( elem ) {
+			return elem === docElem;
+		},
+
+		"focus": function( elem ) {
+			return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex);
+		},
+
+		// Boolean properties
+		"enabled": function( elem ) {
+			return elem.disabled === false;
+		},
+
+		"disabled": function( elem ) {
+			return elem.disabled === true;
+		},
+
+		"checked": function( elem ) {
+			// In CSS3, :checked should return both checked and selected elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			var nodeName = elem.nodeName.toLowerCase();
+			return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected);
+		},
+
+		"selected": function( elem ) {
+			// Accessing this property makes selected-by-default
+			// options in Safari work properly
+			if ( elem.parentNode ) {
+				elem.parentNode.selectedIndex;
+			}
+
+			return elem.selected === true;
+		},
+
+		// Contents
+		"empty": function( elem ) {
+			// http://www.w3.org/TR/selectors/#empty-pseudo
+			// :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5),
+			//   but not by others (comment: 8; processing instruction: 7; etc.)
+			// nodeType < 6 works because attributes (2) do not appear as children
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				if ( elem.nodeType < 6 ) {
+					return false;
+				}
+			}
+			return true;
+		},
+
+		"parent": function( elem ) {
+			return !Expr.pseudos["empty"]( elem );
+		},
+
+		// Element/input types
+		"header": function( elem ) {
+			return rheader.test( elem.nodeName );
+		},
+
+		"input": function( elem ) {
+			return rinputs.test( elem.nodeName );
+		},
+
+		"button": function( elem ) {
+			var name = elem.nodeName.toLowerCase();
+			return name === "input" && elem.type === "button" || name === "button";
+		},
+
+		"text": function( elem ) {
+			var attr;
+			return elem.nodeName.toLowerCase() === "input" &&
+				elem.type === "text" &&
+
+				// Support: IE<8
+				// New HTML5 attribute values (e.g., "search") appear with elem.type === "text"
+				( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === "text" );
+		},
+
+		// Position-in-collection
+		"first": createPositionalPseudo(function() {
+			return [ 0 ];
+		}),
+
+		"last": createPositionalPseudo(function( matchIndexes, length ) {
+			return [ length - 1 ];
+		}),
+
+		"eq": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			return [ argument < 0 ? argument + length : argument ];
+		}),
+
+		"even": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 0;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"odd": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 1;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"lt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; --i >= 0; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"gt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; ++i < length; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		})
+	}
+};
+
+Expr.pseudos["nth"] = Expr.pseudos["eq"];
+
+// Add button/input type pseudos
+for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) {
+	Expr.pseudos[ i ] = createInputPseudo( i );
+}
+for ( i in { submit: true, reset: true } ) {
+	Expr.pseudos[ i ] = createButtonPseudo( i );
+}
+
+// Easy API for creating new setFilters
+function setFilters() {}
+setFilters.prototype = Expr.filters = Expr.pseudos;
+Expr.setFilters = new setFilters();
+
+tokenize = Sizzle.tokenize = function( selector, parseOnly ) {
+	var matched, match, tokens, type,
+		soFar, groups, preFilters,
+		cached = tokenCache[ selector + " " ];
+
+	if ( cached ) {
+		return parseOnly ? 0 : cached.slice( 0 );
+	}
+
+	soFar = selector;
+	groups = [];
+	preFilters = Expr.preFilter;
+
+	while ( soFar ) {
+
+		// Comma and first run
+		if ( !matched || (match = rcomma.exec( soFar )) ) {
+			if ( match ) {
+				// Don't consume trailing commas as valid
+				soFar = soFar.slice( match[0].length ) || soFar;
+			}
+			groups.push( (tokens = []) );
+		}
+
+		matched = false;
+
+		// Combinators
+		if ( (match = rcombinators.exec( soFar )) ) {
+			matched = match.shift();
+			tokens.push({
+				value: matched,
+				// Cast descendant combinators to space
+				type: match[0].replace( rtrim, " " )
+			});
+			soFar = soFar.slice( matched.length );
+		}
+
+		// Filters
+		for ( type in Expr.filter ) {
+			if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] ||
+				(match = preFilters[ type ]( match ))) ) {
+				matched = match.shift();
+				tokens.push({
+					value: matched,
+					type: type,
+					matches: match
+				});
+				soFar = soFar.slice( matched.length );
+			}
+		}
+
+		if ( !matched ) {
+			break;
+		}
+	}
+
+	// Return the length of the invalid excess
+	// if we're just parsing
+	// Otherwise, throw an error or return tokens
+	return parseOnly ?
+		soFar.length :
+		soFar ?
+			Sizzle.error( selector ) :
+			// Cache the tokens
+			tokenCache( selector, groups ).slice( 0 );
+};
+
+function toSelector( tokens ) {
+	var i = 0,
+		len = tokens.length,
+		selector = "";
+	for ( ; i < len; i++ ) {
+		selector += tokens[i].value;
+	}
+	return selector;
+}
+
+function addCombinator( matcher, combinator, base ) {
+	var dir = combinator.dir,
+		checkNonElements = base && dir === "parentNode",
+		doneName = done++;
+
+	return combinator.first ?
+		// Check against closest ancestor/preceding element
+		function( elem, context, xml ) {
+			while ( (elem = elem[ dir ]) ) {
+				if ( elem.nodeType === 1 || checkNonElements ) {
+					return matcher( elem, context, xml );
+				}
+			}
+		} :
+
+		// Check against all ancestor/preceding elements
+		function( elem, context, xml ) {
+			var oldCache, outerCache,
+				newCache = [ dirruns, doneName ];
+
+			// We can't set arbitrary data on XML nodes, so they don't benefit from dir caching
+			if ( xml ) {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						if ( matcher( elem, context, xml ) ) {
+							return true;
+						}
+					}
+				}
+			} else {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						outerCache = elem[ expando ] || (elem[ expando ] = {});
+						if ( (oldCache = outerCache[ dir ]) &&
+							oldCache[ 0 ] === dirruns && oldCache[ 1 ] === doneName ) {
+
+							// Assign to newCache so results back-propagate to previous elements
+							return (newCache[ 2 ] = oldCache[ 2 ]);
+						} else {
+							// Reuse newcache so results back-propagate to previous elements
+							outerCache[ dir ] = newCache;
+
+							// A match means we're done; a fail means we have to keep checking
+							if ( (newCache[ 2 ] = matcher( elem, context, xml )) ) {
+								return true;
+							}
+						}
+					}
+				}
+			}
+		};
+}
+
+function elementMatcher( matchers ) {
+	return matchers.length > 1 ?
+		function( elem, context, xml ) {
+			var i = matchers.length;
+			while ( i-- ) {
+				if ( !matchers[i]( elem, context, xml ) ) {
+					return false;
+				}
+			}
+			return true;
+		} :
+		matchers[0];
+}
+
+function multipleContexts( selector, contexts, results ) {
+	var i = 0,
+		len = contexts.length;
+	for ( ; i < len; i++ ) {
+		Sizzle( selector, contexts[i], results );
+	}
+	return results;
+}
+
+function condense( unmatched, map, filter, context, xml ) {
+	var elem,
+		newUnmatched = [],
+		i = 0,
+		len = unmatched.length,
+		mapped = map != null;
+
+	for ( ; i < len; i++ ) {
+		if ( (elem = unmatched[i]) ) {
+			if ( !filter || filter( elem, context, xml ) ) {
+				newUnmatched.push( elem );
+				if ( mapped ) {
+					map.push( i );
+				}
+			}
+		}
+	}
+
+	return newUnmatched;
+}
+
+function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) {
+	if ( postFilter && !postFilter[ expando ] ) {
+		postFilter = setMatcher( postFilter );
+	}
+	if ( postFinder && !postFinder[ expando ] ) {
+		postFinder = setMatcher( postFinder, postSelector );
+	}
+	return markFunction(function( seed, results, context, xml ) {
+		var temp, i, elem,
+			preMap = [],
+			postMap = [],
+			preexisting = results.length,
+
+			// Get initial elements from seed or context
+			elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ),
+
+			// Prefilter to get matcher input, preserving a map for seed-results synchronization
+			matcherIn = preFilter && ( seed || !selector ) ?
+				condense( elems, preMap, preFilter, context, xml ) :
+				elems,
+
+			matcherOut = matcher ?
+				// If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results,
+				postFinder || ( seed ? preFilter : preexisting || postFilter ) ?
+
+					// ...intermediate processing is necessary
+					[] :
+
+					// ...otherwise use results directly
+					results :
+				matcherIn;
+
+		// Find primary matches
+		if ( matcher ) {
+			matcher( matcherIn, matcherOut, context, xml );
+		}
+
+		// Apply postFilter
+		if ( postFilter ) {
+			temp = condense( matcherOut, postMap );
+			postFilter( temp, [], context, xml );
+
+			// Un-match failing elements by moving them back to matcherIn
+			i = temp.length;
+			while ( i-- ) {
+				if ( (elem = temp[i]) ) {
+					matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem);
+				}
+			}
+		}
+
+		if ( seed ) {
+			if ( postFinder || preFilter ) {
+				if ( postFinder ) {
+					// Get the final matcherOut by condensing this intermediate into postFinder contexts
+					temp = [];
+					i = matcherOut.length;
+					while ( i-- ) {
+						if ( (elem = matcherOut[i]) ) {
+							// Restore matcherIn since elem is not yet a final match
+							temp.push( (matcherIn[i] = elem) );
+						}
+					}
+					postFinder( null, (matcherOut = []), temp, xml );
+				}
+
+				// Move matched elements from seed to results to keep them synchronized
+				i = matcherOut.length;
+				while ( i-- ) {
+					if ( (elem = matcherOut[i]) &&
+						(temp = postFinder ? indexOf( seed, elem ) : preMap[i]) > -1 ) {
+
+						seed[temp] = !(results[temp] = elem);
+					}
+				}
+			}
+
+		// Add elements to results, through postFinder if defined
+		} else {
+			matcherOut = condense(
+				matcherOut === results ?
+					matcherOut.splice( preexisting, matcherOut.length ) :
+					matcherOut
+			);
+			if ( postFinder ) {
+				postFinder( null, results, matcherOut, xml );
+			} else {
+				push.apply( results, matcherOut );
+			}
+		}
+	});
+}
+
+function matcherFromTokens( tokens ) {
+	var checkContext, matcher, j,
+		len = tokens.length,
+		leadingRelative = Expr.relative[ tokens[0].type ],
+		implicitRelative = leadingRelative || Expr.relative[" "],
+		i = leadingRelative ? 1 : 0,
+
+		// The foundational matcher ensures that elements are reachable from top-level context(s)
+		matchContext = addCombinator( function( elem ) {
+			return elem === checkContext;
+		}, implicitRelative, true ),
+		matchAnyContext = addCombinator( function( elem ) {
+			return indexOf( checkContext, elem ) > -1;
+		}, implicitRelative, true ),
+		matchers = [ function( elem, context, xml ) {
+			var ret = ( !leadingRelative && ( xml || context !== outermostContext ) ) || (
+				(checkContext = context).nodeType ?
+					matchContext( elem, context, xml ) :
+					matchAnyContext( elem, context, xml ) );
+			// Avoid hanging onto element (issue #299)
+			checkContext = null;
+			return ret;
+		} ];
+
+	for ( ; i < len; i++ ) {
+		if ( (matcher = Expr.relative[ tokens[i].type ]) ) {
+			matchers = [ addCombinator(elementMatcher( matchers ), matcher) ];
+		} else {
+			matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches );
+
+			// Return special upon seeing a positional matcher
+			if ( matcher[ expando ] ) {
+				// Find the next relative operator (if any) for proper handling
+				j = ++i;
+				for ( ; j < len; j++ ) {
+					if ( Expr.relative[ tokens[j].type ] ) {
+						break;
+					}
+				}
+				return setMatcher(
+					i > 1 && elementMatcher( matchers ),
+					i > 1 && toSelector(
+						// If the preceding token was a descendant combinator, insert an implicit any-element `*`
+						tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" })
+					).replace( rtrim, "$1" ),
+					matcher,
+					i < j && matcherFromTokens( tokens.slice( i, j ) ),
+					j < len && matcherFromTokens( (tokens = tokens.slice( j )) ),
+					j < len && toSelector( tokens )
+				);
+			}
+			matchers.push( matcher );
+		}
+	}
+
+	return elementMatcher( matchers );
+}
+
+function matcherFromGroupMatchers( elementMatchers, setMatchers ) {
+	var bySet = setMatchers.length > 0,
+		byElement = elementMatchers.length > 0,
+		superMatcher = function( seed, context, xml, results, outermost ) {
+			var elem, j, matcher,
+				matchedCount = 0,
+				i = "0",
+				unmatched = seed && [],
+				setMatched = [],
+				contextBackup = outermostContext,
+				// We must always have either seed elements or outermost context
+				elems = seed || byElement && Expr.find["TAG"]( "*", outermost ),
+				// Use integer dirruns iff this is the outermost matcher
+				dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1),
+				len = elems.length;
+
+			if ( outermost ) {
+				outermostContext = context !== document && context;
+			}
+
+			// Add elements passing elementMatchers directly to results
+			// Keep `i` a string if there are no elements so `matchedCount` will be "00" below
+			// Support: IE<9, Safari
+			// Tolerate NodeList properties (IE: "length"; Safari: <number>) matching elements by id
+			for ( ; i !== len && (elem = elems[i]) != null; i++ ) {
+				if ( byElement && elem ) {
+					j = 0;
+					while ( (matcher = elementMatchers[j++]) ) {
+						if ( matcher( elem, context, xml ) ) {
+							results.push( elem );
+							break;
+						}
+					}
+					if ( outermost ) {
+						dirruns = dirrunsUnique;
+					}
+				}
+
+				// Track unmatched elements for set filters
+				if ( bySet ) {
+					// They will have gone through all possible matchers
+					if ( (elem = !matcher && elem) ) {
+						matchedCount--;
+					}
+
+					// Lengthen the array for every element, matched or not
+					if ( seed ) {
+						unmatched.push( elem );
+					}
+				}
+			}
+
+			// Apply set filters to unmatched elements
+			matchedCount += i;
+			if ( bySet && i !== matchedCount ) {
+				j = 0;
+				while ( (matcher = setMatchers[j++]) ) {
+					matcher( unmatched, setMatched, context, xml );
+				}
+
+				if ( seed ) {
+					// Reintegrate element matches to eliminate the need for sorting
+					if ( matchedCount > 0 ) {
+						while ( i-- ) {
+							if ( !(unmatched[i] || setMatched[i]) ) {
+								setMatched[i] = pop.call( results );
+							}
+						}
+					}
+
+					// Discard index placeholder values to get only actual matches
+					setMatched = condense( setMatched );
+				}
+
+				// Add matches to results
+				push.apply( results, setMatched );
+
+				// Seedless set matches succeeding multiple successful matchers stipulate sorting
+				if ( outermost && !seed && setMatched.length > 0 &&
+					( matchedCount + setMatchers.length ) > 1 ) {
+
+					Sizzle.uniqueSort( results );
+				}
+			}
+
+			// Override manipulation of globals by nested matchers
+			if ( outermost ) {
+				dirruns = dirrunsUnique;
+				outermostContext = contextBackup;
+			}
+
+			return unmatched;
+		};
+
+	return bySet ?
+		markFunction( superMatcher ) :
+		superMatcher;
+}
+
+compile = Sizzle.compile = function( selector, match /* Internal Use Only */ ) {
+	var i,
+		setMatchers = [],
+		elementMatchers = [],
+		cached = compilerCache[ selector + " " ];
+
+	if ( !cached ) {
+		// Generate a function of recursive functions that can be used to check each element
+		if ( !match ) {
+			match = tokenize( selector );
+		}
+		i = match.length;
+		while ( i-- ) {
+			cached = matcherFromTokens( match[i] );
+			if ( cached[ expando ] ) {
+				setMatchers.push( cached );
+			} else {
+				elementMatchers.push( cached );
+			}
+		}
+
+		// Cache the compiled function
+		cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) );
+
+		// Save selector and tokenization
+		cached.selector = selector;
+	}
+	return cached;
+};
+
+/**
+ * A low-level selection function that works with Sizzle's compiled
+ *  selector functions
+ * @param {String|Function} selector A selector or a pre-compiled
+ *  selector function built with Sizzle.compile
+ * @param {Element} context
+ * @param {Array} [results]
+ * @param {Array} [seed] A set of elements to match against
+ */
+select = Sizzle.select = function( selector, context, results, seed ) {
+	var i, tokens, token, type, find,
+		compiled = typeof selector === "function" && selector,
+		match = !seed && tokenize( (selector = compiled.selector || selector) );
+
+	results = results || [];
+
+	// Try to minimize operations if there is no seed and only one group
+	if ( match.length === 1 ) {
+
+		// Take a shortcut and set the context if the root selector is an ID
+		tokens = match[0] = match[0].slice( 0 );
+		if ( tokens.length > 2 && (token = tokens[0]).type === "ID" &&
+				support.getById && context.nodeType === 9 && documentIsHTML &&
+				Expr.relative[ tokens[1].type ] ) {
+
+			context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0];
+			if ( !context ) {
+				return results;
+
+			// Precompiled matchers will still verify ancestry, so step up a level
+			} else if ( compiled ) {
+				context = context.parentNode;
+			}
+
+			selector = selector.slice( tokens.shift().value.length );
+		}
+
+		// Fetch a seed set for right-to-left matching
+		i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length;
+		while ( i-- ) {
+			token = tokens[i];
+
+			// Abort if we hit a combinator
+			if ( Expr.relative[ (type = token.type) ] ) {
+				break;
+			}
+			if ( (find = Expr.find[ type ]) ) {
+				// Search, expanding context for leading sibling combinators
+				if ( (seed = find(
+					token.matches[0].replace( runescape, funescape ),
+					rsibling.test( tokens[0].type ) && testContext( context.parentNode ) || context
+				)) ) {
+
+					// If seed is empty or no tokens remain, we can return early
+					tokens.splice( i, 1 );
+					selector = seed.length && toSelector( tokens );
+					if ( !selector ) {
+						push.apply( results, seed );
+						return results;
+					}
+
+					break;
+				}
+			}
+		}
+	}
+
+	// Compile and execute a filtering function if one is not provided
+	// Provide `match` to avoid retokenization if we modified the selector above
+	( compiled || compile( selector, match ) )(
+		seed,
+		context,
+		!documentIsHTML,
+		results,
+		rsibling.test( selector ) && testContext( context.parentNode ) || context
+	);
+	return results;
+};
+
+// One-time assignments
+
+// Sort stability
+support.sortStable = expando.split("").sort( sortOrder ).join("") === expando;
+
+// Support: Chrome 14-35+
+// Always assume duplicates if they aren't passed to the comparison function
+support.detectDuplicates = !!hasDuplicate;
+
+// Initialize against the default document
+setDocument();
+
+// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27)
+// Detached nodes confoundingly follow *each other*
+support.sortDetached = assert(function( div1 ) {
+	// Should return 1, but returns 4 (following)
+	return div1.compareDocumentPosition( document.createElement("div") ) & 1;
+});
+
+// Support: IE<8
+// Prevent attribute/property "interpolation"
+// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+if ( !assert(function( div ) {
+	div.innerHTML = "<a href='#'></a>";
+	return div.firstChild.getAttribute("href") === "#" ;
+}) ) {
+	addHandle( "type|href|height|width", function( elem, name, isXML ) {
+		if ( !isXML ) {
+			return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 );
+		}
+	});
+}
+
+// Support: IE<9
+// Use defaultValue in place of getAttribute("value")
+if ( !support.attributes || !assert(function( div ) {
+	div.innerHTML = "<input/>";
+	div.firstChild.setAttribute( "value", "" );
+	return div.firstChild.getAttribute( "value" ) === "";
+}) ) {
+	addHandle( "value", function( elem, name, isXML ) {
+		if ( !isXML && elem.nodeName.toLowerCase() === "input" ) {
+			return elem.defaultValue;
+		}
+	});
+}
+
+// Support: IE<9
+// Use getAttributeNode to fetch booleans when getAttribute lies
+if ( !assert(function( div ) {
+	return div.getAttribute("disabled") == null;
+}) ) {
+	addHandle( booleans, function( elem, name, isXML ) {
+		var val;
+		if ( !isXML ) {
+			return elem[ name ] === true ? name.toLowerCase() :
+					(val = elem.getAttributeNode( name )) && val.specified ?
+					val.value :
+				null;
+		}
+	});
+}
+
+return Sizzle;
+
+})( window );
+
+
+
+jQuery.find = Sizzle;
+jQuery.expr = Sizzle.selectors;
+jQuery.expr[":"] = jQuery.expr.pseudos;
+jQuery.unique = Sizzle.uniqueSort;
+jQuery.text = Sizzle.getText;
+jQuery.isXMLDoc = Sizzle.isXML;
+jQuery.contains = Sizzle.contains;
+
+
+
+var rneedsContext = jQuery.expr.match.needsContext;
+
+var rsingleTag = (/^<(\w+)\s*\/?>(?:<\/\1>|)$/);
+
+
+
+var risSimple = /^.[^:#\[\.,]*$/;
+
+// Implement the identical functionality for filter and not
+function winnow( elements, qualifier, not ) {
+	if ( jQuery.isFunction( qualifier ) ) {
+		return jQuery.grep( elements, function( elem, i ) {
+			/* jshint -W018 */
+			return !!qualifier.call( elem, i, elem ) !== not;
+		});
+
+	}
+
+	if ( qualifier.nodeType ) {
+		return jQuery.grep( elements, function( elem ) {
+			return ( elem === qualifier ) !== not;
+		});
+
+	}
+
+	if ( typeof qualifier === "string" ) {
+		if ( risSimple.test( qualifier ) ) {
+			return jQuery.filter( qualifier, elements, not );
+		}
+
+		qualifier = jQuery.filter( qualifier, elements );
+	}
+
+	return jQuery.grep( elements, function( elem ) {
+		return ( indexOf.call( qualifier, elem ) >= 0 ) !== not;
+	});
+}
+
+jQuery.filter = function( expr, elems, not ) {
+	var elem = elems[ 0 ];
+
+	if ( not ) {
+		expr = ":not(" + expr + ")";
+	}
+
+	return elems.length === 1 && elem.nodeType === 1 ?
+		jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : [] :
+		jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) {
+			return elem.nodeType === 1;
+		}));
+};
+
+jQuery.fn.extend({
+	find: function( selector ) {
+		var i,
+			len = this.length,
+			ret = [],
+			self = this;
+
+		if ( typeof selector !== "string" ) {
+			return this.pushStack( jQuery( selector ).filter(function() {
+				for ( i = 0; i < len; i++ ) {
+					if ( jQuery.contains( self[ i ], this ) ) {
+						return true;
+					}
+				}
+			}) );
+		}
+
+		for ( i = 0; i < len; i++ ) {
+			jQuery.find( selector, self[ i ], ret );
+		}
+
+		// Needed because $( selector, context ) becomes $( context ).find( selector )
+		ret = this.pushStack( len > 1 ? jQuery.unique( ret ) : ret );
+		ret.selector = this.selector ? this.selector + " " + selector : selector;
+		return ret;
+	},
+	filter: function( selector ) {
+		return this.pushStack( winnow(this, selector || [], false) );
+	},
+	not: function( selector ) {
+		return this.pushStack( winnow(this, selector || [], true) );
+	},
+	is: function( selector ) {
+		return !!winnow(
+			this,
+
+			// If this is a positional/relative selector, check membership in the returned set
+			// so $("p:first").is("p:last") won't return true for a doc with two "p".
+			typeof selector === "string" && rneedsContext.test( selector ) ?
+				jQuery( selector ) :
+				selector || [],
+			false
+		).length;
+	}
+});
+
+
+// Initialize a jQuery object
+
+
+// A central reference to the root jQuery(document)
+var rootjQuery,
+
+	// A simple way to check for HTML strings
+	// Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
+	// Strict HTML recognition (#11290: must start with <)
+	rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,
+
+	init = jQuery.fn.init = function( selector, context ) {
+		var match, elem;
+
+		// HANDLE: $(""), $(null), $(undefined), $(false)
+		if ( !selector ) {
+			return this;
+		}
+
+		// Handle HTML strings
+		if ( typeof selector === "string" ) {
+			if ( selector[0] === "<" && selector[ selector.length - 1 ] === ">" && selector.length >= 3 ) {
+				// Assume that strings that start and end with <> are HTML and skip the regex check
+				match = [ null, selector, null ];
+
+			} else {
+				match = rquickExpr.exec( selector );
+			}
+
+			// Match html or make sure no context is specified for #id
+			if ( match && (match[1] || !context) ) {
+
+				// HANDLE: $(html) -> $(array)
+				if ( match[1] ) {
+					context = context instanceof jQuery ? context[0] : context;
+
+					// Option to run scripts is true for back-compat
+					// Intentionally let the error be thrown if parseHTML is not present
+					jQuery.merge( this, jQuery.parseHTML(
+						match[1],
+						context && context.nodeType ? context.ownerDocument || context : document,
+						true
+					) );
+
+					// HANDLE: $(html, props)
+					if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) {
+						for ( match in context ) {
+							// Properties of context are called as methods if possible
+							if ( jQuery.isFunction( this[ match ] ) ) {
+								this[ match ]( context[ match ] );
+
+							// ...and otherwise set as attributes
+							} else {
+								this.attr( match, context[ match ] );
+							}
+						}
+					}
+
+					return this;
+
+				// HANDLE: $(#id)
+				} else {
+					elem = document.getElementById( match[2] );
+
+					// Support: Blackberry 4.6
+					// gEBID returns nodes no longer in the document (#6963)
+					if ( elem && elem.parentNode ) {
+						// Inject the element directly into the jQuery object
+						this.length = 1;
+						this[0] = elem;
+					}
+
+					this.context = document;
+					this.selector = selector;
+					return this;
+				}
+
+			// HANDLE: $(expr, $(...))
+			} else if ( !context || context.jquery ) {
+				return ( context || rootjQuery ).find( selector );
+
+			// HANDLE: $(expr, context)
+			// (which is just equivalent to: $(context).find(expr)
+			} else {
+				return this.constructor( context ).find( selector );
+			}
+
+		// HANDLE: $(DOMElement)
+		} else if ( selector.nodeType ) {
+			this.context = this[0] = selector;
+			this.length = 1;
+			return this;
+
+		// HANDLE: $(function)
+		// Shortcut for document ready
+		} else if ( jQuery.isFunction( selector ) ) {
+			return typeof rootjQuery.ready !== "undefined" ?
+				rootjQuery.ready( selector ) :
+				// Execute immediately if ready is not present
+				selector( jQuery );
+		}
+
+		if ( selector.selector !== undefined ) {
+			this.selector = selector.selector;
+			this.context = selector.context;
+		}
+
+		return jQuery.makeArray( selector, this );
+	};
+
+// Give the init function the jQuery prototype for later instantiation
+init.prototype = jQuery.fn;
+
+// Initialize central reference
+rootjQuery = jQuery( document );
+
+
+var rparentsprev = /^(?:parents|prev(?:Until|All))/,
+	// Methods guaranteed to produce a unique set when starting from a unique set
+	guaranteedUnique = {
+		children: true,
+		contents: true,
+		next: true,
+		prev: true
+	};
+
+jQuery.extend({
+	dir: function( elem, dir, until ) {
+		var matched = [],
+			truncate = until !== undefined;
+
+		while ( (elem = elem[ dir ]) && elem.nodeType !== 9 ) {
+			if ( elem.nodeType === 1 ) {
+				if ( truncate && jQuery( elem ).is( until ) ) {
+					break;
+				}
+				matched.push( elem );
+			}
+		}
+		return matched;
+	},
+
+	sibling: function( n, elem ) {
+		var matched = [];
+
+		for ( ; n; n = n.nextSibling ) {
+			if ( n.nodeType === 1 && n !== elem ) {
+				matched.push( n );
+			}
+		}
+
+		return matched;
+	}
+});
+
+jQuery.fn.extend({
+	has: function( target ) {
+		var targets = jQuery( target, this ),
+			l = targets.length;
+
+		return this.filter(function() {
+			var i = 0;
+			for ( ; i < l; i++ ) {
+				if ( jQuery.contains( this, targets[i] ) ) {
+					return true;
+				}
+			}
+		});
+	},
+
+	closest: function( selectors, context ) {
+		var cur,
+			i = 0,
+			l = this.length,
+			matched = [],
+			pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ?
+				jQuery( selectors, context || this.context ) :
+				0;
+
+		for ( ; i < l; i++ ) {
+			for ( cur = this[i]; cur && cur !== context; cur = cur.parentNode ) {
+				// Always skip document fragments
+				if ( cur.nodeType < 11 && (pos ?
+					pos.index(cur) > -1 :
+
+					// Don't pass non-elements to Sizzle
+					cur.nodeType === 1 &&
+						jQuery.find.matchesSelector(cur, selectors)) ) {
+
+					matched.push( cur );
+					break;
+				}
+			}
+		}
+
+		return this.pushStack( matched.length > 1 ? jQuery.unique( matched ) : matched );
+	},
+
+	// Determine the position of an element within the set
+	index: function( elem ) {
+
+		// No argument, return index in parent
+		if ( !elem ) {
+			return ( this[ 0 ] && this[ 0 ].parentNode ) ? this.first().prevAll().length : -1;
+		}
+
+		// Index in selector
+		if ( typeof elem === "string" ) {
+			return indexOf.call( jQuery( elem ), this[ 0 ] );
+		}
+
+		// Locate the position of the desired element
+		return indexOf.call( this,
+
+			// If it receives a jQuery object, the first element is used
+			elem.jquery ? elem[ 0 ] : elem
+		);
+	},
+
+	add: function( selector, context ) {
+		return this.pushStack(
+			jQuery.unique(
+				jQuery.merge( this.get(), jQuery( selector, context ) )
+			)
+		);
+	},
+
+	addBack: function( selector ) {
+		return this.add( selector == null ?
+			this.prevObject : this.prevObject.filter(selector)
+		);
+	}
+});
+
+function sibling( cur, dir ) {
+	while ( (cur = cur[dir]) && cur.nodeType !== 1 ) {}
+	return cur;
+}
+
+jQuery.each({
+	parent: function( elem ) {
+		var parent = elem.parentNode;
+		return parent && parent.nodeType !== 11 ? parent : null;
+	},
+	parents: function( elem ) {
+		return jQuery.dir( elem, "parentNode" );
+	},
+	parentsUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "parentNode", until );
+	},
+	next: function( elem ) {
+		return sibling( elem, "nextSibling" );
+	},
+	prev: function( elem ) {
+		return sibling( elem, "previousSibling" );
+	},
+	nextAll: function( elem ) {
+		return jQuery.dir( elem, "nextSibling" );
+	},
+	prevAll: function( elem ) {
+		return jQuery.dir( elem, "previousSibling" );
+	},
+	nextUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "nextSibling", until );
+	},
+	prevUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "previousSibling", until );
+	},
+	siblings: function( elem ) {
+		return jQuery.sibling( ( elem.parentNode || {} ).firstChild, elem );
+	},
+	children: function( elem ) {
+		return jQuery.sibling( elem.firstChild );
+	},
+	contents: function( elem ) {
+		return elem.contentDocument || jQuery.merge( [], elem.childNodes );
+	}
+}, function( name, fn ) {
+	jQuery.fn[ name ] = function( until, selector ) {
+		var matched = jQuery.map( this, fn, until );
+
+		if ( name.slice( -5 ) !== "Until" ) {
+			selector = until;
+		}
+
+		if ( selector && typeof selector === "string" ) {
+			matched = jQuery.filter( selector, matched );
+		}
+
+		if ( this.length > 1 ) {
+			// Remove duplicates
+			if ( !guaranteedUnique[ name ] ) {
+				jQuery.unique( matched );
+			}
+
+			// Reverse order for parents* and prev-derivatives
+			if ( rparentsprev.test( name ) ) {
+				matched.reverse();
+			}
+		}
+
+		return this.pushStack( matched );
+	};
+});
+var rnotwhite = (/\S+/g);
+
+
+
+// String to Object options format cache
+var optionsCache = {};
+
+// Convert String-formatted options into Object-formatted ones and store in cache
+function createOptions( options ) {
+	var object = optionsCache[ options ] = {};
+	jQuery.each( options.match( rnotwhite ) || [], function( _, flag ) {
+		object[ flag ] = true;
+	});
+	return object;
+}
+
+/*
+ * Create a callback list using the following parameters:
+ *
+ *	options: an optional list of space-separated options that will change how
+ *			the callback list behaves or a more traditional option object
+ *
+ * By default a callback list will act like an event callback list and can be
+ * "fired" multiple times.
+ *
+ * Possible options:
+ *
+ *	once:			will ensure the callback list can only be fired once (like a Deferred)
+ *
+ *	memory:			will keep track of previous values and will call any callback added
+ *					after the list has been fired right away with the latest "memorized"
+ *					values (like a Deferred)
+ *
+ *	unique:			will ensure a callback can only be added once (no duplicate in the list)
+ *
+ *	stopOnFalse:	interrupt callings when a callback returns false
+ *
+ */
+jQuery.Callbacks = function( options ) {
+
+	// Convert options from String-formatted to Object-formatted if needed
+	// (we check in cache first)
+	options = typeof options === "string" ?
+		( optionsCache[ options ] || createOptions( options ) ) :
+		jQuery.extend( {}, options );
+
+	var // Last fire value (for non-forgettable lists)
+		memory,
+		// Flag to know if list was already fired
+		fired,
+		// Flag to know if list is currently firing
+		firing,
+		// First callback to fire (used internally by add and fireWith)
+		firingStart,
+		// End of the loop when firing
+		firingLength,
+		// Index of currently firing callback (modified by remove if needed)
+		firingIndex,
+		// Actual callback list
+		list = [],
+		// Stack of fire calls for repeatable lists
+		stack = !options.once && [],
+		// Fire callbacks
+		fire = function( data ) {
+			memory = options.memory && data;
+			fired = true;
+			firingIndex = firingStart || 0;
+			firingStart = 0;
+			firingLength = list.length;
+			firing = true;
+			for ( ; list && firingIndex < firingLength; firingIndex++ ) {
+				if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) {
+					memory = false; // To prevent further calls using add
+					break;
+				}
+			}
+			firing = false;
+			if ( list ) {
+				if ( stack ) {
+					if ( stack.length ) {
+						fire( stack.shift() );
+					}
+				} else if ( memory ) {
+					list = [];
+				} else {
+					self.disable();
+				}
+			}
+		},
+		// Actual Callbacks object
+		self = {
+			// Add a callback or a collection of callbacks to the list
+			add: function() {
+				if ( list ) {
+					// First, we save the current length
+					var start = list.length;
+					(function add( args ) {
+						jQuery.each( args, function( _, arg ) {
+							var type = jQuery.type( arg );
+							if ( type === "function" ) {
+								if ( !options.unique || !self.has( arg ) ) {
+									list.push( arg );
+								}
+							} else if ( arg && arg.length && type !== "string" ) {
+								// Inspect recursively
+								add( arg );
+							}
+						});
+					})( arguments );
+					// Do we need to add the callbacks to the
+					// current firing batch?
+					if ( firing ) {
+						firingLength = list.length;
+					// With memory, if we're not firing then
+					// we should call right away
+					} else if ( memory ) {
+						firingStart = start;
+						fire( memory );
+					}
+				}
+				return this;
+			},
+			// Remove a callback from the list
+			remove: function() {
+				if ( list ) {
+					jQuery.each( arguments, function( _, arg ) {
+						var index;
+						while ( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) {
+							list.splice( index, 1 );
+							// Handle firing indexes
+							if ( firing ) {
+								if ( index <= firingLength ) {
+									firingLength--;
+								}
+								if ( index <= firingIndex ) {
+									firingIndex--;
+								}
+							}
+						}
+					});
+				}
+				return this;
+			},
+			// Check if a given callback is in the list.
+			// If no argument is given, return whether or not list has callbacks attached.
+			has: function( fn ) {
+				return fn ? jQuery.inArray( fn, list ) > -1 : !!( list && list.length );
+			},
+			// Remove all callbacks from the list
+			empty: function() {
+				list = [];
+				firingLength = 0;
+				return this;
+			},
+			// Have the list do nothing anymore
+			disable: function() {
+				list = stack = memory = undefined;
+				return this;
+			},
+			// Is it disabled?
+			disabled: function() {
+				return !list;
+			},
+			// Lock the list in its current state
+			lock: function() {
+				stack = undefined;
+				if ( !memory ) {
+					self.disable();
+				}
+				return this;
+			},
+			// Is it locked?
+			locked: function() {
+				return !stack;
+			},
+			// Call all callbacks with the given context and arguments
+			fireWith: function( context, args ) {
+				if ( list && ( !fired || stack ) ) {
+					args = args || [];
+					args = [ context, args.slice ? args.slice() : args ];
+					if ( firing ) {
+						stack.push( args );
+					} else {
+						fire( args );
+					}
+				}
+				return this;
+			},
+			// Call all the callbacks with the given arguments
+			fire: function() {
+				self.fireWith( this, arguments );
+				return this;
+			},
+			// To know if the callbacks have already been called at least once
+			fired: function() {
+				return !!fired;
+			}
+		};
+
+	return self;
+};
+
+
+jQuery.extend({
+
+	Deferred: function( func ) {
+		var tuples = [
+				// action, add listener, listener list, final state
+				[ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ],
+				[ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ],
+				[ "notify", "progress", jQuery.Callbacks("memory") ]
+			],
+			state = "pending",
+			promise = {
+				state: function() {
+					return state;
+				},
+				always: function() {
+					deferred.done( arguments ).fail( arguments );
+					return this;
+				},
+				then: function( /* fnDone, fnFail, fnProgress */ ) {
+					var fns = arguments;
+					return jQuery.Deferred(function( newDefer ) {
+						jQuery.each( tuples, function( i, tuple ) {
+							var fn = jQuery.isFunction( fns[ i ] ) && fns[ i ];
+							// deferred[ done | fail | progress ] for forwarding actions to newDefer
+							deferred[ tuple[1] ](function() {
+								var returned = fn && fn.apply( this, arguments );
+								if ( returned && jQuery.isFunction( returned.promise ) ) {
+									returned.promise()
+										.done( newDefer.resolve )
+										.fail( newDefer.reject )
+										.progress( newDefer.notify );
+								} else {
+									newDefer[ tuple[ 0 ] + "With" ]( this === promise ? newDefer.promise() : this, fn ? [ returned ] : arguments );
+								}
+							});
+						});
+						fns = null;
+					}).promise();
+				},
+				// Get a promise for this deferred
+				// If obj is provided, the promise aspect is added to the object
+				promise: function( obj ) {
+					return obj != null ? jQuery.extend( obj, promise ) : promise;
+				}
+			},
+			deferred = {};
+
+		// Keep pipe for back-compat
+		promise.pipe = promise.then;
+
+		// Add list-specific methods
+		jQuery.each( tuples, function( i, tuple ) {
+			var list = tuple[ 2 ],
+				stateString = tuple[ 3 ];
+
+			// promise[ done | fail | progress ] = list.add
+			promise[ tuple[1] ] = list.add;
+
+			// Handle state
+			if ( stateString ) {
+				list.add(function() {
+					// state = [ resolved | rejected ]
+					state = stateString;
+
+				// [ reject_list | resolve_list ].disable; progress_list.lock
+				}, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock );
+			}
+
+			// deferred[ resolve | reject | notify ]
+			deferred[ tuple[0] ] = function() {
+				deferred[ tuple[0] + "With" ]( this === deferred ? promise : this, arguments );
+				return this;
+			};
+			deferred[ tuple[0] + "With" ] = list.fireWith;
+		});
+
+		// Make the deferred a promise
+		promise.promise( deferred );
+
+		// Call given func if any
+		if ( func ) {
+			func.call( deferred, deferred );
+		}
+
+		// All done!
+		return deferred;
+	},
+
+	// Deferred helper
+	when: function( subordinate /* , ..., subordinateN */ ) {
+		var i = 0,
+			resolveValues = slice.call( arguments ),
+			length = resolveValues.length,
+
+			// the count of uncompleted subordinates
+			remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0,
+
+			// the master Deferred. If resolveValues consist of only a single Deferred, just use that.
+			deferred = remaining === 1 ? subordinate : jQuery.Deferred(),
+
+			// Update function for both resolve and progress values
+			updateFunc = function( i, contexts, values ) {
+				return function( value ) {
+					contexts[ i ] = this;
+					values[ i ] = arguments.length > 1 ? slice.call( arguments ) : value;
+					if ( values === progressValues ) {
+						deferred.notifyWith( contexts, values );
+					} else if ( !( --remaining ) ) {
+						deferred.resolveWith( contexts, values );
+					}
+				};
+			},
+
+			progressValues, progressContexts, resolveContexts;
+
+		// Add listeners to Deferred subordinates; treat others as resolved
+		if ( length > 1 ) {
+			progressValues = new Array( length );
+			progressContexts = new Array( length );
+			resolveContexts = new Array( length );
+			for ( ; i < length; i++ ) {
+				if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) {
+					resolveValues[ i ].promise()
+						.done( updateFunc( i, resolveContexts, resolveValues ) )
+						.fail( deferred.reject )
+						.progress( updateFunc( i, progressContexts, progressValues ) );
+				} else {
+					--remaining;
+				}
+			}
+		}
+
+		// If we're not waiting on anything, resolve the master
+		if ( !remaining ) {
+			deferred.resolveWith( resolveContexts, resolveValues );
+		}
+
+		return deferred.promise();
+	}
+});
+
+
+// The deferred used on DOM ready
+var readyList;
+
+jQuery.fn.ready = function( fn ) {
+	// Add the callback
+	jQuery.ready.promise().done( fn );
+
+	return this;
+};
+
+jQuery.extend({
+	// Is the DOM ready to be used? Set to true once it occurs.
+	isReady: false,
+
+	// A counter to track how many items to wait for before
+	// the ready event fires. See #6781
+	readyWait: 1,
+
+	// Hold (or release) the ready event
+	holdReady: function( hold ) {
+		if ( hold ) {
+			jQuery.readyWait++;
+		} else {
+			jQuery.ready( true );
+		}
+	},
+
+	// Handle when the DOM is ready
+	ready: function( wait ) {
+
+		// Abort if there are pending holds or we're already ready
+		if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
+			return;
+		}
+
+		// Remember that the DOM is ready
+		jQuery.isReady = true;
+
+		// If a normal DOM Ready event fired, decrement, and wait if need be
+		if ( wait !== true && --jQuery.readyWait > 0 ) {
+			return;
+		}
+
+		// If there are functions bound, to execute
+		readyList.resolveWith( document, [ jQuery ] );
+
+		// Trigger any bound ready events
+		if ( jQuery.fn.triggerHandler ) {
+			jQuery( document ).triggerHandler( "ready" );
+			jQuery( document ).off( "ready" );
+		}
+	}
+});
+
+/**
+ * The ready event handler and self cleanup method
+ */
+function completed() {
+	document.removeEventListener( "DOMContentLoaded", completed, false );
+	window.removeEventListener( "load", completed, false );
+	jQuery.ready();
+}
+
+jQuery.ready.promise = function( obj ) {
+	if ( !readyList ) {
+
+		readyList = jQuery.Deferred();
+
+		// Catch cases where $(document).ready() is called after the browser event has already occurred.
+		// We once tried to use readyState "interactive" here, but it caused issues like the one
+		// discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15
+		if ( document.readyState === "complete" ) {
+			// Handle it asynchronously to allow scripts the opportunity to delay ready
+			setTimeout( jQuery.ready );
+
+		} else {
+
+			// Use the handy event callback
+			document.addEventListener( "DOMContentLoaded", completed, false );
+
+			// A fallback to window.onload, that will always work
+			window.addEventListener( "load", completed, false );
+		}
+	}
+	return readyList.promise( obj );
+};
+
+// Kick off the DOM ready check even if the user does not
+jQuery.ready.promise();
+
+
+
+
+// Multifunctional method to get and set values of a collection
+// The value/s can optionally be executed if it's a function
+var access = jQuery.access = function( elems, fn, key, value, chainable, emptyGet, raw ) {
+	var i = 0,
+		len = elems.length,
+		bulk = key == null;
+
+	// Sets many values
+	if ( jQuery.type( key ) === "object" ) {
+		chainable = true;
+		for ( i in key ) {
+			jQuery.access( elems, fn, i, key[i], true, emptyGet, raw );
+		}
+
+	// Sets one value
+	} else if ( value !== undefined ) {
+		chainable = true;
+
+		if ( !jQuery.isFunction( value ) ) {
+			raw = true;
+		}
+
+		if ( bulk ) {
+			// Bulk operations run against the entire set
+			if ( raw ) {
+				fn.call( elems, value );
+				fn = null;
+
+			// ...except when executing function values
+			} else {
+				bulk = fn;
+				fn = function( elem, key, value ) {
+					return bulk.call( jQuery( elem ), value );
+				};
+			}
+		}
+
+		if ( fn ) {
+			for ( ; i < len; i++ ) {
+				fn( elems[i], key, raw ? value : value.call( elems[i], i, fn( elems[i], key ) ) );
+			}
+		}
+	}
+
+	return chainable ?
+		elems :
+
+		// Gets
+		bulk ?
+			fn.call( elems ) :
+			len ? fn( elems[0], key ) : emptyGet;
+};
+
+
+/**
+ * Determines whether an object can have data
+ */
+jQuery.acceptData = function( owner ) {
+	// Accepts only:
+	//  - Node
+	//    - Node.ELEMENT_NODE
+	//    - Node.DOCUMENT_NODE
+	//  - Object
+	//    - Any
+	/* jshint -W018 */
+	return owner.nodeType === 1 || owner.nodeType === 9 || !( +owner.nodeType );
+};
+
+
+function Data() {
+	// Support: Android<4,
+	// Old WebKit does not have Object.preventExtensions/freeze method,
+	// return new empty object instead with no [[set]] accessor
+	Object.defineProperty( this.cache = {}, 0, {
+		get: function() {
+			return {};
+		}
+	});
+
+	this.expando = jQuery.expando + Data.uid++;
+}
+
+Data.uid = 1;
+Data.accepts = jQuery.acceptData;
+
+Data.prototype = {
+	key: function( owner ) {
+		// We can accept data for non-element nodes in modern browsers,
+		// but we should not, see #8335.
+		// Always return the key for a frozen object.
+		if ( !Data.accepts( owner ) ) {
+			return 0;
+		}
+
+		var descriptor = {},
+			// Check if the owner object already has a cache key
+			unlock = owner[ this.expando ];
+
+		// If not, create one
+		if ( !unlock ) {
+			unlock = Data.uid++;
+
+			// Secure it in a non-enumerable, non-writable property
+			try {
+				descriptor[ this.expando ] = { value: unlock };
+				Object.defineProperties( owner, descriptor );
+
+			// Support: Android<4
+			// Fallback to a less secure definition
+			} catch ( e ) {
+				descriptor[ this.expando ] = unlock;
+				jQuery.extend( owner, descriptor );
+			}
+		}
+
+		// Ensure the cache object
+		if ( !this.cache[ unlock ] ) {
+			this.cache[ unlock ] = {};
+		}
+
+		return unlock;
+	},
+	set: function( owner, data, value ) {
+		var prop,
+			// There may be an unlock assigned to this node,
+			// if there is no entry for this "owner", create one inline
+			// and set the unlock as though an owner entry had always existed
+			unlock = this.key( owner ),
+			cache = this.cache[ unlock ];
+
+		// Handle: [ owner, key, value ] args
+		if ( typeof data === "string" ) {
+			cache[ data ] = value;
+
+		// Handle: [ owner, { properties } ] args
+		} else {
+			// Fresh assignments by object are shallow copied
+			if ( jQuery.isEmptyObject( cache ) ) {
+				jQuery.extend( this.cache[ unlock ], data );
+			// Otherwise, copy the properties one-by-one to the cache object
+			} else {
+				for ( prop in data ) {
+					cache[ prop ] = data[ prop ];
+				}
+			}
+		}
+		return cache;
+	},
+	get: function( owner, key ) {
+		// Either a valid cache is found, or will be created.
+		// New caches will be created and the unlock returned,
+		// allowing direct access to the newly created
+		// empty data object. A valid owner object must be provided.
+		var cache = this.cache[ this.key( owner ) ];
+
+		return key === undefined ?
+			cache : cache[ key ];
+	},
+	access: function( owner, key, value ) {
+		var stored;
+		// In cases where either:
+		//
+		//   1. No key was specified
+		//   2. A string key was specified, but no value provided
+		//
+		// Take the "read" path and allow the get method to determine
+		// which value to return, respectively either:
+		//
+		//   1. The entire cache object
+		//   2. The data stored at the key
+		//
+		if ( key === undefined ||
+				((key && typeof key === "string") && value === undefined) ) {
+
+			stored = this.get( owner, key );
+
+			return stored !== undefined ?
+				stored : this.get( owner, jQuery.camelCase(key) );
+		}
+
+		// [*]When the key is not a string, or both a key and value
+		// are specified, set or extend (existing objects) with either:
+		//
+		//   1. An object of properties
+		//   2. A key and value
+		//
+		this.set( owner, key, value );
+
+		// Since the "set" path can have two possible entry points
+		// return the expected data based on which path was taken[*]
+		return value !== undefined ? value : key;
+	},
+	remove: function( owner, key ) {
+		var i, name, camel,
+			unlock = this.key( owner ),
+			cache = this.cache[ unlock ];
+
+		if ( key === undefined ) {
+			this.cache[ unlock ] = {};
+
+		} else {
+			// Support array or space separated string of keys
+			if ( jQuery.isArray( key ) ) {
+				// If "name" is an array of keys...
+				// When data is initially created, via ("key", "val") signature,
+				// keys will be converted to camelCase.
+				// Since there is no way to tell _how_ a key was added, remove
+				// both plain key and camelCase key. #12786
+				// This will only penalize the array argument path.
+				name = key.concat( key.map( jQuery.camelCase ) );
+			} else {
+				camel = jQuery.camelCase( key );
+				// Try the string as a key before any manipulation
+				if ( key in cache ) {
+					name = [ key, camel ];
+				} else {
+					// If a key with the spaces exists, use it.
+					// Otherwise, create an array by matching non-whitespace
+					name = camel;
+					name = name in cache ?
+						[ name ] : ( name.match( rnotwhite ) || [] );
+				}
+			}
+
+			i = name.length;
+			while ( i-- ) {
+				delete cache[ name[ i ] ];
+			}
+		}
+	},
+	hasData: function( owner ) {
+		return !jQuery.isEmptyObject(
+			this.cache[ owner[ this.expando ] ] || {}
+		);
+	},
+	discard: function( owner ) {
+		if ( owner[ this.expando ] ) {
+			delete this.cache[ owner[ this.expando ] ];
+		}
+	}
+};
+var data_priv = new Data();
+
+var data_user = new Data();
+
+
+
+//	Implementation Summary
+//
+//	1. Enforce API surface and semantic compatibility with 1.9.x branch
+//	2. Improve the module's maintainability by reducing the storage
+//		paths to a single mechanism.
+//	3. Use the same single mechanism to support "private" and "user" data.
+//	4. _Never_ expose "private" data to user code (TODO: Drop _data, _removeData)
+//	5. Avoid exposing implementation details on user objects (eg. expando properties)
+//	6. Provide a clear path for implementation upgrade to WeakMap in 2014
+
+var rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,
+	rmultiDash = /([A-Z])/g;
+
+function dataAttr( elem, key, data ) {
+	var name;
+
+	// If nothing was found internally, try to fetch any
+	// data from the HTML5 data-* attribute
+	if ( data === undefined && elem.nodeType === 1 ) {
+		name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
+		data = elem.getAttribute( name );
+
+		if ( typeof data === "string" ) {
+			try {
+				data = data === "true" ? true :
+					data === "false" ? false :
+					data === "null" ? null :
+					// Only convert to a number if it doesn't change the string
+					+data + "" === data ? +data :
+					rbrace.test( data ) ? jQuery.parseJSON( data ) :
+					data;
+			} catch( e ) {}
+
+			// Make sure we set the data so it isn't changed later
+			data_user.set( elem, key, data );
+		} else {
+			data = undefined;
+		}
+	}
+	return data;
+}
+
+jQuery.extend({
+	hasData: function( elem ) {
+		return data_user.hasData( elem ) || data_priv.hasData( elem );
+	},
+
+	data: function( elem, name, data ) {
+		return data_user.access( elem, name, data );
+	},
+
+	removeData: function( elem, name ) {
+		data_user.remove( elem, name );
+	},
+
+	// TODO: Now that all calls to _data and _removeData have been replaced
+	// with direct calls to data_priv methods, these can be deprecated.
+	_data: function( elem, name, data ) {
+		return data_priv.access( elem, name, data );
+	},
+
+	_removeData: function( elem, name ) {
+		data_priv.remove( elem, name );
+	}
+});
+
+jQuery.fn.extend({
+	data: function( key, value ) {
+		var i, name, data,
+			elem = this[ 0 ],
+			attrs = elem && elem.attributes;
+
+		// Gets all values
+		if ( key === undefined ) {
+			if ( this.length ) {
+				data = data_user.get( elem );
+
+				if ( elem.nodeType === 1 && !data_priv.get( elem, "hasDataAttrs" ) ) {
+					i = attrs.length;
+					while ( i-- ) {
+
+						// Support: IE11+
+						// The attrs elements can be null (#14894)
+						if ( attrs[ i ] ) {
+							name = attrs[ i ].name;
+							if ( name.indexOf( "data-" ) === 0 ) {
+								name = jQuery.camelCase( name.slice(5) );
+								dataAttr( elem, name, data[ name ] );
+							}
+						}
+					}
+					data_priv.set( elem, "hasDataAttrs", true );
+				}
+			}
+
+			return data;
+		}
+
+		// Sets multiple values
+		if ( typeof key === "object" ) {
+			return this.each(function() {
+				data_user.set( this, key );
+			});
+		}
+
+		return access( this, function( value ) {
+			var data,
+				camelKey = jQuery.camelCase( key );
+
+			// The calling jQuery object (element matches) is not empty
+			// (and therefore has an element appears at this[ 0 ]) and the
+			// `value` parameter was not undefined. An empty jQuery object
+			// will result in `undefined` for elem = this[ 0 ] which will
+			// throw an exception if an attempt to read a data cache is made.
+			if ( elem && value === undefined ) {
+				// Attempt to get data from the cache
+				// with the key as-is
+				data = data_user.get( elem, key );
+				if ( data !== undefined ) {
+					return data;
+				}
+
+				// Attempt to get data from the cache
+				// with the key camelized
+				data = data_user.get( elem, camelKey );
+				if ( data !== undefined ) {
+					return data;
+				}
+
+				// Attempt to "discover" the data in
+				// HTML5 custom data-* attrs
+				data = dataAttr( elem, camelKey, undefined );
+				if ( data !== undefined ) {
+					return data;
+				}
+
+				// We tried really hard, but the data doesn't exist.
+				return;
+			}
+
+			// Set the data...
+			this.each(function() {
+				// First, attempt to store a copy or reference of any
+				// data that might've been store with a camelCased key.
+				var data = data_user.get( this, camelKey );
+
+				// For HTML5 data-* attribute interop, we have to
+				// store property names with dashes in a camelCase form.
+				// This might not apply to all properties...*
+				data_user.set( this, camelKey, value );
+
+				// *... In the case of properties that might _actually_
+				// have dashes, we need to also store a copy of that
+				// unchanged property.
+				if ( key.indexOf("-") !== -1 && data !== undefined ) {
+					data_user.set( this, key, value );
+				}
+			});
+		}, null, value, arguments.length > 1, null, true );
+	},
+
+	removeData: function( key ) {
+		return this.each(function() {
+			data_user.remove( this, key );
+		});
+	}
+});
+
+
+jQuery.extend({
+	queue: function( elem, type, data ) {
+		var queue;
+
+		if ( elem ) {
+			type = ( type || "fx" ) + "queue";
+			queue = data_priv.get( elem, type );
+
+			// Speed up dequeue by getting out quickly if this is just a lookup
+			if ( data ) {
+				if ( !queue || jQuery.isArray( data ) ) {
+					queue = data_priv.access( elem, type, jQuery.makeArray(data) );
+				} else {
+					queue.push( data );
+				}
+			}
+			return queue || [];
+		}
+	},
+
+	dequeue: function( elem, type ) {
+		type = type || "fx";
+
+		var queue = jQuery.queue( elem, type ),
+			startLength = queue.length,
+			fn = queue.shift(),
+			hooks = jQuery._queueHooks( elem, type ),
+			next = function() {
+				jQuery.dequeue( elem, type );
+			};
+
+		// If the fx queue is dequeued, always remove the progress sentinel
+		if ( fn === "inprogress" ) {
+			fn = queue.shift();
+			startLength--;
+		}
+
+		if ( fn ) {
+
+			// Add a progress sentinel to prevent the fx queue from being
+			// automatically dequeued
+			if ( type === "fx" ) {
+				queue.unshift( "inprogress" );
+			}
+
+			// Clear up the last queue stop function
+			delete hooks.stop;
+			fn.call( elem, next, hooks );
+		}
+
+		if ( !startLength && hooks ) {
+			hooks.empty.fire();
+		}
+	},
+
+	// Not public - generate a queueHooks object, or return the current one
+	_queueHooks: function( elem, type ) {
+		var key = type + "queueHooks";
+		return data_priv.get( elem, key ) || data_priv.access( elem, key, {
+			empty: jQuery.Callbacks("once memory").add(function() {
+				data_priv.remove( elem, [ type + "queue", key ] );
+			})
+		});
+	}
+});
+
+jQuery.fn.extend({
+	queue: function( type, data ) {
+		var setter = 2;
+
+		if ( typeof type !== "string" ) {
+			data = type;
+			type = "fx";
+			setter--;
+		}
+
+		if ( arguments.length < setter ) {
+			return jQuery.queue( this[0], type );
+		}
+
+		return data === undefined ?
+			this :
+			this.each(function() {
+				var queue = jQuery.queue( this, type, data );
+
+				// Ensure a hooks for this queue
+				jQuery._queueHooks( this, type );
+
+				if ( type === "fx" && queue[0] !== "inprogress" ) {
+					jQuery.dequeue( this, type );
+				}
+			});
+	},
+	dequeue: function( type ) {
+		return this.each(function() {
+			jQuery.dequeue( this, type );
+		});
+	},
+	clearQueue: function( type ) {
+		return this.queue( type || "fx", [] );
+	},
+	// Get a promise resolved when queues of a certain type
+	// are emptied (fx is the type by default)
+	promise: function( type, obj ) {
+		var tmp,
+			count = 1,
+			defer = jQuery.Deferred(),
+			elements = this,
+			i = this.length,
+			resolve = function() {
+				if ( !( --count ) ) {
+					defer.resolveWith( elements, [ elements ] );
+				}
+			};
+
+		if ( typeof type !== "string" ) {
+			obj = type;
+			type = undefined;
+		}
+		type = type || "fx";
+
+		while ( i-- ) {
+			tmp = data_priv.get( elements[ i ], type + "queueHooks" );
+			if ( tmp && tmp.empty ) {
+				count++;
+				tmp.empty.add( resolve );
+			}
+		}
+		resolve();
+		return defer.promise( obj );
+	}
+});
+var pnum = (/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/).source;
+
+var cssExpand = [ "Top", "Right", "Bottom", "Left" ];
+
+var isHidden = function( elem, el ) {
+		// isHidden might be called from jQuery#filter function;
+		// in that case, element will be second argument
+		elem = el || elem;
+		return jQuery.css( elem, "display" ) === "none" || !jQuery.contains( elem.ownerDocument, elem );
+	};
+
+var rcheckableType = (/^(?:checkbox|radio)$/i);
+
+
+
+(function() {
+	var fragment = document.createDocumentFragment(),
+		div = fragment.appendChild( document.createElement( "div" ) ),
+		input = document.createElement( "input" );
+
+	// Support: Safari<=5.1
+	// Check state lost if the name is set (#11217)
+	// Support: Windows Web Apps (WWA)
+	// `name` and `type` must use .setAttribute for WWA (#14901)
+	input.setAttribute( "type", "radio" );
+	input.setAttribute( "checked", "checked" );
+	input.setAttribute( "name", "t" );
+
+	div.appendChild( input );
+
+	// Support: Safari<=5.1, Android<4.2
+	// Older WebKit doesn't clone checked state correctly in fragments
+	support.checkClone = div.cloneNode( true ).cloneNode( true ).lastChild.checked;
+
+	// Support: IE<=11+
+	// Make sure textarea (and checkbox) defaultValue is properly cloned
+	div.innerHTML = "<textarea>x</textarea>";
+	support.noCloneChecked = !!div.cloneNode( true ).lastChild.defaultValue;
+})();
+var strundefined = typeof undefined;
+
+
+
+support.focusinBubbles = "onfocusin" in window;
+
+
+var
+	rkeyEvent = /^key/,
+	rmouseEvent = /^(?:mouse|pointer|contextmenu)|click/,
+	rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
+	rtypenamespace = /^([^.]*)(?:\.(.+)|)$/;
+
+function returnTrue() {
+	return true;
+}
+
+function returnFalse() {
+	return false;
+}
+
+function safeActiveElement() {
+	try {
+		return document.activeElement;
+	} catch ( err ) { }
+}
+
+/*
+ * Helper functions for managing events -- not part of the public interface.
+ * Props to Dean Edwards' addEvent library for many of the ideas.
+ */
+jQuery.event = {
+
+	global: {},
+
+	add: function( elem, types, handler, data, selector ) {
+
+		var handleObjIn, eventHandle, tmp,
+			events, t, handleObj,
+			special, handlers, type, namespaces, origType,
+			elemData = data_priv.get( elem );
+
+		// Don't attach events to noData or text/comment nodes (but allow plain objects)
+		if ( !elemData ) {
+			return;
+		}
+
+		// Caller can pass in an object of custom data in lieu of the handler
+		if ( handler.handler ) {
+			handleObjIn = handler;
+			handler = handleObjIn.handler;
+			selector = handleObjIn.selector;
+		}
+
+		// Make sure that the handler has a unique ID, used to find/remove it later
+		if ( !handler.guid ) {
+			handler.guid = jQuery.guid++;
+		}
+
+		// Init the element's event structure and main handler, if this is the first
+		if ( !(events = elemData.events) ) {
+			events = elemData.events = {};
+		}
+		if ( !(eventHandle = elemData.handle) ) {
+			eventHandle = elemData.handle = function( e ) {
+				// Discard the second event of a jQuery.event.trigger() and
+				// when an event is called after a page has unloaded
+				return typeof jQuery !== strundefined && jQuery.event.triggered !== e.type ?
+					jQuery.event.dispatch.apply( elem, arguments ) : undefined;
+			};
+		}
+
+		// Handle multiple events separated by a space
+		types = ( types || "" ).match( rnotwhite ) || [ "" ];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[t] ) || [];
+			type = origType = tmp[1];
+			namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+			// There *must* be a type, no attaching namespace-only handlers
+			if ( !type ) {
+				continue;
+			}
+
+			// If event changes its type, use the special event handlers for the changed type
+			special = jQuery.event.special[ type ] || {};
+
+			// If selector defined, determine special event api type, otherwise given type
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+
+			// Update special based on newly reset type
+			special = jQuery.event.special[ type ] || {};
+
+			// handleObj is passed to all event handlers
+			handleObj = jQuery.extend({
+				type: type,
+				origType: origType,
+				data: data,
+				handler: handler,
+				guid: handler.guid,
+				selector: selector,
+				needsContext: selector && jQuery.expr.match.needsContext.test( selector ),
+				namespace: namespaces.join(".")
+			}, handleObjIn );
+
+			// Init the event handler queue if we're the first
+			if ( !(handlers = events[ type ]) ) {
+				handlers = events[ type ] = [];
+				handlers.delegateCount = 0;
+
+				// Only use addEventListener if the special events handler returns false
+				if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
+					if ( elem.addEventListener ) {
+						elem.addEventListener( type, eventHandle, false );
+					}
+				}
+			}
+
+			if ( special.add ) {
+				special.add.call( elem, handleObj );
+
+				if ( !handleObj.handler.guid ) {
+					handleObj.handler.guid = handler.guid;
+				}
+			}
+
+			// Add to the element's handler list, delegates in front
+			if ( selector ) {
+				handlers.splice( handlers.delegateCount++, 0, handleObj );
+			} else {
+				handlers.push( handleObj );
+			}
+
+			// Keep track of which events have ever been used, for event optimization
+			jQuery.event.global[ type ] = true;
+		}
+
+	},
+
+	// Detach an event or set of events from an element
+	remove: function( elem, types, handler, selector, mappedTypes ) {
+
+		var j, origCount, tmp,
+			events, t, handleObj,
+			special, handlers, type, namespaces, origType,
+			elemData = data_priv.hasData( elem ) && data_priv.get( elem );
+
+		if ( !elemData || !(events = elemData.events) ) {
+			return;
+		}
+
+		// Once for each type.namespace in types; type may be omitted
+		types = ( types || "" ).match( rnotwhite ) || [ "" ];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[t] ) || [];
+			type = origType = tmp[1];
+			namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+			// Unbind all events (on this namespace, if provided) for the element
+			if ( !type ) {
+				for ( type in events ) {
+					jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
+				}
+				continue;
+			}
+
+			special = jQuery.event.special[ type ] || {};
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+			handlers = events[ type ] || [];
+			tmp = tmp[2] && new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" );
+
+			// Remove matching events
+			origCount = j = handlers.length;
+			while ( j-- ) {
+				handleObj = handlers[ j ];
+
+				if ( ( mappedTypes || origType === handleObj.origType ) &&
+					( !handler || handler.guid === handleObj.guid ) &&
+					( !tmp || tmp.test( handleObj.namespace ) ) &&
+					( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) {
+					handlers.splice( j, 1 );
+
+					if ( handleObj.selector ) {
+						handlers.delegateCount--;
+					}
+					if ( special.remove ) {
+						special.remove.call( elem, handleObj );
+					}
+				}
+			}
+
+			// Remove generic event handler if we removed something and no more handlers exist
+			// (avoids potential for endless recursion during removal of special event handlers)
+			if ( origCount && !handlers.length ) {
+				if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) {
+					jQuery.removeEvent( elem, type, elemData.handle );
+				}
+
+				delete events[ type ];
+			}
+		}
+
+		// Remove the expando if it's no longer used
+		if ( jQuery.isEmptyObject( events ) ) {
+			delete elemData.handle;
+			data_priv.remove( elem, "events" );
+		}
+	},
+
+	trigger: function( event, data, elem, onlyHandlers ) {
+
+		var i, cur, tmp, bubbleType, ontype, handle, special,
+			eventPath = [ elem || document ],
+			type = hasOwn.call( event, "type" ) ? event.type : event,
+			namespaces = hasOwn.call( event, "namespace" ) ? event.namespace.split(".") : [];
+
+		cur = tmp = elem = elem || document;
+
+		// Don't do events on text and comment nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+			return;
+		}
+
+		// focus/blur morphs to focusin/out; ensure we're not firing them right now
+		if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
+			return;
+		}
+
+		if ( type.indexOf(".") >= 0 ) {
+			// Namespaced trigger; create a regexp to match event type in handle()
+			namespaces = type.split(".");
+			type = namespaces.shift();
+			namespaces.sort();
+		}
+		ontype = type.indexOf(":") < 0 && "on" + type;
+
+		// Caller can pass in a jQuery.Event object, Object, or just an event type string
+		event = event[ jQuery.expando ] ?
+			event :
+			new jQuery.Event( type, typeof event === "object" && event );
+
+		// Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true)
+		event.isTrigger = onlyHandlers ? 2 : 3;
+		event.namespace = namespaces.join(".");
+		event.namespace_re = event.namespace ?
+			new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ) :
+			null;
+
+		// Clean up the event in case it is being reused
+		event.result = undefined;
+		if ( !event.target ) {
+			event.target = elem;
+		}
+
+		// Clone any incoming data and prepend the event, creating the handler arg list
+		data = data == null ?
+			[ event ] :
+			jQuery.makeArray( data, [ event ] );
+
+		// Allow special events to draw outside the lines
+		special = jQuery.event.special[ type ] || {};
+		if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) {
+			return;
+		}
+
+		// Determine event propagation path in advance, per W3C events spec (#9951)
+		// Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
+		if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) {
+
+			bubbleType = special.delegateType || type;
+			if ( !rfocusMorph.test( bubbleType + type ) ) {
+				cur = cur.parentNode;
+			}
+			for ( ; cur; cur = cur.parentNode ) {
+				eventPath.push( cur );
+				tmp = cur;
+			}
+
+			// Only add window if we got to document (e.g., not plain obj or detached DOM)
+			if ( tmp === (elem.ownerDocument || document) ) {
+				eventPath.push( tmp.defaultView || tmp.parentWindow || window );
+			}
+		}
+
+		// Fire handlers on the event path
+		i = 0;
+		while ( (cur = eventPath[i++]) && !event.isPropagationStopped() ) {
+
+			event.type = i > 1 ?
+				bubbleType :
+				special.bindType || type;
+
+			// jQuery handler
+			handle = ( data_priv.get( cur, "events" ) || {} )[ event.type ] && data_priv.get( cur, "handle" );
+			if ( handle ) {
+				handle.apply( cur, data );
+			}
+
+			// Native handler
+			handle = ontype && cur[ ontype ];
+			if ( handle && handle.apply && jQuery.acceptData( cur ) ) {
+				event.result = handle.apply( cur, data );
+				if ( event.result === false ) {
+					event.preventDefault();
+				}
+			}
+		}
+		event.type = type;
+
+		// If nobody prevented the default action, do it now
+		if ( !onlyHandlers && !event.isDefaultPrevented() ) {
+
+			if ( (!special._default || special._default.apply( eventPath.pop(), data ) === false) &&
+				jQuery.acceptData( elem ) ) {
+
+				// Call a native DOM method on the target with the same name name as the event.
+				// Don't do default actions on window, that's where global variables be (#6170)
+				if ( ontype && jQuery.isFunction( elem[ type ] ) && !jQuery.isWindow( elem ) ) {
+
+					// Don't re-trigger an onFOO event when we call its FOO() method
+					tmp = elem[ ontype ];
+
+					if ( tmp ) {
+						elem[ ontype ] = null;
+					}
+
+					// Prevent re-triggering of the same event, since we already bubbled it above
+					jQuery.event.triggered = type;
+					elem[ type ]();
+					jQuery.event.triggered = undefined;
+
+					if ( tmp ) {
+						elem[ ontype ] = tmp;
+					}
+				}
+			}
+		}
+
+		return event.result;
+	},
+
+	dispatch: function( event ) {
+
+		// Make a writable jQuery.Event from the native event object
+		event = jQuery.event.fix( event );
+
+		var i, j, ret, matched, handleObj,
+			handlerQueue = [],
+			args = slice.call( arguments ),
+			handlers = ( data_priv.get( this, "events" ) || {} )[ event.type ] || [],
+			special = jQuery.event.special[ event.type ] || {};
+
+		// Use the fix-ed jQuery.Event rather than the (read-only) native event
+		args[0] = event;
+		event.delegateTarget = this;
+
+		// Call the preDispatch hook for the mapped type, and let it bail if desired
+		if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) {
+			return;
+		}
+
+		// Determine handlers
+		handlerQueue = jQuery.event.handlers.call( this, event, handlers );
+
+		// Run delegates first; they may want to stop propagation beneath us
+		i = 0;
+		while ( (matched = handlerQueue[ i++ ]) && !event.isPropagationStopped() ) {
+			event.currentTarget = matched.elem;
+
+			j = 0;
+			while ( (handleObj = matched.handlers[ j++ ]) && !event.isImmediatePropagationStopped() ) {
+
+				// Triggered event must either 1) have no namespace, or 2) have namespace(s)
+				// a subset or equal to those in the bound event (both can have no namespace).
+				if ( !event.namespace_re || event.namespace_re.test( handleObj.namespace ) ) {
+
+					event.handleObj = handleObj;
+					event.data = handleObj.data;
+
+					ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler )
+							.apply( matched.elem, args );
+
+					if ( ret !== undefined ) {
+						if ( (event.result = ret) === false ) {
+							event.preventDefault();
+							event.stopPropagation();
+						}
+					}
+				}
+			}
+		}
+
+		// Call the postDispatch hook for the mapped type
+		if ( special.postDispatch ) {
+			special.postDispatch.call( this, event );
+		}
+
+		return event.result;
+	},
+
+	handlers: function( event, handlers ) {
+		var i, matches, sel, handleObj,
+			handlerQueue = [],
+			delegateCount = handlers.delegateCount,
+			cur = event.target;
+
+		// Find delegate handlers
+		// Black-hole SVG <use> instance trees (#13180)
+		// Avoid non-left-click bubbling in Firefox (#3861)
+		if ( delegateCount && cur.nodeType && (!event.button || event.type !== "click") ) {
+
+			for ( ; cur !== this; cur = cur.parentNode || this ) {
+
+				// Don't process clicks on disabled elements (#6911, #8165, #11382, #11764)
+				if ( cur.disabled !== true || event.type !== "click" ) {
+					matches = [];
+					for ( i = 0; i < delegateCount; i++ ) {
+						handleObj = handlers[ i ];
+
+						// Don't conflict with Object.prototype properties (#13203)
+						sel = handleObj.selector + " ";
+
+						if ( matches[ sel ] === undefined ) {
+							matches[ sel ] = handleObj.needsContext ?
+								jQuery( sel, this ).index( cur ) >= 0 :
+								jQuery.find( sel, this, null, [ cur ] ).length;
+						}
+						if ( matches[ sel ] ) {
+							matches.push( handleObj );
+						}
+					}
+					if ( matches.length ) {
+						handlerQueue.push({ elem: cur, handlers: matches });
+					}
+				}
+			}
+		}
+
+		// Add the remaining (directly-bound) handlers
+		if ( delegateCount < handlers.length ) {
+			handlerQueue.push({ elem: this, handlers: handlers.slice( delegateCount ) });
+		}
+
+		return handlerQueue;
+	},
+
+	// Includes some event props shared by KeyEvent and MouseEvent
+	props: "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),
+
+	fixHooks: {},
+
+	keyHooks: {
+		props: "char charCode key keyCode".split(" "),
+		filter: function( event, original ) {
+
+			// Add which for key events
+			if ( event.which == null ) {
+				event.which = original.charCode != null ? original.charCode : original.keyCode;
+			}
+
+			return event;
+		}
+	},
+
+	mouseHooks: {
+		props: "button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),
+		filter: function( event, original ) {
+			var eventDoc, doc, body,
+				button = original.button;
+
+			// Calculate pageX/Y if missing and clientX/Y available
+			if ( event.pageX == null && original.clientX != null ) {
+				eventDoc = event.target.ownerDocument || document;
+				doc = eventDoc.documentElement;
+				body = eventDoc.body;
+
+				event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 );
+				event.pageY = original.clientY + ( doc && doc.scrollTop  || body && body.scrollTop  || 0 ) - ( doc && doc.clientTop  || body && body.clientTop  || 0 );
+			}
+
+			// Add which for click: 1 === left; 2 === middle; 3 === right
+			// Note: button is not normalized, so don't use it
+			if ( !event.which && button !== undefined ) {
+				event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
+			}
+
+			return event;
+		}
+	},
+
+	fix: function( event ) {
+		if ( event[ jQuery.expando ] ) {
+			return event;
+		}
+
+		// Create a writable copy of the event object and normalize some properties
+		var i, prop, copy,
+			type = event.type,
+			originalEvent = event,
+			fixHook = this.fixHooks[ type ];
+
+		if ( !fixHook ) {
+			this.fixHooks[ type ] = fixHook =
+				rmouseEvent.test( type ) ? this.mouseHooks :
+				rkeyEvent.test( type ) ? this.keyHooks :
+				{};
+		}
+		copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props;
+
+		event = new jQuery.Event( originalEvent );
+
+		i = copy.length;
+		while ( i-- ) {
+			prop = copy[ i ];
+			event[ prop ] = originalEvent[ prop ];
+		}
+
+		// Support: Cordova 2.5 (WebKit) (#13255)
+		// All events should have a target; Cordova deviceready doesn't
+		if ( !event.target ) {
+			event.target = document;
+		}
+
+		// Support: Safari 6.0+, Chrome<28
+		// Target should not be a text node (#504, #13143)
+		if ( event.target.nodeType === 3 ) {
+			event.target = event.target.parentNode;
+		}
+
+		return fixHook.filter ? fixHook.filter( event, originalEvent ) : event;
+	},
+
+	special: {
+		load: {
+			// Prevent triggered image.load events from bubbling to window.load
+			noBubble: true
+		},
+		focus: {
+			// Fire native event if possible so blur/focus sequence is correct
+			trigger: function() {
+				if ( this !== safeActiveElement() && this.focus ) {
+					this.focus();
+					return false;
+				}
+			},
+			delegateType: "focusin"
+		},
+		blur: {
+			trigger: function() {
+				if ( this === safeActiveElement() && this.blur ) {
+					this.blur();
+					return false;
+				}
+			},
+			delegateType: "focusout"
+		},
+		click: {
+			// For checkbox, fire native event so checked state will be right
+			trigger: function() {
+				if ( this.type === "checkbox" && this.click && jQuery.nodeName( this, "input" ) ) {
+					this.click();
+					return false;
+				}
+			},
+
+			// For cross-browser consistency, don't fire native .click() on links
+			_default: function( event ) {
+				return jQuery.nodeName( event.target, "a" );
+			}
+		},
+
+		beforeunload: {
+			postDispatch: function( event ) {
+
+				// Support: Firefox 20+
+				// Firefox doesn't alert if the returnValue field is not set.
+				if ( event.result !== undefined && event.originalEvent ) {
+					event.originalEvent.returnValue = event.result;
+				}
+			}
+		}
+	},
+
+	simulate: function( type, elem, event, bubble ) {
+		// Piggyback on a donor event to simulate a different one.
+		// Fake originalEvent to avoid donor's stopPropagation, but if the
+		// simulated event prevents default then we do the same on the donor.
+		var e = jQuery.extend(
+			new jQuery.Event(),
+			event,
+			{
+				type: type,
+				isSimulated: true,
+				originalEvent: {}
+			}
+		);
+		if ( bubble ) {
+			jQuery.event.trigger( e, null, elem );
+		} else {
+			jQuery.event.dispatch.call( elem, e );
+		}
+		if ( e.isDefaultPrevented() ) {
+			event.preventDefault();
+		}
+	}
+};
+
+jQuery.removeEvent = function( elem, type, handle ) {
+	if ( elem.removeEventListener ) {
+		elem.removeEventListener( type, handle, false );
+	}
+};
+
+jQuery.Event = function( src, props ) {
+	// Allow instantiation without the 'new' keyword
+	if ( !(this instanceof jQuery.Event) ) {
+		return new jQuery.Event( src, props );
+	}
+
+	// Event object
+	if ( src && src.type ) {
+		this.originalEvent = src;
+		this.type = src.type;
+
+		// Events bubbling up the document may have been marked as prevented
+		// by a handler lower down the tree; reflect the correct value.
+		this.isDefaultPrevented = src.defaultPrevented ||
+				src.defaultPrevented === undefined &&
+				// Support: Android<4.0
+				src.returnValue === false ?
+			returnTrue :
+			returnFalse;
+
+	// Event type
+	} else {
+		this.type = src;
+	}
+
+	// Put explicitly provided properties onto the event object
+	if ( props ) {
+		jQuery.extend( this, props );
+	}
+
+	// Create a timestamp if incoming event doesn't have one
+	this.timeStamp = src && src.timeStamp || jQuery.now();
+
+	// Mark it as fixed
+	this[ jQuery.expando ] = true;
+};
+
+// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
+// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
+jQuery.Event.prototype = {
+	isDefaultPrevented: returnFalse,
+	isPropagationStopped: returnFalse,
+	isImmediatePropagationStopped: returnFalse,
+
+	preventDefault: function() {
+		var e = this.originalEvent;
+
+		this.isDefaultPrevented = returnTrue;
+
+		if ( e && e.preventDefault ) {
+			e.preventDefault();
+		}
+	},
+	stopPropagation: function() {
+		var e = this.originalEvent;
+
+		this.isPropagationStopped = returnTrue;
+
+		if ( e && e.stopPropagation ) {
+			e.stopPropagation();
+		}
+	},
+	stopImmediatePropagation: function() {
+		var e = this.originalEvent;
+
+		this.isImmediatePropagationStopped = returnTrue;
+
+		if ( e && e.stopImmediatePropagation ) {
+			e.stopImmediatePropagation();
+		}
+
+		this.stopPropagation();
+	}
+};
+
+// Create mouseenter/leave events using mouseover/out and event-time checks
+// Support: Chrome 15+
+jQuery.each({
+	mouseenter: "mouseover",
+	mouseleave: "mouseout",
+	pointerenter: "pointerover",
+	pointerleave: "pointerout"
+}, function( orig, fix ) {
+	jQuery.event.special[ orig ] = {
+		delegateType: fix,
+		bindType: fix,
+
+		handle: function( event ) {
+			var ret,
+				target = this,
+				related = event.relatedTarget,
+				handleObj = event.handleObj;
+
+			// For mousenter/leave call the handler if related is outside the target.
+			// NB: No relatedTarget if the mouse left/entered the browser window
+			if ( !related || (related !== target && !jQuery.contains( target, related )) ) {
+				event.type = handleObj.origType;
+				ret = handleObj.handler.apply( this, arguments );
+				event.type = fix;
+			}
+			return ret;
+		}
+	};
+});
+
+// Support: Firefox, Chrome, Safari
+// Create "bubbling" focus and blur events
+if ( !support.focusinBubbles ) {
+	jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
+
+		// Attach a single capturing handler on the document while someone wants focusin/focusout
+		var handler = function( event ) {
+				jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true );
+			};
+
+		jQuery.event.special[ fix ] = {
+			setup: function() {
+				var doc = this.ownerDocument || this,
+					attaches = data_priv.access( doc, fix );
+
+				if ( !attaches ) {
+					doc.addEventListener( orig, handler, true );
+				}
+				data_priv.access( doc, fix, ( attaches || 0 ) + 1 );
+			},
+			teardown: function() {
+				var doc = this.ownerDocument || this,
+					attaches = data_priv.access( doc, fix ) - 1;
+
+				if ( !attaches ) {
+					doc.removeEventListener( orig, handler, true );
+					data_priv.remove( doc, fix );
+
+				} else {
+					data_priv.access( doc, fix, attaches );
+				}
+			}
+		};
+	});
+}
+
+jQuery.fn.extend({
+
+	on: function( types, selector, data, fn, /*INTERNAL*/ one ) {
+		var origFn, type;
+
+		// Types can be a map of types/handlers
+		if ( typeof types === "object" ) {
+			// ( types-Object, selector, data )
+			if ( typeof selector !== "string" ) {
+				// ( types-Object, data )
+				data = data || selector;
+				selector = undefined;
+			}
+			for ( type in types ) {
+				this.on( type, selector, data, types[ type ], one );
+			}
+			return this;
+		}
+
+		if ( data == null && fn == null ) {
+			// ( types, fn )
+			fn = selector;
+			data = selector = undefined;
+		} else if ( fn == null ) {
+			if ( typeof selector === "string" ) {
+				// ( types, selector, fn )
+				fn = data;
+				data = undefined;
+			} else {
+				// ( types, data, fn )
+				fn = data;
+				data = selector;
+				selector = undefined;
+			}
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		} else if ( !fn ) {
+			return this;
+		}
+
+		if ( one === 1 ) {
+			origFn = fn;
+			fn = function( event ) {
+				// Can use an empty set, since event contains the info
+				jQuery().off( event );
+				return origFn.apply( this, arguments );
+			};
+			// Use same guid so caller can remove using origFn
+			fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
+		}
+		return this.each( function() {
+			jQuery.event.add( this, types, fn, data, selector );
+		});
+	},
+	one: function( types, selector, data, fn ) {
+		return this.on( types, selector, data, fn, 1 );
+	},
+	off: function( types, selector, fn ) {
+		var handleObj, type;
+		if ( types && types.preventDefault && types.handleObj ) {
+			// ( event )  dispatched jQuery.Event
+			handleObj = types.handleObj;
+			jQuery( types.delegateTarget ).off(
+				handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType,
+				handleObj.selector,
+				handleObj.handler
+			);
+			return this;
+		}
+		if ( typeof types === "object" ) {
+			// ( types-object [, selector] )
+			for ( type in types ) {
+				this.off( type, selector, types[ type ] );
+			}
+			return this;
+		}
+		if ( selector === false || typeof selector === "function" ) {
+			// ( types [, fn] )
+			fn = selector;
+			selector = undefined;
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		}
+		return this.each(function() {
+			jQuery.event.remove( this, types, fn, selector );
+		});
+	},
+
+	trigger: function( type, data ) {
+		return this.each(function() {
+			jQuery.event.trigger( type, data, this );
+		});
+	},
+	triggerHandler: function( type, data ) {
+		var elem = this[0];
+		if ( elem ) {
+			return jQuery.event.trigger( type, data, elem, true );
+		}
+	}
+});
+
+
+var
+	rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,
+	rtagName = /<([\w:]+)/,
+	rhtml = /<|&#?\w+;/,
+	rnoInnerhtml = /<(?:script|style|link)/i,
+	// checked="checked" or checked
+	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
+	rscriptType = /^$|\/(?:java|ecma)script/i,
+	rscriptTypeMasked = /^true\/(.*)/,
+	rcleanScript = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,
+
+	// We have to close these tags to support XHTML (#13200)
+	wrapMap = {
+
+		// Support: IE9
+		option: [ 1, "<select multiple='multiple'>", "</select>" ],
+
+		thead: [ 1, "<table>", "</table>" ],
+		col: [ 2, "<table><colgroup>", "</colgroup></table>" ],
+		tr: [ 2, "<table><tbody>", "</tbody></table>" ],
+		td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
+
+		_default: [ 0, "", "" ]
+	};
+
+// Support: IE9
+wrapMap.optgroup = wrapMap.option;
+
+wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+wrapMap.th = wrapMap.td;
+
+// Support: 1.x compatibility
+// Manipulating tables requires a tbody
+function manipulationTarget( elem, content ) {
+	return jQuery.nodeName( elem, "table" ) &&
+		jQuery.nodeName( content.nodeType !== 11 ? content : content.firstChild, "tr" ) ?
+
+		elem.getElementsByTagName("tbody")[0] ||
+			elem.appendChild( elem.ownerDocument.createElement("tbody") ) :
+		elem;
+}
+
+// Replace/restore the type attribute of script elements for safe DOM manipulation
+function disableScript( elem ) {
+	elem.type = (elem.getAttribute("type") !== null) + "/" + elem.type;
+	return elem;
+}
+function restoreScript( elem ) {
+	var match = rscriptTypeMasked.exec( elem.type );
+
+	if ( match ) {
+		elem.type = match[ 1 ];
+	} else {
+		elem.removeAttribute("type");
+	}
+
+	return elem;
+}
+
+// Mark scripts as having already been evaluated
+function setGlobalEval( elems, refElements ) {
+	var i = 0,
+		l = elems.length;
+
+	for ( ; i < l; i++ ) {
+		data_priv.set(
+			elems[ i ], "globalEval", !refElements || data_priv.get( refElements[ i ], "globalEval" )
+		);
+	}
+}
+
+function cloneCopyEvent( src, dest ) {
+	var i, l, type, pdataOld, pdataCur, udataOld, udataCur, events;
+
+	if ( dest.nodeType !== 1 ) {
+		return;
+	}
+
+	// 1. Copy private data: events, handlers, etc.
+	if ( data_priv.hasData( src ) ) {
+		pdataOld = data_priv.access( src );
+		pdataCur = data_priv.set( dest, pdataOld );
+		events = pdataOld.events;
+
+		if ( events ) {
+			delete pdataCur.handle;
+			pdataCur.events = {};
+
+			for ( type in events ) {
+				for ( i = 0, l = events[ type ].length; i < l; i++ ) {
+					jQuery.event.add( dest, type, events[ type ][ i ] );
+				}
+			}
+		}
+	}
+
+	// 2. Copy user data
+	if ( data_user.hasData( src ) ) {
+		udataOld = data_user.access( src );
+		udataCur = jQuery.extend( {}, udataOld );
+
+		data_user.set( dest, udataCur );
+	}
+}
+
+function getAll( context, tag ) {
+	var ret = context.getElementsByTagName ? context.getElementsByTagName( tag || "*" ) :
+			context.querySelectorAll ? context.querySelectorAll( tag || "*" ) :
+			[];
+
+	return tag === undefined || tag && jQuery.nodeName( context, tag ) ?
+		jQuery.merge( [ context ], ret ) :
+		ret;
+}
+
+// Fix IE bugs, see support tests
+function fixInput( src, dest ) {
+	var nodeName = dest.nodeName.toLowerCase();
+
+	// Fails to persist the checked state of a cloned checkbox or radio button.
+	if ( nodeName === "input" && rcheckableType.test( src.type ) ) {
+		dest.checked = src.checked;
+
+	// Fails to return the selected option to the default selected state when cloning options
+	} else if ( nodeName === "input" || nodeName === "textarea" ) {
+		dest.defaultValue = src.defaultValue;
+	}
+}
+
+jQuery.extend({
+	clone: function( elem, dataAndEvents, deepDataAndEvents ) {
+		var i, l, srcElements, destElements,
+			clone = elem.cloneNode( true ),
+			inPage = jQuery.contains( elem.ownerDocument, elem );
+
+		// Fix IE cloning issues
+		if ( !support.noCloneChecked && ( elem.nodeType === 1 || elem.nodeType === 11 ) &&
+				!jQuery.isXMLDoc( elem ) ) {
+
+			// We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2
+			destElements = getAll( clone );
+			srcElements = getAll( elem );
+
+			for ( i = 0, l = srcElements.length; i < l; i++ ) {
+				fixInput( srcElements[ i ], destElements[ i ] );
+			}
+		}
+
+		// Copy the events from the original to the clone
+		if ( dataAndEvents ) {
+			if ( deepDataAndEvents ) {
+				srcElements = srcElements || getAll( elem );
+				destElements = destElements || getAll( clone );
+
+				for ( i = 0, l = srcElements.length; i < l; i++ ) {
+					cloneCopyEvent( srcElements[ i ], destElements[ i ] );
+				}
+			} else {
+				cloneCopyEvent( elem, clone );
+			}
+		}
+
+		// Preserve script evaluation history
+		destElements = getAll( clone, "script" );
+		if ( destElements.length > 0 ) {
+			setGlobalEval( destElements, !inPage && getAll( elem, "script" ) );
+		}
+
+		// Return the cloned set
+		return clone;
+	},
+
+	buildFragment: function( elems, context, scripts, selection ) {
+		var elem, tmp, tag, wrap, contains, j,
+			fragment = context.createDocumentFragment(),
+			nodes = [],
+			i = 0,
+			l = elems.length;
+
+		for ( ; i < l; i++ ) {
+			elem = elems[ i ];
+
+			if ( elem || elem === 0 ) {
+
+				// Add nodes directly
+				if ( jQuery.type( elem ) === "object" ) {
+					// Support: QtWebKit, PhantomJS
+					// push.apply(_, arraylike) throws on ancient WebKit
+					jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem );
+
+				// Convert non-html into a text node
+				} else if ( !rhtml.test( elem ) ) {
+					nodes.push( context.createTextNode( elem ) );
+
+				// Convert html into DOM nodes
+				} else {
+					tmp = tmp || fragment.appendChild( context.createElement("div") );
+
+					// Deserialize a standard representation
+					tag = ( rtagName.exec( elem ) || [ "", "" ] )[ 1 ].toLowerCase();
+					wrap = wrapMap[ tag ] || wrapMap._default;
+					tmp.innerHTML = wrap[ 1 ] + elem.replace( rxhtmlTag, "<$1></$2>" ) + wrap[ 2 ];
+
+					// Descend through wrappers to the right content
+					j = wrap[ 0 ];
+					while ( j-- ) {
+						tmp = tmp.lastChild;
+					}
+
+					// Support: QtWebKit, PhantomJS
+					// push.apply(_, arraylike) throws on ancient WebKit
+					jQuery.merge( nodes, tmp.childNodes );
+
+					// Remember the top-level container
+					tmp = fragment.firstChild;
+
+					// Ensure the created nodes are orphaned (#12392)
+					tmp.textContent = "";
+				}
+			}
+		}
+
+		// Remove wrapper from fragment
+		fragment.textContent = "";
+
+		i = 0;
+		while ( (elem = nodes[ i++ ]) ) {
+
+			// #4087 - If origin and destination elements are the same, and this is
+			// that element, do not do anything
+			if ( selection && jQuery.inArray( elem, selection ) !== -1 ) {
+				continue;
+			}
+
+			contains = jQuery.contains( elem.ownerDocument, elem );
+
+			// Append to fragment
+			tmp = getAll( fragment.appendChild( elem ), "script" );
+
+			// Preserve script evaluation history
+			if ( contains ) {
+				setGlobalEval( tmp );
+			}
+
+			// Capture executables
+			if ( scripts ) {
+				j = 0;
+				while ( (elem = tmp[ j++ ]) ) {
+					if ( rscriptType.test( elem.type || "" ) ) {
+						scripts.push( elem );
+					}
+				}
+			}
+		}
+
+		return fragment;
+	},
+
+	cleanData: function( elems ) {
+		var data, elem, type, key,
+			special = jQuery.event.special,
+			i = 0;
+
+		for ( ; (elem = elems[ i ]) !== undefined; i++ ) {
+			if ( jQuery.acceptData( elem ) ) {
+				key = elem[ data_priv.expando ];
+
+				if ( key && (data = data_priv.cache[ key ]) ) {
+					if ( data.events ) {
+						for ( type in data.events ) {
+							if ( special[ type ] ) {
+								jQuery.event.remove( elem, type );
+
+							// This is a shortcut to avoid jQuery.event.remove's overhead
+							} else {
+								jQuery.removeEvent( elem, type, data.handle );
+							}
+						}
+					}
+					if ( data_priv.cache[ key ] ) {
+						// Discard any remaining `private` data
+						delete data_priv.cache[ key ];
+					}
+				}
+			}
+			// Discard any remaining `user` data
+			delete data_user.cache[ elem[ data_user.expando ] ];
+		}
+	}
+});
+
+jQuery.fn.extend({
+	text: function( value ) {
+		return access( this, function( value ) {
+			return value === undefined ?
+				jQuery.text( this ) :
+				this.empty().each(function() {
+					if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+						this.textContent = value;
+					}
+				});
+		}, null, value, arguments.length );
+	},
+
+	append: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				var target = manipulationTarget( this, elem );
+				target.appendChild( elem );
+			}
+		});
+	},
+
+	prepend: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				var target = manipulationTarget( this, elem );
+				target.insertBefore( elem, target.firstChild );
+			}
+		});
+	},
+
+	before: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this );
+			}
+		});
+	},
+
+	after: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this.nextSibling );
+			}
+		});
+	},
+
+	remove: function( selector, keepData /* Internal Use Only */ ) {
+		var elem,
+			elems = selector ? jQuery.filter( selector, this ) : this,
+			i = 0;
+
+		for ( ; (elem = elems[i]) != null; i++ ) {
+			if ( !keepData && elem.nodeType === 1 ) {
+				jQuery.cleanData( getAll( elem ) );
+			}
+
+			if ( elem.parentNode ) {
+				if ( keepData && jQuery.contains( elem.ownerDocument, elem ) ) {
+					setGlobalEval( getAll( elem, "script" ) );
+				}
+				elem.parentNode.removeChild( elem );
+			}
+		}
+
+		return this;
+	},
+
+	empty: function() {
+		var elem,
+			i = 0;
+
+		for ( ; (elem = this[i]) != null; i++ ) {
+			if ( elem.nodeType === 1 ) {
+
+				// Prevent memory leaks
+				jQuery.cleanData( getAll( elem, false ) );
+
+				// Remove any remaining nodes
+				elem.textContent = "";
+			}
+		}
+
+		return this;
+	},
+
+	clone: function( dataAndEvents, deepDataAndEvents ) {
+		dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
+		deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
+
+		return this.map(function() {
+			return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
+		});
+	},
+
+	html: function( value ) {
+		return access( this, function( value ) {
+			var elem = this[ 0 ] || {},
+				i = 0,
+				l = this.length;
+
+			if ( value === undefined && elem.nodeType === 1 ) {
+				return elem.innerHTML;
+			}
+
+			// See if we can take a shortcut and just use innerHTML
+			if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
+				!wrapMap[ ( rtagName.exec( value ) || [ "", "" ] )[ 1 ].toLowerCase() ] ) {
+
+				value = value.replace( rxhtmlTag, "<$1></$2>" );
+
+				try {
+					for ( ; i < l; i++ ) {
+						elem = this[ i ] || {};
+
+						// Remove element nodes and prevent memory leaks
+						if ( elem.nodeType === 1 ) {
+							jQuery.cleanData( getAll( elem, false ) );
+							elem.innerHTML = value;
+						}
+					}
+
+					elem = 0;
+
+				// If using innerHTML throws an exception, use the fallback method
+				} catch( e ) {}
+			}
+
+			if ( elem ) {
+				this.empty().append( value );
+			}
+		}, null, value, arguments.length );
+	},
+
+	replaceWith: function() {
+		var arg = arguments[ 0 ];
+
+		// Make the changes, replacing each context element with the new content
+		this.domManip( arguments, function( elem ) {
+			arg = this.parentNode;
+
+			jQuery.cleanData( getAll( this ) );
+
+			if ( arg ) {
+				arg.replaceChild( elem, this );
+			}
+		});
+
+		// Force removal if there was no new content (e.g., from empty arguments)
+		return arg && (arg.length || arg.nodeType) ? this : this.remove();
+	},
+
+	detach: function( selector ) {
+		return this.remove( selector, true );
+	},
+
+	domManip: function( args, callback ) {
+
+		// Flatten any nested arrays
+		args = concat.apply( [], args );
+
+		var fragment, first, scripts, hasScripts, node, doc,
+			i = 0,
+			l = this.length,
+			set = this,
+			iNoClone = l - 1,
+			value = args[ 0 ],
+			isFunction = jQuery.isFunction( value );
+
+		// We can't cloneNode fragments that contain checked, in WebKit
+		if ( isFunction ||
+				( l > 1 && typeof value === "string" &&
+					!support.checkClone && rchecked.test( value ) ) ) {
+			return this.each(function( index ) {
+				var self = set.eq( index );
+				if ( isFunction ) {
+					args[ 0 ] = value.call( this, index, self.html() );
+				}
+				self.domManip( args, callback );
+			});
+		}
+
+		if ( l ) {
+			fragment = jQuery.buildFragment( args, this[ 0 ].ownerDocument, false, this );
+			first = fragment.firstChild;
+
+			if ( fragment.childNodes.length === 1 ) {
+				fragment = first;
+			}
+
+			if ( first ) {
+				scripts = jQuery.map( getAll( fragment, "script" ), disableScript );
+				hasScripts = scripts.length;
+
+				// Use the original fragment for the last item instead of the first because it can end up
+				// being emptied incorrectly in certain situations (#8070).
+				for ( ; i < l; i++ ) {
+					node = fragment;
+
+					if ( i !== iNoClone ) {
+						node = jQuery.clone( node, true, true );
+
+						// Keep references to cloned scripts for later restoration
+						if ( hasScripts ) {
+							// Support: QtWebKit
+							// jQuery.merge because push.apply(_, arraylike) throws
+							jQuery.merge( scripts, getAll( node, "script" ) );
+						}
+					}
+
+					callback.call( this[ i ], node, i );
+				}
+
+				if ( hasScripts ) {
+					doc = scripts[ scripts.length - 1 ].ownerDocument;
+
+					// Reenable scripts
+					jQuery.map( scripts, restoreScript );
+
+					// Evaluate executable scripts on first document insertion
+					for ( i = 0; i < hasScripts; i++ ) {
+						node = scripts[ i ];
+						if ( rscriptType.test( node.type || "" ) &&
+							!data_priv.access( node, "globalEval" ) && jQuery.contains( doc, node ) ) {
+
+							if ( node.src ) {
+								// Optional AJAX dependency, but won't run scripts if not present
+								if ( jQuery._evalUrl ) {
+									jQuery._evalUrl( node.src );
+								}
+							} else {
+								jQuery.globalEval( node.textContent.replace( rcleanScript, "" ) );
+							}
+						}
+					}
+				}
+			}
+		}
+
+		return this;
+	}
+});
+
+jQuery.each({
+	appendTo: "append",
+	prependTo: "prepend",
+	insertBefore: "before",
+	insertAfter: "after",
+	replaceAll: "replaceWith"
+}, function( name, original ) {
+	jQuery.fn[ name ] = function( selector ) {
+		var elems,
+			ret = [],
+			insert = jQuery( selector ),
+			last = insert.length - 1,
+			i = 0;
+
+		for ( ; i <= last; i++ ) {
+			elems = i === last ? this : this.clone( true );
+			jQuery( insert[ i ] )[ original ]( elems );
+
+			// Support: QtWebKit
+			// .get() because push.apply(_, arraylike) throws
+			push.apply( ret, elems.get() );
+		}
+
+		return this.pushStack( ret );
+	};
+});
+
+
+var iframe,
+	elemdisplay = {};
+
+/**
+ * Retrieve the actual display of a element
+ * @param {String} name nodeName of the element
+ * @param {Object} doc Document object
+ */
+// Called only from within defaultDisplay
+function actualDisplay( name, doc ) {
+	var style,
+		elem = jQuery( doc.createElement( name ) ).appendTo( doc.body ),
+
+		// getDefaultComputedStyle might be reliably used only on attached element
+		display = window.getDefaultComputedStyle && ( style = window.getDefaultComputedStyle( elem[ 0 ] ) ) ?
+
+			// Use of this method is a temporary fix (more like optimization) until something better comes along,
+			// since it was removed from specification and supported only in FF
+			style.display : jQuery.css( elem[ 0 ], "display" );
+
+	// We don't have any data stored on the element,
+	// so use "detach" method as fast way to get rid of the element
+	elem.detach();
+
+	return display;
+}
+
+/**
+ * Try to determine the default display value of an element
+ * @param {String} nodeName
+ */
+function defaultDisplay( nodeName ) {
+	var doc = document,
+		display = elemdisplay[ nodeName ];
+
+	if ( !display ) {
+		display = actualDisplay( nodeName, doc );
+
+		// If the simple way fails, read from inside an iframe
+		if ( display === "none" || !display ) {
+
+			// Use the already-created iframe if possible
+			iframe = (iframe || jQuery( "<iframe frameborder='0' width='0' height='0'/>" )).appendTo( doc.documentElement );
+
+			// Always write a new HTML skeleton so Webkit and Firefox don't choke on reuse
+			doc = iframe[ 0 ].contentDocument;
+
+			// Support: IE
+			doc.write();
+			doc.close();
+
+			display = actualDisplay( nodeName, doc );
+			iframe.detach();
+		}
+
+		// Store the correct default display
+		elemdisplay[ nodeName ] = display;
+	}
+
+	return display;
+}
+var rmargin = (/^margin/);
+
+var rnumnonpx = new RegExp( "^(" + pnum + ")(?!px)[a-z%]+$", "i" );
+
+var getStyles = function( elem ) {
+		// Support: IE<=11+, Firefox<=30+ (#15098, #14150)
+		// IE throws on elements created in popups
+		// FF meanwhile throws on frame elements through "defaultView.getComputedStyle"
+		if ( elem.ownerDocument.defaultView.opener ) {
+			return elem.ownerDocument.defaultView.getComputedStyle( elem, null );
+		}
+
+		return window.getComputedStyle( elem, null );
+	};
+
+
+
+function curCSS( elem, name, computed ) {
+	var width, minWidth, maxWidth, ret,
+		style = elem.style;
+
+	computed = computed || getStyles( elem );
+
+	// Support: IE9
+	// getPropertyValue is only needed for .css('filter') (#12537)
+	if ( computed ) {
+		ret = computed.getPropertyValue( name ) || computed[ name ];
+	}
+
+	if ( computed ) {
+
+		if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) {
+			ret = jQuery.style( elem, name );
+		}
+
+		// Support: iOS < 6
+		// A tribute to the "awesome hack by Dean Edwards"
+		// iOS < 6 (at least) returns percentage for a larger set of values, but width seems to be reliably pixels
+		// this is against the CSSOM draft spec: http://dev.w3.org/csswg/cssom/#resolved-values
+		if ( rnumnonpx.test( ret ) && rmargin.test( name ) ) {
+
+			// Remember the original values
+			width = style.width;
+			minWidth = style.minWidth;
+			maxWidth = style.maxWidth;
+
+			// Put in the new values to get a computed value out
+			style.minWidth = style.maxWidth = style.width = ret;
+			ret = computed.width;
+
+			// Revert the changed values
+			style.width = width;
+			style.minWidth = minWidth;
+			style.maxWidth = maxWidth;
+		}
+	}
+
+	return ret !== undefined ?
+		// Support: IE
+		// IE returns zIndex value as an integer.
+		ret + "" :
+		ret;
+}
+
+
+function addGetHookIf( conditionFn, hookFn ) {
+	// Define the hook, we'll check on the first run if it's really needed.
+	return {
+		get: function() {
+			if ( conditionFn() ) {
+				// Hook not needed (or it's not possible to use it due
+				// to missing dependency), remove it.
+				delete this.get;
+				return;
+			}
+
+			// Hook needed; redefine it so that the support test is not executed again.
+			return (this.get = hookFn).apply( this, arguments );
+		}
+	};
+}
+
+
+(function() {
+	var pixelPositionVal, boxSizingReliableVal,
+		docElem = document.documentElement,
+		container = document.createElement( "div" ),
+		div = document.createElement( "div" );
+
+	if ( !div.style ) {
+		return;
+	}
+
+	// Support: IE9-11+
+	// Style of cloned element affects source element cloned (#8908)
+	div.style.backgroundClip = "content-box";
+	div.cloneNode( true ).style.backgroundClip = "";
+	support.clearCloneStyle = div.style.backgroundClip === "content-box";
+
+	container.style.cssText = "border:0;width:0;height:0;top:0;left:-9999px;margin-top:1px;" +
+		"position:absolute";
+	container.appendChild( div );
+
+	// Executing both pixelPosition & boxSizingReliable tests require only one layout
+	// so they're executed at the same time to save the second computation.
+	function computePixelPositionAndBoxSizingReliable() {
+		div.style.cssText =
+			// Support: Firefox<29, Android 2.3
+			// Vendor-prefix box-sizing
+			"-webkit-box-sizing:border-box;-moz-box-sizing:border-box;" +
+			"box-sizing:border-box;display:block;margin-top:1%;top:1%;" +
+			"border:1px;padding:1px;width:4px;position:absolute";
+		div.innerHTML = "";
+		docElem.appendChild( container );
+
+		var divStyle = window.getComputedStyle( div, null );
+		pixelPositionVal = divStyle.top !== "1%";
+		boxSizingReliableVal = divStyle.width === "4px";
+
+		docElem.removeChild( container );
+	}
+
+	// Support: node.js jsdom
+	// Don't assume that getComputedStyle is a property of the global object
+	if ( window.getComputedStyle ) {
+		jQuery.extend( support, {
+			pixelPosition: function() {
+
+				// This test is executed only once but we still do memoizing
+				// since we can use the boxSizingReliable pre-computing.
+				// No need to check if the test was already performed, though.
+				computePixelPositionAndBoxSizingReliable();
+				return pixelPositionVal;
+			},
+			boxSizingReliable: function() {
+				if ( boxSizingReliableVal == null ) {
+					computePixelPositionAndBoxSizingReliable();
+				}
+				return boxSizingReliableVal;
+			},
+			reliableMarginRight: function() {
+
+				// Support: Android 2.3
+				// Check if div with explicit width and no margin-right incorrectly
+				// gets computed margin-right based on width of container. (#3333)
+				// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+				// This support function is only executed once so no memoizing is needed.
+				var ret,
+					marginDiv = div.appendChild( document.createElement( "div" ) );
+
+				// Reset CSS: box-sizing; display; margin; border; padding
+				marginDiv.style.cssText = div.style.cssText =
+					// Support: Firefox<29, Android 2.3
+					// Vendor-prefix box-sizing
+					"-webkit-box-sizing:content-box;-moz-box-sizing:content-box;" +
+					"box-sizing:content-box;display:block;margin:0;border:0;padding:0";
+				marginDiv.style.marginRight = marginDiv.style.width = "0";
+				div.style.width = "1px";
+				docElem.appendChild( container );
+
+				ret = !parseFloat( window.getComputedStyle( marginDiv, null ).marginRight );
+
+				docElem.removeChild( container );
+				div.removeChild( marginDiv );
+
+				return ret;
+			}
+		});
+	}
+})();
+
+
+// A method for quickly swapping in/out CSS properties to get correct calculations.
+jQuery.swap = function( elem, options, callback, args ) {
+	var ret, name,
+		old = {};
+
+	// Remember the old values, and insert the new ones
+	for ( name in options ) {
+		old[ name ] = elem.style[ name ];
+		elem.style[ name ] = options[ name ];
+	}
+
+	ret = callback.apply( elem, args || [] );
+
+	// Revert the old values
+	for ( name in options ) {
+		elem.style[ name ] = old[ name ];
+	}
+
+	return ret;
+};
+
+
+var
+	// Swappable if display is none or starts with table except "table", "table-cell", or "table-caption"
+	// See here for display values: https://developer.mozilla.org/en-US/docs/CSS/display
+	rdisplayswap = /^(none|table(?!-c[ea]).+)/,
+	rnumsplit = new RegExp( "^(" + pnum + ")(.*)$", "i" ),
+	rrelNum = new RegExp( "^([+-])=(" + pnum + ")", "i" ),
+
+	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
+	cssNormalTransform = {
+		letterSpacing: "0",
+		fontWeight: "400"
+	},
+
+	cssPrefixes = [ "Webkit", "O", "Moz", "ms" ];
+
+// Return a css property mapped to a potentially vendor prefixed property
+function vendorPropName( style, name ) {
+
+	// Shortcut for names that are not vendor prefixed
+	if ( name in style ) {
+		return name;
+	}
+
+	// Check for vendor prefixed names
+	var capName = name[0].toUpperCase() + name.slice(1),
+		origName = name,
+		i = cssPrefixes.length;
+
+	while ( i-- ) {
+		name = cssPrefixes[ i ] + capName;
+		if ( name in style ) {
+			return name;
+		}
+	}
+
+	return origName;
+}
+
+function setPositiveNumber( elem, value, subtract ) {
+	var matches = rnumsplit.exec( value );
+	return matches ?
+		// Guard against undefined "subtract", e.g., when used as in cssHooks
+		Math.max( 0, matches[ 1 ] - ( subtract || 0 ) ) + ( matches[ 2 ] || "px" ) :
+		value;
+}
+
+function augmentWidthOrHeight( elem, name, extra, isBorderBox, styles ) {
+	var i = extra === ( isBorderBox ? "border" : "content" ) ?
+		// If we already have the right measurement, avoid augmentation
+		4 :
+		// Otherwise initialize for horizontal or vertical properties
+		name === "width" ? 1 : 0,
+
+		val = 0;
+
+	for ( ; i < 4; i += 2 ) {
+		// Both box models exclude margin, so add it if we want it
+		if ( extra === "margin" ) {
+			val += jQuery.css( elem, extra + cssExpand[ i ], true, styles );
+		}
+
+		if ( isBorderBox ) {
+			// border-box includes padding, so remove it if we want content
+			if ( extra === "content" ) {
+				val -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+			}
+
+			// At this point, extra isn't border nor margin, so remove border
+			if ( extra !== "margin" ) {
+				val -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		} else {
+			// At this point, extra isn't content, so add padding
+			val += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+
+			// At this point, extra isn't content nor padding, so add border
+			if ( extra !== "padding" ) {
+				val += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		}
+	}
+
+	return val;
+}
+
+function getWidthOrHeight( elem, name, extra ) {
+
+	// Start with offset property, which is equivalent to the border-box value
+	var valueIsBorderBox = true,
+		val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
+		styles = getStyles( elem ),
+		isBorderBox = jQuery.css( elem, "boxSizing", false, styles ) === "border-box";
+
+	// Some non-html elements return undefined for offsetWidth, so check for null/undefined
+	// svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285
+	// MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668
+	if ( val <= 0 || val == null ) {
+		// Fall back to computed then uncomputed css if necessary
+		val = curCSS( elem, name, styles );
+		if ( val < 0 || val == null ) {
+			val = elem.style[ name ];
+		}
+
+		// Computed unit is not pixels. Stop here and return.
+		if ( rnumnonpx.test(val) ) {
+			return val;
+		}
+
+		// Check for style in case a browser which returns unreliable values
+		// for getComputedStyle silently falls back to the reliable elem.style
+		valueIsBorderBox = isBorderBox &&
+			( support.boxSizingReliable() || val === elem.style[ name ] );
+
+		// Normalize "", auto, and prepare for extra
+		val = parseFloat( val ) || 0;
+	}
+
+	// Use the active box-sizing model to add/subtract irrelevant styles
+	return ( val +
+		augmentWidthOrHeight(
+			elem,
+			name,
+			extra || ( isBorderBox ? "border" : "content" ),
+			valueIsBorderBox,
+			styles
+		)
+	) + "px";
+}
+
+function showHide( elements, show ) {
+	var display, elem, hidden,
+		values = [],
+		index = 0,
+		length = elements.length;
+
+	for ( ; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+
+		values[ index ] = data_priv.get( elem, "olddisplay" );
+		display = elem.style.display;
+		if ( show ) {
+			// Reset the inline display of this element to learn if it is
+			// being hidden by cascaded rules or not
+			if ( !values[ index ] && display === "none" ) {
+				elem.style.display = "";
+			}
+
+			// Set elements which have been overridden with display: none
+			// in a stylesheet to whatever the default browser style is
+			// for such an element
+			if ( elem.style.display === "" && isHidden( elem ) ) {
+				values[ index ] = data_priv.access( elem, "olddisplay", defaultDisplay(elem.nodeName) );
+			}
+		} else {
+			hidden = isHidden( elem );
+
+			if ( display !== "none" || !hidden ) {
+				data_priv.set( elem, "olddisplay", hidden ? display : jQuery.css( elem, "display" ) );
+			}
+		}
+	}
+
+	// Set the display of most of the elements in a second loop
+	// to avoid the constant reflow
+	for ( index = 0; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+		if ( !show || elem.style.display === "none" || elem.style.display === "" ) {
+			elem.style.display = show ? values[ index ] || "" : "none";
+		}
+	}
+
+	return elements;
+}
+
+jQuery.extend({
+
+	// Add in style property hooks for overriding the default
+	// behavior of getting and setting a style property
+	cssHooks: {
+		opacity: {
+			get: function( elem, computed ) {
+				if ( computed ) {
+
+					// We should always get a number back from opacity
+					var ret = curCSS( elem, "opacity" );
+					return ret === "" ? "1" : ret;
+				}
+			}
+		}
+	},
+
+	// Don't automatically add "px" to these possibly-unitless properties
+	cssNumber: {
+		"columnCount": true,
+		"fillOpacity": true,
+		"flexGrow": true,
+		"flexShrink": true,
+		"fontWeight": true,
+		"lineHeight": true,
+		"opacity": true,
+		"order": true,
+		"orphans": true,
+		"widows": true,
+		"zIndex": true,
+		"zoom": true
+	},
+
+	// Add in properties whose names you wish to fix before
+	// setting or getting the value
+	cssProps: {
+		"float": "cssFloat"
+	},
+
+	// Get and set the style property on a DOM Node
+	style: function( elem, name, value, extra ) {
+
+		// Don't set styles on text and comment nodes
+		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
+			return;
+		}
+
+		// Make sure that we're working with the right name
+		var ret, type, hooks,
+			origName = jQuery.camelCase( name ),
+			style = elem.style;
+
+		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( style, origName ) );
+
+		// Gets hook for the prefixed version, then unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// Check if we're setting a value
+		if ( value !== undefined ) {
+			type = typeof value;
+
+			// Convert "+=" or "-=" to relative numbers (#7345)
+			if ( type === "string" && (ret = rrelNum.exec( value )) ) {
+				value = ( ret[1] + 1 ) * ret[2] + parseFloat( jQuery.css( elem, name ) );
+				// Fixes bug #9237
+				type = "number";
+			}
+
+			// Make sure that null and NaN values aren't set (#7116)
+			if ( value == null || value !== value ) {
+				return;
+			}
+
+			// If a number, add 'px' to the (except for certain CSS properties)
+			if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
+				value += "px";
+			}
+
+			// Support: IE9-11+
+			// background-* props affect original clone's values
+			if ( !support.clearCloneStyle && value === "" && name.indexOf( "background" ) === 0 ) {
+				style[ name ] = "inherit";
+			}
+
+			// If a hook was provided, use that value, otherwise just set the specified value
+			if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value, extra )) !== undefined ) {
+				style[ name ] = value;
+			}
+
+		} else {
+			// If a hook was provided get the non-computed value from there
+			if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
+				return ret;
+			}
+
+			// Otherwise just get the value from the style object
+			return style[ name ];
+		}
+	},
+
+	css: function( elem, name, extra, styles ) {
+		var val, num, hooks,
+			origName = jQuery.camelCase( name );
+
+		// Make sure that we're working with the right name
+		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( elem.style, origName ) );
+
+		// Try prefixed name followed by the unprefixed name
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// If a hook was provided get the computed value from there
+		if ( hooks && "get" in hooks ) {
+			val = hooks.get( elem, true, extra );
+		}
+
+		// Otherwise, if a way to get the computed value exists, use that
+		if ( val === undefined ) {
+			val = curCSS( elem, name, styles );
+		}
+
+		// Convert "normal" to computed value
+		if ( val === "normal" && name in cssNormalTransform ) {
+			val = cssNormalTransform[ name ];
+		}
+
+		// Make numeric if forced or a qualifier was provided and val looks numeric
+		if ( extra === "" || extra ) {
+			num = parseFloat( val );
+			return extra === true || jQuery.isNumeric( num ) ? num || 0 : val;
+		}
+		return val;
+	}
+});
+
+jQuery.each([ "height", "width" ], function( i, name ) {
+	jQuery.cssHooks[ name ] = {
+		get: function( elem, computed, extra ) {
+			if ( computed ) {
+
+				// Certain elements can have dimension info if we invisibly show them
+				// but it must have a current display style that would benefit
+				return rdisplayswap.test( jQuery.css( elem, "display" ) ) && elem.offsetWidth === 0 ?
+					jQuery.swap( elem, cssShow, function() {
+						return getWidthOrHeight( elem, name, extra );
+					}) :
+					getWidthOrHeight( elem, name, extra );
+			}
+		},
+
+		set: function( elem, value, extra ) {
+			var styles = extra && getStyles( elem );
+			return setPositiveNumber( elem, value, extra ?
+				augmentWidthOrHeight(
+					elem,
+					name,
+					extra,
+					jQuery.css( elem, "boxSizing", false, styles ) === "border-box",
+					styles
+				) : 0
+			);
+		}
+	};
+});
+
+// Support: Android 2.3
+jQuery.cssHooks.marginRight = addGetHookIf( support.reliableMarginRight,
+	function( elem, computed ) {
+		if ( computed ) {
+			return jQuery.swap( elem, { "display": "inline-block" },
+				curCSS, [ elem, "marginRight" ] );
+		}
+	}
+);
+
+// These hooks are used by animate to expand properties
+jQuery.each({
+	margin: "",
+	padding: "",
+	border: "Width"
+}, function( prefix, suffix ) {
+	jQuery.cssHooks[ prefix + suffix ] = {
+		expand: function( value ) {
+			var i = 0,
+				expanded = {},
+
+				// Assumes a single number if not a string
+				parts = typeof value === "string" ? value.split(" ") : [ value ];
+
+			for ( ; i < 4; i++ ) {
+				expanded[ prefix + cssExpand[ i ] + suffix ] =
+					parts[ i ] || parts[ i - 2 ] || parts[ 0 ];
+			}
+
+			return expanded;
+		}
+	};
+
+	if ( !rmargin.test( prefix ) ) {
+		jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber;
+	}
+});
+
+jQuery.fn.extend({
+	css: function( name, value ) {
+		return access( this, function( elem, name, value ) {
+			var styles, len,
+				map = {},
+				i = 0;
+
+			if ( jQuery.isArray( name ) ) {
+				styles = getStyles( elem );
+				len = name.length;
+
+				for ( ; i < len; i++ ) {
+					map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles );
+				}
+
+				return map;
+			}
+
+			return value !== undefined ?
+				jQuery.style( elem, name, value ) :
+				jQuery.css( elem, name );
+		}, name, value, arguments.length > 1 );
+	},
+	show: function() {
+		return showHide( this, true );
+	},
+	hide: function() {
+		return showHide( this );
+	},
+	toggle: function( state ) {
+		if ( typeof state === "boolean" ) {
+			return state ? this.show() : this.hide();
+		}
+
+		return this.each(function() {
+			if ( isHidden( this ) ) {
+				jQuery( this ).show();
+			} else {
+				jQuery( this ).hide();
+			}
+		});
+	}
+});
+
+
+function Tween( elem, options, prop, end, easing ) {
+	return new Tween.prototype.init( elem, options, prop, end, easing );
+}
+jQuery.Tween = Tween;
+
+Tween.prototype = {
+	constructor: Tween,
+	init: function( elem, options, prop, end, easing, unit ) {
+		this.elem = elem;
+		this.prop = prop;
+		this.easing = easing || "swing";
+		this.options = options;
+		this.start = this.now = this.cur();
+		this.end = end;
+		this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" );
+	},
+	cur: function() {
+		var hooks = Tween.propHooks[ this.prop ];
+
+		return hooks && hooks.get ?
+			hooks.get( this ) :
+			Tween.propHooks._default.get( this );
+	},
+	run: function( percent ) {
+		var eased,
+			hooks = Tween.propHooks[ this.prop ];
+
+		if ( this.options.duration ) {
+			this.pos = eased = jQuery.easing[ this.easing ](
+				percent, this.options.duration * percent, 0, 1, this.options.duration
+			);
+		} else {
+			this.pos = eased = percent;
+		}
+		this.now = ( this.end - this.start ) * eased + this.start;
+
+		if ( this.options.step ) {
+			this.options.step.call( this.elem, this.now, this );
+		}
+
+		if ( hooks && hooks.set ) {
+			hooks.set( this );
+		} else {
+			Tween.propHooks._default.set( this );
+		}
+		return this;
+	}
+};
+
+Tween.prototype.init.prototype = Tween.prototype;
+
+Tween.propHooks = {
+	_default: {
+		get: function( tween ) {
+			var result;
+
+			if ( tween.elem[ tween.prop ] != null &&
+				(!tween.elem.style || tween.elem.style[ tween.prop ] == null) ) {
+				return tween.elem[ tween.prop ];
+			}
+
+			// Passing an empty string as a 3rd parameter to .css will automatically
+			// attempt a parseFloat and fallback to a string if the parse fails.
+			// Simple values such as "10px" are parsed to Float;
+			// complex values such as "rotate(1rad)" are returned as-is.
+			result = jQuery.css( tween.elem, tween.prop, "" );
+			// Empty strings, null, undefined and "auto" are converted to 0.
+			return !result || result === "auto" ? 0 : result;
+		},
+		set: function( tween ) {
+			// Use step hook for back compat.
+			// Use cssHook if its there.
+			// Use .style if available and use plain properties where available.
+			if ( jQuery.fx.step[ tween.prop ] ) {
+				jQuery.fx.step[ tween.prop ]( tween );
+			} else if ( tween.elem.style && ( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null || jQuery.cssHooks[ tween.prop ] ) ) {
+				jQuery.style( tween.elem, tween.prop, tween.now + tween.unit );
+			} else {
+				tween.elem[ tween.prop ] = tween.now;
+			}
+		}
+	}
+};
+
+// Support: IE9
+// Panic based approach to setting things on disconnected nodes
+Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
+	set: function( tween ) {
+		if ( tween.elem.nodeType && tween.elem.parentNode ) {
+			tween.elem[ tween.prop ] = tween.now;
+		}
+	}
+};
+
+jQuery.easing = {
+	linear: function( p ) {
+		return p;
+	},
+	swing: function( p ) {
+		return 0.5 - Math.cos( p * Math.PI ) / 2;
+	}
+};
+
+jQuery.fx = Tween.prototype.init;
+
+// Back Compat <1.8 extension point
+jQuery.fx.step = {};
+
+
+
+
+var
+	fxNow, timerId,
+	rfxtypes = /^(?:toggle|show|hide)$/,
+	rfxnum = new RegExp( "^(?:([+-])=|)(" + pnum + ")([a-z%]*)$", "i" ),
+	rrun = /queueHooks$/,
+	animationPrefilters = [ defaultPrefilter ],
+	tweeners = {
+		"*": [ function( prop, value ) {
+			var tween = this.createTween( prop, value ),
+				target = tween.cur(),
+				parts = rfxnum.exec( value ),
+				unit = parts && parts[ 3 ] || ( jQuery.cssNumber[ prop ] ? "" : "px" ),
+
+				// Starting value computation is required for potential unit mismatches
+				start = ( jQuery.cssNumber[ prop ] || unit !== "px" && +target ) &&
+					rfxnum.exec( jQuery.css( tween.elem, prop ) ),
+				scale = 1,
+				maxIterations = 20;
+
+			if ( start && start[ 3 ] !== unit ) {
+				// Trust units reported by jQuery.css
+				unit = unit || start[ 3 ];
+
+				// Make sure we update the tween properties later on
+				parts = parts || [];
+
+				// Iteratively approximate from a nonzero starting point
+				start = +target || 1;
+
+				do {
+					// If previous iteration zeroed out, double until we get *something*.
+					// Use string for doubling so we don't accidentally see scale as unchanged below
+					scale = scale || ".5";
+
+					// Adjust and apply
+					start = start / scale;
+					jQuery.style( tween.elem, prop, start + unit );
+
+				// Update scale, tolerating zero or NaN from tween.cur(),
+				// break the loop if scale is unchanged or perfect, or if we've just had enough
+				} while ( scale !== (scale = tween.cur() / target) && scale !== 1 && --maxIterations );
+			}
+
+			// Update tween properties
+			if ( parts ) {
+				start = tween.start = +start || +target || 0;
+				tween.unit = unit;
+				// If a +=/-= token was provided, we're doing a relative animation
+				tween.end = parts[ 1 ] ?
+					start + ( parts[ 1 ] + 1 ) * parts[ 2 ] :
+					+parts[ 2 ];
+			}
+
+			return tween;
+		} ]
+	};
+
+// Animations created synchronously will run synchronously
+function createFxNow() {
+	setTimeout(function() {
+		fxNow = undefined;
+	});
+	return ( fxNow = jQuery.now() );
+}
+
+// Generate parameters to create a standard animation
+function genFx( type, includeWidth ) {
+	var which,
+		i = 0,
+		attrs = { height: type };
+
+	// If we include width, step value is 1 to do all cssExpand values,
+	// otherwise step value is 2 to skip over Left and Right
+	includeWidth = includeWidth ? 1 : 0;
+	for ( ; i < 4 ; i += 2 - includeWidth ) {
+		which = cssExpand[ i ];
+		attrs[ "margin" + which ] = attrs[ "padding" + which ] = type;
+	}
+
+	if ( includeWidth ) {
+		attrs.opacity = attrs.width = type;
+	}
+
+	return attrs;
+}
+
+function createTween( value, prop, animation ) {
+	var tween,
+		collection = ( tweeners[ prop ] || [] ).concat( tweeners[ "*" ] ),
+		index = 0,
+		length = collection.length;
+	for ( ; index < length; index++ ) {
+		if ( (tween = collection[ index ].call( animation, prop, value )) ) {
+
+			// We're done with this property
+			return tween;
+		}
+	}
+}
+
+function defaultPrefilter( elem, props, opts ) {
+	/* jshint validthis: true */
+	var prop, value, toggle, tween, hooks, oldfire, display, checkDisplay,
+		anim = this,
+		orig = {},
+		style = elem.style,
+		hidden = elem.nodeType && isHidden( elem ),
+		dataShow = data_priv.get( elem, "fxshow" );
+
+	// Handle queue: false promises
+	if ( !opts.queue ) {
+		hooks = jQuery._queueHooks( elem, "fx" );
+		if ( hooks.unqueued == null ) {
+			hooks.unqueued = 0;
+			oldfire = hooks.empty.fire;
+			hooks.empty.fire = function() {
+				if ( !hooks.unqueued ) {
+					oldfire();
+				}
+			};
+		}
+		hooks.unqueued++;
+
+		anim.always(function() {
+			// Ensure the complete handler is called before this completes
+			anim.always(function() {
+				hooks.unqueued--;
+				if ( !jQuery.queue( elem, "fx" ).length ) {
+					hooks.empty.fire();
+				}
+			});
+		});
+	}
+
+	// Height/width overflow pass
+	if ( elem.nodeType === 1 && ( "height" in props || "width" in props ) ) {
+		// Make sure that nothing sneaks out
+		// Record all 3 overflow attributes because IE9-10 do not
+		// change the overflow attribute when overflowX and
+		// overflowY are set to the same value
+		opts.overflow = [ style.overflow, style.overflowX, style.overflowY ];
+
+		// Set display property to inline-block for height/width
+		// animations on inline elements that are having width/height animated
+		display = jQuery.css( elem, "display" );
+
+		// Test default display if display is currently "none"
+		checkDisplay = display === "none" ?
+			data_priv.get( elem, "olddisplay" ) || defaultDisplay( elem.nodeName ) : display;
+
+		if ( checkDisplay === "inline" && jQuery.css( elem, "float" ) === "none" ) {
+			style.display = "inline-block";
+		}
+	}
+
+	if ( opts.overflow ) {
+		style.overflow = "hidden";
+		anim.always(function() {
+			style.overflow = opts.overflow[ 0 ];
+			style.overflowX = opts.overflow[ 1 ];
+			style.overflowY = opts.overflow[ 2 ];
+		});
+	}
+
+	// show/hide pass
+	for ( prop in props ) {
+		value = props[ prop ];
+		if ( rfxtypes.exec( value ) ) {
+			delete props[ prop ];
+			toggle = toggle || value === "toggle";
+			if ( value === ( hidden ? "hide" : "show" ) ) {
+
+				// If there is dataShow left over from a stopped hide or show and we are going to proceed with show, we should pretend to be hidden
+				if ( value === "show" && dataShow && dataShow[ prop ] !== undefined ) {
+					hidden = true;
+				} else {
+					continue;
+				}
+			}
+			orig[ prop ] = dataShow && dataShow[ prop ] || jQuery.style( elem, prop );
+
+		// Any non-fx value stops us from restoring the original display value
+		} else {
+			display = undefined;
+		}
+	}
+
+	if ( !jQuery.isEmptyObject( orig ) ) {
+		if ( dataShow ) {
+			if ( "hidden" in dataShow ) {
+				hidden = dataShow.hidden;
+			}
+		} else {
+			dataShow = data_priv.access( elem, "fxshow", {} );
+		}
+
+		// Store state if its toggle - enables .stop().toggle() to "reverse"
+		if ( toggle ) {
+			dataShow.hidden = !hidden;
+		}
+		if ( hidden ) {
+			jQuery( elem ).show();
+		} else {
+			anim.done(function() {
+				jQuery( elem ).hide();
+			});
+		}
+		anim.done(function() {
+			var prop;
+
+			data_priv.remove( elem, "fxshow" );
+			for ( prop in orig ) {
+				jQuery.style( elem, prop, orig[ prop ] );
+			}
+		});
+		for ( prop in orig ) {
+			tween = createTween( hidden ? dataShow[ prop ] : 0, prop, anim );
+
+			if ( !( prop in dataShow ) ) {
+				dataShow[ prop ] = tween.start;
+				if ( hidden ) {
+					tween.end = tween.start;
+					tween.start = prop === "width" || prop === "height" ? 1 : 0;
+				}
+			}
+		}
+
+	// If this is a noop like .hide().hide(), restore an overwritten display value
+	} else if ( (display === "none" ? defaultDisplay( elem.nodeName ) : display) === "inline" ) {
+		style.display = display;
+	}
+}
+
+function propFilter( props, specialEasing ) {
+	var index, name, easing, value, hooks;
+
+	// camelCase, specialEasing and expand cssHook pass
+	for ( index in props ) {
+		name = jQuery.camelCase( index );
+		easing = specialEasing[ name ];
+		value = props[ index ];
+		if ( jQuery.isArray( value ) ) {
+			easing = value[ 1 ];
+			value = props[ index ] = value[ 0 ];
+		}
+
+		if ( index !== name ) {
+			props[ name ] = value;
+			delete props[ index ];
+		}
+
+		hooks = jQuery.cssHooks[ name ];
+		if ( hooks && "expand" in hooks ) {
+			value = hooks.expand( value );
+			delete props[ name ];
+
+			// Not quite $.extend, this won't overwrite existing keys.
+			// Reusing 'index' because we have the correct "name"
+			for ( index in value ) {
+				if ( !( index in props ) ) {
+					props[ index ] = value[ index ];
+					specialEasing[ index ] = easing;
+				}
+			}
+		} else {
+			specialEasing[ name ] = easing;
+		}
+	}
+}
+
+function Animation( elem, properties, options ) {
+	var result,
+		stopped,
+		index = 0,
+		length = animationPrefilters.length,
+		deferred = jQuery.Deferred().always( function() {
+			// Don't match elem in the :animated selector
+			delete tick.elem;
+		}),
+		tick = function() {
+			if ( stopped ) {
+				return false;
+			}
+			var currentTime = fxNow || createFxNow(),
+				remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ),
+				// Support: Android 2.3
+				// Archaic crash bug won't allow us to use `1 - ( 0.5 || 0 )` (#12497)
+				temp = remaining / animation.duration || 0,
+				percent = 1 - temp,
+				index = 0,
+				length = animation.tweens.length;
+
+			for ( ; index < length ; index++ ) {
+				animation.tweens[ index ].run( percent );
+			}
+
+			deferred.notifyWith( elem, [ animation, percent, remaining ]);
+
+			if ( percent < 1 && length ) {
+				return remaining;
+			} else {
+				deferred.resolveWith( elem, [ animation ] );
+				return false;
+			}
+		},
+		animation = deferred.promise({
+			elem: elem,
+			props: jQuery.extend( {}, properties ),
+			opts: jQuery.extend( true, { specialEasing: {} }, options ),
+			originalProperties: properties,
+			originalOptions: options,
+			startTime: fxNow || createFxNow(),
+			duration: options.duration,
+			tweens: [],
+			createTween: function( prop, end ) {
+				var tween = jQuery.Tween( elem, animation.opts, prop, end,
+						animation.opts.specialEasing[ prop ] || animation.opts.easing );
+				animation.tweens.push( tween );
+				return tween;
+			},
+			stop: function( gotoEnd ) {
+				var index = 0,
+					// If we are going to the end, we want to run all the tweens
+					// otherwise we skip this part
+					length = gotoEnd ? animation.tweens.length : 0;
+				if ( stopped ) {
+					return this;
+				}
+				stopped = true;
+				for ( ; index < length ; index++ ) {
+					animation.tweens[ index ].run( 1 );
+				}
+
+				// Resolve when we played the last frame; otherwise, reject
+				if ( gotoEnd ) {
+					deferred.resolveWith( elem, [ animation, gotoEnd ] );
+				} else {
+					deferred.rejectWith( elem, [ animation, gotoEnd ] );
+				}
+				return this;
+			}
+		}),
+		props = animation.props;
+
+	propFilter( props, animation.opts.specialEasing );
+
+	for ( ; index < length ; index++ ) {
+		result = animationPrefilters[ index ].call( animation, elem, props, animation.opts );
+		if ( result ) {
+			return result;
+		}
+	}
+
+	jQuery.map( props, createTween, animation );
+
+	if ( jQuery.isFunction( animation.opts.start ) ) {
+		animation.opts.start.call( elem, animation );
+	}
+
+	jQuery.fx.timer(
+		jQuery.extend( tick, {
+			elem: elem,
+			anim: animation,
+			queue: animation.opts.queue
+		})
+	);
+
+	// attach callbacks from options
+	return animation.progress( animation.opts.progress )
+		.done( animation.opts.done, animation.opts.complete )
+		.fail( animation.opts.fail )
+		.always( animation.opts.always );
+}
+
+jQuery.Animation = jQuery.extend( Animation, {
+
+	tweener: function( props, callback ) {
+		if ( jQuery.isFunction( props ) ) {
+			callback = props;
+			props = [ "*" ];
+		} else {
+			props = props.split(" ");
+		}
+
+		var prop,
+			index = 0,
+			length = props.length;
+
+		for ( ; index < length ; index++ ) {
+			prop = props[ index ];
+			tweeners[ prop ] = tweeners[ prop ] || [];
+			tweeners[ prop ].unshift( callback );
+		}
+	},
+
+	prefilter: function( callback, prepend ) {
+		if ( prepend ) {
+			animationPrefilters.unshift( callback );
+		} else {
+			animationPrefilters.push( callback );
+		}
+	}
+});
+
+jQuery.speed = function( speed, easing, fn ) {
+	var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
+		complete: fn || !fn && easing ||
+			jQuery.isFunction( speed ) && speed,
+		duration: speed,
+		easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing
+	};
+
+	opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
+		opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[ opt.duration ] : jQuery.fx.speeds._default;
+
+	// Normalize opt.queue - true/undefined/null -> "fx"
+	if ( opt.queue == null || opt.queue === true ) {
+		opt.queue = "fx";
+	}
+
+	// Queueing
+	opt.old = opt.complete;
+
+	opt.complete = function() {
+		if ( jQuery.isFunction( opt.old ) ) {
+			opt.old.call( this );
+		}
+
+		if ( opt.queue ) {
+			jQuery.dequeue( this, opt.queue );
+		}
+	};
+
+	return opt;
+};
+
+jQuery.fn.extend({
+	fadeTo: function( speed, to, easing, callback ) {
+
+		// Show any hidden elements after setting opacity to 0
+		return this.filter( isHidden ).css( "opacity", 0 ).show()
+
+			// Animate to the value specified
+			.end().animate({ opacity: to }, speed, easing, callback );
+	},
+	animate: function( prop, speed, easing, callback ) {
+		var empty = jQuery.isEmptyObject( prop ),
+			optall = jQuery.speed( speed, easing, callback ),
+			doAnimation = function() {
+				// Operate on a copy of prop so per-property easing won't be lost
+				var anim = Animation( this, jQuery.extend( {}, prop ), optall );
+
+				// Empty animations, or finishing resolves immediately
+				if ( empty || data_priv.get( this, "finish" ) ) {
+					anim.stop( true );
+				}
+			};
+			doAnimation.finish = doAnimation;
+
+		return empty || optall.queue === false ?
+			this.each( doAnimation ) :
+			this.queue( optall.queue, doAnimation );
+	},
+	stop: function( type, clearQueue, gotoEnd ) {
+		var stopQueue = function( hooks ) {
+			var stop = hooks.stop;
+			delete hooks.stop;
+			stop( gotoEnd );
+		};
+
+		if ( typeof type !== "string" ) {
+			gotoEnd = clearQueue;
+			clearQueue = type;
+			type = undefined;
+		}
+		if ( clearQueue && type !== false ) {
+			this.queue( type || "fx", [] );
+		}
+
+		return this.each(function() {
+			var dequeue = true,
+				index = type != null && type + "queueHooks",
+				timers = jQuery.timers,
+				data = data_priv.get( this );
+
+			if ( index ) {
+				if ( data[ index ] && data[ index ].stop ) {
+					stopQueue( data[ index ] );
+				}
+			} else {
+				for ( index in data ) {
+					if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) {
+						stopQueue( data[ index ] );
+					}
+				}
+			}
+
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this && (type == null || timers[ index ].queue === type) ) {
+					timers[ index ].anim.stop( gotoEnd );
+					dequeue = false;
+					timers.splice( index, 1 );
+				}
+			}
+
+			// Start the next in the queue if the last step wasn't forced.
+			// Timers currently will call their complete callbacks, which
+			// will dequeue but only if they were gotoEnd.
+			if ( dequeue || !gotoEnd ) {
+				jQuery.dequeue( this, type );
+			}
+		});
+	},
+	finish: function( type ) {
+		if ( type !== false ) {
+			type = type || "fx";
+		}
+		return this.each(function() {
+			var index,
+				data = data_priv.get( this ),
+				queue = data[ type + "queue" ],
+				hooks = data[ type + "queueHooks" ],
+				timers = jQuery.timers,
+				length = queue ? queue.length : 0;
+
+			// Enable finishing flag on private data
+			data.finish = true;
+
+			// Empty the queue first
+			jQuery.queue( this, type, [] );
+
+			if ( hooks && hooks.stop ) {
+				hooks.stop.call( this, true );
+			}
+
+			// Look for any active animations, and finish them
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this && timers[ index ].queue === type ) {
+					timers[ index ].anim.stop( true );
+					timers.splice( index, 1 );
+				}
+			}
+
+			// Look for any animations in the old queue and finish them
+			for ( index = 0; index < length; index++ ) {
+				if ( queue[ index ] && queue[ index ].finish ) {
+					queue[ index ].finish.call( this );
+				}
+			}
+
+			// Turn off finishing flag
+			delete data.finish;
+		});
+	}
+});
+
+jQuery.each([ "toggle", "show", "hide" ], function( i, name ) {
+	var cssFn = jQuery.fn[ name ];
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return speed == null || typeof speed === "boolean" ?
+			cssFn.apply( this, arguments ) :
+			this.animate( genFx( name, true ), speed, easing, callback );
+	};
+});
+
+// Generate shortcuts for custom animations
+jQuery.each({
+	slideDown: genFx("show"),
+	slideUp: genFx("hide"),
+	slideToggle: genFx("toggle"),
+	fadeIn: { opacity: "show" },
+	fadeOut: { opacity: "hide" },
+	fadeToggle: { opacity: "toggle" }
+}, function( name, props ) {
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return this.animate( props, speed, easing, callback );
+	};
+});
+
+jQuery.timers = [];
+jQuery.fx.tick = function() {
+	var timer,
+		i = 0,
+		timers = jQuery.timers;
+
+	fxNow = jQuery.now();
+
+	for ( ; i < timers.length; i++ ) {
+		timer = timers[ i ];
+		// Checks the timer has not already been removed
+		if ( !timer() && timers[ i ] === timer ) {
+			timers.splice( i--, 1 );
+		}
+	}
+
+	if ( !timers.length ) {
+		jQuery.fx.stop();
+	}
+	fxNow = undefined;
+};
+
+jQuery.fx.timer = function( timer ) {
+	jQuery.timers.push( timer );
+	if ( timer() ) {
+		jQuery.fx.start();
+	} else {
+		jQuery.timers.pop();
+	}
+};
+
+jQuery.fx.interval = 13;
+
+jQuery.fx.start = function() {
+	if ( !timerId ) {
+		timerId = setInterval( jQuery.fx.tick, jQuery.fx.interval );
+	}
+};
+
+jQuery.fx.stop = function() {
+	clearInterval( timerId );
+	timerId = null;
+};
+
+jQuery.fx.speeds = {
+	slow: 600,
+	fast: 200,
+	// Default speed
+	_default: 400
+};
+
+
+// Based off of the plugin by Clint Helfers, with permission.
+// http://blindsignals.com/index.php/2009/07/jquery-delay/
+jQuery.fn.delay = function( time, type ) {
+	time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
+	type = type || "fx";
+
+	return this.queue( type, function( next, hooks ) {
+		var timeout = setTimeout( next, time );
+		hooks.stop = function() {
+			clearTimeout( timeout );
+		};
+	});
+};
+
+
+(function() {
+	var input = document.createElement( "input" ),
+		select = document.createElement( "select" ),
+		opt = select.appendChild( document.createElement( "option" ) );
+
+	input.type = "checkbox";
+
+	// Support: iOS<=5.1, Android<=4.2+
+	// Default value for a checkbox should be "on"
+	support.checkOn = input.value !== "";
+
+	// Support: IE<=11+
+	// Must access selectedIndex to make default options select
+	support.optSelected = opt.selected;
+
+	// Support: Android<=2.3
+	// Options inside disabled selects are incorrectly marked as disabled
+	select.disabled = true;
+	support.optDisabled = !opt.disabled;
+
+	// Support: IE<=11+
+	// An input loses its value after becoming a radio
+	input = document.createElement( "input" );
+	input.value = "t";
+	input.type = "radio";
+	support.radioValue = input.value === "t";
+})();
+
+
+var nodeHook, boolHook,
+	attrHandle = jQuery.expr.attrHandle;
+
+jQuery.fn.extend({
+	attr: function( name, value ) {
+		return access( this, jQuery.attr, name, value, arguments.length > 1 );
+	},
+
+	removeAttr: function( name ) {
+		return this.each(function() {
+			jQuery.removeAttr( this, name );
+		});
+	}
+});
+
+jQuery.extend({
+	attr: function( elem, name, value ) {
+		var hooks, ret,
+			nType = elem.nodeType;
+
+		// don't get/set attributes on text, comment and attribute nodes
+		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		// Fallback to prop when attributes are not supported
+		if ( typeof elem.getAttribute === strundefined ) {
+			return jQuery.prop( elem, name, value );
+		}
+
+		// All attributes are lowercase
+		// Grab necessary hook if one is defined
+		if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) {
+			name = name.toLowerCase();
+			hooks = jQuery.attrHooks[ name ] ||
+				( jQuery.expr.match.bool.test( name ) ? boolHook : nodeHook );
+		}
+
+		if ( value !== undefined ) {
+
+			if ( value === null ) {
+				jQuery.removeAttr( elem, name );
+
+			} else if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
+				return ret;
+
+			} else {
+				elem.setAttribute( name, value + "" );
+				return value;
+			}
+
+		} else if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
+			return ret;
+
+		} else {
+			ret = jQuery.find.attr( elem, name );
+
+			// Non-existent attributes return null, we normalize to undefined
+			return ret == null ?
+				undefined :
+				ret;
+		}
+	},
+
+	removeAttr: function( elem, value ) {
+		var name, propName,
+			i = 0,
+			attrNames = value && value.match( rnotwhite );
+
+		if ( attrNames && elem.nodeType === 1 ) {
+			while ( (name = attrNames[i++]) ) {
+				propName = jQuery.propFix[ name ] || name;
+
+				// Boolean attributes get special treatment (#10870)
+				if ( jQuery.expr.match.bool.test( name ) ) {
+					// Set corresponding property to false
+					elem[ propName ] = false;
+				}
+
+				elem.removeAttribute( name );
+			}
+		}
+	},
+
+	attrHooks: {
+		type: {
+			set: function( elem, value ) {
+				if ( !support.radioValue && value === "radio" &&
+					jQuery.nodeName( elem, "input" ) ) {
+					var val = elem.value;
+					elem.setAttribute( "type", value );
+					if ( val ) {
+						elem.value = val;
+					}
+					return value;
+				}
+			}
+		}
+	}
+});
+
+// Hooks for boolean attributes
+boolHook = {
+	set: function( elem, value, name ) {
+		if ( value === false ) {
+			// Remove boolean attributes when set to false
+			jQuery.removeAttr( elem, name );
+		} else {
+			elem.setAttribute( name, name );
+		}
+		return name;
+	}
+};
+jQuery.each( jQuery.expr.match.bool.source.match( /\w+/g ), function( i, name ) {
+	var getter = attrHandle[ name ] || jQuery.find.attr;
+
+	attrHandle[ name ] = function( elem, name, isXML ) {
+		var ret, handle;
+		if ( !isXML ) {
+			// Avoid an infinite loop by temporarily removing this function from the getter
+			handle = attrHandle[ name ];
+			attrHandle[ name ] = ret;
+			ret = getter( elem, name, isXML ) != null ?
+				name.toLowerCase() :
+				null;
+			attrHandle[ name ] = handle;
+		}
+		return ret;
+	};
+});
+
+
+
+
+var rfocusable = /^(?:input|select|textarea|button)$/i;
+
+jQuery.fn.extend({
+	prop: function( name, value ) {
+		return access( this, jQuery.prop, name, value, arguments.length > 1 );
+	},
+
+	removeProp: function( name ) {
+		return this.each(function() {
+			delete this[ jQuery.propFix[ name ] || name ];
+		});
+	}
+});
+
+jQuery.extend({
+	propFix: {
+		"for": "htmlFor",
+		"class": "className"
+	},
+
+	prop: function( elem, name, value ) {
+		var ret, hooks, notxml,
+			nType = elem.nodeType;
+
+		// Don't get/set properties on text, comment and attribute nodes
+		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
+
+		if ( notxml ) {
+			// Fix name and attach hooks
+			name = jQuery.propFix[ name ] || name;
+			hooks = jQuery.propHooks[ name ];
+		}
+
+		if ( value !== undefined ) {
+			return hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ?
+				ret :
+				( elem[ name ] = value );
+
+		} else {
+			return hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ?
+				ret :
+				elem[ name ];
+		}
+	},
+
+	propHooks: {
+		tabIndex: {
+			get: function( elem ) {
+				return elem.hasAttribute( "tabindex" ) || rfocusable.test( elem.nodeName ) || elem.href ?
+					elem.tabIndex :
+					-1;
+			}
+		}
+	}
+});
+
+if ( !support.optSelected ) {
+	jQuery.propHooks.selected = {
+		get: function( elem ) {
+			var parent = elem.parentNode;
+			if ( parent && parent.parentNode ) {
+				parent.parentNode.selectedIndex;
+			}
+			return null;
+		}
+	};
+}
+
+jQuery.each([
+	"tabIndex",
+	"readOnly",
+	"maxLength",
+	"cellSpacing",
+	"cellPadding",
+	"rowSpan",
+	"colSpan",
+	"useMap",
+	"frameBorder",
+	"contentEditable"
+], function() {
+	jQuery.propFix[ this.toLowerCase() ] = this;
+});
+
+
+
+
+var rclass = /[\t\r\n\f]/g;
+
+jQuery.fn.extend({
+	addClass: function( value ) {
+		var classes, elem, cur, clazz, j, finalValue,
+			proceed = typeof value === "string" && value,
+			i = 0,
+			len = this.length;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( j ) {
+				jQuery( this ).addClass( value.call( this, j, this.className ) );
+			});
+		}
+
+		if ( proceed ) {
+			// The disjunction here is for better compressibility (see removeClass)
+			classes = ( value || "" ).match( rnotwhite ) || [];
+
+			for ( ; i < len; i++ ) {
+				elem = this[ i ];
+				cur = elem.nodeType === 1 && ( elem.className ?
+					( " " + elem.className + " " ).replace( rclass, " " ) :
+					" "
+				);
+
+				if ( cur ) {
+					j = 0;
+					while ( (clazz = classes[j++]) ) {
+						if ( cur.indexOf( " " + clazz + " " ) < 0 ) {
+							cur += clazz + " ";
+						}
+					}
+
+					// only assign if different to avoid unneeded rendering.
+					finalValue = jQuery.trim( cur );
+					if ( elem.className !== finalValue ) {
+						elem.className = finalValue;
+					}
+				}
+			}
+		}
+
+		return this;
+	},
+
+	removeClass: function( value ) {
+		var classes, elem, cur, clazz, j, finalValue,
+			proceed = arguments.length === 0 || typeof value === "string" && value,
+			i = 0,
+			len = this.length;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( j ) {
+				jQuery( this ).removeClass( value.call( this, j, this.className ) );
+			});
+		}
+		if ( proceed ) {
+			classes = ( value || "" ).match( rnotwhite ) || [];
+
+			for ( ; i < len; i++ ) {
+				elem = this[ i ];
+				// This expression is here for better compressibility (see addClass)
+				cur = elem.nodeType === 1 && ( elem.className ?
+					( " " + elem.className + " " ).replace( rclass, " " ) :
+					""
+				);
+
+				if ( cur ) {
+					j = 0;
+					while ( (clazz = classes[j++]) ) {
+						// Remove *all* instances
+						while ( cur.indexOf( " " + clazz + " " ) >= 0 ) {
+							cur = cur.replace( " " + clazz + " ", " " );
+						}
+					}
+
+					// Only assign if different to avoid unneeded rendering.
+					finalValue = value ? jQuery.trim( cur ) : "";
+					if ( elem.className !== finalValue ) {
+						elem.className = finalValue;
+					}
+				}
+			}
+		}
+
+		return this;
+	},
+
+	toggleClass: function( value, stateVal ) {
+		var type = typeof value;
+
+		if ( typeof stateVal === "boolean" && type === "string" ) {
+			return stateVal ? this.addClass( value ) : this.removeClass( value );
+		}
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( i ) {
+				jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
+			});
+		}
+
+		return this.each(function() {
+			if ( type === "string" ) {
+				// Toggle individual class names
+				var className,
+					i = 0,
+					self = jQuery( this ),
+					classNames = value.match( rnotwhite ) || [];
+
+				while ( (className = classNames[ i++ ]) ) {
+					// Check each className given, space separated list
+					if ( self.hasClass( className ) ) {
+						self.removeClass( className );
+					} else {
+						self.addClass( className );
+					}
+				}
+
+			// Toggle whole class name
+			} else if ( type === strundefined || type === "boolean" ) {
+				if ( this.className ) {
+					// store className if set
+					data_priv.set( this, "__className__", this.className );
+				}
+
+				// If the element has a class name or if we're passed `false`,
+				// then remove the whole classname (if there was one, the above saved it).
+				// Otherwise bring back whatever was previously saved (if anything),
+				// falling back to the empty string if nothing was stored.
+				this.className = this.className || value === false ? "" : data_priv.get( this, "__className__" ) || "";
+			}
+		});
+	},
+
+	hasClass: function( selector ) {
+		var className = " " + selector + " ",
+			i = 0,
+			l = this.length;
+		for ( ; i < l; i++ ) {
+			if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
+				return true;
+			}
+		}
+
+		return false;
+	}
+});
+
+
+
+
+var rreturn = /\r/g;
+
+jQuery.fn.extend({
+	val: function( value ) {
+		var hooks, ret, isFunction,
+			elem = this[0];
+
+		if ( !arguments.length ) {
+			if ( elem ) {
+				hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ];
+
+				if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
+					return ret;
+				}
+
+				ret = elem.value;
+
+				return typeof ret === "string" ?
+					// Handle most common string cases
+					ret.replace(rreturn, "") :
+					// Handle cases where value is null/undef or number
+					ret == null ? "" : ret;
+			}
+
+			return;
+		}
+
+		isFunction = jQuery.isFunction( value );
+
+		return this.each(function( i ) {
+			var val;
+
+			if ( this.nodeType !== 1 ) {
+				return;
+			}
+
+			if ( isFunction ) {
+				val = value.call( this, i, jQuery( this ).val() );
+			} else {
+				val = value;
+			}
+
+			// Treat null/undefined as ""; convert numbers to string
+			if ( val == null ) {
+				val = "";
+
+			} else if ( typeof val === "number" ) {
+				val += "";
+
+			} else if ( jQuery.isArray( val ) ) {
+				val = jQuery.map( val, function( value ) {
+					return value == null ? "" : value + "";
+				});
+			}
+
+			hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];
+
+			// If set returns undefined, fall back to normal setting
+			if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
+				this.value = val;
+			}
+		});
+	}
+});
+
+jQuery.extend({
+	valHooks: {
+		option: {
+			get: function( elem ) {
+				var val = jQuery.find.attr( elem, "value" );
+				return val != null ?
+					val :
+					// Support: IE10-11+
+					// option.text throws exceptions (#14686, #14858)
+					jQuery.trim( jQuery.text( elem ) );
+			}
+		},
+		select: {
+			get: function( elem ) {
+				var value, option,
+					options = elem.options,
+					index = elem.selectedIndex,
+					one = elem.type === "select-one" || index < 0,
+					values = one ? null : [],
+					max = one ? index + 1 : options.length,
+					i = index < 0 ?
+						max :
+						one ? index : 0;
+
+				// Loop through all the selected options
+				for ( ; i < max; i++ ) {
+					option = options[ i ];
+
+					// IE6-9 doesn't update selected after form reset (#2551)
+					if ( ( option.selected || i === index ) &&
+							// Don't return options that are disabled or in a disabled optgroup
+							( support.optDisabled ? !option.disabled : option.getAttribute( "disabled" ) === null ) &&
+							( !option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" ) ) ) {
+
+						// Get the specific value for the option
+						value = jQuery( option ).val();
+
+						// We don't need an array for one selects
+						if ( one ) {
+							return value;
+						}
+
+						// Multi-Selects return an array
+						values.push( value );
+					}
+				}
+
+				return values;
+			},
+
+			set: function( elem, value ) {
+				var optionSet, option,
+					options = elem.options,
+					values = jQuery.makeArray( value ),
+					i = options.length;
+
+				while ( i-- ) {
+					option = options[ i ];
+					if ( (option.selected = jQuery.inArray( option.value, values ) >= 0) ) {
+						optionSet = true;
+					}
+				}
+
+				// Force browsers to behave consistently when non-matching value is set
+				if ( !optionSet ) {
+					elem.selectedIndex = -1;
+				}
+				return values;
+			}
+		}
+	}
+});
+
+// Radios and checkboxes getter/setter
+jQuery.each([ "radio", "checkbox" ], function() {
+	jQuery.valHooks[ this ] = {
+		set: function( elem, value ) {
+			if ( jQuery.isArray( value ) ) {
+				return ( elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0 );
+			}
+		}
+	};
+	if ( !support.checkOn ) {
+		jQuery.valHooks[ this ].get = function( elem ) {
+			return elem.getAttribute("value") === null ? "on" : elem.value;
+		};
+	}
+});
+
+
+
+
+// Return jQuery for attributes-only inclusion
+
+
+jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
+	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
+	"change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {
+
+	// Handle event binding
+	jQuery.fn[ name ] = function( data, fn ) {
+		return arguments.length > 0 ?
+			this.on( name, null, data, fn ) :
+			this.trigger( name );
+	};
+});
+
+jQuery.fn.extend({
+	hover: function( fnOver, fnOut ) {
+		return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
+	},
+
+	bind: function( types, data, fn ) {
+		return this.on( types, null, data, fn );
+	},
+	unbind: function( types, fn ) {
+		return this.off( types, null, fn );
+	},
+
+	delegate: function( selector, types, data, fn ) {
+		return this.on( types, selector, data, fn );
+	},
+	undelegate: function( selector, types, fn ) {
+		// ( namespace ) or ( selector, types [, fn] )
+		return arguments.length === 1 ? this.off( selector, "**" ) : this.off( types, selector || "**", fn );
+	}
+});
+
+
+var nonce = jQuery.now();
+
+var rquery = (/\?/);
+
+
+
+// Support: Android 2.3
+// Workaround failure to string-cast null input
+jQuery.parseJSON = function( data ) {
+	return JSON.parse( data + "" );
+};
+
+
+// Cross-browser xml parsing
+jQuery.parseXML = function( data ) {
+	var xml, tmp;
+	if ( !data || typeof data !== "string" ) {
+		return null;
+	}
+
+	// Support: IE9
+	try {
+		tmp = new DOMParser();
+		xml = tmp.parseFromString( data, "text/xml" );
+	} catch ( e ) {
+		xml = undefined;
+	}
+
+	if ( !xml || xml.getElementsByTagName( "parsererror" ).length ) {
+		jQuery.error( "Invalid XML: " + data );
+	}
+	return xml;
+};
+
+
+var
+	rhash = /#.*$/,
+	rts = /([?&])_=[^&]*/,
+	rheaders = /^(.*?):[ \t]*([^\r\n]*)$/mg,
+	// #7653, #8125, #8152: local protocol detection
+	rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
+	rnoContent = /^(?:GET|HEAD)$/,
+	rprotocol = /^\/\//,
+	rurl = /^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,
+
+	/* Prefilters
+	 * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
+	 * 2) These are called:
+	 *    - BEFORE asking for a transport
+	 *    - AFTER param serialization (s.data is a string if s.processData is true)
+	 * 3) key is the dataType
+	 * 4) the catchall symbol "*" can be used
+	 * 5) execution will start with transport dataType and THEN continue down to "*" if needed
+	 */
+	prefilters = {},
+
+	/* Transports bindings
+	 * 1) key is the dataType
+	 * 2) the catchall symbol "*" can be used
+	 * 3) selection will start with transport dataType and THEN go to "*" if needed
+	 */
+	transports = {},
+
+	// Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
+	allTypes = "*/".concat( "*" ),
+
+	// Document location
+	ajaxLocation = window.location.href,
+
+	// Segment location into parts
+	ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
+
+// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
+function addToPrefiltersOrTransports( structure ) {
+
+	// dataTypeExpression is optional and defaults to "*"
+	return function( dataTypeExpression, func ) {
+
+		if ( typeof dataTypeExpression !== "string" ) {
+			func = dataTypeExpression;
+			dataTypeExpression = "*";
+		}
+
+		var dataType,
+			i = 0,
+			dataTypes = dataTypeExpression.toLowerCase().match( rnotwhite ) || [];
+
+		if ( jQuery.isFunction( func ) ) {
+			// For each dataType in the dataTypeExpression
+			while ( (dataType = dataTypes[i++]) ) {
+				// Prepend if requested
+				if ( dataType[0] === "+" ) {
+					dataType = dataType.slice( 1 ) || "*";
+					(structure[ dataType ] = structure[ dataType ] || []).unshift( func );
+
+				// Otherwise append
+				} else {
+					(structure[ dataType ] = structure[ dataType ] || []).push( func );
+				}
+			}
+		}
+	};
+}
+
+// Base inspection function for prefilters and transports
+function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) {
+
+	var inspected = {},
+		seekingTransport = ( structure === transports );
+
+	function inspect( dataType ) {
+		var selected;
+		inspected[ dataType ] = true;
+		jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) {
+			var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR );
+			if ( typeof dataTypeOrTransport === "string" && !seekingTransport && !inspected[ dataTypeOrTransport ] ) {
+				options.dataTypes.unshift( dataTypeOrTransport );
+				inspect( dataTypeOrTransport );
+				return false;
+			} else if ( seekingTransport ) {
+				return !( selected = dataTypeOrTransport );
+			}
+		});
+		return selected;
+	}
+
+	return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" );
+}
+
+// A special extend for ajax options
+// that takes "flat" options (not to be deep extended)
+// Fixes #9887
+function ajaxExtend( target, src ) {
+	var key, deep,
+		flatOptions = jQuery.ajaxSettings.flatOptions || {};
+
+	for ( key in src ) {
+		if ( src[ key ] !== undefined ) {
+			( flatOptions[ key ] ? target : ( deep || (deep = {}) ) )[ key ] = src[ key ];
+		}
+	}
+	if ( deep ) {
+		jQuery.extend( true, target, deep );
+	}
+
+	return target;
+}
+
+/* Handles responses to an ajax request:
+ * - finds the right dataType (mediates between content-type and expected dataType)
+ * - returns the corresponding response
+ */
+function ajaxHandleResponses( s, jqXHR, responses ) {
+
+	var ct, type, finalDataType, firstDataType,
+		contents = s.contents,
+		dataTypes = s.dataTypes;
+
+	// Remove auto dataType and get content-type in the process
+	while ( dataTypes[ 0 ] === "*" ) {
+		dataTypes.shift();
+		if ( ct === undefined ) {
+			ct = s.mimeType || jqXHR.getResponseHeader("Content-Type");
+		}
+	}
+
+	// Check if we're dealing with a known content-type
+	if ( ct ) {
+		for ( type in contents ) {
+			if ( contents[ type ] && contents[ type ].test( ct ) ) {
+				dataTypes.unshift( type );
+				break;
+			}
+		}
+	}
+
+	// Check to see if we have a response for the expected dataType
+	if ( dataTypes[ 0 ] in responses ) {
+		finalDataType = dataTypes[ 0 ];
+	} else {
+		// Try convertible dataTypes
+		for ( type in responses ) {
+			if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
+				finalDataType = type;
+				break;
+			}
+			if ( !firstDataType ) {
+				firstDataType = type;
+			}
+		}
+		// Or just use first one
+		finalDataType = finalDataType || firstDataType;
+	}
+
+	// If we found a dataType
+	// We add the dataType to the list if needed
+	// and return the corresponding response
+	if ( finalDataType ) {
+		if ( finalDataType !== dataTypes[ 0 ] ) {
+			dataTypes.unshift( finalDataType );
+		}
+		return responses[ finalDataType ];
+	}
+}
+
+/* Chain conversions given the request and the original response
+ * Also sets the responseXXX fields on the jqXHR instance
+ */
+function ajaxConvert( s, response, jqXHR, isSuccess ) {
+	var conv2, current, conv, tmp, prev,
+		converters = {},
+		// Work with a copy of dataTypes in case we need to modify it for conversion
+		dataTypes = s.dataTypes.slice();
+
+	// Create converters map with lowercased keys
+	if ( dataTypes[ 1 ] ) {
+		for ( conv in s.converters ) {
+			converters[ conv.toLowerCase() ] = s.converters[ conv ];
+		}
+	}
+
+	current = dataTypes.shift();
+
+	// Convert to each sequential dataType
+	while ( current ) {
+
+		if ( s.responseFields[ current ] ) {
+			jqXHR[ s.responseFields[ current ] ] = response;
+		}
+
+		// Apply the dataFilter if provided
+		if ( !prev && isSuccess && s.dataFilter ) {
+			response = s.dataFilter( response, s.dataType );
+		}
+
+		prev = current;
+		current = dataTypes.shift();
+
+		if ( current ) {
+
+		// There's only work to do if current dataType is non-auto
+			if ( current === "*" ) {
+
+				current = prev;
+
+			// Convert response if prev dataType is non-auto and differs from current
+			} else if ( prev !== "*" && prev !== current ) {
+
+				// Seek a direct converter
+				conv = converters[ prev + " " + current ] || converters[ "* " + current ];
+
+				// If none found, seek a pair
+				if ( !conv ) {
+					for ( conv2 in converters ) {
+
+						// If conv2 outputs current
+						tmp = conv2.split( " " );
+						if ( tmp[ 1 ] === current ) {
+
+							// If prev can be converted to accepted input
+							conv = converters[ prev + " " + tmp[ 0 ] ] ||
+								converters[ "* " + tmp[ 0 ] ];
+							if ( conv ) {
+								// Condense equivalence converters
+								if ( conv === true ) {
+									conv = converters[ conv2 ];
+
+								// Otherwise, insert the intermediate dataType
+								} else if ( converters[ conv2 ] !== true ) {
+									current = tmp[ 0 ];
+									dataTypes.unshift( tmp[ 1 ] );
+								}
+								break;
+							}
+						}
+					}
+				}
+
+				// Apply converter (if not an equivalence)
+				if ( conv !== true ) {
+
+					// Unless errors are allowed to bubble, catch and return them
+					if ( conv && s[ "throws" ] ) {
+						response = conv( response );
+					} else {
+						try {
+							response = conv( response );
+						} catch ( e ) {
+							return { state: "parsererror", error: conv ? e : "No conversion from " + prev + " to " + current };
+						}
+					}
+				}
+			}
+		}
+	}
+
+	return { state: "success", data: response };
+}
+
+jQuery.extend({
+
+	// Counter for holding the number of active queries
+	active: 0,
+
+	// Last-Modified header cache for next request
+	lastModified: {},
+	etag: {},
+
+	ajaxSettings: {
+		url: ajaxLocation,
+		type: "GET",
+		isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
+		global: true,
+		processData: true,
+		async: true,
+		contentType: "application/x-www-form-urlencoded; charset=UTF-8",
+		/*
+		timeout: 0,
+		data: null,
+		dataType: null,
+		username: null,
+		password: null,
+		cache: null,
+		throws: false,
+		traditional: false,
+		headers: {},
+		*/
+
+		accepts: {
+			"*": allTypes,
+			text: "text/plain",
+			html: "text/html",
+			xml: "application/xml, text/xml",
+			json: "application/json, text/javascript"
+		},
+
+		contents: {
+			xml: /xml/,
+			html: /html/,
+			json: /json/
+		},
+
+		responseFields: {
+			xml: "responseXML",
+			text: "responseText",
+			json: "responseJSON"
+		},
+
+		// Data converters
+		// Keys separate source (or catchall "*") and destination types with a single space
+		converters: {
+
+			// Convert anything to text
+			"* text": String,
+
+			// Text to html (true = no transformation)
+			"text html": true,
+
+			// Evaluate text as a json expression
+			"text json": jQuery.parseJSON,
+
+			// Parse text as xml
+			"text xml": jQuery.parseXML
+		},
+
+		// For options that shouldn't be deep extended:
+		// you can add your own custom options here if
+		// and when you create one that shouldn't be
+		// deep extended (see ajaxExtend)
+		flatOptions: {
+			url: true,
+			context: true
+		}
+	},
+
+	// Creates a full fledged settings object into target
+	// with both ajaxSettings and settings fields.
+	// If target is omitted, writes into ajaxSettings.
+	ajaxSetup: function( target, settings ) {
+		return settings ?
+
+			// Building a settings object
+			ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) :
+
+			// Extending ajaxSettings
+			ajaxExtend( jQuery.ajaxSettings, target );
+	},
+
+	ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
+	ajaxTransport: addToPrefiltersOrTransports( transports ),
+
+	// Main method
+	ajax: function( url, options ) {
+
+		// If url is an object, simulate pre-1.5 signature
+		if ( typeof url === "object" ) {
+			options = url;
+			url = undefined;
+		}
+
+		// Force options to be an object
+		options = options || {};
+
+		var transport,
+			// URL without anti-cache param
+			cacheURL,
+			// Response headers
+			responseHeadersString,
+			responseHeaders,
+			// timeout handle
+			timeoutTimer,
+			// Cross-domain detection vars
+			parts,
+			// To know if global events are to be dispatched
+			fireGlobals,
+			// Loop variable
+			i,
+			// Create the final options object
+			s = jQuery.ajaxSetup( {}, options ),
+			// Callbacks context
+			callbackContext = s.context || s,
+			// Context for global events is callbackContext if it is a DOM node or jQuery collection
+			globalEventContext = s.context && ( callbackContext.nodeType || callbackContext.jquery ) ?
+				jQuery( callbackContext ) :
+				jQuery.event,
+			// Deferreds
+			deferred = jQuery.Deferred(),
+			completeDeferred = jQuery.Callbacks("once memory"),
+			// Status-dependent callbacks
+			statusCode = s.statusCode || {},
+			// Headers (they are sent all at once)
+			requestHeaders = {},
+			requestHeadersNames = {},
+			// The jqXHR state
+			state = 0,
+			// Default abort message
+			strAbort = "canceled",
+			// Fake xhr
+			jqXHR = {
+				readyState: 0,
+
+				// Builds headers hashtable if needed
+				getResponseHeader: function( key ) {
+					var match;
+					if ( state === 2 ) {
+						if ( !responseHeaders ) {
+							responseHeaders = {};
+							while ( (match = rheaders.exec( responseHeadersString )) ) {
+								responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
+							}
+						}
+						match = responseHeaders[ key.toLowerCase() ];
+					}
+					return match == null ? null : match;
+				},
+
+				// Raw string
+				getAllResponseHeaders: function() {
+					return state === 2 ? responseHeadersString : null;
+				},
+
+				// Caches the header
+				setRequestHeader: function( name, value ) {
+					var lname = name.toLowerCase();
+					if ( !state ) {
+						name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
+						requestHeaders[ name ] = value;
+					}
+					return this;
+				},
+
+				// Overrides response content-type header
+				overrideMimeType: function( type ) {
+					if ( !state ) {
+						s.mimeType = type;
+					}
+					return this;
+				},
+
+				// Status-dependent callbacks
+				statusCode: function( map ) {
+					var code;
+					if ( map ) {
+						if ( state < 2 ) {
+							for ( code in map ) {
+								// Lazy-add the new callback in a way that preserves old ones
+								statusCode[ code ] = [ statusCode[ code ], map[ code ] ];
+							}
+						} else {
+							// Execute the appropriate callbacks
+							jqXHR.always( map[ jqXHR.status ] );
+						}
+					}
+					return this;
+				},
+
+				// Cancel the request
+				abort: function( statusText ) {
+					var finalText = statusText || strAbort;
+					if ( transport ) {
+						transport.abort( finalText );
+					}
+					done( 0, finalText );
+					return this;
+				}
+			};
+
+		// Attach deferreds
+		deferred.promise( jqXHR ).complete = completeDeferred.add;
+		jqXHR.success = jqXHR.done;
+		jqXHR.error = jqXHR.fail;
+
+		// Remove hash character (#7531: and string promotion)
+		// Add protocol if not provided (prefilters might expect it)
+		// Handle falsy url in the settings object (#10093: consistency with old signature)
+		// We also use the url parameter if available
+		s.url = ( ( url || s.url || ajaxLocation ) + "" ).replace( rhash, "" )
+			.replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
+
+		// Alias method option to type as per ticket #12004
+		s.type = options.method || options.type || s.method || s.type;
+
+		// Extract dataTypes list
+		s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().match( rnotwhite ) || [ "" ];
+
+		// A cross-domain request is in order when we have a protocol:host:port mismatch
+		if ( s.crossDomain == null ) {
+			parts = rurl.exec( s.url.toLowerCase() );
+			s.crossDomain = !!( parts &&
+				( parts[ 1 ] !== ajaxLocParts[ 1 ] || parts[ 2 ] !== ajaxLocParts[ 2 ] ||
+					( parts[ 3 ] || ( parts[ 1 ] === "http:" ? "80" : "443" ) ) !==
+						( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? "80" : "443" ) ) )
+			);
+		}
+
+		// Convert data if not already a string
+		if ( s.data && s.processData && typeof s.data !== "string" ) {
+			s.data = jQuery.param( s.data, s.traditional );
+		}
+
+		// Apply prefilters
+		inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
+
+		// If request was aborted inside a prefilter, stop there
+		if ( state === 2 ) {
+			return jqXHR;
+		}
+
+		// We can fire global events as of now if asked to
+		// Don't fire events if jQuery.event is undefined in an AMD-usage scenario (#15118)
+		fireGlobals = jQuery.event && s.global;
+
+		// Watch for a new set of requests
+		if ( fireGlobals && jQuery.active++ === 0 ) {
+			jQuery.event.trigger("ajaxStart");
+		}
+
+		// Uppercase the type
+		s.type = s.type.toUpperCase();
+
+		// Determine if request has content
+		s.hasContent = !rnoContent.test( s.type );
+
+		// Save the URL in case we're toying with the If-Modified-Since
+		// and/or If-None-Match header later on
+		cacheURL = s.url;
+
+		// More options handling for requests with no content
+		if ( !s.hasContent ) {
+
+			// If data is available, append data to url
+			if ( s.data ) {
+				cacheURL = ( s.url += ( rquery.test( cacheURL ) ? "&" : "?" ) + s.data );
+				// #9682: remove data so that it's not used in an eventual retry
+				delete s.data;
+			}
+
+			// Add anti-cache in url if needed
+			if ( s.cache === false ) {
+				s.url = rts.test( cacheURL ) ?
+
+					// If there is already a '_' parameter, set its value
+					cacheURL.replace( rts, "$1_=" + nonce++ ) :
+
+					// Otherwise add one to the end
+					cacheURL + ( rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + nonce++;
+			}
+		}
+
+		// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+		if ( s.ifModified ) {
+			if ( jQuery.lastModified[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] );
+			}
+			if ( jQuery.etag[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] );
+			}
+		}
+
+		// Set the correct header, if data is being sent
+		if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
+			jqXHR.setRequestHeader( "Content-Type", s.contentType );
+		}
+
+		// Set the Accepts header for the server, depending on the dataType
+		jqXHR.setRequestHeader(
+			"Accept",
+			s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
+				s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
+				s.accepts[ "*" ]
+		);
+
+		// Check for headers option
+		for ( i in s.headers ) {
+			jqXHR.setRequestHeader( i, s.headers[ i ] );
+		}
+
+		// Allow custom headers/mimetypes and early abort
+		if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
+			// Abort if not done already and return
+			return jqXHR.abort();
+		}
+
+		// Aborting is no longer a cancellation
+		strAbort = "abort";
+
+		// Install callbacks on deferreds
+		for ( i in { success: 1, error: 1, complete: 1 } ) {
+			jqXHR[ i ]( s[ i ] );
+		}
+
+		// Get transport
+		transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
+
+		// If no transport, we auto-abort
+		if ( !transport ) {
+			done( -1, "No Transport" );
+		} else {
+			jqXHR.readyState = 1;
+
+			// Send global event
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
+			}
+			// Timeout
+			if ( s.async && s.timeout > 0 ) {
+				timeoutTimer = setTimeout(function() {
+					jqXHR.abort("timeout");
+				}, s.timeout );
+			}
+
+			try {
+				state = 1;
+				transport.send( requestHeaders, done );
+			} catch ( e ) {
+				// Propagate exception as error if not done
+				if ( state < 2 ) {
+					done( -1, e );
+				// Simply rethrow otherwise
+				} else {
+					throw e;
+				}
+			}
+		}
+
+		// Callback for when everything is done
+		function done( status, nativeStatusText, responses, headers ) {
+			var isSuccess, success, error, response, modified,
+				statusText = nativeStatusText;
+
+			// Called once
+			if ( state === 2 ) {
+				return;
+			}
+
+			// State is "done" now
+			state = 2;
+
+			// Clear timeout if it exists
+			if ( timeoutTimer ) {
+				clearTimeout( timeoutTimer );
+			}
+
+			// Dereference transport for early garbage collection
+			// (no matter how long the jqXHR object will be used)
+			transport = undefined;
+
+			// Cache response headers
+			responseHeadersString = headers || "";
+
+			// Set readyState
+			jqXHR.readyState = status > 0 ? 4 : 0;
+
+			// Determine if successful
+			isSuccess = status >= 200 && status < 300 || status === 304;
+
+			// Get response data
+			if ( responses ) {
+				response = ajaxHandleResponses( s, jqXHR, responses );
+			}
+
+			// Convert no matter what (that way responseXXX fields are always set)
+			response = ajaxConvert( s, response, jqXHR, isSuccess );
+
+			// If successful, handle type chaining
+			if ( isSuccess ) {
+
+				// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+				if ( s.ifModified ) {
+					modified = jqXHR.getResponseHeader("Last-Modified");
+					if ( modified ) {
+						jQuery.lastModified[ cacheURL ] = modified;
+					}
+					modified = jqXHR.getResponseHeader("etag");
+					if ( modified ) {
+						jQuery.etag[ cacheURL ] = modified;
+					}
+				}
+
+				// if no content
+				if ( status === 204 || s.type === "HEAD" ) {
+					statusText = "nocontent";
+
+				// if not modified
+				} else if ( status === 304 ) {
+					statusText = "notmodified";
+
+				// If we have data, let's convert it
+				} else {
+					statusText = response.state;
+					success = response.data;
+					error = response.error;
+					isSuccess = !error;
+				}
+			} else {
+				// Extract error from statusText and normalize for non-aborts
+				error = statusText;
+				if ( status || !statusText ) {
+					statusText = "error";
+					if ( status < 0 ) {
+						status = 0;
+					}
+				}
+			}
+
+			// Set data for the fake xhr object
+			jqXHR.status = status;
+			jqXHR.statusText = ( nativeStatusText || statusText ) + "";
+
+			// Success/Error
+			if ( isSuccess ) {
+				deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
+			} else {
+				deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
+			}
+
+			// Status-dependent callbacks
+			jqXHR.statusCode( statusCode );
+			statusCode = undefined;
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError",
+					[ jqXHR, s, isSuccess ? success : error ] );
+			}
+
+			// Complete
+			completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
+				// Handle the global AJAX counter
+				if ( !( --jQuery.active ) ) {
+					jQuery.event.trigger("ajaxStop");
+				}
+			}
+		}
+
+		return jqXHR;
+	},
+
+	getJSON: function( url, data, callback ) {
+		return jQuery.get( url, data, callback, "json" );
+	},
+
+	getScript: function( url, callback ) {
+		return jQuery.get( url, undefined, callback, "script" );
+	}
+});
+
+jQuery.each( [ "get", "post" ], function( i, method ) {
+	jQuery[ method ] = function( url, data, callback, type ) {
+		// Shift arguments if data argument was omitted
+		if ( jQuery.isFunction( data ) ) {
+			type = type || callback;
+			callback = data;
+			data = undefined;
+		}
+
+		return jQuery.ajax({
+			url: url,
+			type: method,
+			dataType: type,
+			data: data,
+			success: callback
+		});
+	};
+});
+
+
+jQuery._evalUrl = function( url ) {
+	return jQuery.ajax({
+		url: url,
+		type: "GET",
+		dataType: "script",
+		async: false,
+		global: false,
+		"throws": true
+	});
+};
+
+
+jQuery.fn.extend({
+	wrapAll: function( html ) {
+		var wrap;
+
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function( i ) {
+				jQuery( this ).wrapAll( html.call(this, i) );
+			});
+		}
+
+		if ( this[ 0 ] ) {
+
+			// The elements to wrap the target around
+			wrap = jQuery( html, this[ 0 ].ownerDocument ).eq( 0 ).clone( true );
+
+			if ( this[ 0 ].parentNode ) {
+				wrap.insertBefore( this[ 0 ] );
+			}
+
+			wrap.map(function() {
+				var elem = this;
+
+				while ( elem.firstElementChild ) {
+					elem = elem.firstElementChild;
+				}
+
+				return elem;
+			}).append( this );
+		}
+
+		return this;
+	},
+
+	wrapInner: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function( i ) {
+				jQuery( this ).wrapInner( html.call(this, i) );
+			});
+		}
+
+		return this.each(function() {
+			var self = jQuery( this ),
+				contents = self.contents();
+
+			if ( contents.length ) {
+				contents.wrapAll( html );
+
+			} else {
+				self.append( html );
+			}
+		});
+	},
+
+	wrap: function( html ) {
+		var isFunction = jQuery.isFunction( html );
+
+		return this.each(function( i ) {
+			jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html );
+		});
+	},
+
+	unwrap: function() {
+		return this.parent().each(function() {
+			if ( !jQuery.nodeName( this, "body" ) ) {
+				jQuery( this ).replaceWith( this.childNodes );
+			}
+		}).end();
+	}
+});
+
+
+jQuery.expr.filters.hidden = function( elem ) {
+	// Support: Opera <= 12.12
+	// Opera reports offsetWidths and offsetHeights less than zero on some elements
+	return elem.offsetWidth <= 0 && elem.offsetHeight <= 0;
+};
+jQuery.expr.filters.visible = function( elem ) {
+	return !jQuery.expr.filters.hidden( elem );
+};
+
+
+
+
+var r20 = /%20/g,
+	rbracket = /\[\]$/,
+	rCRLF = /\r?\n/g,
+	rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i,
+	rsubmittable = /^(?:input|select|textarea|keygen)/i;
+
+function buildParams( prefix, obj, traditional, add ) {
+	var name;
+
+	if ( jQuery.isArray( obj ) ) {
+		// Serialize array item.
+		jQuery.each( obj, function( i, v ) {
+			if ( traditional || rbracket.test( prefix ) ) {
+				// Treat each array item as a scalar.
+				add( prefix, v );
+
+			} else {
+				// Item is non-scalar (array or object), encode its numeric index.
+				buildParams( prefix + "[" + ( typeof v === "object" ? i : "" ) + "]", v, traditional, add );
+			}
+		});
+
+	} else if ( !traditional && jQuery.type( obj ) === "object" ) {
+		// Serialize object item.
+		for ( name in obj ) {
+			buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
+		}
+
+	} else {
+		// Serialize scalar item.
+		add( prefix, obj );
+	}
+}
+
+// Serialize an array of form elements or a set of
+// key/values into a query string
+jQuery.param = function( a, traditional ) {
+	var prefix,
+		s = [],
+		add = function( key, value ) {
+			// If value is a function, invoke it and return its value
+			value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value );
+			s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
+		};
+
+	// Set traditional to true for jQuery <= 1.3.2 behavior.
+	if ( traditional === undefined ) {
+		traditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional;
+	}
+
+	// If an array was passed in, assume that it is an array of form elements.
+	if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
+		// Serialize the form elements
+		jQuery.each( a, function() {
+			add( this.name, this.value );
+		});
+
+	} else {
+		// If traditional, encode the "old" way (the way 1.3.2 or older
+		// did it), otherwise encode params recursively.
+		for ( prefix in a ) {
+			buildParams( prefix, a[ prefix ], traditional, add );
+		}
+	}
+
+	// Return the resulting serialization
+	return s.join( "&" ).replace( r20, "+" );
+};
+
+jQuery.fn.extend({
+	serialize: function() {
+		return jQuery.param( this.serializeArray() );
+	},
+	serializeArray: function() {
+		return this.map(function() {
+			// Can add propHook for "elements" to filter or add form elements
+			var elements = jQuery.prop( this, "elements" );
+			return elements ? jQuery.makeArray( elements ) : this;
+		})
+		.filter(function() {
+			var type = this.type;
+
+			// Use .is( ":disabled" ) so that fieldset[disabled] works
+			return this.name && !jQuery( this ).is( ":disabled" ) &&
+				rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) &&
+				( this.checked || !rcheckableType.test( type ) );
+		})
+		.map(function( i, elem ) {
+			var val = jQuery( this ).val();
+
+			return val == null ?
+				null :
+				jQuery.isArray( val ) ?
+					jQuery.map( val, function( val ) {
+						return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+					}) :
+					{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+		}).get();
+	}
+});
+
+
+jQuery.ajaxSettings.xhr = function() {
+	try {
+		return new XMLHttpRequest();
+	} catch( e ) {}
+};
+
+var xhrId = 0,
+	xhrCallbacks = {},
+	xhrSuccessStatus = {
+		// file protocol always yields status code 0, assume 200
+		0: 200,
+		// Support: IE9
+		// #1450: sometimes IE returns 1223 when it should be 204
+		1223: 204
+	},
+	xhrSupported = jQuery.ajaxSettings.xhr();
+
+// Support: IE9
+// Open requests must be manually aborted on unload (#5280)
+// See https://support.microsoft.com/kb/2856746 for more info
+if ( window.attachEvent ) {
+	window.attachEvent( "onunload", function() {
+		for ( var key in xhrCallbacks ) {
+			xhrCallbacks[ key ]();
+		}
+	});
+}
+
+support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported );
+support.ajax = xhrSupported = !!xhrSupported;
+
+jQuery.ajaxTransport(function( options ) {
+	var callback;
+
+	// Cross domain only allowed if supported through XMLHttpRequest
+	if ( support.cors || xhrSupported && !options.crossDomain ) {
+		return {
+			send: function( headers, complete ) {
+				var i,
+					xhr = options.xhr(),
+					id = ++xhrId;
+
+				xhr.open( options.type, options.url, options.async, options.username, options.password );
+
+				// Apply custom fields if provided
+				if ( options.xhrFields ) {
+					for ( i in options.xhrFields ) {
+						xhr[ i ] = options.xhrFields[ i ];
+					}
+				}
+
+				// Override mime type if needed
+				if ( options.mimeType && xhr.overrideMimeType ) {
+					xhr.overrideMimeType( options.mimeType );
+				}
+
+				// X-Requested-With header
+				// For cross-domain requests, seeing as conditions for a preflight are
+				// akin to a jigsaw puzzle, we simply never set it to be sure.
+				// (it can always be set on a per-request basis or even using ajaxSetup)
+				// For same-domain requests, won't change header if already provided.
+				if ( !options.crossDomain && !headers["X-Requested-With"] ) {
+					headers["X-Requested-With"] = "XMLHttpRequest";
+				}
+
+				// Set headers
+				for ( i in headers ) {
+					xhr.setRequestHeader( i, headers[ i ] );
+				}
+
+				// Callback
+				callback = function( type ) {
+					return function() {
+						if ( callback ) {
+							delete xhrCallbacks[ id ];
+							callback = xhr.onload = xhr.onerror = null;
+
+							if ( type === "abort" ) {
+								xhr.abort();
+							} else if ( type === "error" ) {
+								complete(
+									// file: protocol always yields status 0; see #8605, #14207
+									xhr.status,
+									xhr.statusText
+								);
+							} else {
+								complete(
+									xhrSuccessStatus[ xhr.status ] || xhr.status,
+									xhr.statusText,
+									// Support: IE9
+									// Accessing binary-data responseText throws an exception
+									// (#11426)
+									typeof xhr.responseText === "string" ? {
+										text: xhr.responseText
+									} : undefined,
+									xhr.getAllResponseHeaders()
+								);
+							}
+						}
+					};
+				};
+
+				// Listen to events
+				xhr.onload = callback();
+				xhr.onerror = callback("error");
+
+				// Create the abort callback
+				callback = xhrCallbacks[ id ] = callback("abort");
+
+				try {
+					// Do send the request (this may raise an exception)
+					xhr.send( options.hasContent && options.data || null );
+				} catch ( e ) {
+					// #14683: Only rethrow if this hasn't been notified as an error yet
+					if ( callback ) {
+						throw e;
+					}
+				}
+			},
+
+			abort: function() {
+				if ( callback ) {
+					callback();
+				}
+			}
+		};
+	}
+});
+
+
+
+
+// Install script dataType
+jQuery.ajaxSetup({
+	accepts: {
+		script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
+	},
+	contents: {
+		script: /(?:java|ecma)script/
+	},
+	converters: {
+		"text script": function( text ) {
+			jQuery.globalEval( text );
+			return text;
+		}
+	}
+});
+
+// Handle cache's special case and crossDomain
+jQuery.ajaxPrefilter( "script", function( s ) {
+	if ( s.cache === undefined ) {
+		s.cache = false;
+	}
+	if ( s.crossDomain ) {
+		s.type = "GET";
+	}
+});
+
+// Bind script tag hack transport
+jQuery.ajaxTransport( "script", function( s ) {
+	// This transport only deals with cross domain requests
+	if ( s.crossDomain ) {
+		var script, callback;
+		return {
+			send: function( _, complete ) {
+				script = jQuery("<script>").prop({
+					async: true,
+					charset: s.scriptCharset,
+					src: s.url
+				}).on(
+					"load error",
+					callback = function( evt ) {
+						script.remove();
+						callback = null;
+						if ( evt ) {
+							complete( evt.type === "error" ? 404 : 200, evt.type );
+						}
+					}
+				);
+				document.head.appendChild( script[ 0 ] );
+			},
+			abort: function() {
+				if ( callback ) {
+					callback();
+				}
+			}
+		};
+	}
+});
+
+
+
+
+var oldCallbacks = [],
+	rjsonp = /(=)\?(?=&|$)|\?\?/;
+
+// Default jsonp settings
+jQuery.ajaxSetup({
+	jsonp: "callback",
+	jsonpCallback: function() {
+		var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( nonce++ ) );
+		this[ callback ] = true;
+		return callback;
+	}
+});
+
+// Detect, normalize options and install callbacks for jsonp requests
+jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
+
+	var callbackName, overwritten, responseContainer,
+		jsonProp = s.jsonp !== false && ( rjsonp.test( s.url ) ?
+			"url" :
+			typeof s.data === "string" && !( s.contentType || "" ).indexOf("application/x-www-form-urlencoded") && rjsonp.test( s.data ) && "data"
+		);
+
+	// Handle iff the expected data type is "jsonp" or we have a parameter to set
+	if ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) {
+
+		// Get callback name, remembering preexisting value associated with it
+		callbackName = s.jsonpCallback = jQuery.isFunction( s.jsonpCallback ) ?
+			s.jsonpCallback() :
+			s.jsonpCallback;
+
+		// Insert callback into url or form data
+		if ( jsonProp ) {
+			s[ jsonProp ] = s[ jsonProp ].replace( rjsonp, "$1" + callbackName );
+		} else if ( s.jsonp !== false ) {
+			s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName;
+		}
+
+		// Use data converter to retrieve json after script execution
+		s.converters["script json"] = function() {
+			if ( !responseContainer ) {
+				jQuery.error( callbackName + " was not called" );
+			}
+			return responseContainer[ 0 ];
+		};
+
+		// force json dataType
+		s.dataTypes[ 0 ] = "json";
+
+		// Install callback
+		overwritten = window[ callbackName ];
+		window[ callbackName ] = function() {
+			responseContainer = arguments;
+		};
+
+		// Clean-up function (fires after converters)
+		jqXHR.always(function() {
+			// Restore preexisting value
+			window[ callbackName ] = overwritten;
+
+			// Save back as free
+			if ( s[ callbackName ] ) {
+				// make sure that re-using the options doesn't screw things around
+				s.jsonpCallback = originalSettings.jsonpCallback;
+
+				// save the callback name for future use
+				oldCallbacks.push( callbackName );
+			}
+
+			// Call if it was a function and we have a response
+			if ( responseContainer && jQuery.isFunction( overwritten ) ) {
+				overwritten( responseContainer[ 0 ] );
+			}
+
+			responseContainer = overwritten = undefined;
+		});
+
+		// Delegate to script
+		return "script";
+	}
+});
+
+
+
+
+// data: string of html
+// context (optional): If specified, the fragment will be created in this context, defaults to document
+// keepScripts (optional): If true, will include scripts passed in the html string
+jQuery.parseHTML = function( data, context, keepScripts ) {
+	if ( !data || typeof data !== "string" ) {
+		return null;
+	}
+	if ( typeof context === "boolean" ) {
+		keepScripts = context;
+		context = false;
+	}
+	context = context || document;
+
+	var parsed = rsingleTag.exec( data ),
+		scripts = !keepScripts && [];
+
+	// Single tag
+	if ( parsed ) {
+		return [ context.createElement( parsed[1] ) ];
+	}
+
+	parsed = jQuery.buildFragment( [ data ], context, scripts );
+
+	if ( scripts && scripts.length ) {
+		jQuery( scripts ).remove();
+	}
+
+	return jQuery.merge( [], parsed.childNodes );
+};
+
+
+// Keep a copy of the old load method
+var _load = jQuery.fn.load;
+
+/**
+ * Load a url into a page
+ */
+jQuery.fn.load = function( url, params, callback ) {
+	if ( typeof url !== "string" && _load ) {
+		return _load.apply( this, arguments );
+	}
+
+	var selector, type, response,
+		self = this,
+		off = url.indexOf(" ");
+
+	if ( off >= 0 ) {
+		selector = jQuery.trim( url.slice( off ) );
+		url = url.slice( 0, off );
+	}
+
+	// If it's a function
+	if ( jQuery.isFunction( params ) ) {
+
+		// We assume that it's the callback
+		callback = params;
+		params = undefined;
+
+	// Otherwise, build a param string
+	} else if ( params && typeof params === "object" ) {
+		type = "POST";
+	}
+
+	// If we have elements to modify, make the request
+	if ( self.length > 0 ) {
+		jQuery.ajax({
+			url: url,
+
+			// if "type" variable is undefined, then "GET" method will be used
+			type: type,
+			dataType: "html",
+			data: params
+		}).done(function( responseText ) {
+
+			// Save response for use in complete callback
+			response = arguments;
+
+			self.html( selector ?
+
+				// If a selector was specified, locate the right elements in a dummy div
+				// Exclude scripts to avoid IE 'Permission Denied' errors
+				jQuery("<div>").append( jQuery.parseHTML( responseText ) ).find( selector ) :
+
+				// Otherwise use the full result
+				responseText );
+
+		}).complete( callback && function( jqXHR, status ) {
+			self.each( callback, response || [ jqXHR.responseText, status, jqXHR ] );
+		});
+	}
+
+	return this;
+};
+
+
+
+
+// Attach a bunch of functions for handling common AJAX events
+jQuery.each( [ "ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend" ], function( i, type ) {
+	jQuery.fn[ type ] = function( fn ) {
+		return this.on( type, fn );
+	};
+});
+
+
+
+
+jQuery.expr.filters.animated = function( elem ) {
+	return jQuery.grep(jQuery.timers, function( fn ) {
+		return elem === fn.elem;
+	}).length;
+};
+
+
+
+
+var docElem = window.document.documentElement;
+
+/**
+ * Gets a window from an element
+ */
+function getWindow( elem ) {
+	return jQuery.isWindow( elem ) ? elem : elem.nodeType === 9 && elem.defaultView;
+}
+
+jQuery.offset = {
+	setOffset: function( elem, options, i ) {
+		var curPosition, curLeft, curCSSTop, curTop, curOffset, curCSSLeft, calculatePosition,
+			position = jQuery.css( elem, "position" ),
+			curElem = jQuery( elem ),
+			props = {};
+
+		// Set position first, in-case top/left are set even on static elem
+		if ( position === "static" ) {
+			elem.style.position = "relative";
+		}
+
+		curOffset = curElem.offset();
+		curCSSTop = jQuery.css( elem, "top" );
+		curCSSLeft = jQuery.css( elem, "left" );
+		calculatePosition = ( position === "absolute" || position === "fixed" ) &&
+			( curCSSTop + curCSSLeft ).indexOf("auto") > -1;
+
+		// Need to be able to calculate position if either
+		// top or left is auto and position is either absolute or fixed
+		if ( calculatePosition ) {
+			curPosition = curElem.position();
+			curTop = curPosition.top;
+			curLeft = curPosition.left;
+
+		} else {
+			curTop = parseFloat( curCSSTop ) || 0;
+			curLeft = parseFloat( curCSSLeft ) || 0;
+		}
+
+		if ( jQuery.isFunction( options ) ) {
+			options = options.call( elem, i, curOffset );
+		}
+
+		if ( options.top != null ) {
+			props.top = ( options.top - curOffset.top ) + curTop;
+		}
+		if ( options.left != null ) {
+			props.left = ( options.left - curOffset.left ) + curLeft;
+		}
+
+		if ( "using" in options ) {
+			options.using.call( elem, props );
+
+		} else {
+			curElem.css( props );
+		}
+	}
+};
+
+jQuery.fn.extend({
+	offset: function( options ) {
+		if ( arguments.length ) {
+			return options === undefined ?
+				this :
+				this.each(function( i ) {
+					jQuery.offset.setOffset( this, options, i );
+				});
+		}
+
+		var docElem, win,
+			elem = this[ 0 ],
+			box = { top: 0, left: 0 },
+			doc = elem && elem.ownerDocument;
+
+		if ( !doc ) {
+			return;
+		}
+
+		docElem = doc.documentElement;
+
+		// Make sure it's not a disconnected DOM node
+		if ( !jQuery.contains( docElem, elem ) ) {
+			return box;
+		}
+
+		// Support: BlackBerry 5, iOS 3 (original iPhone)
+		// If we don't have gBCR, just use 0,0 rather than error
+		if ( typeof elem.getBoundingClientRect !== strundefined ) {
+			box = elem.getBoundingClientRect();
+		}
+		win = getWindow( doc );
+		return {
+			top: box.top + win.pageYOffset - docElem.clientTop,
+			left: box.left + win.pageXOffset - docElem.clientLeft
+		};
+	},
+
+	position: function() {
+		if ( !this[ 0 ] ) {
+			return;
+		}
+
+		var offsetParent, offset,
+			elem = this[ 0 ],
+			parentOffset = { top: 0, left: 0 };
+
+		// Fixed elements are offset from window (parentOffset = {top:0, left: 0}, because it is its only offset parent
+		if ( jQuery.css( elem, "position" ) === "fixed" ) {
+			// Assume getBoundingClientRect is there when computed position is fixed
+			offset = elem.getBoundingClientRect();
+
+		} else {
+			// Get *real* offsetParent
+			offsetParent = this.offsetParent();
+
+			// Get correct offsets
+			offset = this.offset();
+			if ( !jQuery.nodeName( offsetParent[ 0 ], "html" ) ) {
+				parentOffset = offsetParent.offset();
+			}
+
+			// Add offsetParent borders
+			parentOffset.top += jQuery.css( offsetParent[ 0 ], "borderTopWidth", true );
+			parentOffset.left += jQuery.css( offsetParent[ 0 ], "borderLeftWidth", true );
+		}
+
+		// Subtract parent offsets and element margins
+		return {
+			top: offset.top - parentOffset.top - jQuery.css( elem, "marginTop", true ),
+			left: offset.left - parentOffset.left - jQuery.css( elem, "marginLeft", true )
+		};
+	},
+
+	offsetParent: function() {
+		return this.map(function() {
+			var offsetParent = this.offsetParent || docElem;
+
+			while ( offsetParent && ( !jQuery.nodeName( offsetParent, "html" ) && jQuery.css( offsetParent, "position" ) === "static" ) ) {
+				offsetParent = offsetParent.offsetParent;
+			}
+
+			return offsetParent || docElem;
+		});
+	}
+});
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( { scrollLeft: "pageXOffset", scrollTop: "pageYOffset" }, function( method, prop ) {
+	var top = "pageYOffset" === prop;
+
+	jQuery.fn[ method ] = function( val ) {
+		return access( this, function( elem, method, val ) {
+			var win = getWindow( elem );
+
+			if ( val === undefined ) {
+				return win ? win[ prop ] : elem[ method ];
+			}
+
+			if ( win ) {
+				win.scrollTo(
+					!top ? val : window.pageXOffset,
+					top ? val : window.pageYOffset
+				);
+
+			} else {
+				elem[ method ] = val;
+			}
+		}, method, val, arguments.length, null );
+	};
+});
+
+// Support: Safari<7+, Chrome<37+
+// Add the top/left cssHooks using jQuery.fn.position
+// Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
+// Blink bug: https://code.google.com/p/chromium/issues/detail?id=229280
+// getComputedStyle returns percent when specified for top/left/bottom/right;
+// rather than make the css module depend on the offset module, just check for it here
+jQuery.each( [ "top", "left" ], function( i, prop ) {
+	jQuery.cssHooks[ prop ] = addGetHookIf( support.pixelPosition,
+		function( elem, computed ) {
+			if ( computed ) {
+				computed = curCSS( elem, prop );
+				// If curCSS returns percentage, fallback to offset
+				return rnumnonpx.test( computed ) ?
+					jQuery( elem ).position()[ prop ] + "px" :
+					computed;
+			}
+		}
+	);
+});
+
+
+// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
+jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
+	jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name }, function( defaultExtra, funcName ) {
+		// Margin is only for outerHeight, outerWidth
+		jQuery.fn[ funcName ] = function( margin, value ) {
+			var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ),
+				extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" );
+
+			return access( this, function( elem, type, value ) {
+				var doc;
+
+				if ( jQuery.isWindow( elem ) ) {
+					// As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there
+					// isn't a whole lot we can do. See pull request at this URL for discussion:
+					// https://github.com/jquery/jquery/pull/764
+					return elem.document.documentElement[ "client" + name ];
+				}
+
+				// Get document width or height
+				if ( elem.nodeType === 9 ) {
+					doc = elem.documentElement;
+
+					// Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height],
+					// whichever is greatest
+					return Math.max(
+						elem.body[ "scroll" + name ], doc[ "scroll" + name ],
+						elem.body[ "offset" + name ], doc[ "offset" + name ],
+						doc[ "client" + name ]
+					);
+				}
+
+				return value === undefined ?
+					// Get width or height on the element, requesting but not forcing parseFloat
+					jQuery.css( elem, type, extra ) :
+
+					// Set width or height on the element
+					jQuery.style( elem, type, value, extra );
+			}, type, chainable ? margin : undefined, chainable, null );
+		};
+	});
+});
+
+
+// The number of elements contained in the matched element set
+jQuery.fn.size = function() {
+	return this.length;
+};
+
+jQuery.fn.andSelf = jQuery.fn.addBack;
+
+
+
+
+// Register as a named AMD module, since jQuery can be concatenated with other
+// files that may use define, but not via a proper concatenation script that
+// understands anonymous AMD modules. A named AMD is safest and most robust
+// way to register. Lowercase jquery is used because AMD module names are
+// derived from file names, and jQuery is normally delivered in a lowercase
+// file name. Do this after creating the global so that if an AMD module wants
+// to call noConflict to hide this version of jQuery, it will work.
+
+// Note that for maximum portability, libraries that are not jQuery should
+// declare themselves as anonymous modules, and avoid setting a global if an
+// AMD loader is present. jQuery is a special case. For more information, see
+// https://github.com/jrburke/requirejs/wiki/Updating-existing-libraries#wiki-anon
+
+if ( typeof define === "function" && define.amd ) {
+	define( "jquery", [], function() {
+		return jQuery;
+	});
+}
+
+
+
+
+var
+	// Map over jQuery in case of overwrite
+	_jQuery = window.jQuery,
+
+	// Map over the $ in case of overwrite
+	_$ = window.$;
+
+jQuery.noConflict = function( deep ) {
+	if ( window.$ === jQuery ) {
+		window.$ = _$;
+	}
+
+	if ( deep && window.jQuery === jQuery ) {
+		window.jQuery = _jQuery;
+	}
+
+	return jQuery;
+};
+
+// Expose jQuery and $ identifiers, even in AMD
+// (#7102#comment:10, https://github.com/jquery/jquery/pull/557)
+// and CommonJS for browser emulators (#13566)
+if ( typeof noGlobal === strundefined ) {
+	window.jQuery = window.$ = jQuery;
+}
+
+
+
+
+return jQuery;
+
+}));
diff --git a/vendor/javascripts/jquery.nicescroll.js b/vendor/javascripts/jquery.nicescroll.js
new file mode 100755
index 0000000..62f9769
--- /dev/null
+++ b/vendor/javascripts/jquery.nicescroll.js
@@ -0,0 +1,3261 @@
+/* jquery.nicescroll
+-- version 3.5.6
+-- copyright 2014-10-09 InuYaksa*2014
+-- licensed under the MIT
+--
+-- http://nicescroll.areaaperta.com/
+-- https://github.com/inuyaksa/jquery.nicescroll
+--
+*/
+
+(function (factory) {
+  if (typeof define === 'function' && define.amd) {
+		// AMD. Register as anonymous module.
+		define(['jquery'], factory);
+	} else {
+		// Browser globals.
+		factory(jQuery);
+	}
+}(function(jQuery){
+
+  // globals
+  var domfocus = false;
+  var mousefocus = false;
+  var zoomactive = false;
+  var tabindexcounter = 0;
+  var ascrailcounter = 2000;
+  var globalmaxzindex = 0;
+  
+  var $ = jQuery;  // sandbox
+ 
+  // http://stackoverflow.com/questions/2161159/get-script-path
+  function getScriptPath() {
+    var scripts=document.getElementsByTagName('script');
+    var path=scripts[scripts.length-1].src.split('?')[0];
+    return (path.split('/').length>0) ? path.split('/').slice(0,-1).join('/')+'/' : '';
+  }
+//  var scriptpath = getScriptPath();
+  
+  var vendors = ['ms','moz','webkit','o'];
+  
+  var setAnimationFrame = window.requestAnimationFrame||false;
+  var clearAnimationFrame = window.cancelAnimationFrame||false;
+
+  if (!setAnimationFrame) {
+    for(var vx in vendors) {
+      var v = vendors[vx];
+      if (!setAnimationFrame) setAnimationFrame = window[v+'RequestAnimationFrame'];
+      if (!clearAnimationFrame) clearAnimationFrame = window[v+'CancelAnimationFrame']||window[v+'CancelRequestAnimationFrame'];
+    }
+  }
+  
+  var clsMutationObserver = window.MutationObserver || window.WebKitMutationObserver || false;
+  
+  var _globaloptions = {
+      zindex:"auto",
+      cursoropacitymin:0,
+      cursoropacitymax:1,
+      cursorcolor:"#424242",
+      cursorwidth:"5px",
+      cursorborder:"1px solid #fff",
+      cursorborderradius:"5px",
+      scrollspeed:60,
+      mousescrollstep:8*3,
+      touchbehavior:false,
+      hwacceleration:true,
+      usetransition:true,
+      boxzoom:false,
+      dblclickzoom:true,
+      gesturezoom:true,
+      grabcursorenabled:true,
+      autohidemode:true,
+      background:"",
+      iframeautoresize:true,
+      cursorminheight:32,
+      preservenativescrolling:true,
+      railoffset:false,
+      railhoffset:false,
+      bouncescroll:true,
+      spacebarenabled:true,
+      railpadding:{top:0,right:0,left:0,bottom:0},
+      disableoutline:true,
+      horizrailenabled:true,
+      railalign:"right",
+      railvalign:"bottom",
+      enabletranslate3d:true,
+      enablemousewheel:true,
+      enablekeyboard:true,
+      smoothscroll:true,
+      sensitiverail:true,
+      enablemouselockapi:true,
+//      cursormaxheight:false,
+      cursorfixedheight:false,      
+      directionlockdeadzone:6,
+      hidecursordelay:400,
+      nativeparentscrolling:true,
+      enablescrollonselection:true,
+      overflowx:true,
+      overflowy:true,
+      cursordragspeed:0.3,
+      rtlmode:"auto",
+      cursordragontouch:false,
+      oneaxismousemode:"auto",
+			scriptpath:getScriptPath()
+  };
+  
+  var browserdetected = false;
+  
+  var getBrowserDetection = function() {
+  
+    if (browserdetected) return browserdetected;
+  
+    var domtest = document.createElement('DIV');
+
+    var d = {};
+    
+		d.haspointerlock = "pointerLockElement" in document || "mozPointerLockElement" in document || "webkitPointerLockElement" in document;
+		
+    d.isopera = ("opera" in window);
+    d.isopera12 = (d.isopera&&("getUserMedia" in navigator));
+    d.isoperamini = (Object.prototype.toString.call(window.operamini) === "[object OperaMini]");
+    
+    d.isie = (("all" in document) && ("attachEvent" in domtest) && !d.isopera);
+    d.isieold = (d.isie && !("msInterpolationMode" in domtest.style));  // IE6 and older
+    d.isie7 = d.isie&&!d.isieold&&(!("documentMode" in document)||(document.documentMode==7));
+    d.isie8 = d.isie&&("documentMode" in document)&&(document.documentMode==8);
+    d.isie9 = d.isie&&("performance" in window)&&(document.documentMode>=9);
+    d.isie10 = d.isie&&("performance" in window)&&(document.documentMode>=10);
+    
+    d.isie9mobile = /iemobile.9/i.test(navigator.userAgent);  //wp 7.1 mango
+    if (d.isie9mobile) d.isie9 = false;
+    d.isie7mobile = (!d.isie9mobile&&d.isie7) && /iemobile/i.test(navigator.userAgent);  //wp 7.0
+    
+    d.ismozilla = ("MozAppearance" in domtest.style);
+		
+    d.iswebkit = ("WebkitAppearance" in domtest.style);
+    
+    d.ischrome = ("chrome" in window);
+		d.ischrome22 = (d.ischrome&&d.haspointerlock);
+    d.ischrome26 = (d.ischrome&&("transition" in domtest.style));  // issue with transform detection (maintain prefix)
+    
+    d.cantouch = ("ontouchstart" in document.documentElement)||("ontouchstart" in window);  // detection for Chrome Touch Emulation
+    d.hasmstouch = (window.navigator.msPointerEnabled||false);  // IE10+ pointer events
+		
+    d.ismac = /^mac$/i.test(navigator.platform);
+    
+    d.isios = (d.cantouch && /iphone|ipad|ipod/i.test(navigator.platform));
+    d.isios4 = ((d.isios)&&!("seal" in Object));
+    
+    d.isandroid = (/android/i.test(navigator.userAgent));
+    
+    d.trstyle = false;
+    d.hastransform = false;
+    d.hastranslate3d = false;
+    d.transitionstyle = false;
+    d.hastransition = false;
+    d.transitionend = false;
+    
+    var check = ['transform','msTransform','webkitTransform','MozTransform','OTransform'];
+    for(var a=0;a<check.length;a++){
+      if (typeof domtest.style[check[a]] != "undefined") {
+        d.trstyle = check[a];
+        break;
+      }
+    }
+    d.hastransform = (d.trstyle != false);
+    if (d.hastransform) {
+      domtest.style[d.trstyle] = "translate3d(1px,2px,3px)";
+      d.hastranslate3d = /translate3d/.test(domtest.style[d.trstyle]);
+    }
+    
+    d.transitionstyle = false;
+    d.prefixstyle = '';
+    d.transitionend = false;
+    var check = ['transition','webkitTransition','MozTransition','OTransition','OTransition','msTransition','KhtmlTransition'];
+    var prefix = ['','-webkit-','-moz-','-o-','-o','-ms-','-khtml-'];
+    var evs = ['transitionend','webkitTransitionEnd','transitionend','otransitionend','oTransitionEnd','msTransitionEnd','KhtmlTransitionEnd'];
+    for(var a=0;a<check.length;a++) {
+      if (check[a] in domtest.style) {
+        d.transitionstyle = check[a];
+        d.prefixstyle = prefix[a];
+        d.transitionend = evs[a];
+        break;
+      }
+    }
+    if (d.ischrome26) {  // use always prefix
+      d.prefixstyle = prefix[1];
+    }
+    
+    d.hastransition = (d.transitionstyle);
+    
+    function detectCursorGrab() {      
+      var lst = ['-moz-grab','-webkit-grab','grab'];
+      if ((d.ischrome&&!d.ischrome22)||d.isie) lst=[];  // force setting for IE returns false positive and chrome cursor bug
+      for(var a=0;a<lst.length;a++) {
+        var p = lst[a];
+        domtest.style['cursor']=p;
+        if (domtest.style['cursor']==p) return p;
+      }
+      return 'url(//mail.google.com/mail/images/2/openhand.cur),n-resize';  // thank you google for custom cursor!
+    }
+    d.cursorgrabvalue = detectCursorGrab();
+
+    d.hasmousecapture = ("setCapture" in domtest);
+    
+    d.hasMutationObserver = (clsMutationObserver !== false);
+    
+    domtest = null;  //memory released
+
+    browserdetected = d;
+    
+    return d;  
+  };
+  
+  var NiceScrollClass = function(myopt,me) {
+
+    var self = this;
+
+    this.version = '3.5.6';
+    this.name = 'nicescroll';
+    
+    this.me = me;
+    
+    this.opt = {
+      doc:$("body"),
+      win:false
+    };
+    
+    $.extend(this.opt,_globaloptions);
+    
+// Options for internal use
+    this.opt.snapbackspeed = 80;
+    
+    if (myopt||false) {
+      for(var a in self.opt) {
+        if (typeof myopt[a] != "undefined") self.opt[a] = myopt[a];
+      }
+    }
+    
+    this.doc = self.opt.doc;
+    this.iddoc = (this.doc&&this.doc[0])?this.doc[0].id||'':'';    
+    this.ispage = /^BODY|HTML/.test((self.opt.win)?self.opt.win[0].nodeName:this.doc[0].nodeName);
+    this.haswrapper = (self.opt.win!==false);
+    this.win = self.opt.win||(this.ispage?$(window):this.doc);
+    this.docscroll = (this.ispage&&!this.haswrapper)?$(window):this.win;
+    this.body = $("body");
+    this.viewport = false;
+    
+    this.isfixed = false;
+    
+    this.iframe = false;
+    this.isiframe = ((this.doc[0].nodeName == 'IFRAME') && (this.win[0].nodeName == 'IFRAME'));
+    
+    this.istextarea = (this.win[0].nodeName == 'TEXTAREA');
+    
+    this.forcescreen = false; //force to use screen position on events
+
+    this.canshowonmouseevent = (self.opt.autohidemode!="scroll");
+    
+// Events jump table    
+    this.onmousedown = false;
+    this.onmouseup = false;
+    this.onmousemove = false;
+    this.onmousewheel = false;
+    this.onkeypress = false;
+    this.ongesturezoom = false;
+    this.onclick = false;
+    
+// Nicescroll custom events
+    this.onscrollstart = false;
+    this.onscrollend = false;
+    this.onscrollcancel = false;    
+    
+    this.onzoomin = false;
+    this.onzoomout = false;
+    
+// Let's start!  
+    this.view = false;
+    this.page = false;
+    
+    this.scroll = {x:0,y:0};
+    this.scrollratio = {x:0,y:0};    
+    this.cursorheight = 20;
+    this.scrollvaluemax = 0;
+    
+		this.isrtlmode = (this.opt.rtlmode=="auto") ? ((this.win[0]==window?this.body:this.win).css("direction")=="rtl") : (this.opt.rtlmode===true);
+//    this.checkrtlmode = false;
+    
+    this.scrollrunning = false;
+    
+    this.scrollmom = false;
+    
+    this.observer = false;
+    this.observerremover = false;  // observer on parent for remove detection
+    
+    do {
+      this.id = "ascrail"+(ascrailcounter++);
+    } while (document.getElementById(this.id));
+    
+    this.rail = false;
+    this.cursor = false;
+    this.cursorfreezed = false;  
+    this.selectiondrag = false;
+    
+    this.zoom = false;
+    this.zoomactive = false;
+    
+    this.hasfocus = false;
+    this.hasmousefocus = false;
+    
+    this.visibility = true;
+    this.locked = false;
+    this.hidden = false; // rails always hidden
+    this.cursoractive = true; // user can interact with cursors
+		
+		this.wheelprevented = false;  //prevent mousewheel event
+    
+    this.overflowx = self.opt.overflowx;
+    this.overflowy = self.opt.overflowy;
+    
+    this.nativescrollingarea = false;
+    this.checkarea = 0;
+    
+    this.events = [];  // event list for unbind
+    
+    this.saved = {};
+    
+    this.delaylist = {};
+    this.synclist = {};
+    
+    this.lastdeltax = 0;
+    this.lastdeltay = 0;
+    
+    this.detected = getBrowserDetection(); 
+
+    var cap = $.extend({},this.detected);
+ 
+    this.canhwscroll = (cap.hastransform&&self.opt.hwacceleration);
+    this.ishwscroll = (this.canhwscroll&&self.haswrapper);
+    
+    this.istouchcapable = false;  // desktop devices with touch screen support
+    
+//## Check WebKit-based desktop with touch support
+    if (cap.cantouch&&cap.iswebkit&&!cap.isios&&!cap.isandroid) {
+      this.istouchcapable = true;
+      cap.cantouch = false;  // parse normal desktop events
+    }    
+
+//## Firefox 18 nightly build (desktop) false positive (or desktop with touch support)
+    if (cap.cantouch&&cap.ismozilla&&!cap.isios&&!cap.isandroid) {
+      this.istouchcapable = true;
+      cap.cantouch = false;  // parse normal desktop events
+    }    
+    
+//## disable MouseLock API on user request
+
+    if (!self.opt.enablemouselockapi) {
+      cap.hasmousecapture = false;
+      cap.haspointerlock = false;
+    }
+    
+    this.delayed = function(name,fn,tm,lazy) {
+      var dd = self.delaylist[name];
+      var nw = (new Date()).getTime();
+      if (!lazy&&dd&&dd.tt) return false;
+      if (dd&&dd.tt) clearTimeout(dd.tt);
+      if (dd&&dd.last+tm>nw&&!dd.tt) {      
+        self.delaylist[name] = {
+          last:nw+tm,
+          tt:setTimeout(function(){if(self||false){self.delaylist[name].tt=0;fn.call()}},tm)
+        }
+      }
+      else if (!dd||!dd.tt) {
+        self.delaylist[name] = {
+          last:nw,
+          tt:0
+        };
+        setTimeout(function(){fn.call();},0);
+      }
+    };
+    
+    this.debounced = function(name,fn,tm) {
+      var dd = self.delaylist[name];
+      var nw = (new Date()).getTime();      
+      self.delaylist[name] = fn;
+      if (!dd) {        
+        setTimeout(function(){var fn=self.delaylist[name];self.delaylist[name]=false;fn.call();},tm);
+      }
+    };
+    
+		var _onsync = false;
+		
+    this.synched = function(name,fn) {
+    
+      function requestSync() {
+        if (_onsync) return;
+        setAnimationFrame(function(){
+          _onsync = false;
+          for(name in self.synclist){
+            var fn = self.synclist[name];
+            if (fn) fn.call(self);
+            self.synclist[name] = false;
+          }
+        });
+        _onsync = true;
+      };    
+    
+      self.synclist[name] = fn;
+      requestSync();
+      return name;
+    };
+    
+    this.unsynched = function(name) {
+      if (self.synclist[name]) self.synclist[name] = false;
+    };
+    
+    this.css = function(el,pars) {  // save & set
+      for(var n in pars) {
+        self.saved.css.push([el,n,el.css(n)]);
+        el.css(n,pars[n]);
+      }
+    };
+    
+    this.scrollTop = function(val) {
+      return (typeof val == "undefined") ? self.getScrollTop() : self.setScrollTop(val);
+    };
+
+    this.scrollLeft = function(val) {
+      return (typeof val == "undefined") ? self.getScrollLeft() : self.setScrollLeft(val);
+    };
+    
+// derived by by Dan Pupius www.pupius.net
+    BezierClass = function(st,ed,spd,p1,p2,p3,p4) {
+      this.st = st;
+      this.ed = ed;
+      this.spd = spd;
+      
+      this.p1 = p1||0;
+      this.p2 = p2||1;
+      this.p3 = p3||0;
+      this.p4 = p4||1;
+      
+      this.ts = (new Date()).getTime();
+      this.df = this.ed-this.st;
+    };
+    BezierClass.prototype = {
+      B2:function(t){ return 3*t*t*(1-t) },
+      B3:function(t){ return 3*t*(1-t)*(1-t) },
+      B4:function(t){ return (1-t)*(1-t)*(1-t) },
+      getNow:function(){
+        var nw = (new Date()).getTime();
+        var pc = 1-((nw-this.ts)/this.spd);
+        var bz = this.B2(pc) + this.B3(pc) + this.B4(pc);
+        return (pc<0) ? this.ed : this.st+Math.round(this.df*bz);
+      },
+      update:function(ed,spd){
+        this.st = this.getNow();
+        this.ed = ed;
+        this.spd = spd;
+        this.ts = (new Date()).getTime();
+        this.df = this.ed-this.st;
+        return this;
+      }
+    };
+    
+    if (this.ishwscroll) {  
+    // hw accelerated scroll
+      this.doc.translate = {x:0,y:0,tx:"0px",ty:"0px"};
+      
+      //this one can help to enable hw accel on ios6 http://indiegamr.com/ios6-html-hardware-acceleration-changes-and-how-to-fix-them/
+      if (cap.hastranslate3d&&cap.isios) this.doc.css("-webkit-backface-visibility","hidden");  // prevent flickering http://stackoverflow.com/questions/3461441/      
+      
+      //derived from http://stackoverflow.com/questions/11236090/
+      function getMatrixValues() {
+        var tr = self.doc.css(cap.trstyle);
+        if (tr&&(tr.substr(0,6)=="matrix")) {
+          return tr.replace(/^.*\((.*)\)$/g, "$1").replace(/px/g,'').split(/, +/);
+        }
+        return false;
+      }
+      
+      this.getScrollTop = function(last) {
+        if (!last) {
+          var mtx = getMatrixValues();
+          if (mtx) return (mtx.length==16) ? -mtx[13] : -mtx[5];  //matrix3d 16 on IE10
+          if (self.timerscroll&&self.timerscroll.bz) return self.timerscroll.bz.getNow();
+        }
+        return self.doc.translate.y;
+      };
+
+      this.getScrollLeft = function(last) {
+        if (!last) {
+          var mtx = getMatrixValues();          
+          if (mtx) return (mtx.length==16) ? -mtx[12] : -mtx[4];  //matrix3d 16 on IE10
+          if (self.timerscroll&&self.timerscroll.bh) return self.timerscroll.bh.getNow();
+        }
+        return self.doc.translate.x;
+      };
+      
+      if (document.createEvent) {
+        this.notifyScrollEvent = function(el) {
+          var e = document.createEvent("UIEvents");
+          e.initUIEvent("scroll", false, true, window, 1);
+          el.dispatchEvent(e);
+        };
+      }
+      else if (document.fireEvent) {
+        this.notifyScrollEvent = function(el) {
+          var e = document.createEventObject();
+          el.fireEvent("onscroll");
+          e.cancelBubble = true; 
+        };
+      }
+      else {
+        this.notifyScrollEvent = function(el,add) {}; //NOPE
+      }
+      
+			var cxscrollleft = (this.isrtlmode) ? 1 : -1;
+			
+      if (cap.hastranslate3d&&self.opt.enabletranslate3d) {
+        this.setScrollTop = function(val,silent) {
+          self.doc.translate.y = val;
+          self.doc.translate.ty = (val*-1)+"px";
+          self.doc.css(cap.trstyle,"translate3d("+self.doc.translate.tx+","+self.doc.translate.ty+",0px)");          
+          if (!silent) self.notifyScrollEvent(self.win[0]);
+        };
+        this.setScrollLeft = function(val,silent) {          
+          self.doc.translate.x = val;
+          self.doc.translate.tx = (val*cxscrollleft)+"px";
+          self.doc.css(cap.trstyle,"translate3d("+self.doc.translate.tx+","+self.doc.translate.ty+",0px)");          
+          if (!silent) self.notifyScrollEvent(self.win[0]);
+        };
+      } else {
+        this.setScrollTop = function(val,silent) {
+          self.doc.translate.y = val;
+          self.doc.translate.ty = (val*-1)+"px";
+          self.doc.css(cap.trstyle,"translate("+self.doc.translate.tx+","+self.doc.translate.ty+")");
+          if (!silent) self.notifyScrollEvent(self.win[0]);          
+        };
+        this.setScrollLeft = function(val,silent) {        
+          self.doc.translate.x = val;
+          self.doc.translate.tx = (val*cxscrollleft)+"px";
+          self.doc.css(cap.trstyle,"translate("+self.doc.translate.tx+","+self.doc.translate.ty+")");
+          if (!silent) self.notifyScrollEvent(self.win[0]);
+        };
+      }
+    } else {
+    // native scroll
+      this.getScrollTop = function() {
+        return self.docscroll.scrollTop();
+      };
+      this.setScrollTop = function(val) {
+        return self.docscroll.scrollTop(val);
+      };
+      this.getScrollLeft = function() {
+        if(self.detected.ismozilla&&self.isrtlmode)
+            return Math.abs(self.docscroll.scrollLeft());
+        return self.docscroll.scrollLeft();
+      };
+      this.setScrollLeft = function(val) {
+        return self.docscroll.scrollLeft((self.detected.ismozilla&&self.isrtlmode)?-val:val);
+      };
+    }
+    
+    this.getTarget = function(e) {
+      if (!e) return false;
+      if (e.target) return e.target;
+      if (e.srcElement) return e.srcElement;
+      return false;
+    };
+    
+    this.hasParent = function(e,id) {
+      if (!e) return false;
+      var el = e.target||e.srcElement||e||false;
+      while (el && el.id != id) {
+        el = el.parentNode||false;
+      }
+      return (el!==false);
+    };
+    
+    function getZIndex() {
+      var dom = self.win;
+      if ("zIndex" in dom) return dom.zIndex();  // use jQuery UI method when available
+      while (dom.length>0) {        
+        if (dom[0].nodeType==9) return false;
+        var zi = dom.css('zIndex');        
+        if (!isNaN(zi)&&zi!=0) return parseInt(zi);
+        dom = dom.parent();
+      }
+      return false;
+    };
+    
+//inspired by http://forum.jquery.com/topic/width-includes-border-width-when-set-to-thin-medium-thick-in-ie
+    var _convertBorderWidth = {"thin":1,"medium":3,"thick":5};
+    function getWidthToPixel(dom,prop,chkheight) {
+      var wd = dom.css(prop);
+      var px = parseFloat(wd);
+      if (isNaN(px)) {
+        px = _convertBorderWidth[wd]||0;
+        var brd = (px==3) ? ((chkheight)?(self.win.outerHeight() - self.win.innerHeight()):(self.win.outerWidth() - self.win.innerWidth())) : 1; //DON'T TRUST CSS
+        if (self.isie8&&px) px+=1;
+        return (brd) ? px : 0; 
+      }
+      return px;
+    };
+    
+    this.getOffset = function() {
+      if (self.isfixed) return {top:parseFloat(self.win.css('top')),left:parseFloat(self.win.css('left'))};
+      if (!self.viewport) return self.win.offset();
+      var ww = self.win.offset();
+      var vp = self.viewport.offset();
+      return {top:ww.top-vp.top+self.viewport.scrollTop(),left:ww.left-vp.left+self.viewport.scrollLeft()};
+    };
+    
+    this.updateScrollBar = function(len) {
+      if (self.ishwscroll) {
+        self.rail.css({height:self.win.innerHeight()});
+        if (self.railh) self.railh.css({width:self.win.innerWidth()});
+      } else {
+        var wpos = self.getOffset();
+        var pos = {top:wpos.top,left:wpos.left};
+        pos.top+= getWidthToPixel(self.win,'border-top-width',true);
+        var brd = (self.win.outerWidth() - self.win.innerWidth())/2;
+        pos.left+= (self.rail.align) ? self.win.outerWidth() - getWidthToPixel(self.win,'border-right-width') - self.rail.width : getWidthToPixel(self.win,'border-left-width');
+        
+        var off = self.opt.railoffset;
+        if (off) {
+          if (off.top) pos.top+=off.top;
+          if (self.rail.align&&off.left) pos.left+=off.left;
+        }
+        
+				if (!self.locked) self.rail.css({top:pos.top,left:pos.left,height:(len)?len.h:self.win.innerHeight()});
+				
+				if (self.zoom) {				  
+				  self.zoom.css({top:pos.top+1,left:(self.rail.align==1) ? pos.left-20 : pos.left+self.rail.width+4});
+			  }
+				
+				if (self.railh&&!self.locked) {
+					var pos = {top:wpos.top,left:wpos.left};
+          var off = self.opt.railhoffset;
+          if (!!off) {
+            if (!!off.top) pos.top+=off.top;
+            if (!!off.left) pos.left+=off.left;
+          }
+					var y = (self.railh.align) ? pos.top + getWidthToPixel(self.win,'border-top-width',true) + self.win.innerHeight() - self.railh.height : pos.top + getWidthToPixel(self.win,'border-top-width',true);
+					var x = pos.left + getWidthToPixel(self.win,'border-left-width');
+					self.railh.css({top:y,left:x,width:self.railh.width});
+				}
+		
+				
+      }
+    };
+    
+    this.doRailClick = function(e,dbl,hr) {
+
+      var fn,pg,cur,pos;
+      
+//      if (self.rail.drag&&self.rail.drag.pt!=1) return;
+      if (self.locked) return;
+//      if (self.rail.drag) return;
+
+//      self.cancelScroll();       
+      
+      self.cancelEvent(e);
+      
+      if (dbl) {
+        fn = (hr) ? self.doScrollLeft : self.doScrollTop;
+        cur = (hr) ? ((e.pageX - self.railh.offset().left - (self.cursorwidth/2)) * self.scrollratio.x) : ((e.pageY - self.rail.offset().top - (self.cursorheight/2)) * self.scrollratio.y);
+        fn(cur);
+      } else {
+        fn = (hr) ? self.doScrollLeftBy : self.doScrollBy;
+        cur = (hr) ? self.scroll.x : self.scroll.y;
+        pos = (hr) ? e.pageX - self.railh.offset().left : e.pageY - self.rail.offset().top;
+        pg = (hr) ? self.view.w : self.view.h;        
+        (cur>=pos) ? fn(pg) : fn(-pg);
+      }
+    
+    };
+    
+    self.hasanimationframe = (setAnimationFrame);
+    self.hascancelanimationframe = (clearAnimationFrame);
+    
+    if (!self.hasanimationframe) {
+      setAnimationFrame=function(fn){return setTimeout(fn,15-Math.floor((+new Date)/1000)%16)}; // 1000/60)};
+      clearAnimationFrame=clearInterval;
+    } 
+    else if (!self.hascancelanimationframe) clearAnimationFrame=function(){self.cancelAnimationFrame=true};
+    
+    this.init = function() {
+
+      self.saved.css = [];
+      
+      if (cap.isie7mobile) return true; // SORRY, DO NOT WORK!
+      if (cap.isoperamini) return true; // SORRY, DO NOT WORK!
+      
+      if (cap.hasmstouch) self.css((self.ispage)?$("html"):self.win,{'-ms-touch-action':'none'});
+      
+      self.zindex = "auto";
+      if (!self.ispage&&self.opt.zindex=="auto") {
+        self.zindex = getZIndex()||"auto";
+      } else {
+        self.zindex = self.opt.zindex;
+      }
+      
+      if (!self.ispage&&self.zindex!="auto") {
+        if (self.zindex>globalmaxzindex) globalmaxzindex=self.zindex;
+      }
+      
+      if (self.isie&&self.zindex==0&&self.opt.zindex=="auto") {  // fix IE auto == 0
+        self.zindex="auto";
+      }
+      
+/*      
+      self.ispage = true;
+      self.haswrapper = true;
+//      self.win = $(window);
+      self.docscroll = $("body");
+//      self.doc = $("body");
+*/
+      
+      if (!self.ispage || (!cap.cantouch && !cap.isieold && !cap.isie9mobile)) {
+      
+        var cont = self.docscroll;
+        if (self.ispage) cont = (self.haswrapper)?self.win:self.doc;
+        
+        if (!cap.isie9mobile) self.css(cont,{'overflow-y':'hidden'});      
+        
+        if (self.ispage&&cap.isie7) {
+          if (self.doc[0].nodeName=='BODY') self.css($("html"),{'overflow-y':'hidden'});  //IE7 double scrollbar issue
+          else if (self.doc[0].nodeName=='HTML') self.css($("body"),{'overflow-y':'hidden'});  //IE7 double scrollbar issue
+        }
+        
+        if (cap.isios&&!self.ispage&&!self.haswrapper) self.css($("body"),{"-webkit-overflow-scrolling":"touch"});  //force hw acceleration
+        
+        var cursor = $(document.createElement('div'));
+        cursor.css({
+          position:"relative",top:0,"float":"right",width:self.opt.cursorwidth,height:"0px",
+          'background-color':self.opt.cursorcolor,
+          border:self.opt.cursorborder,
+          'background-clip':'padding-box',
+          '-webkit-border-radius':self.opt.cursorborderradius,
+          '-moz-border-radius':self.opt.cursorborderradius,
+          'border-radius':self.opt.cursorborderradius
+        });   
+        
+        cursor.hborder = parseFloat(cursor.outerHeight() - cursor.innerHeight());        
+        self.cursor = cursor;        
+        
+        var rail = $(document.createElement('div'));
+        rail.attr('id',self.id);
+        rail.addClass('nicescroll-rails');
+        
+        var v,a,kp = ["left","right"];  //"top","bottom"
+        for(var n in kp) {
+          a=kp[n];
+          v = self.opt.railpadding[a];
+          (v) ? rail.css("padding-"+a,v+"px") : self.opt.railpadding[a] = 0;
+        }
+        
+        rail.append(cursor);
+        
+        rail.width = Math.max(parseFloat(self.opt.cursorwidth),cursor.outerWidth()) + self.opt.railpadding['left'] + self.opt.railpadding['right'];
+        rail.css({width:rail.width+"px",'zIndex':self.zindex,"background":self.opt.background,cursor:"default"});        
+        
+        rail.visibility = true;
+        rail.scrollable = true;
+        
+        rail.align = (self.opt.railalign=="left") ? 0 : 1;
+        
+        self.rail = rail;
+        
+        self.rail.drag = false;
+        
+        var zoom = false;
+        if (self.opt.boxzoom&&!self.ispage&&!cap.isieold) {
+          zoom = document.createElement('div');          
+          self.bind(zoom,"click",self.doZoom);
+          self.zoom = $(zoom);
+          self.zoom.css({"cursor":"pointer",'z-index':self.zindex,'backgroundImage':'url('+self.opt.scriptpath+'zoomico.png)','height':18,'width':18,'backgroundPosition':'0px 0px'});
+          if (self.opt.dblclickzoom) self.bind(self.win,"dblclick",self.doZoom);
+          if (cap.cantouch&&self.opt.gesturezoom) {
+            self.ongesturezoom = function(e) {
+              if (e.scale>1.5) self.doZoomIn(e);
+              if (e.scale<0.8) self.doZoomOut(e);
+              return self.cancelEvent(e);
+            };
+            self.bind(self.win,"gestureend",self.ongesturezoom);             
+          }
+        }
+        
+// init HORIZ
+
+        self.railh = false;
+
+        if (self.opt.horizrailenabled) {
+
+          self.css(cont,{'overflow-x':'hidden'});
+
+          var cursor = $(document.createElement('div'));
+          cursor.css({
+            position:"absolute",top:0,height:self.opt.cursorwidth,width:"0px",
+            'background-color':self.opt.cursorcolor,
+            border:self.opt.cursorborder,
+            'background-clip':'padding-box',
+            '-webkit-border-radius':self.opt.cursorborderradius,
+            '-moz-border-radius':self.opt.cursorborderradius,
+            'border-radius':self.opt.cursorborderradius
+          });   
+          
+          cursor.wborder = parseFloat(cursor.outerWidth() - cursor.innerWidth());
+          self.cursorh = cursor;
+          
+          var railh = $(document.createElement('div'));
+          railh.attr('id',self.id+'-hr');
+          railh.addClass('nicescroll-rails');
+          railh.height = Math.max(parseFloat(self.opt.cursorwidth),cursor.outerHeight());
+          railh.css({height:railh.height+"px",'zIndex':self.zindex,"background":self.opt.background});
+          
+          railh.append(cursor);
+          
+          railh.visibility = true;
+          railh.scrollable = true;
+          
+          railh.align = (self.opt.railvalign=="top") ? 0 : 1;
+          
+          self.railh = railh;
+          
+          self.railh.drag = false;
+          
+        }
+        
+//        
+        
+        if (self.ispage) {
+          rail.css({position:"fixed",top:"0px",height:"100%"});
+          (rail.align) ? rail.css({right:"0px"}) : rail.css({left:"0px"});
+          self.body.append(rail);
+          if (self.railh) {
+            railh.css({position:"fixed",left:"0px",width:"100%"});
+            (railh.align) ? railh.css({bottom:"0px"}) : railh.css({top:"0px"});
+            self.body.append(railh);
+          }
+        } else {          
+          if (self.ishwscroll) {
+            if (self.win.css('position')=='static') self.css(self.win,{'position':'relative'});
+            var bd = (self.win[0].nodeName == 'HTML') ? self.body : self.win;
+            if (self.zoom) {
+              self.zoom.css({position:"absolute",top:1,right:0,"margin-right":rail.width+4});
+              bd.append(self.zoom);
+            }
+            rail.css({position:"absolute",top:0});
+            (rail.align) ? rail.css({right:0}) : rail.css({left:0});
+            bd.append(rail);
+            if (railh) {
+              railh.css({position:"absolute",left:0,bottom:0});
+              (railh.align) ? railh.css({bottom:0}) : railh.css({top:0});
+              bd.append(railh);
+            }
+          } else {
+            self.isfixed = (self.win.css("position")=="fixed");
+            var rlpos = (self.isfixed) ? "fixed" : "absolute";
+            
+            if (!self.isfixed) self.viewport = self.getViewport(self.win[0]);
+            if (self.viewport) {
+              self.body = self.viewport;              
+              if ((/fixed|relative|absolute/.test(self.viewport.css("position")))==false) self.css(self.viewport,{"position":"relative"});
+            }            
+            
+            rail.css({position:rlpos});
+            if (self.zoom) self.zoom.css({position:rlpos});
+            self.updateScrollBar();
+            self.body.append(rail);
+            if (self.zoom) self.body.append(self.zoom);
+            if (self.railh) {
+              railh.css({position:rlpos});
+              self.body.append(railh);           
+            }
+          }
+          
+          if (cap.isios) self.css(self.win,{'-webkit-tap-highlight-color':'rgba(0,0,0,0)','-webkit-touch-callout':'none'});  // prevent grey layer on click
+          
+					if (cap.isie&&self.opt.disableoutline) self.win.attr("hideFocus","true");  // IE, prevent dotted rectangle on focused div
+					if (cap.iswebkit&&self.opt.disableoutline) self.win.css({"outline":"none"});
+//          if (cap.isopera&&self.opt.disableoutline) self.win.css({"outline":"0"});  // Opera to test [TODO]
+          
+        }
+        
+        if (self.opt.autohidemode===false) {
+          self.autohidedom = false;
+          self.rail.css({opacity:self.opt.cursoropacitymax});          
+          if (self.railh) self.railh.css({opacity:self.opt.cursoropacitymax});
+        }
+        else if ((self.opt.autohidemode===true)||(self.opt.autohidemode==="leave")) {
+          self.autohidedom = $().add(self.rail);          
+          if (cap.isie8) self.autohidedom=self.autohidedom.add(self.cursor);
+          if (self.railh) self.autohidedom=self.autohidedom.add(self.railh);
+          if (self.railh&&cap.isie8) self.autohidedom=self.autohidedom.add(self.cursorh);
+        }
+        else if (self.opt.autohidemode=="scroll") {
+          self.autohidedom = $().add(self.rail);
+          if (self.railh) self.autohidedom=self.autohidedom.add(self.railh);
+        }
+        else if (self.opt.autohidemode=="cursor") {
+          self.autohidedom = $().add(self.cursor);
+          if (self.railh) self.autohidedom=self.autohidedom.add(self.cursorh);
+        }
+        else if (self.opt.autohidemode=="hidden") {
+          self.autohidedom = false;
+          self.hide();
+          self.locked = false;
+        }
+        
+        if (cap.isie9mobile) {
+
+          self.scrollmom = new ScrollMomentumClass2D(self);        
+
+          /*
+          var trace = function(msg) {
+            var db = $("#debug");
+            if (isNaN(msg)&&(typeof msg != "string")) {
+              var x = [];
+              for(var a in msg) {
+                x.push(a+":"+msg[a]);
+              }
+              msg ="{"+x.join(",")+"}";
+            }
+            if (db.children().length>0) {
+              db.children().eq(0).before("<div>"+msg+"</div>");
+            } else {
+              db.append("<div>"+msg+"</div>");
+            }
+          }
+          window.onerror = function(msg,url,ln) {
+            trace("ERR: "+msg+" at "+ln);
+          }
+*/          
+  
+          self.onmangotouch = function(e) {
+            var py = self.getScrollTop();
+            var px = self.getScrollLeft();
+            
+            if ((py == self.scrollmom.lastscrolly)&&(px == self.scrollmom.lastscrollx)) return true;
+//            $("#debug").html('DRAG:'+py);
+
+            var dfy = py-self.mangotouch.sy;
+            var dfx = px-self.mangotouch.sx;            
+            var df = Math.round(Math.sqrt(Math.pow(dfx,2)+Math.pow(dfy,2)));            
+            if (df==0) return;
+            
+            var dry = (dfy<0)?-1:1;
+            var drx = (dfx<0)?-1:1;
+            
+            var tm = +new Date();
+            if (self.mangotouch.lazy) clearTimeout(self.mangotouch.lazy);
+            
+            if (((tm-self.mangotouch.tm)>80)||(self.mangotouch.dry!=dry)||(self.mangotouch.drx!=drx)) {
+//              trace('RESET+'+(tm-self.mangotouch.tm));
+              self.scrollmom.stop();
+              self.scrollmom.reset(px,py);
+              self.mangotouch.sy = py;
+              self.mangotouch.ly = py;
+              self.mangotouch.sx = px;
+              self.mangotouch.lx = px;
+              self.mangotouch.dry = dry;
+              self.mangotouch.drx = drx;
+              self.mangotouch.tm = tm;
+            } else {
+              
+              self.scrollmom.stop();
+              self.scrollmom.update(self.mangotouch.sx-dfx,self.mangotouch.sy-dfy);
+              var gap = tm - self.mangotouch.tm;              
+              self.mangotouch.tm = tm;
+              
+//              trace('MOVE:'+df+" - "+gap);
+              
+              var ds = Math.max(Math.abs(self.mangotouch.ly-py),Math.abs(self.mangotouch.lx-px));
+              self.mangotouch.ly = py;
+              self.mangotouch.lx = px;
+              
+              if (ds>2) {
+                self.mangotouch.lazy = setTimeout(function(){
+//                  trace('END:'+ds+'+'+gap);                  
+                  self.mangotouch.lazy = false;
+                  self.mangotouch.dry = 0;
+                  self.mangotouch.drx = 0;
+                  self.mangotouch.tm = 0;                  
+                  self.scrollmom.doMomentum(30);
+                },100);
+              }
+            }
+          };
+          
+          var top = self.getScrollTop();
+          var lef = self.getScrollLeft();
+          self.mangotouch = {sy:top,ly:top,dry:0,sx:lef,lx:lef,drx:0,lazy:false,tm:0};
+          
+          self.bind(self.docscroll,"scroll",self.onmangotouch);
+        
+        } else {
+        
+          if (cap.cantouch||self.istouchcapable||self.opt.touchbehavior||cap.hasmstouch) {
+          
+            self.scrollmom = new ScrollMomentumClass2D(self);
+          
+            self.ontouchstart = function(e) {
+              if (e.pointerType&&e.pointerType!=2&&e.pointerType!="touch") return false;
+              
+							self.hasmoving = false;
+							
+              if (!self.locked) {
+							
+                if (cap.hasmstouch) {
+                  var tg = (e.target) ? e.target : false;
+                  while (tg) {
+                    var nc = $(tg).getNiceScroll();
+                    if ((nc.length>0)&&(nc[0].me == self.me)) break;
+                    if (nc.length>0) return false;
+                    if ((tg.nodeName=='DIV')&&(tg.id==self.id)) break;
+                    tg = (tg.parentNode) ? tg.parentNode : false;
+                  }
+                }
+              
+                self.cancelScroll();
+                
+                var tg = self.getTarget(e);
+                
+                if (tg) {
+                  var skp = (/INPUT/i.test(tg.nodeName))&&(/range/i.test(tg.type));
+                  if (skp) return self.stopPropagation(e);
+                }
+                
+                if (!("clientX" in e) && ("changedTouches" in e)) {
+                  e.clientX = e.changedTouches[0].clientX;
+                  e.clientY = e.changedTouches[0].clientY;
+                }
+                
+                if (self.forcescreen) {
+                  var le = e;
+                  var e = {"original":(e.original)?e.original:e};
+                  e.clientX = le.screenX;
+                  e.clientY = le.screenY;    
+                }
+                
+                self.rail.drag = {x:e.clientX,y:e.clientY,sx:self.scroll.x,sy:self.scroll.y,st:self.getScrollTop(),sl:self.getScrollLeft(),pt:2,dl:false};
+                
+                if (self.ispage||!self.opt.directionlockdeadzone) {
+                  self.rail.drag.dl = "f";
+                } else {
+                
+                  var view = {
+                    w:$(window).width(),
+                    h:$(window).height()
+                  };
+                  
+                  var page = {
+                    w:Math.max(document.body.scrollWidth,document.documentElement.scrollWidth),
+                    h:Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)
+                  };
+                  
+                  var maxh = Math.max(0,page.h - view.h);
+                  var maxw = Math.max(0,page.w - view.w);                
+                
+                  if (!self.rail.scrollable&&self.railh.scrollable) self.rail.drag.ck = (maxh>0) ? "v" : false;
+                  else if (self.rail.scrollable&&!self.railh.scrollable) self.rail.drag.ck = (maxw>0) ? "h" : false;
+                  else self.rail.drag.ck = false;
+                  if (!self.rail.drag.ck) self.rail.drag.dl = "f";
+                }
+                
+                if (self.opt.touchbehavior&&self.isiframe&&cap.isie) {
+                  var wp = self.win.position();
+                  self.rail.drag.x+=wp.left;
+                  self.rail.drag.y+=wp.top;
+                }
+                
+                self.hasmoving = false;
+                self.lastmouseup = false;
+                self.scrollmom.reset(e.clientX,e.clientY);
+                if (!cap.cantouch&&!this.istouchcapable&&!cap.hasmstouch) {
+                  
+                  var ip = (tg)?/INPUT|SELECT|TEXTAREA/i.test(tg.nodeName):false;
+                  if (!ip) {
+                    if (!self.ispage&&cap.hasmousecapture) tg.setCapture();                   
+
+										if (self.opt.touchbehavior) {										
+										  if (tg.onclick&&!(tg._onclick||false)) {  // intercept DOM0 onclick event
+												tg._onclick = tg.onclick;
+												tg.onclick = function(e){
+													if (self.hasmoving) return false;
+													tg._onclick.call(this,e);
+												}
+											}
+											return self.cancelEvent(e);
+									  }
+
+                    return self.stopPropagation(e);
+                  }
+									
+                  if (/SUBMIT|CANCEL|BUTTON/i.test($(tg).attr('type'))) {
+                    pc = {"tg":tg,"click":false};
+                    self.preventclick = pc;
+                  }
+                  
+                }
+              }
+              
+            };
+            
+            self.ontouchend = function(e) {
+              if (e.pointerType&&e.pointerType!=2&&e.pointerType!="touch") return false;
+              if (self.rail.drag&&(self.rail.drag.pt==2)) {
+                self.scrollmom.doMomentum();
+                self.rail.drag = false;
+                if (self.hasmoving) {                  
+                  self.lastmouseup = true;
+                  self.hideCursor();
+                  if (cap.hasmousecapture) document.releaseCapture();
+                  if (!cap.cantouch) return self.cancelEvent(e);
+                }                            
+              }                        
+              
+            };
+            
+            var moveneedoffset = (self.opt.touchbehavior&&self.isiframe&&!cap.hasmousecapture);
+            
+            self.ontouchmove = function(e,byiframe) {
+              
+              if (e.pointerType&&e.pointerType!=2&&e.pointerType!="touch") return false;
+    
+              if (self.rail.drag&&(self.rail.drag.pt==2)) {
+                if (cap.cantouch&&(typeof e.original == "undefined")) return true;  // prevent ios "ghost" events by clickable elements
+              
+                self.hasmoving = true;
+
+                if (self.preventclick&&!self.preventclick.click) {
+                  self.preventclick.click = self.preventclick.tg.onclick||false;                
+                  self.preventclick.tg.onclick = self.onpreventclick;
+                }
+
+                var ev = $.extend({"original":e},e);
+                e = ev;
+                
+                if (("changedTouches" in e)) {
+                  e.clientX = e.changedTouches[0].clientX;
+                  e.clientY = e.changedTouches[0].clientY;
+                }                
+                
+                if (self.forcescreen) {
+                  var le = e;
+                  var e = {"original":(e.original)?e.original:e};
+                  e.clientX = le.screenX;
+                  e.clientY = le.screenY;      
+                }
+                
+                var ofx = ofy = 0;
+                
+                if (moveneedoffset&&!byiframe) {
+                  var wp = self.win.position();
+                  ofx=-wp.left;
+                  ofy=-wp.top;
+                }                
+                
+                var fy = e.clientY + ofy;
+                var my = (fy-self.rail.drag.y);
+                var fx = e.clientX + ofx;
+                var mx = (fx-self.rail.drag.x);
+                
+                var ny = self.rail.drag.st-my;
+                
+                if (self.ishwscroll&&self.opt.bouncescroll) {
+                  if (ny<0) {
+                    ny = Math.round(ny/2);
+//                    fy = 0;
+                  }
+                  else if (ny>self.page.maxh) {
+                    ny = self.page.maxh+Math.round((ny-self.page.maxh)/2);
+//                    fy = 0;
+                  }
+                } else {
+                  if (ny<0) {ny=0;fy=0}
+                  if (ny>self.page.maxh) {ny=self.page.maxh;fy=0}
+                }
+                  
+                if (self.railh&&self.railh.scrollable) {
+                  var nx = (self.isrtlmode) ? mx-self.rail.drag.sl : self.rail.drag.sl-mx;
+
+                  if (self.ishwscroll&&self.opt.bouncescroll) {                  
+                    if (nx<0) {
+                      nx = Math.round(nx/2);
+//                      fx = 0;
+                    }
+                    else if (nx>self.page.maxw) {
+                      nx = self.page.maxw+Math.round((nx-self.page.maxw)/2);
+//                      fx = 0;
+                    }
+                  } else {
+                    if (nx<0) {nx=0;fx=0}
+                    if (nx>self.page.maxw) {nx=self.page.maxw;fx=0}
+                  }
+                
+                }
+                
+                var grabbed = false;
+                if (self.rail.drag.dl) {
+                  grabbed = true;
+                  if (self.rail.drag.dl=="v") nx = self.rail.drag.sl;
+                  else if (self.rail.drag.dl=="h") ny = self.rail.drag.st;                  
+                } else {
+                  var ay = Math.abs(my);
+                  var ax = Math.abs(mx);
+                  var dz = self.opt.directionlockdeadzone;
+                  if (self.rail.drag.ck=="v") {    
+                    if (ay>dz&&(ax<=(ay*0.3))) {
+                      self.rail.drag = false;                      
+                      return true;
+                    }
+                    else if (ax>dz) {
+                      self.rail.drag.dl="f";                      
+                      $("body").scrollTop($("body").scrollTop());  // stop iOS native scrolling (when active javascript has blocked)
+                    }
+                  }
+                  else if (self.rail.drag.ck=="h") {
+                    if (ax>dz&&(ay<=(ax*0.3))) {
+                      self.rail.drag = false;                      
+                      return true;
+                    }
+                    else if (ay>dz) {                      
+                      self.rail.drag.dl="f";
+                      $("body").scrollLeft($("body").scrollLeft());  // stop iOS native scrolling (when active javascript has blocked)
+                    }
+                  }  
+                }
+                
+                self.synched("touchmove",function(){
+                  if (self.rail.drag&&(self.rail.drag.pt==2)) {
+                    if (self.prepareTransition) self.prepareTransition(0);
+                    if (self.rail.scrollable) self.setScrollTop(ny);
+                    self.scrollmom.update(fx,fy);
+                    if (self.railh&&self.railh.scrollable) {
+                      self.setScrollLeft(nx);
+                      self.showCursor(ny,nx);
+                    } else {
+                      self.showCursor(ny);
+                    }
+                    if (cap.isie10) document.selection.clear();
+                  }
+                });
+                
+                if (cap.ischrome&&self.istouchcapable) grabbed=false;  //chrome touch emulation doesn't like!
+                if (grabbed) return self.cancelEvent(e);
+              }
+              
+            };
+          
+          }
+          
+          self.onmousedown = function(e,hronly) {    
+            if (self.rail.drag&&self.rail.drag.pt!=1) return;
+            if (self.locked) return self.cancelEvent(e);            
+            self.cancelScroll();              
+            self.rail.drag = {x:e.clientX,y:e.clientY,sx:self.scroll.x,sy:self.scroll.y,pt:1,hr:(!!hronly)};
+            var tg = self.getTarget(e);
+            if (!self.ispage&&cap.hasmousecapture) tg.setCapture();
+            if (self.isiframe&&!cap.hasmousecapture) {
+              self.saved["csspointerevents"] = self.doc.css("pointer-events");
+              self.css(self.doc,{"pointer-events":"none"});
+            }
+						self.hasmoving=false;
+            return self.cancelEvent(e);
+          };
+          
+          self.onmouseup = function(e) {
+            if (self.rail.drag) {
+              if (cap.hasmousecapture) document.releaseCapture();
+              if (self.isiframe&&!cap.hasmousecapture) self.doc.css("pointer-events",self.saved["csspointerevents"]);
+              if(self.rail.drag.pt!=1)return;
+              self.rail.drag = false;
+              //if (!self.rail.active) self.hideCursor();
+							if (self.hasmoving) self.triggerScrollEnd();  // TODO - check &&!self.scrollrunning
+              return self.cancelEvent(e);
+            }
+          };        
+          
+          self.onmousemove = function(e) {
+            if (self.rail.drag) {
+              if(self.rail.drag.pt!=1)return;
+              
+              if (cap.ischrome&&e.which==0) return self.onmouseup(e);
+              
+              self.cursorfreezed = true;
+							self.hasmoving = true;
+                  
+              if (self.rail.drag.hr) {
+                self.scroll.x = self.rail.drag.sx + (e.clientX-self.rail.drag.x);
+                if (self.scroll.x<0) self.scroll.x=0;
+                var mw = self.scrollvaluemaxw;
+                if (self.scroll.x>mw) self.scroll.x=mw;
+              } else {                
+                self.scroll.y = self.rail.drag.sy + (e.clientY-self.rail.drag.y);
+                if (self.scroll.y<0) self.scroll.y=0;
+                var my = self.scrollvaluemax;
+                if (self.scroll.y>my) self.scroll.y=my;
+              }
+              
+              self.synched('mousemove',function(){
+                if (self.rail.drag&&(self.rail.drag.pt==1)) {
+                  self.showCursor();
+                  if (self.rail.drag.hr) self.doScrollLeft(Math.round(self.scroll.x*self.scrollratio.x),self.opt.cursordragspeed);
+                  else self.doScrollTop(Math.round(self.scroll.y*self.scrollratio.y),self.opt.cursordragspeed);
+                }
+              });
+              
+              return self.cancelEvent(e);
+            } 
+/*              
+            else {
+              self.checkarea = true;
+            }
+*/              
+          };          
+         
+          if (cap.cantouch||self.opt.touchbehavior) {
+          
+            self.onpreventclick = function(e) {
+              if (self.preventclick) {
+                self.preventclick.tg.onclick = self.preventclick.click;
+                self.preventclick = false;            
+                return self.cancelEvent(e);
+              }
+            }
+          
+//            self.onmousedown = self.ontouchstart;            
+//            self.onmouseup = self.ontouchend;
+//            self.onmousemove = self.ontouchmove;
+
+            self.bind(self.win,"mousedown",self.ontouchstart);  // control content dragging
+
+            self.onclick = (cap.isios) ? false : function(e) { 
+              if (self.lastmouseup) {
+                self.lastmouseup = false;
+                return self.cancelEvent(e);
+              } else {
+                return true;
+              }
+            }; 
+            
+            if (self.opt.grabcursorenabled&&cap.cursorgrabvalue) {
+              self.css((self.ispage)?self.doc:self.win,{'cursor':cap.cursorgrabvalue});            
+              self.css(self.rail,{'cursor':cap.cursorgrabvalue});
+            }
+            
+          } else {
+
+            function checkSelectionScroll(e) {
+              if (!self.selectiondrag) return;
+              
+              if (e) {
+                var ww = self.win.outerHeight();
+                var df = (e.pageY - self.selectiondrag.top);
+                if (df>0&&df<ww) df=0;
+                if (df>=ww) df-=ww;
+                self.selectiondrag.df = df;                
+              }
+              if (self.selectiondrag.df==0) return;
+              
+              var rt = -Math.floor(self.selectiondrag.df/6)*2;              
+//              self.doScrollTop(self.getScrollTop(true)+rt);
+              self.doScrollBy(rt);
+              
+              self.debounced("doselectionscroll",function(){checkSelectionScroll()},50);
+            };
+            
+            if ("getSelection" in document) {  // A grade - Major browsers
+              self.hasTextSelected = function() {  
+                return (document.getSelection().rangeCount>0);
+              };
+            } 
+            else if ("selection" in document) {  //IE9-
+              self.hasTextSelected = function() {
+                return (document.selection.type != "None");
+              };
+            } 
+            else {
+              self.hasTextSelected = function() {  // no support
+                return false;
+              };
+            }            
+            
+            self.onselectionstart = function(e) {
+              if (self.ispage) return;
+              self.selectiondrag = self.win.offset();
+            };
+            self.onselectionend = function(e) {
+              self.selectiondrag = false;
+            };
+            self.onselectiondrag = function(e) {              
+              if (!self.selectiondrag) return;
+              if (self.hasTextSelected()) self.debounced("selectionscroll",function(){checkSelectionScroll(e)},250);
+            };
+            
+            
+          }
+          
+          if (cap.hasmstouch) {
+            self.css(self.rail,{'-ms-touch-action':'none'});
+            self.css(self.cursor,{'-ms-touch-action':'none'});
+            
+            self.bind(self.win,"MSPointerDown",self.ontouchstart);
+            self.bind(document,"MSPointerUp",self.ontouchend);
+            self.bind(document,"MSPointerMove",self.ontouchmove);
+            self.bind(self.cursor,"MSGestureHold",function(e){e.preventDefault()});
+            self.bind(self.cursor,"contextmenu",function(e){e.preventDefault()});
+          }
+
+          if (this.istouchcapable) {  //desktop with screen touch enabled
+            self.bind(self.win,"touchstart",self.ontouchstart);
+            self.bind(document,"touchend",self.ontouchend);
+            self.bind(document,"touchcancel",self.ontouchend);
+            self.bind(document,"touchmove",self.ontouchmove);            
+          }
+          
+          self.bind(self.cursor,"mousedown",self.onmousedown);
+          self.bind(self.cursor,"mouseup",self.onmouseup);
+
+          if (self.railh) {
+            self.bind(self.cursorh,"mousedown",function(e){self.onmousedown(e,true)});
+
+            self.bind(self.cursorh,"mouseup",self.onmouseup);
+
+						
+/*						
+            self.bind(self.cursorh,"mouseup",function(e){
+              if (self.rail.drag&&self.rail.drag.pt==2) return;
+              self.rail.drag = false;
+              self.hasmoving = false;
+              self.hideCursor();
+              if (cap.hasmousecapture) document.releaseCapture();
+              return self.cancelEvent(e);
+            });
+*/
+						
+          }
+		
+          if (self.opt.cursordragontouch||!cap.cantouch&&!self.opt.touchbehavior) {
+
+            self.rail.css({"cursor":"default"});
+            self.railh&&self.railh.css({"cursor":"default"});          
+          
+            self.jqbind(self.rail,"mouseenter",function() {
+						  if (!self.win.is(":visible")) return false;
+              if (self.canshowonmouseevent) self.showCursor();
+              self.rail.active = true;
+            });
+            self.jqbind(self.rail,"mouseleave",function() { 
+              self.rail.active = false;
+              if (!self.rail.drag) self.hideCursor();
+            });
+            
+            if (self.opt.sensitiverail) {
+              self.bind(self.rail,"click",function(e){self.doRailClick(e,false,false)});
+              self.bind(self.rail,"dblclick",function(e){self.doRailClick(e,true,false)});
+              self.bind(self.cursor,"click",function(e){self.cancelEvent(e)});
+              self.bind(self.cursor,"dblclick",function(e){self.cancelEvent(e)});
+            }
+
+            if (self.railh) {
+              self.jqbind(self.railh,"mouseenter",function() {
+							  if (!self.win.is(":visible")) return false;
+                if (self.canshowonmouseevent) self.showCursor();
+                self.rail.active = true;
+              });          
+              self.jqbind(self.railh,"mouseleave",function() { 
+                self.rail.active = false;
+                if (!self.rail.drag) self.hideCursor();
+              });
+              
+              if (self.opt.sensitiverail) {
+                self.bind(self.railh, "click", function(e){self.doRailClick(e,false,true)});
+                self.bind(self.railh, "dblclick", function(e){self.doRailClick(e, true, true) });
+                self.bind(self.cursorh, "click", function (e) { self.cancelEvent(e) });
+                self.bind(self.cursorh, "dblclick", function (e) { self.cancelEvent(e) });
+              }
+              
+            }
+          
+          }
+    
+          if (!cap.cantouch&&!self.opt.touchbehavior) {
+
+            self.bind((cap.hasmousecapture)?self.win:document,"mouseup",self.onmouseup);            
+            self.bind(document,"mousemove",self.onmousemove);
+            if (self.onclick) self.bind(document,"click",self.onclick);
+            
+            if (!self.ispage&&self.opt.enablescrollonselection) {
+              self.bind(self.win[0],"mousedown",self.onselectionstart);
+              self.bind(document,"mouseup",self.onselectionend);
+              self.bind(self.cursor,"mouseup",self.onselectionend);
+              if (self.cursorh) self.bind(self.cursorh,"mouseup",self.onselectionend);
+              self.bind(document,"mousemove",self.onselectiondrag);
+            }
+
+						if (self.zoom) {
+							self.jqbind(self.zoom,"mouseenter",function() {
+								if (self.canshowonmouseevent) self.showCursor();
+								self.rail.active = true;
+							});          
+							self.jqbind(self.zoom,"mouseleave",function() { 
+								self.rail.active = false;
+								if (!self.rail.drag) self.hideCursor();
+							});
+						}
+
+          } else {
+            
+            self.bind((cap.hasmousecapture)?self.win:document,"mouseup",self.ontouchend);
+            self.bind(document,"mousemove",self.ontouchmove);
+            if (self.onclick) self.bind(document,"click",self.onclick);
+            
+            if (self.opt.cursordragontouch) {
+              self.bind(self.cursor,"mousedown",self.onmousedown);
+              self.bind(self.cursor,"mousemove",self.onmousemove);
+              self.cursorh&&self.bind(self.cursorh,"mousedown",function(e){self.onmousedown(e,true)});
+              self.cursorh&&self.bind(self.cursorh,"mousemove",self.onmousemove);
+            }
+          
+          }
+						
+					if (self.opt.enablemousewheel) {
+						if (!self.isiframe) self.bind((cap.isie&&self.ispage) ? document : self.win /*self.docscroll*/ ,"mousewheel",self.onmousewheel);
+						self.bind(self.rail,"mousewheel",self.onmousewheel);
+						if (self.railh) self.bind(self.railh,"mousewheel",self.onmousewheelhr);
+					}						
+						
+          if (!self.ispage&&!cap.cantouch&&!(/HTML|^BODY/.test(self.win[0].nodeName))) {
+            if (!self.win.attr("tabindex")) self.win.attr({"tabindex":tabindexcounter++});
+            
+            self.jqbind(self.win,"focus",function(e) {
+              domfocus = (self.getTarget(e)).id||true;
+              self.hasfocus = true;
+              if (self.canshowonmouseevent) self.noticeCursor();
+            });
+            self.jqbind(self.win,"blur",function(e) {
+              domfocus = false;
+              self.hasfocus = false;
+            });
+            
+            self.jqbind(self.win,"mouseenter",function(e) {
+              mousefocus = (self.getTarget(e)).id||true;
+              self.hasmousefocus = true;
+              if (self.canshowonmouseevent) self.noticeCursor();
+            });
+            self.jqbind(self.win,"mouseleave",function() {
+              mousefocus = false;
+              self.hasmousefocus = false;
+							if (!self.rail.drag) self.hideCursor();
+            });
+            
+          };
+          
+        }  // !ie9mobile
+        
+        //Thanks to http://www.quirksmode.org !!
+        self.onkeypress = function(e) {
+          if (self.locked&&self.page.maxh==0) return true;
+          
+          e = (e) ? e : window.e;
+          var tg = self.getTarget(e);
+          if (tg&&/INPUT|TEXTAREA|SELECT|OPTION/.test(tg.nodeName)) {
+            var tp = tg.getAttribute('type')||tg.type||false;            
+            if ((!tp)||!(/submit|button|cancel/i.tp)) return true;
+          }
+					
+					if ($(tg).attr('contenteditable')) return true;
+          
+          if (self.hasfocus||(self.hasmousefocus&&!domfocus)||(self.ispage&&!domfocus&&!mousefocus)) {
+            var key = e.keyCode;
+            
+            if (self.locked&&key!=27) return self.cancelEvent(e);
+
+            var ctrl = e.ctrlKey||false;
+            var shift = e.shiftKey || false;
+            
+            var ret = false;
+            switch (key) {
+              case 38:
+              case 63233: //safari
+                self.doScrollBy(24*3);
+                ret = true;
+                break;
+              case 40:
+              case 63235: //safari
+                self.doScrollBy(-24*3);
+                ret = true;
+                break;
+              case 37:
+              case 63232: //safari
+                if (self.railh) {
+                  (ctrl) ? self.doScrollLeft(0) : self.doScrollLeftBy(24*3);
+                  ret = true;
+                }
+                break;
+              case 39:
+              case 63234: //safari
+                if (self.railh) {
+                  (ctrl) ? self.doScrollLeft(self.page.maxw) : self.doScrollLeftBy(-24*3);
+                  ret = true;
+                }
+                break;
+              case 33:
+              case 63276: // safari
+                self.doScrollBy(self.view.h);
+                ret = true;
+                break;
+              case 34:
+              case 63277: // safari
+                self.doScrollBy(-self.view.h);
+                ret = true;
+                break;
+              case 36:
+              case 63273: // safari                
+                (self.railh&&ctrl) ? self.doScrollPos(0,0) : self.doScrollTo(0);
+                ret = true;
+                break;
+              case 35:
+              case 63275: // safari
+                (self.railh&&ctrl) ? self.doScrollPos(self.page.maxw,self.page.maxh) : self.doScrollTo(self.page.maxh);
+                ret = true;
+                break;
+              case 32:
+                if (self.opt.spacebarenabled) {
+                  (shift) ? self.doScrollBy(self.view.h) : self.doScrollBy(-self.view.h);
+                  ret = true;
+                }
+                break;
+              case 27: // ESC
+                if (self.zoomactive) {
+                  self.doZoom();
+                  ret = true;
+                }
+                break;
+            }
+            if (ret) return self.cancelEvent(e);
+          }
+        };
+        
+        if (self.opt.enablekeyboard) self.bind(document,(cap.isopera&&!cap.isopera12)?"keypress":"keydown",self.onkeypress);
+        
+				self.bind(document,"keydown",function(e){
+				  var ctrl = e.ctrlKey||false;
+					if (ctrl) self.wheelprevented = true;
+				});
+				self.bind(document,"keyup",function(e){
+				  var ctrl = e.ctrlKey||false;
+					if (!ctrl) self.wheelprevented = false;
+				});
+				
+        self.bind(window,'resize',self.lazyResize);
+        self.bind(window,'orientationchange',self.lazyResize);
+        
+        self.bind(window,"load",self.lazyResize);
+		
+        if (cap.ischrome&&!self.ispage&&!self.haswrapper) { //chrome void scrollbar bug - it persists in version 26
+          var tmp=self.win.attr("style");
+					var ww = parseFloat(self.win.css("width"))+1;
+          self.win.css('width',ww);
+          self.synched("chromefix",function(){self.win.attr("style",tmp)});
+        }
+        
+        
+// Trying a cross-browser implementation - good luck!
+
+        self.onAttributeChange = function(e) {
+          self.lazyResize(250);
+        };
+        
+        if (!self.ispage&&!self.haswrapper) {
+          // redesigned MutationObserver for Chrome18+/Firefox14+/iOS6+ with support for: remove div, add/remove content
+          if (clsMutationObserver !== false) {
+            self.observer = new clsMutationObserver(function(mutations) {            
+              mutations.forEach(self.onAttributeChange);
+            });
+            self.observer.observe(self.win[0],{childList: true, characterData: false, attributes: true, subtree: false});
+            
+            self.observerremover = new clsMutationObserver(function(mutations) {
+               mutations.forEach(function(mo){
+                 if (mo.removedNodes.length>0) {
+                   for (var dd in mo.removedNodes) {
+                     if (mo.removedNodes[dd]==self.win[0]) return self.remove();
+                   }
+                 }
+               });
+            });
+            self.observerremover.observe(self.win[0].parentNode,{childList: true, characterData: false, attributes: false, subtree: false});
+            
+          } else {        
+            self.bind(self.win,(cap.isie&&!cap.isie9)?"propertychange":"DOMAttrModified",self.onAttributeChange);            
+            if (cap.isie9) self.win[0].attachEvent("onpropertychange",self.onAttributeChange); //IE9 DOMAttrModified bug
+            self.bind(self.win,"DOMNodeRemoved",function(e){
+              if (e.target==self.win[0]) self.remove();
+            });
+          }
+        }
+        
+//
+
+        if (!self.ispage&&self.opt.boxzoom) self.bind(window,"resize",self.resizeZoom);
+        if (self.istextarea) self.bind(self.win,"mouseup",self.lazyResize);
+        
+//        self.checkrtlmode = true;
+        self.lazyResize(30);
+        
+      }
+      
+      if (this.doc[0].nodeName == 'IFRAME') {
+        function oniframeload(e) {
+          self.iframexd = false;
+          try {
+            var doc = 'contentDocument' in this ? this.contentDocument : this.contentWindow.document;
+            var a = doc.domain;            
+          } catch(e){self.iframexd = true;doc=false};
+          
+          if (self.iframexd) {
+            if ("console" in window) console.log('NiceScroll error: policy restriced iframe');
+            return true;  //cross-domain - I can't manage this        
+          }
+          
+          self.forcescreen = true;
+          
+          if (self.isiframe) {            
+            self.iframe = {
+              "doc":$(doc),
+              "html":self.doc.contents().find('html')[0],
+              "body":self.doc.contents().find('body')[0]
+            };
+            self.getContentSize = function(){
+              return {
+                w:Math.max(self.iframe.html.scrollWidth,self.iframe.body.scrollWidth),
+                h:Math.max(self.iframe.html.scrollHeight,self.iframe.body.scrollHeight)
+              };
+            };            
+            self.docscroll = $(self.iframe.body);//$(this.contentWindow);
+          }
+          
+          if (!cap.isios&&self.opt.iframeautoresize&&!self.isiframe) {
+            self.win.scrollTop(0); // reset position
+            self.doc.height("");  //reset height to fix browser bug
+            var hh=Math.max(doc.getElementsByTagName('html')[0].scrollHeight,doc.body.scrollHeight);
+            self.doc.height(hh);          
+          }
+          self.lazyResize(30);
+          
+          if (cap.isie7) self.css($(self.iframe.html),{'overflow-y':'hidden'});
+          //self.css($(doc.body),{'overflow-y':'hidden'});
+          self.css($(self.iframe.body),{'overflow-y':'hidden'});
+          
+          if (cap.isios&&self.haswrapper) {
+            self.css($(doc.body),{'-webkit-transform':'translate3d(0,0,0)'});  // avoid iFrame content clipping - thanks to http://blog.derraab.com/2012/04/02/avoid-iframe-content-clipping-with-css-transform-on-ios/
+          }
+          
+          if ('contentWindow' in this) {
+            self.bind(this.contentWindow,"scroll",self.onscroll);  //IE8 & minor
+          } else {          
+            self.bind(doc,"scroll",self.onscroll);
+          }                    
+          
+          if (self.opt.enablemousewheel) {
+            self.bind(doc,"mousewheel",self.onmousewheel);
+          }
+          
+          if (self.opt.enablekeyboard) self.bind(doc,(cap.isopera)?"keypress":"keydown",self.onkeypress);
+          
+          if (cap.cantouch||self.opt.touchbehavior) {
+            self.bind(doc,"mousedown",self.ontouchstart);
+            self.bind(doc,"mousemove",function(e){self.ontouchmove(e,true)});
+            if (self.opt.grabcursorenabled&&cap.cursorgrabvalue) self.css($(doc.body),{'cursor':cap.cursorgrabvalue});
+          }
+          
+          self.bind(doc,"mouseup",self.ontouchend);
+          
+          if (self.zoom) {
+            if (self.opt.dblclickzoom) self.bind(doc,'dblclick',self.doZoom);
+            if (self.ongesturezoom) self.bind(doc,"gestureend",self.ongesturezoom);             
+          }
+        };
+        
+        if (this.doc[0].readyState&&this.doc[0].readyState=="complete"){
+          setTimeout(function(){oniframeload.call(self.doc[0],false)},500);
+        }
+        self.bind(this.doc,"load",oniframeload);
+        
+      }
+      
+    };
+    
+    this.showCursor = function(py,px) {
+      if (self.cursortimeout) {
+        clearTimeout(self.cursortimeout);
+        self.cursortimeout = 0;
+      }
+      if (!self.rail) return;
+      if (self.autohidedom) {
+        self.autohidedom.stop().css({opacity:self.opt.cursoropacitymax});
+        self.cursoractive = true;
+      }
+      
+      if (!self.rail.drag||self.rail.drag.pt!=1) {      
+        if ((typeof py != "undefined")&&(py!==false)) {
+          self.scroll.y = Math.round(py * 1/self.scrollratio.y);
+        }
+        if (typeof px != "undefined") {
+          self.scroll.x = Math.round(px * 1/self.scrollratio.x);  //-cxscrollleft * Math.round(px * 1/self.scrollratio.x);
+        }
+      }
+      
+      self.cursor.css({height:self.cursorheight,top:self.scroll.y}); 
+      if (self.cursorh) {
+        (!self.rail.align&&self.rail.visibility) ? self.cursorh.css({width:self.cursorwidth,left:self.scroll.x+self.rail.width}) : self.cursorh.css({width:self.cursorwidth,left:self.scroll.x});
+        self.cursoractive = true;
+      }
+      
+      if (self.zoom) self.zoom.stop().css({opacity:self.opt.cursoropacitymax});      
+    };
+    
+    this.hideCursor = function(tm) {
+      if (self.cursortimeout) return;
+      if (!self.rail) return;
+      if (!self.autohidedom) return;
+			if (self.hasmousefocus&&self.opt.autohidemode=="leave") return;
+      self.cursortimeout = setTimeout(function() {
+         if (!self.rail.active||!self.showonmouseevent) {				   
+           self.autohidedom.stop().animate({opacity:self.opt.cursoropacitymin});
+           if (self.zoom) self.zoom.stop().animate({opacity:self.opt.cursoropacitymin});
+           self.cursoractive = false;
+         }
+         self.cursortimeout = 0;
+      },tm||self.opt.hidecursordelay);
+    };
+    
+    this.noticeCursor = function(tm,py,px) {
+      self.showCursor(py,px);
+      if (!self.rail.active) self.hideCursor(tm);
+    };
+        
+    this.getContentSize = 
+      (self.ispage) ?
+        function(){
+          return {
+            w:Math.max(document.body.scrollWidth,document.documentElement.scrollWidth),
+            h:Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)
+          }
+        }
+      : (self.haswrapper) ?
+        function(){
+          return {
+            w:self.doc.outerWidth()+parseInt(self.win.css('paddingLeft'))+parseInt(self.win.css('paddingRight')),
+            h:self.doc.outerHeight()+parseInt(self.win.css('paddingTop'))+parseInt(self.win.css('paddingBottom'))
+          }
+        }
+      : function() {        
+        return {
+          w:self.docscroll[0].scrollWidth,
+          h:self.docscroll[0].scrollHeight
+        }
+      };
+  
+    this.onResize = function(e,page) {
+    
+			if (!self||!self.win) return false;
+	
+      if (!self.haswrapper&&!self.ispage) {
+        if (self.win.css('display')=='none') {
+          if (self.visibility) self.hideRail().hideRailHr();
+          return false;
+        } else {          
+          if (!self.hidden&&!self.visibility) self.showRail().showRailHr();
+        }        
+      }
+    
+      var premaxh = self.page.maxh;
+      var premaxw = self.page.maxw;
+
+      var preview = {h:self.view.h,w:self.view.w};   
+      
+      self.view = {
+        w:(self.ispage) ? self.win.width() : parseInt(self.win[0].clientWidth),
+        h:(self.ispage) ? self.win.height() : parseInt(self.win[0].clientHeight)
+      };
+      
+      self.page = (page) ? page : self.getContentSize();
+      
+      self.page.maxh = Math.max(0,self.page.h - self.view.h);
+      self.page.maxw = Math.max(0,self.page.w - self.view.w);
+      
+      if ((self.page.maxh==premaxh)&&(self.page.maxw==premaxw)&&(self.view.w==preview.w)) {
+        // test position        
+        if (!self.ispage) {
+          var pos = self.win.offset();
+          if (self.lastposition) {
+            var lst = self.lastposition;
+            if ((lst.top==pos.top)&&(lst.left==pos.left)) return self; //nothing to do            
+          }
+          self.lastposition = pos;
+        } else {
+          return self; //nothing to do
+        }
+      }
+      
+      if (self.page.maxh==0) {
+        self.hideRail();        
+        self.scrollvaluemax = 0;
+        self.scroll.y = 0;
+        self.scrollratio.y = 0;
+        self.cursorheight = 0;
+        self.setScrollTop(0);
+        self.rail.scrollable = false;
+      } else {       
+        self.rail.scrollable = true;
+      }
+      
+      if (self.page.maxw==0) {
+        self.hideRailHr();
+        self.scrollvaluemaxw = 0;
+        self.scroll.x = 0;
+        self.scrollratio.x = 0;
+        self.cursorwidth = 0;
+        self.setScrollLeft(0);
+        self.railh.scrollable = false;
+      } else {        
+        self.railh.scrollable = true;
+      }
+  
+      self.locked = (self.page.maxh==0)&&(self.page.maxw==0);
+      if (self.locked) {
+				if (!self.ispage) self.updateScrollBar(self.view);
+			  return false;
+		  }
+
+      if (!self.hidden&&!self.visibility) {
+        self.showRail().showRailHr();
+      }      
+      else if (!self.hidden&&!self.railh.visibility) self.showRailHr();
+      
+      if (self.istextarea&&self.win.css('resize')&&self.win.css('resize')!='none') self.view.h-=20;      
+
+      self.cursorheight = Math.min(self.view.h,Math.round(self.view.h * (self.view.h / self.page.h)));
+      self.cursorheight = (self.opt.cursorfixedheight) ? self.opt.cursorfixedheight : Math.max(self.opt.cursorminheight,self.cursorheight);
+
+      self.cursorwidth = Math.min(self.view.w,Math.round(self.view.w * (self.view.w / self.page.w)));
+      self.cursorwidth = (self.opt.cursorfixedheight) ? self.opt.cursorfixedheight : Math.max(self.opt.cursorminheight,self.cursorwidth);
+      
+      self.scrollvaluemax = self.view.h-self.cursorheight-self.cursor.hborder;
+      
+      if (self.railh) {
+        self.railh.width = (self.page.maxh>0) ? (self.view.w-self.rail.width) : self.view.w;
+        self.scrollvaluemaxw = self.railh.width-self.cursorwidth-self.cursorh.wborder;
+      }
+      
+/*
+      if (self.checkrtlmode&&self.railh) {
+        self.checkrtlmode = false;
+        if (self.opt.rtlmode&&self.scroll.x==0) self.setScrollLeft(self.page.maxw);
+      }
+*/
+      
+      if (!self.ispage) self.updateScrollBar(self.view);
+      
+      self.scrollratio = {
+        x:(self.page.maxw/self.scrollvaluemaxw),
+        y:(self.page.maxh/self.scrollvaluemax)
+      };
+     
+      var sy = self.getScrollTop();
+      if (sy>self.page.maxh) {
+        self.doScrollTop(self.page.maxh);
+      } else {     
+        self.scroll.y = Math.round(self.getScrollTop() * (1/self.scrollratio.y));
+        self.scroll.x = Math.round(self.getScrollLeft() * (1/self.scrollratio.x));
+        if (self.cursoractive) self.noticeCursor();     
+      }      
+      
+      if (self.scroll.y&&(self.getScrollTop()==0)) self.doScrollTo(Math.floor(self.scroll.y*self.scrollratio.y));
+      
+      return self;
+    };
+    
+    this.resize = self.onResize;
+    
+    this.lazyResize = function(tm) {   // event debounce
+      tm = (isNaN(tm)) ? 30 : tm;
+      self.delayed('resize',self.resize,tm);
+      return self;
+    };
+   
+// modified by MDN https://developer.mozilla.org/en-US/docs/DOM/Mozilla_event_reference/wheel
+    function _modernWheelEvent(dom,name,fn,bubble) {      
+      self._bind(dom,name,function(e){
+        var  e = (e) ? e : window.event;
+        var event = {
+          original: e,
+          target: e.target || e.srcElement,
+          type: "wheel",
+          deltaMode: e.type == "MozMousePixelScroll" ? 0 : 1,
+          deltaX: 0,
+          deltaZ: 0,
+          preventDefault: function() {
+            e.preventDefault ? e.preventDefault() : e.returnValue = false;
+            return false;
+          },
+          stopImmediatePropagation: function() {
+            (e.stopImmediatePropagation) ? e.stopImmediatePropagation() : e.cancelBubble = true;
+          }
+        };
+            
+        if (name=="mousewheel") {
+          event.deltaY = - 1/40 * e.wheelDelta;
+          e.wheelDeltaX && (event.deltaX = - 1/40 * e.wheelDeltaX);
+        } else {
+          event.deltaY = e.detail;
+        }
+
+        return fn.call(dom,event);      
+      },bubble);
+    };     
+   
+    this._bind = function(el,name,fn,bubble) {  // primitive bind
+      self.events.push({e:el,n:name,f:fn,b:bubble,q:false});
+      if (el.addEventListener) {
+        el.addEventListener(name,fn,bubble||false);
+      }
+      else if (el.attachEvent) {
+        el.attachEvent("on"+name,fn);
+      }
+      else {
+        el["on"+name] = fn;        
+      }        
+    };
+   
+    this.jqbind = function(dom,name,fn) {  // use jquery bind for non-native events (mouseenter/mouseleave)
+      self.events.push({e:dom,n:name,f:fn,q:true});
+      $(dom).bind(name,fn);
+    };
+   
+    this.bind = function(dom,name,fn,bubble) {  // touch-oriented & fixing jquery bind
+      var el = ("jquery" in dom) ? dom[0] : dom;
+      
+      if (name=='mousewheel') {
+        if ('onwheel' in document || document.documentMode >= 9) {            
+          self._bind(el,"wheel",fn,bubble||false);
+        } else {            
+          var wname = (typeof document.onmousewheel != "undefined") ? "mousewheel" : "DOMMouseScroll";  // older IE/Firefox
+          _modernWheelEvent(el,wname,fn,bubble||false);
+          if (wname=="DOMMouseScroll") _modernWheelEvent(el,"MozMousePixelScroll",fn,bubble||false);  // Firefox legacy
+        }
+      } 
+      else if (el.addEventListener) {
+        if (cap.cantouch && /mouseup|mousedown|mousemove/.test(name)) {  // touch device support
+          var tt=(name=='mousedown')?'touchstart':(name=='mouseup')?'touchend':'touchmove';
+          self._bind(el,tt,function(e){
+            if (e.touches) {
+              if (e.touches.length<2) {var ev=(e.touches.length)?e.touches[0]:e;ev.original=e;fn.call(this,ev);}
+            } 
+            else if (e.changedTouches) {var ev=e.changedTouches[0];ev.original=e;fn.call(this,ev);}  //blackberry
+          },bubble||false);
+        }
+        self._bind(el,name,fn,bubble||false);
+        if (cap.cantouch && name=="mouseup") self._bind(el,"touchcancel",fn,bubble||false);
+      }
+      else {
+        self._bind(el,name,function(e) {
+          e = e||window.event||false;
+          if (e) {
+            if (e.srcElement) e.target=e.srcElement;
+          }
+          if (!("pageY" in e)) {
+            e.pageX = e.clientX + document.documentElement.scrollLeft;
+            e.pageY = e.clientY + document.documentElement.scrollTop; 
+          }
+          return ((fn.call(el,e)===false)||bubble===false) ? self.cancelEvent(e) : true;
+        });
+      } 
+    };
+    
+    this._unbind = function(el,name,fn,bub) {  // primitive unbind
+      if (el.removeEventListener) {
+        el.removeEventListener(name,fn,bub);
+      }
+      else if (el.detachEvent) {
+        el.detachEvent('on'+name,fn);
+      } else {
+        el['on'+name] = false;
+      }
+    };
+    
+    this.unbindAll = function() {
+      for(var a=0;a<self.events.length;a++) {
+        var r = self.events[a];        
+        (r.q) ? r.e.unbind(r.n,r.f) : self._unbind(r.e,r.n,r.f,r.b);
+      }
+    };
+    
+    // Thanks to http://www.switchonthecode.com !!
+    this.cancelEvent = function(e) {
+      var e = (e.original) ? e.original : (e) ? e : window.event||false;
+      if (!e) return false;      
+      if(e.preventDefault) e.preventDefault();
+      if(e.stopPropagation) e.stopPropagation();
+      if(e.preventManipulation) e.preventManipulation();  //IE10
+      e.cancelBubble = true;
+      e.cancel = true;
+      e.returnValue = false;
+      return false;
+    };
+
+    this.stopPropagation = function(e) {
+      var e = (e.original) ? e.original : (e) ? e : window.event||false;
+      if (!e) return false;
+      if (e.stopPropagation) return e.stopPropagation();
+      if (e.cancelBubble) e.cancelBubble=true;
+      return false;
+    };
+    
+    this.showRail = function() {
+      if ((self.page.maxh!=0)&&(self.ispage||self.win.css('display')!='none')) {
+        self.visibility = true;
+        self.rail.visibility = true;
+        self.rail.css('display','block');
+      }
+      return self;
+    };
+
+    this.showRailHr = function() {
+      if (!self.railh) return self;
+      if ((self.page.maxw!=0)&&(self.ispage||self.win.css('display')!='none')) {
+        self.railh.visibility = true;
+        self.railh.css('display','block');
+      }
+      return self;
+    };
+    
+    this.hideRail = function() {
+      self.visibility = false;
+      self.rail.visibility = false;
+      self.rail.css('display','none');
+      return self;
+    };
+
+    this.hideRailHr = function() {
+      if (!self.railh) return self;
+      self.railh.visibility = false;
+      self.railh.css('display','none');
+      return self;
+    };
+    
+    this.show = function() {
+      self.hidden = false;
+      self.locked = false;
+      return self.showRail().showRailHr();
+    };
+
+    this.hide = function() {
+      self.hidden = true;
+      self.locked = true;
+      return self.hideRail().hideRailHr();
+    };
+    
+    this.toggle = function() {
+      return (self.hidden) ? self.show() : self.hide();
+    };
+    
+    this.remove = function() {
+      self.stop();
+      if (self.cursortimeout) clearTimeout(self.cursortimeout);
+      self.doZoomOut();
+      self.unbindAll();     
+
+      if (cap.isie9) self.win[0].detachEvent("onpropertychange",self.onAttributeChange); //IE9 DOMAttrModified bug
+      
+      if (self.observer !== false) self.observer.disconnect();
+      if (self.observerremover !== false) self.observerremover.disconnect();      
+      
+      self.events = null;
+      
+      if (self.cursor) {
+        self.cursor.remove();
+      }
+      if (self.cursorh) {
+        self.cursorh.remove();
+      }
+      if (self.rail) {
+        self.rail.remove();
+      }
+      if (self.railh) {
+        self.railh.remove();
+      }
+      if (self.zoom) {
+        self.zoom.remove();
+      }
+      for(var a=0;a<self.saved.css.length;a++) {
+        var d=self.saved.css[a];
+        d[0].css(d[1],(typeof d[2]=="undefined") ? '' : d[2]);
+      }
+      self.saved = false;      
+      self.me.data('__nicescroll',''); //erase all traces
+      
+      // memory leak fixed by GianlucaGuarini - thanks a lot!
+      // remove the current nicescroll from the $.nicescroll array & normalize array
+      var lst = $.nicescroll;
+      lst.each(function(i){
+        if (!this) return;
+        if(this.id === self.id) {
+          delete lst[i];          
+          for(var b=++i;b<lst.length;b++,i++) lst[i]=lst[b];
+          lst.length--;
+          if (lst.length) delete lst[lst.length];
+        }
+      });      
+      
+      for (var i in self) {
+        self[i] = null;
+        delete self[i];
+      }
+      
+      self = null;
+      
+    };
+    
+    this.scrollstart = function(fn) {
+      this.onscrollstart = fn;
+      return self;
+    };
+    this.scrollend = function(fn) {
+      this.onscrollend = fn;
+      return self;
+    };
+    this.scrollcancel = function(fn) {
+      this.onscrollcancel = fn;
+      return self;
+    };
+    
+    this.zoomin = function(fn) {
+      this.onzoomin = fn;
+      return self;
+    };
+    this.zoomout = function(fn) {
+      this.onzoomout = fn;
+      return self;
+    };
+    
+    this.isScrollable = function(e) {      
+      var dom = (e.target) ? e.target : e;
+      if (dom.nodeName == 'OPTION') return true;
+      while (dom&&(dom.nodeType==1)&&!(/^BODY|HTML/.test(dom.nodeName))) {
+        var dd = $(dom);
+        var ov = dd.css('overflowY')||dd.css('overflowX')||dd.css('overflow')||'';
+        if (/scroll|auto/.test(ov)) return (dom.clientHeight!=dom.scrollHeight);
+        dom = (dom.parentNode) ? dom.parentNode : false;        
+      }
+      return false;
+    };
+
+    this.getViewport = function(me) {      
+      var dom = (me&&me.parentNode) ? me.parentNode : false;
+      while (dom&&(dom.nodeType==1)&&!(/^BODY|HTML/.test(dom.nodeName))) {
+        var dd = $(dom);
+        if (/fixed|absolute/.test(dd.css("position"))) return dd;        
+        var ov = dd.css('overflowY')||dd.css('overflowX')||dd.css('overflow')||'';
+        if ((/scroll|auto/.test(ov))&&(dom.clientHeight!=dom.scrollHeight)) return dd;
+        if (dd.getNiceScroll().length>0) return dd;
+        dom = (dom.parentNode) ? dom.parentNode : false;
+      }
+      return (dom) ? $(dom) : false;
+    };
+		
+		this.triggerScrollEnd = function() {
+			if (!self.onscrollend) return;
+			
+			var px = self.getScrollLeft();
+			var py = self.getScrollTop();
+		
+			var info = {"type":"scrollend","current":{"x":px,"y":py},"end":{"x":px,"y":py}};
+			self.onscrollend.call(self,info);		
+		}
+		
+    function execScrollWheel(e,hr,chkscroll) {
+      var px,py;
+      var rt = 1;
+      
+      if (e.deltaMode==0) {  // PIXEL
+        px = -Math.floor(e.deltaX*(self.opt.mousescrollstep/(18*3)));
+        py = -Math.floor(e.deltaY*(self.opt.mousescrollstep/(18*3)));
+      }
+      else if (e.deltaMode==1) {  // LINE
+        px = -Math.floor(e.deltaX*self.opt.mousescrollstep);
+        py = -Math.floor(e.deltaY*self.opt.mousescrollstep);
+      }
+      
+      if (hr&&self.opt.oneaxismousemode&&(px==0)&&py) {  // classic vertical-only mousewheel + browser with x/y support 
+        px = py;
+        py = 0;
+      }
+
+      if (px) {
+        if (self.scrollmom) {self.scrollmom.stop()}
+        self.lastdeltax+=px;
+        self.debounced("mousewheelx",function(){var dt=self.lastdeltax;self.lastdeltax=0;if(!self.rail.drag){self.doScrollLeftBy(dt)}},15);
+      }
+      if (py) {
+        if (self.opt.nativeparentscrolling&&chkscroll&&!self.ispage&&!self.zoomactive) {
+          if (py<0) {
+            if (self.getScrollTop()>=self.page.maxh) return true;
+          } else {
+            if (self.getScrollTop()<=0) return true;
+          }
+        }
+        if (self.scrollmom) {self.scrollmom.stop()}
+        self.lastdeltay+=py;
+        self.debounced("mousewheely",function(){var dt=self.lastdeltay;self.lastdeltay=0;if(!self.rail.drag){self.doScrollBy(dt)}},15);
+      }
+      
+      e.stopImmediatePropagation();
+      return e.preventDefault();
+//      return self.cancelEvent(e);
+    };
+    
+    this.onmousewheel = function(e) {          
+		  if (self.wheelprevented) return;
+      if (self.locked) {
+        self.debounced("checkunlock",self.resize,250);
+        return true;
+      }
+      if (self.rail.drag) return self.cancelEvent(e);
+      
+      if (self.opt.oneaxismousemode=="auto"&&e.deltaX!=0) self.opt.oneaxismousemode = false;  // check two-axis mouse support (not very elegant)
+      
+      if (self.opt.oneaxismousemode&&e.deltaX==0) {
+        if (!self.rail.scrollable) {
+          if (self.railh&&self.railh.scrollable) {
+            return self.onmousewheelhr(e);
+          } else {          
+            return true;
+          }
+        }
+      }
+      
+      var nw = +(new Date());
+      var chk = false;
+      if (self.opt.preservenativescrolling&&((self.checkarea+600)<nw)) {
+//        self.checkarea = false;
+        self.nativescrollingarea = self.isScrollable(e);
+        chk = true;
+      }
+      self.checkarea = nw;
+      if (self.nativescrollingarea) return true; // this isn't my business
+//      if (self.locked) return self.cancelEvent(e);
+      var ret = execScrollWheel(e,false,chk);
+      if (ret) self.checkarea = 0;
+      return ret;
+    };
+
+    this.onmousewheelhr = function(e) {
+			if (self.wheelprevented) return;
+      if (self.locked||!self.railh.scrollable) return true;
+      if (self.rail.drag) return self.cancelEvent(e);
+      
+      var nw = +(new Date());
+      var chk = false;
+      if (self.opt.preservenativescrolling&&((self.checkarea+600)<nw)) {
+//        self.checkarea = false;
+        self.nativescrollingarea = self.isScrollable(e); 
+        chk = true;
+      }
+      self.checkarea = nw;
+      if (self.nativescrollingarea) return true; // this isn't my business
+      if (self.locked) return self.cancelEvent(e);
+
+      return execScrollWheel(e,true,chk);
+    };
+    
+    this.stop = function() {
+      self.cancelScroll();
+      if (self.scrollmon) self.scrollmon.stop();
+      self.cursorfreezed = false;
+      self.scroll.y = Math.round(self.getScrollTop() * (1/self.scrollratio.y));      
+      self.noticeCursor();
+      return self;
+    };
+    
+    this.getTransitionSpeed = function(dif) {
+      var sp = Math.round(self.opt.scrollspeed*10);
+      var ex = Math.min(sp,Math.round((dif / 20) * self.opt.scrollspeed));
+      return (ex>20) ? ex : 0;
+    };
+    
+    if (!self.opt.smoothscroll) {
+      this.doScrollLeft = function(x,spd) {  //direct
+        var y = self.getScrollTop();
+        self.doScrollPos(x,y,spd);
+      };      
+      this.doScrollTop = function(y,spd) {   //direct
+        var x = self.getScrollLeft();
+        self.doScrollPos(x,y,spd);
+      };
+      this.doScrollPos = function(x,y,spd) {  //direct
+        var nx = (x>self.page.maxw) ? self.page.maxw : x;
+        if (nx<0) nx=0;
+        var ny = (y>self.page.maxh) ? self.page.maxh : y;
+        if (ny<0) ny=0;
+        self.synched('scroll',function(){
+          self.setScrollTop(ny);
+          self.setScrollLeft(nx);
+        });
+      };
+      this.cancelScroll = function() {}; // direct
+    } 
+    else if (self.ishwscroll&&cap.hastransition&&self.opt.usetransition) {
+      this.prepareTransition = function(dif,istime) {
+        var ex = (istime) ? ((dif>20)?dif:0) : self.getTransitionSpeed(dif);        
+        var trans = (ex) ? cap.prefixstyle+'transform '+ex+'ms ease-out' : '';
+        if (!self.lasttransitionstyle||self.lasttransitionstyle!=trans) {
+          self.lasttransitionstyle = trans;
+          self.doc.css(cap.transitionstyle,trans);
+        }
+        return ex;
+      };
+      
+      this.doScrollLeft = function(x,spd) {  //trans
+        var y = (self.scrollrunning) ? self.newscrolly : self.getScrollTop();
+        self.doScrollPos(x,y,spd);
+      };      
+      
+      this.doScrollTop = function(y,spd) {   //trans
+        var x = (self.scrollrunning) ? self.newscrollx : self.getScrollLeft();
+        self.doScrollPos(x,y,spd);
+      };
+      
+      this.doScrollPos = function(x,y,spd) {  //trans
+   
+        var py = self.getScrollTop();
+        var px = self.getScrollLeft();        
+      
+        if (((self.newscrolly-py)*(y-py)<0)||((self.newscrollx-px)*(x-px)<0)) self.cancelScroll();  //inverted movement detection      
+        
+        if (self.opt.bouncescroll==false) {
+          if (y<0) y=0;
+          else if (y>self.page.maxh) y=self.page.maxh;
+          if (x<0) x=0;
+          else if (x>self.page.maxw) x=self.page.maxw;
+        }
+        
+        if (self.scrollrunning&&x==self.newscrollx&&y==self.newscrolly) return false;
+        
+        self.newscrolly = y;
+        self.newscrollx = x;
+        
+        self.newscrollspeed = spd||false;
+        
+        if (self.timer) return false;
+        
+        self.timer = setTimeout(function(){
+        
+          var top = self.getScrollTop();
+          var lft = self.getScrollLeft();
+          
+          var dst = {};
+          dst.x = x-lft;
+          dst.y = y-top;
+          dst.px = lft;
+          dst.py = top;
+          
+          var dd = Math.round(Math.sqrt(Math.pow(dst.x,2)+Math.pow(dst.y,2)));          
+          
+//          var df = (self.newscrollspeed) ? self.newscrollspeed : dd;
+          
+          var ms = (self.newscrollspeed && self.newscrollspeed>1) ? self.newscrollspeed : self.getTransitionSpeed(dd);
+          if (self.newscrollspeed&&self.newscrollspeed<=1) ms*=self.newscrollspeed;
+          
+          self.prepareTransition(ms,true);
+          
+          if (self.timerscroll&&self.timerscroll.tm) clearInterval(self.timerscroll.tm);    
+          
+          if (ms>0) {
+          
+            if (!self.scrollrunning&&self.onscrollstart) {
+              var info = {"type":"scrollstart","current":{"x":lft,"y":top},"request":{"x":x,"y":y},"end":{"x":self.newscrollx,"y":self.newscrolly},"speed":ms};
+              self.onscrollstart.call(self,info);
+            }
+            
+            if (cap.transitionend) {
+              if (!self.scrollendtrapped) {
+                self.scrollendtrapped = true;
+                self.bind(self.doc,cap.transitionend,self.onScrollTransitionEnd,false); //I have got to do something usefull!!
+              }
+            } else {              
+              if (self.scrollendtrapped) clearTimeout(self.scrollendtrapped);
+              self.scrollendtrapped = setTimeout(self.onScrollTransitionEnd,ms);  // simulate transitionend event
+            }
+            
+            var py = top;
+            var px = lft;
+            self.timerscroll = {
+              bz: new BezierClass(py,self.newscrolly,ms,0,0,0.58,1),
+              bh: new BezierClass(px,self.newscrollx,ms,0,0,0.58,1)
+            };            
+            if (!self.cursorfreezed) self.timerscroll.tm=setInterval(function(){self.showCursor(self.getScrollTop(),self.getScrollLeft())},60);
+            
+          }
+          
+          self.synched("doScroll-set",function(){
+            self.timer = 0;
+            if (self.scrollendtrapped) self.scrollrunning = true;
+            self.setScrollTop(self.newscrolly);
+            self.setScrollLeft(self.newscrollx);
+            if (!self.scrollendtrapped) self.onScrollTransitionEnd();
+          });
+          
+          
+        },50);
+        
+      };
+      
+      this.cancelScroll = function() {
+        if (!self.scrollendtrapped) return true;        
+        var py = self.getScrollTop();
+        var px = self.getScrollLeft();
+        self.scrollrunning = false;
+        if (!cap.transitionend) clearTimeout(cap.transitionend);
+        self.scrollendtrapped = false;
+        self._unbind(self.doc,cap.transitionend,self.onScrollTransitionEnd);     
+        self.prepareTransition(0);
+        self.setScrollTop(py); // fire event onscroll
+        if (self.railh) self.setScrollLeft(px);
+        if (self.timerscroll&&self.timerscroll.tm) clearInterval(self.timerscroll.tm);
+        self.timerscroll = false;
+        
+        self.cursorfreezed = false;
+
+        //self.noticeCursor(false,py,px);
+        self.showCursor(py,px);
+        return self;
+      };
+      this.onScrollTransitionEnd = function() {                
+        if (self.scrollendtrapped) self._unbind(self.doc,cap.transitionend,self.onScrollTransitionEnd);
+        self.scrollendtrapped = false;        
+        self.prepareTransition(0);
+        if (self.timerscroll&&self.timerscroll.tm) clearInterval(self.timerscroll.tm);
+        self.timerscroll = false;        
+        var py = self.getScrollTop();
+        var px = self.getScrollLeft();
+        self.setScrollTop(py);  // fire event onscroll        
+        if (self.railh) self.setScrollLeft(px);  // fire event onscroll left
+        
+        self.noticeCursor(false,py,px);     
+        
+        self.cursorfreezed = false;
+        
+        if (py<0) py=0
+        else if (py>self.page.maxh) py=self.page.maxh;
+        if (px<0) px=0
+        else if (px>self.page.maxw) px=self.page.maxw;
+        if((py!=self.newscrolly)||(px!=self.newscrollx)) return self.doScrollPos(px,py,self.opt.snapbackspeed);
+        
+        if (self.onscrollend&&self.scrollrunning) {
+//          var info = {"type":"scrollend","current":{"x":px,"y":py},"end":{"x":self.newscrollx,"y":self.newscrolly}};
+//          self.onscrollend.call(self,info);
+						self.triggerScrollEnd();
+        } 
+        self.scrollrunning = false;
+        
+      };
+
+    } else {
+
+      this.doScrollLeft = function(x,spd) {  //no-trans
+        var y = (self.scrollrunning) ? self.newscrolly : self.getScrollTop();
+        self.doScrollPos(x,y,spd);
+      };
+
+      this.doScrollTop = function(y,spd) {  //no-trans
+        var x = (self.scrollrunning) ? self.newscrollx : self.getScrollLeft();
+        self.doScrollPos(x,y,spd);
+      };
+
+      this.doScrollPos = function(x,y,spd) {  //no-trans
+        var y = ((typeof y == "undefined")||(y===false)) ? self.getScrollTop(true) : y;
+      
+        if  ((self.timer)&&(self.newscrolly==y)&&(self.newscrollx==x)) return true;
+      
+        if (self.timer) clearAnimationFrame(self.timer);
+        self.timer = 0;      
+
+        var py = self.getScrollTop();
+        var px = self.getScrollLeft();
+        
+        if (((self.newscrolly-py)*(y-py)<0)||((self.newscrollx-px)*(x-px)<0)) self.cancelScroll();  //inverted movement detection
+        
+        self.newscrolly = y;
+        self.newscrollx = x;
+        
+        if (!self.bouncescroll||!self.rail.visibility) {
+          if (self.newscrolly<0) {
+            self.newscrolly = 0;
+          }
+          else if (self.newscrolly>self.page.maxh) {
+            self.newscrolly = self.page.maxh;
+          }
+        }
+        if (!self.bouncescroll||!self.railh.visibility) {
+          if (self.newscrollx<0) {
+            self.newscrollx = 0;
+          }
+          else if (self.newscrollx>self.page.maxw) {
+            self.newscrollx = self.page.maxw;
+          }
+        }
+
+        self.dst = {};
+        self.dst.x = x-px;
+        self.dst.y = y-py;
+        self.dst.px = px;
+        self.dst.py = py;
+        
+        var dst = Math.round(Math.sqrt(Math.pow(self.dst.x,2)+Math.pow(self.dst.y,2)));
+        
+        self.dst.ax = self.dst.x / dst;
+        self.dst.ay = self.dst.y / dst;
+        
+        var pa = 0;
+        var pe = dst;
+        
+        if (self.dst.x==0) {
+          pa = py;
+          pe = y;
+          self.dst.ay = 1;
+          self.dst.py = 0;
+        } else if (self.dst.y==0) {
+          pa = px;
+          pe = x;
+          self.dst.ax = 1;
+          self.dst.px = 0;
+        }
+
+        var ms = self.getTransitionSpeed(dst);
+        if (spd&&spd<=1) ms*=spd;
+        if (ms>0) {
+          self.bzscroll = (self.bzscroll) ? self.bzscroll.update(pe,ms) : new BezierClass(pa,pe,ms,0,1,0,1);
+        } else {
+          self.bzscroll = false;
+        }
+        
+        if (self.timer) return;
+        
+        if ((py==self.page.maxh&&y>=self.page.maxh)||(px==self.page.maxw&&x>=self.page.maxw)) self.checkContentSize();
+        
+        var sync = 1;
+        
+        function scrolling() {          
+          if (self.cancelAnimationFrame) return true;
+          
+          self.scrollrunning = true;
+          
+          sync = 1-sync;
+          if (sync) return (self.timer = setAnimationFrame(scrolling)||1);
+
+          var done = 0;
+          
+          var sc = sy = self.getScrollTop();
+          if (self.dst.ay) {            
+            sc = (self.bzscroll) ? self.dst.py + (self.bzscroll.getNow()*self.dst.ay) : self.newscrolly;
+            var dr=sc-sy;          
+            if ((dr<0&&sc<self.newscrolly)||(dr>0&&sc>self.newscrolly)) sc = self.newscrolly;
+            self.setScrollTop(sc);
+            if (sc == self.newscrolly) done=1;
+          } else {
+            done=1;
+          }
+          
+          var scx = sx = self.getScrollLeft();
+          if (self.dst.ax) {            
+            scx = (self.bzscroll) ? self.dst.px + (self.bzscroll.getNow()*self.dst.ax) : self.newscrollx;            
+            var dr=scx-sx;
+            if ((dr<0&&scx<self.newscrollx)||(dr>0&&scx>self.newscrollx)) scx = self.newscrollx;
+            self.setScrollLeft(scx);
+            if (scx == self.newscrollx) done+=1;
+          } else {
+            done+=1;
+          }
+          
+          if (done==2) {
+            self.timer = 0;
+            self.cursorfreezed = false;
+            self.bzscroll = false;
+            self.scrollrunning = false;
+            if (sc<0) sc=0;
+            else if (sc>self.page.maxh) sc=self.page.maxh;
+            if (scx<0) scx=0;
+            else if (scx>self.page.maxw) scx=self.page.maxw;
+            if ((scx!=self.newscrollx)||(sc!=self.newscrolly)) self.doScrollPos(scx,sc);
+            else {
+              if (self.onscrollend) {
+/*							
+                var info = {"type":"scrollend","current":{"x":sx,"y":sy},"end":{"x":self.newscrollx,"y":self.newscrolly}};
+                self.onscrollend.call(self,info);
+*/
+								self.triggerScrollEnd();
+              }             
+            } 
+          } else {
+            self.timer = setAnimationFrame(scrolling)||1;
+          }
+        };
+        self.cancelAnimationFrame=false;
+        self.timer = 1;
+
+        if (self.onscrollstart&&!self.scrollrunning) {
+          var info = {"type":"scrollstart","current":{"x":px,"y":py},"request":{"x":x,"y":y},"end":{"x":self.newscrollx,"y":self.newscrolly},"speed":ms};
+          self.onscrollstart.call(self,info);
+        }        
+
+        scrolling();
+        
+        if ((py==self.page.maxh&&y>=py)||(px==self.page.maxw&&x>=px)) self.checkContentSize();
+        
+        self.noticeCursor();
+      };
+  
+      this.cancelScroll = function() {        
+        if (self.timer) clearAnimationFrame(self.timer);
+        self.timer = 0;
+        self.bzscroll = false;
+        self.scrollrunning = false;
+        return self;
+      };
+      
+    }
+    
+    this.doScrollBy = function(stp,relative) {
+      var ny = 0;
+      if (relative) {
+        ny = Math.floor((self.scroll.y-stp)*self.scrollratio.y)
+      } else {        
+        var sy = (self.timer) ? self.newscrolly : self.getScrollTop(true);
+        ny = sy-stp;
+      }
+      if (self.bouncescroll) {
+        var haf = Math.round(self.view.h/2);
+        if (ny<-haf) ny=-haf
+        else if (ny>(self.page.maxh+haf)) ny = (self.page.maxh+haf);
+      }
+      self.cursorfreezed = false;      
+
+      py = self.getScrollTop(true);
+      if (ny<0&&py<=0) return self.noticeCursor();      
+      else if (ny>self.page.maxh&&py>=self.page.maxh) {
+        self.checkContentSize();
+        return self.noticeCursor();
+      }
+      
+      self.doScrollTop(ny);
+    };
+
+    this.doScrollLeftBy = function(stp,relative) {
+      var nx = 0;
+      if (relative) {
+        nx = Math.floor((self.scroll.x-stp)*self.scrollratio.x)
+      } else {
+        var sx = (self.timer) ? self.newscrollx : self.getScrollLeft(true);
+        nx = sx-stp;
+      }
+      if (self.bouncescroll) {
+        var haf = Math.round(self.view.w/2);
+        if (nx<-haf) nx=-haf;
+        else if (nx>(self.page.maxw+haf)) nx = (self.page.maxw+haf);
+      }
+      self.cursorfreezed = false;    
+
+      px = self.getScrollLeft(true);
+      if (nx<0&&px<=0) return self.noticeCursor();      
+      else if (nx>self.page.maxw&&px>=self.page.maxw) return self.noticeCursor();
+      
+      self.doScrollLeft(nx);
+    };
+    
+    this.doScrollTo = function(pos,relative) {
+      var ny = (relative) ? Math.round(pos*self.scrollratio.y) : pos;
+      if (ny<0) ny=0;
+      else if (ny>self.page.maxh) ny = self.page.maxh;
+      self.cursorfreezed = false;
+      self.doScrollTop(pos);
+    };
+    
+    this.checkContentSize = function() {      
+      var pg = self.getContentSize();
+      if ((pg.h!=self.page.h)||(pg.w!=self.page.w)) self.resize(false,pg);
+    };
+    
+    self.onscroll = function(e) {    
+      if (self.rail.drag) return;
+      if (!self.cursorfreezed) {
+        self.synched('scroll',function(){
+          self.scroll.y = Math.round(self.getScrollTop() * (1/self.scrollratio.y));
+          if (self.railh) self.scroll.x = Math.round(self.getScrollLeft() * (1/self.scrollratio.x));
+          self.noticeCursor();
+        });
+      }
+    };
+    self.bind(self.docscroll,"scroll",self.onscroll);
+    
+    this.doZoomIn = function(e) {
+      if (self.zoomactive) return;
+      self.zoomactive = true;
+      
+      self.zoomrestore = {
+        style:{}
+      };
+      var lst = ['position','top','left','zIndex','backgroundColor','marginTop','marginBottom','marginLeft','marginRight'];
+      var win = self.win[0].style;
+      for(var a in lst) {
+        var pp = lst[a];
+        self.zoomrestore.style[pp] = (typeof win[pp] != "undefined") ? win[pp] : '';        
+      }
+      
+      self.zoomrestore.style.width = self.win.css('width');
+      self.zoomrestore.style.height = self.win.css('height');
+      
+      self.zoomrestore.padding = {
+        w:self.win.outerWidth()-self.win.width(),
+        h:self.win.outerHeight()-self.win.height()
+      };
+      
+      if (cap.isios4) {
+        self.zoomrestore.scrollTop = $(window).scrollTop();
+        $(window).scrollTop(0);
+      }
+      
+      self.win.css({
+        "position":(cap.isios4)?"absolute":"fixed",
+        "top":0,
+        "left":0,
+        "z-index":globalmaxzindex+100,
+        "margin":"0px"
+      });
+      var bkg = self.win.css("backgroundColor");      
+      if (bkg==""||/transparent|rgba\(0, 0, 0, 0\)|rgba\(0,0,0,0\)/.test(bkg)) self.win.css("backgroundColor","#fff");
+      self.rail.css({"z-index":globalmaxzindex+101});
+      self.zoom.css({"z-index":globalmaxzindex+102});      
+      self.zoom.css('backgroundPosition','0px -18px');
+      self.resizeZoom();
+      
+      if (self.onzoomin) self.onzoomin.call(self);
+      
+      return self.cancelEvent(e);
+    };
+
+    this.doZoomOut = function(e) {
+      if (!self.zoomactive) return;
+      self.zoomactive = false;
+      
+      self.win.css("margin","");
+      self.win.css(self.zoomrestore.style);
+      
+      if (cap.isios4) {
+        $(window).scrollTop(self.zoomrestore.scrollTop);
+      }
+      
+      self.rail.css({"z-index":self.zindex});
+      self.zoom.css({"z-index":self.zindex});
+      self.zoomrestore = false;
+      self.zoom.css('backgroundPosition','0px 0px');
+      self.onResize();
+      
+      if (self.onzoomout) self.onzoomout.call(self);
+      
+      return self.cancelEvent(e);
+    };
+    
+    this.doZoom = function(e) {
+      return (self.zoomactive) ? self.doZoomOut(e) : self.doZoomIn(e);
+    };
+    
+    this.resizeZoom = function() {
+      if (!self.zoomactive) return;
+
+      var py = self.getScrollTop(); //preserve scrolling position
+      self.win.css({
+        width:$(window).width()-self.zoomrestore.padding.w+"px",
+        height:$(window).height()-self.zoomrestore.padding.h+"px"
+      });
+      self.onResize();
+      
+      self.setScrollTop(Math.min(self.page.maxh,py));
+    };
+   
+    this.init();
+    
+    $.nicescroll.push(this);
+
+  };
+  
+// Inspired by the work of Kin Blas
+// http://webpro.host.adobe.com/people/jblas/momentum/includes/jquery.momentum.0.7.js  
+  
+  
+  var ScrollMomentumClass2D = function(nc) {
+    var self = this;
+    this.nc = nc;
+    
+    this.lastx = 0;
+    this.lasty = 0;
+    this.speedx = 0;
+    this.speedy = 0;
+    this.lasttime = 0;
+    this.steptime = 0;
+    this.snapx = false;
+    this.snapy = false;
+    this.demulx = 0;
+    this.demuly = 0;
+    
+    this.lastscrollx = -1;
+    this.lastscrolly = -1;
+    
+    this.chkx = 0;
+    this.chky = 0;
+    
+    this.timer = 0;
+    
+    this.time = function() {
+      return +new Date();//beautifull hack
+    };
+    
+    this.reset = function(px,py) {
+      self.stop();
+      var now = self.time();
+      self.steptime = 0;
+      self.lasttime = now;
+      self.speedx = 0;
+      self.speedy = 0;
+      self.lastx = px;
+      self.lasty = py;
+      self.lastscrollx = -1;
+      self.lastscrolly = -1;
+    };
+    
+    this.update = function(px,py) {
+      var now = self.time();
+      self.steptime = now - self.lasttime;
+      self.lasttime = now;      
+      var dy = py - self.lasty;
+      var dx = px - self.lastx;
+      var sy = self.nc.getScrollTop();
+      var sx = self.nc.getScrollLeft();
+      var newy = sy + dy;
+      var newx = sx + dx;
+      self.snapx = (newx<0)||(newx>self.nc.page.maxw);
+      self.snapy = (newy<0)||(newy>self.nc.page.maxh);
+      self.speedx = dx;
+      self.speedy = dy;
+      self.lastx = px;
+      self.lasty = py;
+    };
+    
+    this.stop = function() {
+      self.nc.unsynched("domomentum2d");
+      if (self.timer) clearTimeout(self.timer);
+      self.timer = 0;
+      self.lastscrollx = -1;
+      self.lastscrolly = -1;
+    };
+    
+    this.doSnapy = function(nx,ny) {
+      var snap = false;
+      
+      if (ny<0) {
+        ny=0;
+        snap=true;        
+      } 
+      else if (ny>self.nc.page.maxh) {
+        ny=self.nc.page.maxh;
+        snap=true;
+      }
+
+      if (nx<0) {
+        nx=0;
+        snap=true;        
+      } 
+      else if (nx>self.nc.page.maxw) {
+        nx=self.nc.page.maxw;
+        snap=true;
+      }
+      
+      (snap) ? self.nc.doScrollPos(nx,ny,self.nc.opt.snapbackspeed) : self.nc.triggerScrollEnd();
+    };
+    
+    this.doMomentum = function(gp) {
+      var t = self.time();
+      var l = (gp) ? t+gp : self.lasttime;
+
+      var sl = self.nc.getScrollLeft();
+      var st = self.nc.getScrollTop();
+      
+      var pageh = self.nc.page.maxh;
+      var pagew = self.nc.page.maxw;
+      
+      self.speedx = (pagew>0) ? Math.min(60,self.speedx) : 0;
+      self.speedy = (pageh>0) ? Math.min(60,self.speedy) : 0;
+      
+      var chk = l && (t - l) <= 60;
+      
+      if ((st<0)||(st>pageh)||(sl<0)||(sl>pagew)) chk = false;
+      
+      var sy = (self.speedy && chk) ? self.speedy : false;
+      var sx = (self.speedx && chk) ? self.speedx : false;
+      
+      if (sy||sx) {
+        var tm = Math.max(16,self.steptime); //timeout granularity
+        
+        if (tm>50) {  // do smooth
+          var xm = tm/50;
+          self.speedx*=xm;
+          self.speedy*=xm;
+          tm = 50;
+        }
+        
+        self.demulxy = 0;
+
+        self.lastscrollx = self.nc.getScrollLeft();
+        self.chkx = self.lastscrollx;
+        self.lastscrolly = self.nc.getScrollTop();
+        self.chky = self.lastscrolly;
+        
+        var nx = self.lastscrollx;
+        var ny = self.lastscrolly;
+        
+        var onscroll = function(){
+          var df = ((self.time()-t)>600) ? 0.04 : 0.02;
+        
+          if (self.speedx) {
+            nx = Math.floor(self.lastscrollx - (self.speedx*(1-self.demulxy)));
+            self.lastscrollx = nx;
+            if ((nx<0)||(nx>pagew)) df=0.10;
+          }
+
+          if (self.speedy) {
+            ny = Math.floor(self.lastscrolly - (self.speedy*(1-self.demulxy)));
+            self.lastscrolly = ny;
+            if ((ny<0)||(ny>pageh)) df=0.10;
+          }
+          
+          self.demulxy = Math.min(1,self.demulxy+df);
+          
+          self.nc.synched("domomentum2d",function(){
+
+            if (self.speedx) {
+              var scx = self.nc.getScrollLeft();
+              if (scx!=self.chkx) self.stop();
+              self.chkx=nx;
+              self.nc.setScrollLeft(nx);
+            }
+          
+            if (self.speedy) {
+              var scy = self.nc.getScrollTop();
+              if (scy!=self.chky) self.stop();          
+              self.chky=ny;
+              self.nc.setScrollTop(ny);
+            }
+            
+            if(!self.timer) {
+              self.nc.hideCursor();
+              self.doSnapy(nx,ny);
+            }
+            
+          });
+          
+          if (self.demulxy<1) {            
+            self.timer = setTimeout(onscroll,tm);
+          } else {
+            self.stop();
+            self.nc.hideCursor();
+            self.doSnapy(nx,ny);
+          }
+        };
+        
+        onscroll();
+        
+      } else {
+        self.doSnapy(self.nc.getScrollLeft(),self.nc.getScrollTop());
+      }      
+      
+    }
+    
+  };
+
+  
+// override jQuery scrollTop
+ 
+  var _scrollTop = jQuery.fn.scrollTop; // preserve original function
+   
+  jQuery.cssHooks["pageYOffset"] = {
+    get: function(elem,computed,extra) {      
+      var nice = $.data(elem,'__nicescroll')||false;
+      return (nice&&nice.ishwscroll) ? nice.getScrollTop() : _scrollTop.call(elem);
+    },
+    set: function(elem,value) {
+      var nice = $.data(elem,'__nicescroll')||false;    
+      (nice&&nice.ishwscroll) ? nice.setScrollTop(parseInt(value)) : _scrollTop.call(elem,value);
+      return this;
+    }
+  };
+  
+/*  
+  $.fx.step["scrollTop"] = function(fx){    
+    $.cssHooks["scrollTop"].set( fx.elem, fx.now + fx.unit );
+  };
+*/  
+  
+  jQuery.fn.scrollTop = function(value) {    
+    if (typeof value == "undefined") {
+      var nice = (this[0]) ? $.data(this[0],'__nicescroll')||false : false;
+      return (nice&&nice.ishwscroll) ? nice.getScrollTop() : _scrollTop.call(this);
+    } else {      
+      return this.each(function() {
+        var nice = $.data(this,'__nicescroll')||false;
+        (nice&&nice.ishwscroll) ? nice.setScrollTop(parseInt(value)) : _scrollTop.call($(this),value);
+      });
+    }
+  };
+
+// override jQuery scrollLeft
+ 
+  var _scrollLeft = jQuery.fn.scrollLeft; // preserve original function
+   
+  $.cssHooks.pageXOffset = {
+    get: function(elem,computed,extra) {
+      var nice = $.data(elem,'__nicescroll')||false;
+      return (nice&&nice.ishwscroll) ? nice.getScrollLeft() : _scrollLeft.call(elem);
+    },
+    set: function(elem,value) {
+      var nice = $.data(elem,'__nicescroll')||false;    
+      (nice&&nice.ishwscroll) ? nice.setScrollLeft(parseInt(value)) : _scrollLeft.call(elem,value);
+      return this;
+    }
+  };
+  
+/*  
+  $.fx.step["scrollLeft"] = function(fx){
+    $.cssHooks["scrollLeft"].set( fx.elem, fx.now + fx.unit );
+  };  
+*/  
+ 
+  jQuery.fn.scrollLeft = function(value) {    
+    if (typeof value == "undefined") {
+      var nice = (this[0]) ? $.data(this[0],'__nicescroll')||false : false;
+      return (nice&&nice.ishwscroll) ? nice.getScrollLeft() : _scrollLeft.call(this);
+    } else {
+      return this.each(function() {     
+        var nice = $.data(this,'__nicescroll')||false;
+        (nice&&nice.ishwscroll) ? nice.setScrollLeft(parseInt(value)) : _scrollLeft.call($(this),value);
+      });
+    }
+  };
+  
+  var NiceScrollArray = function(doms) {
+    var self = this;
+    this.length = 0;
+    this.name = "nicescrollarray";
+  
+    this.each = function(fn) {
+      for(var a=0,i=0;a<self.length;a++) fn.call(self[a],i++);
+      return self;
+    };
+    
+    this.push = function(nice) {
+      self[self.length]=nice;
+      self.length++;
+    };
+    
+    this.eq = function(idx) {
+      return self[idx];
+    };
+    
+    if (doms) {
+      for(var a=0;a<doms.length;a++) {
+        var nice = $.data(doms[a],'__nicescroll')||false;
+        if (nice) {
+          this[this.length]=nice;
+          this.length++;
+        }
+      };
+    }
+    
+    return this;
+  };
+  
+  function mplex(el,lst,fn) {
+    for(var a=0;a<lst.length;a++) fn(el,lst[a]);
+  };  
+  mplex(
+    NiceScrollArray.prototype,
+    ['show','hide','toggle','onResize','resize','remove','stop','doScrollPos'],
+    function(e,n) {
+      e[n] = function(){
+        var args = arguments;
+        return this.each(function(){          
+          this[n].apply(this,args);
+        });
+      };
+    }
+  );  
+  
+  jQuery.fn.getNiceScroll = function(index) {
+    if (typeof index == "undefined") {
+      return new NiceScrollArray(this);
+    } else {      
+      var nice = this[index]&&$.data(this[index],'__nicescroll')||false;
+      return nice;
+    }
+  };
+  
+  jQuery.extend(jQuery.expr[':'], {
+    nicescroll: function(a) {
+      return ($.data(a,'__nicescroll'))?true:false;
+    }
+  });  
+  
+  $.fn.niceScroll = function(wrapper,opt) {        
+    if (typeof opt=="undefined") {
+      if ((typeof wrapper=="object")&&!("jquery" in wrapper)) {
+        opt = wrapper;
+        wrapper = false;        
+      }
+    }
+    var ret = new NiceScrollArray();
+    if (typeof opt=="undefined") opt = {};
+    
+    if (wrapper||false) {      
+      opt.doc = $(wrapper);
+      opt.win = $(this);
+    }    
+    var docundef = !("doc" in opt);   
+    if (!docundef&&!("win" in opt)) opt.win = $(this);    
+    
+    this.each(function() {
+      var nice = $(this).data('__nicescroll')||false;
+      if (!nice) {
+        opt.doc = (docundef) ? $(this) : opt.doc;
+        nice = new NiceScrollClass(opt,$(this));        
+        $(this).data('__nicescroll',nice);
+      }
+      ret.push(nice);
+    });
+    return (ret.length==1) ? ret[0] : ret;
+  };
+  
+  window.NiceScroll = {
+    getjQuery:function(){return jQuery}
+  };
+  
+  if (!$.nicescroll) {
+   $.nicescroll = new NiceScrollArray();
+   $.nicescroll.options = _globaloptions;
+  }
+  
+}));
+  
diff --git a/vendor/javascripts/jquery.sparkline.min.js b/vendor/javascripts/jquery.sparkline.min.js
new file mode 100755
index 0000000..1a186e2
--- /dev/null
+++ b/vendor/javascripts/jquery.sparkline.min.js
@@ -0,0 +1,5 @@
+/* jquery.sparkline 2.1.2 - http://omnipotent.net/jquery.sparkline/ 
+** Licensed under the New BSD License - see above site for details */
+
+(function(a,b,c){(function(a){typeof define=="function"&&define.amd?define(["jquery"],a):jQuery&&!jQuery.fn.sparkline&&a(jQuery)})(function(d){"use strict";var e={},f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L=0;f=function(){return{common:{type:"line",lineColor:"#00f",fillColor:"#cdf",defaultPixelsPerValue:3,width:"auto",height:"auto",composite:!1,tagValuesAttribute:"values",tagOptionsPrefix:"spark",enableTagOptions:!1,enableHighlight:!0,highlightLighten:1.4,tooltipSkipNull:!0,tooltipPrefix:"",tooltipSuffix:"",disableHiddenCheck:!1,numberFormatter:!1,numberDigitGroupCount:3,numberDigitGroupSep:",",numberDecimalMark:".",disableTooltips:!1,disableInteraction:!1},line:{spotColor:"#f80",highlightSpotColor:"#5f5",highlightLineColor:"#f22",spotRadius:1.5,minSpotColor:"#f80",maxSpotColor:"#f80",lineWidth:1,normalRangeMin:c,normalRangeMax:c,normalRangeColor:"#ccc",drawNormalOnTop:!1,chartRangeMin:c,chartRangeMax:c,chartRangeMinX:c,chartRangeMaxX:c,tooltipFormat:new h('<span style="color: {{color}}">&#9679;</span> {{prefix}}{{y}}{{suffix}}')},bar:{barColor:"#3366cc",negBarColor:"#f44",stackedBarColor:["#3366cc","#dc3912","#ff9900","#109618","#66aa00","#dd4477","#0099c6","#990099"],zeroColor:c,nullColor:c,zeroAxis:!0,barWidth:4,barSpacing:1,chartRangeMax:c,chartRangeMin:c,chartRangeClip:!1,colorMap:c,tooltipFormat:new h('<span style="color: {{color}}">&#9679;</span> {{prefix}}{{value}}{{suffix}}')},tristate:{barWidth:4,barSpacing:1,posBarColor:"#6f6",negBarColor:"#f44",zeroBarColor:"#999",colorMap:{},tooltipFormat:new h('<span style="color: {{color}}">&#9679;</span> {{value:map}}'),tooltipValueLookups:{map:{"-1":"Loss",0:"Draw",1:"Win"}}},discrete:{lineHeight:"auto",thresholdColor:c,thresholdValue:0,chartRangeMax:c,chartRangeMin:c,chartRangeClip:!1,tooltipFormat:new h("{{prefix}}{{value}}{{suffix}}")},bullet:{targetColor:"#f33",targetWidth:3,performanceColor:"#33f",rangeColors:["#d3dafe","#a8b6ff","#7f94ff"],base:c,tooltipFormat:new h("{{fieldkey:fields}} - {{value}}"),tooltipValueLookups:{fields:{r:"Range",p:"Performance",t:"Target"}}},pie:{offset:0,sliceColors:["#3366cc","#dc3912","#ff9900","#109618","#66aa00","#dd4477","#0099c6","#990099"],borderWidth:0,borderColor:"#000",tooltipFormat:new h('<span style="color: {{color}}">&#9679;</span> {{value}} ({{percent.1}}%)')},box:{raw:!1,boxLineColor:"#000",boxFillColor:"#cdf",whiskerColor:"#000",outlierLineColor:"#333",outlierFillColor:"#fff",medianColor:"#f00",showOutliers:!0,outlierIQR:1.5,spotRadius:1.5,target:c,targetColor:"#4a2",chartRangeMax:c,chartRangeMin:c,tooltipFormat:new h("{{field:fields}}: {{value}}"),tooltipFormatFieldlistKey:"field",tooltipValueLookups:{fields:{lq:"Lower Quartile",med:"Median",uq:"Upper Quartile",lo:"Left Outlier",ro:"Right Outlier",lw:"Left Whisker",rw:"Right Whisker"}}}}},E='.jqstooltip { position: absolute;left: 0px;top: 0px;visibility: hidden;background: rgb(0, 0, 0) transparent;background-color: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color: white;font: 10px arial, san serif;text-align: left;white-space: nowrap;padding: 5px;border: 1px solid white;z-index: 10000;}.jqsfield { color: white;font: 10px arial, san serif;text-align: left;}',g=function(){var a,b;return a=function(){this.init.apply(this,arguments)},arguments.length>1?(arguments[0]?(a.prototype=d.extend(new arguments[0],arguments[arguments.length-1]),a._super=arguments[0].prototype):a.prototype=arguments[arguments.length-1],arguments.length>2&&(b=Array.prototype.slice.call(arguments,1,-1),b.unshift(a.prototype),d.extend.apply(d,b))):a.prototype=arguments[0],a.prototype.cls=a,a},d.SPFormatClass=h=g({fre:/\{\{([\w.]+?)(:(.+?))?\}\}/g,precre:/(\w+)\.(\d+)/,init:function(a,b){this.format=a,this.fclass=b},render:function(a,b,d){var e=this,f=a,g,h,i,j,k;return this.format.replace(this.fre,function(){var a;return h=arguments[1],i=arguments[3],g=e.precre.exec(h),g?(k=g[2],h=g[1]):k=!1,j=f[h],j===c?"":i&&b&&b[i]?(a=b[i],a.get?b[i].get(j)||j:b[i][j]||j):(n(j)&&(d.get("numberFormatter")?j=d.get("numberFormatter")(j):j=s(j,k,d.get("numberDigitGroupCount"),d.get("numberDigitGroupSep"),d.get("numberDecimalMark"))),j)})}}),d.spformat=function(a,b){return new h(a,b)},i=function(a,b,c){return a<b?b:a>c?c:a},j=function(a,c){var d;return c===2?(d=b.floor(a.length/2),a.length%2?a[d]:(a[d-1]+a[d])/2):a.length%2?(d=(a.length*c+c)/4,d%1?(a[b.floor(d)]+a[b.floor(d)-1])/2:a[d-1]):(d=(a.length*c+2)/4,d%1?(a[b.floor(d)]+a[b.floor(d)-1])/2:a[d-1])},k=function(a){var b;switch(a){case"undefined":a=c;break;case"null":a=null;break;case"true":a=!0;break;case"false":a=!1;break;default:b=parseFloat(a),a==b&&(a=b)}return a},l=function(a){var b,c=[];for(b=a.length;b--;)c[b]=k(a[b]);return c},m=function(a,b){var c,d,e=[];for(c=0,d=a.length;c<d;c++)a[c]!==b&&e.push(a[c]);return e},n=function(a){return!isNaN(parseFloat(a))&&isFinite(a)},s=function(a,b,c,e,f){var g,h;a=(b===!1?parseFloat(a).toString():a.toFixed(b)).split(""),g=(g=d.inArray(".",a))<0?a.length:g,g<a.length&&(a[g]=f);for(h=g-c;h>0;h-=c)a.splice(h,0,e);return a.join("")},o=function(a,b,c){var d;for(d=b.length;d--;){if(c&&b[d]===null)continue;if(b[d]!==a)return!1}return!0},p=function(a){var b=0,c;for(c=a.length;c--;)b+=typeof a[c]=="number"?a[c]:0;return b},r=function(a){return d.isArray(a)?a:[a]},q=function(b){var c;a.createStyleSheet?a.createStyleSheet().cssText=b:(c=a.createElement("style"),c.type="text/css",a.getElementsByTagName("head")[0].appendChild(c),c[typeof a.body.style.WebkitAppearance=="string"?"innerText":"innerHTML"]=b)},d.fn.simpledraw=function(b,e,f,g){var h,i;if(f&&(h=this.data("_jqs_vcanvas")))return h;if(d.fn.sparkline.canvas===!1)return!1;if(d.fn.sparkline.canvas===c){var j=a.createElement("canvas");if(!j.getContext||!j.getContext("2d")){if(!a.namespaces||!!a.namespaces.v)return d.fn.sparkline.canvas=!1,!1;a.namespaces.add("v","urn:schemas-microsoft-com:vml","#default#VML"),d.fn.sparkline.canvas=function(a,b,c,d){return new J(a,b,c)}}else d.fn.sparkline.canvas=function(a,b,c,d){return new I(a,b,c,d)}}return b===c&&(b=d(this).innerWidth()),e===c&&(e=d(this).innerHeight()),h=d.fn.sparkline.canvas(b,e,this,g),i=d(this).data("_jqs_mhandler"),i&&i.registerCanvas(h),h},d.fn.cleardraw=function(){var a=this.data("_jqs_vcanvas");a&&a.reset()},d.RangeMapClass=t=g({init:function(a){var b,c,d=[];for(b in a)a.hasOwnProperty(b)&&typeof b=="string"&&b.indexOf(":")>-1&&(c=b.split(":"),c[0]=c[0].length===0?-Infinity:parseFloat(c[0]),c[1]=c[1].length===0?Infinity:parseFloat(c[1]),c[2]=a[b],d.push(c));this.map=a,this.rangelist=d||!1},get:function(a){var b=this.rangelist,d,e,f;if((f=this.map[a])!==c)return f;if(b)for(d=b.length;d--;){e=b[d];if(e[0]<=a&&e[1]>=a)return e[2]}return c}}),d.range_map=function(a){return new t(a)},u=g({init:function(a,b){var c=d(a);this.$el=c,this.options=b,this.currentPageX=0,this.currentPageY=0,this.el=a,this.splist=[],this.tooltip=null,this.over=!1,this.displayTooltips=!b.get("disableTooltips"),this.highlightEnabled=!b.get("disableHighlight")},registerSparkline:function(a){this.splist.push(a),this.over&&this.updateDisplay()},registerCanvas:function(a){var b=d(a.canvas);this.canvas=a,this.$canvas=b,b.mouseenter(d.proxy(this.mouseenter,this)),b.mouseleave(d.proxy(this.mouseleave,this)),b.click(d.proxy(this.mouseclick,this))},reset:function(a){this.splist=[],this.tooltip&&a&&(this.tooltip.remove(),this.tooltip=c)},mouseclick:function(a){var b=d.Event("sparklineClick");b.originalEvent=a,b.sparklines=this.splist,this.$el.trigger(b)},mouseenter:function(b){d(a.body).unbind("mousemove.jqs"),d(a.body).bind("mousemove.jqs",d.proxy(this.mousemove,this)),this.over=!0,this.currentPageX=b.pageX,this.currentPageY=b.pageY,this.currentEl=b.target,!this.tooltip&&this.displayTooltips&&(this.tooltip=new v(this.options),this.tooltip.updatePosition(b.pageX,b.pageY)),this.updateDisplay()},mouseleave:function(){d(a.body).unbind("mousemove.jqs");var b=this.splist,c=b.length,e=!1,f,g;this.over=!1,this.currentEl=null,this.tooltip&&(this.tooltip.remove(),this.tooltip=null);for(g=0;g<c;g++)f=b[g],f.clearRegionHighlight()&&(e=!0);e&&this.canvas.render()},mousemove:function(a){this.currentPageX=a.pageX,this.currentPageY=a.pageY,this.currentEl=a.target,this.tooltip&&this.tooltip.updatePosition(a.pageX,a.pageY),this.updateDisplay()},updateDisplay:function(){var a=this.splist,b=a.length,c=!1,e=this.$canvas.offset(),f=this.currentPageX-e.left,g=this.currentPageY-e.top,h,i,j,k,l;if(!this.over)return;for(j=0;j<b;j++)i=a[j],k=i.setRegionHighlight(this.currentEl,f,g),k&&(c=!0);if(c){l=d.Event("sparklineRegionChange"),l.sparklines=this.splist,this.$el.trigger(l);if(this.tooltip){h="";for(j=0;j<b;j++)i=a[j],h+=i.getCurrentRegionTooltip();this.tooltip.setContent(h)}this.disableHighlight||this.canvas.render()}k===null&&this.mouseleave()}}),v=g({sizeStyle:"position: static !important;display: block !important;visibility: hidden !important;float: left !important;",init:function(b){var c=b.get("tooltipClassname","jqstooltip"),e=this.sizeStyle,f;this.container=b.get("tooltipContainer")||a.body,this.tooltipOffsetX=b.get("tooltipOffsetX",10),this.tooltipOffsetY=b.get("tooltipOffsetY",12),d("#jqssizetip").remove(),d("#jqstooltip").remove(),this.sizetip=d("<div/>",{id:"jqssizetip",style:e,"class":c}),this.tooltip=d("<div/>",{id:"jqstooltip","class":c}).appendTo(this.container),f=this.tooltip.offset(),this.offsetLeft=f.left,this.offsetTop=f.top,this.hidden=!0,d(window).unbind("resize.jqs scroll.jqs"),d(window).bind("resize.jqs scroll.jqs",d.proxy(this.updateWindowDims,this)),this.updateWindowDims()},updateWindowDims:function(){this.scrollTop=d(window).scrollTop(),this.scrollLeft=d(window).scrollLeft(),this.scrollRight=this.scrollLeft+d(window).width(),this.updatePosition()},getSize:function(a){this.sizetip.html(a).appendTo(this.container),this.width=this.sizetip.width()+1,this.height=this.sizetip.height(),this.sizetip.remove()},setContent:function(a){if(!a){this.tooltip.css("visibility","hidden"),this.hidden=!0;return}this.getSize(a),this.tooltip.html(a).css({width:this.width,height:this.height,visibility:"visible"}),this.hidden&&(this.hidden=!1,this.updatePosition())},updatePosition:function(a,b){if(a===c){if(this.mousex===c)return;a=this.mousex-this.offsetLeft,b=this.mousey-this.offsetTop}else this.mousex=a-=this.offsetLeft,this.mousey=b-=this.offsetTop;if(!this.height||!this.width||this.hidden)return;b-=this.height+this.tooltipOffsetY,a+=this.tooltipOffsetX,b<this.scrollTop&&(b=this.scrollTop),a<this.scrollLeft?a=this.scrollLeft:a+this.width>this.scrollRight&&(a=this.scrollRight-this.width),this.tooltip.css({left:a,top:b})},remove:function(){this.tooltip.remove(),this.sizetip.remove(),this.sizetip=this.tooltip=c,d(window).unbind("resize.jqs scroll.jqs")}}),F=function(){q(E)},d(F),K=[],d.fn.sparkline=function(b,e){return this.each(function(){var f=new d.fn.sparkline.options(this,e),g=d(this),h,i;h=function(){var e,h,i,j,k,l,m;if(b==="html"||b===c){m=this.getAttribute(f.get("tagValuesAttribute"));if(m===c||m===null)m=g.html();e=m.replace(/(^\s*<!--)|(-->\s*$)|\s+/g,"").split(",")}else e=b;h=f.get("width")==="auto"?e.length*f.get("defaultPixelsPerValue"):f.get("width");if(f.get("height")==="auto"){if(!f.get("composite")||!d.data(this,"_jqs_vcanvas"))j=a.createElement("span"),j.innerHTML="a",g.html(j),i=d(j).innerHeight()||d(j).height(),d(j).remove(),j=null}else i=f.get("height");f.get("disableInteraction")?k=!1:(k=d.data(this,"_jqs_mhandler"),k?f.get("composite")||k.reset():(k=new u(this,f),d.data(this,"_jqs_mhandler",k)));if(f.get("composite")&&!d.data(this,"_jqs_vcanvas")){d.data(this,"_jqs_errnotify")||(alert("Attempted to attach a composite sparkline to an element with no existing sparkline"),d.data(this,"_jqs_errnotify",!0));return}l=new(d.fn.sparkline[f.get("type")])(this,e,f,h,i),l.render(),k&&k.registerSparkline(l)};if(d(this).html()&&!f.get("disableHiddenCheck")&&d(this).is(":hidden")||!d(this).parents("body").length){if(!f.get("composite")&&d.data(this,"_jqs_pending"))for(i=K.length;i;i--)K[i-1][0]==this&&K.splice(i-1,1);K.push([this,h]),d.data(this,"_jqs_pending",!0)}else h.call(this)})},d.fn.sparkline.defaults=f(),d.sparkline_display_visible=function(){var a,b,c,e=[];for(b=0,c=K.length;b<c;b++)a=K[b][0],d(a).is(":visible")&&!d(a).parents().is(":hidden")?(K[b][1].call(a),d.data(K[b][0],"_jqs_pending",!1),e.push(b)):!d(a).closest("html").length&&!d.data(a,"_jqs_pending")&&(d.data(K[b][0],"_jqs_pending",!1),e.push(b));for(b=e.length;b;b--)K.splice(e[b-1],1)},d.fn.sparkline.options=g({init:function(a,b){var c,f,g,h;this.userOptions=b=b||{},this.tag=a,this.tagValCache={},f=d.fn.sparkline.defaults,g=f.common,this.tagOptionsPrefix=b.enableTagOptions&&(b.tagOptionsPrefix||g.tagOptionsPrefix),h=this.getTagSetting("type"),h===e?c=f[b.type||g.type]:c=f[h],this.mergedOptions=d.extend({},g,c,b)},getTagSetting:function(a){var b=this.tagOptionsPrefix,d,f,g,h;if(b===!1||b===c)return e;if(this.tagValCache.hasOwnProperty(a))d=this.tagValCache.key;else{d=this.tag.getAttribute(b+a);if(d===c||d===null)d=e;else if(d.substr(0,1)==="["){d=d.substr(1,d.length-2).split(",");for(f=d.length;f--;)d[f]=k(d[f].replace(/(^\s*)|(\s*$)/g,""))}else if(d.substr(0,1)==="{"){g=d.substr(1,d.length-2).split(","),d={};for(f=g.length;f--;)h=g[f].split(":",2),d[h[0].replace(/(^\s*)|(\s*$)/g,"")]=k(h[1].replace(/(^\s*)|(\s*$)/g,""))}else d=k(d);this.tagValCache.key=d}return d},get:function(a,b){var d=this.getTagSetting(a),f;return d!==e?d:(f=this.mergedOptions[a])===c?b:f}}),d.fn.sparkline._base=g({disabled:!1,init:function(a,b,e,f,g){this.el=a,this.$el=d(a),this.values=b,this.options=e,this.width=f,this.height=g,this.currentRegion=c},initTarget:function(){var a=!this.options.get("disableInteraction");(this.target=this.$el.simpledraw(this.width,this.height,this.options.get("composite"),a))?(this.canvasWidth=this.target.pixelWidth,this.canvasHeight=this.target.pixelHeight):this.disabled=!0},render:function(){return this.disabled?(this.el.innerHTML="",!1):!0},getRegion:function(a,b){},setRegionHighlight:function(a,b,d){var e=this.currentRegion,f=!this.options.get("disableHighlight"),g;return b>this.canvasWidth||d>this.canvasHeight||b<0||d<0?null:(g=this.getRegion(a,b,d),e!==g?(e!==c&&f&&this.removeHighlight(),this.currentRegion=g,g!==c&&f&&this.renderHighlight(),!0):!1)},clearRegionHighlight:function(){return this.currentRegion!==c?(this.removeHighlight(),this.currentRegion=c,!0):!1},renderHighlight:function(){this.changeHighlight(!0)},removeHighlight:function(){this.changeHighlight(!1)},changeHighlight:function(a){},getCurrentRegionTooltip:function(){var a=this.options,b="",e=[],f,g,i,j,k,l,m,n,o,p,q,r,s,t;if(this.currentRegion===c)return"";f=this.getCurrentRegionFields(),q=a.get("tooltipFormatter");if(q)return q(this,a,f);a.get("tooltipChartTitle")&&(b+='<div class="jqs jqstitle">'+a.get("tooltipChartTitle")+"</div>\n"),g=this.options.get("tooltipFormat");if(!g)return"";d.isArray(g)||(g=[g]),d.isArray(f)||(f=[f]),m=this.options.get("tooltipFormatFieldlist"),n=this.options.get("tooltipFormatFieldlistKey");if(m&&n){o=[];for(l=f.length;l--;)p=f[l][n],(t=d.inArray(p,m))!=-1&&(o[t]=f[l]);f=o}i=g.length,s=f.length;for(l=0;l<i;l++){r=g[l],typeof r=="string"&&(r=new h(r)),j=r.fclass||"jqsfield";for(t=0;t<s;t++)if(!f[t].isNull||!a.get("tooltipSkipNull"))d.extend(f[t],{prefix:a.get("tooltipPrefix"),suffix:a.get("tooltipSuffix")}),k=r.render(f[t],a.get("tooltipValueLookups"),a),e.push('<div class="'+j+'">'+k+"</div>")}return e.length?b+e.join("\n"):""},getCurrentRegionFields:function(){},calcHighlightColor:function(a,c){var d=c.get("highlightColor"),e=c.get("highlightLighten"),f,g,h,j;if(d)return d;if(e){f=/^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(a)||/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(a);if(f){h=[],g=a.length===4?16:1;for(j=0;j<3;j++)h[j]=i(b.round(parseInt(f[j+1],16)*g*e),0,255);return"rgb("+h.join(",")+")"}}return a}}),w={changeHighlight:function(a){var b=this.currentRegion,c=this.target,e=this.regionShapes[b],f;e&&(f=this.renderRegion(b,a),d.isArray(f)||d.isArray(e)?(c.replaceWithShapes(e,f),this.regionShapes[b]=d.map(f,function(a){return a.id})):(c.replaceWithShape(e,f),this.regionShapes[b]=f.id))},render:function(){var a=this.values,b=this.target,c=this.regionShapes,e,f,g,h;if(!this.cls._super.render.call(this))return;for(g=a.length;g--;){e=this.renderRegion(g);if(e)if(d.isArray(e)){f=[];for(h=e.length;h--;)e[h].append(),f.push(e[h].id);c[g]=f}else e.append(),c[g]=e.id;else c[g]=null}b.render()}},d.fn.sparkline.line=x=g(d.fn.sparkline._base,{type:"line",init:function(a,b,c,d,e){x._super.init.call(this,a,b,c,d,e),this.vertices=[],this.regionMap=[],this.xvalues=[],this.yvalues=[],this.yminmax=[],this.hightlightSpotId=null,this.lastShapeId=null,this.initTarget()},getRegion:function(a,b,d){var e,f=this.regionMap;for(e=f.length;e--;)if(f[e]!==null&&b>=f[e][0]&&b<=f[e][1])return f[e][2];return c},getCurrentRegionFields:function(){var a=this.currentRegion;return{isNull:this.yvalues[a]===null,x:this.xvalues[a],y:this.yvalues[a],color:this.options.get("lineColor"),fillColor:this.options.get("fillColor"),offset:a}},renderHighlight:function(){var a=this.currentRegion,b=this.target,d=this.vertices[a],e=this.options,f=e.get("spotRadius"),g=e.get("highlightSpotColor"),h=e.get("highlightLineColor"),i,j;if(!d)return;f&&g&&(i=b.drawCircle(d[0],d[1],f,c,g),this.highlightSpotId=i.id,b.insertAfterShape(this.lastShapeId,i)),h&&(j=b.drawLine(d[0],this.canvasTop,d[0],this.canvasTop+this.canvasHeight,h),this.highlightLineId=j.id,b.insertAfterShape(this.lastShapeId,j))},removeHighlight:function(){var a=this.target;this.highlightSpotId&&(a.removeShapeId(this.highlightSpotId),this.highlightSpotId=null),this.highlightLineId&&(a.removeShapeId(this.highlightLineId),this.highlightLineId=null)},scanValues:function(){var a=this.values,c=a.length,d=this.xvalues,e=this.yvalues,f=this.yminmax,g,h,i,j,k;for(g=0;g<c;g++)h=a[g],i=typeof a[g]=="string",j=typeof a[g]=="object"&&a[g]instanceof Array,k=i&&a[g].split(":"),i&&k.length===2?(d.push(Number(k[0])),e.push(Number(k[1])),f.push(Number(k[1]))):j?(d.push(h[0]),e.push(h[1]),f.push(h[1])):(d.push(g),a[g]===null||a[g]==="null"?e.push(null):(e.push(Number(h)),f.push(Number(h))));this.options.get("xvalues")&&(d=this.options.get("xvalues")),this.maxy=this.maxyorg=b.max.apply(b,f),this.miny=this.minyorg=b.min.apply(b,f),this.maxx=b.max.apply(b,d),this.minx=b.min.apply(b,d),this.xvalues=d,this.yvalues=e,this.yminmax=f},processRangeOptions:function(){var a=this.options,b=a.get("normalRangeMin"),d=a.get("normalRangeMax");b!==c&&(b<this.miny&&(this.miny=b),d>this.maxy&&(this.maxy=d)),a.get("chartRangeMin")!==c&&(a.get("chartRangeClip")||a.get("chartRangeMin")<this.miny)&&(this.miny=a.get("chartRangeMin")),a.get("chartRangeMax")!==c&&(a.get("chartRangeClip")||a.get("chartRangeMax")>this.maxy)&&(this.maxy=a.get("chartRangeMax")),a.get("chartRangeMinX")!==c&&(a.get("chartRangeClipX")||a.get("chartRangeMinX")<this.minx)&&(this.minx=a.get("chartRangeMinX")),a.get("chartRangeMaxX")!==c&&(a.get("chartRangeClipX")||a.get("chartRangeMaxX")>this.maxx)&&(this.maxx=a.get("chartRangeMaxX"))},drawNormalRange:function(a,d,e,f,g){var h=this.options.get("normalRangeMin"),i=this.options.get("normalRangeMax"),j=d+b.round(e-e*((i-this.miny)/g)),k=b.round(e*(i-h)/g);this.target.drawRect(a,j,f,k,c,this.options.get("normalRangeColor")).append()},render:function(){var a=this.options,e=this.target,f=this.canvasWidth,g=this.canvasHeight,h=this.vertices,i=a.get("spotRadius"),j=this.regionMap,k,l,m,n,o,p,q,r,s,u,v,w,y,z,A,B,C,D,E,F,G,H,I,J,K;if(!x._super.render.call(this))return;this.scanValues(),this.processRangeOptions(),I=this.xvalues,J=this.yvalues;if(!this.yminmax.length||this.yvalues.length<2)return;n=o=0,k=this.maxx-this.minx===0?1:this.maxx-this.minx,l=this.maxy-this.miny===0?1:this.maxy-this.miny,m=this.yvalues.length-1,i&&(f<i*4||g<i*4)&&(i=0);if(i){G=a.get("highlightSpotColor")&&!a.get("disableInteraction");if(G||a.get("minSpotColor")||a.get("spotColor")&&J[m]===this.miny)g-=b.ceil(i);if(G||a.get("maxSpotColor")||a.get("spotColor")&&J[m]===this.maxy)g-=b.ceil(i),n+=b.ceil(i);if(G||(a.get("minSpotColor")||a.get("maxSpotColor"))&&(J[0]===this.miny||J[0]===this.maxy))o+=b.ceil(i),f-=b.ceil(i);if(G||a.get("spotColor")||a.get("minSpotColor")||a.get("maxSpotColor")&&(J[m]===this.miny||J[m]===this.maxy))f-=b.ceil(i)}g--,a.get("normalRangeMin")!==c&&!a.get("drawNormalOnTop")&&this.drawNormalRange(o,n,g,f,l),q=[],r=[q],z=A=null,B=J.length;for(K=0;K<B;K++)s=I[K],v=I[K+1],u=J[K],w=o+b.round((s-this.minx)*(f/k)),y=K<B-1?o+b.round((v-this.minx)*(f/k)):f,A=w+(y-w)/2,j[K]=[z||0,A,K],z=A,u===null?K&&(J[K-1]!==null&&(q=[],r.push(q)),h.push(null)):(u<this.miny&&(u=this.miny),u>this.maxy&&(u=this.maxy),q.length||q.push([w,n+g]),p=[w,n+b.round(g-g*((u-this.miny)/l))],q.push(p),h.push(p));C=[],D=[],E=r.length;for(K=0;K<E;K++)q=r[K],q.length&&(a.get("fillColor")&&(q.push([q[q.length-1][0],n+g]),D.push(q.slice(0)),q.pop()),q.length>2&&(q[0]=[q[0][0],q[1][1]]),C.push(q));E=D.length;for(K=0;K<E;K++)e.drawShape(D[K],a.get("fillColor"),a.get("fillColor")).append();a.get("normalRangeMin")!==c&&a.get("drawNormalOnTop")&&this.drawNormalRange(o,n,g,f,l),E=C.length;for(K=0;K<E;K++)e.drawShape(C[K],a.get("lineColor"),c,a.get("lineWidth")).append();if(i&&a.get("valueSpots")){F=a.get("valueSpots"),F.get===c&&(F=new t(F));for(K=0;K<B;K++)H=F.get(J[K]),H&&e.drawCircle(o+b.round((I[K]-this.minx)*(f/k)),n+b.round(g-g*((J[K]-this.miny)/l)),i,c,H).append()}i&&a.get("spotColor")&&J[m]!==null&&e.drawCircle(o+b.round((I[I.length-1]-this.minx)*(f/k)),n+b.round(g-g*((J[m]-this.miny)/l)),i,c,a.get("spotColor")).append(),this.maxy!==this.minyorg&&(i&&a.get("minSpotColor")&&(s=I[d.inArray(this.minyorg,J)],e.drawCircle(o+b.round((s-this.minx)*(f/k)),n+b.round(g-g*((this.minyorg-this.miny)/l)),i,c,a.get("minSpotColor")).append()),i&&a.get("maxSpotColor")&&(s=I[d.inArray(this.maxyorg,J)],e.drawCircle(o+b.round((s-this.minx)*(f/k)),n+b.round(g-g*((this.maxyorg-this.miny)/l)),i,c,a.get("maxSpotColor")).append())),this.lastShapeId=e.getLastShapeId(),this.canvasTop=n,e.render()}}),d.fn.sparkline.bar=y=g(d.fn.sparkline._base,w,{type:"bar",init:function(a,e,f,g,h){var j=parseInt(f.get("barWidth"),10),n=parseInt(f.get("barSpacing"),10),o=f.get("chartRangeMin"),p=f.get("chartRangeMax"),q=f.get("chartRangeClip"),r=Infinity,s=-Infinity,u,v,w,x,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R;y._super.init.call(this,a,e,f,g,h);for(A=0,B=e.length;A<B;A++){O=e[A],u=typeof O=="string"&&O.indexOf(":")>-1;if(u||d.isArray(O))J=!0,u&&(O=e[A]=l(O.split(":"))),O=m(O,null),v=b.min.apply(b,O),w=b.max.apply(b,O),v<r&&(r=v),w>s&&(s=w)}this.stacked=J,this.regionShapes={},this.barWidth=j,this.barSpacing=n,this.totalBarWidth=j+n,this.width=g=e.length*j+(e.length-1)*n,this.initTarget(),q&&(H=o===c?-Infinity:o,I=p===c?Infinity:p),z=[],x=J?[]:z;var S=[],T=[];for(A=0,B=e.length;A<B;A++)if(J){K=e[A],e[A]=N=[],S[A]=0,x[A]=T[A]=0;for(L=0,M=K.length;L<M;L++)O=N[L]=q?i(K[L],H,I):K[L],O!==null&&(O>0&&(S[A]+=O),r<0&&s>0?O<0?T[A]+=b.abs(O):x[A]+=O:x[A]+=b.abs(O-(O<0?s:r)),z.push(O))}else O=q?i(e[A],H,I):e[A],O=e[A]=k(O),O!==null&&z.push(O);this.max=G=b.max.apply(b,z),this.min=F=b.min.apply(b,z),this.stackMax=s=J?b.max.apply(b,S):G,this.stackMin=r=J?b.min.apply(b,z):F,f.get("chartRangeMin")!==c&&(f.get("chartRangeClip")||f.get("chartRangeMin")<F)&&(F=f.get("chartRangeMin")),f.get("chartRangeMax")!==c&&(f.get("chartRangeClip")||f.get("chartRangeMax")>G)&&(G=f.get("chartRangeMax")),this.zeroAxis=D=f.get("zeroAxis",!0),F<=0&&G>=0&&D?E=0:D==0?E=F:F>0?E=F:E=G,this.xaxisOffset=E,C=J?b.max.apply(b,x)+b.max.apply(b,T):G-F,this.canvasHeightEf=D&&F<0?this.canvasHeight-2:this.canvasHeight-1,F<E?(Q=J&&G>=0?s:G,P=(Q-E)/C*this.canvasHeight,P!==b.ceil(P)&&(this.canvasHeightEf-=2,P=b.ceil(P))):P=this.canvasHeight,this.yoffset=P,d.isArray(f.get("colorMap"))?(this.colorMapByIndex=f.get("colorMap"),this.colorMapByValue=null):(this.colorMapByIndex=null,this.colorMapByValue=f.get("colorMap"),this.colorMapByValue&&this.colorMapByValue.get===c&&(this.colorMapByValue=new t(this.colorMapByValue))),this.range=C},getRegion:function(a,d,e){var f=b.floor(d/this.totalBarWidth);return f<0||f>=this.values.length?c:f},getCurrentRegionFields:function(){var a=this.currentRegion,b=r(this.values[a]),c=[],d,e;for(e=b.length;e--;)d=b[e],c.push({isNull:d===null,value:d,color:this.calcColor(e,d,a),offset:a});return c},calcColor:function(a,b,e){var f=this.colorMapByIndex,g=this.colorMapByValue,h=this.options,i,j;return this.stacked?i=h.get("stackedBarColor"):i=b<0?h.get("negBarColor"):h.get("barColor"),b===0&&h.get("zeroColor")!==c&&(i=h.get("zeroColor")),g&&(j=g.get(b))?i=j:f&&f.length>e&&(i=f[e]),d.isArray(i)?i[a%i.length]:i},renderRegion:function(a,e){var f=this.values[a],g=this.options,h=this.xaxisOffset,i=[],j=this.range,k=this.stacked,l=this.target,m=a*this.totalBarWidth,n=this.canvasHeightEf,p=this.yoffset,q,r,s,t,u,v,w,x,y,z;f=d.isArray(f)?f:[f],w=f.length,x=f[0],t=o(null,f),z=o(h,f,!0);if(t)return g.get("nullColor")?(s=e?g.get("nullColor"):this.calcHighlightColor(g.get("nullColor"),g),q=p>0?p-1:p,l.drawRect(m,q,this.barWidth-1,0,s,s)):c;u=p;for(v=0;v<w;v++){x=f[v];if(k&&x===h){if(!z||y)continue;y=!0}j>0?r=b.floor(n*(b.abs(x-h)/j))+1:r=1,x<h||x===h&&p===0?(q=u,u+=r):(q=p-r,p-=r),s=this.calcColor(v,x,a),e&&(s=this.calcHighlightColor(s,g)),i.push(l.drawRect(m,q,this.barWidth-1,r-1,s,s))}return i.length===1?i[0]:i}}),d.fn.sparkline.tristate=z=g(d.fn.sparkline._base,w,{type:"tristate",init:function(a,b,e,f,g){var h=parseInt(e.get("barWidth"),10),i=parseInt(e.get("barSpacing"),10);z._super.init.call(this,a,b,e,f,g),this.regionShapes={},this.barWidth=h,this.barSpacing=i,this.totalBarWidth=h+i,this.values=d.map(b,Number),this.width=f=b.length*h+(b.length-1)*i,d.isArray(e.get("colorMap"))?(this.colorMapByIndex=e.get("colorMap"),this.colorMapByValue=null):(this.colorMapByIndex=null,this.colorMapByValue=e.get("colorMap"),this.colorMapByValue&&this.colorMapByValue.get===c&&(this.colorMapByValue=new t(this.colorMapByValue))),this.initTarget()},getRegion:function(a,c,d){return b.floor(c/this.totalBarWidth)},getCurrentRegionFields:function(){var a=this.currentRegion;return{isNull:this.values[a]===c,value:this.values[a],color:this.calcColor(this.values[a],a),offset:a}},calcColor:function(a,b){var c=this.values,d=this.options,e=this.colorMapByIndex,f=this.colorMapByValue,g,h;return f&&(h=f.get(a))?g=h:e&&e.length>b?g=e[b]:c[b]<0?g=d.get("negBarColor"):c[b]>0?g=d.get("posBarColor"):g=d.get("zeroBarColor"),g},renderRegion:function(a,c){var d=this.values,e=this.options,f=this.target,g,h,i,j,k,l;g=f.pixelHeight,i=b.round(g/2),j=a*this.totalBarWidth,d[a]<0?(k=i,h=i-1):d[a]>0?(k=0,h=i-1):(k=i-1,h=2),l=this.calcColor(d[a],a);if(l===null)return;return c&&(l=this.calcHighlightColor(l,e)),f.drawRect(j,k,this.barWidth-1,h-1,l,l)}}),d.fn.sparkline.discrete=A=g(d.fn.sparkline._base,w,{type:"discrete",init:function(a,e,f,g,h){A._super.init.call(this,a,e,f,g,h),this.regionShapes={},this.values=e=d.map(e,Number),this.min=b.min.apply(b,e),this.max=b.max.apply(b,e),this.range=this.max-this.min,this.width=g=f.get("width")==="auto"?e.length*2:this.width,this.interval=b.floor(g/e.length),this.itemWidth=g/e.length,f.get("chartRangeMin")!==c&&(f.get("chartRangeClip")||f.get("chartRangeMin")<this.min)&&(this.min=f.get("chartRangeMin")),f.get("chartRangeMax")!==c&&(f.get("chartRangeClip")||f.get("chartRangeMax")>this.max)&&(this.max=f.get("chartRangeMax")),this.initTarget(),this.target&&(this.lineHeight=f.get("lineHeight")==="auto"?b.round(this.canvasHeight*.3):f.get("lineHeight"))},getRegion:function(a,c,d){return b.floor(c/this.itemWidth)},getCurrentRegionFields:function(){var a=this.currentRegion;return{isNull:this.values[a]===c,value:this.values[a],offset:a}},renderRegion:function(a,c){var d=this.values,e=this.options,f=this.min,g=this.max,h=this.range,j=this.interval,k=this.target,l=this.canvasHeight,m=this.lineHeight,n=l-m,o,p,q,r;return p=i(d[a],f,g),r=a*j,o=b.round(n-n*((p-f)/h)),q=e.get("thresholdColor")&&p<e.get("thresholdValue")?e.get("thresholdColor"):e.get("lineColor"),c&&(q=this.calcHighlightColor(q,e)),k.drawLine(r,o,r,o+m,q)}}),d.fn.sparkline.bullet=B=g(d.fn.sparkline._base,{type:"bullet",init:function(a,d,e,f,g){var h,i,j;B._super.init.call(this,a,d,e,f,g),this.values=d=l(d),j=d.slice(),j[0]=j[0]===null?j[2]:j[0],j[1]=d[1]===null?j[2]:j[1],h=b.min.apply(b,d),i=b.max.apply(b,d),e.get("base")===c?h=h<0?h:0:h=e.get("base"),this.min=h,this.max=i,this.range=i-h,this.shapes={},this.valueShapes={},this.regiondata={},this.width=f=e.get("width")==="auto"?"4.0em":f,this.target=this.$el.simpledraw(f,g,e.get("composite")),d.length||(this.disabled=!0),this.initTarget()},getRegion:function(a,b,d){var e=this.target.getShapeAt(a,b,d);return e!==c&&this.shapes[e]!==c?this.shapes[e]:c},getCurrentRegionFields:function(){var a=this.currentRegion;return{fieldkey:a.substr(0,1),value:this.values[a.substr(1)],region:a}},changeHighlight:function(a){var b=this.currentRegion,c=this.valueShapes[b],d;delete this.shapes[c];switch(b.substr(0,1)){case"r":d=this.renderRange(b.substr(1),a);break;case"p":d=this.renderPerformance(a);break;case"t":d=this.renderTarget(a)}this.valueShapes[b]=d.id,this.shapes[d.id]=b,this.target.replaceWithShape(c,d)},renderRange:function(a,c){var d=this.values[a],e=b.round(this.canvasWidth*((d-this.min)/this.range)),f=this.options.get("rangeColors")[a-2];return c&&(f=this.calcHighlightColor(f,this.options)),this.target.drawRect(0,0,e-1,this.canvasHeight-1,f,f)},renderPerformance:function(a){var c=this.values[1],d=b.round(this.canvasWidth*((c-this.min)/this.range)),e=this.options.get("performanceColor");return a&&(e=this.calcHighlightColor(e,this.options)),this.target.drawRect(0,b.round(this.canvasHeight*.3),d-1,b.round(this.canvasHeight*.4)-1,e,e)},renderTarget:function(a){var c=this.values[0],d=b.round(this.canvasWidth*((c-this.min)/this.range)-this.options.get("targetWidth")/2),e=b.round(this.canvasHeight*.1),f=this.canvasHeight-e*2,g=this.options.get("targetColor");return a&&(g=this.calcHighlightColor(g,this.options)),this.target.drawRect(d,e,this.options.get("targetWidth")-1,f-1,g,g)},render:function(){var a=this.values.length,b=this.target,c,d;if(!B._super.render.call(this))return;for(c=2;c<a;c++)d=this.renderRange(c).append(),this.shapes[d.id]="r"+c,this.valueShapes["r"+c]=d.id;this.values[1]!==null&&(d=this.renderPerformance().append(),this.shapes[d.id]="p1",this.valueShapes.p1=d.id),this.values[0]!==null&&(d=this.renderTarget().append(),this.shapes[d.id]="t0",this.valueShapes.t0=d.id),b.render()}}),d.fn.sparkline.pie=C=g(d.fn.sparkline._base,{type:"pie",init:function(a,c,e,f,g){var h=0,i;C._super.init.call(this,a,c,e,f,g),this.shapes={},this.valueShapes={},this.values=c=d.map(c,Number),e.get("width")==="auto"&&(this.width=this.height);if(c.length>0)for(i=c.length;i--;)h+=c[i];this.total=h,this.initTarget(),this.radius=b.floor(b.min(this.canvasWidth,this.canvasHeight)/2)},getRegion:function(a,b,d){var e=this.target.getShapeAt(a,b,d);return e!==c&&this.shapes[e]!==c?this.shapes[e]:c},getCurrentRegionFields:function(){var a=this.currentRegion;return{isNull:this.values[a]===c,value:this.values[a],percent:this.values[a]/this.total*100,color:this.options.get("sliceColors")[a%this.options.get("sliceColors").length],offset:a}},changeHighlight:function(a){var b=this.currentRegion,c=this.renderSlice(b,a),d=this.valueShapes[b];delete this.shapes[d],this.target.replaceWithShape(d,c),this.valueShapes[b]=c.id,this.shapes[c.id]=b},renderSlice:function(a,d){var e=this.target,f=this.options,g=this.radius,h=f.get("borderWidth"),i=f.get("offset"),j=2*b.PI,k=this.values,l=this.total,m=i?2*b.PI*(i/360):0,n,o,p,q,r;q=k.length;for(p=0;p<q;p++){n=m,o=m,l>0&&(o=m+j*(k[p]/l));if(a===p)return r=f.get("sliceColors")[p%f.get("sliceColors").length],d&&(r=this.calcHighlightColor(r,f)),e.drawPieSlice(g,g,g-h,n,o,c,r);m=o}},render:function(){var a=this.target,d=this.values,e=this.options,f=this.radius,g=e.get("borderWidth"),h,i;if(!C._super.render.call(this))return;g&&a.drawCircle(f,f,b.floor(f-g/2),e.get("borderColor"),c,g).append();for(i=d.length;i--;)d[i]&&(h=this.renderSlice(i).append(),this.valueShapes[i]=h.id,this.shapes[h.id]=i);a.render()}}),d.fn.sparkline.box=D=g(d.fn.sparkline._base,{type:"box",init:function(a,b,c,e,f){D._super.init.call(this,a,b,c,e,f),this.values=d.map(b,Number),this.width=c.get("width")==="auto"?"4.0em":e,this.initTarget(),this.values.length||(this.disabled=1)},getRegion:function(){return 1},getCurrentRegionFields:function(){var a=[{field:"lq",value:this.quartiles[0]},{field:"med",value:this.quartiles
+[1]},{field:"uq",value:this.quartiles[2]}];return this.loutlier!==c&&a.push({field:"lo",value:this.loutlier}),this.routlier!==c&&a.push({field:"ro",value:this.routlier}),this.lwhisker!==c&&a.push({field:"lw",value:this.lwhisker}),this.rwhisker!==c&&a.push({field:"rw",value:this.rwhisker}),a},render:function(){var a=this.target,d=this.values,e=d.length,f=this.options,g=this.canvasWidth,h=this.canvasHeight,i=f.get("chartRangeMin")===c?b.min.apply(b,d):f.get("chartRangeMin"),k=f.get("chartRangeMax")===c?b.max.apply(b,d):f.get("chartRangeMax"),l=0,m,n,o,p,q,r,s,t,u,v,w;if(!D._super.render.call(this))return;if(f.get("raw"))f.get("showOutliers")&&d.length>5?(n=d[0],m=d[1],p=d[2],q=d[3],r=d[4],s=d[5],t=d[6]):(m=d[0],p=d[1],q=d[2],r=d[3],s=d[4]);else{d.sort(function(a,b){return a-b}),p=j(d,1),q=j(d,2),r=j(d,3),o=r-p;if(f.get("showOutliers")){m=s=c;for(u=0;u<e;u++)m===c&&d[u]>p-o*f.get("outlierIQR")&&(m=d[u]),d[u]<r+o*f.get("outlierIQR")&&(s=d[u]);n=d[0],t=d[e-1]}else m=d[0],s=d[e-1]}this.quartiles=[p,q,r],this.lwhisker=m,this.rwhisker=s,this.loutlier=n,this.routlier=t,w=g/(k-i+1),f.get("showOutliers")&&(l=b.ceil(f.get("spotRadius")),g-=2*b.ceil(f.get("spotRadius")),w=g/(k-i+1),n<m&&a.drawCircle((n-i)*w+l,h/2,f.get("spotRadius"),f.get("outlierLineColor"),f.get("outlierFillColor")).append(),t>s&&a.drawCircle((t-i)*w+l,h/2,f.get("spotRadius"),f.get("outlierLineColor"),f.get("outlierFillColor")).append()),a.drawRect(b.round((p-i)*w+l),b.round(h*.1),b.round((r-p)*w),b.round(h*.8),f.get("boxLineColor"),f.get("boxFillColor")).append(),a.drawLine(b.round((m-i)*w+l),b.round(h/2),b.round((p-i)*w+l),b.round(h/2),f.get("lineColor")).append(),a.drawLine(b.round((m-i)*w+l),b.round(h/4),b.round((m-i)*w+l),b.round(h-h/4),f.get("whiskerColor")).append(),a.drawLine(b.round((s-i)*w+l),b.round(h/2),b.round((r-i)*w+l),b.round(h/2),f.get("lineColor")).append(),a.drawLine(b.round((s-i)*w+l),b.round(h/4),b.round((s-i)*w+l),b.round(h-h/4),f.get("whiskerColor")).append(),a.drawLine(b.round((q-i)*w+l),b.round(h*.1),b.round((q-i)*w+l),b.round(h*.9),f.get("medianColor")).append(),f.get("target")&&(v=b.ceil(f.get("spotRadius")),a.drawLine(b.round((f.get("target")-i)*w+l),b.round(h/2-v),b.round((f.get("target")-i)*w+l),b.round(h/2+v),f.get("targetColor")).append(),a.drawLine(b.round((f.get("target")-i)*w+l-v),b.round(h/2),b.round((f.get("target")-i)*w+l+v),b.round(h/2),f.get("targetColor")).append()),a.render()}}),G=g({init:function(a,b,c,d){this.target=a,this.id=b,this.type=c,this.args=d},append:function(){return this.target.appendShape(this),this}}),H=g({_pxregex:/(\d+)(px)?\s*$/i,init:function(a,b,c){if(!a)return;this.width=a,this.height=b,this.target=c,this.lastShapeId=null,c[0]&&(c=c[0]),d.data(c,"_jqs_vcanvas",this)},drawLine:function(a,b,c,d,e,f){return this.drawShape([[a,b],[c,d]],e,f)},drawShape:function(a,b,c,d){return this._genShape("Shape",[a,b,c,d])},drawCircle:function(a,b,c,d,e,f){return this._genShape("Circle",[a,b,c,d,e,f])},drawPieSlice:function(a,b,c,d,e,f,g){return this._genShape("PieSlice",[a,b,c,d,e,f,g])},drawRect:function(a,b,c,d,e,f){return this._genShape("Rect",[a,b,c,d,e,f])},getElement:function(){return this.canvas},getLastShapeId:function(){return this.lastShapeId},reset:function(){alert("reset not implemented")},_insert:function(a,b){d(b).html(a)},_calculatePixelDims:function(a,b,c){var e;e=this._pxregex.exec(b),e?this.pixelHeight=e[1]:this.pixelHeight=d(c).height(),e=this._pxregex.exec(a),e?this.pixelWidth=e[1]:this.pixelWidth=d(c).width()},_genShape:function(a,b){var c=L++;return b.unshift(c),new G(this,c,a,b)},appendShape:function(a){alert("appendShape not implemented")},replaceWithShape:function(a,b){alert("replaceWithShape not implemented")},insertAfterShape:function(a,b){alert("insertAfterShape not implemented")},removeShapeId:function(a){alert("removeShapeId not implemented")},getShapeAt:function(a,b,c){alert("getShapeAt not implemented")},render:function(){alert("render not implemented")}}),I=g(H,{init:function(b,e,f,g){I._super.init.call(this,b,e,f),this.canvas=a.createElement("canvas"),f[0]&&(f=f[0]),d.data(f,"_jqs_vcanvas",this),d(this.canvas).css({display:"inline-block",width:b,height:e,verticalAlign:"top"}),this._insert(this.canvas,f),this._calculatePixelDims(b,e,this.canvas),this.canvas.width=this.pixelWidth,this.canvas.height=this.pixelHeight,this.interact=g,this.shapes={},this.shapeseq=[],this.currentTargetShapeId=c,d(this.canvas).css({width:this.pixelWidth,height:this.pixelHeight})},_getContext:function(a,b,d){var e=this.canvas.getContext("2d");return a!==c&&(e.strokeStyle=a),e.lineWidth=d===c?1:d,b!==c&&(e.fillStyle=b),e},reset:function(){var a=this._getContext();a.clearRect(0,0,this.pixelWidth,this.pixelHeight),this.shapes={},this.shapeseq=[],this.currentTargetShapeId=c},_drawShape:function(a,b,d,e,f){var g=this._getContext(d,e,f),h,i;g.beginPath(),g.moveTo(b[0][0]+.5,b[0][1]+.5);for(h=1,i=b.length;h<i;h++)g.lineTo(b[h][0]+.5,b[h][1]+.5);d!==c&&g.stroke(),e!==c&&g.fill(),this.targetX!==c&&this.targetY!==c&&g.isPointInPath(this.targetX,this.targetY)&&(this.currentTargetShapeId=a)},_drawCircle:function(a,d,e,f,g,h,i){var j=this._getContext(g,h,i);j.beginPath(),j.arc(d,e,f,0,2*b.PI,!1),this.targetX!==c&&this.targetY!==c&&j.isPointInPath(this.targetX,this.targetY)&&(this.currentTargetShapeId=a),g!==c&&j.stroke(),h!==c&&j.fill()},_drawPieSlice:function(a,b,d,e,f,g,h,i){var j=this._getContext(h,i);j.beginPath(),j.moveTo(b,d),j.arc(b,d,e,f,g,!1),j.lineTo(b,d),j.closePath(),h!==c&&j.stroke(),i&&j.fill(),this.targetX!==c&&this.targetY!==c&&j.isPointInPath(this.targetX,this.targetY)&&(this.currentTargetShapeId=a)},_drawRect:function(a,b,c,d,e,f,g){return this._drawShape(a,[[b,c],[b+d,c],[b+d,c+e],[b,c+e],[b,c]],f,g)},appendShape:function(a){return this.shapes[a.id]=a,this.shapeseq.push(a.id),this.lastShapeId=a.id,a.id},replaceWithShape:function(a,b){var c=this.shapeseq,d;this.shapes[b.id]=b;for(d=c.length;d--;)c[d]==a&&(c[d]=b.id);delete this.shapes[a]},replaceWithShapes:function(a,b){var c=this.shapeseq,d={},e,f,g;for(f=a.length;f--;)d[a[f]]=!0;for(f=c.length;f--;)e=c[f],d[e]&&(c.splice(f,1),delete this.shapes[e],g=f);for(f=b.length;f--;)c.splice(g,0,b[f].id),this.shapes[b[f].id]=b[f]},insertAfterShape:function(a,b){var c=this.shapeseq,d;for(d=c.length;d--;)if(c[d]===a){c.splice(d+1,0,b.id),this.shapes[b.id]=b;return}},removeShapeId:function(a){var b=this.shapeseq,c;for(c=b.length;c--;)if(b[c]===a){b.splice(c,1);break}delete this.shapes[a]},getShapeAt:function(a,b,c){return this.targetX=b,this.targetY=c,this.render(),this.currentTargetShapeId},render:function(){var a=this.shapeseq,b=this.shapes,c=a.length,d=this._getContext(),e,f,g;d.clearRect(0,0,this.pixelWidth,this.pixelHeight);for(g=0;g<c;g++)e=a[g],f=b[e],this["_draw"+f.type].apply(this,f.args);this.interact||(this.shapes={},this.shapeseq=[])}}),J=g(H,{init:function(b,c,e){var f;J._super.init.call(this,b,c,e),e[0]&&(e=e[0]),d.data(e,"_jqs_vcanvas",this),this.canvas=a.createElement("span"),d(this.canvas).css({display:"inline-block",position:"relative",overflow:"hidden",width:b,height:c,margin:"0px",padding:"0px",verticalAlign:"top"}),this._insert(this.canvas,e),this._calculatePixelDims(b,c,this.canvas),this.canvas.width=this.pixelWidth,this.canvas.height=this.pixelHeight,f='<v:group coordorigin="0 0" coordsize="'+this.pixelWidth+" "+this.pixelHeight+'"'+' style="position:absolute;top:0;left:0;width:'+this.pixelWidth+"px;height="+this.pixelHeight+'px;"></v:group>',this.canvas.insertAdjacentHTML("beforeEnd",f),this.group=d(this.canvas).children()[0],this.rendered=!1,this.prerender=""},_drawShape:function(a,b,d,e,f){var g=[],h,i,j,k,l,m,n;for(n=0,m=b.length;n<m;n++)g[n]=""+b[n][0]+","+b[n][1];return h=g.splice(0,1),f=f===c?1:f,i=d===c?' stroked="false" ':' strokeWeight="'+f+'px" strokeColor="'+d+'" ',j=e===c?' filled="false"':' fillColor="'+e+'" filled="true" ',k=g[0]===g[g.length-1]?"x ":"",l='<v:shape coordorigin="0 0" coordsize="'+this.pixelWidth+" "+this.pixelHeight+'" '+' id="jqsshape'+a+'" '+i+j+' style="position:absolute;left:0px;top:0px;height:'+this.pixelHeight+"px;width:"+this.pixelWidth+'px;padding:0px;margin:0px;" '+' path="m '+h+" l "+g.join(", ")+" "+k+'e">'+" </v:shape>",l},_drawCircle:function(a,b,d,e,f,g,h){var i,j,k;return b-=e,d-=e,i=f===c?' stroked="false" ':' strokeWeight="'+h+'px" strokeColor="'+f+'" ',j=g===c?' filled="false"':' fillColor="'+g+'" filled="true" ',k='<v:oval  id="jqsshape'+a+'" '+i+j+' style="position:absolute;top:'+d+"px; left:"+b+"px; width:"+e*2+"px; height:"+e*2+'px"></v:oval>',k},_drawPieSlice:function(a,d,e,f,g,h,i,j){var k,l,m,n,o,p,q,r;if(g===h)return"";h-g===2*b.PI&&(g=0,h=2*b.PI),l=d+b.round(b.cos(g)*f),m=e+b.round(b.sin(g)*f),n=d+b.round(b.cos(h)*f),o=e+b.round(b.sin(h)*f);if(l===n&&m===o){if(h-g<b.PI)return"";l=n=d+f,m=o=e}return l===n&&m===o&&h-g<b.PI?"":(k=[d-f,e-f,d+f,e+f,l,m,n,o],p=i===c?' stroked="false" ':' strokeWeight="1px" strokeColor="'+i+'" ',q=j===c?' filled="false"':' fillColor="'+j+'" filled="true" ',r='<v:shape coordorigin="0 0" coordsize="'+this.pixelWidth+" "+this.pixelHeight+'" '+' id="jqsshape'+a+'" '+p+q+' style="position:absolute;left:0px;top:0px;height:'+this.pixelHeight+"px;width:"+this.pixelWidth+'px;padding:0px;margin:0px;" '+' path="m '+d+","+e+" wa "+k.join(", ")+' x e">'+" </v:shape>",r)},_drawRect:function(a,b,c,d,e,f,g){return this._drawShape(a,[[b,c],[b,c+e],[b+d,c+e],[b+d,c],[b,c]],f,g)},reset:function(){this.group.innerHTML=""},appendShape:function(a){var b=this["_draw"+a.type].apply(this,a.args);return this.rendered?this.group.insertAdjacentHTML("beforeEnd",b):this.prerender+=b,this.lastShapeId=a.id,a.id},replaceWithShape:function(a,b){var c=d("#jqsshape"+a),e=this["_draw"+b.type].apply(this,b.args);c[0].outerHTML=e},replaceWithShapes:function(a,b){var c=d("#jqsshape"+a[0]),e="",f=b.length,g;for(g=0;g<f;g++)e+=this["_draw"+b[g].type].apply(this,b[g].args);c[0].outerHTML=e;for(g=1;g<a.length;g++)d("#jqsshape"+a[g]).remove()},insertAfterShape:function(a,b){var c=d("#jqsshape"+a),e=this["_draw"+b.type].apply(this,b.args);c[0].insertAdjacentHTML("afterEnd",e)},removeShapeId:function(a){var b=d("#jqsshape"+a);this.group.removeChild(b[0])},getShapeAt:function(a,b,c){var d=a.id.substr(8);return d},render:function(){this.rendered||(this.group.innerHTML=this.prerender,this.rendered=!0)}})})})(document,Math);
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.animate.js b/vendor/javascripts/pages/blankon.animate.js
new file mode 100755
index 0000000..0c34619
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.animate.js
@@ -0,0 +1,29 @@
+var BlankonAnimate = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonAnimate.animate();
+        },
+
+        // =========================================================================
+        // ANIMATE TRIGGER
+        // =========================================================================
+        animate: function () {
+            $('#animate-action button').click(function(e){
+                e.preventDefault();
+                $('#animation-sample').removeClass().addClass($(this).data('animate') + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
+                    $(this).removeClass();
+                });
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonAnimate.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.blog.js b/vendor/javascripts/pages/blankon.blog.js
new file mode 100755
index 0000000..af36670
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.blog.js
@@ -0,0 +1,62 @@
+var BlankonBlog = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonBlog.masonryGrid();
+            BlankonBlog.bootstrapWYSIHTML5();
+        },
+
+        // =========================================================================
+        // MASONRY
+        // =========================================================================
+        masonryGrid: function () {
+            if($('#blog-grid').length){
+                var container = document.querySelector('#blog-grid');
+                var msnry = new Masonry( container, {
+                    // options
+                    columnWidth: '.col-xs-12',
+                    itemSelector: '.col-xs-12',
+                    isAnimated: true
+                });
+
+                // CHECK ON LOAD
+                if($(window).width() <= 480 )
+                    msnry.destroy();
+
+                // CHECK ON RESIZE
+                $(window).resize(function(){
+                    if($(this).width() <= 480 )
+                        msnry.destroy();
+                });
+
+                // CHECK ON SIDEBAR LEFT TOGGLE
+                $('.navbar-minimize a').on('click',function(){
+                    msnry.layout();
+                });
+
+                // CHECK ON SIDEBAR RIGHT TOGGLE
+                $('.navbar-setting a').on('click',function(){
+                    msnry.layout();
+                });
+            }
+        },
+
+        // =========================================================================
+        // BOOTSTRAP WYSIHTML5
+        // =========================================================================
+        bootstrapWYSIHTML5: function () {
+            if($('#comment-form').length){
+                $('#comment-form').wysihtml5();
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonBlog.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.blog.type2.js b/vendor/javascripts/pages/blankon.blog.type2.js
new file mode 100755
index 0000000..9bfca4d
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.blog.type2.js
@@ -0,0 +1,58 @@
+var BlankonBlogType2 = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonBlogType2.CubeportfolioPost();
+        },
+
+        // =========================================================================
+        // CUBEPORTFOLIO POST
+        // =========================================================================
+        CubeportfolioPost: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#grid-container').cubeportfolio({
+                    filters: '#js-filters-blog-posts',
+                    search: '#js-search-blog-posts',
+                    loadMore: '#loadMore-blog-posts',
+                    loadMoreAction: 'click',
+                    defaultFilter: '*',
+                    animationType: '3dflip',
+                    gapHorizontal: 70,
+                    gapVertical: 20,
+                    gridAdjustment: 'responsive',
+                    mediaQueries: [{
+                        width: 1500,
+                        cols: 5
+                    }, {
+                        width: 1100,
+                        cols: 4
+                    }, {
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 480,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    caption: 'revealBottom',
+                    displayType: 'lazyLoading',
+                    displayTypeSpeed: 400
+                });
+            })(jQuery, window, document);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonBlogType2.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.calendar.js b/vendor/javascripts/pages/blankon.calendar.js
new file mode 100755
index 0000000..b1bf1ed
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.calendar.js
@@ -0,0 +1,100 @@
+var BlankonCalendar = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var globalPluginsPath = BlankonApp.handleBaseURL()+'/assets/global/plugins/bower_components';
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonCalendar.calendar();
+            BlankonCalendar.chosenSelect();
+        },
+
+        // =========================================================================
+        // CALENDAR
+        // =========================================================================
+        calendar: function () {
+            "use strict";
+
+            var options = {
+                events_source: globalPluginsPath+'/bootstrap-calendar/calendar-events-sample.json',
+                view: 'month',
+                tmpl_path: globalPluginsPath+'/bootstrap-calendar/tmpls/',
+                tmpl_cache: false,
+                day: '2013-03-12',
+                onAfterEventsLoad: function(events) {
+                    if(!events) {
+                        return;
+                    }
+                    var list = $('#eventlist');
+                    list.html('');
+
+                    $.each(events, function(key, val) {
+                        $(document.createElement('li'))
+                            .html('<a href="' + val.url + '"><i class="fa fa-calendar mr-10"></i> ' + val.title + '</a>')
+                            .appendTo(list);
+                    });
+                },
+                onAfterViewLoad: function(view) {
+                    $('.page-header h4').text(this.getTitle());
+                    $('button').removeClass('active');
+                    $('.calendar-menu-mobile ul li').removeClass('active');
+                    $('button[data-calendar-view="' + view + '"]').addClass('active');
+                    $('a[data-calendar-view="' + view + '"]').parent('li').addClass('active');
+                },
+                classes: {
+                    months: {
+                        general: 'label'
+                    }
+                }
+            };
+
+            var calendar = $('#calendar').calendar(options);
+
+            $('[data-calendar-nav]').each(function() {
+                var $this = $(this);
+                $this.click(function() {
+                    calendar.navigate($this.data('calendar-nav'));
+                });
+            });
+
+            $('[data-calendar-view]').each(function() {
+                var $this = $(this);
+                $this.click(function() {
+                    calendar.view($this.data('calendar-view'));
+                });
+            });
+
+            $('#language').change(function(){
+                calendar.setLanguage($(this).val());
+                calendar.view();
+            });
+
+            $('#events-in-modal').change(function(){
+                var val = $(this).is(':checked') ? $(this).val() : null;
+                calendar.setOptions({modal: val});
+            });
+            $('#events-modal .modal-header, #events-modal .modal-footer').click(function(e){
+                //e.preventDefault();
+                //e.stopPropagation();
+            });
+        },
+
+        // =========================================================================
+        // CHOSEN SELECT
+        // =========================================================================
+        chosenSelect: function () {
+            $('.chosen-select').chosen();
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonCalendar.init();
diff --git a/vendor/javascripts/pages/blankon.chart.c3.js b/vendor/javascripts/pages/blankon.chart.c3.js
new file mode 100755
index 0000000..5259280
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.chart.c3.js
@@ -0,0 +1,306 @@
+var BlankonChartC3JS = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonChartC3JS.lineChartC3JS();
+            BlankonChartC3JS.barChartC3JS();
+            BlankonChartC3JS.areaChartC3JS();
+            BlankonChartC3JS.stackedChartC3JS();
+            BlankonChartC3JS.pieChartC3JS();
+            BlankonChartC3JS.donutChartC3JS();
+            BlankonChartC3JS.combinationChartC3JS();
+        },
+
+        // =========================================================================
+        // C3JS CHART / LINE
+        // =========================================================================
+        lineChartC3JS: function () {
+            var chart = c3.generate({
+                bindto: '#c3js-line-chart',
+                data: {
+                    columns: [
+                        ['data1', 30, 200, 100, 400, 150, 250],
+                        ['data2', 50, 20, 10, 40, 15, 25],
+                        ['data3', 130, 150, 200, 300, 200, 100]
+                    ],
+                    names: {
+                        data1: 'Data 1',
+                        data2: 'Data 2',
+                        data3: 'Data 3'
+                    }
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1', '#37BC9B']
+                }
+            });
+            // Expand panel
+            BlankonChartC3JS.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // C3JS CHART / BAR
+        // =========================================================================
+        barChartC3JS: function () {
+            var chart = c3.generate({
+                bindto: '#c3js-bar-chart',
+                data: {
+                    columns: [
+                        ['data1', 30, 200, 100, 400, 150, 250],
+                        ['data2', 130, 100, 140, 200, 150, 50],
+                        ['data3', 130, -150, 200, 300, -200, 100]
+                    ],
+                    names: {
+                        data1: 'Data 1',
+                        data2: 'Data 2',
+                        data3: 'Data 3'
+                    },
+                    type: 'bar'
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1', '#37BC9B']
+                },
+                bar: {
+                    width: {
+                        ratio: 0.5 // this makes bar width 50% of length between ticks
+                    }
+                    // or
+                    //width: 100 // this makes bar width 100px
+                }
+            });
+            // Expand panel
+            BlankonChartC3JS.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // C3JS CHART / AREA
+        // =========================================================================
+        areaChartC3JS: function () {
+            var chart = c3.generate({
+                bindto: '#c3js-area-chart',
+                data: {
+                    columns: [
+                        ['data1', 300, 350, 300, 0, 0, 0],
+                        ['data2', 130, 100, 140, 200, 150, 50]
+                    ],
+                    names: {
+                        data1: 'Data 1',
+                        data2: 'Data 2'
+                    },
+                    types: {
+                        data1: 'area',
+                        data2: 'area-spline'
+                    }
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1']
+                }
+            });
+            // Expand panel
+            BlankonChartC3JS.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // C3JS CHART / STACKED
+        // =========================================================================
+        stackedChartC3JS: function () {
+            var chart = c3.generate({
+                bindto: '#c3js-stacked-chart',
+                data: {
+                    columns: [
+                        ['data1', -30, 200, 200, 400, -150, 250],
+                        ['data2', 130, 100, -100, 200, -150, 50],
+                        ['data3', -230, 200, 200, -300, 250, 250]
+                    ],
+                    names: {
+                        data1: 'Data 1',
+                        data2: 'Data 2',
+                        data3: 'Data 3',
+                        data4: 'Data 4'
+                    },
+                    type: 'bar',
+                    groups: [
+                        ['data1', 'data2']
+                    ]
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1', '#37BC9B', '#906094']
+                },
+                grid: {
+                    y: {
+                        lines: [{value:0}]
+                    }
+                }
+            });
+
+            setTimeout(function () {
+                chart.groups([['data1', 'data2', 'data3']])
+            }, 1000);
+
+            setTimeout(function () {
+                chart.load({
+                    columns: [['data4', 100, -50, 150, 200, -300, -100]]
+                });
+            }, 1500);
+
+            setTimeout(function () {
+                chart.groups([['data1', 'data2', 'data3', 'data4']])
+            }, 2000);
+
+            // Expand panel
+            BlankonChartC3JS.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // C3JS CHART / PIE
+        // =========================================================================
+        pieChartC3JS: function () {
+            var chart = c3.generate({
+                bindto: '#c3js-pie-chart',
+                data: {
+                    // iris data from R
+                    columns: [
+                        ['data1', 30],
+                        ['data2', 120],
+                        ['data3', 150]
+                    ],
+                    type : 'pie'
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1', '#37BC9B']
+                },
+                pie: {
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                }
+            });
+
+            setTimeout(function () {
+                chart.load({
+                    columns: [
+                        ["Internet Explorer", 0.2, 0.2, 0.2, 0.2, 0.2, 0.4, 0.3, 0.2, 0.2, 0.1, 0.2, 0.2, 0.1, 0.1, 0.2, 0.4, 0.4, 0.3, 0.3, 0.3, 0.2, 0.4, 0.2, 0.5, 0.2, 0.2, 0.4, 0.2, 0.2, 0.2, 0.2, 0.4, 0.1, 0.2, 0.2, 0.2, 0.2, 0.1, 0.2, 0.2, 0.3, 0.3, 0.2, 0.6, 0.4, 0.3, 0.2, 0.2, 0.2, 0.2],
+                        ["Mozilla Firefox", 1.4, 1.5, 1.5, 1.3, 1.5, 1.3, 1.6, 1.0, 1.3, 1.4, 1.0, 1.5, 1.0, 1.4, 1.3, 1.4, 1.5, 1.0, 1.5, 1.1, 1.8, 1.3, 1.5, 1.2, 1.3, 1.4, 1.4, 1.7, 1.5, 1.0, 1.1, 1.0, 1.2, 1.6, 1.5, 1.6, 1.5, 1.3, 1.3, 1.3, 1.2, 1.4, 1.2, 1.0, 1.3, 1.2, 1.3, 1.3, 1.1, 1.3],
+                        ["Google Chrome", 2.5, 1.9, 2.1, 1.8, 2.2, 2.1, 1.7, 1.8, 1.8, 2.5, 2.0, 1.9, 2.1, 2.0, 2.4, 2.3, 1.8, 2.2, 2.3, 1.5, 2.3, 2.0, 2.0, 1.8, 2.1, 1.8, 1.8, 1.8, 2.1, 1.6, 1.9, 2.0, 2.2, 1.5, 1.4, 2.3, 2.4, 1.8, 1.8, 2.1, 2.4, 2.3, 1.9, 2.3, 2.5, 2.3, 1.9, 2.0, 2.3, 1.8]
+                    ]
+                });
+            }, 1500);
+
+            setTimeout(function () {
+                chart.unload('data1');
+                chart.unload('data2');
+                chart.unload('data3');
+            }, 2500);
+
+            // Expand panel
+            BlankonChartC3JS.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // C3JS CHART / DONUT
+        // =========================================================================
+        donutChartC3JS: function () {
+            var chart = c3.generate({
+                bindto: '#c3js-donut-chart',
+                data: {
+                    columns: [
+                        ['data 1', 30],
+                        ['data 2', 120]
+                    ],
+                    type : 'donut'
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1', '#37BC9B']
+                },
+                donut: {
+                    title: "Smartphone market",
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                }
+            });
+
+            setTimeout(function () {
+                chart.load({
+                    columns: [
+                        ["Blackberry", 0.2, 0.2, 0.2, 0.2, 0.2, 0.4, 0.3, 0.2, 0.2, 0.1, 0.2, 0.2, 0.1, 0.1, 0.2, 0.4, 0.4, 0.3, 0.3, 0.3, 0.2, 0.4, 0.2, 0.5, 0.2, 0.2, 0.4, 0.2, 0.2, 0.2, 0.2, 0.4, 0.1, 0.2, 0.2, 0.2, 0.2, 0.1, 0.2, 0.2, 0.3, 0.3, 0.2, 0.6, 0.4, 0.3, 0.2, 0.2, 0.2, 0.2],
+                        ["Android", 1.4, 1.5, 1.5, 1.3, 1.5, 1.3, 1.6, 1.0, 1.3, 1.4, 1.0, 1.5, 1.0, 1.4, 1.3, 1.4, 1.5, 1.0, 1.5, 1.1, 1.8, 1.3, 1.5, 1.2, 1.3, 1.4, 1.4, 1.7, 1.5, 1.0, 1.1, 1.0, 1.2, 1.6, 1.5, 1.6, 1.5, 1.3, 1.3, 1.3, 1.2, 1.4, 1.2, 1.0, 1.3, 1.2, 1.3, 1.3, 1.1, 1.3],
+                        ["Iphone", 2.5, 1.9, 2.1, 1.8, 2.2, 2.1, 1.7, 1.8, 1.8, 2.5, 2.0, 1.9, 2.1, 2.0, 2.4, 2.3, 1.8, 2.2, 2.3, 1.5, 2.3, 2.0, 2.0, 1.8, 2.1, 1.8, 1.8, 1.8, 2.1, 1.6, 1.9, 2.0, 2.2, 1.5, 1.4, 2.3, 2.4, 1.8, 1.8, 2.1, 2.4, 2.3, 1.9, 2.3, 2.5, 2.3, 1.9, 2.0, 2.3, 1.8]
+                    ]
+                });
+            }, 1500);
+
+            setTimeout(function () {
+                chart.unload('data 1');
+                chart.unload('data 2');
+            }, 2500);
+
+            // Expand panel
+            BlankonChartC3JS.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // C3JS CHART / COMBINATION
+        // =========================================================================
+        combinationChartC3JS: function () {
+            var chart = c3.generate({
+                bindto: '#c3js-combination-chart',
+                data: {
+                    columns: [
+                        ['data1', 30, 20, 50, 40, 60, 50],
+                        ['data2', 200, 130, 90, 240, 130, 220],
+                        ['data3', 300, 200, 160, 400, 250, 250],
+                        ['data4', 200, 130, 90, 240, 130, 220],
+                        ['data5', 130, 120, 150, 140, 160, 150]
+                    ],
+                    types: {
+                        data1: 'bar',
+                        data2: 'bar',
+                        data3: 'spline',
+                        data4: 'line',
+                        data5: 'bar'
+                    },
+                    groups: [
+                        ['data 1','data 2']
+                    ]
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1', '#37BC9B', '#906094', '#1F77B4']
+                },
+                axis: {
+                    x: {
+                        type: 'categorized'
+                    }
+                }
+            });
+
+            // Expand panel
+            BlankonChartC3JS.expandPanel(chart);
+        },
+
+        expandPanel : function (selector) {
+            $('[data-action=expand]').on('click', function(){
+                if($(this).parents(".panel").hasClass('panel-fullsize'))
+                {
+                    setTimeout(function () {
+                        selector.resize();
+                    }, 1000);
+                }
+                else
+                {
+                    setTimeout(function () {
+                        selector.resize();
+                    }, 1000);
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonChartC3JS.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.chart.chartist.bar.js b/vendor/javascripts/pages/blankon.chart.chartist.bar.js
new file mode 100755
index 0000000..b1c3807
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.chart.chartist.bar.js
@@ -0,0 +1,285 @@
+var BlankonChartChartistBar = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonChartChartistBar.bipolarBarChart();
+            BlankonChartChartistBar.overlappingBars();
+            BlankonChartChartistBar.addPeaksCircles();
+            BlankonChartChartistBar.multiLineLabels();
+            BlankonChartChartistBar.stackedBarChart();
+            BlankonChartChartistBar.horizontalBarChart();
+            BlankonChartChartistBar.extremeResponsiveConfiguration();
+            BlankonChartChartistBar.distributedSeries();
+            BlankonChartChartistBar.labelPlacement();
+        },
+
+        // =========================================================================
+        // BI-POLAR BAR CHART
+        // =========================================================================
+        bipolarBarChart: function () {
+            var data = {
+
+                labels: ['W1', 'W2', 'W3', 'W4', 'W5', 'W6', 'W7', 'W8', 'W9', 'W10'],
+
+                series: [
+
+                    [1, 2, 4, 8, 6, -2, -1, -4, -6, -2]
+
+                ]
+
+            };
+
+            var options = {
+
+                high: 10,
+
+                low: -10,
+
+                axisX: {
+
+                    labelInterpolationFnc: function(value, index) {
+
+                        return index % 2 === 0 ? value : null;
+
+                    }
+
+                }
+
+            };
+
+            new Chartist.Bar('.ct-bipolar-bar-chart', data, options);
+        },
+
+        // =========================================================================
+        // OVERLAPPING BARS
+        // =========================================================================
+        overlappingBars: function () {
+            var data = {
+                labels: ['Jan', 'Feb', 'Mar', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+                series: [
+                    [5, 4, 3, 7, 5, 10, 3, 4, 8, 10, 6, 8],
+                    [3, 2, 9, 5, 4, 6, 4, 6, 7, 8, 7, 4]
+                ]
+            };
+
+            var options = {
+                seriesBarDistance: 10
+            };
+
+            var responsiveOptions = [
+                ['screen and (max-width: 640px)', {
+                    seriesBarDistance: 5,
+                    axisX: {
+                        labelInterpolationFnc: function (value) {
+                            return value[0];
+                        }
+                    }
+                }]
+            ];
+
+            new Chartist.Bar('.ct-overlapping-bars', data, options, responsiveOptions);
+        },
+
+        // =========================================================================
+        // ADD PEAKS CIRCLES
+        // =========================================================================
+        addPeaksCircles: function () {
+            // Create a simple bi-polar bar chart
+            var chart = new Chartist.Bar('.ct-add-peak-circles', {
+                labels: ['W1', 'W2', 'W3', 'W4', 'W5', 'W6', 'W7', 'W8', 'W9', 'W10'],
+                series: [
+                    [1, 2, 4, 8, 6, -2, -1, -4, -6, -2]
+                ]
+            }, {
+                high: 10,
+                low: -10,
+                axisX: {
+                    labelInterpolationFnc: function(value, index) {
+                        return index % 2 === 0 ? value : null;
+                    }
+                }
+            });
+
+            // Listen for draw events on the bar chart
+            chart.on('draw', function(data) {
+                // If this draw event is of type bar we can use the data to create additional content
+                if(data.type === 'bar') {
+                    // We use the group element of the current series to append a simple circle with the bar peek coordinates and a circle radius that is depending on the value
+                    data.group.append(new Chartist.Svg('circle', {
+                        cx: data.x2,
+                        cy: data.y2,
+                        r: Math.abs(Chartist.getMultiValue(data.value)) * 2 + 5
+                    }, 'ct-slice-pie'));
+                }
+            });
+        },
+
+        // =========================================================================
+        // MULTI-LINE LABELS
+        // =========================================================================
+        multiLineLabels: function () {
+            new Chartist.Bar('.ct-multi-line-labels', {
+                labels: ['First quarter of the year', 'Second quarter of the year', 'Third quarter of the year', 'Fourth quarter of the year'],
+                series: [
+                    [60000, 40000, 80000, 70000],
+                    [40000, 30000, 70000, 65000],
+                    [8000, 3000, 10000, 6000]
+                ]
+            }, {
+                seriesBarDistance: 10,
+                axisX: {
+                    offset: 60
+                },
+                axisY: {
+                    offset: 80,
+                    labelInterpolationFnc: function(value) {
+                        return value + ' CHF'
+                    },
+                    scaleMinSpace: 15
+                }
+            });
+        },
+
+        // =========================================================================
+        // STACKED BAR CHART
+        // =========================================================================
+        stackedBarChart: function () {
+            new Chartist.Bar('.ct-stacked-bar-chart', {
+                labels: ['Q1', 'Q2', 'Q3', 'Q4'],
+                series: [
+                    [800000, 1200000, 1400000, 1300000],
+                    [200000, 400000, 500000, 300000],
+                    [100000, 200000, 400000, 600000]
+                ]
+            }, {
+                stackBars: true,
+                axisY: {
+                    labelInterpolationFnc: function(value) {
+                        return (value / 1000) + 'k';
+                    }
+                }
+            }).on('draw', function(data) {
+                    if(data.type === 'bar') {
+                        data.element.attr({
+                            style: 'stroke-width: 30px'
+                        });
+                    }
+                });
+        },
+
+        // =========================================================================
+        // HORIZONTAL BAR CHART
+        // =========================================================================
+        horizontalBarChart: function () {
+            new Chartist.Bar('.ct-horizontal-bar-chart', {
+                labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
+                series: [
+                    [5, 4, 3, 7, 5, 10, 3],
+                    [3, 2, 9, 5, 4, 6, 4]
+                ]
+            }, {
+                seriesBarDistance: 10,
+                reverseData: true,
+                horizontalBars: true,
+                axisY: {
+                    offset: 70
+                }
+            });
+        },
+
+        // =========================================================================
+        // EXTREME RESPONSIVE CONFIGURATION
+        // =========================================================================
+        extremeResponsiveConfiguration: function () {
+            new Chartist.Bar('.ct-extreme-responsive-configuration', {
+                labels: ['Quarter 1', 'Quarter 2', 'Quarter 3', 'Quarter 4'],
+                series: [
+                    [5, 4, 3, 7],
+                    [3, 2, 9, 5],
+                    [1, 5, 8, 4],
+                    [2, 3, 4, 6],
+                    [4, 1, 2, 1]
+                ]
+            }, {
+                // Default mobile configuration
+                stackBars: true,
+                axisX: {
+                    labelInterpolationFnc: function(value) {
+                        return value.split(/\s+/).map(function(word) {
+                            return word[0];
+                        }).join('');
+                    }
+                },
+                axisY: {
+                    offset: 20
+                }
+            }, [
+                // Options override for media > 400px
+                ['screen and (min-width: 400px)', {
+                    reverseData: true,
+                    horizontalBars: true,
+                    axisX: {
+                        labelInterpolationFnc: Chartist.noop
+                    },
+                    axisY: {
+                        offset: 60
+                    }
+                }],
+                // Options override for media > 800px
+                ['screen and (min-width: 800px)', {
+                    stackBars: false,
+                    seriesBarDistance: 10
+                }],
+                // Options override for media > 1000px
+                ['screen and (min-width: 1000px)', {
+                    reverseData: false,
+                    horizontalBars: false,
+                    seriesBarDistance: 15
+                }]
+            ]);
+        },
+
+        // =========================================================================
+        // DISTRIBUTED SERIES
+        // =========================================================================
+        distributedSeries: function () {
+            new Chartist.Bar('.ct-distributed-series', {
+                labels: ['XS', 'S', 'M', 'L', 'XL', 'XXL', 'XXXL'],
+                series: [20, 60, 120, 200, 180, 20, 10]
+            }, {
+                distributeSeries: true
+            });
+        },
+
+        // =========================================================================
+        // LABEL PLACEMENT
+        // =========================================================================
+        labelPlacement: function () {
+            new Chartist.Bar('.ct-label-placement', {
+                labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+                series: [
+                    [5, 4, 3, 7, 5, 10, 3],
+                    [3, 2, 9, 5, 4, 6, 4]
+                ]
+            }, {
+                axisX: {
+                    // On the x-axis start means top and end means bottom
+                    position: 'start'
+                },
+                axisY: {
+                    // On the y-axis start means left and end means right
+                    position: 'end'
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonChartChartistBar.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.chart.chartist.js b/vendor/javascripts/pages/blankon.chart.chartist.js
new file mode 100755
index 0000000..8e3a01d
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.chart.chartist.js
@@ -0,0 +1,38 @@
+var BlankonChartChartist = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonChartChartist.handleTabs();
+        },
+
+        // =========================================================================
+        // HANDLE TABS
+        // =========================================================================
+        handleTabs: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio unfold
+                $('#js-grid-tabs-unfold').cubeportfolio({
+                    filters: '#js-filters-tabs-unfold',
+                    defaultFilter: '.tab-1',
+                    animationType: 'scaleDown',
+                    gridAdjustment: 'default',
+                    displayType: 'default'
+                });
+
+            })(jQuery, window, document);
+        }
+
+
+
+    };
+
+}();
+
+// Call main app init
+BlankonChartChartist.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.chart.chartist.line.js b/vendor/javascripts/pages/blankon.chart.chartist.line.js
new file mode 100755
index 0000000..e8611f5
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.chart.chartist.line.js
@@ -0,0 +1,477 @@
+var BlankonChartChartistLine = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonChartChartistLine.simpleLineChart();
+            BlankonChartChartistLine.onlyWholeNumbers();
+            BlankonChartChartistLine.lineScatterDiagram();
+            BlankonChartChartistLine.lineChartWithTooltips();
+            BlankonChartChartistLine.lineChartWithArea();
+            BlankonChartChartistLine.bipolarLineChart();
+            BlankonChartChartistLine.usingEvents();
+            BlankonChartChartistLine.advancedSmilAnimations();
+            BlankonChartChartistLine.svgPathAnimation();
+            BlankonChartChartistLine.lineInterpolation();
+            BlankonChartChartistLine.seriesOverrides();
+        },
+
+        // =========================================================================
+        // SIMPLE LINE CHART
+        // =========================================================================
+        simpleLineChart: function () {
+            new Chartist.Line('.ct-simple-line-chart', {
+                labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
+                series: [
+                    [12, 9, 7, 8, 5],
+                    [2, 1, 3.5, 7, 3],
+                    [1, 3, 4, 5, 6]
+                ]
+            }, {
+                fullWidth: true,
+                chartPadding: {
+                    right: 40
+                }
+            });
+        },
+
+        // =========================================================================
+        // ONLY WHOLE NUMBERS
+        // =========================================================================
+        onlyWholeNumbers: function () {
+            new Chartist.Line('.ct-only-whole-numbers', {
+                labels: [1, 2, 3, 4, 5, 6, 7, 8],
+                series: [
+                    [1, 2, 3, 1, -2, 0, 1, 0],
+                    [-2, -1, -2, -1, -3, -1, -2, -1],
+                    [0, 0, 0, 1, 2, 3, 2, 1],
+                    [3, 2, 1, 0.5, 1, 0, -1, -3]
+                ]
+            }, {
+                high: 3,
+                low: -3,
+                fullWidth: true,
+                // As this is axis specific we need to tell Chartist to use whole numbers only on the concerned axis
+                axisY: {
+                    onlyInteger: true,
+                    offset: 20
+                }
+            });
+        },
+
+        // =========================================================================
+        // LINE SCATTER DIAGRAM
+        // =========================================================================
+        lineScatterDiagram: function () {
+            var times = function(n) {
+                return Array.apply(null, new Array(n));
+            };
+
+            var data = times(52).map(Math.random).reduce(function(data, rnd, index) {
+                data.labels.push(index + 1);
+                data.series.forEach(function(series) {
+                    series.push(Math.random() * 100)
+                });
+
+                return data;
+            }, {
+                labels: [],
+                series: times(4).map(function() { return new Array() })
+            });
+
+            var options = {
+                showLine: false,
+                axisX: {
+                    labelInterpolationFnc: function(value, index) {
+                        return index % 13 === 0 ? 'W' + value : null;
+                    }
+                }
+            };
+
+            var responsiveOptions = [
+                ['screen and (min-width: 640px)', {
+                    axisX: {
+                        labelInterpolationFnc: function(value, index) {
+                            return index % 4 === 0 ? 'W' + value : null;
+                        }
+                    }
+                }]
+            ];
+
+            new Chartist.Line('.ct-line-scatter-diagram', data, options, responsiveOptions);
+        },
+
+        // =========================================================================
+        // LINE CHART WITH TOOLTIPS
+        // =========================================================================
+        lineChartWithTooltips: function () {
+            new Chartist.Line('.ct-line-chart-with-tooltips', {
+                labels: ['1', '2', '3', '4', '5', '6'],
+                series: [
+                    {
+                        name: 'Fibonacci sequence',
+                        data: [1, 2, 3, 5, 8, 13]
+                    },
+                    {
+                        name: 'Golden section',
+                        data: [1, 1.618, 2.618, 4.236, 6.854, 11.09]
+                    }
+                ]
+            });
+
+            var $chart = $('.ct-line-chart-with-tooltips');
+
+            var $toolTip = $chart
+                .append('<div class="tooltips"></div>')
+                .find('.tooltips')
+                .hide();
+
+            $chart.on('mouseenter', '.ct-point', function() {
+                var $point = $(this),
+                    value = $point.attr('ct:value'),
+                    seriesName = $point.parent().attr('ct:series-name');
+                $toolTip.html(seriesName + '<br>' + value).show();
+            });
+
+            $chart.on('mouseleave', '.ct-point', function() {
+                $toolTip.hide();
+            });
+
+            $chart.on('mousemove', function(event) {
+                $toolTip.css({
+                    left: (event.offsetX || event.originalEvent.layerX) - $toolTip.width() / 2 - 10,
+                    top: (event.offsetY || event.originalEvent.layerY) - $toolTip.height() - 40
+                });
+            });
+        },
+
+        // =========================================================================
+        // LINE CHART WITH AREA
+        // =========================================================================
+        lineChartWithArea: function () {
+            new Chartist.Line('.ct-line-chart-with-area', {
+                labels: [1, 2, 3, 4, 5, 6, 7, 8],
+                series: [
+                    [5, 9, 7, 8, 5, 3, 5, 4]
+                ]
+            }, {
+                low: 0,
+                showArea: true
+            });
+        },
+
+        // =========================================================================
+        // BI-POLAR LINE CHART
+        // =========================================================================
+        bipolarLineChart: function () {
+            new Chartist.Line('.ct-bipolar-line-chart', {
+                labels: [1, 2, 3, 4, 5, 6, 7, 8],
+                series: [
+                    [1, 2, 3, 1, -2, 0, 1, 0],
+                    [-2, -1, -2, -1, -2.5, -1, -2, -1],
+                    [0, 0, 0, 1, 2, 2.5, 2, 1],
+                    [2.5, 2, 1, 0.5, 1, 0.5, -1, -2.5]
+                ]
+            }, {
+                high: 3,
+                low: -3,
+                showArea: true,
+                showLine: false,
+                showPoint: false,
+                fullWidth: true,
+                axisX: {
+                    showLabel: false,
+                    showGrid: false
+                }
+            });
+        },
+
+        // =========================================================================
+        // USING EVENTS
+        // =========================================================================
+        usingEvents: function () {
+            var chart = new Chartist.Line('.ct-using-events', {
+                labels: [1, 2, 3, 4, 5],
+                series: [
+                    [12, 9, 7, 8, 5]
+                ]
+            });
+
+            // Listening for draw events that get emitted by the Chartist chart
+            chart.on('draw', function(data) {
+                // If the draw event was triggered from drawing a point on the line chart
+                if(data.type === 'point') {
+                    // We are creating a new path SVG element that draws a triangle around the point coordinates
+                    var triangle = new Chartist.Svg('path', {
+                        d: ['M',
+                            data.x,
+                            data.y - 15,
+                            'L',
+                            data.x - 15,
+                            data.y + 8,
+                            'L',
+                            data.x + 15,
+                            data.y + 8,
+                            'z'].join(' '),
+                        style: 'fill-opacity: 1'
+                    }, 'ct-area');
+
+                    // With data.element we get the Chartist SVG wrapper and we can replace the original point drawn by Chartist with our newly created triangle
+                    data.element.replace(triangle);
+                }
+            });
+        },
+
+        // =========================================================================
+        // ADVANCED SMIL ANIMATIONS
+        // =========================================================================
+        advancedSmilAnimations: function () {
+            var chart = new Chartist.Line('.ct-advanced-smil-animations', {
+                labels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
+                series: [
+                    [12, 9, 7, 8, 5, 4, 6, 2, 3, 3, 4, 6],
+                    [4,  5, 3, 7, 3, 5, 5, 3, 4, 4, 5, 5],
+                    [5,  3, 4, 5, 6, 3, 3, 4, 5, 6, 3, 4],
+                    [3,  4, 5, 6, 7, 6, 4, 5, 6, 7, 6, 3]
+                ]
+            }, {
+                low: 0
+            });
+
+            // Let's put a sequence number aside so we can use it in the event callbacks
+            var seq = 0,
+                delays = 80,
+                durations = 500;
+
+            // Once the chart is fully created we reset the sequence
+            chart.on('created', function() {
+                seq = 0;
+            });
+
+            // On each drawn element by Chartist we use the Chartist.Svg API to trigger SMIL animations
+            chart.on('draw', function(data) {
+                seq++;
+
+                if(data.type === 'line') {
+                    // If the drawn element is a line we do a simple opacity fade in. This could also be achieved using CSS3 animations.
+                    data.element.animate({
+                        opacity: {
+                            // The delay when we like to start the animation
+                            begin: seq * delays + 1000,
+                            // Duration of the animation
+                            dur: durations,
+                            // The value where the animation should start
+                            from: 0,
+                            // The value where it should end
+                            to: 1
+                        }
+                    });
+                } else if(data.type === 'label' && data.axis === 'x') {
+                    data.element.animate({
+                        y: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.y + 100,
+                            to: data.y,
+                            // We can specify an easing function from Chartist.Svg.Easing
+                            easing: 'easeOutQuart'
+                        }
+                    });
+                } else if(data.type === 'label' && data.axis === 'y') {
+                    data.element.animate({
+                        x: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.x - 100,
+                            to: data.x,
+                            easing: 'easeOutQuart'
+                        }
+                    });
+                } else if(data.type === 'point') {
+                    data.element.animate({
+                        x1: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.x - 10,
+                            to: data.x,
+                            easing: 'easeOutQuart'
+                        },
+                        x2: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.x - 10,
+                            to: data.x,
+                            easing: 'easeOutQuart'
+                        },
+                        opacity: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: 0,
+                            to: 1,
+                            easing: 'easeOutQuart'
+                        }
+                    });
+                } else if(data.type === 'grid') {
+                    // Using data.axis we get x or y which we can use to construct our animation definition objects
+                    var pos1Animation = {
+                        begin: seq * delays,
+                        dur: durations,
+                        from: data[data.axis.units.pos + '1'] - 30,
+                        to: data[data.axis.units.pos + '1'],
+                        easing: 'easeOutQuart'
+                    };
+
+                    var pos2Animation = {
+                        begin: seq * delays,
+                        dur: durations,
+                        from: data[data.axis.units.pos + '2'] - 100,
+                        to: data[data.axis.units.pos + '2'],
+                        easing: 'easeOutQuart'
+                    };
+
+                    var animations = {};
+                    animations[data.axis.units.pos + '1'] = pos1Animation;
+                    animations[data.axis.units.pos + '2'] = pos2Animation;
+                    animations['opacity'] = {
+                        begin: seq * delays,
+                        dur: durations,
+                        from: 0,
+                        to: 1,
+                        easing: 'easeOutQuart'
+                    };
+
+                    data.element.animate(animations);
+                }
+            });
+
+            // For the sake of the example we update the chart every time it's created with a delay of 10 seconds
+            chart.on('created', function() {
+                if(window.__exampleAnimateTimeout) {
+                    clearTimeout(window.__exampleAnimateTimeout);
+                    window.__exampleAnimateTimeout = null;
+                }
+                window.__exampleAnimateTimeout = setTimeout(chart.update.bind(chart), 12000);
+            });
+        },
+
+        // =========================================================================
+        // SVG PATH ANIMATION
+        // =========================================================================
+        svgPathAnimation: function () {
+            var chart = new Chartist.Line('.ct-svg-path-animation', {
+                labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+                series: [
+                    [1, 5, 2, 5, 4, 3],
+                    [2, 3, 4, 8, 1, 2],
+                    [5, 4, 3, 2, 1, 0.5]
+                ]
+            }, {
+                low: 0,
+                showArea: true,
+                showPoint: false,
+                fullWidth: true
+            });
+
+            chart.on('draw', function(data) {
+                if(data.type === 'line' || data.type === 'area') {
+                    data.element.animate({
+                        d: {
+                            begin: 2000 * data.index,
+                            dur: 2000,
+                            from: data.path.clone().scale(1, 0).translate(0, data.chartRect.height()).stringify(),
+                            to: data.path.clone().stringify(),
+                            easing: Chartist.Svg.Easing.easeOutQuint
+                        }
+                    });
+                }
+            });
+        },
+
+        // =========================================================================
+        // LINE INTERPOLATION
+        // =========================================================================
+        lineInterpolation: function () {
+            var chart = new Chartist.Line('.ct-line-interpolation', {
+                labels: [1, 2, 3, 4, 5],
+                series: [
+                    [1, 5, 10, 0, 1],
+                    [10, 15, 0, 1, 2]
+                ]
+            }, {
+                // Remove this configuration to see that chart rendered with cardinal spline interpolation
+                // Sometimes, on large jumps in data values, it's better to use simple smoothing.
+                lineSmooth: Chartist.Interpolation.simple({
+                    divisor: 2
+                }),
+                fullWidth: true,
+                chartPadding: {
+                    right: 20
+                },
+                low: 0
+            });
+        },
+
+        // =========================================================================
+        // SERIES OVERRIDES
+        // =========================================================================
+        seriesOverrides: function () {
+            var chart = new Chartist.Line('.ct-series-overrides', {
+                labels: ['1', '2', '3', '4', '5', '6', '7', '8'],
+                // Naming the series with the series object array notation
+                series: [{
+                    name: 'series-1',
+                    data: [5, 2, -4, 2, 0, -2, 5, -3]
+                }, {
+                    name: 'series-2',
+                    data: [4, 3, 5, 3, 1, 3, 6, 4]
+                }, {
+                    name: 'series-3',
+                    data: [2, 4, 3, 1, 4, 5, 3, 2]
+                }]
+            }, {
+                fullWidth: true,
+                // Within the series options you can use the series names
+                // to specify configuration that will only be used for the
+                // specific series.
+                series: {
+                    'series-1': {
+                        lineSmooth: Chartist.Interpolation.step()
+                    },
+                    'series-2': {
+                        lineSmooth: Chartist.Interpolation.simple(),
+                        showArea: true
+                    },
+                    'series-3': {
+                        showPoint: false
+                    }
+                }
+            }, [
+                // You can even use responsive configuration overrides to
+                // customize your series configuration even further!
+                ['screen and (max-width: 320px)', {
+                    series: {
+                        'series-1': {
+                            lineSmooth: Chartist.Interpolation.none()
+                        },
+                        'series-2': {
+                            lineSmooth: Chartist.Interpolation.none(),
+                            showArea: false
+                        },
+                        'series-3': {
+                            lineSmooth: Chartist.Interpolation.none(),
+                            showPoint: true
+                        }
+                    }
+                }]
+            ]);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonChartChartistLine.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.chart.chartist.piedonut.js b/vendor/javascripts/pages/blankon.chart.chartist.piedonut.js
new file mode 100755
index 0000000..f1fba76
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.chart.chartist.piedonut.js
@@ -0,0 +1,145 @@
+var BlankonChartChartistPieDonut = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonChartChartistPieDonut.simplePieChart();
+            BlankonChartChartistPieDonut.pieChartWithCustomLabels();
+            BlankonChartChartistPieDonut.gaugeChart();
+            BlankonChartChartistPieDonut.animatingDonut();
+        },
+
+        // =========================================================================
+        // SIMPLE PIE CHART
+        // =========================================================================
+        simplePieChart: function () {
+            var data = {
+                series: [5, 3, 4]
+            };
+
+            var sum = function(a, b) { return a + b };
+
+            new Chartist.Pie('.ct-simple-pie-chart', data, {
+                labelInterpolationFnc: function(value) {
+                    return Math.round(value / data.series.reduce(sum) * 100) + '%';
+                }
+            });
+        },
+
+        // =========================================================================
+        // PIE CHART WITH CUSTOM LABELS
+        // =========================================================================
+        pieChartWithCustomLabels: function () {
+            var data = {
+                labels: ['Bananas', 'Apples', 'Grapes'],
+                series: [20, 15, 40]
+            };
+
+            var options = {
+                labelInterpolationFnc: function(value) {
+                    return value[0]
+                }
+            };
+
+            var responsiveOptions = [
+                ['screen and (min-width: 640px)', {
+                    chartPadding: 30,
+                    labelOffset: 100,
+                    labelDirection: 'explode',
+                    labelInterpolationFnc: function(value) {
+                        return value;
+                    }
+                }],
+                ['screen and (min-width: 1024px)', {
+                    labelOffset: 80,
+                    chartPadding: 20
+                }]
+            ];
+
+            new Chartist.Pie('.ct-pie-chart-with-custom-labels', data, options, responsiveOptions);
+        },
+
+        // =========================================================================
+        // GAUGE CHART
+        // =========================================================================
+        gaugeChart: function () {
+            new Chartist.Pie('.ct-gauge-chart', {
+                series: [20, 10, 30, 40]
+            }, {
+                donut: true,
+                donutWidth: 60,
+                startAngle: 270,
+                total: 200,
+                showLabel: false
+            });
+        },
+
+        // =========================================================================
+        // ANIMATING DONUT
+        // =========================================================================
+        animatingDonut: function () {
+            var chart = new Chartist.Pie('.ct-animating-donut', {
+                series: [10, 20, 50, 20, 5, 50, 15],
+                labels: [1, 2, 3, 4, 5, 6, 7]
+            }, {
+                donut: true,
+                showLabel: false
+            });
+
+            chart.on('draw', function(data) {
+                if(data.type === 'slice') {
+                    // Get the total path length in order to use for dash array animation
+                    var pathLength = data.element._node.getTotalLength();
+
+                    // Set a dasharray that matches the path length as prerequisite to animate dashoffset
+                    data.element.attr({
+                        'stroke-dasharray': pathLength + 'px ' + pathLength + 'px'
+                    });
+
+                    // Create animation definition while also assigning an ID to the animation for later sync usage
+                    var animationDefinition = {
+                        'stroke-dashoffset': {
+                            id: 'anim' + data.index,
+                            dur: 1000,
+                            from: -pathLength + 'px',
+                            to:  '0px',
+                            easing: Chartist.Svg.Easing.easeOutQuint,
+                            // We need to use `fill: 'freeze'` otherwise our animation will fall back to initial (not visible)
+                            fill: 'freeze'
+                        }
+                    };
+
+                    // If this was not the first slice, we need to time the animation so that it uses the end sync event of the previous animation
+                    if(data.index !== 0) {
+                        animationDefinition['stroke-dashoffset'].begin = 'anim' + (data.index - 1) + '.end';
+                    }
+
+                    // We need to set an initial value before the animation starts as we are not in guided mode which would do that for us
+                    data.element.attr({
+                        'stroke-dashoffset': -pathLength + 'px'
+                    });
+
+                    // We can't use guided mode as the animations need to rely on setting begin manually
+                    // See http://gionkunz.github.io/chartist-js/api-documentation.html#chartistsvg-function-animate
+                    data.element.animate(animationDefinition, false);
+                }
+            });
+
+            // For the sake of the example we update the chart every time it's created with a delay of 8 seconds
+            chart.on('created', function() {
+                if(window.__anim21278907124) {
+                    clearTimeout(window.__anim21278907124);
+                    window.__anim21278907124 = null;
+                }
+                window.__anim21278907124 = setTimeout(chart.update.bind(chart), 10000);
+            });
+        }
+    };
+
+}();
+
+// Call main app init
+BlankonChartChartistPieDonut.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.chart.chartjs.js b/vendor/javascripts/pages/blankon.chart.chartjs.js
new file mode 100755
index 0000000..9754330
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.chart.chartjs.js
@@ -0,0 +1,199 @@
+var BlankonChartChartJS = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonChartChartJS.barChartChartJS();
+            BlankonChartChartJS.doughnutChartChartJS();
+            BlankonChartChartJS.lineChartChartJS();
+            BlankonChartChartJS.pieChartChartJS();
+            BlankonChartChartJS.polarareaChartChartJS();
+            BlankonChartChartJS.radarChartChartJS();
+        },
+
+        // =========================================================================
+        // CHARTJS CHART / BAR
+        // =========================================================================
+        barChartChartJS: function () {
+            if($('#chartjs-bar-chart').length){
+                var barChartData = {
+                    labels : ["January","February","March","April","May","June","July"],
+                    datasets : [
+                        {
+                            fillColor : "#E9573F",
+                            strokeColor : "#f55b43",
+                            data : [65,59,90,81,56,55,40]
+                        },
+                        {
+                            fillColor : "#00B1E1",
+                            strokeColor : "#00c3f4",
+                            data : [28,48,40,19,96,27,100]
+                        }
+                    ]
+
+                };
+
+                var myLine = new Chart(document.getElementById("chartjs-bar-chart").getContext("2d")).Bar(barChartData);
+            }
+        },
+
+        // =========================================================================
+        // CHARTJS CHART / DOUGHNUT
+        // =========================================================================
+        doughnutChartChartJS: function () {
+            if($('#chartjs-doughnut-chart').length){
+                var doughnutData = [
+                    {
+                        value: 20,
+                        color:"#37BC9B"
+                    },
+                    {
+                        value : 70,
+                        color : "#8CC152"
+                    },
+                    {
+                        value : 50,
+                        color : "#00B1E1"
+                    },
+                    {
+                        value : 40,
+                        color : "#E9573F"
+                    },
+                    {
+                        value : 90,
+                        color : "#F6BB42"
+                    }
+
+                ];
+
+                var myDoughnut = new Chart(document.getElementById("chartjs-doughnut-chart").getContext("2d")).Doughnut(doughnutData);
+            }
+        },
+
+        // =========================================================================
+        // CHARTJS CHART / LINE
+        // =========================================================================
+        lineChartChartJS: function () {
+            if($('#chartjs-line-chart').length){
+                var lineChartData = {
+                    labels : ["January","February","March","April","May","June","July"],
+                    datasets : [
+                        {
+                            fillColor : "#F6BB42",
+                            pointColor : "rgba(220,220,220,1)",
+                            pointStrokeColor : "#fff",
+                            data : [30,60,90,120,150,180,210]
+                        },
+                        {
+                            fillColor : "#8D8D6E",
+                            pointColor : "rgba(151,187,205,1)",
+                            pointStrokeColor : "#fff",
+                            data : [20,40,60,80,90,110,130]
+                        }
+                    ]
+
+                };
+
+                var myLine = new Chart(document.getElementById("chartjs-line-chart").getContext("2d")).Line(lineChartData);
+            }
+        },
+
+        // =========================================================================
+        // CHARTJS CHART / PIE
+        // =========================================================================
+        pieChartChartJS: function () {
+            if($('#chartjs-pie-chart').length){
+                var pieData = [
+                    {
+                        value: 30,
+                        color:"#8CC152"
+                    },
+                    {
+                        value : 40,
+                        color : "#E9573F"
+                    },
+                    {
+                        value : 50,
+                        color : "#F6BB42"
+                    }
+
+                ];
+
+                var myPie = new Chart(document.getElementById("chartjs-pie-chart").getContext("2d")).Pie(pieData);
+            }
+        },
+
+        // =========================================================================
+        // CHARTJS CHART / POLAR AREA
+        // =========================================================================
+        polarareaChartChartJS: function () {
+            if($('#chartjs-polararea-chart').length){
+                var chartData = [
+                    {
+                        value : Math.random(),
+                        color: "#D97041"
+                    },
+                    {
+                        value : Math.random(),
+                        color: "#C7604C"
+                    },
+                    {
+                        value : Math.random(),
+                        color: "#21323D"
+                    },
+                    {
+                        value : Math.random(),
+                        color: "#9D9B7F"
+                    },
+                    {
+                        value : Math.random(),
+                        color: "#7D4F6D"
+                    },
+                    {
+                        value : Math.random(),
+                        color: "#584A5E"
+                    }
+                ];
+                var myPolarArea = new Chart(document.getElementById("chartjs-polararea-chart").getContext("2d")).PolarArea(chartData);
+            }
+        },
+
+        // =========================================================================
+        // CHARTJS CHART / RADAR
+        // =========================================================================
+        radarChartChartJS: function () {
+            if($('#chartjs-radar-chart').length){
+                var radarChartData = {
+                    labels : ["Eating","Drinking","Sleeping","Designing","Coding","Partying","Running"],
+                    datasets : [
+                        {
+                            fillColor : "rgba(220,220,220,0.5)",
+                            strokeColor : "rgba(220,220,220,1)",
+                            pointColor : "rgba(220,220,220,1)",
+                            pointStrokeColor : "#fff",
+                            data : [65,59,90,81,56,55,40]
+                        },
+                        {
+                            fillColor : "rgba(151,187,205,0.5)",
+                            strokeColor : "rgba(151,187,205,1)",
+                            pointColor : "rgba(151,187,205,1)",
+                            pointStrokeColor : "#fff",
+                            data : [28,48,40,19,96,27,100]
+                        }
+                    ]
+
+                }
+
+                var myRadar = new Chart(document.getElementById("chartjs-radar-chart").getContext("2d")).Radar(radarChartData,{scaleShowLabels : false, pointLabelFontSize : 10});
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonChartChartJS.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.chart.easypie.js b/vendor/javascripts/pages/blankon.chart.easypie.js
new file mode 100755
index 0000000..184c60b
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.chart.easypie.js
@@ -0,0 +1,24 @@
+var BlankonChartEasypie = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonChartEasypie.pieChartPeity();
+        },
+
+        // =========================================================================
+        // PEITY CHART / PIE
+        // =========================================================================
+        pieChartPeity: function () {
+            $('.easy-pie-chart .percentage').easyPieChart();
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonChartEasypie.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.chart.flot.js b/vendor/javascripts/pages/blankon.chart.flot.js
new file mode 100755
index 0000000..fd56342
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.chart.flot.js
@@ -0,0 +1,264 @@
+var BlankonChartFlot = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonChartFlot.basicChartFlot();
+            BlankonChartFlot.barChartFlot();
+            BlankonChartFlot.pieChartFlot();
+            BlankonChartFlot.realtimeChartFlot();
+        },
+
+        // =========================================================================
+        // FLOT CHART / BASIC
+        // =========================================================================
+        basicChartFlot: function () {
+            function showTooltip(x, y, contents) {
+                jQuery('<div id="tooltip" class="tooltipflot">' + contents + '</div>').css( {
+                    position: 'absolute',
+                    display: 'none',
+                    top: y + 5,
+                    left: x + 5
+                }).appendTo("body").fadeIn(200);
+            }
+
+            if($('#flot-basic-chart').length){
+                var series1 = [[0, 10], [1, 6], [2,3], [3, 8], [4, 5], [5, 13], [6, 8]];
+                var series2 = [[0, 5], [1, 4], [2,4], [3, 1], [4, 9], [5, 10], [6, 13]];
+
+                var plot = $.plot($("#flot-basic-chart"),
+                    [ { data: series1,
+                        label: "Series 1",
+                        color: "#E9573F"
+                    },
+                        { data: series2,
+                            label: "Series 2",
+                            color: "#00B1E1"
+                        }
+                    ],
+                    {
+                        series: {
+                            lines: {
+                                show: true,
+                                fill: true,
+                                lineWidth: 1,
+                                fillColor: {
+                                    colors: [ { opacity: 0.5 },
+                                        { opacity: 0.5 }
+                                    ]
+                                }
+                            },
+                            points: {
+                                show: true
+                            },
+                            shadowSize: 0
+                        },
+                        legend: {
+                            position: 'nw'
+                        },
+                        grid: {
+                            hoverable: true,
+                            clickable: true,
+                            borderColor: '#ddd',
+                            borderWidth: 1,
+                            labelMargin: 10,
+                            backgroundColor: '#fff'
+                        },
+                        yaxis: {
+                            min: 0,
+                            max: 15,
+                            color: '#eee'
+                        },
+                        xaxis: {
+                            color: '#eee'
+                        }
+                    });
+
+                var previousPoint = null;
+                $("#flot-basic-chart").bind("plothover", function (event, pos, item) {
+                    $("#x").text(pos.x.toFixed(2));
+                    $("#y").text(pos.y.toFixed(2));
+
+                    if(item) {
+                        if (previousPoint != item.dataIndex) {
+                            previousPoint = item.dataIndex;
+
+                            $("#tooltip").remove();
+                            var x = item.datapoint[0].toFixed(2),
+                                y = item.datapoint[1].toFixed(2);
+
+                            showTooltip(item.pageX, item.pageY,
+                                item.series.label + " of " + x + " = " + y);
+                        }
+
+                    } else {
+                        $("#tooltip").remove();
+                        previousPoint = null;
+                    }
+
+                });
+
+                $("#flot-basic-chart").bind("plotclick", function (event, pos, item) {
+                    if (item) {
+                        plot.highlight(item.series, item.datapoint);
+                    }
+                });
+            }
+        },
+
+        // =========================================================================
+        // FLOT CHART / BAR
+        // =========================================================================
+        barChartFlot: function () {
+            if($('#flot-bar-chart').length){
+                var bardata = [ ["Jan", 5], ["Feb", 20], ["Mar", 18], ["Apr", 8], ["May", 13], ["Jun", 24], ["Jul", 22], ["Aug", 20], ["Sep", 10], ["Oct", 5], ["Nov", 8], ["Dec", 15] ];
+
+                $.plot("#flot-bar-chart", [ bardata ], {
+                    series: {
+                        lines: {
+                            lineWidth: 1
+                        },
+                        bars: {
+                            show: true,
+                            barWidth: 0.5,
+                            align: "center",
+                            lineWidth: 0,
+                            fillColor: "#81b71a"
+                        }
+                    },
+                    grid: {
+                        borderColor: '#ddd',
+                        borderWidth: 1,
+                        labelMargin: 10
+                    },
+                    xaxis: {
+                        mode: "categories",
+                        tickLength: 0
+                    }
+                });
+            }
+        },
+
+        // =========================================================================
+        // FLOT CHART / PIE
+        // =========================================================================
+        pieChartFlot: function () {
+            if($('#flot-pie-chart').length){
+                var piedata = [
+                    { label: "Series 1", data: [[1,40]], color: '#37BC9B'},
+                    { label: "Series 2", data: [[1,20]], color: '#8CC152'},
+                    { label: "Series 3", data: [[1,50]], color: '#00B1E1'},
+                    { label: "Series 4", data: [[1,90]], color: '#E9573F'},
+                    { label: "Series 5", data: [[1,80]], color: '#906094'}
+                ];
+
+                function labelFormatter(label, series) {
+                    return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" + label + "<br/>" + Math.round(series.percent) + "%</div>";
+                }
+
+                $.plot('#flot-pie-chart', piedata, {
+                    series: {
+                        pie: {
+                            show: true,
+                            radius: 1,
+                            label: {
+                                show: true,
+                                radius: 2/3,
+                                formatter: labelFormatter,
+                                threshold: 0.1
+                            }
+                        }
+                    },
+                    grid: {
+                        hoverable: true,
+                        clickable: true
+                    }
+                });
+
+            }
+        },
+
+        // =========================================================================
+        // FLOT CHART / REAL TIME UPDATE
+        // =========================================================================
+        realtimeChartFlot: function () {
+            if($('#flot-realtime-chart').length){
+                var data = [], totalPoints = 50;
+
+                function getRandomData() {
+
+                    if (data.length > 0)
+                        data = data.slice(1);
+
+                    // Do a random walk
+                    while (data.length < totalPoints) {
+
+                        var prev = data.length > 0 ? data[data.length - 1] : 50,
+                            y = prev + Math.random() * 10 - 5;
+
+                        if (y < 0) {
+                            y = 0;
+                        } else if (y > 100) {
+                            y = 100;
+                        }
+                        data.push(y);
+                    }
+
+                    // Zip the generated y values with the x values
+                    var res = [];
+                    for (var i = 0; i < data.length; ++i) {
+                        res.push([i, data[i]])
+                    }
+                    return res;
+                }
+
+
+                // Set up the control widget
+                var updateInterval = 1000;
+
+                var plot4 = $.plot("#flot-realtime-chart", [ getRandomData() ], {
+                    colors: ["#F6BB42"],
+                    series: {
+                        lines: {
+                            fill: true,
+                            lineWidth: 0
+                        },
+                        shadowSize: 0	// Drawing is faster without shadows
+                    },
+                    grid: {
+                        borderColor: '#ddd',
+                        borderWidth: 1,
+                        labelMargin: 10
+                    },
+                    xaxis: {
+                        color: '#eee'
+                    },
+                    yaxis: {
+                        min: 0,
+                        max: 100,
+                        color: '#eee'
+                    }
+                });
+
+                function update() {
+
+                    plot4.setData([getRandomData()]);
+
+                    // Since the axes don't change, we don't need to call plot.setupGrid()
+                    plot4.draw();
+                    setTimeout(update, updateInterval);
+                }
+
+                update();
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonChartFlot.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.chart.morris.js b/vendor/javascripts/pages/blankon.chart.morris.js
new file mode 100755
index 0000000..e499ebf
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.chart.morris.js
@@ -0,0 +1,161 @@
+var BlankonChartMorris = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonChartMorris.lineChartMorris();
+            BlankonChartMorris.areaChartMorris();
+            BlankonChartMorris.barChartMorris();
+            BlankonChartMorris.donutChartMorris();
+            BlankonChartMorris.expandPanel();
+        },
+
+        // =========================================================================
+        // MORRIS CHART / LINE
+        // =========================================================================
+        lineChartMorris: function () {
+            $(window).resize(function() {
+                window.line.redraw();
+            });
+            function morrisLine(){
+                window.line = Morris.Line({
+                    element: 'morris-line-chart',
+                    data: [
+                        { y: '2008', a: 20, b: 30 },
+                        { y: '2009', a: 40,  b: 50 },
+                        { y: '2010', a: 30,  b: 40 },
+                        { y: '2011', a: 50,  b: 60 },
+                        { y: '2012', a: 40,  b: 50 },
+                        { y: '2013', a: 60,  b: 70 },
+                        { y: '2014', a: 50, b: 60 }
+                    ],
+                    xkey: 'y',
+                    ykeys: ['a', 'b'],
+                    labels: ['Series A', 'Series B'],
+                    lineColors: ['#E9573F', '#00B1E1'],
+                    lineWidth: '2px',
+                    hideHover: true,
+                    resize: true,
+                    redraw: true
+                });
+            }
+            morrisLine();
+        },
+
+        // =========================================================================
+        // MORRIS CHART / AREA
+        // =========================================================================
+        areaChartMorris: function () {
+            $(window).resize(function() {
+                window.area.redraw();
+            });
+            function morrisArea(){
+                window.area = Morris.Area({
+                    element: 'morris-area-chart',
+                    data: [
+                        { y: '2008', a: 20, b: 30 },
+                        { y: '2009', a: 40,  b: 50 },
+                        { y: '2010', a: 30,  b: 40 },
+                        { y: '2011', a: 50,  b: 60 },
+                        { y: '2012', a: 40,  b: 50 },
+                        { y: '2013', a: 60,  b: 70 },
+                        { y: '2014', a: 50, b: 60 }
+                    ],
+                    xkey: 'y',
+                    ykeys: ['a', 'b'],
+                    labels: ['Series A', 'Series B'],
+                    lineColors: ['#E9573F', '#00B1E1'],
+                    lineWidth: '2px',
+                    hideHover: true,
+                    resize: true
+                });
+            }
+            morrisArea();
+        },
+
+        // =========================================================================
+        // MORRIS CHART / BAR
+        // =========================================================================
+        barChartMorris: function () {
+            $(window).resize(function() {
+                window.bar.redraw();
+            });
+            function morrisBar(){
+                window.bar = Morris.Bar({
+                    element: 'morris-bar-chart',
+                    data: [
+                        { y: '2008', a: 20, b: 30 },
+                        { y: '2009', a: 40,  b: 50 },
+                        { y: '2010', a: 30,  b: 40 },
+                        { y: '2011', a: 50,  b: 60 },
+                        { y: '2012', a: 40,  b: 50 },
+                        { y: '2013', a: 60,  b: 70 },
+                        { y: '2014', a: 50, b: 60 }
+                    ],
+                    xkey: 'y',
+                    ykeys: ['a', 'b'],
+                    labels: ['Series A', 'Series B'],
+                    lineWidth: '2px',
+                    fillOpacity: 0.8,
+                    smooth: false,
+                    hideHover: true,
+                    resize: true
+                });
+            }
+            morrisBar();
+        },
+
+        // =========================================================================
+        // MORRIS CHART / DONUT
+        // =========================================================================
+        donutChartMorris: function () {
+            $(window).resize(function() {
+                window.donut.redraw();
+            });
+            function morrisDonut(){
+                window.donut = Morris.Donut({
+                    element: 'morris-donut-chart',
+                    data: [
+                        {label: "Chrome", value: 40},
+                        {label: "Firefox", value: 20},
+                        {label: "Opera", value: 10},
+                        {label: "Safari", value: 20},
+                        {label: "Internet Explorer", value: 10}
+                    ],
+                    colors: ['#E9573F','#F6BB42','#906094','#00B1E1','#8CC152'],
+                    resize: true
+                });
+            }
+            morrisDonut();
+        },
+
+        expandPanel : function () {
+            $('[data-action=expand]').on('click', function(){
+                window.line.redraw();
+                window.area.redraw();
+                window.bar.redraw();
+                window.donut.redraw();
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonChartMorris.init();
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/vendor/javascripts/pages/blankon.chart.peity.js b/vendor/javascripts/pages/blankon.chart.peity.js
new file mode 100755
index 0000000..987cc08
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.chart.peity.js
@@ -0,0 +1,128 @@
+var BlankonChartPeity = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonChartPeity.pieChartPeity();
+            BlankonChartPeity.donutChartPeity();
+            BlankonChartPeity.lineChartPeity();
+            BlankonChartPeity.barChartPeity();
+            BlankonChartPeity.colourChartPeity();
+            BlankonChartPeity.sizeChartPeity();
+            BlankonChartPeity.updatingChartPeity();
+            BlankonChartPeity.eventsChartPeity();
+        },
+
+        // =========================================================================
+        // PEITY CHART / PIE
+        // =========================================================================
+        pieChartPeity: function () {
+            $("span.pie").peity("pie");
+        },
+
+        // =========================================================================
+        // PEITY CHART / DONUT
+        // =========================================================================
+        donutChartPeity: function () {
+            $('.donut').peity('donut');
+        },
+
+        // =========================================================================
+        // PEITY CHART / LINE
+        // =========================================================================
+        lineChartPeity: function () {
+            $(".line").peity("line");
+        },
+
+        // =========================================================================
+        // PEITY CHART / BAR
+        // =========================================================================
+        barChartPeity: function () {
+            $(".bar").peity("bar");
+        },
+
+        // =========================================================================
+        // PEITY CHART / COLOURS DYNAMICALLY
+        // =========================================================================
+        colourChartPeity: function () {
+            $(".bar-colours-1").peity("bar", {
+                fill: ["red", "green", "blue"]
+            });
+
+            $(".bar-colours-2").peity("bar", {
+                fill: function(value) {
+                    return value > 0 ? "green" : "red"
+                }
+            });
+
+            $(".bar-colours-3").peity("bar", {
+                fill: function(_, i, all) {
+                    var g = parseInt((i / all.length) * 255)
+                    return "rgb(255, " + g + ", 0)"
+                }
+            });
+
+            $(".pie-colours-1").peity("pie", {
+                fill: ["cyan", "magenta", "yellow", "black"]
+            });
+
+            $(".pie-colours-2").peity("pie", {
+                fill: function(_, i, all) {
+                    var g = parseInt((i / all.length) * 255)
+                    return "rgb(255, " + g + ", 0)"
+                }
+            });
+        },
+
+        // =========================================================================
+        // PEITY CHART / SIZE
+        // =========================================================================
+        sizeChartPeity: function () {
+            $(".data-attributes span").peity("donut");
+        },
+
+        // =========================================================================
+        // PEITY CHART / UPDATING
+        // =========================================================================
+        updatingChartPeity: function () {
+            var updatingChart = $(".updating-chart").peity("line", { width: 64 })
+
+            setInterval(function() {
+                var random = Math.round(Math.random() * 10)
+                var values = updatingChart.text().split(",")
+                values.shift()
+                values.push(random)
+
+                updatingChart
+                    .text(values.join(","))
+                    .change()
+            }, 1000);
+        },
+
+        // =========================================================================
+        // PEITY CHART / EVENTS
+        // =========================================================================
+        eventsChartPeity: function () {
+            $('select').change(function() {
+                var text = $(this).val() + '/' + 5;
+
+                $(this)
+                    .siblings('span.graph')
+                    .text(text)
+                    .change();
+
+                $('#notice').text('Chart updated: ' + text)
+            }).change();
+
+            $('span.graph').peity('pie');
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonChartPeity.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.component.icon.flag.js b/vendor/javascripts/pages/blankon.component.icon.flag.js
new file mode 100755
index 0000000..5637206
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.component.icon.flag.js
@@ -0,0 +1,53 @@
+var BlankonComponentIconFlag = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonComponentIconFlag.handleAddMultipleAttribute();
+            BlankonComponentIconFlag.handleCopyClipboardIcon();
+        },
+
+        // =========================================================================
+        // ADD MULTIPLE ATTRIBUTE ON LIST ICONS
+        // =========================================================================
+        handleAddMultipleAttribute: function () {
+            $('.flag-wrapper').each(function( index ) {
+                $(this).attr('data-icon',$(this).find('div').attr('class').replace('img-thumbnail ','').replace('flag-icon-background',''));
+            });
+        },
+
+        // =========================================================================
+        // COPY CLIPBOARD ICONS
+        // =========================================================================
+        handleCopyClipboardIcon: function () {
+            var clipboard = new Clipboard('.flag-wrapper', {
+                text: function(trigger) {
+                    return '<div class="'+trigger.getAttribute('data-icon')+'"></div>';
+                }
+            });
+            $('.flag-wrapper').on('click', function () {
+                var n = noty({
+                    theme: 'relax',
+                    layout: 'topRight',
+                    text: 'Copy icon country '+$(this).data('icon').replace('flag flag-icon',''),
+                    type: 'success',
+                    animation: {
+                        open  : 'animated bounceInRight',
+                        close : 'animated bounceOutRight',
+                        easing: 'swing', // easing
+                        speed: 500 // opening & closing animation speed
+                    }
+                });
+                n.setTimeout(2000);
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonComponentIconFlag.init();
diff --git a/vendor/javascripts/pages/blankon.component.icon.font.awesome.js b/vendor/javascripts/pages/blankon.component.icon.font.awesome.js
new file mode 100755
index 0000000..83b1736
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.component.icon.font.awesome.js
@@ -0,0 +1,54 @@
+var BlankonComponentIconFontAwesome = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonComponentIconFontAwesome.handleAddMultipleAttribute();
+            BlankonComponentIconFontAwesome.handleCopyClipboardIcon();
+        },
+
+        // =========================================================================
+        // ADD MULTIPLE ATTRIBUTE ON LIST ICONS
+        // =========================================================================
+        handleAddMultipleAttribute: function () {
+            $('.fontawesome-icon-list a').attr('href', 'javascript:void(0)');
+            $('.fa-hover a').each(function( index ) {
+                $(this).attr('data-icon',$(this).contents().text());
+            });
+        },
+
+        // =========================================================================
+        // COPY CLIPBOARD ICONS
+        // =========================================================================
+        handleCopyClipboardIcon: function () {
+            var clipboard = new Clipboard('.fa-hover a', {
+                text: function(trigger) {
+                    return '<i class="fa fa-'+trigger.getAttribute('data-icon')+'"></i>';
+                }
+            });
+            $('.fa-hover a').on('click', function () {
+                var n = noty({
+                    theme: 'relax',
+                    layout: 'topRight',
+                    text: 'Copy icon '+$(this).data('icon'),
+                    type: 'success',
+                    animation: {
+                        open  : 'animated bounceInRight',
+                        close : 'animated bounceOutRight',
+                        easing: 'swing', // easing
+                        speed: 500 // opening & closing animation speed
+                    }
+                });
+                n.setTimeout(2000);
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonComponentIconFontAwesome.init();
diff --git a/vendor/javascripts/pages/blankon.component.icon.glyphicons.js b/vendor/javascripts/pages/blankon.component.icon.glyphicons.js
new file mode 100755
index 0000000..0b079a3
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.component.icon.glyphicons.js
@@ -0,0 +1,53 @@
+var BlankonComponentIconGlyphicons = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonComponentIconGlyphicons.handleAddMultipleAttribute();
+            BlankonComponentIconGlyphicons.handleCopyClipboardIcon();
+        },
+
+        // =========================================================================
+        // ADD MULTIPLE ATTRIBUTE ON LIST ICONS
+        // =========================================================================
+        handleAddMultipleAttribute: function () {
+            $('.bs-glyphicons-list li').each(function( index ) {
+                $(this).attr('data-icon',$(this).find('.glyphicon-class').contents().text());
+            });
+        },
+
+        // =========================================================================
+        // COPY CLIPBOARD ICONS
+        // =========================================================================
+        handleCopyClipboardIcon: function () {
+            var clipboard = new Clipboard('.bs-glyphicons-list li', {
+                text: function(trigger) {
+                    return '<i class="'+trigger.getAttribute('data-icon')+'"></i>';
+                }
+            });
+            $('.bs-glyphicons-list li').on('click', function () {
+                var n = noty({
+                    theme: 'relax',
+                    layout: 'topRight',
+                    text: 'Copy icon '+$(this).data('icon').replace('glyphicon glyphicon-',''),
+                    type: 'success',
+                    animation: {
+                        open  : 'animated bounceInRight',
+                        close : 'animated bounceOutRight',
+                        easing: 'swing', // easing
+                        speed: 500 // opening & closing animation speed
+                    }
+                });
+                n.setTimeout(2000);
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonComponentIconGlyphicons.init();
diff --git a/vendor/javascripts/pages/blankon.component.icon.glyphicons.pro.js b/vendor/javascripts/pages/blankon.component.icon.glyphicons.pro.js
new file mode 100755
index 0000000..d2ba953
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.component.icon.glyphicons.pro.js
@@ -0,0 +1,53 @@
+var BlankonComponentIconGlyphiconsPro = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonComponentIconGlyphiconsPro.handleAddMultipleAttribute();
+            BlankonComponentIconGlyphiconsPro.handleCopyClipboardIcon();
+        },
+
+        // =========================================================================
+        // ADD MULTIPLE ATTRIBUTE ON LIST ICONS
+        // =========================================================================
+        handleAddMultipleAttribute: function () {
+            $('.bs-glyphicons-pro-list a').each(function( index ) {
+                $(this).attr('data-icon',$(this).attr('class'));
+            });
+        },
+
+        // =========================================================================
+        // COPY CLIPBOARD ICONS
+        // =========================================================================
+        handleCopyClipboardIcon: function () {
+            var clipboard = new Clipboard('.bs-glyphicons-pro-list a', {
+                text: function(trigger) {
+                    return '<a class="'+trigger.getAttribute('data-icon')+'"><i></i></a>';
+                }
+            });
+            $('.bs-glyphicons-pro-list a').on('click', function () {
+                var n = noty({
+                    theme: 'relax',
+                    layout: 'topRight',
+                    text: 'Copy icon '+$(this).data('icon').replace('glyphicons',''),
+                    type: 'success',
+                    animation: {
+                        open  : 'animated bounceInRight',
+                        close : 'animated bounceOutRight',
+                        easing: 'swing', // easing
+                        speed: 500 // opening & closing animation speed
+                    }
+                });
+                n.setTimeout(2000);
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonComponentIconGlyphiconsPro.init();
diff --git a/vendor/javascripts/pages/blankon.component.icon.simple.line.js b/vendor/javascripts/pages/blankon.component.icon.simple.line.js
new file mode 100755
index 0000000..7cdc14d
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.component.icon.simple.line.js
@@ -0,0 +1,53 @@
+var BlankonComponentIconSimpleLine = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonComponentIconSimpleLine.handleAddMultipleAttribute();
+            BlankonComponentIconSimpleLine.handleCopyClipboardIcon();
+        },
+
+        // =========================================================================
+        // ADD MULTIPLE ATTRIBUTE ON LIST ICONS
+        // =========================================================================
+        handleAddMultipleAttribute: function () {
+            $('.icon-preview-box .preview').each(function( index ) {
+                $(this).attr('data-icon',$(this).find('.name').contents().text());
+            });
+        },
+
+        // =========================================================================
+        // COPY CLIPBOARD ICONS
+        // =========================================================================
+        handleCopyClipboardIcon: function () {
+            var clipboard = new Clipboard('.icon-preview-box .preview', {
+                text: function(trigger) {
+                    return '<i class="'+trigger.getAttribute('data-icon')+'"></i>';
+                }
+            });
+            $('.icon-preview-box .preview').on('click', function () {
+                var n = noty({
+                    theme: 'relax',
+                    layout: 'topRight',
+                    text: 'Copy icon '+$(this).data('icon'),
+                    type: 'success',
+                    animation: {
+                        open  : 'animated bounceInRight',
+                        close : 'animated bounceOutRight',
+                        easing: 'swing', // easing
+                        speed: 500 // opening & closing animation speed
+                    }
+                });
+                n.setTimeout(2000);
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonComponentIconSimpleLine.init();
diff --git a/vendor/javascripts/pages/blankon.component.icon.weather.js b/vendor/javascripts/pages/blankon.component.icon.weather.js
new file mode 100755
index 0000000..4bc06c6
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.component.icon.weather.js
@@ -0,0 +1,53 @@
+var BlankonComponentIconWeather = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonComponentIconWeather.handleAddMultipleAttribute();
+            BlankonComponentIconWeather.handleCopyClipboardIcon();
+        },
+
+        // =========================================================================
+        // ADD MULTIPLE ATTRIBUTE ON LIST ICONS
+        // =========================================================================
+        handleAddMultipleAttribute: function () {
+            $('.list-weather-icons .example').each(function( index ) {
+                $(this).attr('data-icon',$(this).find('.class').contents().text());
+            });
+        },
+
+        // =========================================================================
+        // COPY CLIPBOARD ICONS
+        // =========================================================================
+        handleCopyClipboardIcon: function () {
+            var clipboard = new Clipboard('.list-weather-icons .example', {
+                text: function(trigger) {
+                    return '<i class="'+trigger.getAttribute('data-icon')+'"></i>';
+                }
+            });
+            $('.list-weather-icons .example').on('click', function () {
+                var n = noty({
+                    theme: 'relax',
+                    layout: 'topRight',
+                    text: 'Copy icon '+$(this).data('icon').replace('wi wi-',''),
+                    type: 'success',
+                    animation: {
+                        open  : 'animated bounceInRight',
+                        close : 'animated bounceOutRight',
+                        easing: 'swing', // easing
+                        speed: 500 // opening & closing animation speed
+                    }
+                });
+                n.setTimeout(2000);
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonComponentIconWeather.init();
diff --git a/vendor/javascripts/pages/blankon.component.tab.js b/vendor/javascripts/pages/blankon.component.tab.js
new file mode 100755
index 0000000..e832772
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.component.tab.js
@@ -0,0 +1,374 @@
+var BlankonComponentTab = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonComponentTab.componentTabs();
+        },
+
+        // =========================================================================
+        // TABS COMPONENT
+        // =========================================================================
+        componentTabs: function () {
+
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio fadeout
+                $('#js-grid-tabs-fadeout').cubeportfolio({
+                    filters: '#js-filters-tabs-fadeout',
+                    defaultFilter: '.tab-1',
+                    animationType: 'fadeOut',
+                    gridAdjustment: 'default',
+                    displayType: 'default'
+                });
+
+            })(jQuery, window, document);
+
+            $('a[href="#tab5-2"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio quicksand
+                    $('#js-grid-tabs-quicksand').cubeportfolio({
+                        filters: '#js-filters-tabs-quicksand',
+                        defaultFilter: '.tab-1',
+                        animationType: 'quicksand',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-3"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio bounceLeft
+                    $('#js-grid-tabs-bounceLeft').cubeportfolio({
+                        filters: '#js-filters-tabs-bounceLeft',
+                        defaultFilter: '.tab-1',
+                        animationType: 'bounceLeft',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-4"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio bounceTop
+                    $('#js-grid-tabs-bounceTop').cubeportfolio({
+                        filters: '#js-filters-tabs-bounceTop',
+                        defaultFilter: '.tab-1',
+                        animationType: 'bounceTop',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-5"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio bounceBottom
+                    $('#js-grid-tabs-bounceBottom').cubeportfolio({
+                        filters: '#js-filters-tabs-bounceBottom',
+                        defaultFilter: '.tab-1',
+                        animationType: 'bounceBottom',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-6"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio moveLeft
+                    $('#js-grid-tabs-moveLeft').cubeportfolio({
+                        filters: '#js-filters-tabs-moveLeft',
+                        defaultFilter: '.tab-1',
+                        animationType: 'moveLeft',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-7"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio slideLeft
+                    $('#js-grid-tabs-slideLeft').cubeportfolio({
+                        filters: '#js-filters-tabs-slideLeft',
+                        defaultFilter: '.tab-1',
+                        animationType: 'slideLeft',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-8"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio fadeOutTop
+                    $('#js-grid-tabs-fadeOutTop').cubeportfolio({
+                        filters: '#js-filters-tabs-fadeOutTop',
+                        defaultFilter: '.tab-1',
+                        animationType: 'fadeOutTop',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-9"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio sequentially
+                    $('#js-grid-tabs-sequentially').cubeportfolio({
+                        filters: '#js-filters-tabs-sequentially',
+                        defaultFilter: '.tab-1',
+                        animationType: 'sequentially',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-10"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio skew
+                    $('#js-grid-tabs-skew').cubeportfolio({
+                        filters: '#js-filters-tabs-skew',
+                        defaultFilter: '.tab-1',
+                        animationType: 'skew',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-11"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio slideDelay
+                    $('#js-grid-tabs-slideDelay').cubeportfolio({
+                        filters: '#js-filters-tabs-slideDelay',
+                        defaultFilter: '.tab-1',
+                        animationType: 'slideDelay',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-12"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio 3dflip
+                    $('#js-grid-tabs-3dflip').cubeportfolio({
+                        filters: '#js-filters-tabs-3dflip',
+                        defaultFilter: '.tab-1',
+                        animationType: '3dflip',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-13"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio rotateSides
+                    $('#js-grid-tabs-rotateSides').cubeportfolio({
+                        filters: '#js-filters-tabs-rotateSides',
+                        defaultFilter: '.tab-1',
+                        animationType: 'rotateSides',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-14"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio flipOutDelay
+                    $('#js-grid-tabs-flipOutDelay').cubeportfolio({
+                        filters: '#js-filters-tabs-flipOutDelay',
+                        defaultFilter: '.tab-1',
+                        animationType: 'flipOutDelay',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-15"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio flipOut
+                    $('#js-grid-tabs-flipOut').cubeportfolio({
+                        filters: '#js-filters-tabs-flipOut',
+                        defaultFilter: '.tab-1',
+                        animationType: 'flipOut',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-16"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio unfold
+                    $('#js-grid-tabs-unfold').cubeportfolio({
+                        filters: '#js-filters-tabs-unfold',
+                        defaultFilter: '.tab-1',
+                        animationType: 'unfold',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-17"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio foldLeft
+                    $('#js-grid-tabs-foldLeft').cubeportfolio({
+                        filters: '#js-filters-tabs-foldLeft',
+                        defaultFilter: '.tab-1',
+                        animationType: 'foldLeft',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-18"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio scaleDown
+                    $('#js-grid-tabs-scaleDown').cubeportfolio({
+                        filters: '#js-filters-tabs-scaleDown',
+                        defaultFilter: '.tab-1',
+                        animationType: 'scaleDown',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-19"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio scaleSides
+                    $('#js-grid-tabs-scaleSides').cubeportfolio({
+                        filters: '#js-filters-tabs-scaleSides',
+                        defaultFilter: '.tab-1',
+                        animationType: 'scaleSides',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-20"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio frontRow
+                    $('#js-grid-tabs-frontRow').cubeportfolio({
+                        filters: '#js-filters-tabs-frontRow',
+                        defaultFilter: '.tab-1',
+                        animationType: 'frontRow',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-21"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio flipBottom
+                    $('#js-grid-tabs-flipBottom').cubeportfolio({
+                        filters: '#js-filters-tabs-flipBottom',
+                        defaultFilter: '.tab-1',
+                        animationType: 'flipBottom',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+            $('a[href="#tab5-22"]').on('shown.bs.tab', function () {
+                (function($, window, document, undefined) {
+                    'use strict';
+
+                    // init cubeportfolio rotateRoom
+                    $('#js-grid-tabs-rotateRoom').cubeportfolio({
+                        filters: '#js-filters-tabs-rotateRoom',
+                        defaultFilter: '.tab-1',
+                        animationType: 'rotateRoom',
+                        gridAdjustment: 'default',
+                        displayType: 'default'
+                    });
+
+                })(jQuery, window, document);
+            });
+
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonComponentTab.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.dashboard.ecommerce.js b/vendor/javascripts/pages/blankon.dashboard.ecommerce.js
new file mode 100755
index 0000000..cbefecc
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.dashboard.ecommerce.js
@@ -0,0 +1,260 @@
+var BlankonDashboardEcommerce = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var globalImgPath = BlankonApp.handleBaseURL()+'/img';
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonDashboardEcommerce.counterOverview();
+            BlankonDashboardEcommerce.gritterNotification();
+            BlankonDashboardEcommerce.sessionTimeout();
+            BlankonDashboardEcommerce.marketChartWidget();
+            BlankonDashboardEcommerce.marketStatus();
+            BlankonDashboardEcommerce.salesChart();
+            BlankonDashboardEcommerce.mapOrderLocations();
+        },
+
+        // =========================================================================
+        // COUNTER OVERVIEW
+        // =========================================================================
+        counterOverview: function () {
+            if($('.counter').length){
+                $('.counter').counterUp({
+                    delay: 10,
+                    time: 4000
+                });
+            }
+        },
+
+        // =========================================================================
+        // GRITTER NOTIFICATION
+        // =========================================================================
+        gritterNotification: function () {
+            // display marketing alert only once
+            if($('#wrapper').css('opacity')) {
+                if (!$.cookie('intro')) {
+
+                    // Gritter notification intro 1
+                    setTimeout(function () {
+                        var unique_id = $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Welcome to Blankon',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon is a theme fullpack admin template powered by Twitter bootstrap 3 front-end framework.',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/contact.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: false,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+
+                        // You can have it return a unique id, this can be used to manually remove it later using
+                        setTimeout(function () {
+                            $.gritter.remove(unique_id, {
+                                fade: true,
+                                speed: 'slow'
+                            });
+                        }, 12000);
+                    }, 5000);
+
+                    // Gritter notification intro 2
+                    setTimeout(function () {
+                        $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Playing sounds',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon made for playing small sounds, will help you with this task. Please make your sound system is active',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/sound.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: true,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+                    }, 8000);
+
+                    // Set cookie intro
+                    $.cookie('intro',1, {expires: 1});
+                }
+            }
+        },
+
+        // =========================================================================
+        // SESSION TIMEOUT
+        // =========================================================================
+        sessionTimeout: function () {
+            if($('.demo-dashboard-session').length){
+                $.sessionTimeout({
+                    title: 'JUST DEMO Your session is about to expire!',
+                    logoutButton: 'Logout',
+                    keepAliveButton: 'Stay Connected',
+                    message: 'Your session will be locked in 2 minute',
+                    keepAliveUrl: '#',
+                    logoutUrl: 'page-signin.html',
+                    redirUrl: 'page-lock-screen.html',
+                    ignoreUserActivity: true,
+                    warnAfter: 120000,
+                    redirAfter: 240000
+                });
+            }
+        },
+
+        // =========================================================================
+        // MARKET CHART
+        // =========================================================================
+        marketChartWidget: function () {
+            $(window).resize(function() {
+                window.line.redraw();
+            });
+            function marketChart(){
+                window.line = Morris.Line({
+                    element: 'market-chart',
+                    data: [
+                        { y: '2008', a: 30, b: 20, c: 10 },
+                        { y: '2009', a: 20,  b: 50, c: 67 },
+                        { y: '2010', a: 25,  b: 40, c: 32 },
+                        { y: '2011', a: 27,  b: 60, c: 78 },
+                        { y: '2012', a: 34,  b: 50, c: 12 },
+                        { y: '2013', a: 40,  b: 70, c: 78 },
+                        { y: '2014', a: 41, b: 60, c: 52 }
+                    ],
+                    xkey: 'y',
+                    ykeys: ['a', 'b', 'c'],
+                    labels: ['Apple', 'Android', 'Windows Phone'],
+                    lineColors: ['#8CC152', '#F6BB42', '#906094'],
+                    pointFillColors: ['#8CC152', '#F6BB42', '#906094'],
+                    pointStrokeColors: ['#FFFFFF'],
+                    lineWidth: '5px',
+                    hideHover: true,
+                    grid: false,
+                    gridTextColor: '#FFFFFF',
+                    resize: true,
+                    redraw: true
+                });
+            }
+            marketChart();
+        },
+
+        // =========================================================================
+        // MARKET STATUS
+        // =========================================================================
+        marketStatus: function () {
+            var piedata = [
+                { label: "Apple", data: [[1,40]], color: '#906094'},
+                { label: "Android", data: [[1,20]], color: '#8CC152'},
+                { label: "Windows Phone", data: [[1,50]], color: '#F6BB42'}
+            ];
+
+            function labelFormatter(label, series) {
+                return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" + label + "<br/>" + Math.round(series.percent) + "%</div>";
+            }
+
+            $.plot('#market-status-chart', piedata, {
+                series: {
+                    pie: {
+                        show: true,
+                        radius: 500,
+                        label: {
+                            show: true,
+                            radius: 2/3,
+                            formatter: labelFormatter,
+                            threshold: 0.1
+                        }
+                    }
+                },
+                legend: {
+                    show: false
+                },
+                grid: {
+                    hoverable: true,
+                    clickable: true
+                }
+            });
+        },
+
+        // =========================================================================
+        // SALES CHART
+        // =========================================================================
+        salesChart: function () {
+            $('#market-today-chart').sparkline('html',{
+                type: 'bar',
+                barColor: '#81b71a',
+                height: '50px',
+                barWidth: '5px'
+            });
+            $('#market-average-chart').sparkline('html',{
+                type: 'bar',
+                barColor: '#81b71a',
+                height: '50px',
+                barWidth: '5px'
+            });
+            $('#market-total-chart').sparkline('html',{
+                type: 'bar',
+                barColor: '#81b71a',
+                height: '50px',
+                barWidth: '5px'
+            });
+        },
+
+        // =========================================================================
+        // ORDER LOCATIONS
+        // =========================================================================
+        mapOrderLocations: function () {
+            if($('#map-order-locations').length){
+                $('#map-order-locations').gmap3({
+                    map:{
+                        options:{
+                            center:[46.578498,2.457275],
+                            zoom: 5
+                        }
+                    },
+                    marker:{
+                        values:[
+                            {latLng:[48.8620722, 2.352047], data:"Windows phone sold 45"},
+                            {address:"86000 Poitiers, France", data:"Apple sold 453"},
+                            {address:"66000 Perpignan, France", data:"Android sold 344", options:{icon: "http://maps.google.com/mapfiles/marker_green.png"}}
+                        ],
+                        options:{
+                            draggable: false
+                        },
+                        events:{
+                            mouseover: function(marker, event, context){
+                                var map = $(this).gmap3("get"),
+                                    infowindow = $(this).gmap3({get:{name:"infowindow"}});
+                                if (infowindow){
+                                    infowindow.open(map, marker);
+                                    infowindow.setContent(context.data);
+                                } else {
+                                    $(this).gmap3({
+                                        infowindow:{
+                                            anchor:marker,
+                                            options:{content: context.data}
+                                        }
+                                    });
+                                }
+                            },
+                            mouseout: function(){
+                                var infowindow = $(this).gmap3({get:{name:"infowindow"}});
+                                if (infowindow){
+                                    infowindow.close();
+                                }
+                            }
+                        }
+                    }
+                });
+            }
+        },
+
+    };
+
+}();
+
+// Call main app init
+BlankonDashboardEcommerce.init();
diff --git a/vendor/javascripts/pages/blankon.dashboard.hr.js b/vendor/javascripts/pages/blankon.dashboard.hr.js
new file mode 100755
index 0000000..d6520e1
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.dashboard.hr.js
@@ -0,0 +1,503 @@
+var BlankonDashboardHR = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var globalImgPath = BlankonApp.handleBaseURL()+'/img';
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonDashboardHR.gritterNotification();
+            BlankonDashboardHR.sessionTimeout();
+            BlankonDashboardHR.manufacturePieChart();
+            BlankonDashboardHR.salesPieChart();
+            BlankonDashboardHR.engineeringPieChart();
+            BlankonDashboardHR.financialPieChart();
+            BlankonDashboardHR.numberEmployeeBySalary();
+            BlankonDashboardHR.engineeringDepartment();
+            BlankonDashboardHR.comparisonEmployee();
+            BlankonDashboardHR.numberEmployeeByYear();
+        },
+
+        // =========================================================================
+        // GRITTER NOTIFICATION
+        // =========================================================================
+        gritterNotification: function () {
+            // display marketing alert only once
+            if($('#wrapper').css('opacity')) {
+                if (!$.cookie('intro')) {
+
+                    // Gritter notification intro 1
+                    setTimeout(function () {
+                        var unique_id = $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Welcome to Blankon',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon is a theme fullpack admin template powered by Twitter bootstrap 3 front-end framework.',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/contact.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: false,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+
+                        // You can have it return a unique id, this can be used to manually remove it later using
+                        setTimeout(function () {
+                            $.gritter.remove(unique_id, {
+                                fade: true,
+                                speed: 'slow'
+                            });
+                        }, 12000);
+                    }, 5000);
+
+                    // Gritter notification intro 2
+                    setTimeout(function () {
+                        $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Playing sounds',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon made for playing small sounds, will help you with this task. Please make your sound system is active',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/sound.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: true,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+                    }, 8000);
+
+                    // Set cookie intro
+                    $.cookie('intro',1, {expires: 1});
+                }
+            }
+        },
+
+        // =========================================================================
+        // SESSION TIMEOUT
+        // =========================================================================
+        sessionTimeout: function () {
+            if($('.demo-dashboard-session').length){
+                $.sessionTimeout({
+                    title: 'JUST DEMO Your session is about to expire!',
+                    logoutButton: 'Logout',
+                    keepAliveButton: 'Stay Connected',
+                    message: 'Your session will be locked in 2 minute',
+                    keepAliveUrl: '#',
+                    logoutUrl: 'page-signin.html',
+                    redirUrl: 'page-lock-screen.html',
+                    ignoreUserActivity: true,
+                    warnAfter: 120000,
+                    redirAfter: 240000
+                });
+            }
+        },
+
+        // =========================================================================
+        // MANUFACTURE PIE CHART
+        // =========================================================================
+        manufacturePieChart: function(){
+            var chart = c3.generate({
+                bindto: '#manufacture-pie-chart',
+                data: {
+                    // iris data from R
+                    columns: [
+                        ['male', 50],
+                        ['female', 50]
+                    ],
+                    type : 'pie'
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1']
+                },
+                pie: {
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                },
+                legend: {
+                    show: false
+                }
+            });
+
+            setTimeout(function () {
+                chart.load({
+                    columns: [
+                        ["male", 60],
+                        ["female", 40]
+                    ]
+                });
+            }, 1500);
+
+            // Expand panel
+            BlankonDashboardHR.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // SALES PIE CHART
+        // =========================================================================
+        salesPieChart: function(){
+            var chart = c3.generate({
+                bindto: '#sales-pie-chart',
+                data: {
+                    // iris data from R
+                    columns: [
+                        ['male', 50],
+                        ['female', 50]
+                    ],
+                    type : 'pie'
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1']
+                },
+                pie: {
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                },
+                legend: {
+                    show: false
+                }
+            });
+
+            setTimeout(function () {
+                chart.load({
+                    columns: [
+                        ["male", 30],
+                        ["female", 70]
+                    ]
+                });
+            }, 1500);
+
+            // Expand panel
+            BlankonDashboardHR.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // ENGINEERING PIE CHART
+        // =========================================================================
+        engineeringPieChart: function(){
+            var chart = c3.generate({
+                bindto: '#engineering-pie-chart',
+                data: {
+                    // iris data from R
+                    columns: [
+                        ['male', 50],
+                        ['female', 50]
+                    ],
+                    type : 'pie'
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1']
+                },
+                pie: {
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                },
+                legend: {
+                    show: false
+                }
+            });
+
+            setTimeout(function () {
+                chart.load({
+                    columns: [
+                        ["male", 55],
+                        ["female", 45]
+                    ]
+                });
+            }, 1500);
+
+            // Expand panel
+            BlankonDashboardHR.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // FINANCIAL PIE CHART
+        // =========================================================================
+        financialPieChart: function(){
+            var chart = c3.generate({
+                bindto: '#financial-pie-chart',
+                data: {
+                    // iris data from R
+                    columns: [
+                        ['male', 50],
+                        ['female', 50]
+                    ],
+                    type : 'pie'
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1']
+                },
+                pie: {
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                },
+                legend: {
+                    show: false
+                }
+            });
+
+            setTimeout(function () {
+                chart.load({
+                    columns: [
+                        ["male", 23],
+                        ["female", 77]
+                    ]
+                });
+            }, 1500);
+
+            // Expand panel
+            BlankonDashboardHR.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // NUMBER EMPLOYEE BY SALARY
+        // =========================================================================
+        numberEmployeeBySalary: function () {
+            var rawData = [
+                [14000, 0],
+                [9000, 1],
+                [20000, 2],
+                [25000, 3],
+                [45000, 4],
+                [50000, 5],
+                [47000, 6]
+            ];
+
+            var dataSet = [
+                { label: "Employee Salary", data: rawData, color: "#E8E800" }
+            ];
+
+            var ticks = [
+                [0, "< $4000"], [1, "$4000 - $5000"], [2, "$5000 - $6000"], [3, "$6000 - $7000"], [4, "$7000 - $8000"], [5, "$8000 - $9000"], [6, "> $10000"]
+            ];
+
+
+            var options = {
+                series: {
+                    bars: {
+                        show: true
+                    }
+                },
+                bars: {
+                    align: "center",
+                    barWidth: 0.5,
+                    horizontal: true,
+                    fillColor: { colors: [{ opacity: 0.5 }, { opacity: 1}] },
+                    lineWidth: 1
+                },
+                xaxis: {
+                    axisLabel: "Unit",
+                    axisLabelUseCanvas: true,
+                    axisLabelFontSizePixels: 12,
+                    axisLabelFontFamily: 'Verdana, Arial',
+                    axisLabelPadding: 10,
+                    max: 100000,
+                    tickColor: "#EFEFEF",
+                    tickFormatter: function (v, axis) {
+                        return $.formatNumber(v, { format: "#,###", locale: "us" });
+                    },
+                    color:"#E8E800"
+                },
+                yaxis: {
+                    axisLabel: "Employee Salary",
+                    axisLabelUseCanvas: true,
+                    axisLabelFontSizePixels: 12,
+                    axisLabelFontFamily: 'Verdana, Arial',
+                    axisLabelPadding: 3,
+                    tickColor: "#EFEFEF",
+                    ticks: ticks,
+                    color:"black"
+                },
+                legend: {
+                    noColumns: 0,
+                    labelBoxBorderColor: "#EFEFEF",
+                    position: "ne"
+                },
+                grid: {
+                    hoverable: true,
+                    borderWidth: 0
+                }
+            };
+
+            $(document).ready(function () {
+                $.plot($("#number-employee-salary-chart"), dataSet, options);
+                $("#number-employee-salary-chart").UseTooltip();
+            });
+
+
+
+            var previousPoint = null, previousLabel = null;
+
+            $.fn.UseTooltip = function () {
+                $(this).bind("plothover", function (event, pos, item) {
+                    if (item) {
+                        if ((previousLabel != item.series.label) ||
+                            (previousPoint != item.dataIndex)) {
+                            previousPoint = item.dataIndex;
+                            previousLabel = item.series.label;
+                            $("#tooltip").remove();
+
+                            var x = item.datapoint[0];
+                            var y = item.datapoint[1];
+
+                            var color = item.series.color;
+                            //alert(color)
+                            //console.log(item.series.xaxis.ticks[x].label);
+
+                            showTooltip(item.pageX,
+                                item.pageY,
+                                color,
+                                "<strong>" + item.series.label + "</strong><br>" + item.series.yaxis.ticks[y].label +
+                                " : <strong>" + $.formatNumber(x, { format: "#,###", locale: "us" })  + "</strong> USD");
+                        }
+                    } else {
+                        $("#tooltip").remove();
+                        previousPoint = null;
+                    }
+                });
+            };
+
+            function showTooltip(x, y, color, contents) {
+                $('<div id="tooltip">' + contents + '</div>').css({
+                    position: 'absolute',
+                    display: 'none',
+                    top: y - 10,
+                    left: x + 10,
+                    border: '2px solid ' + color,
+                    padding: '3px',
+                    'font-size': '9px',
+                    'border-radius': '5px',
+                    'background-color': '#fff',
+                    'font-family': 'Verdana, Arial, Helvetica, Tahoma, sans-serif',
+                    opacity: 0.9
+                }).appendTo("body").fadeIn(200);
+            }
+        },
+
+        // =========================================================================
+        // ENGINEERING DEPARTMENT
+        // =========================================================================
+        engineeringDepartment: function () {
+            if($('#engineering-department-chart').length){
+                var piedata = [
+                    { label: "Engineer", data: [[1,40]], color: '#37BC9B'},
+                    { label: "Engineer Professor", data: [[1,20]], color: '#8CC152'},
+                    { label: "Engineer Assistant", data: [[1,50]], color: '#5577B4'},
+                    { label: "Senior Engineer", data: [[1,90]], color: '#F6BB42'}
+                ];
+
+                function labelFormatter(label, series) {
+                    return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" + label + "<br/>" + Math.round(series.percent) + "%</div>";
+                }
+
+                $.plot('#engineering-department-chart', piedata, {
+                    series: {
+                        pie: {
+                            show: true,
+                            radius: 1,
+                            label: {
+                                show: true,
+                                radius: 2/3,
+                                formatter: labelFormatter,
+                                threshold: 0.1
+                            }
+                        }
+                    },
+                    grid: {
+                        hoverable: true,
+                        clickable: true
+                    }
+                });
+
+            }
+        },
+
+        // =========================================================================
+        // COMPARISON OF EMPLOYEE
+        // =========================================================================
+        comparisonEmployee: function () {
+            if($('#comparison-employee-chart').length){
+                var radarChartData = {
+                    labels : ["Communication Skills","Technical Knowledge","Team Work","Meeting Deadline","Problem Solving","Punctuality"],
+                    datasets : [
+                        {
+                            fillColor : "rgba(220,220,220,0.5)",
+                            strokeColor : "rgba(220,220,220,1)",
+                            pointColor : "rgba(220,220,220,1)",
+                            pointStrokeColor : "#fff",
+                            data : [65,59,90,81,56,55]
+                        },
+                        {
+                            fillColor : "rgba(151,187,205,0.5)",
+                            strokeColor : "rgba(151,187,205,1)",
+                            pointColor : "rgba(151,187,205,1)",
+                            pointStrokeColor : "#fff",
+                            data : [28,48,40,19,96,27]
+                        }
+                    ]
+
+                };
+
+                var myRadar = new Chart(document.getElementById("comparison-employee-chart").getContext("2d")).Radar(radarChartData,{
+                    scaleShowLabels : false,
+                    pointLabelFontSize : 10
+                });
+            }
+        },
+
+        // =========================================================================
+        // NUMBER OF EMPLOYEE OF YEAR
+        // =========================================================================
+        numberEmployeeByYear: function () {
+            if($('#number-employee-chart').length){
+                var barChartData = {
+                    labels : ["2010","2011","2012","2013","2014","2015"],
+                    datasets : [
+                        {
+                            fillColor : "#906094",
+                            strokeColor : "#906094",
+                            data : [65,59,90,81,56,55]
+                        }
+                    ]
+
+                };
+
+                var myLine = new Chart(document.getElementById("number-employee-chart").getContext("2d")).Bar(barChartData);
+            }
+        },
+
+        // =========================================================================
+        // EXPAND TRIGGER PANEL
+        // =========================================================================
+        expandPanel : function (selector) {
+            $('[data-action=expand]').on('click', function(){
+                if($(this).parents(".panel").hasClass('panel-fullsize'))
+                {
+                    setTimeout(function () {
+                        selector.resize();
+                    }, 1000);
+                }
+                else
+                {
+                    setTimeout(function () {
+                        selector.resize();
+                    }, 1000);
+                }
+            });
+        }
+
+
+    };
+
+}();
+
+// Call main app init
+BlankonDashboardHR.init();
diff --git a/vendor/javascripts/pages/blankon.dashboard.investor.js b/vendor/javascripts/pages/blankon.dashboard.investor.js
new file mode 100755
index 0000000..7e414a1
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.dashboard.investor.js
@@ -0,0 +1,201 @@
+var BlankonDashboardInvestor = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var globalImgPath = BlankonApp.handleBaseURL()+'/img',
+        globalDataPath = BlankonApp.handleBaseURL()+'/assets/admin/data';
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonDashboardInvestor.counterOverview();
+            BlankonDashboardInvestor.gritterNotification();
+            BlankonDashboardInvestor.sessionTimeout();
+            BlankonDashboardInvestor.totalInvestments();
+            BlankonDashboardInvestor.datatableMedianRaised();
+        },
+
+        // =========================================================================
+        // COUNTER OVERVIEW
+        // =========================================================================
+        counterOverview: function () {
+            if($('.counter').length){
+                $('.counter').counterUp({
+                    delay: 10,
+                    time: 4000
+                });
+            }
+        },
+
+        // =========================================================================
+        // GRITTER NOTIFICATION
+        // =========================================================================
+        gritterNotification: function () {
+            // display marketing alert only once
+            if($('#wrapper').css('opacity')) {
+                if (!$.cookie('intro')) {
+
+                    // Gritter notification intro 1
+                    setTimeout(function () {
+                        var unique_id = $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Welcome to Blankon',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon is a theme fullpack admin template powered by Twitter bootstrap 3 front-end framework.',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/contact.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: false,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+
+                        // You can have it return a unique id, this can be used to manually remove it later using
+                        setTimeout(function () {
+                            $.gritter.remove(unique_id, {
+                                fade: true,
+                                speed: 'slow'
+                            });
+                        }, 12000);
+                    }, 5000);
+
+                    // Gritter notification intro 2
+                    setTimeout(function () {
+                        $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Playing sounds',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon made for playing small sounds, will help you with this task. Please make your sound system is active',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/sound.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: true,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+                    }, 8000);
+
+                    // Set cookie intro
+                    $.cookie('intro',1, {expires: 1});
+                }
+            }
+        },
+
+        // =========================================================================
+        // SESSION TIMEOUT
+        // =========================================================================
+        sessionTimeout: function () {
+            if($('.demo-dashboard-session').length){
+                $.sessionTimeout({
+                    title: 'JUST DEMO Your session is about to expire!',
+                    logoutButton: 'Logout',
+                    keepAliveButton: 'Stay Connected',
+                    message: 'Your session will be locked in 2 minute',
+                    keepAliveUrl: '#',
+                    logoutUrl: 'page-signin.html',
+                    redirUrl: 'page-lock-screen.html',
+                    ignoreUserActivity: true,
+                    warnAfter: 120000,
+                    redirAfter: 240000
+                });
+            }
+        },
+
+        // =========================================================================
+        // TOTAL INVESTMENTS
+        // =========================================================================
+        totalInvestments: function () {
+            var chart = c3.generate({
+                bindto: '#total-investments',
+                data: {
+                    columns: [
+                        ['InvestmentA', 30, 20, 50, 40, 60, 50],
+                        ['InvestmentB', 200, 130, 90, 240, 130, 220],
+                        ['InvestmentC', 300, 200, 160, 400, 250, 250],
+                        ['InvestmentD', 200, 130, 90, 240, 130, 220],
+                        ['InvestmentE', 130, 120, 150, 140, 160, 150]
+                    ],
+                    types: {
+                        InvestmentA: 'bar',
+                        InvestmentB: 'bar',
+                        InvestmentC: 'spline',
+                        InvestmentD: 'line',
+                        InvestmentE: 'bar'
+                    },
+                    groups: [
+                        ['data 1','data 2']
+                    ]
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1', '#37BC9B', '#906094', '#1F77B4']
+                },
+                axis: {
+                    x: {
+                        type: 'categorized'
+                    }
+                }
+            });
+
+            // Expand panel
+            BlankonDashboardInvestor.expandPanel(chart);
+        },
+
+        expandPanel : function (selector) {
+            $('[data-action=expand]').on('click', function(){
+                if($(this).parents(".panel").hasClass('panel-fullsize'))
+                {
+                    setTimeout(function () {
+                        selector.resize();
+                    }, 1000);
+                }
+                else
+                {
+                    setTimeout(function () {
+                        selector.resize();
+                    }, 1000);
+                }
+            });
+        },
+
+        // =========================================================================
+        // DATATABLE MEDIAN RAISED
+        // =========================================================================
+        datatableMedianRaised: function () {
+            var responsiveHelperAjax = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+
+            var tableAjax = $('#datatable-median-raised');
+
+            // Using AJAX
+            tableAjax.dataTable({
+                autoWidth      : false,
+                ajax           : globalDataPath+'/datatable-investor.json',
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperAjax) {
+                        responsiveHelperAjax = new ResponsiveDatatablesHelper(tableAjax, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperAjax.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperAjax.respond();
+                }
+            });
+
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonDashboardInvestor.init();
diff --git a/vendor/javascripts/pages/blankon.dashboard.js b/vendor/javascripts/pages/blankon.dashboard.js
new file mode 100755
index 0000000..c68e145
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.dashboard.js
@@ -0,0 +1,548 @@
+var BlankonDashboard = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonDashboard.counterOverview();
+            BlankonDashboard.callModal1();
+            BlankonDashboard.weatherIcons();
+            BlankonDashboard.gritterNotification();
+            BlankonDashboard.visitorChart();
+            BlankonDashboard.realtimeStatusChart();
+            BlankonDashboard.countNumber();
+            BlankonDashboard.dropzone();
+        },
+
+        // =========================================================================
+        // COUNTER OVERVIEW
+        // =========================================================================
+        counterOverview: function () {
+            if($('.counter').length){
+                $('.counter').counterUp({
+                    delay: 10,
+                    time: 4000
+                });
+            }
+        },
+
+        // =========================================================================
+        // CALL MODAL FIRST
+        // =========================================================================
+        callModal1: function () {
+            if($('#modal-bootstrap-tour').length){
+                $('#modal-bootstrap-tour').modal(
+                    {
+                        show: true,
+                        backdrop: 'static',
+                        keyboard: false
+                    }
+                );
+            }
+        },
+
+        // =========================================================================
+        // CALL MODAL SECOND
+        // =========================================================================
+        callModal2: function () {
+            if($('#modal-bootstrap-tour-new-features').length){
+                $('#modal-bootstrap-tour-new-features').modal(
+                    {
+                        show: true,
+                        backdrop: 'static',
+                        keyboard: false
+                    }
+                );
+            }
+        },
+
+        // =========================================================================
+        // INITIALIZE THE TOUR
+        // =========================================================================
+        handleTour: function () {
+            // Instance the tour
+            var tour = new Tour({
+                name: "tour",
+                steps: [
+                    {
+                        element: "#tour-1",
+                        title: "Logo Website",
+                        content: "Drop your company logo on here with size width: 175px & height: 50px",
+                        placement: "bottom"
+                    },
+                    {
+                        element: "#tour-2",
+                        title: "Sidebar Navigation",
+                        content: "Click for change to sidebar default to sidebar minimize navigation.",
+                        placement: "bottom"
+                    },
+                    {
+                        element: "#tour-3",
+                        title: "Form Search",
+                        content: "Search engine powerfull with autocomplete plugin. Just sample type blankon on here.",
+                        placement: "bottom"
+                    },
+                    {
+                        element: "#tour-4",
+                        title: "Navbar Messages",
+                        content: "All messages shortcut can ben handle on here, plus with animation label for attention user.",
+                        placement: "bottom"
+                    },
+                    {
+                        element: "#tour-5",
+                        title: "Navbar Notifications",
+                        content: "All notifications shortcut can ben handle on here, plus with animation label for attention user.",
+                        placement: "bottom"
+                    },
+                    {
+                        element: "#tour-6",
+                        title: "Menu Profile",
+                        content: "Handle menu profile on here, just simple like this.",
+                        placement: "bottom"
+                    },
+                    {
+                        element: "#tour-7",
+                        title: "Sidebar Right Navigation",
+                        content: "Click for show sidebar right to content Blankon.",
+                        placement: "left"
+                    },
+                    {
+                        element: "#tour-8",
+                        title: "Sidebar Header Avatar",
+                        content: "Drop your amazing avatar on here",
+                        placement: "right"
+                    },
+                    {
+                        element: "#tour-9",
+                        title: "Sidebar Left Navigation",
+                        content: "Main menu on sidebar left",
+                        placement: "right"
+                    },
+                    {
+                        element: "#tour-10",
+                        title: "Sidebar Left Navigation",
+                        content: "Additional tools sidebar",
+                        placement: "top"
+                    },
+                    {
+                        element: "#tour-11",
+                        title: "Header Content",
+                        content: "Title, subtitle and breadcrumb can be handle on here",
+                        placement: "bottom"
+                    },
+                    {
+                        element: "#tour-12",
+                        title: "Page Content",
+                        content: "Create your overview system website on here",
+                        placement: "top"
+                    },
+                    {
+                        element: "#tour-13",
+                        title: "Page Content",
+                        content: "Handle all daily visitor on here",
+                        placement: "top"
+                    },
+                    {
+                        element: "#tour-14",
+                        title: "Page Content",
+                        content: "Widget weather with animation icons weather",
+                        placement: "left"
+                    },
+                    {
+                        element: "#tour-15",
+                        title: "Page Content",
+                        content: "Simple post your blog on here",
+                        placement: "left"
+                    },
+                    {
+                        element: "#tour-16",
+                        title: "Page Content",
+                        content: "Sample your list members",
+                        placement: "top"
+                    },
+                    {
+                        element: "#tour-17",
+                        title: "Page Content",
+                        content: "Mini additional overview social media on here",
+                        placement: "left"
+                    },
+                    {
+                        element: "#tour-18",
+                        title: "Page Content",
+                        content: "Just sample upload system your application",
+                        placement: "top"
+                    },
+                    {
+                        element: "#tour-19",
+                        title: "Footer Content",
+                        content: "Handle copyright application",
+                        placement: "top"
+                    },
+                    {
+                        element: "#tour-20",
+                        title: "Footer Content",
+                        content: "Additional style for handle storage system",
+                        placement: "top"
+                    }
+                ],
+                container: "body",
+                next: 0,
+                prev: 0,
+                keyboard: true,
+                storage: false,
+                debug: false,
+                backdrop: false,
+                backdropContainer: 'body',
+                backdropPadding: 0,
+                redirect: true,
+                orphan: false,
+                duration: false,
+                delay: false,
+                basePath: "",
+                template: "<div class='popover tour'>" +
+                "<div class='arrow'></div>" +
+                "<h3 class='popover-title'></h3>" +
+                "<div class='popover-content'></div>" +
+                "<div class='popover-navigation'>" +
+                "<button class='btn btn-primary btn-sm' data-role='prev'>« Prev</button>" +
+                "<span data-role='separator'></span>" +
+                "<button class='btn btn-primary btn-sm' data-role='next'>Next »</button>" +
+                "<span data-role='separator'></span>" +
+                "<button class='btn btn-danger btn-sm' data-role='end'>End tour</button>" +
+                "</div>" +
+                "</div>" +
+                "</div>",
+                afterGetState: function (key, value) {},
+                afterSetState: function (key, value) {},
+                afterRemoveState: function (key, value) {},
+                onStart: function (tour) {},
+                onEnd: function (tour) {
+                    $('#modal-bootstrap-tour-end').modal(
+                        {
+                            show: true
+                        }
+                    );
+                    $('#modal-bootstrap-tour-end').on('hide.bs.modal', function () {
+                        BlankonDashboard.sessionTimeout();
+                    });
+                },
+                onShow: function (tour) {},
+                onShown: function (tour) {},
+                onHide: function (tour) {},
+                onHidden: function (tour) {},
+                onNext: function (tour) {},
+                onPrev: function (tour) {},
+                onPause: function (tour, duration) {},
+                onResume: function (tour, duration) {},
+                onRedirectError: function (tour) {}
+            });
+
+            // Initialize the tour
+            tour.init();
+
+            // Start the tour
+            tour.start();
+        },
+
+        // =========================================================================
+        // WEATHER ICONS
+        // =========================================================================
+        weatherIcons: function () {
+            if($('.weather-current-city').length){
+                var icons = new Skycons({"color": "white"},{"resizeClear": true}),
+                    list  = [
+                        "clear-day", "clear-night", "partly-cloudy-day",
+                        "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
+                        "fog"
+                    ],
+                    i;
+
+                for(i = list.length; i--; )
+                    icons.set(list[i], list[i]);
+
+                icons.play();
+            }
+        },
+
+        // =========================================================================
+        // GRITTER NOTIFICATION
+        // =========================================================================
+        gritterNotification: function () {
+            // display marketing alert only once
+            if($('#wrapper').css('opacity')) {
+                if (!$.cookie('intro')) {
+
+                    // Gritter notification intro 1
+                    setTimeout(function () {
+                        var unique_id = $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Welcome to Blankon',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon is a theme fullpack admin template powered by Twitter bootstrap 3 front-end framework.',
+                            // (string | optional) the image to display on the left
+                            image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/contact.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: false,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+
+                        // You can have it return a unique id, this can be used to manually remove it later using
+                        setTimeout(function () {
+                            $.gritter.remove(unique_id, {
+                                fade: true,
+                                speed: 'slow'
+                            });
+                        }, 12000);
+                    }, 5000);
+
+                    // Gritter notification intro 2
+                    setTimeout(function () {
+                        $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Playing sounds',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon made for playing small sounds, will help you with this task. Please make your sound system is active',
+                            // (string | optional) the image to display on the left
+                            image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/sound.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: true,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+                    }, 8000);
+
+                    // Set cookie intro
+                    $.cookie('intro',1, {expires: 1});
+                }
+            }
+        },
+
+        // =========================================================================
+        // VISITOR CHART & SERVER STATUS
+        // =========================================================================
+        visitorChart: function () {
+            if($('#visitor-chart').length){
+                $.plot("#visitor-chart", [{
+                    label: "New Visitor",
+                    color: "rgba(0, 177, 225, 0.35)",
+                    data: [
+                        ["Jan", 450],
+                        ["Feb", 532],
+                        ["Mar", 367],
+                        ["Apr", 245],
+                        ["May", 674],
+                        ["Jun", 897],
+                        ["Jul", 745]
+                    ]
+                }, {
+                    label: "Old Visitor",
+                    color: "rgba(233, 87, 63, 0.36)",
+                    data: [
+                        ["Jan", 362],
+                        ["Feb", 452],
+                        ["Mar", 653],
+                        ["Apr", 756],
+                        ["May", 670],
+                        ["Jun", 352],
+                        ["Jul", 243]
+                    ]
+                }], {
+                    series: {
+                        lines: { show: false },
+                        splines: {
+                            show: true,
+                            tension: 0.4,
+                            lineWidth: 2,
+                            fill: 0.5
+                        },
+                        points: {
+                            show: true,
+                            radius: 4
+                        }
+                    },
+                    grid: {
+                        borderColor: "transparent",
+                        borderWidth: 0,
+                        hoverable: true,
+                        backgroundColor: "transparent"
+                    },
+                    tooltip: true,
+                    tooltipOpts: { content: "%x : %y" + " People" },
+                    xaxis: {
+                        tickColor: "transparent",
+                        mode: "categories"
+                    },
+                    yaxis: { tickColor: "transparent" },
+                    shadowSize: 0
+                });
+            }
+        },
+
+        // =========================================================================
+        // REAL TIME STATUS
+        // =========================================================================
+        realtimeStatusChart: function () {
+            if($('#realtime-status-chart').length){
+                var data = [], totalPoints = 50;
+
+                function getRandomData() {
+
+                    if (data.length > 0)
+                        data = data.slice(1);
+
+                    // Do a random walk
+                    while (data.length < totalPoints) {
+
+                        var prev = data.length > 0 ? data[data.length - 1] : 50,
+                            y = prev + Math.random() * 10 - 5;
+
+                        if (y < 0) {
+                            y = 0;
+                        } else if (y > 100) {
+                            y = 100;
+                        }
+                        data.push(y);
+                    }
+
+                    // Zip the generated y values with the x values
+                    var res = [];
+                    for (var i = 0; i < data.length; ++i) {
+                        res.push([i, data[i]])
+                    }
+                    return res;
+                }
+
+
+                // Set up the control widget
+                var updateInterval = 1000;
+
+                var plot4 = $.plot("#realtime-status-chart", [ getRandomData() ], {
+                    colors: ["#F6BB42"],
+                    series: {
+                        lines: {
+                            fill: true,
+                            lineWidth: 0
+                        },
+                        shadowSize: 0	// Drawing is faster without shadows
+                    },
+                    grid: {
+                        borderColor: '#ddd',
+                        borderWidth: 1,
+                        labelMargin: 10
+                    },
+                    xaxis: {
+                        color: '#eee'
+                    },
+                    yaxis: {
+                        min: 0,
+                        max: 100,
+                        color: '#eee'
+                    }
+                });
+
+                function update() {
+
+                    plot4.setData([getRandomData()]);
+
+                    // Since the axes don't change, we don't need to call plot.setupGrid()
+                    plot4.draw();
+                    setTimeout(update, updateInterval);
+                }
+
+                update();
+            }
+        },
+
+        // =========================================================================
+        // DEMO COUNT NUMBER
+        // =========================================================================
+        countNumber: function () {
+            $.fn.digits = function(){
+                return this.each(function(){
+                    $(this).text( $(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") );
+                })
+            };
+            function counter($selector){
+                $({countNum: $('.counter-' + $selector).text()}).animate({countNum: $('.counter-' + $selector).data('counter')}, {
+                    duration: 8000,
+                    easing:'linear',
+                    step: function() {
+                        $('.counter-' + $selector).text(Math.floor(this.countNum)).digits();
+                    },
+                    complete: function() {
+                        $('.counter-' + $selector).text(this.countNum).digits();
+                    }
+                });
+            }
+            // Check if wrapper design is opacity 1
+            if($('#wrapper').css('opacity')) {
+                counter('visit');
+                counter('unique');
+                counter('page');
+            }
+        },
+
+        // =========================================================================
+        // SESSION TIMEOUT
+        // =========================================================================
+        sessionTimeout: function () {
+            if($('.demo-dashboard-session').length){
+                $.sessionTimeout({
+                    title: 'JUST DEMO Your session is about to expire!',
+                    logoutButton: 'Logout',
+                    keepAliveButton: 'Stay Connected',
+                    countdownMessage: 'Your session will be redirecting in {timer} seconds.',
+                    countdownBar: true,
+                    keepAliveUrl: '#',
+                    logoutUrl: 'page-signin.html',
+                    redirUrl: 'page-lock-screen.html',
+                    ignoreUserActivity: true,
+                    warnAfter: 50000,
+                    redirAfter: 65000
+                });
+            }
+        },
+
+        // =========================================================================
+        // DROPZONE UPLOAD
+        // =========================================================================
+        dropzone: function () {
+            if($('#my-dropzone').length){
+                Dropzone.options.myDropzone = {
+                    init: function() {
+                        this.on("addedfile", function(file) {
+                            // Create the remove button
+                            var removeButton = Dropzone.createElement("<button class='btn btn-sm btn-block btn-danger'>Remove file</button>");
+
+                            // Capture the Dropzone instance as closure.
+                            var _this = this;
+
+                            // Listen to the click event
+                            removeButton.addEventListener("click", function(e) {
+                                // Make sure the button click doesn't submit the form:
+                                e.preventDefault();
+                                e.stopPropagation();
+
+                                // Remove the file preview.
+                                _this.removeFile(file);
+                                // If you want to the delete the file on the server as well,
+                                // you can do the AJAX request here.
+                            });
+
+                            // Add the button to the file preview element.
+                            file.previewElement.appendChild(removeButton);
+                        });
+                    }
+                }
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonDashboard.init();
diff --git a/vendor/javascripts/pages/blankon.dashboard.marketing.js b/vendor/javascripts/pages/blankon.dashboard.marketing.js
new file mode 100755
index 0000000..51efe96
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.dashboard.marketing.js
@@ -0,0 +1,755 @@
+var BlankonDashboardMarketing = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var globalPluginsPath = BlankonApp.handleBaseURL()+'/assets/global/plugins/bower_components';
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonDashboardMarketing.counterOverview();
+            BlankonDashboardMarketing.gritterNotification();
+            BlankonDashboardMarketing.sessionTimeout();
+            BlankonDashboardMarketing.dashboardDaterangepicker();
+            BlankonDashboardMarketing.marketingChart();
+            BlankonDashboardMarketing.mapContinents();
+            BlankonDashboardMarketing.chartShareOfSales();
+            BlankonDashboardMarketing.chartTopProducts();
+            BlankonDashboardMarketing.chartTopCustomers();
+            BlankonDashboardMarketing.shortcutOverview();
+            BlankonDashboardMarketing.overviewFacebookChart();
+            BlankonDashboardMarketing.overviewTwitterChart();
+            BlankonDashboardMarketing.overviewYoutubeChart();
+        },
+
+        // =========================================================================
+        // COUNTER OVERVIEW
+        // =========================================================================
+        counterOverview: function () {
+            if($('.counter').length){
+                $('.counter').counterUp({
+                    delay: 10,
+                    time: 4000
+                });
+            }
+        },
+
+        // =========================================================================
+        // GRITTER NOTIFICATION
+        // =========================================================================
+        gritterNotification: function () {
+            // display marketing alert only once
+            if($('#wrapper').css('opacity')) {
+                if (!$.cookie('intro')) {
+
+                    // Gritter notification intro 1
+                    setTimeout(function () {
+                        var unique_id = $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Welcome to Blankon',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon is a theme fullpack admin template powered by Twitter bootstrap 3 front-end framework.',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/contact.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: false,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+
+                        // You can have it return a unique id, this can be used to manually remove it later using
+                        setTimeout(function () {
+                            $.gritter.remove(unique_id, {
+                                fade: true,
+                                speed: 'slow'
+                            });
+                        }, 12000);
+                    }, 5000);
+
+                    // Gritter notification intro 2
+                    setTimeout(function () {
+                        $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Playing sounds',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon made for playing small sounds, will help you with this task. Please make your sound system is active',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/sound.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: true,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+                    }, 8000);
+
+                    // Set cookie intro
+                    $.cookie('intro',1, {expires: 1});
+                }
+            }
+        },
+
+        // =========================================================================
+        // SESSION TIMEOUT
+        // =========================================================================
+        sessionTimeout: function () {
+            if($('.demo-dashboard-session').length){
+                $.sessionTimeout({
+                    title: 'JUST DEMO Your session is about to expire!',
+                    logoutButton: 'Logout',
+                    keepAliveButton: 'Stay Connected',
+                    message: 'Your session will be locked in 2 minute',
+                    keepAliveUrl: '#',
+                    logoutUrl: 'page-signin.html',
+                    redirUrl: 'page-lock-screen.html',
+                    ignoreUserActivity: true,
+                    warnAfter: 120000,
+                    redirAfter: 240000
+                });
+            }
+        },
+
+        // =========================================================================
+        // DASHBOARD DATE RANGE PICKER
+        // =========================================================================
+        dashboardDaterangepicker: function () {
+            if (!jQuery().daterangepicker) {
+                return;
+            }
+
+            $('#dashboard-report-range').daterangepicker({
+                    opens: 'left',
+                    startDate: moment().subtract('days', 29),
+                    endDate: moment(),
+                    minDate: '01/01/2012',
+                    maxDate: '12/31/2020',
+                    dateLimit: {
+                        days: 60
+                    },
+                    showDropdowns: false,
+                    showWeekNumbers: true,
+                    timePicker: true,
+                    timePickerIncrement: 1,
+                    timePicker12Hour: true,
+                    ranges: {
+                        'Today': [moment(), moment()],
+                        'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
+                        'Last 7 Days': [moment().subtract('days', 6), moment()],
+                        'Last 30 Days': [moment().subtract('days', 29), moment()],
+                        'This Month': [moment().startOf('month'), moment().endOf('month')],
+                        'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
+                    },
+                    buttonClasses: ['btn btn-sm'],
+                    applyClass: 'btn-success',
+                    cancelClass: 'btn-default',
+                    format: 'MM/DD/YYYY',
+                    separator: ' to ',
+                    locale: {
+                        applyLabel: 'Apply',
+                        fromLabel: 'From',
+                        toLabel: 'To',
+                        customRangeLabel: 'Custom Range',
+                        daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+                        monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+                        firstDay: 1
+                    }
+                },
+                function (start, end) {
+                    $('#dashboard-report-range span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
+                }
+            );
+
+
+            $('#dashboard-report-range span').html(moment().subtract('days', 29).format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
+            $('#dashboard-report-range').show();
+        },
+
+        // =========================================================================
+        // MARKETING CHART
+        // =========================================================================
+        marketingChart: function () {
+            new Chartist.Bar('.ct-marketing-chart', {
+                labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+                series: [
+                    [5, 4, 3, 7, 5, 4, 3, 7, 3, 2, 4, 4],
+                    [3, 2, 9, 5, 3, 2, 9, 5, 7, 7, 2, 2],
+                    [1, 5, 8, 4, 1, 5, 8, 4, 2, 3, 6, 2],
+                    [2, 3, 4, 6, 1, 5, 8, 4, 2, 3, 5, 2]
+                ]
+            }, {
+                // Default mobile configuration
+                stackBars: true,
+                axisX: {
+                    labelInterpolationFnc: function(value) {
+                        return value.split(/\s+/).map(function(word) {
+                            return word[0];
+                        }).join('');
+                    }
+                },
+                axisY: {
+                    offset: 20
+                }
+            }, [
+                // Options override for media > 400px
+                ['screen and (min-width: 400px)', {
+                    reverseData: true,
+                    horizontalBars: true,
+                    axisX: {
+                        labelInterpolationFnc: Chartist.noop
+                    },
+                    axisY: {
+                        offset: 60
+                    }
+                }],
+                // Options override for media > 800px
+                ['screen and (min-width: 800px)', {
+                    stackBars: false,
+                    seriesBarDistance: 10
+                }],
+                // Options override for media > 1000px
+                ['screen and (min-width: 1000px)', {
+                    reverseData: false,
+                    horizontalBars: false,
+                    seriesBarDistance: 10
+                }]
+            ]);
+        },
+
+        // =========================================================================
+        // CONTINENTS MAP
+        // =========================================================================
+        mapContinents: function () {
+            if($('#continents').length){
+                // Optimalisation: Store the references outside the event handler:
+                var $window = $(window);
+                function checkWidth() {
+                    var windowsize = $window.width();
+                    // Check if view screen on greater then 720px and smaller then 1024px
+                    if (windowsize > 1024) {
+                        $('.map-continent').width(752);
+                    }
+                    if (windowsize < 800) {
+                        $('.map-continent').width(500);
+                    }
+                    if (windowsize < 500) {
+                        $('.map-continent').width(280);
+                    }
+                }
+                // Execute on load
+                checkWidth();
+                // Bind event listener
+                $(window).resize(checkWidth);
+
+                // Data Visualization
+                var max = 0,
+                    min = Number.MAX_VALUE,
+                    cc;
+
+                //find maximum and minimum values
+                for (cc in sample_data)
+                {
+                    if (parseFloat(sample_data[cc]) > max)
+                    {
+                        max = parseFloat(sample_data[cc]);
+                    }
+                    if (parseFloat(sample_data[cc]) < min)
+                    {
+                        min = parseFloat(sample_data[cc]);
+                    }
+                }
+
+                $('#asia-map').vectorMap({
+                    map: 'asia_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#81b71a', '#8CC152'],
+                    normalizeFunction: 'polynomial',
+                    onLabelShow: function(event, label, code)
+                    {
+                        console.log(code)
+                        label.html('<div class="map-tooltip"><h4 class="header" style="margin: 0 0 5px 0;">'+code.toUpperCase()+' : '+sample_data[code]+'</h4><p class="description" style="margin-bottom: 0;">Customer ID (Click for detail)</p></div>');
+                    },
+                    onRegionClick: function(element, code, region)
+                    {
+                        var message = region + ' ('+code.toUpperCase()+')'
+                            + ' which have total customers: '
+                            + sample_data[code] + ' People';
+
+                        alert(message);
+                    }
+                });
+                $('#europe-map').vectorMap({
+                    map: 'europe_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#E9573F', '#ba4a34'],
+                    normalizeFunction: 'polynomial',
+                    onLabelShow: function(event, label, code)
+                    {
+                        console.log(code)
+                        label.html('<div class="map-tooltip"><h4 class="header" style="margin: 0 0 5px 0;">'+code.toUpperCase()+' : '+sample_data[code]+'</h4><p class="description" style="margin-bottom: 0;">Customer ID (Click for detail)</p></div>');
+                    },
+                    onRegionClick: function(element, code, region)
+                    {
+                        var message = region + ' ('+code.toUpperCase()+')'
+                            + ' which have total customers: '
+                            + sample_data[code] + ' People';
+
+                        alert(message);
+                    }
+                });
+                $('#australia-map').vectorMap({
+                    map: 'australia_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#C8EEFF', '#006491'],
+                    normalizeFunction: 'polynomial',
+                    onLabelShow: function(event, label, code)
+                    {
+                        console.log(code)
+                        label.html('<div class="map-tooltip"><h4 class="header" style="margin: 0 0 5px 0;">'+code.toUpperCase()+' : '+sample_data[code]+'</h4><p class="description" style="margin-bottom: 0;">Customer ID (Click for detail)</p></div>');
+                    },
+                    onRegionClick: function(element, code, region)
+                    {
+                        var message = region + ' ('+code.toUpperCase()+')'
+                            + ' which have total customers: '
+                            + sample_data[code] + ' People';
+
+                        alert(message);
+                    }
+                });
+                $('#africa-map').vectorMap({
+                    map: 'africa_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#37BC9B', '#28846e'],
+                    normalizeFunction: 'polynomial',
+                    onLabelShow: function(event, label, code)
+                    {
+                        console.log(code)
+                        label.html('<div class="map-tooltip"><h4 class="header" style="margin: 0 0 5px 0;">'+code.toUpperCase()+' : '+sample_data[code]+'</h4><p class="description" style="margin-bottom: 0;">Customer ID (Click for detail)</p></div>');
+                    },
+                    onRegionClick: function(element, code, region)
+                    {
+                        var message = region + ' ('+code.toUpperCase()+')'
+                            + ' which have total customers: '
+                            + sample_data[code] + ' People';
+
+                        alert(message);
+                    }
+                });
+                $('#northamerica-map').vectorMap({
+                    map: 'north-america_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#906094', '#6e4972'],
+                    normalizeFunction: 'polynomial',
+                    onLabelShow: function(event, label, code)
+                    {
+                        console.log(code)
+                        label.html('<div class="map-tooltip"><h4 class="header" style="margin: 0 0 5px 0;">'+code.toUpperCase()+' : '+sample_data[code]+'</h4><p class="description" style="margin-bottom: 0;">Customer ID (Click for detail)</p></div>');
+                    },
+                    onRegionClick: function(element, code, region)
+                    {
+                        var message = region + ' ('+code.toUpperCase()+')'
+                            + ' which have total customers: '
+                            + sample_data[code] + ' People';
+
+                        alert(message);
+                    }
+                });
+                $('#southamerica-map').vectorMap({
+                    map: 'south-america_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#5577B4', '#455b8c'],
+                    normalizeFunction: 'polynomial',
+                    onLabelShow: function(event, label, code)
+                    {
+                        console.log(code)
+                        label.html('<div class="map-tooltip"><h4 class="header" style="margin: 0 0 5px 0;">'+code.toUpperCase()+' : '+sample_data[code]+'</h4><p class="description" style="margin-bottom: 0;">Customer ID (Click for detail)</p></div>');
+                    },
+                    onRegionClick: function(element, code, region)
+                    {
+                        var message = region + ' ('+code.toUpperCase()+')'
+                            + ' which have total customers: '
+                            + sample_data[code] + ' People';
+
+                        alert(message);
+                    }
+                });
+            }
+        },
+
+        // =========================================================================
+        // SHARE OF SALES
+        // =========================================================================
+        chartShareOfSales: function () {
+            var piedata = [
+                { label: "Computers", data: [[1,40]], color: '#37BC9B'},
+                { label: "Games", data: [[1,20]], color: '#8CC152'},
+                { label: "Cell Phones", data: [[1,50]], color: '#00B1E1'},
+                { label: "TV & Home Theaters", data: [[1,90]], color: '#E9573F'},
+                { label: "Cameras", data: [[1,80]], color: '#906094'}
+            ];
+
+            function labelFormatter(label, series) {
+                return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" + label + "<br/>" + Math.round(series.percent) + "%</div>";
+            }
+
+            $.plot('#chart-share-of-sales', piedata, {
+                series: {
+                    pie: {
+                        show: true,
+                        radius: 0.9,
+                        label: {
+                            show: true,
+                            radius: 2/3,
+                            formatter: labelFormatter,
+                            threshold: 0.1
+                        }
+                    }
+                },
+                grid: {
+                    hoverable: true,
+                    clickable: true
+                }
+            });
+        },
+
+        // =========================================================================
+        // TOP 5 PRODUCTS
+        // =========================================================================
+        chartTopProducts: function () {
+            var bardata = [ ["Iphone 7", 5], ["3D Glasses", 20], ["Laptop 21 Inch", 18], ["TV Flat", 8], ["MacBook Pro Retina", 13] ];
+
+            $.plot("#chart-top-products", [ bardata ], {
+                series: {
+                    lines: {
+                        lineWidth: 1
+                    },
+                    bars: {
+                        show: true,
+                        barWidth: 0.5,
+                        align: "center",
+                        lineWidth: 0,
+                        fillColor: "#81b71a"
+                    }
+                },
+                grid: {
+                    borderColor: '#ddd',
+                    borderWidth: 1,
+                    labelMargin: 10
+                },
+                xaxis: {
+                    mode: "categories",
+                    tickLength: 0
+                }
+            });
+        },
+
+        // =========================================================================
+        // TOP 5 CUSTOMERS
+        // =========================================================================
+        chartTopCustomers: function () {
+            var bardata = [ ["#432", 13], ["#23", 34], ["#789", 23], ["#6734", 8], ["#121", 11] ];
+
+            $.plot("#chart-top-customers", [ bardata ], {
+                series: {
+                    lines: {
+                        lineWidth: 1
+                    },
+                    bars: {
+                        show: true,
+                        barWidth: 0.5,
+                        align: "center",
+                        lineWidth: 0,
+                        fillColor: "#00B1E1"
+                    }
+                },
+                grid: {
+                    borderColor: '#ddd',
+                    borderWidth: 1,
+                    labelMargin: 10
+                },
+                xaxis: {
+                    mode: "categories",
+                    tickLength: 0
+                }
+            });
+        },
+
+        // =========================================================================
+        // SHORTCUT OVERVIEW
+        // =========================================================================
+        shortcutOverview: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#grid-container').cubeportfolio({
+                    layoutMode: 'grid',
+                    mediaQueries: [{
+                        width: 1500,
+                        cols: 5
+                    }, {
+                        width: 1100,
+                        cols: 4
+                    }, {
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 480,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    defaultFilter: '*',
+                    animationType: 'rotateSides',
+                    gapHorizontal: 10,
+                    gapVertical: 10,
+                    gridAdjustment: 'responsive',
+                    caption: 'zoom',
+                    displayType: 'sequentially',
+                    displayTypeSpeed: 100,
+
+                    // lightbox
+                    lightboxDelegate: '.cbp-lightbox',
+                    lightboxGallery: true,
+                    lightboxTitleSrc: 'data-title',
+                    lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
+
+                    // singlePageInline
+                    singlePageInlineDelegate: '.cbp-singlePageInline',
+                    singlePageInlinePosition: 'below',
+                    singlePageInlineInFocus: true,
+                    singlePageInlineCallback: function(url, element) {
+                        // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent)
+                        var t = this;
+
+                        $.ajax({
+                            url: url,
+                            type: 'GET',
+                            dataType: 'html',
+                            timeout: 10000
+                        })
+                            .done(function(result) {
+
+                                t.updateSinglePageInline(result);
+
+                            })
+                            .fail(function() {
+                                t.updateSinglePageInline('AJAX Error! Please refresh the page!');
+                            });
+                    },
+                });
+            })(jQuery, window, document);
+        },
+
+        // =========================================================================
+        // OVERVIEW FACEBOOK CHART
+        // =========================================================================
+        overviewFacebookChart: function () {
+            var chart = new Chartist.Line('.ct-widget-social-overview-facebook', {
+                labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+                series: [
+                    [20, 45, 57, 68, 89, 107, 120],
+                    [15, 30, 70, 80, 67, 78, 110]
+                ]
+            }, {
+                low: 0
+            });
+
+            // Let's put a sequence number aside so we can use it in the event callbacks
+            var seq = 0,
+                delays = 80,
+                durations = 500;
+
+            // Once the chart is fully created we reset the sequence
+            chart.on('created', function() {
+                seq = 0;
+            });
+
+            // On each drawn element by Chartist we use the Chartist.Svg API to trigger SMIL animations
+            chart.on('draw', function(data) {
+                seq++;
+
+                if(data.type === 'line') {
+                    // If the drawn element is a line we do a simple opacity fade in. This could also be achieved using CSS3 animations.
+                    data.element.animate({
+                        opacity: {
+                            // The delay when we like to start the animation
+                            begin: seq * delays + 1000,
+                            // Duration of the animation
+                            dur: durations,
+                            // The value where the animation should start
+                            from: 0,
+                            // The value where it should end
+                            to: 1
+                        }
+                    });
+                } else if(data.type === 'label' && data.axis === 'x') {
+                    data.element.animate({
+                        y: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.y + 100,
+                            to: data.y,
+                            // We can specify an easing function from Chartist.Svg.Easing
+                            easing: 'easeOutQuart'
+                        }
+                    });
+                } else if(data.type === 'label' && data.axis === 'y') {
+                    data.element.animate({
+                        x: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.x - 100,
+                            to: data.x,
+                            easing: 'easeOutQuart'
+                        }
+                    });
+                } else if(data.type === 'point') {
+                    data.element.animate({
+                        x1: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.x - 10,
+                            to: data.x,
+                            easing: 'easeOutQuart'
+                        },
+                        x2: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.x - 10,
+                            to: data.x,
+                            easing: 'easeOutQuart'
+                        },
+                        opacity: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: 0,
+                            to: 1,
+                            easing: 'easeOutQuart'
+                        }
+                    });
+                } else if(data.type === 'grid') {
+                    // Using data.axis we get x or y which we can use to construct our animation definition objects
+                    var pos1Animation = {
+                        begin: seq * delays,
+                        dur: durations,
+                        from: data[data.axis.units.pos + '1'] - 30,
+                        to: data[data.axis.units.pos + '1'],
+                        easing: 'easeOutQuart'
+                    };
+
+                    var pos2Animation = {
+                        begin: seq * delays,
+                        dur: durations,
+                        from: data[data.axis.units.pos + '2'] - 100,
+                        to: data[data.axis.units.pos + '2'],
+                        easing: 'easeOutQuart'
+                    };
+
+                    var animations = {};
+                    animations[data.axis.units.pos + '1'] = pos1Animation;
+                    animations[data.axis.units.pos + '2'] = pos2Animation;
+                    animations['opacity'] = {
+                        begin: seq * delays,
+                        dur: durations,
+                        from: 0,
+                        to: 1,
+                        easing: 'easeOutQuart'
+                    };
+
+                    data.element.animate(animations);
+                }
+            });
+
+            // For the sake of the example we update the chart every time it's created with a delay of 10 seconds
+            chart.on('created', function() {
+                if(window.__exampleAnimateTimeout) {
+                    clearTimeout(window.__exampleAnimateTimeout);
+                    window.__exampleAnimateTimeout = null;
+                }
+                window.__exampleAnimateTimeout = setTimeout(chart.update.bind(chart), 12000);
+            });
+        },
+
+        // =========================================================================
+        // OVERVIEW TWITTER CHART
+        // =========================================================================
+        overviewTwitterChart: function () {
+            new Chartist.Line('.ct-widget-social-overview-twitter', {
+                labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+                series: [
+                    [80, 110, 70, 90, 50, 40, 60]
+                ]
+            }, {
+                low: 0,
+                showArea: true
+            });
+        },
+
+        // =========================================================================
+        // OVERVIEW YOUTUBE CHART
+        // =========================================================================
+        overviewYoutubeChart: function () {
+            new Chartist.Line('.ct-widget-social-overview-youtube', {
+                labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+                series: [
+                    [20, 45, 57, 68, 89, 107, 120],
+                    [15, 30, 70, 80, 67, 78, 110]
+                ]
+            }, {
+                showArea: true,
+                showLine: false,
+                showPoint: false,
+                fullWidth: true,
+                axisX: {
+                    showLabel: true,
+                    showGrid: false
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonDashboardMarketing.init();
diff --git a/vendor/javascripts/pages/blankon.dashboard.material.js b/vendor/javascripts/pages/blankon.dashboard.material.js
new file mode 100755
index 0000000..50ac391
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.dashboard.material.js
@@ -0,0 +1,216 @@
+var BlankonDashboard = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonDashboard.counterOverview();
+            BlankonDashboard.weatherIcons();
+            BlankonDashboard.visitorChart();
+            BlankonDashboard.realtimeStatusChart();
+            BlankonDashboard.countNumber();
+        },
+
+        // =========================================================================
+        // COUNTER OVERVIEW
+        // =========================================================================
+        counterOverview: function () {
+            if($('.counter').length){
+                $('.counter').counterUp({
+                    delay: 10,
+                    time: 4000
+                });
+            }
+        },
+
+        // =========================================================================
+        // WEATHER ICONS
+        // =========================================================================
+        weatherIcons: function () {
+            var icons = new Skycons({"color": "white"},{"resizeClear": true}),
+                list  = [
+                    "clear-day", "clear-night", "partly-cloudy-day",
+                    "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
+                    "fog"
+                ],
+                i;
+
+            for(i = list.length; i--; )
+                icons.set(list[i], list[i]);
+
+            icons.play();
+        },
+
+        // =========================================================================
+        // VISITOR CHART & SERVER STATUS
+        // =========================================================================
+        visitorChart: function () {
+            if($('#visitor-chart').length){
+                $.plot("#visitor-chart", [{
+                    label: "New Visitor",
+                    color: "rgba(0, 177, 225, 0.35)",
+                    data: [
+                        ["Jan", 450],
+                        ["Feb", 532],
+                        ["Mar", 367],
+                        ["Apr", 245],
+                        ["May", 674],
+                        ["Jun", 897],
+                        ["Jul", 745]
+                    ]
+                }, {
+                    label: "Old Visitor",
+                    color: "rgba(233, 87, 63, 0.36)",
+                    data: [
+                        ["Jan", 362],
+                        ["Feb", 452],
+                        ["Mar", 653],
+                        ["Apr", 756],
+                        ["May", 670],
+                        ["Jun", 352],
+                        ["Jul", 243]
+                    ]
+                }], {
+                    series: {
+                        lines: { show: false },
+                        splines: {
+                            show: true,
+                            tension: 0.4,
+                            lineWidth: 2,
+                            fill: 0.5
+                        },
+                        points: {
+                            show: true,
+                            radius: 4
+                        }
+                    },
+                    grid: {
+                        borderColor: "transparent",
+                        borderWidth: 0,
+                        hoverable: true,
+                        backgroundColor: "transparent"
+                    },
+                    tooltip: true,
+                    tooltipOpts: { content: "%x : %y" + " People" },
+                    xaxis: {
+                        tickColor: "transparent",
+                        mode: "categories"
+                    },
+                    yaxis: { tickColor: "transparent" },
+                    shadowSize: 0
+                });
+            }
+        },
+
+        // =========================================================================
+        // REAL TIME STATUS
+        // =========================================================================
+        realtimeStatusChart: function () {
+            if($('#realtime-status-chart').length){
+                var data = [], totalPoints = 50;
+
+                function getRandomData() {
+
+                    if (data.length > 0)
+                        data = data.slice(1);
+
+                    // Do a random walk
+                    while (data.length < totalPoints) {
+
+                        var prev = data.length > 0 ? data[data.length - 1] : 50,
+                            y = prev + Math.random() * 10 - 5;
+
+                        if (y < 0) {
+                            y = 0;
+                        } else if (y > 100) {
+                            y = 100;
+                        }
+                        data.push(y);
+                    }
+
+                    // Zip the generated y values with the x values
+                    var res = [];
+                    for (var i = 0; i < data.length; ++i) {
+                        res.push([i, data[i]])
+                    }
+                    return res;
+                }
+
+
+                // Set up the control widget
+                var updateInterval = 1000;
+
+                var plot4 = $.plot("#realtime-status-chart", [ getRandomData() ], {
+                    colors: ["#F6BB42"],
+                    series: {
+                        lines: {
+                            fill: true,
+                            lineWidth: 0
+                        },
+                        shadowSize: 0	// Drawing is faster without shadows
+                    },
+                    grid: {
+                        borderColor: '#ddd',
+                        borderWidth: 1,
+                        labelMargin: 10
+                    },
+                    xaxis: {
+                        color: '#eee'
+                    },
+                    yaxis: {
+                        min: 0,
+                        max: 100,
+                        color: '#eee'
+                    }
+                });
+
+                function update() {
+
+                    plot4.setData([getRandomData()]);
+
+                    // Since the axes don't change, we don't need to call plot.setupGrid()
+                    plot4.draw();
+                    setTimeout(update, updateInterval);
+                }
+
+                update();
+            }
+        },
+
+        // =========================================================================
+        // DEMO COUNT NUMBER
+        // =========================================================================
+        countNumber: function () {
+            $.fn.digits = function(){
+                return this.each(function(){
+                    $(this).text( $(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") );
+                })
+            };
+            function counter($selector){
+                $({countNum: $('.counter-' + $selector).text()}).animate({countNum: $('.counter-' + $selector).data('counter')}, {
+                    duration: 8000,
+                    easing:'linear',
+                    step: function() {
+                        $('.counter-' + $selector).text(Math.floor(this.countNum)).digits();
+                    },
+                    complete: function() {
+                        $('.counter-' + $selector).text(this.countNum).digits();
+                    }
+                });
+            }
+            // Check if wrapper design is opacity 1
+            if($('#wrapper').css('opacity')) {
+                counter('visit');
+                counter('unique');
+                counter('page');
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonDashboard.init();
diff --git a/vendor/javascripts/pages/blankon.dashboard.projects.js b/vendor/javascripts/pages/blankon.dashboard.projects.js
new file mode 100755
index 0000000..c90bf9f
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.dashboard.projects.js
@@ -0,0 +1,242 @@
+var BlankonDashboardProjects = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var globalPluginsPath = BlankonApp.handleBaseURL()+'/assets/global/plugins/bower_components';
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonDashboardProjects.counterOverview();
+            BlankonDashboardProjects.gritterNotification();
+            BlankonDashboardProjects.sessionTimeout();
+            BlankonDashboardProjects.countNumber();
+            BlankonDashboardProjects.projectProgress();
+            BlankonDashboardProjects.projectSchedule();
+            BlankonDashboardProjects.topAssignChart();
+        },
+
+        // =========================================================================
+        // COUNTER OVERVIEW
+        // =========================================================================
+        counterOverview: function () {
+            if($('.counter').length){
+                $('.counter').counterUp({
+                    delay: 10,
+                    time: 4000
+                });
+            }
+        },
+
+        // =========================================================================
+        // GRITTER NOTIFICATION
+        // =========================================================================
+        gritterNotification: function () {
+            // display marketing alert only once
+            if($('#wrapper').css('opacity')) {
+                if (!$.cookie('intro')) {
+
+                    // Gritter notification intro 1
+                    setTimeout(function () {
+                        var unique_id = $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Welcome to Blankon',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon is a theme fullpack admin template powered by Twitter bootstrap 3 front-end framework.',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/contact.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: false,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+
+                        // You can have it return a unique id, this can be used to manually remove it later using
+                        setTimeout(function () {
+                            $.gritter.remove(unique_id, {
+                                fade: true,
+                                speed: 'slow'
+                            });
+                        }, 12000);
+                    }, 5000);
+
+                    // Gritter notification intro 2
+                    setTimeout(function () {
+                        $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Playing sounds',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon made for playing small sounds, will help you with this task. Please make your sound system is active',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/sound.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: true,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+                    }, 8000);
+
+                    // Set cookie intro
+                    $.cookie('intro',1, {expires: 1});
+                }
+            }
+        },
+
+        // =========================================================================
+        // SESSION TIMEOUT
+        // =========================================================================
+        sessionTimeout: function () {
+            if($('.demo-dashboard-session').length){
+                $.sessionTimeout({
+                    title: 'JUST DEMO Your session is about to expire!',
+                    logoutButton: 'Logout',
+                    keepAliveButton: 'Stay Connected',
+                    message: 'Your session will be locked in 2 minute',
+                    keepAliveUrl: '#',
+                    logoutUrl: 'page-signin.html',
+                    redirUrl: 'page-lock-screen.html',
+                    ignoreUserActivity: true,
+                    warnAfter: 120000,
+                    redirAfter: 240000
+                });
+            }
+        },
+
+        // =========================================================================
+        // DEMO COUNT NUMBER
+        // =========================================================================
+        countNumber: function () {
+            $('.count').each(function () {
+                $(this).prop('Counter',0).animate({
+                    Counter: $(this).text()
+                }, {
+                    duration: 7000,
+                    easing: 'swing',
+                    step: function (now) {
+                        $(this).text(Math.ceil(now));
+                    }
+                });
+            });
+        },
+
+        // =========================================================================
+        // PROGRESS PROJECT
+        // =========================================================================
+        projectProgress: function () {
+            $(window).resize(function() {
+                window.area.redraw();
+            });
+            function morrisArea(){
+                window.area = Morris.Area({
+                    element: 'project-progress',
+                    data: [
+                        { y: '2008', a: 20, b: 30 },
+                        { y: '2009', a: 40,  b: 50 },
+                        { y: '2010', a: 30,  b: 40 },
+                        { y: '2011', a: 50,  b: 60 },
+                        { y: '2012', a: 40,  b: 50 },
+                        { y: '2013', a: 60,  b: 70 },
+                        { y: '2014', a: 50, b: 60 }
+                    ],
+                    xkey: 'y',
+                    ykeys: ['a', 'b'],
+                    labels: ['Work Done', 'Work Times'],
+                    lineColors: ['#8CC152', '#00B1E1'],
+                    lineWidth: '2px',
+                    hideHover: true,
+                    resize: true
+                });
+            }
+            morrisArea();
+        },
+
+        // =========================================================================
+        // PROJECT SCHEDULE
+        // =========================================================================
+        projectSchedule: function () {
+            "use strict";
+
+            var options = {
+                events_source: globalPluginsPath+'/bootstrap-calendar/calendar-events-sample.json',
+                view: 'month',
+                tmpl_path: globalPluginsPath+'/bootstrap-calendar/tmpls/',
+                tmpl_cache: false,
+                day: '2013-03-12',
+                onAfterEventsLoad: function(events) {
+                    if(!events) {
+                        return;
+                    }
+                    var list = $('#eventlist');
+                    list.html('');
+
+                    $.each(events, function(key, val) {
+                        $(document.createElement('li'))
+                            .html('<a href="' + val.url + '"><i class="fa fa-calendar mr-10"></i> ' + val.title + '</a>')
+                            .appendTo(list);
+                    });
+                },
+                onAfterViewLoad: function(view) {
+                    $('.page-header h4').text(this.getTitle());
+                    $('button').removeClass('active');
+                    $('.calendar-menu-mobile ul li').removeClass('active');
+                    $('button[data-calendar-view="' + view + '"]').addClass('active');
+                    $('a[data-calendar-view="' + view + '"]').parent('li').addClass('active');
+                },
+                classes: {
+                    months: {
+                        general: 'label'
+                    }
+                }
+            };
+
+            var calendar = $('#calendar').calendar(options);
+
+            $('[data-calendar-nav]').each(function() {
+                var $this = $(this);
+                $this.click(function() {
+                    calendar.navigate($this.data('calendar-nav'));
+                });
+            });
+
+            $('[data-calendar-view]').each(function() {
+                var $this = $(this);
+                $this.click(function() {
+                    calendar.view($this.data('calendar-view'));
+                });
+            });
+
+            $('#language').change(function(){
+                calendar.setLanguage($(this).val());
+                calendar.view();
+            });
+
+            $('#events-in-modal').change(function(){
+                var val = $(this).is(':checked') ? $(this).val() : null;
+                calendar.setOptions({modal: val});
+            });
+            $('#events-modal .modal-header, #events-modal .modal-footer').click(function(e){
+                //e.preventDefault();
+                //e.stopPropagation();
+            });
+        },
+
+        // =========================================================================
+        // TOP ASSIGNEES
+        // =========================================================================
+        topAssignChart: function () {
+            $('.top-assign-chart').horizBarChart({
+                selector: '.bar',
+                speed: 3000
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonDashboardProjects.init();
diff --git a/vendor/javascripts/pages/blankon.dashboard.realestate.js b/vendor/javascripts/pages/blankon.dashboard.realestate.js
new file mode 100755
index 0000000..84e573d
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.dashboard.realestate.js
@@ -0,0 +1,170 @@
+var BlankonDashboardRealestate = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var globalImgPath = BlankonApp.handleBaseURL()+'/img',
+        globalDataPath = BlankonApp.handleBaseURL()+'/assets/admin/data';
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonDashboardRealestate.counterOverview();
+            BlankonDashboardRealestate.gritterNotification();
+            BlankonDashboardRealestate.sessionTimeout();
+            BlankonDashboardRealestate.salesPrice();
+            BlankonDashboardRealestate.monthInventory();
+        },
+
+        // =========================================================================
+        // COUNTER OVERVIEW
+        // =========================================================================
+        counterOverview: function () {
+            if($('.counter').length){
+                $('.counter').counterUp({
+                    delay: 10,
+                    time: 4000
+                });
+            }
+        },
+
+        // =========================================================================
+        // GRITTER NOTIFICATION
+        // =========================================================================
+        gritterNotification: function () {
+            // display marketing alert only once
+            if($('#wrapper').css('opacity')) {
+                if (!$.cookie('intro')) {
+
+                    // Gritter notification intro 1
+                    setTimeout(function () {
+                        var unique_id = $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Welcome to Blankon',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon is a theme fullpack admin template powered by Twitter bootstrap 3 front-end framework.',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/contact.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: false,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+
+                        // You can have it return a unique id, this can be used to manually remove it later using
+                        setTimeout(function () {
+                            $.gritter.remove(unique_id, {
+                                fade: true,
+                                speed: 'slow'
+                            });
+                        }, 12000);
+                    }, 5000);
+
+                    // Gritter notification intro 2
+                    setTimeout(function () {
+                        $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Playing sounds',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon made for playing small sounds, will help you with this task. Please make your sound system is active',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/sound.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: true,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+                    }, 8000);
+
+                    // Set cookie intro
+                    $.cookie('intro',1, {expires: 1});
+                }
+            }
+        },
+
+        // =========================================================================
+        // SESSION TIMEOUT
+        // =========================================================================
+        sessionTimeout: function () {
+            if($('.demo-dashboard-session').length){
+                $.sessionTimeout({
+                    title: 'JUST DEMO Your session is about to expire!',
+                    logoutButton: 'Logout',
+                    keepAliveButton: 'Stay Connected',
+                    message: 'Your session will be locked in 2 minute',
+                    keepAliveUrl: '#',
+                    logoutUrl: 'page-signin.html',
+                    redirUrl: 'page-lock-screen.html',
+                    ignoreUserActivity: true,
+                    warnAfter: 120000,
+                    redirAfter: 240000
+                });
+            }
+        },
+
+        // =========================================================================
+        // SALES PRICE
+        // =========================================================================
+        salesPrice: function () {
+            $('.sales-price .percentage').easyPieChart(
+                {
+                    lineWidth: 10,
+                    scaleColor: '#ffffff',
+                    barColor: '#8CC152',
+                    trackColor: '#E8E8E8'
+                }
+            );
+        },
+
+        // =========================================================================
+        // LINE CHART WITH TOOLTIPS
+        // =========================================================================
+        monthInventory: function () {
+            new Chartist.Line('.ct-month-inventory', {
+                labels: ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC'],
+                series: [
+                    {
+                        name: '<span style="margin-bottom: 10px;">'+'Month Inventory'+'</span>',
+                        data: [3, 4, 2, 6, 8, 10, 12, 9, 13, 15, 17, 19]
+                    }
+                ]
+            }, {
+                low: 0,
+                showArea: true
+            });
+
+            var $chart = $('.ct-month-inventory');
+
+            var $toolTip = $chart
+                .append('<div class="tooltips"></div>')
+                .find('.tooltips')
+                .hide();
+
+            $chart.on('mouseenter', '.ct-point', function() {
+                var $point = $(this),
+                    value = $point.attr('ct:value'),
+                    seriesName = $point.parent().attr('ct:series-name');
+                $toolTip.html(seriesName + '<br>' + value).show();
+            });
+
+            $chart.on('mouseleave', '.ct-point', function() {
+                $toolTip.hide();
+            });
+
+            $chart.on('mousemove', function(event) {
+                $toolTip.css({
+                    left: (event.offsetX || event.originalEvent.layerX) - $toolTip.width() / 2 - 10,
+                    top: (event.offsetY || event.originalEvent.layerY) - $toolTip.height() - 40
+                });
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonDashboardRealestate.init();
diff --git a/vendor/javascripts/pages/blankon.dashboard.retail.js b/vendor/javascripts/pages/blankon.dashboard.retail.js
new file mode 100755
index 0000000..07cd1c7
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.dashboard.retail.js
@@ -0,0 +1,397 @@
+var BlankonDashboardRetail = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var globalImgPath = BlankonApp.handleBaseURL()+'/img';
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonDashboardRetail.gritterNotification();
+            BlankonDashboardRetail.sessionTimeout();
+            BlankonDashboardRetail.counterOverview();
+            BlankonDashboardRetail.counterGender();
+            BlankonDashboardRetail.mapWorldVisualization();
+            BlankonDashboardRetail.mapWorldMarkers();
+            BlankonDashboardRetail.topProductChart();
+            BlankonDashboardRetail.topStoreChart();
+        },
+
+        // =========================================================================
+        // GRITTER NOTIFICATION
+        // =========================================================================
+        gritterNotification: function () {
+            // display marketing alert only once
+            if($('#wrapper').css('opacity')) {
+                if (!$.cookie('intro')) {
+
+                    // Gritter notification intro 1
+                    setTimeout(function () {
+                        var unique_id = $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Welcome to Blankon',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon is a theme fullpack admin template powered by Twitter bootstrap 3 front-end framework.',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/contact.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: false,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+
+                        // You can have it return a unique id, this can be used to manually remove it later using
+                        setTimeout(function () {
+                            $.gritter.remove(unique_id, {
+                                fade: true,
+                                speed: 'slow'
+                            });
+                        }, 12000);
+                    }, 5000);
+
+                    // Gritter notification intro 2
+                    setTimeout(function () {
+                        $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Playing sounds',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon made for playing small sounds, will help you with this task. Please make your sound system is active',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/sound.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: true,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+                    }, 8000);
+
+                    // Set cookie intro
+                    $.cookie('intro',1, {expires: 1});
+                }
+            }
+        },
+
+        // =========================================================================
+        // SESSION TIMEOUT
+        // =========================================================================
+        sessionTimeout: function () {
+            if($('.demo-dashboard-session').length){
+                $.sessionTimeout({
+                    title: 'JUST DEMO Your session is about to expire!',
+                    logoutButton: 'Logout',
+                    keepAliveButton: 'Stay Connected',
+                    message: 'Your session will be locked in 2 minute',
+                    keepAliveUrl: '#',
+                    logoutUrl: 'page-signin.html',
+                    redirUrl: 'page-lock-screen.html',
+                    ignoreUserActivity: true,
+                    warnAfter: 120000,
+                    redirAfter: 240000
+                });
+            }
+        },
+
+        // =========================================================================
+        // COUNTER OVERVIEW
+        // =========================================================================
+        counterOverview: function () {
+            $('.counter').counterUp({
+                delay: 10,
+                time: 4000
+            });
+        },
+
+        // =========================================================================
+        // COUNTER GENDER
+        // =========================================================================
+        counterGender: function () {
+            $('.easy-pie-chart .percentage').easyPieChart();
+        },
+
+        // =========================================================================
+        // WORLD MAP VISUALIZATION
+        // =========================================================================
+        mapWorldVisualization: function () {
+            var gdpData = {
+                "AF": 16.63,
+                "AL": 11.58,
+                "DZ": 158.97,
+                "AO": 85.81,
+                "AG": 1.1,
+                "AR": 351.02,
+                "AM": 8.83,
+                "AU": 1219.72,
+                "AT": 366.26,
+                "AZ": 52.17,
+                "BS": 7.54,
+                "BH": 21.73,
+                "BD": 105.4,
+                "BB": 3.96,
+                "BY": 52.89,
+                "BE": 461.33,
+                "BZ": 1.43,
+                "BJ": 6.49,
+                "BT": 1.4,
+                "BO": 19.18,
+                "BA": 16.2,
+                "BW": 12.5,
+                "BR": 2023.53,
+                "BN": 11.96,
+                "BG": 44.84,
+                "BF": 8.67,
+                "BI": 1.47,
+                "KH": 11.36,
+                "CM": 21.88,
+                "CA": 1563.66,
+                "CV": 1.57,
+                "CF": 2.11,
+                "TD": 7.59,
+                "CL": 199.18,
+                "CN": 5745.13,
+                "CO": 283.11,
+                "KM": 0.56,
+                "CD": 12.6,
+                "CG": 11.88,
+                "CR": 35.02,
+                "CI": 22.38,
+                "HR": 59.92,
+                "CY": 22.75,
+                "CZ": 195.23,
+                "DK": 304.56,
+                "DJ": 1.14,
+                "DM": 0.38,
+                "DO": 50.87,
+                "EC": 61.49,
+                "EG": 216.83,
+                "SV": 21.8,
+                "GQ": 14.55,
+                "ER": 2.25,
+                "EE": 19.22,
+                "ET": 30.94,
+                "FJ": 3.15,
+                "FI": 231.98,
+                "FR": 2555.44,
+                "GA": 12.56,
+                "GM": 1.04,
+                "GE": 11.23,
+                "DE": 3305.9,
+                "GH": 18.06,
+                "GR": 305.01,
+                "GD": 0.65,
+                "GT": 40.77,
+                "GN": 4.34,
+                "GW": 0.83,
+                "GY": 2.2,
+                "HT": 6.5,
+                "HN": 15.34,
+                "HK": 226.49,
+                "HU": 132.28,
+                "IS": 12.77,
+                "IN": 1430.02,
+                "ID": 695.06,
+                "IR": 337.9,
+                "IQ": 84.14,
+                "IE": 204.14,
+                "IL": 201.25,
+                "IT": 2036.69,
+                "JM": 13.74,
+                "JP": 5390.9,
+                "JO": 27.13,
+                "KZ": 129.76,
+                "KE": 32.42,
+                "KI": 0.15,
+                "KR": 986.26,
+                "UNDEFINED": 5.73,
+                "KW": 117.32,
+                "KG": 4.44,
+                "LA": 6.34,
+                "LV": 23.39,
+                "LB": 39.15,
+                "LS": 1.8,
+                "LR": 0.98,
+                "LY": 77.91,
+                "LT": 35.73,
+                "LU": 52.43,
+                "MK": 9.58,
+                "MG": 8.33,
+                "MW": 5.04,
+                "MY": 218.95,
+                "MV": 1.43,
+                "ML": 9.08,
+                "MT": 7.8,
+                "MR": 3.49,
+                "MU": 9.43,
+                "MX": 1004.04,
+                "MD": 5.36,
+                "MN": 5.81,
+                "ME": 3.88,
+                "MA": 91.7,
+                "MZ": 10.21,
+                "MM": 35.65,
+                "NA": 11.45,
+                "NP": 15.11,
+                "NL": 770.31,
+                "NZ": 138,
+                "NI": 6.38,
+                "NE": 5.6,
+                "NG": 206.66,
+                "NO": 413.51,
+                "OM": 53.78,
+                "PK": 174.79,
+                "PA": 27.2,
+                "PG": 8.81,
+                "PY": 17.17,
+                "PE": 153.55,
+                "PH": 189.06,
+                "PL": 438.88,
+                "PT": 223.7,
+                "QA": 126.52,
+                "RO": 158.39,
+                "RU": 1476.91,
+                "RW": 5.69,
+                "WS": 0.55,
+                "ST": 0.19,
+                "SA": 434.44,
+                "SN": 12.66,
+                "RS": 38.92,
+                "SC": 0.92,
+                "SL": 1.9,
+                "SG": 217.38,
+                "SK": 86.26,
+                "SI": 46.44,
+                "SB": 0.67,
+                "ZA": 354.41,
+                "ES": 1374.78,
+                "LK": 48.24,
+                "KN": 0.56,
+                "LC": 1,
+                "VC": 0.58,
+                "SD": 65.93,
+                "SR": 3.3,
+                "SZ": 3.17,
+                "SE": 444.59,
+                "CH": 522.44,
+                "SY": 59.63,
+                "TW": 426.98,
+                "TJ": 5.58,
+                "TZ": 22.43,
+                "TH": 312.61,
+                "TL": 0.62,
+                "TG": 3.07,
+                "TO": 0.3,
+                "TT": 21.2,
+                "TN": 43.86,
+                "TR": 729.05,
+                "TM": 0,
+                "UG": 17.12,
+                "UA": 136.56,
+                "AE": 239.65,
+                "GB": 2258.57,
+                "US": 14624.18,
+                "UY": 40.71,
+                "UZ": 37.72,
+                "VU": 0.72,
+                "VE": 285.21,
+                "VN": 101.99,
+                "YE": 30.02,
+                "ZM": 15.69,
+                "ZW": 5.57
+            };
+
+            $('#map-world-visualization').vectorMap({
+                map: 'world_mill_en',
+                series: {
+                    regions: [{
+                        values: gdpData,
+                        scale: ['#81B71A', '#457619'],
+                        normalizeFunction: 'polynomial'
+                    }]
+                },
+                onRegionTipShow: function(e, el, code){
+                    el.html(el.html()+' (GDP - $'+gdpData[code]+')');
+                }
+            });
+        },
+
+        // =========================================================================
+        // WORLD MAP MARKERS
+        // =========================================================================
+        mapWorldMarkers: function () {
+            $('a[href="#markers"]').on('shown.bs.tab', function () {
+                $('#map-world-markers').vectorMap({
+                    map: 'world_mill_en',
+                    scaleColors: ['#C8EEFF', '#0071A4'],
+                    normalizeFunction: 'polynomial',
+                    hoverOpacity: 0.7,
+                    hoverColor: false,
+                    markerStyle: {
+                        initial: {
+                            fill: '#81B71A',
+                            stroke: '#383f47'
+                        }
+                    },
+                    backgroundColor: '#383f47',
+                    markers: [
+                        {latLng: [41.90, 12.45], name: 'Vatican City'},
+                        {latLng: [43.73, 7.41], name: 'Monaco'},
+                        {latLng: [-0.52, 166.93], name: 'Nauru'},
+                        {latLng: [-8.51, 179.21], name: 'Tuvalu'},
+                        {latLng: [43.93, 12.46], name: 'San Marino'},
+                        {latLng: [47.14, 9.52], name: 'Liechtenstein'},
+                        {latLng: [7.11, 171.06], name: 'Marshall Islands'},
+                        {latLng: [17.3, -62.73], name: 'Saint Kitts and Nevis'},
+                        {latLng: [3.2, 73.22], name: 'Maldives'},
+                        {latLng: [35.88, 14.5], name: 'Malta'},
+                        {latLng: [12.05, -61.75], name: 'Grenada'},
+                        {latLng: [13.16, -61.23], name: 'Saint Vincent and the Grenadines'},
+                        {latLng: [13.16, -59.55], name: 'Barbados'},
+                        {latLng: [17.11, -61.85], name: 'Antigua and Barbuda'},
+                        {latLng: [-4.61, 55.45], name: 'Seychelles'},
+                        {latLng: [7.35, 134.46], name: 'Palau'},
+                        {latLng: [42.5, 1.51], name: 'Andorra'},
+                        {latLng: [14.01, -60.98], name: 'Saint Lucia'},
+                        {latLng: [6.91, 158.18], name: 'Federated States of Micronesia'},
+                        {latLng: [1.3, 103.8], name: 'Singapore'},
+                        {latLng: [1.46, 173.03], name: 'Kiribati'},
+                        {latLng: [-21.13, -175.2], name: 'Tonga'},
+                        {latLng: [15.3, -61.38], name: 'Dominica'},
+                        {latLng: [-20.2, 57.5], name: 'Mauritius'},
+                        {latLng: [26.02, 50.55], name: 'Bahrain'},
+                        {latLng: [0.33, 6.73], name: 'São Tomé and Príncipe'}
+                    ]
+                });
+            });
+        },
+
+        // =========================================================================
+        // TOP PRODUCT
+        // =========================================================================
+        topProductChart: function () {
+            $('.top-product-chart').horizBarChart({
+                selector: '.bar',
+                speed: 3000
+            });
+        },
+
+        // =========================================================================
+        // TOP STORES
+        // =========================================================================
+        topStoreChart: function () {
+            $('a[href="#tab-store"]').on('shown.bs.tab', function (e) {
+                $('.top-store-chart').horizBarChart({
+                    selector: '.bar',
+                    speed: 3000
+                });
+            })
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonDashboardRetail.init();
diff --git a/vendor/javascripts/pages/blankon.faq.js b/vendor/javascripts/pages/blankon.faq.js
new file mode 100755
index 0000000..8a74f09
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.faq.js
@@ -0,0 +1,85 @@
+(function($, window, document, undefined) {
+    'use strict';
+
+    var gridContainer = $('#grid-container'),
+        filtersContainer = $('#filters-container'),
+        wrap, filtersCallback;
+
+
+    /*********************************
+     init cubeportfolio
+     *********************************/
+    gridContainer.cubeportfolio({
+        defaultFilter: '*',
+        animationType: 'sequentially',
+        gridAdjustment: 'responsive',
+        displayType: 'default',
+        caption: 'expand',
+        mediaQueries: [{
+            width: 1,
+            cols: 1
+        }],
+        gapHorizontal: 0,
+        gapVertical: 50
+    });
+
+
+    /*********************************
+     add listener for filters
+     *********************************/
+    if (filtersContainer.hasClass('cbp-l-filters-dropdown')) {
+        wrap = filtersContainer.find('.cbp-l-filters-dropdownWrap');
+
+        wrap.on({
+            'mouseover.cbp': function() {
+                wrap.addClass('cbp-l-filters-dropdownWrap-open');
+            },
+            'mouseleave.cbp': function() {
+                wrap.removeClass('cbp-l-filters-dropdownWrap-open');
+            }
+        });
+
+        filtersCallback = function(me) {
+            wrap.find('.cbp-filter-item').removeClass('cbp-filter-item-active');
+            wrap.find('.cbp-l-filters-dropdownHeader').text(me.text());
+            me.addClass('cbp-filter-item-active');
+            wrap.trigger('mouseleave.cbp');
+        };
+    } else {
+        filtersCallback = function(me) {
+            me.addClass('cbp-filter-item-active').siblings().removeClass('cbp-filter-item-active');
+        };
+    }
+
+    filtersContainer.on('click.cbp', '.cbp-filter-item', function() {
+        var me = $(this);
+
+        if (me.hasClass('cbp-filter-item-active')) {
+            return;
+        }
+
+        // get cubeportfolio data and check if is still animating (reposition) the items.
+        if (!$.data(gridContainer[0], 'cubeportfolio').isAnimating) {
+            filtersCallback.call(null, me);
+        }
+
+        // filter the items
+        gridContainer.cubeportfolio('filter', me.data('filter'), function() {});
+    });
+
+    /*********************************
+     activate counter for filters
+     *********************************/
+    gridContainer.cubeportfolio('showCounter', filtersContainer.find('.cbp-filter-item'), function() {
+        // read from url and change filter active
+        var match = /#cbpf=(.*?)([#|?&]|$)/gi.exec(location.href),
+            item;
+        if (match !== null) {
+            item = filtersContainer.find('.cbp-filter-item').filter('[data-filter="' + match[1] + '"]');
+            if (item.length) {
+                filtersCallback.call(null, item);
+            }
+        }
+    });
+
+})(jQuery, window, document);
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.form.advanced.js b/vendor/javascripts/pages/blankon.form.advanced.js
new file mode 100755
index 0000000..b25c478
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.form.advanced.js
@@ -0,0 +1,69 @@
+var BlankonFormAdvanced = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonFormAdvanced.bootstrapSwitch();
+            BlankonFormAdvanced.inputMask();
+            BlankonFormAdvanced.dropzone();
+        },
+
+        // =========================================================================
+        // BOOTSTRAP SWITCH
+        // =========================================================================
+        bootstrapSwitch: function () {
+            if($('.switch').length){
+                $('.switch').bootstrapSwitch();
+            }
+        },
+
+        // =========================================================================
+        // JQUERY INPUTMASK
+        // =========================================================================
+        inputMask: function () {
+            if($('#input-mask').length){
+                $(":input").inputmask();
+            }
+        },
+
+        // =========================================================================
+        // DROPZONE UPLOAD
+        // =========================================================================
+        dropzone: function () {
+            Dropzone.options.myDropzone = {
+                init: function() {
+                    this.on("addedfile", function(file) {
+                        // Create the remove button
+                        var removeButton = Dropzone.createElement("<button class='btn btn-sm btn-block btn-danger'>Remove file</button>");
+
+                        // Capture the Dropzone instance as closure.
+                        var _this = this;
+
+                        // Listen to the click event
+                        removeButton.addEventListener("click", function(e) {
+                            // Make sure the button click doesn't submit the form:
+                            e.preventDefault();
+                            e.stopPropagation();
+
+                            // Remove the file preview.
+                            _this.removeFile(file);
+                            // If you want to the delete the file on the server as well,
+                            // you can do the AJAX request here.
+                        });
+
+                        // Add the button to the file preview element.
+                        file.previewElement.appendChild(removeButton);
+                    });
+                }
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonFormAdvanced.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.form.element.js b/vendor/javascripts/pages/blankon.form.element.js
new file mode 100755
index 0000000..56947d5
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.form.element.js
@@ -0,0 +1,55 @@
+var BlankonFormElement = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonFormElement.chosenSelect();
+            BlankonFormElement.textareaMaxlength();
+            BlankonFormElement.textareaAutosize();
+        },
+
+        // =========================================================================
+        // CHOSEN SELECT
+        // =========================================================================
+        chosenSelect: function () {
+            if($('.chosen-select').length){
+                $('.chosen-select').chosen();
+            }
+        },
+
+        // =========================================================================
+        // TEXTAREA MAXLENGTH
+        // =========================================================================
+        textareaMaxlength: function () {
+            if($('.character-limit').length){
+                $('.character-limit').maxlength({
+                    alwaysShow: true,
+                    threshold: 20,
+                    warningClass: "label label-success",
+                    limitReachedClass: "label label-danger",
+                    separator: ' of ',
+                    preText: 'You have ',
+                    postText: ' chars remaining.',
+                    placement: 'centered-right'
+                });
+            }
+        },
+
+        // =========================================================================
+        // TEXTAREA AUTOSIZE
+        // =========================================================================
+        textareaAutosize: function () {
+            if($('.autosize').length){
+                $('.autosize').autosize();
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonFormElement.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.form.layout.js b/vendor/javascripts/pages/blankon.form.layout.js
new file mode 100755
index 0000000..c982e38
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.form.layout.js
@@ -0,0 +1,26 @@
+var BlankonFormLayout = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonFormLayout.chosenSelect();
+        },
+
+        // =========================================================================
+        // CHOSEN SELECT
+        // =========================================================================
+        chosenSelect: function () {
+            if($('.chosen-select').length){
+                $('.chosen-select').chosen();
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonFormLayout.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.form.picker.js b/vendor/javascripts/pages/blankon.form.picker.js
new file mode 100755
index 0000000..f116944
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.form.picker.js
@@ -0,0 +1,292 @@
+var BlankonFormPicker = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonFormPicker.bootstrapDatepicker();
+            BlankonFormPicker.bootstrapColorpicker();
+            BlankonFormPicker.bootstrapDaterangepicker();
+            BlankonFormPicker.bootstrapDaterangepickerConfiguration();
+        },
+
+        // =========================================================================
+        // BOOTSTRAP DATEPICKER
+        // =========================================================================
+        bootstrapDatepicker: function () {
+            if($('#dp').length){
+
+                // Default datepicker (options)
+                $('#dp1').datepicker({
+                    format: 'mm-dd-yyyy',
+                    todayBtn: 'linked'
+                });
+
+                // Default datepicker (data tag)
+                $('#dp2').datepicker();
+                $('#btn2').click(function(e){
+                    e.stopPropagation();
+                    $('#dp2').datepicker('update', '03/17/12');
+                });
+
+                //Inline mode
+                $('#dp3').datepicker({
+                    todayBtn: 'linked'
+                });
+
+                $('#btn3').click(function(){
+                    $('#dp3').datepicker('update', '15-05-1984');
+                });
+            }
+        },
+
+        // =========================================================================
+        // BOOTSTRAP COLOR PICKER
+        // =========================================================================
+        bootstrapColorpicker: function () {
+
+            // Trigger colorpicker global
+            $('.color-picker').colorpicker();
+
+            // Transparent color support
+            $('.color-picker-transparent').colorpicker(
+                {
+                    format: 'rgba' // force this format
+                }
+            );
+
+            // Horizonal mode
+            $('.color-picker-horizontal').colorpicker({
+                format: 'rgba', // force this format
+                horizontal: true
+            });
+
+            // Bootstrap colors
+            $('.color-picker-bootstrap').colorpicker({
+                colorSelectors: {
+                    'default': '#777777',
+                    'primary': '#337ab7',
+                    'success': '#5cb85c',
+                    'info': '#5bc0de',
+                    'warning': '#f0ad4e',
+                    'danger': '#d9534f'
+                }
+            });
+
+            // Custom widget size
+            $('.color-picker-size').colorpicker({
+                customClass: 'colorpicker-2x',
+                sliders: {
+                    saturation: {
+                        maxLeft: 200,
+                        maxTop: 200
+                    },
+                    hue: {
+                        maxTop: 200
+                    },
+                    alpha: {
+                        maxTop: 200
+                    }
+                }
+            });
+
+            // Using events
+            var bodyStyle = $('.body-content')[0].style;
+            $('.colorpicker-event').colorpicker({
+                color: bodyStyle.backgroundColor
+            }).on('changeColor', function(ev) {
+                bodyStyle.backgroundColor = ev.color.toHex();
+            });
+        },
+
+        // =========================================================================
+        // BOOTSTRAP DATE RANGE PICKER
+        // =========================================================================
+        bootstrapDaterangepicker: function () {
+            // Global call trigger
+            $('.date-range-picker').daterangepicker();
+
+            // Date and Time
+            $('.date-range-picker-time').daterangepicker({
+                timePicker: true,
+                timePickerIncrement: 30,
+                locale: {
+                    format: 'MM/DD/YYYY h:mm A'
+                }
+            });
+
+            // Single Date Picker
+            $('.date-range-picker-single').daterangepicker({
+                    singleDatePicker: true,
+                    showDropdowns: true
+                },
+                function(start, end, label) {
+                    var years = moment().diff(start, 'years');
+                    alert("You are " + years + " years old.");
+                });
+
+            // Predefined Ranges
+            function cb(start, end) {
+                $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
+            }
+            cb(moment().subtract(29, 'days'), moment());
+
+            $('#reportrange').daterangepicker({
+                ranges: {
+                    'Today': [moment(), moment()],
+                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                    'This Month': [moment().startOf('month'), moment().endOf('month')],
+                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+                }
+            }, cb);
+        },
+
+        // =========================================================================
+        // BOOTSTRAP DATE RANGE PICKER CONFIGURATION
+        // =========================================================================
+        bootstrapDaterangepickerConfiguration: function () {
+            $('#config-text').keyup(function() {
+                eval($(this).val());
+            });
+
+            $('.configurator input, .configurator select').change(function() {
+                updateConfig();
+            });
+
+            $('.demo i').click(function() {
+                $(this).parent().find('input').click();
+            });
+
+            $('#startDate').daterangepicker({
+                singleDatePicker: true,
+                startDate: moment().subtract(6, 'days')
+            });
+
+            $('#endDate').daterangepicker({
+                singleDatePicker: true,
+                startDate: moment()
+            });
+
+            updateConfig();
+
+            function updateConfig() {
+                var options = {};
+
+                if ($('#singleDatePicker').is(':checked'))
+                    options.singleDatePicker = true;
+
+                if ($('#showDropdowns').is(':checked'))
+                    options.showDropdowns = true;
+
+                if ($('#showWeekNumbers').is(':checked'))
+                    options.showWeekNumbers = true;
+
+                if ($('#timePicker').is(':checked'))
+                    options.timePicker = true;
+
+                if ($('#timePicker24Hour').is(':checked'))
+                    options.timePicker24Hour = true;
+
+                if ($('#timePickerIncrement').val().length && $('#timePickerIncrement').val() != 1)
+                    options.timePickerIncrement = parseInt($('#timePickerIncrement').val(), 10);
+
+                if ($('#timePickerSeconds').is(':checked'))
+                    options.timePickerSeconds = true;
+
+                if ($('#autoApply').is(':checked'))
+                    options.autoApply = true;
+
+                if ($('#dateLimit').is(':checked'))
+                    options.dateLimit = { days: 7 };
+
+                if ($('#ranges').is(':checked')) {
+                    options.ranges = {
+                        'Today': [moment(), moment()],
+                        'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                        'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                        'This Month': [moment().startOf('month'), moment().endOf('month')],
+                        'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+                    };
+                }
+
+                if ($('#locale').is(':checked')) {
+                    options.locale = {
+                        format: 'MM/DD/YYYY',
+                        separator: ' - ',
+                        applyLabel: 'Apply',
+                        cancelLabel: 'Cancel',
+                        fromLabel: 'From',
+                        toLabel: 'To',
+                        customRangeLabel: 'Custom',
+                        daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr','Sa'],
+                        monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+                        firstDay: 1
+                    };
+                }
+
+                if (!$('#linkedCalendars').is(':checked'))
+                    options.linkedCalendars = false;
+
+                if (!$('#autoUpdateInput').is(':checked'))
+                    options.autoUpdateInput = false;
+
+                if ($('#parentEl').val().length)
+                    options.parentEl = $('#parentEl').val();
+
+                if ($('#startDate').val().length)
+                    options.startDate = $('#startDate').val();
+
+                if ($('#endDate').val().length)
+                    options.endDate = $('#endDate').val();
+
+                if ($('#minDate').val().length)
+                    options.minDate = $('#minDate').val();
+
+                if ($('#maxDate').val().length)
+                    options.maxDate = $('#maxDate').val();
+
+                if ($('#opens').val().length && $('#opens').val() != 'right')
+                    options.opens = $('#opens').val();
+
+                if ($('#drops').val().length && $('#drops').val() != 'down')
+                    options.drops = $('#drops').val();
+
+                if ($('#buttonClasses').val().length && $('#buttonClasses').val() != 'btn btn-sm')
+                    options.buttonClasses = $('#buttonClasses').val();
+
+                if ($('#applyClass').val().length && $('#applyClass').val() != 'btn-success')
+                    options.applyClass = $('#applyClass').val();
+
+                if ($('#cancelClass').val().length && $('#cancelClass').val() != 'btn-default')
+                    options.cancelClass = $('#cancelClass').val();
+
+                $('#config-text').val("$('#demo').daterangepicker(" + JSON.stringify(options, null, '    ') + ", function(start, end, label) {\n  console.log(\"New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')\");\n});");
+
+                $('#config-demo').daterangepicker(options, function(start, end, label) { console.log('New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')'); });
+
+            }
+
+            if ($(window).width() > 980) {
+                $('#sidebar').affix({
+                    offset: {
+                        top: 300,
+                        bottom: function () {
+                            return (this.bottom = $('.footer').outerHeight(true))
+                        }
+                    }
+                });
+            }
+            $('body').scrollspy({ target: '#nav-spy', offset: 20 });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonFormPicker.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.form.validation.js b/vendor/javascripts/pages/blankon.form.validation.js
new file mode 100755
index 0000000..a15ee9c
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.form.validation.js
@@ -0,0 +1,351 @@
+var BlankonFormValidation = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonFormValidation.jqueryValidation();
+        },
+
+        // =========================================================================
+        // JQUERY VALIDATION
+        // =========================================================================
+        jqueryValidation: function () {
+            if($('#basic-validate').length){
+
+                $.mockjax({
+                    url: 'users.action',
+                    response: function(settings) {
+                        var user = settings.data.bv_username,
+                            users = ["john", "peter", "bill", "jokowi"];
+                        this.responseText = "true";
+                        if ( $.inArray( user, users ) !== -1 ) {
+                            this.responseText = 'false';
+                        }
+                    },
+                    responseTime: 500
+                });
+
+                $('#basic-validate').validate({
+                    rules:{
+                        bv_required:{
+                            required:true
+                        },
+                        bv_email:{
+                            required:true,
+                            email: true
+                        },
+                        bv_date:{
+                            required:true,
+                            date: true
+                        },
+                        bv_url:{
+                            required:true,
+                            url: true
+                        },
+                        bv_username: {
+                            required: true,
+                            minlength: 2,
+                            remote: "users.action"
+                        }
+                    },
+                    messages: {
+                        bv_email: {
+                            remote: jQuery.validator.format("{0} is already in use")
+                        },
+                        bv_username: {
+                            remote: jQuery.validator.format("{0} is already in use")
+                        }
+                    },
+                    highlight:function(element) {
+                        $(element).parents('.form-group').addClass('has-error has-feedback');
+                    },
+                    unhighlight: function(element) {
+                        $(element).parents('.form-group').removeClass('has-error');
+                    },
+                    submitHandler: function() {
+                        alert("submitted!");
+                    }
+                });
+            }
+
+            if($('#number-validate').length){
+                $('#number-validate').validate({
+                    rules:{
+                        nv_number:{
+                            required:true,
+                            number:true
+                        },
+                        nv_min:{
+                            required: true,
+                            min:5
+                        },
+                        nv_max:{
+                            required:true,
+                            max:5
+                        }
+                    },
+                    highlight:function(element) {
+                        $(element).parents('.form-group').addClass('has-error has-feedback');
+                    },
+                    unhighlight: function(element) {
+                        $(element).parents('.form-group').removeClass('has-error');
+                    },
+                    submitHandler: function() {
+                        alert("submitted!");
+                    }
+                });
+            }
+
+            if($('#password-validate').length){
+                $('#password-validate').validate({
+                    rules:{
+                        pv_password:{
+                            required: true,
+                            minlength:5,
+                            maxlength:20
+                        },
+                        pv_password2:{
+                            required:true,
+                            minlength:5,
+                            maxlength:20,
+                            equalTo:"#pv_password"
+                        }
+                    },
+                    highlight:function(element) {
+                        $(element).parents('.form-group').addClass('has-error has-feedback');
+                    },
+                    unhighlight: function(element) {
+                        $(element).parents('.form-group').removeClass('has-error');
+                    },
+                    submitHandler: function() {
+                        alert("submitted!");
+                    }
+                });
+            }
+
+            if($('#checkbox-radio-validate').length){
+                $('#checkbox-radio-validate').validate({
+                    rules:{
+                        cr_gender:{
+                            required: true
+                        },
+                        cr_skill:{
+                            required:true,
+                            minlength: 2
+                        }
+                    },
+                    highlight:function(element) {
+                        $(element).parents('.form-group').addClass('has-error has-feedback');
+                    },
+                    unhighlight: function(element) {
+                        $(element).parents('.form-group').removeClass('has-error');
+                    },
+                    submitHandler: function() {
+                        alert("submitted!");
+                    }
+                });
+            }
+
+            if($('#select-validate').length){
+                $('#select-validate').validate({
+                    rules:{
+                        sv_skill_programming:{
+                            required: true
+                        },
+                        sv_position:{
+                            required: true
+                        }
+                    },
+                    highlight:function(element) {
+                        $(element).parents('.form-group').addClass('has-error has-feedback');
+                    },
+                    unhighlight: function(element) {
+                        $(element).parents('.form-group').removeClass('has-error');
+                    },
+                    submitHandler: function() {
+                        alert("submitted!");
+                    }
+                });
+            }
+
+            if($('#sample-validation-1').length){
+
+                $.mockjax({
+                    url: 'emails.action2',
+                    response: function(settings) {
+                        var email = settings.data.sv1_email,
+                            emails = ["jokowi@jk.co.id", "george@bush.gov", "bill@gates.com"];
+                        this.responseText = "true";
+                        if ( $.inArray( email, emails ) !== -1 ) {
+                            this.responseText = 'false';
+                        }
+                    },
+                    responseTime: 500
+                });
+
+                $.mockjax({
+                    url: 'users.action2',
+                    response: function(settings) {
+                        var user = settings.data.sv1_username,
+                            users = ["john", "peter", "bill", "jokowi"];
+                        this.responseText = "true";
+                        if ( $.inArray( user, users ) !== -1 ) {
+                            this.responseText = 'false';
+                        }
+                    },
+                    responseTime: 500
+                });
+
+                $("#sample-validation-1").validate({
+                    rules: {
+                        sv1_firstname: "required",
+                        sv1_lastname: "required",
+                        sv1_username: {
+                            required: true,
+                            minlength: 2,
+                            remote: "users.action2"
+                        },
+                        sv1_password: {
+                            required: true,
+                            minlength: 5
+                        },
+                        sv1_password_confirm: {
+                            required: true,
+                            minlength: 5,
+                            equalTo: "#password"
+                        },
+                        sv1_email: {
+                            required: true,
+                            email: true,
+                            remote: "emails.action2"
+                        },
+                        sv1_gender: "required",
+                        sv1_terms: "required"
+                    },
+                    messages: {
+                        sv1_firstname: "Enter your firstname",
+                        sv1_lastname: "Enter your lastname",
+                        sv1_username: {
+                            required: "Enter a username",
+                            minlength: jQuery.validator.format("Enter at least {0} characters"),
+                            remote: jQuery.validator.format("{0} is already in use")
+                        },
+                        sv1_password: {
+                            required: "Provide a password",
+                            rangelength: jQuery.validator.format("Enter at least {0} characters")
+                        },
+                        sv1_password_confirm: {
+                            required: "Repeat your password",
+                            minlength: jQuery.validator.format("Enter at least {0} characters"),
+                            equalTo: "Enter the same password as above"
+                        },
+                        sv1_email: {
+                            required: "Please enter a valid email address",
+                            minlength: "Please enter a valid email address",
+                            remote: jQuery.validator.format("{0} is already in use")
+                        },
+                        sv1_gender: "Choose your gender",
+                        sv1_terms: "Please check our terms of use again"
+                    },
+                    highlight:function(element) {
+                        $(element).parents('.form-group').addClass('has-error has-feedback');
+                    },
+                    unhighlight: function(element) {
+                        $(element).parents('.form-group').removeClass('has-error');
+                    },
+                    submitHandler: function() {
+                        alert("submitted!");
+                    }
+                });
+            }
+
+            if($('#sample-validation-2').length){
+                $("#sample-validation-2").validate({
+                    rules: {
+                        sv2_company_name: "required",
+                        sv2_firstname: "required",
+                        sv2_lastname: "required",
+                        sv2_city: "required",
+                        sv2_state: "required",
+                        sv2_phone: {
+                            required: true,
+                            number: true
+                        },
+                        sv2_email: {
+                            required: true,
+                            email: true,
+                            remote: "emails.action"
+                        },
+                        sv2_password: {
+                            required: true,
+                            minlength: 5
+                        },
+                        sv2_password_confirm: {
+                            required: true,
+                            minlength: 5,
+                            equalTo: "#sv2_password"
+                        },
+                        sv2_credit_card: {
+                            required: true,
+                            minlength: 1
+                        },
+                        sv2_credit_card_number: {
+                            required: true,
+                            number: true
+                        }
+                    },
+                    messages: {
+                        sv2_company_name: "Enter your company name",
+                        sv2_firstname: "Enter your firstname",
+                        sv2_lastname: "Enter your lastname",
+                        sv2_city: "Enter your city",
+                        sv2_state: "Enter your state",
+                        sv2_phone: "Enter your phone number",
+                        sv2_username: {
+                            required: "Enter a username",
+                            minlength: jQuery.validator.format("Enter at least {0} characters")
+                        },
+                        sv2_email: {
+                            required: "Please enter a valid email address",
+                            minlength: "Please enter a valid email address"
+                        },
+                        sv2_password: {
+                            required: "Provide a password",
+                            rangelength: jQuery.validator.format("Enter at least {0} characters")
+                        },
+                        sv2_password_confirm: {
+                            required: "Repeat your password",
+                            minlength: jQuery.validator.format("Enter at least {0} characters"),
+                            equalTo: "Enter the same password as above"
+                        },
+                        sv2_credit_card: {
+                            required: "Choose your credit card",
+                            minlength: jQuery.validator.format("Enter at least {0} credit card")
+                        },
+                        sv2_credit_card_number: {
+                            required: "Please enter credit card number",
+                            minlength: jQuery.validator.format("Enter at least {0} credit card")
+                        }
+                    },
+                    highlight:function(element) {
+                        $(element).parents('.form-group').addClass('has-error has-feedback');
+                    },
+                    unhighlight: function(element) {
+                        $(element).parents('.form-group').removeClass('has-error');
+                    },
+                    submitHandler: function() {
+                        alert("submitted!");
+                    }
+                });
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonFormValidation.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.form.wizard.js b/vendor/javascripts/pages/blankon.form.wizard.js
new file mode 100755
index 0000000..ee9de7f
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.form.wizard.js
@@ -0,0 +1,120 @@
+var BlankonFormWizard = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonFormWizard.twitterBootstrapWizard();
+        },
+
+        // =========================================================================
+        // TWITTER BOOTSTRAP WIZARD
+        // =========================================================================
+        twitterBootstrapWizard: function () {
+
+            if($('#basic-wizard-horizontal').length){
+                $('#basic-wizard-horizontal').bootstrapWizard();
+                $('#nextTab').click(function(){
+                    $('#navTab').find('.active').next().children().trigger('click');
+                });
+            }
+
+            if($('#basic-wizard-vertical').length){
+                $('#basic-wizard-vertical').bootstrapWizard();
+            }
+
+            if($('#progress-wizard').length){
+                $('#progress-wizard').bootstrapWizard({
+                    'nextSelector': '.next',
+                    'previousSelector': '.previous',
+                    onNext: function(tab, navigation, index) {
+                        var $total = navigation.find('li').length;
+                        var $current = index+1;
+                        var $percent = ($current/$total) * 100;
+                        jQuery('#progress-wizard').find('.progress-bar').css('width', $percent+'%');
+                    },
+                    onPrevious: function(tab, navigation, index) {
+                        var $total = navigation.find('li').length;
+                        var $current = index+1;
+                        var $percent = ($current/$total) * 100;
+                        jQuery('#progress-wizard').find('.progress-bar').css('width', $percent+'%');
+                    },
+                    onTabShow: function(tab, navigation, index) {
+                        var $total = navigation.find('li').length;
+                        var $current = index+1;
+                        var $percent = ($current/$total) * 100;
+                        jQuery('#progress-wizard').find('.progress-bar').css('width', $percent+'%');
+                    }
+                });
+            }
+
+            if($('#disabled-tab-wizard').length){
+                $('#disabled-tab-wizard').bootstrapWizard({onTabClick: function(tab, navigation, index) {
+                    alert('on tab click disabled');
+                    return false;
+                }});
+            }
+
+            if($('#validation-wizard').length){
+                var $validator = $("#form-wizard").validate({
+                    rules: {
+                        firstname: {
+                            required: true,
+                            minlength: 3
+                        },
+                        gender: {
+                            required: true
+                        },
+                        productid: {
+                            required: true
+                        },
+                        productname: {
+                            required: true
+                        },
+                        category: {
+                            required: true
+                        },
+                        creditcard: {
+                            required: true
+                        },
+                        creditcardnumber: {
+                            required: true,
+                            number: true
+                        }
+                    },
+                    highlight:function(element) {
+                        $(element).parents('.form-group').addClass('has-error has-feedback');
+                    },
+                    unhighlight: function(element) {
+                        $(element).parents('.form-group').removeClass('has-error');
+                    },
+                    submitHandler: function() {
+                        alert("submitted!");
+                    }
+                });
+                $('#validation-wizard').bootstrapWizard({
+                    'onNext': function(tab, navigation, index) {
+                        var $valid = $("#form-wizard").valid();
+                        if(!$valid) {
+                            $validator.focusInvalid();
+                        }
+                    },
+                    onTabClick: function(tab, navigation, index) {
+                        var $valid = $("#form-wizard").valid();
+                        if(!$valid) {
+                            $validator.focusInvalid();
+                            return false;
+                        }
+                    }
+                });
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonFormWizard.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.form.wysiwyg.js b/vendor/javascripts/pages/blankon.form.wysiwyg.js
new file mode 100755
index 0000000..3d0664e
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.form.wysiwyg.js
@@ -0,0 +1,36 @@
+var BlankonFormWysiwyg = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonFormWysiwyg.bootstrapWYSIHTML5();
+            BlankonFormWysiwyg.summernote();
+        },
+
+        // =========================================================================
+        // BOOTSTRAP WYSIHTML5
+        // =========================================================================
+        bootstrapWYSIHTML5: function () {
+            if($('#wysihtml5-textarea').length){
+                $('#wysihtml5-textarea').wysihtml5();
+            }
+        },
+
+        // =========================================================================
+        // SUMMERNOTE
+        // =========================================================================
+        summernote: function () {
+            if($('#summernote-textarea').length){
+                $('#summernote-textarea').summernote();
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonFormWysiwyg.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.form.xeditable.js b/vendor/javascripts/pages/blankon.form.xeditable.js
new file mode 100755
index 0000000..093aafc
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.form.xeditable.js
@@ -0,0 +1,358 @@
+var BlankonFormXeditable = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonFormXeditable.demoAjax();
+            BlankonFormXeditable.additionalXeditable();
+            BlankonFormXeditable.username();
+            BlankonFormXeditable.firstname();
+            BlankonFormXeditable.sex();
+            BlankonFormXeditable.status();
+            BlankonFormXeditable.group();
+            BlankonFormXeditable.vacation();
+            BlankonFormXeditable.dob();
+            BlankonFormXeditable.event();
+            BlankonFormXeditable.meetingStart();
+            BlankonFormXeditable.comment();
+            BlankonFormXeditable.note();
+            BlankonFormXeditable.pencil();
+            BlankonFormXeditable.state1();
+            BlankonFormXeditable.state2();
+            BlankonFormXeditable.fruits();
+            BlankonFormXeditable.tags();
+            BlankonFormXeditable.country();
+            BlankonFormXeditable.address();
+        },
+
+        // =========================================================================
+        // DEMO AJAX USING MOCKJAX.JS
+        // =========================================================================
+        demoAjax: function () {
+            $.mockjaxSettings.responseTime = 500;
+
+            $.mockjax({
+                url: '/post',
+                response: function(settings) {
+                    log(settings, this);
+                }
+            });
+
+            $.mockjax({
+                url: '/error',
+                status: 400,
+                statusText: 'Bad Request',
+                response: function(settings) {
+                    this.responseText = 'Please input correct value';
+                    log(settings, this);
+                }
+            });
+
+            $.mockjax({
+                url: '/status',
+                status: 500,
+                response: function(settings) {
+                    this.responseText = 'Internal Server Error';
+                    log(settings, this);
+                }
+            });
+
+            $.mockjax({
+                url: '/groups',
+                response: function(settings) {
+                    this.responseText = [
+                        {value: 0, text: 'Guest'},
+                        {value: 1, text: 'Service'},
+                        {value: 2, text: 'Customer'},
+                        {value: 3, text: 'Operator'},
+                        {value: 4, text: 'Support'},
+                        {value: 5, text: 'Admin'}
+                    ];
+                    log(settings, this);
+                }
+            });
+
+            function log(settings, response) {
+                var s = [], str;
+                s.push(settings.type.toUpperCase() + ' url = "' + settings.url + '"');
+                for(var a in settings.data) {
+                    if(settings.data[a] && typeof settings.data[a] === 'object') {
+                        str = [];
+                        for(var j in settings.data[a]) {str.push(j+': "'+settings.data[a][j]+'"');}
+                        str = '{ '+str.join(', ')+' }';
+                    } else {
+                        str = '"'+settings.data[a]+'"';
+                    }
+                    s.push(a + ' = ' + str);
+                }
+                s.push('RESPONSE: status = ' + response.status);
+
+                if(response.responseText) {
+                    if($.isArray(response.responseText)) {
+                        s.push('[');
+                        $.each(response.responseText, function(i, v){
+                            s.push('{value: ' + v.value+', text: "'+v.text+'"}');
+                        });
+                        s.push(']');
+                    } else {
+                        s.push($.trim(response.responseText));
+                    }
+                }
+                s.push('--------------------------------------\n');
+                $('#console').val(s.join('\n') + $('#console').val());
+            }
+        },
+
+        // =========================================================================
+        // ADDITIONAL X-EDITABLE
+        // =========================================================================
+        additionalXeditable: function () {
+            // Defaults
+            $.fn.editable.defaults.url = '/post';
+            // Enable or Disable
+            $('#enable').click(function() {
+                $('#user .editable').editable('toggleDisabled');
+            });
+        },
+
+        // =========================================================================
+        // USERNAME EDITABLE
+        // =========================================================================
+        username: function () {
+            $('#username').editable({
+                url: '/post',
+                type: 'text',
+                pk: 1,
+                name: 'username',
+                title: 'Enter username'
+            });
+        },
+
+        // =========================================================================
+        // FIRSTNAME EDITABLE
+        // =========================================================================
+        firstname: function () {
+            $('#firstname').editable({
+                validate: function(value) {
+                    if($.trim(value) == '') return 'This field is required';
+                }
+            });
+        },
+
+        // =========================================================================
+        // SEX EDITABLE
+        // =========================================================================
+        sex: function () {
+            $('#sex').editable({
+                prepend: "not selected",
+                source: [
+                    {value: 1, text: 'Male'},
+                    {value: 2, text: 'Female'}
+                ],
+                display: function(value, sourceData) {
+                    var colors = {"": "gray", 1: "green", 2: "blue"},
+                        elem = $.grep(sourceData, function(o){return o.value == value;});
+
+                    if(elem.length) {
+                        $(this).text(elem[0].text).css("color", colors[value]);
+                    } else {
+                        $(this).empty();
+                    }
+                }
+            });
+        },
+
+        // =========================================================================
+        // STATUS EDITABLE
+        // =========================================================================
+        status: function () {
+            $('#status').editable();
+        },
+
+        // =========================================================================
+        // GROUP EDITABLE
+        // =========================================================================
+        group: function () {
+            $('#group').editable({
+                showbuttons: false
+            });
+        },
+
+        // =========================================================================
+        // VACATION EDITABLE
+        // =========================================================================
+        vacation: function () {
+            $('#vacation').editable({
+                datepicker: {
+                    todayBtn: 'linked'
+                }
+            });
+        },
+
+        // =========================================================================
+        // DOB EDITABLE
+        // =========================================================================
+        dob: function () {
+            $('#dob').editable();
+        },
+
+        // =========================================================================
+        // EVENT EDITABLE
+        // =========================================================================
+        event: function () {
+            $('#event').editable({
+                placement: 'right',
+                combodate: {
+                    firstItem: 'name'
+                }
+            });
+        },
+
+        // =========================================================================
+        // MEETING START EDITABLE
+        // =========================================================================
+        meetingStart: function () {
+            $('#meeting_start').editable({
+                format: 'yyyy-mm-dd hh:ii',
+                viewformat: 'dd/mm/yyyy hh:ii',
+                validate: function(v) {
+                    if(v && v.getDate() == 10) return 'Day cant be 10!';
+                },
+                datetimepicker: {
+                    todayBtn: 'linked',
+                    weekStart: 1
+                }
+            });
+        },
+
+        // =========================================================================
+        // COMMENT EDITABLE
+        // =========================================================================
+        comment: function () {
+            $('#comments').editable({
+                showbuttons: 'bottom'
+            });
+        },
+
+        // =========================================================================
+        // NOTE EDITABLE
+        // =========================================================================
+        note: function () {
+            $('#note').editable();
+        },
+
+        // =========================================================================
+        // PENCIL EDITABLE
+        // =========================================================================
+        pencil: function () {
+            $('#pencil').click(function(e) {
+                e.stopPropagation();
+                e.preventDefault();
+                $('#note').editable('toggle');
+            });
+        },
+
+        // =========================================================================
+        // STATE 1 EDITABLE
+        // =========================================================================
+        state1: function () {
+            $('#state').editable({
+                source: ["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]
+            });
+        },
+
+        // =========================================================================
+        // STATE 2 EDITABLE
+        // =========================================================================
+        state2: function () {
+            $('#state2').editable({
+                value: 'California',
+                typeahead: {
+                    name: 'state',
+                    local: ["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]
+                }
+            });
+        },
+
+        // =========================================================================
+        // FRUITS EDITABLE
+        // =========================================================================
+        fruits: function () {
+            $('#fruits').editable({
+                pk: 1,
+                limit: 3,
+                source: [
+                    {value: 1, text: 'banana'},
+                    {value: 2, text: 'peach'},
+                    {value: 3, text: 'apple'},
+                    {value: 4, text: 'watermelon'},
+                    {value: 5, text: 'orange'}
+                ]
+            });
+        },
+
+        // =========================================================================
+        // TAGS EDITABLE
+        // =========================================================================
+        tags: function () {
+            $('#tags').editable({
+                inputclass: 'input-large',
+                select2: {
+                    tags: ['html', 'javascript', 'css', 'ajax'],
+                    tokenSeparators: [",", " "]
+                }
+            });
+        },
+
+        // =========================================================================
+        // COUNTRY EDITABLE
+        // =========================================================================
+        country: function () {
+            var countries = [];
+            $.each({"BD": "Bangladesh", "BE": "Belgium", "BF": "Burkina Faso", "BG": "Bulgaria", "BA": "Bosnia and Herzegovina", "BB": "Barbados", "WF": "Wallis and Futuna", "BL": "Saint Bartelemey", "BM": "Bermuda", "BN": "Brunei Darussalam", "BO": "Bolivia", "BH": "Bahrain", "BI": "Burundi", "BJ": "Benin", "BT": "Bhutan", "JM": "Jamaica", "BV": "Bouvet Island", "BW": "Botswana", "WS": "Samoa", "BR": "Brazil", "BS": "Bahamas", "JE": "Jersey", "BY": "Belarus", "O1": "Other Country", "LV": "Latvia", "RW": "Rwanda", "RS": "Serbia", "TL": "Timor-Leste", "RE": "Reunion", "LU": "Luxembourg", "TJ": "Tajikistan", "RO": "Romania", "PG": "Papua New Guinea", "GW": "Guinea-Bissau", "GU": "Guam", "GT": "Guatemala", "GS": "South Georgia and the South Sandwich Islands", "GR": "Greece", "GQ": "Equatorial Guinea", "GP": "Guadeloupe", "JP": "Japan", "GY": "Guyana", "GG": "Guernsey", "GF": "French Guiana", "GE": "Georgia", "GD": "Grenada", "GB": "United Kingdom", "GA": "Gabon", "SV": "El Salvador", "GN": "Guinea", "GM": "Gambia", "GL": "Greenland", "GI": "Gibraltar", "GH": "Ghana", "OM": "Oman", "TN": "Tunisia", "JO": "Jordan", "HR": "Croatia", "HT": "Haiti", "HU": "Hungary", "HK": "Hong Kong", "HN": "Honduras", "HM": "Heard Island and McDonald Islands", "VE": "Venezuela", "PR": "Puerto Rico", "PS": "Palestinian Territory", "PW": "Palau", "PT": "Portugal", "SJ": "Svalbard and Jan Mayen", "PY": "Paraguay", "IQ": "Iraq", "PA": "Panama", "PF": "French Polynesia", "BZ": "Belize", "PE": "Peru", "PK": "Pakistan", "PH": "Philippines", "PN": "Pitcairn", "TM": "Turkmenistan", "PL": "Poland", "PM": "Saint Pierre and Miquelon", "ZM": "Zambia", "EH": "Western Sahara", "RU": "Russian Federation", "EE": "Estonia", "EG": "Egypt", "TK": "Tokelau", "ZA": "South Africa", "EC": "Ecuador", "IT": "Italy", "VN": "Vietnam", "SB": "Solomon Islands", "EU": "Europe", "ET": "Ethiopia", "SO": "Somalia", "ZW": "Zimbabwe", "SA": "Saudi Arabia", "ES": "Spain", "ER": "Eritrea", "ME": "Montenegro", "MD": "Moldova, Republic of", "MG": "Madagascar", "MF": "Saint Martin", "MA": "Morocco", "MC": "Monaco", "UZ": "Uzbekistan", "MM": "Myanmar", "ML": "Mali", "MO": "Macao", "MN": "Mongolia", "MH": "Marshall Islands", "MK": "Macedonia", "MU": "Mauritius", "MT": "Malta", "MW": "Malawi", "MV": "Maldives", "MQ": "Martinique", "MP": "Northern Mariana Islands", "MS": "Montserrat", "MR": "Mauritania", "IM": "Isle of Man", "UG": "Uganda", "TZ": "Tanzania, United Republic of", "MY": "Malaysia", "MX": "Mexico", "IL": "Israel", "FR": "France", "IO": "British Indian Ocean Territory", "FX": "France, Metropolitan", "SH": "Saint Helena", "FI": "Finland", "FJ": "Fiji", "FK": "Falkland Islands (Malvinas)", "FM": "Micronesia, Federated States of", "FO": "Faroe Islands", "NI": "Nicaragua", "NL": "Netherlands", "NO": "Norway", "NA": "Namibia", "VU": "Vanuatu", "NC": "New Caledonia", "NE": "Niger", "NF": "Norfolk Island", "NG": "Nigeria", "NZ": "New Zealand", "NP": "Nepal", "NR": "Nauru", "NU": "Niue", "CK": "Cook Islands", "CI": "Cote d'Ivoire", "CH": "Switzerland", "CO": "Colombia", "CN": "China", "CM": "Cameroon", "CL": "Chile", "CC": "Cocos (Keeling) Islands", "CA": "Canada", "CG": "Congo", "CF": "Central African Republic", "CD": "Congo, The Democratic Republic of the", "CZ": "Czech Republic", "CY": "Cyprus", "CX": "Christmas Island", "CR": "Costa Rica", "CV": "Cape Verde", "CU": "Cuba", "SZ": "Swaziland", "SY": "Syrian Arab Republic", "KG": "Kyrgyzstan", "KE": "Kenya", "SR": "Suriname", "KI": "Kiribati", "KH": "Cambodia", "KN": "Saint Kitts and Nevis", "KM": "Comoros", "ST": "Sao Tome and Principe", "SK": "Slovakia", "KR": "Korea, Republic of", "SI": "Slovenia", "KP": "Korea, Democratic People's Republic of", "KW": "Kuwait", "SN": "Senegal", "SM": "San Marino", "SL": "Sierra Leone", "SC": "Seychelles", "KZ": "Kazakhstan", "KY": "Cayman Islands", "SG": "Singapore", "SE": "Sweden", "SD": "Sudan", "DO": "Dominican Republic", "DM": "Dominica", "DJ": "Djibouti", "DK": "Denmark", "VG": "Virgin Islands, British", "DE": "Germany", "YE": "Yemen", "DZ": "Algeria", "US": "United States", "UY": "Uruguay", "YT": "Mayotte", "UM": "United States Minor Outlying Islands", "LB": "Lebanon", "LC": "Saint Lucia", "LA": "Lao People's Democratic Republic", "TV": "Tuvalu", "TW": "Taiwan", "TT": "Trinidad and Tobago", "TR": "Turkey", "LK": "Sri Lanka", "LI": "Liechtenstein", "A1": "Anonymous Proxy", "TO": "Tonga", "LT": "Lithuania", "A2": "Satellite Provider", "LR": "Liberia", "LS": "Lesotho", "TH": "Thailand", "TF": "French Southern Territories", "TG": "Togo", "TD": "Chad", "TC": "Turks and Caicos Islands", "LY": "Libyan Arab Jamahiriya", "VA": "Holy See (Vatican City State)", "VC": "Saint Vincent and the Grenadines", "AE": "United Arab Emirates", "AD": "Andorra", "AG": "Antigua and Barbuda", "AF": "Afghanistan", "AI": "Anguilla", "VI": "Virgin Islands, U.S.", "IS": "Iceland", "IR": "Iran, Islamic Republic of", "AM": "Armenia", "AL": "Albania", "AO": "Angola", "AN": "Netherlands Antilles", "AQ": "Antarctica", "AP": "Asia/Pacific Region", "AS": "American Samoa", "AR": "Argentina", "AU": "Australia", "AT": "Austria", "AW": "Aruba", "IN": "India", "AX": "Aland Islands", "AZ": "Azerbaijan", "IE": "Ireland", "ID": "Indonesia", "UA": "Ukraine", "QA": "Qatar", "MZ": "Mozambique"}, function(k, v) {
+                countries.push({id: k, text: v});
+            });
+            $('#country').editable({
+                source: countries,
+                select2: {
+                    width: 200,
+                    placeholder: 'Select country',
+                    allowClear: true
+                }
+            });
+        },
+
+        // =========================================================================
+        // ADDRESS EDITABLE
+        // =========================================================================
+        address: function () {
+            $('#address').editable({
+                url: '/post',
+                value: {
+                    city: "Moscow",
+                    street: "Lenina",
+                    building: "12"
+                },
+                validate: function(value) {
+                    if(value.city == '') return 'city is required!';
+                },
+                display: function(value) {
+                    if(!value) {
+                        $(this).empty();
+                        return;
+                    }
+                    var html = '<b>' + $('<div>').text(value.city).html() + '</b>, ' + $('<div>').text(value.street).html() + ' st., bld. ' + $('<div>').text(value.building).html();
+                    $(this).html(html);
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonFormXeditable.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.frontend.themes.js b/vendor/javascripts/pages/blankon.frontend.themes.js
new file mode 100755
index 0000000..bef7fd0
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.frontend.themes.js
@@ -0,0 +1,90 @@
+var BlankonFrontendThemes3 = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonFrontendThemes3.handleSortingFiltering();
+        },
+
+        // =========================================================================
+        // SORTING & FILTERING
+        // =========================================================================
+        handleSortingFiltering: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#js-grid-lightbox-showcase-slider-revolution').cubeportfolio({
+                    filters: '#js-filters-lightbox-slider-revolution',
+                    loadMore: '#js-loadMore-lightbox-slider-revolution',
+                    loadMoreAction: 'click',
+                    layoutMode: 'grid',
+                    mediaQueries: [{
+                        width: 1500,
+                        cols: 5
+                    }, {
+                        width: 1100,
+                        cols: 4
+                    }, {
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 480,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    defaultFilter: '*',
+                    animationType: 'rotateSides',
+                    gapHorizontal: 10,
+                    gapVertical: 10,
+                    gridAdjustment: 'responsive',
+                    caption: 'zoom',
+                    displayType: 'sequentially',
+                    displayTypeSpeed: 100,
+
+                    // lightbox
+                    lightboxDelegate: '.cbp-lightbox',
+                    lightboxGallery: true,
+                    lightboxTitleSrc: 'data-title',
+                    lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
+
+                    // singlePageInline
+                    singlePageInlineDelegate: '.cbp-singlePageInline',
+                    singlePageInlinePosition: 'below',
+                    singlePageInlineInFocus: true,
+                    singlePageInlineCallback: function(url, element) {
+                        // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent)
+                        var t = this;
+
+                        $.ajax({
+                            url: url,
+                            type: 'GET',
+                            dataType: 'html',
+                            timeout: 10000
+                        })
+                            .done(function(result) {
+
+                                t.updateSinglePageInline(result);
+
+                                // Call tooltips
+                                BlankonApp.handleTooltip();
+                            })
+                            .fail(function() {
+                                t.updateSinglePageInline('AJAX Error! Please refresh the page!');
+                            });
+                    }
+                });
+            })(jQuery, window, document);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonFrontendThemes3.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.gallery.js b/vendor/javascripts/pages/blankon.gallery.js
new file mode 100755
index 0000000..25d41ec
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.gallery.js
@@ -0,0 +1,38 @@
+var BlankonGallery = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonGallery.mixitup();
+        },
+
+        // =========================================================================
+        // MIXITUP
+        // =========================================================================
+        mixitup : function () {
+            $('#gallery').mixItUp({
+                animation: {
+                    animateResizeContainer: false,
+                    duration: 400,
+                    effects: 'fade translateZ(-360px) stagger(34ms)',
+                    easing: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)'
+                }
+            });
+            setTimeout(function () {
+                $('#gallery').mixItUp('setOptions', {
+                    animation: {
+                        easing: 'ease'
+                    }
+                });
+            }, 1000)
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonGallery.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.gallery.type2.js b/vendor/javascripts/pages/blankon.gallery.type2.js
new file mode 100755
index 0000000..700734d
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.gallery.type2.js
@@ -0,0 +1,88 @@
+var BlankonGalleryType2 = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonGalleryType2.CubeportfolioGallery();
+        },
+
+        // =========================================================================
+        // CUBEPORTFOLIO GALLERY
+        // =========================================================================
+        CubeportfolioGallery: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#js-grid-lightbox-gallery').cubeportfolio({
+                    filters: '#js-filters-lightbox-gallery1, #js-filters-lightbox-gallery2',
+                    loadMore: '#js-loadMore-lightbox-gallery',
+                    loadMoreAction: 'click',
+                    layoutMode: 'grid',
+                    mediaQueries: [{
+                        width: 1500,
+                        cols: 5
+                    }, {
+                        width: 1100,
+                        cols: 4
+                    }, {
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 480,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    defaultFilter: '*',
+                    animationType: 'rotateSides',
+                    gapHorizontal: 10,
+                    gapVertical: 10,
+                    gridAdjustment: 'responsive',
+                    caption: 'zoom',
+                    displayType: 'sequentially',
+                    displayTypeSpeed: 100,
+
+                    // lightbox
+                    lightboxDelegate: '.cbp-lightbox',
+                    lightboxGallery: true,
+                    lightboxTitleSrc: 'data-title',
+                    lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
+
+                    // singlePageInline
+                    singlePageInlineDelegate: '.cbp-singlePageInline',
+                    singlePageInlinePosition: 'below',
+                    singlePageInlineInFocus: true,
+                    singlePageInlineCallback: function(url, element) {
+                        // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent)
+                        var t = this;
+
+                        $.ajax({
+                            url: url,
+                            type: 'GET',
+                            dataType: 'html',
+                            timeout: 10000
+                        })
+                            .done(function(result) {
+
+                                t.updateSinglePageInline(result);
+
+                            })
+                            .fail(function() {
+                                t.updateSinglePageInline('AJAX Error! Please refresh the page!');
+                            });
+                    },
+                });
+            })(jQuery, window, document);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonGalleryType2.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.gallery.type3.js b/vendor/javascripts/pages/blankon.gallery.type3.js
new file mode 100755
index 0000000..cd0ba18
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.gallery.type3.js
@@ -0,0 +1,65 @@
+var BlankonGalleryType3 = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonGalleryType3.CubeportfolioGallery();
+        },
+
+        // =========================================================================
+        // CUBEPORTFOLIO GALLERY
+        // =========================================================================
+        CubeportfolioGallery: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#js-grid-mosaic-flat').cubeportfolio({
+                    filters: '#js-filters-mosaic-flat',
+                    loadMore: '#js-loadMore-mosaic-flat',
+                    loadMoreAction: 'click',
+                    layoutMode: 'mosaic',
+                    sortToPreventGaps: true,
+                    mediaQueries: [{
+                        width: 1500,
+                        cols: 6
+                    }, {
+                        width: 1100,
+                        cols: 4
+                    }, {
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 480,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    defaultFilter: '*',
+                    animationType: 'fadeOutTop',
+                    gapHorizontal: 0,
+                    gapVertical: 0,
+                    gridAdjustment: 'responsive',
+                    caption: 'fadeIn',
+                    displayType: 'fadeIn',
+                    displayTypeSpeed: 100,
+
+                    // lightbox
+                    lightboxDelegate: '.cbp-lightbox',
+                    lightboxGallery: true,
+                    lightboxTitleSrc: 'data-title',
+                    lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
+                });
+            })(jQuery, window, document);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonGalleryType3.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.gallery.type4.js b/vendor/javascripts/pages/blankon.gallery.type4.js
new file mode 100755
index 0000000..a5b7dae
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.gallery.type4.js
@@ -0,0 +1,62 @@
+var BlankonGalleryType4 = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonGalleryType4.CubeportfolioGallery();
+        },
+
+        // =========================================================================
+        // CUBEPORTFOLIO GALLERY
+        // =========================================================================
+        CubeportfolioGallery: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#js-grid-masonry').cubeportfolio({
+                    filters: '#js-filters-masonry',
+                    layoutMode: 'grid',
+                    defaultFilter: '*',
+                    animationType: 'slideDelay',
+                    gapHorizontal: 20,
+                    gapVertical: 20,
+                    gridAdjustment: 'responsive',
+                    mediaQueries: [{
+                        width: 1500,
+                        cols: 5
+                    }, {
+                        width: 1100,
+                        cols: 4
+                    }, {
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 480,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    caption: 'overlayBottomAlong',
+                    displayType: 'bottomToTop',
+                    displayTypeSpeed: 100,
+
+                    // lightbox
+                    lightboxDelegate: '.cbp-lightbox',
+                    lightboxGallery: true,
+                    lightboxTitleSrc: 'data-title',
+                    lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
+                });
+            })(jQuery, window, document);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonGalleryType4.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.layout.js b/vendor/javascripts/pages/blankon.layout.js
new file mode 100755
index 0000000..dc4a74a
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.layout.js
@@ -0,0 +1,7 @@
+$(document).ready(function(){
+    $.removeCookie('layout_setting');
+    $.removeCookie('header_layout_setting');
+    $.removeCookie('sidebar_layout_setting');
+    $.removeCookie('sidebar_type_setting');
+    $.removeCookie('footer_layout_setting');
+});
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.mail.js b/vendor/javascripts/pages/blankon.mail.js
new file mode 100755
index 0000000..b695de9
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.mail.js
@@ -0,0 +1,77 @@
+var BlankonMail = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMail.checkGroup();
+            BlankonMail.checkAction();
+            BlankonMail.starAction();
+            BlankonMail.readMail();
+            BlankonMail.bootstrapWYSIHTML5();
+        },
+
+        // =========================================================================
+        // CHECK GROUP
+        // =========================================================================
+        checkGroup: function () {
+            $('.mail-group-checkbox').click(function () {
+                $('.mail-checkbox').prop('checked', $(this).is(":checked"));
+            });
+        },
+
+        // =========================================================================
+        // CHECK LIST
+        // =========================================================================
+        checkAction: function () {
+            $('.ckbox input').click(function(){
+                var list = $(this);
+                if(list.is(':checked')){
+                    list.closest('tr').addClass('selected');
+                } else {
+                    list.closest('tr').removeClass('selected');
+                }
+            });
+        },
+
+        // =========================================================================
+        // STAR
+        // =========================================================================
+        starAction: function () {
+            $('.star').click(function(){
+                if(!$(this).hasClass('star-checked')) {
+                    $(this).addClass('star-checked');
+                }
+                else
+                    $(this).removeClass('star-checked');
+                return false;
+            });
+        },
+
+        // =========================================================================
+        // READ MAIL
+        // =========================================================================
+        readMail: function () {
+            $('.table-email .media').click(function(){
+                location.href="mail-view.html";
+            });
+        },
+
+        // =========================================================================
+        // BOOTSTRAP WYSIHTML5
+        // =========================================================================
+        bootstrapWYSIHTML5: function () {
+            if($('#compose-editor').length){
+                $('#compose-editor').wysihtml5({});
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMail.init();
+
diff --git a/vendor/javascripts/pages/blankon.maps.google.js b/vendor/javascripts/pages/blankon.maps.google.js
new file mode 100755
index 0000000..1cb7ad7
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.maps.google.js
@@ -0,0 +1,339 @@
+var BlankonGoogleMap = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonGoogleMap.mapStreetViewMarker();
+            BlankonGoogleMap.mapMarker();
+            BlankonGoogleMap.mapMultipleMarker();
+            BlankonGoogleMap.mapAddress();
+            BlankonGoogleMap.mapTag();
+            BlankonGoogleMap.mapCircle();
+            BlankonGoogleMap.mapElevation();
+            BlankonGoogleMap.mapInfoWindow();
+            BlankonGoogleMap.mapTraffic();
+            BlankonGoogleMap.mapPanel();
+        },
+
+        // =========================================================================
+        // STREET VIEW MARKER
+        // =========================================================================
+        mapStreetViewMarker: function () {
+            if($('#map-street-view-marker').length){
+                $('#map-street-view-marker').gmap3({
+                    map:{
+                        options:{
+                            zoom: 18,
+                            center: new google.maps.LatLng(40.729884, -73.990988)
+                        }
+                    }
+                });
+                var map = $('#map-street-view-marker').gmap3('get'),
+                    panorama = map.getStreetView();
+                panorama.setPosition(map.getCenter());
+                panorama.setPov({
+                    heading: 265,
+                    zoom:1,
+                    pitch:0
+                });
+                panorama.setVisible(true);
+            }
+        },
+
+        // =========================================================================
+        // WITH MARKER
+        // =========================================================================
+        mapMarker: function () {
+            if($('#map-marker').length){
+                $('#map-marker').gmap3({
+                    marker:{
+                        latLng:[29.132318972825445,81.32052349999992]
+                    }
+                });
+            }
+        },
+
+        // =========================================================================
+        // MULTIPLE MARKER
+        // =========================================================================
+        mapMultipleMarker: function () {
+            if($('#map-multiple-marker').length){
+                $('#map-multiple-marker').gmap3({
+                    map:{
+                        options:{
+                            center:[46.578498,2.457275],
+                            zoom: 5
+                        }
+                    },
+                    marker:{
+                        values:[
+                            {latLng:[48.8620722, 2.352047], data:"Paris !"},
+                            {address:"86000 Poitiers, France", data:"Poitiers : great city !"},
+                            {address:"66000 Perpignan, France", data:"Perpignan ! GO USAP !", options:{icon: "http://maps.google.com/mapfiles/marker_green.png"}}
+                        ],
+                        options:{
+                            draggable: false
+                        },
+                        events:{
+                            mouseover: function(marker, event, context){
+                                var map = $(this).gmap3("get"),
+                                    infowindow = $(this).gmap3({get:{name:"infowindow"}});
+                                if (infowindow){
+                                    infowindow.open(map, marker);
+                                    infowindow.setContent(context.data);
+                                } else {
+                                    $(this).gmap3({
+                                        infowindow:{
+                                            anchor:marker,
+                                            options:{content: context.data}
+                                        }
+                                    });
+                                }
+                            },
+                            mouseout: function(){
+                                var infowindow = $(this).gmap3({get:{name:"infowindow"}});
+                                if (infowindow){
+                                    infowindow.close();
+                                }
+                            }
+                        }
+                    }
+                });
+            }
+        },
+
+        // =========================================================================
+        // ADDRESS MAP
+        // =========================================================================
+        mapAddress: function () {
+            if($('#map-address').length){
+                $('#map-address').gmap3({
+                    marker:{
+                        address: "Haltern am See, Weseler Str. 151"
+                    },
+                    map:{
+                        options:{
+                            zoom: 14
+                        }
+                    }
+                });
+            }
+        },
+
+        // =========================================================================
+        // TAG MAP
+        // =========================================================================
+        mapTag: function () {
+            if($('#map-tag').length){
+                var colors = "black brown green purple yellow grey orange white".split(" "),
+                    letters = "A B C D E F".split(" ");
+
+                $("#map-tag").gmap3({
+                    map:{
+                        options:{
+                            zoom: 2,
+                            mapTypeId: google.maps.MapTypeId.TERRAIN
+                        },
+                        onces: {
+                            bounds_changed: function(){
+                                var $this = $(this),
+                                    bounds = $this.gmap3("get").getBounds(),
+                                    southWest = bounds.getSouthWest(),
+                                    northEast = bounds.getNorthEast(),
+                                    lngSpan = northEast.lng() - southWest.lng(),
+                                    latSpan = northEast.lat() - southWest.lat(),
+                                    i, color, letter;
+                                for (i = 0; i < 50; i++) {
+                                    letter = letters[Math.floor(Math.random() * letters.length)];
+                                    color = colors[Math.floor(Math.random() * colors.length)];
+
+                                    $this.gmap3({
+                                        marker:{
+                                            latLng:[southWest.lat() + latSpan * Math.random(), southWest.lng() + lngSpan * Math.random()],
+                                            options:{
+                                                icon: "http://maps.google.com/mapfiles/marker_"+color+letter+".png"
+                                            },
+                                            tag:[color, letter]
+                                        }
+                                    });
+                                }
+                            }
+                        }
+                    }
+                });
+
+                setTimeout(function(){
+                    $("#test").gmap3({
+                        clear:{
+                            name:"marker",
+                            tag: ["black", "brown", "green", "purple", "A", "B", "C"],
+                            all: true
+                        }
+                    });
+                }, 3000);
+            }
+        },
+
+        // =========================================================================
+        // CIRCLE MAP
+        // =========================================================================
+        mapCircle: function () {
+            if($('#map-circle').length){
+                $('#map-circle').gmap3({
+                    circle:{
+                        options:{
+                            center: [37.772323, -122.214897],
+                            radius : 250,
+                            fillColor : "#008BB2",
+                            strokeColor : "#005BB7"
+                        },
+                        events:{
+                            click: function(circle){
+                                circle.setOptions({
+                                    fillColor : "#FFAF9F",
+                                    strokeColor : "#FF512F"
+                                });
+                            }
+                        },
+                        callback: function(){
+                            $(this).gmap3('get').setZoom(15);
+                        }
+                    }
+                });
+            }
+        },
+
+        // =========================================================================
+        // ELEVATION MAP
+        // =========================================================================
+        mapElevation: function () {
+            if($('#map-elevation').length){
+                $('#map-elevation').gmap3({
+                    marker:{
+                        latLng: [63.3333333, -150.5],
+                        options:{
+                            draggable:true
+                        },
+                        events:{
+                            dragend: function(marker){
+                                $(this).gmap3({
+                                    getelevation:{
+                                        latLng:marker.getPosition(),
+                                        callback:function(results){
+                                            var map = $(this).gmap3("get"),
+                                                infowindow = $(this).gmap3({get:"infowindow"}),
+                                                content = results && results[0] ? Math.round(results[0].elevation) + " meters" : "no result";
+                                            if (infowindow){
+                                                infowindow.open(map, marker);
+                                                infowindow.setContent(content);
+                                            } else {
+                                                $(this).gmap3({
+                                                    infowindow:{
+                                                        anchor:marker,
+                                                        options:{content: content}
+                                                    }
+                                                });
+                                            }
+                                        }
+                                    }
+                                });
+                            }
+                        }
+                    },
+                    map:{
+                        options:{
+                            zoom: 8,
+                            mapTypeId:  google.maps.MapTypeId.TERRAIN
+                        }
+                    }
+                });
+            }
+        },
+
+        // =========================================================================
+        // INFO WINDOW
+        // =========================================================================
+        mapInfoWindow: function () {
+            if($('#map-infowindow').length){
+                $('#map-infowindow').gmap3({
+                    infowindow:{
+                        address:"Pourrieres, France",
+                        options:{
+                            content: "Blankon Fullpack Admin Theme Just $18"
+                        },
+                        events:{
+                            closeclick: function(infowindow){
+                                alert("closing : " + infowindow.getContent());
+                            }
+                        }
+                    }
+                });
+            }
+        },
+
+        // =========================================================================
+        // TRAFFIC MAP
+        // =========================================================================
+        mapTraffic: function () {
+            if($('#map-traffic-map').length){
+                $('#map-traffic-map').gmap3({ map:{
+                        options:{
+                            center:[34.04924594193164, -118.24104309082031],
+                            zoom: 13
+                        }
+                    }
+                    },
+                    "trafficlayer");
+            }
+        },
+
+        // =========================================================================
+        // PANEL MAP
+        // =========================================================================
+        mapPanel: function () {
+            if($('#map-panel-map').length){
+                $('#map-panel-map').gmap3(
+                    { panel:{
+                        options:{
+                            content: '<div id="panel-box">' +
+                            '<div id="lat-north" class="line-panel"><div class="name">North</div><div class="value"></div></div>' +
+                            '<div id="lng-east" class="line-panel"><div class="name">East</div><div class="value"></div></div>' +
+                            '<div id="lat-south" class="line-panel"><div class="name">South</div><div class="value"></div></div>' +
+                            '<div id="lng-west" class="line-panel"><div class="name">West</div><div class="value"></div></div>' +
+                            '</div>',
+                            middle: true,
+                            right: true
+                        }
+                    },
+                        map:{
+                            options:{
+                                zoom: 5
+                            },
+                            events:{
+                                bounds_changed: function(map){
+                                    var bounds = map.getBounds();
+                                    var ne = bounds.getNorthEast();
+                                    var sw = bounds.getSouthWest();
+                                    $("#lat-north").find(".value").html(ne.lat());
+                                    $("#lng-east").find(".value").html(ne.lng());
+                                    $("#lat-south").find(".value").html(sw.lat());
+                                    $("#lng-west").find(".value").html(sw.lng());
+                                }
+                            }
+                        }
+                    }
+                );
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonGoogleMap.init();
+
+
diff --git a/vendor/javascripts/pages/blankon.maps.icon.js b/vendor/javascripts/pages/blankon.maps.icon.js
new file mode 100755
index 0000000..6695467
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.maps.icon.js
@@ -0,0 +1,140 @@
+var BlankonMapIcon = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMapIcon.mapIcon();
+            BlankonMapIcon.handleAddMultipleAttribute();
+            BlankonMapIcon.handleCopyClipboardIcon();
+        },
+
+        // =========================================================================
+        // MAP ICON
+        // =========================================================================
+        mapIcon: function () {
+            function initialize() {
+                var mapOptions = {
+                    zoom: 12,
+                    center: new google.maps.LatLng(-33.9, 151.2),
+                    mapTypeId: google.maps.MapTypeId.ROADMAP,
+                    styles: [
+                        {stylers: [{ visibility: 'simplified' }]},
+                        {elementType: 'labels', stylers: [{ visibility: 'off' }]}
+                    ]
+                };
+                var map = new google.maps.Map(document.getElementById('map-icons'), mapOptions);
+
+                var marker1 = new Marker({
+                    map: map,
+                    zIndex: 10,
+                    title: 'Map Icons',
+                    position:  new google.maps.LatLng(-33.890542, 151.274856),
+                    icon: {
+                        path: MAP_PIN,
+                        fillColor: '#0E77E9',
+                        fillOpacity: 1,
+                        strokeColor: '',
+                        strokeWeight: 0,
+                        scale: 1/2
+                    },
+                    label: '<i class="map-icon-walking"></i>'
+                });
+
+                var marker2 = new Marker({
+                    map: map,
+                    zIndex: 20,
+                    title: 'Map Icons',
+                    position:  new google.maps.LatLng(-33.923036, 151.259052),
+                    icon: {
+                        path: SQUARE_PIN,
+                        fillColor: '#0E77E9',
+                        fillOpacity: 1,
+                        strokeColor: '',
+                        strokeWeight: 0,
+                        scale: 1/2
+                    },
+                    label: '<i class="map-icon-cafe"></i>'
+                });
+
+                var marker3 = new Marker({
+                    map: map,
+                    zIndex: 30,
+                    title: 'Map Icons',
+                    position:  new google.maps.LatLng(-34.028249, 151.157507),
+                    icon: {
+                        path: SHEILD,
+                        fillColor: '#0E77E9',
+                        fillOpacity: 1,
+                        strokeColor: '',
+                        strokeWeight: 0,
+                        scale: 1/2
+                    },
+                    label: '<i class="map-icon-car-wash"></i>'
+                });
+
+                var marker4 = new Marker({
+                    map: map,
+                    zIndex: 40,
+                    title: 'Map Icons',
+                    position:  new google.maps.LatLng(-33.80010128657071, 151.28747820854187),
+                    icon: {
+                        path: ROUTE,
+                        fillColor: '#0E77E9',
+                        fillOpacity: 1,
+                        strokeColor: '',
+                        strokeWeight: 0,
+                        scale: 1/2
+                    },
+                    label: '<i class="map-icon-male"></i>'
+                });
+            }
+
+            google.maps.event.addDomListener(window, 'load', initialize);
+        },
+
+        // =========================================================================
+        // ADD MULTIPLE ATTRIBUTE ON LIST ICONS
+        // =========================================================================
+        handleAddMultipleAttribute: function () {
+            $('.icon-maps-example').each(function( index ) {
+                $(this).attr('data-icons',$(this).find('span').attr('class'));
+            });
+        },
+
+        // =========================================================================
+        // COPY CLIPBOARD ICONS
+        // =========================================================================
+        handleCopyClipboardIcon: function () {
+            var clipboard = new Clipboard('.icon-maps-example', {
+                text: function(trigger) {
+                    return '<span aria-hidden="true" class="'+trigger.getAttribute('data-icons')+'"></span>';
+                }
+            });
+            $('.icon-maps-example').on('click', function () {
+                var n = noty({
+                    theme: 'relax',
+                    layout: 'topRight',
+                    text: 'Copy icon '+$(this).data('icons').replace('map-icon-',''),
+                    type: 'success',
+                    animation: {
+                        open  : 'animated bounceInRight',
+                        close : 'animated bounceOutRight',
+                        easing: 'swing', // easing
+                        speed: 500 // opening & closing animation speed
+                    }
+                });
+                n.setTimeout(2000);
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMapIcon.init();
+
+
diff --git a/vendor/javascripts/pages/blankon.maps.vector.js b/vendor/javascripts/pages/blankon.maps.vector.js
new file mode 100755
index 0000000..bf3ce2a
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.maps.vector.js
@@ -0,0 +1,211 @@
+var BlankonVectorMap = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonVectorMap.mapWorld();
+            BlankonVectorMap.mapUSA();
+            BlankonVectorMap.mapRusia();
+            BlankonVectorMap.mapAlgeria();
+            BlankonVectorMap.mapGermany();
+            BlankonVectorMap.mapContinents();
+        },
+
+        // =========================================================================
+        // WORLD MAP
+        // =========================================================================
+        mapWorld: function () {
+            if($('#world-map').length){
+                $('#world-map').vectorMap({
+                    map: 'world_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#E9573F',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#81b71a', '#8CC152'],
+                    normalizeFunction: 'polynomial'
+                });
+            }
+        },
+
+        // =========================================================================
+        // USA MAP
+        // =========================================================================
+        mapUSA: function () {
+            if($('#usa-map').length){
+                $('#usa-map').vectorMap({
+                    map: 'usa_en',
+                    enableZoom: true,
+                    showTooltip: true,
+                    selectedRegion: 'MO',
+                    backgroundColor: null,
+                    selectedColor: '#81b71a'
+                });
+            }
+        },
+
+        // =========================================================================
+        // RUSIA MAP
+        // =========================================================================
+        mapRusia: function () {
+            if($('#rusia-map').length){
+                $('#rusia-map').vectorMap({
+                    map: 'russia_en',
+                    backgroundColor: null,
+                    selectedColor: '#81b71a',
+                    enableZoom: true,
+                    showTooltip: true
+                });
+            }
+        },
+
+        // =========================================================================
+        // ALGERIA MAP
+        // =========================================================================
+        mapAlgeria: function () {
+            if($('#algeria-map').length){
+                $('#algeria-map').vectorMap({
+                    map: 'dz_fr',
+                    enableZoom: true,
+                    showTooltip: true,
+                    backgroundColor: null,
+                    selectedColor: '#81b71a'
+                });
+            }
+        },
+
+        // =========================================================================
+        // GERMANY MAP
+        // =========================================================================
+        mapGermany: function () {
+            if($('#germany-map').length){
+                $('#germany-map').vectorMap({
+                    map: 'germany_en',
+                    backgroundColor: null,
+                    selectedColor: '#81b71a',
+                    onRegionClick: function(element, code, region)
+                    {
+                        var message = 'You clicked "'
+                            + region
+                            + '" which has the code: '
+                            + code.toUpperCase();
+
+                        alert(message);
+                    }
+                });
+            }
+        },
+
+        // =========================================================================
+        // CONTINENTS MAP
+        // =========================================================================
+        mapContinents: function () {
+            if($('#continents').length){
+                // Optimalisation: Store the references outside the event handler:
+                var $window = $(window);
+                function checkWidth() {
+                    var windowsize = $window.width();
+                    // Check if view screen on greater then 720px and smaller then 1024px
+                    if (windowsize > 1024) {
+                        $('.map-continent').width(752);
+                    }
+                    if (windowsize < 800) {
+                        $('.map-continent').width(500);
+                    }
+                    if (windowsize < 500) {
+                        $('.map-continent').width(280);
+                    }
+                }
+                // Execute on load
+                checkWidth();
+                // Bind event listener
+                $(window).resize(checkWidth);
+                $('#asia-map').vectorMap({
+                    map: 'asia_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#81b71a', '#8CC152'],
+                    normalizeFunction: 'polynomial'
+                });
+                $('#europe-map').vectorMap({
+                    map: 'europe_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#E9573F', '#ba4a34'],
+                    normalizeFunction: 'polynomial'
+                });
+                $('#australia-map').vectorMap({
+                    map: 'australia_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#C8EEFF', '#006491'],
+                    normalizeFunction: 'polynomial'
+                });
+                $('#africa-map').vectorMap({
+                    map: 'africa_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#37BC9B', '#28846e'],
+                    normalizeFunction: 'polynomial'
+                });
+                $('#northamerica-map').vectorMap({
+                    map: 'north-america_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#906094', '#6e4972'],
+                    normalizeFunction: 'polynomial'
+                });
+                $('#southamerica-map').vectorMap({
+                    map: 'south-america_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#5577B4', '#455b8c'],
+                    normalizeFunction: 'polynomial'
+                });
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonVectorMap.init();
+
+
diff --git a/vendor/javascripts/pages/blankon.maps.vector.type2.js b/vendor/javascripts/pages/blankon.maps.vector.type2.js
new file mode 100755
index 0000000..baf73d1
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.maps.vector.type2.js
@@ -0,0 +1,689 @@
+var BlankonVectorMapType2 = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonVectorMapType2.mapWorldVisualization();
+            BlankonVectorMapType2.mapWorldMarkers();
+            BlankonVectorMapType2.mapUSAUnemployment();
+            BlankonVectorMapType2.mapReverseProjection();
+            BlankonVectorMapType2.mapRegionLabels();
+            BlankonVectorMapType2.mapLegends();
+            BlankonVectorMapType2.mapDrillDownUS();
+            BlankonVectorMapType2.mapMarkerIcons();
+            BlankonVectorMapType2.mapMall();
+        },
+
+        // =========================================================================
+        // WORLD MAP VISUALIZATION
+        // =========================================================================
+        mapWorldVisualization: function () {
+            var gdpData = {
+                "AF": 16.63,
+                "AL": 11.58,
+                "DZ": 158.97,
+                "AO": 85.81,
+                "AG": 1.1,
+                "AR": 351.02,
+                "AM": 8.83,
+                "AU": 1219.72,
+                "AT": 366.26,
+                "AZ": 52.17,
+                "BS": 7.54,
+                "BH": 21.73,
+                "BD": 105.4,
+                "BB": 3.96,
+                "BY": 52.89,
+                "BE": 461.33,
+                "BZ": 1.43,
+                "BJ": 6.49,
+                "BT": 1.4,
+                "BO": 19.18,
+                "BA": 16.2,
+                "BW": 12.5,
+                "BR": 2023.53,
+                "BN": 11.96,
+                "BG": 44.84,
+                "BF": 8.67,
+                "BI": 1.47,
+                "KH": 11.36,
+                "CM": 21.88,
+                "CA": 1563.66,
+                "CV": 1.57,
+                "CF": 2.11,
+                "TD": 7.59,
+                "CL": 199.18,
+                "CN": 5745.13,
+                "CO": 283.11,
+                "KM": 0.56,
+                "CD": 12.6,
+                "CG": 11.88,
+                "CR": 35.02,
+                "CI": 22.38,
+                "HR": 59.92,
+                "CY": 22.75,
+                "CZ": 195.23,
+                "DK": 304.56,
+                "DJ": 1.14,
+                "DM": 0.38,
+                "DO": 50.87,
+                "EC": 61.49,
+                "EG": 216.83,
+                "SV": 21.8,
+                "GQ": 14.55,
+                "ER": 2.25,
+                "EE": 19.22,
+                "ET": 30.94,
+                "FJ": 3.15,
+                "FI": 231.98,
+                "FR": 2555.44,
+                "GA": 12.56,
+                "GM": 1.04,
+                "GE": 11.23,
+                "DE": 3305.9,
+                "GH": 18.06,
+                "GR": 305.01,
+                "GD": 0.65,
+                "GT": 40.77,
+                "GN": 4.34,
+                "GW": 0.83,
+                "GY": 2.2,
+                "HT": 6.5,
+                "HN": 15.34,
+                "HK": 226.49,
+                "HU": 132.28,
+                "IS": 12.77,
+                "IN": 1430.02,
+                "ID": 695.06,
+                "IR": 337.9,
+                "IQ": 84.14,
+                "IE": 204.14,
+                "IL": 201.25,
+                "IT": 2036.69,
+                "JM": 13.74,
+                "JP": 5390.9,
+                "JO": 27.13,
+                "KZ": 129.76,
+                "KE": 32.42,
+                "KI": 0.15,
+                "KR": 986.26,
+                "UNDEFINED": 5.73,
+                "KW": 117.32,
+                "KG": 4.44,
+                "LA": 6.34,
+                "LV": 23.39,
+                "LB": 39.15,
+                "LS": 1.8,
+                "LR": 0.98,
+                "LY": 77.91,
+                "LT": 35.73,
+                "LU": 52.43,
+                "MK": 9.58,
+                "MG": 8.33,
+                "MW": 5.04,
+                "MY": 218.95,
+                "MV": 1.43,
+                "ML": 9.08,
+                "MT": 7.8,
+                "MR": 3.49,
+                "MU": 9.43,
+                "MX": 1004.04,
+                "MD": 5.36,
+                "MN": 5.81,
+                "ME": 3.88,
+                "MA": 91.7,
+                "MZ": 10.21,
+                "MM": 35.65,
+                "NA": 11.45,
+                "NP": 15.11,
+                "NL": 770.31,
+                "NZ": 138,
+                "NI": 6.38,
+                "NE": 5.6,
+                "NG": 206.66,
+                "NO": 413.51,
+                "OM": 53.78,
+                "PK": 174.79,
+                "PA": 27.2,
+                "PG": 8.81,
+                "PY": 17.17,
+                "PE": 153.55,
+                "PH": 189.06,
+                "PL": 438.88,
+                "PT": 223.7,
+                "QA": 126.52,
+                "RO": 158.39,
+                "RU": 1476.91,
+                "RW": 5.69,
+                "WS": 0.55,
+                "ST": 0.19,
+                "SA": 434.44,
+                "SN": 12.66,
+                "RS": 38.92,
+                "SC": 0.92,
+                "SL": 1.9,
+                "SG": 217.38,
+                "SK": 86.26,
+                "SI": 46.44,
+                "SB": 0.67,
+                "ZA": 354.41,
+                "ES": 1374.78,
+                "LK": 48.24,
+                "KN": 0.56,
+                "LC": 1,
+                "VC": 0.58,
+                "SD": 65.93,
+                "SR": 3.3,
+                "SZ": 3.17,
+                "SE": 444.59,
+                "CH": 522.44,
+                "SY": 59.63,
+                "TW": 426.98,
+                "TJ": 5.58,
+                "TZ": 22.43,
+                "TH": 312.61,
+                "TL": 0.62,
+                "TG": 3.07,
+                "TO": 0.3,
+                "TT": 21.2,
+                "TN": 43.86,
+                "TR": 729.05,
+                "TM": 0,
+                "UG": 17.12,
+                "UA": 136.56,
+                "AE": 239.65,
+                "GB": 2258.57,
+                "US": 14624.18,
+                "UY": 40.71,
+                "UZ": 37.72,
+                "VU": 0.72,
+                "VE": 285.21,
+                "VN": 101.99,
+                "YE": 30.02,
+                "ZM": 15.69,
+                "ZW": 5.57
+            };
+
+            $('#map-world-visualization').vectorMap({
+                map: 'world_mill_en',
+                series: {
+                    regions: [{
+                        values: gdpData,
+                        scale: ['#81B71A', '#457619'],
+                        normalizeFunction: 'polynomial'
+                    }]
+                },
+                onRegionTipShow: function(e, el, code){
+                    el.html(el.html()+' (GDP - '+gdpData[code]+')');
+                }
+            });
+        },
+
+        // =========================================================================
+        // WORLD MAP MARKERS
+        // =========================================================================
+        mapWorldMarkers: function () {
+            $('a[href="#markers"]').on('shown.bs.tab', function () {
+                $('#map-world-markers').vectorMap({
+                    map: 'world_mill_en',
+                    scaleColors: ['#C8EEFF', '#0071A4'],
+                    normalizeFunction: 'polynomial',
+                    hoverOpacity: 0.7,
+                    hoverColor: false,
+                    markerStyle: {
+                        initial: {
+                            fill: '#81B71A',
+                            stroke: '#383f47'
+                        }
+                    },
+                    backgroundColor: '#383f47',
+                    markers: [
+                        {latLng: [41.90, 12.45], name: 'Vatican City'},
+                        {latLng: [43.73, 7.41], name: 'Monaco'},
+                        {latLng: [-0.52, 166.93], name: 'Nauru'},
+                        {latLng: [-8.51, 179.21], name: 'Tuvalu'},
+                        {latLng: [43.93, 12.46], name: 'San Marino'},
+                        {latLng: [47.14, 9.52], name: 'Liechtenstein'},
+                        {latLng: [7.11, 171.06], name: 'Marshall Islands'},
+                        {latLng: [17.3, -62.73], name: 'Saint Kitts and Nevis'},
+                        {latLng: [3.2, 73.22], name: 'Maldives'},
+                        {latLng: [35.88, 14.5], name: 'Malta'},
+                        {latLng: [12.05, -61.75], name: 'Grenada'},
+                        {latLng: [13.16, -61.23], name: 'Saint Vincent and the Grenadines'},
+                        {latLng: [13.16, -59.55], name: 'Barbados'},
+                        {latLng: [17.11, -61.85], name: 'Antigua and Barbuda'},
+                        {latLng: [-4.61, 55.45], name: 'Seychelles'},
+                        {latLng: [7.35, 134.46], name: 'Palau'},
+                        {latLng: [42.5, 1.51], name: 'Andorra'},
+                        {latLng: [14.01, -60.98], name: 'Saint Lucia'},
+                        {latLng: [6.91, 158.18], name: 'Federated States of Micronesia'},
+                        {latLng: [1.3, 103.8], name: 'Singapore'},
+                        {latLng: [1.46, 173.03], name: 'Kiribati'},
+                        {latLng: [-21.13, -175.2], name: 'Tonga'},
+                        {latLng: [15.3, -61.38], name: 'Dominica'},
+                        {latLng: [-20.2, 57.5], name: 'Mauritius'},
+                        {latLng: [26.02, 50.55], name: 'Bahrain'},
+                        {latLng: [0.33, 6.73], name: 'São Tomé and Príncipe'}
+                    ]
+                });
+            });
+        },
+
+        // =========================================================================
+        // USA UNEMPLOYMENT
+        // =========================================================================
+        mapUSAUnemployment: function () {
+            $.getJSON(BlankonApp.handleBaseURL()+'/assets/admin/data/map-vector-2/us-unemployment.json', function(data){
+                var val = 2009;
+                statesValues = jvm.values.apply({}, jvm.values(data.states)),
+                    metroPopValues = Array.prototype.concat.apply([], jvm.values(data.metro.population)),
+                    metroUnemplValues = Array.prototype.concat.apply([], jvm.values(data.metro.unemployment));
+
+                $('#map-usa-unemployment').vectorMap({
+                    map: 'us_aea_en',
+                    markers: data.metro.coords,
+                    series: {
+                        markers: [{
+                            attribute: 'fill',
+                            scale: ['#FEE5D9', '#A50F15'],
+                            values: data.metro.unemployment[val],
+                            min: jvm.min(metroUnemplValues),
+                            max: jvm.max(metroUnemplValues)
+                        },{
+                            attribute: 'r',
+                            scale: [5, 20],
+                            values: data.metro.population[val],
+                            min: jvm.min(metroPopValues),
+                            max: jvm.max(metroPopValues)
+                        }],
+                        regions: [{
+                            scale: ['#DEEBF7', '#08519C'],
+                            attribute: 'fill',
+                            values: data.states[val],
+                            min: jvm.min(statesValues),
+                            max: jvm.max(statesValues)
+                        }]
+                    },
+                    onMarkerTipShow: function(event, label, index){
+                        label.html(
+                            '<b>'+data.metro.names[index]+'</b><br/>'+
+                            '<b>Population: </b>'+data.metro.population[val][index]+'</br>'+
+                            '<b>Unemployment rate: </b>'+data.metro.unemployment[val][index]+'%'
+                        );
+                    },
+                    onRegionTipShow: function(event, label, code){
+                        label.html(
+                            '<b>'+label.html()+'</b></br>'+
+                            '<b>Unemployment rate: </b>'+data.states[val][code]+'%'
+                        );
+                    }
+                });
+            });
+        },
+
+        // =========================================================================
+        // REVERSE PROJECTION
+        // =========================================================================
+        mapReverseProjection: function () {
+            var map,
+                markerIndex = 0,
+                markersCoords = {};
+
+            map = new jvm.Map({
+                map: 'us_lcc_en',
+                markerStyle: {
+                    initial: {
+                        fill: '#81B71A'
+                    }
+                },
+                container: $('#map-reverse-projection'),
+                onMarkerTipShow: function(e, label, code){
+                    map.tip.text(markersCoords[code].lat.toFixed(2)+', '+markersCoords[code].lng.toFixed(2));
+                },
+                onMarkerClick: function(e, code){
+                    map.removeMarkers([code]);
+                    map.tip.hide();
+                }
+            });
+
+            map.container.click(function(e){
+                var latLng = map.pointToLatLng(e.offsetX, e.offsetY),
+                    targetCls = $(e.target).attr('class');
+
+                if (latLng && (!targetCls || (targetCls && $(e.target).attr('class').indexOf('jvectormap-marker') === -1))) {
+                    markersCoords[markerIndex] = latLng;
+                    map.addMarker(markerIndex, {latLng: [latLng.lat, latLng.lng]});
+                    markerIndex += 1;
+                }
+            });
+        },
+
+        // =========================================================================
+        // REGION LABELS
+        // =========================================================================
+        mapRegionLabels: function () {
+            new jvm.Map({
+                map: 'us_aea_en',
+                container: $('#map-region-labels'),
+                regionLabelStyle: {
+                    initial: {
+                        fill: '#81B71A'
+                    },
+                    hover: {
+                        fill: 'black'
+                    }
+                },
+                labels: {
+                    regions: {
+                        render: function(code){
+                            var doNotShow = ['US-RI', 'US-DC', 'US-DE', 'US-MD'];
+
+                            if (doNotShow.indexOf(code) === -1) {
+                                return code.split('-')[1];
+                            }
+                        },
+                        offsets: function(code){
+                            return {
+                                'CA': [-10, 10],
+                                'ID': [0, 40],
+                                'OK': [25, 0],
+                                'LA': [-20, 0],
+                                'FL': [45, 0],
+                                'KY': [10, 5],
+                                'VA': [15, 5],
+                                'MI': [30, 30],
+                                'AK': [50, -25],
+                                'HI': [25, 50]
+                            }[code.split('-')[1]];
+                        }
+                    }
+                }
+            });
+        },
+
+        // =========================================================================
+        // MAP LEGENDS
+        // =========================================================================
+        mapLegends: function () {
+            new jvm.Map({
+                container: $('#map-legends'),
+                map: 'us_aea_en',
+                markers: [
+                    [61.18, -149.53],
+                    [21.18, -157.49],
+                    [40.66, -73.56],
+                    [41.52, -87.37],
+                    [35.22, -80.84],
+                    [31.52, -87.37]
+                ],
+                series: {
+                    markers: [{
+                        attribute: 'fill',
+                        scale: ['#C8EEFF', '#0071A4'],
+                        normalizeFunction: 'polynomial',
+                        values: [408, 512, 550, 781],
+                        legend: {
+                            vertical: true
+                        }
+                    },{
+                        attribute: 'image',
+                        scale: {
+                            bank: BlankonApp.handleBaseURL()+'/assets/global/plugins/bower_components/jvectormap/tests/assets/icon-bank.png',
+                            factory: BlankonApp.handleBaseURL()+'/assets/global/plugins/bower_components/jvectormap/tests/assets/icon-factory.png'
+                        },
+                        values: {
+                            '4': 'bank',
+                            '5': 'factory'
+                        },
+                        legend: {
+                            horizontal: true,
+                            cssClass: 'jvectormap-legend-icons',
+                            title: 'Business type'
+                        }
+                    }],
+                    regions: [{
+                        scale: {
+                            red: '#ff0000',
+                            green: '#00ff00'
+                        },
+                        attribute: 'fill',
+                        values: {
+                            "US-KS": 'red',
+                            "US-MO": 'red',
+                            "US-IA": 'green',
+                            "US-NE": 'green'
+                        },
+                        legend: {
+                            horizontal: true,
+                            title: 'Color'
+                        }
+                    },{
+                        scale: {
+                            redGreen: BlankonApp.handleBaseURL()+'/assets/global/plugins/bower_components/jvectormap/tests/assets/bg-red-green.png',
+                            yellowBlue: BlankonApp.handleBaseURL()+'/assets/global/plugins/bower_components/jvectormap/tests/assets/bg-yellow-blue.png'
+                        },
+                        values: {
+                            "US-TX": 'redGreen',
+                            "US-CA": 'yellowBlue'
+                        },
+                        attribute: 'fill',
+                        legend: {
+                            horizontal: true,
+                            cssClass: 'jvectormap-legend-bg',
+                            title: 'Pattern',
+                            labelRender: function(v){
+                                return {
+                                    redGreen: 'low',
+                                    yellowBlue: 'high'
+                                }[v];
+                            }
+                        }
+                    }]
+                }
+            });
+        },
+
+        // =========================================================================
+        // DRILL DOWN US
+        // =========================================================================
+        mapDrillDownUS: function () {
+            new jvm.MultiMap({
+                container: $('#map-drill-down-us'),
+                maxLevel: 1,
+                main: {
+                    map: 'us_lcc_en'
+                },
+                mapUrlByCode: function(code, multiMap){
+                    return BlankonApp.handleBaseURL()+'/assets/global/plugins/bower_components/jvectormap/tests/assets/us/jquery-jvectormap-data-'+
+                        code.toLowerCase()+'-'+
+                        multiMap.defaultProjection+'-en.js';
+                }
+            });
+        },
+
+        // =========================================================================
+        // MARKER ICONS
+        // =========================================================================
+        mapMarkerIcons: function () {
+            var plants = [
+                {name: 'VAK', coords: [50.0091294, 9.0371812], status: 'closed', offsets: [0, 2]},
+                {name: 'MZFR', coords: [49.0543102, 8.4825862], status: 'closed', offsets: [0, 2]},
+                {name: 'AVR', coords: [50.9030599, 6.4213693], status: 'closed'},
+                {name: 'KKR', coords: [53.1472465, 12.9903674], status: 'closed'},
+                {name: 'KRB', coords: [48.513264, 10.4020357], status: 'activeUntil2018'},
+                {name: 'KWO', coords: [49.364503, 9.076252], status: 'closed'},
+                {name: 'KWL', coords: [52.5331853, 7.2505223], status: 'closed', offsets: [0, -2]},
+                {name: 'HDR', coords: [50.1051446, 8.9348691], status: 'closed', offsets: [0, -2]},
+                {name: 'KKS', coords: [53.6200685, 9.5306289], status: 'closed'},
+                {name: 'KKN', coords: [48.6558015, 12.2500848], status: 'closed', offsets: [0, -2]},
+                {name: 'KGR', coords: [54.1417497, 13.6583877], status: 'closed'},
+                {name: 'KWB', coords: [49.709331, 8.415865], status: 'closed'},
+                {name: 'KWW', coords: [51.6396481, 9.3915617], status: 'closed'},
+                {name: 'GKN', coords: [49.0401151, 9.1721088], status: 'activeUntil2022'},
+                {name: 'KKB', coords: [53.8913533, 9.2005777], status: 'closed', offsets: [0, -5]},
+                {name: 'KKI', coords: [48.5544748, 12.3472095], status: 'activeUntil2022', offsets: [0, 2]},
+                {name: 'KKU', coords: [53.4293465, 8.4774649], status: 'closed'},
+                {name: 'KNK', coords: [49.1473279, 8.3827739], status: 'closed'},
+                {name: 'KKP', coords: [49.2513078, 8.4356761], status: 'activeUntil2022', offsets: [0, -2]},
+                {name: 'KKG', coords: [49.9841308, 10.1846373], status: 'activeUntil2018'},
+                {name: 'KKK', coords: [53.4104656, 10.4091597], status: 'closed'},
+                {name: 'KWG', coords: [52.0348748, 9.4097793], status: 'activeUntil2022'},
+                {name: 'KBR', coords: [53.850666, 9.3457603], status: 'closed', offsets: [0, 5]},
+                {name: 'KMK', coords: [50.408791, 7.4861956], status: 'closed'},
+                {name: 'THTR', coords: [51.6786228, 7.9700232], status: 'closed'},
+                {name: 'KKE', coords: [52.4216974, 7.3706389], status: 'activeUntil2022', offsets: [0, 2]}
+            ];
+
+            new jvm.Map({
+                container: $('#map-marker-icons'),
+                map: 'de_merc_en',
+                markers: plants.map(function(h){ return {name: h.name, latLng: h.coords} }),
+                labels: {
+                    markers: {
+                        render: function(index){
+                            return plants[index].name;
+                        },
+                        offsets: function(index){
+                            var offset = plants[index]['offsets'] || [0, 0];
+
+                            return [offset[0] - 7, offset[1] + 3];
+                        }
+                    }
+                },
+                series: {
+                    markers: [{
+                        attribute: 'image',
+                        scale: {
+                            'closed': 'http://jvectormap.com/img/icon-np-3.png',
+                            'activeUntil2018': 'http://jvectormap.com/img/icon-np-2.png',
+                            'activeUntil2022': 'http://jvectormap.com/img/icon-np-1.png'
+                        },
+                        values: plants.reduce(function(p, c, i){ p[i] = c.status; return p }, {}),
+                        legend: {
+                            horizontal: true,
+                            title: 'Nuclear power station status',
+                            labelRender: function(v){
+                                return {
+                                    closed: 'Closed',
+                                    activeUntil2018: 'Scheduled for shut down<br> before 2018',
+                                    activeUntil2022: 'Scheduled for shut down<br> before 2022'
+                                }[v];
+                            }
+                        }
+                    }]
+                }
+            });
+        },
+
+        // =========================================================================
+        // MAP OF THE MALL
+        // =========================================================================
+        mapMall: function () {
+            $('#map-mall').vectorMap({
+                map: 'mall',
+                backgroundColor: 'transparent',
+                markers: [{
+                    coords: [60, 110],
+                    name: 'Escalator 1',
+                    style: {fill: 'yellow'}
+                },{
+                    coords: [260, 95],
+                    name: 'Escalator 2',
+                    style: {fill: 'yellow'}
+                },{
+                    coords: [434, 95],
+                    name: 'Escalator 3',
+                    style: {fill: 'yellow'}
+                },{
+                    coords: [634, 110],
+                    name: 'Escalator 4',
+                    style: {fill: 'yellow'}
+                }],
+                series: {
+                    regions: [{
+                        values: {
+                            F102: 'SPORTS & OUTDOOR',
+                            F103: 'HOME DECOR',
+                            F105: 'FASHION',
+                            F106: 'OTHER',
+                            F108: 'BEAUTY & SPA',
+                            F109: 'FASHION',
+                            F110: 'BEAUTY & SPA',
+                            F111: 'URBAN FAVORITES',
+                            F114: 'SERVICES',
+                            F166: 'DINING',
+                            F167: 'FASHION',
+                            F169: 'DINING',
+                            F170: 'ENTERTAINMENT',
+                            F172: 'DINING',
+                            F174: 'DINING',
+                            F115: 'KIDS STUFF',
+                            F117: 'LIFESTYLE',
+                            F118: 'URBAN FAVORITES',
+                            F119: 'FASHION',
+                            F120: 'FASHION',
+                            F122: 'KIDS STUFF',
+                            F124: 'KIDS STUFF',
+                            F125: 'KIDS STUFF',
+                            F126: 'KIDS STUFF',
+                            F128: 'KIDS STUFF',
+                            F129: 'LIFESTYLE',
+                            F130: 'HOME DECOR',
+                            F132: 'DINING',
+                            F133: 'SPORTS & OUTDOOR',
+                            F134: 'KIDS STUFF',
+                            F135: 'LIFESTYLE',
+                            F136: 'LIFESTYLE',
+                            F139: 'KIDS STUFF',
+                            F153: 'DINING',
+                            F155: 'FASHION',
+                            F156: 'URBAN FAVORITES',
+                            F157: 'URBAN FAVORITES',
+                            F158: 'LINGERIE & UNDERWEAR',
+                            F159: 'FASHION',
+                            F160: 'FASHION',
+                            F162: 'FASHION',
+                            F164: 'FASHION',
+                            F165: 'FASHION',
+                            FR01: 'REST ROOMS',
+                            FR02: 'REST ROOMS',
+                            FR03: 'REST ROOMS',
+                            FR04: 'REST ROOMS',
+                            FFC: 'DINING'
+                        },
+                        scale: {
+                            "FASHION": "#2761ad",
+                            "LINGERIE & UNDERWEAR": "#d58aa3",
+                            "BEAUTY & SPA": "#ee549f",
+                            "URBAN FAVORITES": "#15bbba",
+                            "SPORTS & OUTDOOR": "#8864ab",
+                            "KIDS STUFF": "#ef4e36",
+                            "ENTERTAINMENT": "#e47325",
+                            "HOME DECOR": "#a2614f",
+                            "LIFESTYLE": "#8a8934",
+                            "DINING": "#73bb43",
+                            "REST ROOMS": "#6c260f",
+                            "SERVICES": "#504d7c",
+                            "OTHER": "#c7b789"
+                        }
+                    }]
+                },
+                onRegionTipShow: function(e, el, code){
+                    if (el.html() === '') {
+                        e.preventDefault();
+                    }
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonVectorMapType2.init();
+
+
diff --git a/vendor/javascripts/pages/blankon.project.clients.js b/vendor/javascripts/pages/blankon.project.clients.js
new file mode 100755
index 0000000..1d62a67
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.project.clients.js
@@ -0,0 +1,272 @@
+'use strict';
+var BlankonProjectClients = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectClients.listClientAll();
+            BlankonProjectClients.listClientCorporate();
+            BlankonProjectClients.listClientIndividual();
+            BlankonProjectClients.listClientOther();
+        },
+
+        // =========================================================================
+        // DATATABLE LIST CLIENT ALL
+        // =========================================================================
+        listClientAll: function () {
+            var responsiveHelperAjax = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+
+            var tableAjax = $('#datatable-client-all');
+
+            // Using AJAX
+            tableAjax.dataTable({
+                autoWidth      : false,
+                ajax           : BlankonApp.handleBaseURL()+'/assets/admin/data/project-clients/all.json',
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperAjax) {
+                        responsiveHelperAjax = new ResponsiveDatatablesHelper(tableAjax, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperAjax.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperAjax.respond();
+                },
+                fnRowCallback: function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
+
+                    // Create element on row
+                    var imgTag = '<img src="'+aData[0]+'" alt="..." class="img-circle"/> '+aData[1];
+                    if(aData[3] == 'corporate'){
+                        var spanTag = '<span class="label label-danger text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'individual'){
+                        var spanTag = '<span class="label label-warning text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'other'){
+                        var spanTag = '<span class="label label-primary text-capitalize">'+aData[3]+'</span>';
+                    }
+
+                    if(aData[6] == 'active'){
+                        var spanTagStatus = '<span class="fg-success text-capitalize">'+aData[6]+'</span>';
+                    }
+                    if(aData[6] == 'not active'){
+                        var spanTagStatus = '<span class="fg-danger text-capitalize">'+aData[6]+'</span>';
+                    }
+
+                    $('td:eq(0)', nRow).html(imgTag);
+                    $('td:eq(1)', nRow).html(aData[2]);
+                    $('td:eq(2)', nRow).html(spanTag);
+                    $('td:eq(3)', nRow).html(aData[4]);
+                    $('td:eq(4)', nRow).html('<div class="text-right">'+aData[5]+'</div>');
+                    $('td:eq(5)', nRow).html('<div class="text-center">'+spanTagStatus+'</div>');
+
+                    return nRow;
+                },
+                aoColumnDefs: [ { "bSortable": false, "aTargets": [ 2, 5 ] } ]
+            });
+
+        },
+
+        // =========================================================================
+        // DATATABLE LIST CLIENT CORPORATE
+        // =========================================================================
+        listClientCorporate: function () {
+            var responsiveHelperAjax = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+
+            var tableAjax = $('#datatable-client-corporate');
+
+            // Using AJAX
+            tableAjax.dataTable({
+                autoWidth      : false,
+                ajax           : BlankonApp.handleBaseURL()+'/assets/admin/data/project-clients/corporate.json',
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperAjax) {
+                        responsiveHelperAjax = new ResponsiveDatatablesHelper(tableAjax, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperAjax.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperAjax.respond();
+                },
+                fnRowCallback: function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
+
+                    // Create element on row
+                    var imgTag = '<img src="'+aData[0]+'" alt="..." class="img-circle"/> '+aData[1];
+                    if(aData[3] == 'corporate'){
+                        var spanTag = '<span class="label label-danger text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'individual'){
+                        var spanTag = '<span class="label label-warning text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'other'){
+                        var spanTag = '<span class="label label-primary text-capitalize">'+aData[3]+'</span>';
+                    }
+
+                    if(aData[6] == 'active'){
+                        var spanTagStatus = '<span class="fg-success text-capitalize">'+aData[6]+'</span>';
+                    }
+                    if(aData[6] == 'not active'){
+                        var spanTagStatus = '<span class="fg-danger text-capitalize">'+aData[6]+'</span>';
+                    }
+
+                    $('td:eq(0)', nRow).html(imgTag);
+                    $('td:eq(1)', nRow).html(aData[2]);
+                    $('td:eq(2)', nRow).html(spanTag);
+                    $('td:eq(3)', nRow).html(aData[4]);
+                    $('td:eq(4)', nRow).html('<div class="text-right">'+aData[5]+'</div>');
+                    $('td:eq(5)', nRow).html('<div class="text-center">'+spanTagStatus+'</div>');
+
+                    return nRow;
+                },
+                aoColumnDefs: [ { "bSortable": false, "aTargets": [ 2, 5 ] } ]
+            });
+
+        },
+
+        // =========================================================================
+        // DATATABLE LIST CLIENT INDIVIDUAL
+        // =========================================================================
+        listClientIndividual: function () {
+            var responsiveHelperAjax = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+
+            var tableAjax = $('#datatable-client-individual');
+
+            // Using AJAX
+            tableAjax.dataTable({
+                autoWidth      : false,
+                ajax           : BlankonApp.handleBaseURL()+'/assets/admin/data/project-clients/individual.json',
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperAjax) {
+                        responsiveHelperAjax = new ResponsiveDatatablesHelper(tableAjax, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperAjax.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperAjax.respond();
+                },
+                fnRowCallback: function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
+
+                    // Create element on row
+                    var imgTag = '<img src="'+aData[0]+'" alt="..." class="img-circle"/> '+aData[1];
+                    if(aData[3] == 'corporate'){
+                        var spanTag = '<span class="label label-danger text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'individual'){
+                        var spanTag = '<span class="label label-warning text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'other'){
+                        var spanTag = '<span class="label label-primary text-capitalize">'+aData[3]+'</span>';
+                    }
+
+                    if(aData[6] == 'active'){
+                        var spanTagStatus = '<span class="fg-success text-capitalize">'+aData[6]+'</span>';
+                    }
+                    if(aData[6] == 'not active'){
+                        var spanTagStatus = '<span class="fg-danger text-capitalize">'+aData[6]+'</span>';
+                    }
+
+                    $('td:eq(0)', nRow).html(imgTag);
+                    $('td:eq(1)', nRow).html(aData[2]);
+                    $('td:eq(2)', nRow).html(spanTag);
+                    $('td:eq(3)', nRow).html(aData[4]);
+                    $('td:eq(4)', nRow).html('<div class="text-right">'+aData[5]+'</div>');
+                    $('td:eq(5)', nRow).html('<div class="text-center">'+spanTagStatus+'</div>');
+
+                    return nRow;
+                },
+                aoColumnDefs: [ { "bSortable": false, "aTargets": [ 2, 5 ] } ]
+            });
+        },
+
+        // =========================================================================
+        // DATATABLE LIST CLIENT OTHER
+        // =========================================================================
+        listClientOther: function () {
+            var responsiveHelperAjax = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+
+            var tableAjax = $('#datatable-client-other');
+
+            // Using AJAX
+            tableAjax.dataTable({
+                autoWidth      : false,
+                ajax           : BlankonApp.handleBaseURL()+'/assets/admin/data/project-clients/other.json',
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperAjax) {
+                        responsiveHelperAjax = new ResponsiveDatatablesHelper(tableAjax, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperAjax.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperAjax.respond();
+                },
+                fnRowCallback: function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
+
+                    // Create element on row
+                    var imgTag = '<img src="'+aData[0]+'" alt="..." class="img-circle"/> '+aData[1];
+                    if(aData[3] == 'corporate'){
+                        var spanTag = '<span class="label label-danger text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'individual'){
+                        var spanTag = '<span class="label label-warning text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'other'){
+                        var spanTag = '<span class="label label-primary text-capitalize">'+aData[3]+'</span>';
+                    }
+
+                    if(aData[6] == 'active'){
+                        var spanTagStatus = '<span class="fg-success text-capitalize">'+aData[6]+'</span>';
+                    }
+                    if(aData[6] == 'not active'){
+                        var spanTagStatus = '<span class="fg-danger text-capitalize">'+aData[6]+'</span>';
+                    }
+
+                    $('td:eq(0)', nRow).html(imgTag);
+                    $('td:eq(1)', nRow).html(aData[2]);
+                    $('td:eq(2)', nRow).html(spanTag);
+                    $('td:eq(3)', nRow).html(aData[4]);
+                    $('td:eq(4)', nRow).html('<div class="text-right">'+aData[5]+'</div>');
+                    $('td:eq(5)', nRow).html('<div class="text-center">'+spanTagStatus+'</div>');
+
+                    return nRow;
+                },
+                aoColumnDefs: [ { "bSortable": false, "aTargets": [ 2, 5 ] } ]
+            });
+
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectClients.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.project.issuetracker.js b/vendor/javascripts/pages/blankon.project.issuetracker.js
new file mode 100755
index 0000000..1ab1c98
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.project.issuetracker.js
@@ -0,0 +1,169 @@
+var BlankonProjectIssuetracker = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectIssuetracker.checkGroup();
+            BlankonProjectIssuetracker.issueChart();
+            BlankonProjectIssuetracker.issueList();
+        },
+
+        // =========================================================================
+        // CHECK GROUP
+        // =========================================================================
+        checkGroup: function () {
+            $('.checkbox-issue-all').click(function () {
+                $('.checkbox-issue').prop('checked', $(this).is(":checked"));
+            });
+        },
+
+        // =========================================================================
+        // ISSUE CHART
+        // =========================================================================
+        issueChart: function () {
+            var chart = new Chartist.Line('.ct-issue-chart', {
+                labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+                series: [
+                    [12, 9, 7, 8, 5, 4, 6, 2, 3, 3, 4, 6],
+                    [4,  5, 3, 7, 3, 5, 5, 3, 4, 4, 5, 5],
+                    [5,  3, 4, 5, 6, 3, 3, 4, 5, 6, 3, 4]
+                ]
+            }, {
+                low: 0
+            });
+
+            // Let's put a sequence number aside so we can use it in the event callbacks
+            var seq = 0,
+                delays = 80,
+                durations = 500;
+
+            // Once the chart is fully created we reset the sequence
+            chart.on('created', function() {
+                seq = 0;
+            });
+
+            // On each drawn element by Chartist we use the Chartist.Svg API to trigger SMIL animations
+            chart.on('draw', function(data) {
+                seq++;
+
+                if(data.type === 'line') {
+                    // If the drawn element is a line we do a simple opacity fade in. This could also be achieved using CSS3 animations.
+                    data.element.animate({
+                        opacity: {
+                            // The delay when we like to start the animation
+                            begin: seq * delays + 1000,
+                            // Duration of the animation
+                            dur: durations,
+                            // The value where the animation should start
+                            from: 0,
+                            // The value where it should end
+                            to: 1
+                        }
+                    });
+                } else if(data.type === 'label' && data.axis === 'x') {
+                    data.element.animate({
+                        y: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.y + 100,
+                            to: data.y,
+                            // We can specify an easing function from Chartist.Svg.Easing
+                            easing: 'easeOutQuart'
+                        }
+                    });
+                } else if(data.type === 'label' && data.axis === 'y') {
+                    data.element.animate({
+                        x: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.x - 100,
+                            to: data.x,
+                            easing: 'easeOutQuart'
+                        }
+                    });
+                } else if(data.type === 'point') {
+                    data.element.animate({
+                        x1: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.x - 10,
+                            to: data.x,
+                            easing: 'easeOutQuart'
+                        },
+                        x2: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.x - 10,
+                            to: data.x,
+                            easing: 'easeOutQuart'
+                        },
+                        opacity: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: 0,
+                            to: 1,
+                            easing: 'easeOutQuart'
+                        }
+                    });
+                } else if(data.type === 'grid') {
+                    // Using data.axis we get x or y which we can use to construct our animation definition objects
+                    var pos1Animation = {
+                        begin: seq * delays,
+                        dur: durations,
+                        from: data[data.axis.units.pos + '1'] - 30,
+                        to: data[data.axis.units.pos + '1'],
+                        easing: 'easeOutQuart'
+                    };
+
+                    var pos2Animation = {
+                        begin: seq * delays,
+                        dur: durations,
+                        from: data[data.axis.units.pos + '2'] - 100,
+                        to: data[data.axis.units.pos + '2'],
+                        easing: 'easeOutQuart'
+                    };
+
+                    var animations = {};
+                    animations[data.axis.units.pos + '1'] = pos1Animation;
+                    animations[data.axis.units.pos + '2'] = pos2Animation;
+                    animations['opacity'] = {
+                        begin: seq * delays,
+                        dur: durations,
+                        from: 0,
+                        to: 1,
+                        easing: 'easeOutQuart'
+                    };
+
+                    data.element.animate(animations);
+                }
+            });
+
+            // For the sake of the example we update the chart every time it's created with a delay of 10 seconds
+            chart.on('created', function() {
+                if(window.__exampleAnimateTimeout) {
+                    clearTimeout(window.__exampleAnimateTimeout);
+                    window.__exampleAnimateTimeout = null;
+                }
+                window.__exampleAnimateTimeout = setTimeout(chart.update.bind(chart), 12000);
+            });
+        },
+
+        // =========================================================================
+        // ISSUE LIST
+        // =========================================================================
+        issueList: function () {
+            // Chart days
+            $(".pie").peity("pie", {
+                fill: ["#81B71A", "#d7d7d7"]
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectIssuetracker.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.project.portfolio.js b/vendor/javascripts/pages/blankon.project.portfolio.js
new file mode 100755
index 0000000..af22106
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.project.portfolio.js
@@ -0,0 +1,85 @@
+var BlankonProjectPortfolio = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectPortfolio.CubeportfolioTeam();
+        },
+
+        // =========================================================================
+        // CUBEPORTFOLIO TEAM
+        // =========================================================================
+        CubeportfolioTeam: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#grid-container').cubeportfolio({
+                    filters: '#filters-container',
+                    loadMore: '#loadMore-container',
+                    loadMoreAction: 'click',
+                    layoutMode: 'grid',
+                    defaultFilter: '*',
+                    animationType: 'quicksand',
+                    gapHorizontal: 35,
+                    gapVertical: 30,
+                    gridAdjustment: 'responsive',
+                    mediaQueries: [{
+                        width: 1100,
+                        cols: 4
+                    }, {
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 500,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    caption: 'overlayBottomReveal',
+                    displayType: 'sequentially',
+                    displayTypeSpeed: 80,
+
+                    // lightbox
+                    lightboxDelegate: '.cbp-lightbox',
+                    lightboxGallery: true,
+                    lightboxTitleSrc: 'data-title',
+                    lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
+
+                    // singlePage popup
+                    singlePageDelegate: '.cbp-singlePage',
+                    singlePageDeeplinking: true,
+                    singlePageStickyNavigation: true,
+                    singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
+                    singlePageCallback: function(url, element) {
+                        // to update singlePage content use the following method: this.updateSinglePage(yourContent)
+                        var t = this;
+
+                        $.ajax({
+                            url: url,
+                            type: 'GET',
+                            dataType: 'html',
+                            timeout: 10000
+                        })
+                            .done(function(result) {
+                                t.updateSinglePage(result);
+                            })
+                            .fail(function() {
+                                t.updateSinglePage('AJAX Error! Please refresh the page!');
+                            });
+                    },
+                });
+
+            })(jQuery, window, document);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectPortfolio.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.project.portfolio.type2.js b/vendor/javascripts/pages/blankon.project.portfolio.type2.js
new file mode 100755
index 0000000..fd4a578
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.project.portfolio.type2.js
@@ -0,0 +1,63 @@
+var BlankonProjectPortfolioType2 = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectPortfolioType2.CubeportfolioTeam();
+        },
+
+        // =========================================================================
+        // CUBEPORTFOLIO TEAM
+        // =========================================================================
+        CubeportfolioTeam: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#js-grid-mosaic-projects').cubeportfolio({
+                    filters: '#js-filters-mosaic-projects1,#js-filters-mosaic-projects2',
+                    loadMoreAction: 'click',
+                    layoutMode: 'mosaic',
+                    defaultFilter: '*',
+                    animationType: 'quicksand',
+                    gapHorizontal: 35,
+                    gapVertical: 30,
+                    gridAdjustment: 'responsive',
+                    mediaQueries: [{
+                        width: 1500,
+                        cols: 5
+                    }, {
+                        width: 1100,
+                        cols: 4
+                    }, {
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 480,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    caption: 'zoom',
+                    displayType: 'sequentially',
+                    displayTypeSpeed: 80,
+
+                    // lightbox
+                    lightboxDelegate: '.cbp-lightbox',
+                    lightboxGallery: true,
+                    lightboxTitleSrc: 'data-title',
+                    lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
+                });
+            })(jQuery, window, document);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectPortfolioType2.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.project.portfolio.type3.js b/vendor/javascripts/pages/blankon.project.portfolio.type3.js
new file mode 100755
index 0000000..646293a
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.project.portfolio.type3.js
@@ -0,0 +1,65 @@
+var BlankonProjectPortfolioType3 = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectPortfolioType3.CubeportfolioTeam();
+        },
+
+        // =========================================================================
+        // CUBEPORTFOLIO TEAM
+        // =========================================================================
+        CubeportfolioTeam: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#js-grid-mosaic').cubeportfolio({
+                    filters: '#js-filters-mosaic',
+                    loadMore: '#js-loadMore-mosaic',
+                    loadMoreAction: 'click',
+                    layoutMode: 'mosaic',
+                    sortToPreventGaps: true,
+                    mediaQueries: [{
+                        width: 1500,
+                        cols: 5
+                    }, {
+                        width: 1100,
+                        cols: 4
+                    }, {
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 480,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    defaultFilter: '*',
+                    animationType: 'quicksand',
+                    gapHorizontal: 0,
+                    gapVertical: 0,
+                    gridAdjustment: 'responsive',
+                    caption: 'zoom',
+                    displayType: 'sequentially',
+                    displayTypeSpeed: 100,
+
+                    // lightbox
+                    lightboxDelegate: '.cbp-lightbox',
+                    lightboxGallery: true,
+                    lightboxTitleSrc: 'data-title',
+                    lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
+                });
+            })(jQuery, window, document);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectPortfolioType3.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.project.portfolio.type4.js b/vendor/javascripts/pages/blankon.project.portfolio.type4.js
new file mode 100755
index 0000000..5175027
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.project.portfolio.type4.js
@@ -0,0 +1,87 @@
+var BlankonProjectPortfolioType4 = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectPortfolioType4.CubeportfolioTeam();
+        },
+
+        // =========================================================================
+        // CUBEPORTFOLIO TEAM
+        // =========================================================================
+        CubeportfolioTeam: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#js-grid-masonry-projects').cubeportfolio({
+                    filters: '#js-filters-masonry-projects',
+                    loadMore: '#js-loadMore-masonry-projects',
+                    loadMoreAction: 'click',
+                    layoutMode: 'grid',
+                    defaultFilter: '*',
+                    animationType: 'quicksand',
+                    gapHorizontal: 35,
+                    gapVertical: 25,
+                    gridAdjustment: 'responsive',
+                    mediaQueries: [{
+                        width: 1500,
+                        cols: 5
+                    }, {
+                        width: 1100,
+                        cols: 4
+                    }, {
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 480,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    caption: 'zoom',
+                    displayType: 'lazyLoading',
+                    displayTypeSpeed: 100,
+
+                    // lightbox
+                    lightboxDelegate: '.cbp-lightbox',
+                    lightboxGallery: true,
+                    lightboxTitleSrc: 'data-title',
+                    lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
+
+                    // singlePage popup
+                    singlePageDelegate: '.cbp-singlePage',
+                    singlePageDeeplinking: true,
+                    singlePageStickyNavigation: true,
+                    singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
+                    singlePageCallback: function(url, element) {
+                        // to update singlePage content use the following method: this.updateSinglePage(yourContent)
+                        var t = this;
+
+                        $.ajax({
+                            url: url,
+                            type: 'GET',
+                            dataType: 'html',
+                            timeout: 10000
+                        })
+                            .done(function(result) {
+                                t.updateSinglePage(result);
+                            })
+                            .fail(function() {
+                                t.updateSinglePage('AJAX Error! Please refresh the page!');
+                            });
+                    },
+                });
+            })(jQuery, window, document);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectPortfolioType4.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.project.team.js b/vendor/javascripts/pages/blankon.project.team.js
new file mode 100755
index 0000000..4b75b82
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.project.team.js
@@ -0,0 +1,74 @@
+var BlankonProjectTeam = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectTeam.CubeportfolioTeam();
+        },
+
+        // =========================================================================
+        // CUBEPORTFOLIO TEAM
+        // =========================================================================
+        CubeportfolioTeam: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#grid-container').cubeportfolio({
+                    filters: '#filters-container',
+                    layoutMode: 'grid',
+                    defaultFilter: '.all',
+                    animationType: 'sequentially',
+                    gapHorizontal: 50,
+                    gapVertical: 40,
+                    gridAdjustment: 'responsive',
+                    mediaQueries: [{
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 500,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    caption: 'fadeIn',
+                    displayType: 'lazyLoading',
+                    displayTypeSpeed: 100,
+
+                    // singlePage popup
+                    singlePageDelegate: '.cbp-singlePage',
+                    singlePageDeeplinking: true,
+                    singlePageStickyNavigation: true,
+                    singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
+                    singlePageCallback: function(url, element) {
+                        // to update singlePage content use the following method: this.updateSinglePage(yourContent)
+                        var t = this;
+
+                        $.ajax({
+                            url: url,
+                            type: 'GET',
+                            dataType: 'html',
+                            timeout: 10000
+                        })
+                            .done(function(result) {
+                                t.updateSinglePage(result);
+                            })
+                            .fail(function() {
+                                t.updateSinglePage('AJAX Error! Please refresh the page!');
+                            });
+                    },
+                });
+
+            })(jQuery, window, document);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectTeam.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.project.teamboard.js b/vendor/javascripts/pages/blankon.project.teamboard.js
new file mode 100755
index 0000000..2072e11
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.project.teamboard.js
@@ -0,0 +1,89 @@
+var BlankonProjectTeamBoard = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectTeamBoard.handleTabs();
+        },
+
+        // =========================================================================
+        // HANDLE TABS
+        // =========================================================================
+        handleTabs: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#js-grid-lightbox-teamboard').cubeportfolio({
+                    filters: '#js-filters-lightbox-teamboard1, #js-filters-lightbox-teamboard2',
+                    search: '#js-search-teamboard',
+                    loadMore: '#js-loadMore-lightbox-teamboard',
+                    loadMoreAction: 'click',
+                    layoutMode: 'grid',
+                    mediaQueries: [{
+                        width: 1500,
+                        cols: 5
+                    }, {
+                        width: 1100,
+                        cols: 4
+                    }, {
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 480,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    defaultFilter: '*',
+                    animationType: 'rotateSides',
+                    gapHorizontal: 10,
+                    gapVertical: 10,
+                    gridAdjustment: 'responsive',
+                    caption: 'zoom',
+                    displayType: 'sequentially',
+                    displayTypeSpeed: 100,
+
+                    // lightbox
+                    lightboxDelegate: '.cbp-lightbox',
+                    lightboxGallery: true,
+                    lightboxTitleSrc: 'data-title',
+                    lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
+
+                    // singlePageInline
+                    singlePageInlineDelegate: '.cbp-singlePageInline',
+                    singlePageInlinePosition: 'below',
+                    singlePageInlineInFocus: true,
+                    singlePageInlineCallback: function(url, element) {
+                        // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent)
+                        var t = this;
+
+                        $.ajax({
+                            url: url,
+                            type: 'GET',
+                            dataType: 'html',
+                            timeout: 10000
+                        })
+                            .done(function(result) {
+
+                                t.updateSinglePageInline(result);
+
+                            })
+                            .fail(function() {
+                                t.updateSinglePageInline('AJAX Error! Please refresh the page!');
+                            });
+                    },
+                });
+            })(jQuery, window, document);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectTeamBoard.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.search.basic.js b/vendor/javascripts/pages/blankon.search.basic.js
new file mode 100755
index 0000000..5704802
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.search.basic.js
@@ -0,0 +1,37 @@
+var BlankonSearchBasicPage = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonSearchBasicPage.searchTabs();
+        },
+
+        // =========================================================================
+        // TABS SEARCH
+        // =========================================================================
+        searchTabs: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#js-grid-tabs').cubeportfolio({
+                    filters: '#js-filters-tabs',
+                    defaultFilter: '.web',
+                    animationType: 'slideLeft',
+                    gridAdjustment: 'default',
+                    displayType: 'default',
+                    caption: ''
+                });
+            })(jQuery, window, document);
+
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonSearchBasicPage.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.search.js b/vendor/javascripts/pages/blankon.search.js
new file mode 100755
index 0000000..e06b4cb
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.search.js
@@ -0,0 +1,26 @@
+var BlankonSearchPage = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonSearchPage.chosenSelect();
+        },
+
+        // =========================================================================
+        // CHOSEN SELECT
+        // =========================================================================
+        chosenSelect: function () {
+            if($('.chosen-select').length){
+                $('.chosen-select').chosen();
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonSearchPage.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.sign.js b/vendor/javascripts/pages/blankon.sign.js
new file mode 100755
index 0000000..3fea0cd
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.sign.js
@@ -0,0 +1,181 @@
+var BlankonSign = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonSign.signBaseURL();
+            BlankonSign.signIE();
+            BlankonSign.signSound();
+            BlankonSign.signValidation();
+            BlankonSign.signSettingHeight();
+            BlankonSign.signInputSound();
+        },
+
+        // =========================================================================
+        // SET UP BASE URL
+        // =========================================================================
+        signBaseURL: function () {
+            var getUrl = window.location,
+                baseUrl = getUrl .protocol + "//" + getUrl.host + "/" + getUrl.pathname.split('/')[1];
+            return baseUrl;
+        },
+
+        // =========================================================================
+        // IE SUPPORT
+        // =========================================================================
+        signIE: function () {
+            // IE mode
+            var isIE8 = false;
+            var isIE9 = false;
+            var isIE10 = false;
+
+            // initializes main settings for IE
+            isIE8 = !! navigator.userAgent.match(/MSIE 8.0/);
+            isIE9 = !! navigator.userAgent.match(/MSIE 9.0/);
+            isIE10 = !! navigator.userAgent.match(/MSIE 10.0/);
+
+            if (isIE10) {
+                $('html').addClass('ie10'); // detect IE10 version
+            }
+
+            if (isIE10 || isIE9 || isIE8) {
+                $('html').addClass('ie'); // detect IE8, IE9, IE10 version
+            }
+
+            // Fix input placeholder issue for IE8 and IE9
+            if (isIE8 || isIE9) { // ie8 & ie9
+                // this is html5 placeholder fix for inputs, inputs with placeholder-no-fix class will be skipped(e.g: we need this for password fields)
+                $('input[placeholder]:not(.placeholder-no-fix), textarea[placeholder]:not(.placeholder-no-fix)').each(function () {
+                    var input = $(this);
+
+                    if (input.val() == '' && input.attr("placeholder") != '') {
+                        input.addClass("placeholder").val(input.attr('placeholder'));
+                    }
+
+                    input.focus(function () {
+                        if (input.val() == input.attr('placeholder')) {
+                            input.val('');
+                        }
+                    });
+
+                    input.blur(function () {
+                        if (input.val() == '' || input.val() == input.attr('placeholder')) {
+                            input.val(input.attr('placeholder'));
+                        }
+                    });
+                });
+            }
+        },
+
+        // =========================================================================
+        // SOUNDS
+        // =========================================================================
+        signSound: function () {
+            if($('.page-sound').length){
+                ion.sound({
+                    sounds: [
+                        {name: "light_bulb_breaking", volume: 0.6},
+                        {name: "tap", volume: 0.6},
+                        {name: "button_tiny", volume: 0.6},
+                        {name: "cd_tray", volume: 0.6}
+                    ],
+                    path: BlankonSign.signBaseURL()+'/assets/global/plugins/bower_components/ionsound/sounds/',
+                    preload: true
+                });
+            }
+        },
+
+        // =========================================================================
+        // FORM VALIDATION
+        // =========================================================================
+        signValidation: function () {
+            // Just demo form validation on desktop view width screen large then 1024px, not available on tablet and mobile view.
+            if($('.sign-in').length && $(window).width() >= 1024){
+
+                $('.sign-in').validate(
+                    {
+                        invalidHandler:
+                            function() {
+                                // Add effect animation css
+                                $('#sign-wrapper').addClass('animated shake');
+                                setTimeout(function(){$('#sign-wrapper').removeClass('animated shake')}, 1500);
+
+                                // Add effect sound
+                                if($('.page-sound').length){
+                                    ion.sound.play("light_bulb_breaking");
+                                }
+                            },
+                        rules:{
+                            username: {
+                                required: true
+                            },
+                            password: {
+                                required: true
+                            }
+                        },
+                        messages: {
+                            username: {
+                                required: "Just fill anything mr awesome"
+                            },
+                            password: {
+                                required: "Please provide a password"
+                            }
+                        },
+                        highlight:function(element) {
+                            $(element).parents('.form-group').addClass('has-error has-feedback');
+                        },
+                        unhighlight: function(element) {
+                            $(element).parents('.form-group').removeClass('has-error');
+                        },
+                        submitHandler: function(form){
+                            var btn = $('#login-btn');
+                            btn.html('Checking ...');
+                            // Add sounds
+                            if($('.page-sound').length){
+                                ion.sound.play("cd_tray");
+                            }
+                            btn.attr('disabled', 'disabled');
+                            setTimeout(function() {
+                                btn.text('Great MR AWESOME !');
+                            }, 2000);
+                            btn.removeAttr('disabled');
+                            setTimeout(function () {
+                                form.submit();
+                            }, 2500);
+                        }
+                    }
+                );
+            }
+        },
+
+        // =========================================================================
+        // SETTING HEIGHT
+        // =========================================================================
+        signSettingHeight: function () {
+            $('#sign-wrapper').css('min-height',$(window).outerHeight());
+        },
+
+        // =========================================================================
+        // INPUT SOUNDS
+        // =========================================================================
+        signInputSound: function () {
+            // Add sounds
+            if($('.page-sound').length){
+                $('input').on('input', function(){
+                    ion.sound.play("tap");
+                });
+                $('input[type=checkbox]').on('click', function(){
+                    ion.sound.play("button_tiny");
+                });
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonSign.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.sign.type2.js b/vendor/javascripts/pages/blankon.sign.type2.js
new file mode 100755
index 0000000..f709289
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.sign.type2.js
@@ -0,0 +1,45 @@
+var BlankonSignType2 = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonSignType2.signBackstretch();
+        },
+
+        // =========================================================================
+        // BACKSTRETCH
+        // =========================================================================
+        signBackstretch: function () {
+            // Duration is the amount of time in between slides,
+            // and fade is value that determines how quickly the next image will fade in
+            $.backstretch([
+                BlankonSign.signBaseURL()+'/img/bg/1.jpg',
+                BlankonSign.signBaseURL()+'/img/bg/2.jpg'
+            ], {duration: 5000, fade: 750});
+
+            // Setting login on yii version
+            if($('.yii2').length){
+                $.backstretch([
+                    BlankonSign.signBaseURL()+'/img/bg/1.jpg',
+                    BlankonSign.signBaseURL()+'/img/bg/2.jpg'
+                ], {duration: 5000, fade: 750});
+            }
+
+            // Setting login on yii version
+            if($('.laravel').length){
+                $.backstretch([
+                    BlankonSign.signBaseURL()+'/img/bg/1.jpg',
+                    BlankonSign.signBaseURL()+'/img/bg/2.jpg'
+                ], {duration: 5000, fade: 750});
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonSignType2.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.slider.js b/vendor/javascripts/pages/blankon.slider.js
new file mode 100755
index 0000000..d6235ca
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.slider.js
@@ -0,0 +1,134 @@
+var BlankonSlider = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonSlider.basicSlider();
+            BlankonSlider.contextualClassesSlider();
+            BlankonSlider.skinSlider();
+        },
+
+        // =========================================================================
+        // BASIC SLIDER
+        // =========================================================================
+        basicSlider: function () {
+            $("#slider-1").ionRangeSlider({
+                min: 0,
+                max: 10,
+                from: 1
+            });
+            $("#slider-2").ionRangeSlider({
+                min: 0,
+                max: 10,
+                from: 1,
+                type: 'single',
+                prefix: "$",
+                maxPostfix: "+",
+                prettify: false
+            });
+            $("#slider-3").ionRangeSlider({
+                values: [
+                    "January", "February",
+                    "March", "April",
+                    "May", "June",
+                    "July", "August",
+                    "September", "October",
+                    "November", "December"
+                ],
+                type: 'single',
+                from: 1
+            });
+            $("#slider-4").ionRangeSlider({
+                min: 0,
+                max: 10,
+                from: 1,
+                type: 'single',
+                step: 0.1,
+                postfix: " carats",
+                prettify: false
+            });
+        },
+
+        // =========================================================================
+        // CONTEXTUAL CLASSES SLIDER
+        // =========================================================================
+        contextualClassesSlider: function () {
+            $("#default-slider").ionRangeSlider({
+                min: 0,
+                max: 10,
+                from: 1
+            });
+            $("#primary-slider").ionRangeSlider({
+                min: 0,
+                max: 10,
+                from: 2
+            });
+            $("#success-slider").ionRangeSlider({
+                min: 0,
+                max: 10,
+                from: 3,
+                type: 'single'
+
+            });
+            $("#info-slider").ionRangeSlider({
+                min: 0,
+                max: 10,
+                from: 4
+            });
+            $("#warning-slider").ionRangeSlider({
+                min: 0,
+                max: 10,
+                from: 5
+            });
+            $("#danger-slider").ionRangeSlider({
+                min: 0,
+                max: 10,
+                from: 6
+            });
+            $("#lilac-slider").ionRangeSlider({
+                min: 0,
+                max: 10,
+                from: 7
+            });
+            $("#teal-slider").ionRangeSlider({
+                min: 0,
+                max: 10,
+                from: 6
+            });
+            $("#inverse-slider").ionRangeSlider({
+                min: 0,
+                max: 10,
+                from: 5
+            });
+        },
+
+        // =========================================================================
+        // SKIN SLIDER
+        // =========================================================================
+        skinSlider: function () {
+            $("#type-slider-1").ionRangeSlider({
+                min: 0,
+                max: 10,
+                from: 3
+            });
+            $("#type-slider-2").ionRangeSlider({
+                min: 0,
+                max: 10,
+                from: 6
+            });
+            $("#type-slider-3").ionRangeSlider({
+                min: 0,
+                max: 10,
+                from: 3
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonSlider.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.special.js b/vendor/javascripts/pages/blankon.special.js
new file mode 100755
index 0000000..0106070
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.special.js
@@ -0,0 +1,87 @@
+var BlankonSpecial = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonSpecial.handleSortingFiltering();
+        },
+
+        // =========================================================================
+        // SORTING & FILTERING
+        // =========================================================================
+        handleSortingFiltering: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#js-grid-lightbox-showcase-slider-revolution').cubeportfolio({
+                    layoutMode: 'grid',
+                    mediaQueries: [{
+                        width: 1500,
+                        cols: 5
+                    }, {
+                        width: 1100,
+                        cols: 3
+                    }, {
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 480,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    defaultFilter: '*',
+                    animationType: 'rotateSides',
+                    gapHorizontal: 10,
+                    gapVertical: 10,
+                    gridAdjustment: 'responsive',
+                    caption: 'zoom',
+                    displayType: 'sequentially',
+                    displayTypeSpeed: 100,
+
+                    // lightbox
+                    lightboxDelegate: '.cbp-lightbox',
+                    lightboxGallery: true,
+                    lightboxTitleSrc: 'data-title',
+                    lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
+
+                    // singlePageInline
+                    singlePageInlineDelegate: '.cbp-singlePageInline',
+                    singlePageInlinePosition: 'below',
+                    singlePageInlineInFocus: true,
+                    singlePageInlineCallback: function(url, element) {
+                        // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent)
+                        var t = this;
+
+                        $.ajax({
+                            url: url,
+                            type: 'GET',
+                            dataType: 'html',
+                            timeout: 10000
+                        })
+                            .done(function(result) {
+
+                                t.updateSinglePageInline(result);
+
+                                // Call tooltips
+                                BlankonApp.handleTooltip();
+                            })
+                            .fail(function() {
+                                t.updateSinglePageInline('AJAX Error! Please refresh the page!');
+                            });
+                    }
+                });
+            })(jQuery, window, document);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonSpecial.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.table.advanced.js b/vendor/javascripts/pages/blankon.table.advanced.js
new file mode 100755
index 0000000..bb2b6a2
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.table.advanced.js
@@ -0,0 +1,720 @@
+'use strict';
+var BlankonTableAdvanced = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonTableAdvanced.callModal();
+            BlankonTableAdvanced.handleDatatable();
+            BlankonTableAdvanced.handleAJAXSimulation();
+            BlankonTableAdvanced.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // CALL MODAL FIRST
+        // =========================================================================
+        callModal: function () {
+            $('#modal-feature-datatable').modal(
+                {
+                    show: true,
+                    keyboard: false
+                }
+            );
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/table-advanced/datatable-sample.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': [2, 3, 7],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 7,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonTableAdvanced.handleActionViewDatatable();
+                    BlankonTableAdvanced.handleActionEditDatatable();
+                    BlankonTableAdvanced.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonTableAdvanced.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/table-advanced/datatable-sample.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': [2, 3, 7],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 7,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonTableAdvanced.handleActionViewDatatable();
+                        BlankonTableAdvanced.handleActionEditDatatable();
+                        BlankonTableAdvanced.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonTableAdvanced.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // DATATABLE AJAX SIMULATION USING JQUERY MOCKJAX
+        // =========================================================================
+        handleAJAXSimulation: function () {
+            // AJAX emulation
+            $.mockjax({
+                'url': getBaseURL+'/assets/admin/data/table-advanced/datatable-sample.json',
+                responseTime: 200,
+                responseText: {
+                    "data": [
+                        ["1","Tiger Nixon","System Architect","Edinburgh","5421","2011\/04\/25","$320,800"],
+                        ["2","Garrett Winters","Accountant","Tokyo","8422","2011\/07\/25","$170,750"],
+                        ["3","Ashton Cox","Junior Technical Author","San Francisco","1562","2009\/01\/12","$86,000"],
+                        ["4","Cedric Kelly","Senior Javascript Developer","Edinburgh","6224","2012\/03\/29","$433,060"],
+                        ["5","Airi Satou","Accountant","Tokyo","5407","2008\/11\/28","$162,700"],
+                        ["6","Brielle Williamson","Integration Specialist","New York","4804","2012\/12\/02","$372,000"],
+                        ["7","Herrod Chandler","Sales Assistant","San Francisco","9608","2012\/08\/06","$137,500"],
+                        ["8","Rhona Davidson","Integration Specialist","Tokyo","6200","2010\/10\/14","$327,900"],
+                        ["9","Colleen Hurst","Javascript Developer","San Francisco","2360","2009\/09\/15","$205,500"],
+                        ["10","Sonya Frost","Software Engineer","Edinburgh","1667","2008\/12\/13","$103,600"],
+                        ["11","Jena Gaines","Office Manager","London","3814","2008\/12\/19","$90,560"],
+                        ["12","Quinn Flynn","Support Lead","Edinburgh","9497","2013\/03\/03","$342,000"],
+                        ["13","Charde Marshall","Regional Director","San Francisco","6741","2008\/10\/16","$470,600"],
+                        ["14","Haley Kennedy","Senior Marketing Designer","London","3597","2012\/12\/18","$313,500"],
+                        ["15","Tatyana Fitzpatrick","Regional Director","London","1965","2010\/03\/17","$385,750"],
+                        ["16","Michael Silva","Marketing Designer","London","1581","2012\/11\/27","$198,500"],
+                        ["17","Paul Byrd","Chief Financial Officer (CFO)","New York","3059","2010\/06\/09","$725,000"],
+                        ["18","Gloria Little","Systems Administrator","New York","1721","2009\/04\/10","$237,500"],
+                        ["19","Bradley Greer","Software Engineer","London","2558","2012\/10\/13","$132,000"],
+                        ["20","Dai Rios","Personnel Lead","Edinburgh","2290","2012\/09\/26","$217,500"],
+                        ["21","Jenette Caldwell","Development Lead","New York","1937","2011\/09\/03","$345,000"],
+                        ["22","Yuri Berry","Chief Marketing Officer (CMO)","New York","6154","2009\/06\/25","$675,000"],
+                        ["23","Caesar Vance","Pre-Sales Support","New York","8330","2011\/12\/12","$106,450"],
+                        ["24","Doris Wilder","Sales Assistant","Sidney","3023","2010\/09\/20","$85,600"],
+                        ["25","Angelica Ramos","Chief Executive Officer (CEO)","London","5797","2009\/10\/09","$1,200,000"],
+                        ["26","Gavin Joyce","Developer","Edinburgh","8822","2010\/12\/22","$92,575"],
+                        ["27","Jennifer Chang","Regional Director","Singapore","9239","2010\/11\/14","$357,650"],
+                        ["28","Brenden Wagner","Software Engineer","San Francisco","1314","2011\/06\/07","$206,850"],
+                        ["29","Fiona Green","Chief Operating Officer (COO)","San Francisco","2947","2010\/03\/11","$850,000"],
+                        ["30","Shou Itou","Regional Marketing","Tokyo","8899","2011\/08\/14","$163,000"],
+                        ["31","Michelle House","Integration Specialist","Sidney","2769","2011\/06\/02","$95,400"],
+                        ["32","Suki Burks","Developer","London","6832","2009\/10\/22","$114,500"],
+                        ["33","Prescott Bartlett","Technical Author","London","3606","2011\/05\/07","$145,000"],
+                        ["34","Gavin Cortez","Team Leader","San Francisco","2860","2008\/10\/26","$235,500"],
+                        ["35","Martena Mccray","Post-Sales support","Edinburgh","8240","2011\/03\/09","$324,050"],
+                        ["36","Unity Butler","Marketing Designer","San Francisco","5384","2009\/12\/09","$85,675"],
+                        ["37","Howard Hatfield","Office Manager","San Francisco","7031","2008\/12\/16","$164,500"],
+                        ["38","Hope Fuentes","Secretary","San Francisco","6318","2010\/02\/12","$109,850"],
+                        ["39","Vivian Harrell","Financial Controller","San Francisco","9422","2009\/02\/14","$452,500"],
+                        ["40","Timothy Mooney","Office Manager","London","7580","2008\/12\/11","$136,200"],
+                        ["41","Jackson Bradshaw","Director","New York","1042","2008\/09\/26","$645,750"],
+                        ["42","Olivia Liang","Support Engineer","Singapore","2120","2011\/02\/03","$234,500"],
+                        ["43","Bruno Nash","Software Engineer","London","6222","2011\/05\/03","$163,500"],
+                        ["44","Sakura Yamamoto","Support Engineer","Tokyo","9383","2009\/08\/19","$139,575"],
+                        ["45","Thor Walton","Developer","New York","8327","2013\/08\/11","$98,540"],
+                        ["46","Finn Camacho","Support Engineer","San Francisco","2927","2009\/07\/07","$87,500"],
+                        ["47","Serge Baldwin","Data Coordinator","Singapore","8352","2012\/04\/09","$138,575"],
+                        ["48","Zenaida Frank","Software Engineer","New York","7439","2010\/01\/04","$125,250"],
+                        ["49","Zorita Serrano","Software Engineer","San Francisco","4389","2012\/06\/01","$115,000"],
+                        ["50","Jennifer Acosta","Junior Javascript Developer","Edinburgh","3431","2013\/02\/01","$75,650"],
+                        ["51","Cara Stevens","Sales Assistant","New York","3990","2011\/12\/06","$145,600"],
+                        ["52","Hermione Butler","Regional Director","London","1016","2011\/03\/21","$356,250"],
+                        ["53","Lael Greer","Systems Administrator","London","6733","2009\/02\/27","$103,500"],
+                        ["54","Jonas Alexander","Developer","San Francisco","8196","2010\/07\/14","$86,500"],
+                        ["55","Shad Decker","Regional Director","Edinburgh","6373","2008\/11\/13","$183,000"],
+                        ["56","Michael Bruce","Javascript Developer","Singapore","5384","2011\/06\/27","$183,000"],
+                        ["57","Donna Snider","Customer Support","New York","4226","2011\/01\/25","$112,000"]
+                    ]
+                }
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-2 control-label">Name :</label>' +
+                    '<div class="col-sm-10">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-2 control-label">Position :</label>' +
+                    '<div class="col-sm-10">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-2 control-label">Office :</label>' +
+                    '<div class="col-sm-10">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-2 control-label">Extn. :</label>' +
+                    '<div class="col-sm-10">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-2 control-label">Start Date :</label>' +
+                    '<div class="col-sm-10">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-2 control-label">Salary :</label>' +
+                    '<div class="col-sm-10">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-2 control-label">Name</label>' +
+                    '<div class="col-sm-10">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-2 control-label">Position</label>' +
+                    '<div class="col-sm-10">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-2 control-label">Office</label>' +
+                    '<div class="col-sm-10">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-2 control-label">Extn.</label>' +
+                    '<div class="col-sm-10">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-2 control-label">Start Date</label>' +
+                    '<div class="col-sm-10">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-2 control-label">Salary</label>' +
+                    '<div class="col-sm-10">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[6]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonTableAdvanced.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonTableAdvanced.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.table.color.js b/vendor/javascripts/pages/blankon.table.color.js
new file mode 100755
index 0000000..5ca5cf5
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.table.color.js
@@ -0,0 +1,26 @@
+var BlankonTableColor = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonTableColor.changeColor();
+        },
+
+        // =========================================================================
+        // ANIMATE TRIGGER
+        // =========================================================================
+        changeColor: function () {
+            $('#trigger-change-color li a').on('click', function () {
+                $(this).closest('.panel').find('.table').removeClass().addClass('table table-striped '+$(this).data('class'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonTableColor.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.table.js b/vendor/javascripts/pages/blankon.table.js
new file mode 100755
index 0000000..1e1b076
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.table.js
@@ -0,0 +1,359 @@
+'use strict';
+var BlankonTable = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var globalPluginsPath = BlankonApp.handleBaseURL()+'/assets/global/plugins/bower_components';
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonTable.datatable();
+        },
+
+        // =========================================================================
+        // DATATABLE
+        // =========================================================================
+        datatable: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+
+            var tableAjax = $('#datatable-ajax');
+            var tableDom = $('#datatable-dom');
+
+            // Using AJAX
+            tableAjax.dataTable({
+                autoWidth      : false,
+                ajax           : globalPluginsPath+'/datatables/datatable-sample.json',
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperAjax) {
+                        responsiveHelperAjax = new ResponsiveDatatablesHelper(tableAjax, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperAjax.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperAjax.respond();
+                }
+            });
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0, 1, 2, 5 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+
+            // Repeater
+            var columns = [
+                {
+                    label: 'Code Product',
+                    property: 'codeProduct',
+                    sortable: true
+                },
+                {
+                    label: 'Name',
+                    property: 'name',
+                    sortable: true
+                },
+                {
+                    label: 'Available',
+                    property: 'available',
+                    sortable: true
+                },
+                {
+                    label: 'Price',
+                    property: 'price',
+                    sortable: true
+                },
+                {
+                    label: 'Item Condition',
+                    property: 'itemCondition',
+                    sortable: true
+                },
+                {
+                    label: 'Sold',
+                    property: 'sold',
+                    sortable: true
+                },
+                {
+                    label: 'Review',
+                    property: 'review',
+                    sortable: true
+                }
+            ];
+            var delays = ['300', '600', '900', '1200'];
+            var products = [
+                {
+                    "codeProduct": "#101",
+                    "name": "Canon EOS Rebel",
+                    "available": "5",
+                    "price": "US $349.95",
+                    "itemCondition": "Manufacturer",
+                    "sold": "5",
+                    "review": "253 people",
+                    "ThumbnailAltText": "Canon EOS Rebel",
+                    "ThumbnailImage": "/blankon-fullpack-admin-theme/img/media/shop/1.jpg",
+                    "type": "electronics, camera"
+                },
+                {
+                    "codeProduct": "#102",
+                    "name": "Samsung Galaxy S III",
+                    "available": "25",
+                    "price": "US $197.42",
+                    "itemCondition": "New other",
+                    "sold": "23",
+                    "review": "563 people",
+                    "ThumbnailAltText": "Samsung Galaxy S III",
+                    "ThumbnailImage": "/blankon-fullpack-admin-theme/img/media/shop/2.jpg",
+                    "type": "electronics, mobile, gadget"
+                },
+                {
+                    "codeProduct": "#103",
+                    "name": "Samsung 32' LED",
+                    "available": "231",
+                    "price": "US $199.99",
+                    "itemCondition": "New",
+                    "sold": "67",
+                    "review": "342 people",
+                    "ThumbnailAltText": "Samsung 32' LED",
+                    "ThumbnailImage": "/blankon-fullpack-admin-theme/img/media/shop/3.jpg",
+                    "type": "electronics, tv"
+                },
+                {
+                    "codeProduct": "#104",
+                    "name": "IOTA - Love Come Wicked",
+                    "available": "200",
+                    "price": "US $19.99",
+                    "itemCondition": "Used",
+                    "sold": "45",
+                    "review": "333 people",
+                    "ThumbnailAltText": "IOTA - Love Come Wicked",
+                    "ThumbnailImage": "/blankon-fullpack-admin-theme/img/media/shop/4.jpg",
+                    "type": "music"
+                },
+                {
+                    "codeProduct": "#105",
+                    "name": "Jimmy Van Eaton",
+                    "available": "567",
+                    "price": "US $11.50",
+                    "itemCondition": "Used",
+                    "sold": "67",
+                    "review": "102 people",
+                    "ThumbnailAltText": "Jimmy Van Eaton",
+                    "ThumbnailImage": "/blankon-fullpack-admin-theme/img/media/shop/5.jpg",
+                    "type": "music"
+                },
+                {
+                    "codeProduct": "#106",
+                    "name": "Sexy Fashion Women's",
+                    "available": "458",
+                    "price": "US $6.39",
+                    "itemCondition": "New with tags",
+                    "sold": "234",
+                    "review": "642 people",
+                    "ThumbnailAltText": "Sexy Fashion Women's",
+                    "ThumbnailImage": "/blankon-fullpack-admin-theme/img/media/shop/6.jpg",
+                    "type": "fashion"
+                },
+                {
+                    "codeProduct": "#107",
+                    "name": "Korean Fashion Women's",
+                    "available": "843",
+                    "price": "US $7.99",
+                    "itemCondition": "New with tags",
+                    "sold": "543",
+                    "review": "643 people",
+                    "ThumbnailAltText": "Korean Fashion Women's",
+                    "ThumbnailImage": "/blankon-fullpack-admin-theme/img/media/shop/7.jpg",
+                    "type": "fashion, korean"
+                },
+                {
+                    "codeProduct": "#108",
+                    "name": "Fashion Women Loose",
+                    "available": "290",
+                    "price": "US $7.58",
+                    "itemCondition": "New with tags",
+                    "sold": "312",
+                    "review": "365 people",
+                    "ThumbnailAltText": "Fashion Women Loose",
+                    "ThumbnailImage": "/blankon-fullpack-admin-theme/img/media/shop/8.jpg",
+                    "type": "fashion"
+                },
+                {
+                    "codeProduct": "#109",
+                    "name": "10 Seeds Miracle Fruits",
+                    "available": "340",
+                    "price": "US $15.99",
+                    "itemCondition": "New with tags",
+                    "sold": "290",
+                    "review": "110 people",
+                    "ThumbnailAltText": "10 Seeds Miracle Fruits",
+                    "ThumbnailImage": "/blankon-fullpack-admin-theme/img/media/shop/9.jpg",
+                    "type": "home_garden"
+                },
+                {
+                    "codeProduct": "#110",
+                    "name": "10 Seeds Triphasia",
+                    "available": "563",
+                    "price": "US $9.99",
+                    "itemCondition": "New",
+                    "sold": "342",
+                    "review": "876 people",
+                    "ThumbnailAltText": "10 Seeds Triphasia",
+                    "ThumbnailImage": "/blankon-fullpack-admin-theme/img/media/shop/10.jpg",
+                    "type": "home_garden"
+                },
+                {
+                    "codeProduct": "#111",
+                    "name": "Nike Men's Mercurial",
+                    "available": "742",
+                    "price": "US $29.99",
+                    "itemCondition": "New without box",
+                    "sold": "732",
+                    "review": "653 people",
+                    "ThumbnailAltText": "Nike Men's Mercurial",
+                    "ThumbnailImage": "/blankon-fullpack-admin-theme/img/media/shop/11.jpg",
+                    "type": "sport, all"
+                },
+                {
+                    "codeProduct": "#112",
+                    "name": "CR7 Jersey Real Madrid",
+                    "available": "345",
+                    "price": "US $24.99",
+                    "itemCondition": "New",
+                    "sold": "300",
+                    "review": "456 people",
+                    "ThumbnailAltText": "CR7 Jersey Real Madrid",
+                    "ThumbnailImage": "/blankon-fullpack-admin-theme/img/media/shop/12.jpg",
+                    "type": "sport, jersey"
+                }
+            ];
+            var dataSource, filtering;
+
+            dataSource = function(options, callback){
+                var items = filtering(options);
+                var resp = {
+                    count: items.length,
+                    items: [],
+                    page: options.pageIndex,
+                    pages: Math.ceil(items.length/(options.pageSize || 50))
+                };
+                var i, items, l;
+
+                i = options.pageIndex * (options.pageSize || 50);
+                l = i + (options.pageSize || 50);
+                l = (l <= resp.count) ? l : resp.count;
+                resp.start = i + 1;
+                resp.end = l;
+
+                if(options.view==='list' || options.view==='thumbnail'){
+                    if(options.view==='list'){
+                        resp.columns = columns;
+                        for(i; i<l; i++){
+                            resp.items.push(items[i]);
+                        }
+                    }else{
+                        for(i; i<l; i++){
+                            resp.items.push({
+                                name: items[i].name,
+                                src: items[i].ThumbnailImage
+                            });
+                        }
+                    }
+
+                    setTimeout(function(){
+                        callback(resp);
+                    }, delays[Math.floor(Math.random() * 4)]);
+                }
+            };
+
+            filtering = function(options){
+                var items = $.extend([], products);
+                var search;
+                if(options.filter.value!=='all'){
+                    items = $.grep(items, function(item){
+                        return (item.type.search(options.filter.value)>=0);
+                    });
+                }
+                if(options.search){
+                    search = options.search.toLowerCase();
+                    items = $.grep(items, function(item){
+                        return (
+                        (item.codeProduct.toLowerCase().search(options.search)>=0) ||
+                        (item.name.toLowerCase().search(options.search)>=0) ||
+                        (item.available.toLowerCase().search(options.search)>=0) ||
+                        (item.price.toLowerCase().search(options.search)>=0) ||
+                        (item.itemCondition.toLowerCase().search(options.search)>=0) ||
+                        (item.sold.toLowerCase().search(options.search)>=0) ||
+                        (item.review.toLowerCase().search(options.search)>=0) ||
+                        (item.type.toLowerCase().search(options.search)>=0)
+                        );
+                    });
+                }
+                if(options.sortProperty){
+                    items = $.grep(items, function(item){
+                        if(options.sortProperty==='id' || options.sortProperty==='height' || options.sortProperty==='weight'){
+                            return parseFloat(item[options.sortProperty]);
+                        }else{
+                            return item[options.sortProperty];
+                        }
+                    });
+                    if(options.sortDirection==='desc'){
+                        items.reverse();
+                    }
+                }
+
+                return items;
+            };
+
+            // REPEATER
+            $('#repeaterIllustration').repeater({
+                dataSource: dataSource
+            });
+
+            $('#myRepeater').repeater({
+                dataSource: dataSource
+            });
+
+            $('#myRepeaterList').repeater({
+                dataSource: dataSource
+            });
+
+            $('#myRepeaterThumbnail').repeater({
+                dataSource: dataSource,
+                thumbnail_template: '<div class="thumbnail repeater-thumbnail" style="background: {{color}};"><img height="75" src="{{src}}" width="65"><span>{{name}}</span></div>'
+            });
+
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonTable.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.table.samples.js b/vendor/javascripts/pages/blankon.table.samples.js
new file mode 100755
index 0000000..e64c4de
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.table.samples.js
@@ -0,0 +1,43 @@
+var BlankonTableSamples = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonTableSamples.tabTable();
+            BlankonTableSamples.chartDay();
+        },
+
+        // =========================================================================
+        // TABS TABLE
+        // =========================================================================
+        tabTable: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio unfold
+                $('#js-grid-tabs-unfold').cubeportfolio({
+                    filters: '#js-filters-tabs-unfold',
+                    defaultFilter: '.tab-1',
+                    animationType: 'unfold',
+                    gridAdjustment: 'default',
+                    displayType: 'default'
+                });
+
+            })(jQuery, window, document);
+        },
+
+        chartDay: function () {
+            $(".pie").peity("pie", {
+                fill: ["#81B71A", "#d7d7d7"]
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonTableSamples.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.timeline.js b/vendor/javascripts/pages/blankon.timeline.js
new file mode 100755
index 0000000..d2e157c
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.timeline.js
@@ -0,0 +1,37 @@
+var BlankonTimeline = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonTimeline.mapMarker();
+        },
+
+        // =========================================================================
+        // WITH MARKER / GMAP3
+        // =========================================================================
+        mapMarker: function () {
+            if($('#map-marker').length){
+                $('#map-marker').gmap3({
+                    marker:{
+                        address: "Haltern am See, Weseler Str. 151"
+                    },
+                    map:{
+                        options:{
+                            zoom: 14
+                        }
+                    }
+                });
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonTimeline.init();
+
+
diff --git a/vendor/javascripts/pages/blankon.timeline.type2.js b/vendor/javascripts/pages/blankon.timeline.type2.js
new file mode 100755
index 0000000..5fee1dc
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.timeline.type2.js
@@ -0,0 +1,37 @@
+var BlankonTimelineType2 = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonTimelineType2.mapMarker();
+        },
+
+        // =========================================================================
+        // WITH MARKER / GMAP3
+        // =========================================================================
+        mapMarker: function () {
+            if($('#map-marker').length){
+                $('#map-marker').gmap3({
+                    marker:{
+                        address: "Haltern am See, Weseler Str. 151"
+                    },
+                    map:{
+                        options:{
+                            zoom: 14
+                        }
+                    }
+                });
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonTimelineType2.init();
+
+
diff --git a/vendor/javascripts/pages/blankon.typography.js b/vendor/javascripts/pages/blankon.typography.js
new file mode 100755
index 0000000..685607e
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.typography.js
@@ -0,0 +1,11 @@
+(function(jQuery){
+    // =========================================================================
+    // CODE PRETTIFY
+    // =========================================================================
+    jQuery( document ).ready( function() {
+
+        prettyPrint();
+
+    } );
+
+}(jQuery))
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.ui.feature.bootstrap.tour.js b/vendor/javascripts/pages/blankon.ui.feature.bootstrap.tour.js
new file mode 100755
index 0000000..7e6781d
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.ui.feature.bootstrap.tour.js
@@ -0,0 +1,181 @@
+var BlankonUiFeatureBootstrapTour = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonUiFeatureBootstrapTour.callModal();
+        },
+
+        // =========================================================================
+        // CALL MODAL FIRST
+        // =========================================================================
+        callModal: function () {
+            $('#modal-bootstrap-tour').modal(
+                {
+                    show: true,
+                    backdrop: 'static',
+                    keyboard: false
+                }
+            );
+        },
+
+        // =========================================================================
+        // INITIALIZE THE TOUR
+        // =========================================================================
+        handleTour: function () {
+            // Instance the tour
+            var tour = new Tour({
+                name: "tour",
+                steps: [
+                    {
+                        element: "#tour-1",
+                        title: "Sidebar Navigation",
+                        content: "Click for change to sidebar default to sidebar minimize navigation.",
+                        placement: "bottom"
+                    },
+                    {
+                        element: "#tour-2",
+                        title: "Form Search",
+                        content: "Search engine powerfull with autocomplete plugin. Just sample type blankon on here.",
+                        placement: "bottom"
+                    },
+                    {
+                        element: "#tour-3",
+                        title: "Navbar Messages",
+                        content: "All messages shortcut can ben handle on here, plus with animation label for attention user.",
+                        placement: "bottom"
+                    },
+                    {
+                        element: "#tour-4",
+                        title: "Navbar Notifications",
+                        content: "All notifications shortcut can ben handle on here, plus with animation label for attention user.",
+                        placement: "bottom"
+                    },
+                    {
+                        element: "#tour-5",
+                        title: "Menu Profile",
+                        content: "Handle menu profile on here, just simple like this.",
+                        placement: "bottom"
+                    },
+                    {
+                        element: "#tour-6",
+                        title: "Sidebar Navigation",
+                        content: "Click for show sidebar right to content Blankon.",
+                        placement: "left"
+                    },
+                    {
+                        element: "#tour-7",
+                        title: "Welcome to Bootstrap Tour!",
+                        content: "Introduce new users to your product by walking them through it step by step.",
+                        placement: "top"
+                    },
+                    {
+                        element: "#tour-8",
+                        title: "A super simple setup",
+                        content: "Easy is better, right? The tour is up and running with just a few options and steps.",
+                        placement: "top"
+                    },
+                    {
+                        element: "#tour-9",
+                        title: "Best of all",
+                        content: "Yeah! Free as in beer... or speech. Use and abuse, but don't forget to contribute!",
+                        placement: "top"
+                    },
+                    {
+                        element: "#tour-10",
+                        title: "Flexibilty and expressiveness",
+                        content: "There are more options for those who want to get on the dark side.<br>\nPower to the people!",
+                        placement: "top",
+                        reflex: true
+                    },
+                    {
+                        element: "#tour-11",
+                        title: "Automagically expiring step",
+                        content: "A new addition: make your tour (or step) completely automatic. You set the duration, Bootstrap\nTour does the rest. For instance, this step will disappear in <em>5</em> seconds.",
+                        placement: "top",
+                        duration: 5000
+                    },
+                    {
+                        element: "#tour-12",
+                        title: "A new shiny Backdrop option",
+                        content: "If you need to highlight the current step's element, activate the backdrop and you won't lose\nthe focus anymore!",
+                        placement: "top",
+                        backdrop: true
+                    },
+                    {
+                        element: "#tour-13",
+                        title: "Reflex mode",
+                        content: "Reflex mode is enabled, click on the text in the cell to continue!",
+                        placement: "top",
+                        reflex: true
+                    },
+                    {
+                        title: "And support for orphan steps",
+                        content: "If you activate the orphan property, the step(s) are shown centered in the page, and you can\nforget to specify element and placement!",
+                        placement: "top",
+                        orphan: true
+                    }
+                ],
+                container: "body",
+                keyboard: true,
+                storage: false,
+                debug: false,
+                backdrop: false,
+                backdropContainer: 'body',
+                backdropPadding: 0,
+                redirect: true,
+                orphan: false,
+                duration: false,
+                delay: false,
+                basePath: "",
+                template: "<div class='popover tour'>" +
+                "<div class='arrow'></div>" +
+                "<h3 class='popover-title'></h3>" +
+                "<div class='popover-content'></div>" +
+                "<div class='popover-navigation'>" +
+                "<button class='btn btn-primary btn-sm' data-role='prev'>« Prev</button>" +
+                "<span data-role='separator'></span>" +
+                "<button class='btn btn-primary btn-sm' data-role='next'>Next »</button>" +
+                "<span data-role='separator'></span>" +
+                "<button class='btn btn-danger btn-sm' data-role='end'>End tour</button>" +
+                "</div>" +
+                "</div>" +
+                "</div>",
+                afterGetState: function (key, value) {},
+                afterSetState: function (key, value) {},
+                afterRemoveState: function (key, value) {},
+                onStart: function (tour) {},
+                onEnd: function (tour) {
+                    $('#modal-bootstrap-tour-end').modal(
+                        {
+                            show: true
+                        }
+                    );
+                },
+                onShow: function (tour) {},
+                onShown: function (tour) {},
+                onHide: function (tour) {},
+                onHidden: function (tour) {},
+                onNext: function (tour) {},
+                onPrev: function (tour) {},
+                onPause: function (tour, duration) {},
+                onResume: function (tour, duration) {},
+                onRedirectError: function (tour) {}
+        });
+
+            // Initialize the tour
+            tour.init();
+
+            // Start the tour
+            tour.start();
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonUiFeatureBootstrapTour.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.ui.feature.grid.stack.js b/vendor/javascripts/pages/blankon.ui.feature.grid.stack.js
new file mode 100755
index 0000000..d6c6646
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.ui.feature.grid.stack.js
@@ -0,0 +1,28 @@
+var BlankonUiFeatureGridStack = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonUiFeatureGridStack.handleGridStack();
+        },
+
+        // =========================================================================
+        // HANDLE GRID STACK
+        // =========================================================================
+        handleGridStack: function () {
+            var options = {
+                cell_height: 80,
+                vertical_margin: 20
+            };
+            $('.grid-stack').gridstack(options);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonUiFeatureGridStack.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.ui.feature.notifications.js b/vendor/javascripts/pages/blankon.ui.feature.notifications.js
new file mode 100755
index 0000000..4ddc4c7
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.ui.feature.notifications.js
@@ -0,0 +1,114 @@
+var BlankonUiFeatureNotifications = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonUiFeatureNotifications.initNoty();
+        },
+
+        // =========================================================================
+        // INIT NOTY
+        // =========================================================================
+        initNoty: function () {
+            window.anim = {};
+            window.anim.open = 'flipInX';
+            window.anim.close = 'flipOutX';
+
+            $('#anim-open').on('change', function (e) {
+                window.anim.open = $(this).val();
+            });
+
+            $('#anim-close').on('change', function (e) {
+                window.anim.close = $(this).val();
+            });
+            $('.runner').on('click', function (e) {
+
+                var notes = [];
+
+                notes['alert'] = 'Best check yo self, you\'re not looking too good.';
+                notes['error'] = 'Change a few things up and try submitting again.';
+                notes['success'] = 'You successfully read this important alert message.';
+                notes['information'] = 'This alert needs your attention, but it\'s not super important.';
+                notes['warning'] = '<strong>Warning!</strong> <br /> Best check yo self, you\'re not looking too good.';
+                notes['confirm'] = 'Do you want to continue?';
+
+                e.preventDefault();
+
+                var self = $(this);
+
+                if (self.data('layout') == 'inline') {
+                    $(self.data('custom')).noty({
+                        text        : notes[self.data('type')],
+                        type        : self.data('type'),
+                        theme       : 'relax',
+                        dismissQueue: true,
+                        animation   : {
+                            open  : 'animated bounceInRight',
+                            close : 'animated bounceOutRight'
+                        },
+                        buttons     : (self.data('type') != 'confirm') ? false : [
+                            {addClass: 'btn btn-primary', text: 'Ok', onClick: function ($noty) {
+
+                                // this = button element
+                                // $noty = $noty element
+
+                                $noty.close();
+                                $(self.data('custom')).noty({force: true, text: 'You clicked "Ok" button', type: 'success'});
+                            }
+                            },
+                            {addClass: 'btn btn-danger', text: 'Cancel', onClick: function ($noty) {
+                                $noty.close();
+                                $(self.data('custom')).noty({force: true, text: 'You clicked "Cancel" button', type: 'error'});
+                            }
+                            }
+                        ]
+                    });
+                    return false;
+                }
+
+                noty({
+                    text        : notes[self.data('type')],
+                    type        : self.data('type'),
+                    theme       : 'relax',
+                    dismissQueue: true,
+                    layout      : self.data('layout'),
+                    animation   : {
+                        open  : 'animated ' + window.anim.open,
+                        close : 'animated ' + window.anim.close
+                    },
+                    buttons     : (self.data('type') != 'confirm') ? false : [
+                        {addClass: 'btn btn-primary', text: 'Ok', onClick: function ($noty) {
+
+                            // this = button element
+                            // $noty = $noty element
+
+                            $noty.close();
+                            noty({force: true, theme: 'relax', animation: {
+                                open  : 'animated ' + window.anim.open,
+                                close : 'animated ' + window.anim.close
+                            }, text: 'You clicked "Ok" button', type: 'success', layout: self.data('layout')});
+                        }
+                        },
+                        {addClass: 'btn btn-danger', text: 'Cancel', onClick: function ($noty) {
+                            $noty.close();
+                            noty({force: true, theme: 'relax', animation: {
+                                open  : 'animated bounceIn',
+                                close : 'animated bounceOut'
+                            }, text: 'You clicked "Cancel" button', type: 'error', layout: self.data('layout')});
+                        }
+                        }
+                    ]
+                });
+                return false;
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonUiFeatureNotifications.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.widget.social.js b/vendor/javascripts/pages/blankon.widget.social.js
new file mode 100755
index 0000000..cd7e230
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.widget.social.js
@@ -0,0 +1,186 @@
+var BlankonWeatherSocial = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonWeatherSocial.overviewFacebookChart();
+            BlankonWeatherSocial.overviewTwitterChart();
+            BlankonWeatherSocial.overviewYoutubeChart();
+        },
+
+        // =========================================================================
+        // OVERVIEW FACEBOOK CHART
+        // =========================================================================
+        overviewFacebookChart: function () {
+            var chart = new Chartist.Line('.ct-widget-social-overview-facebook', {
+                labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+                series: [
+                    [20, 45, 57, 68, 89, 107, 120],
+                    [15, 30, 70, 80, 67, 78, 110]
+                ]
+            }, {
+                low: 0
+            });
+
+            // Let's put a sequence number aside so we can use it in the event callbacks
+            var seq = 0,
+                delays = 80,
+                durations = 500;
+
+            // Once the chart is fully created we reset the sequence
+            chart.on('created', function() {
+                seq = 0;
+            });
+
+            // On each drawn element by Chartist we use the Chartist.Svg API to trigger SMIL animations
+            chart.on('draw', function(data) {
+                seq++;
+
+                if(data.type === 'line') {
+                    // If the drawn element is a line we do a simple opacity fade in. This could also be achieved using CSS3 animations.
+                    data.element.animate({
+                        opacity: {
+                            // The delay when we like to start the animation
+                            begin: seq * delays + 1000,
+                            // Duration of the animation
+                            dur: durations,
+                            // The value where the animation should start
+                            from: 0,
+                            // The value where it should end
+                            to: 1
+                        }
+                    });
+                } else if(data.type === 'label' && data.axis === 'x') {
+                    data.element.animate({
+                        y: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.y + 100,
+                            to: data.y,
+                            // We can specify an easing function from Chartist.Svg.Easing
+                            easing: 'easeOutQuart'
+                        }
+                    });
+                } else if(data.type === 'label' && data.axis === 'y') {
+                    data.element.animate({
+                        x: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.x - 100,
+                            to: data.x,
+                            easing: 'easeOutQuart'
+                        }
+                    });
+                } else if(data.type === 'point') {
+                    data.element.animate({
+                        x1: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.x - 10,
+                            to: data.x,
+                            easing: 'easeOutQuart'
+                        },
+                        x2: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.x - 10,
+                            to: data.x,
+                            easing: 'easeOutQuart'
+                        },
+                        opacity: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: 0,
+                            to: 1,
+                            easing: 'easeOutQuart'
+                        }
+                    });
+                } else if(data.type === 'grid') {
+                    // Using data.axis we get x or y which we can use to construct our animation definition objects
+                    var pos1Animation = {
+                        begin: seq * delays,
+                        dur: durations,
+                        from: data[data.axis.units.pos + '1'] - 30,
+                        to: data[data.axis.units.pos + '1'],
+                        easing: 'easeOutQuart'
+                    };
+
+                    var pos2Animation = {
+                        begin: seq * delays,
+                        dur: durations,
+                        from: data[data.axis.units.pos + '2'] - 100,
+                        to: data[data.axis.units.pos + '2'],
+                        easing: 'easeOutQuart'
+                    };
+
+                    var animations = {};
+                    animations[data.axis.units.pos + '1'] = pos1Animation;
+                    animations[data.axis.units.pos + '2'] = pos2Animation;
+                    animations['opacity'] = {
+                        begin: seq * delays,
+                        dur: durations,
+                        from: 0,
+                        to: 1,
+                        easing: 'easeOutQuart'
+                    };
+
+                    data.element.animate(animations);
+                }
+            });
+
+            // For the sake of the example we update the chart every time it's created with a delay of 10 seconds
+            chart.on('created', function() {
+                if(window.__exampleAnimateTimeout) {
+                    clearTimeout(window.__exampleAnimateTimeout);
+                    window.__exampleAnimateTimeout = null;
+                }
+                window.__exampleAnimateTimeout = setTimeout(chart.update.bind(chart), 12000);
+            });
+        },
+
+        // =========================================================================
+        // OVERVIEW TWITTER CHART
+        // =========================================================================
+        overviewTwitterChart: function () {
+            new Chartist.Line('.ct-widget-social-overview-twitter', {
+                labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+                series: [
+                    [80, 110, 70, 90, 50, 40, 60]
+                ]
+            }, {
+                low: 0,
+                showArea: true
+            });
+        },
+
+        // =========================================================================
+        // OVERVIEW YOUTUBE CHART
+        // =========================================================================
+        overviewYoutubeChart: function () {
+            new Chartist.Line('.ct-widget-social-overview-youtube', {
+                labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+                series: [
+                    [20, 45, 57, 68, 89, 107, 120],
+                    [15, 30, 70, 80, 67, 78, 110]
+                ]
+            }, {
+                showArea: true,
+                showLine: false,
+                showPoint: false,
+                fullWidth: true,
+                axisX: {
+                    showLabel: true,
+                    showGrid: false
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonWeatherSocial.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.widget.weather.js b/vendor/javascripts/pages/blankon.widget.weather.js
new file mode 100755
index 0000000..7c173ff
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.widget.weather.js
@@ -0,0 +1,35 @@
+var BlankonWeather = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonWeather.weatherWidget();
+        },
+
+        // =========================================================================
+        // WEATHER WIDGET
+        // =========================================================================
+        weatherWidget: function () {
+            var icons = new Skycons({"color": "white"},{"resizeClear": true}),
+                list  = [
+                    "clear-day", "clear-night", "partly-cloudy-day",
+                    "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
+                    "fog"
+                ],
+                i;
+
+            for(i = list.length; i--; )
+                icons.set(list[i], list[i]);
+
+            icons.play();
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonWeather.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/blankon.widgets.js b/vendor/javascripts/pages/blankon.widgets.js
new file mode 100755
index 0000000..d147f5a
--- /dev/null
+++ b/vendor/javascripts/pages/blankon.widgets.js
@@ -0,0 +1,301 @@
+var BlankonWidget = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonWidget.browserUsedWidget();
+            BlankonWidget.marketChartWidget();
+            BlankonWidget.visitorChart();
+            BlankonWidget.realtimeStatus();
+            BlankonWidget.salesChart();
+            BlankonWidget.marketStatus();
+            BlankonWidget.miniStat();
+        },
+
+        // =========================================================================
+        // MOST BROWSER USED
+        // =========================================================================
+        browserUsedWidget: function () {
+            $(window).resize(function() {
+                window.donut.redraw();
+            });
+            function chartBrowser(){
+                window.donut = Morris.Donut({
+                    element: 'browser-chart',
+                    data: [
+                        {label: "Chrome", value: 40},
+                        {label: "Firefox", value: 20},
+                        {label: "Opera", value: 10},
+                        {label: "Safari", value: 20},
+                        {label: "Internet Explorer", value: 10}
+                    ],
+                    colors: ['#E9573F','#F6BB42','#906094','#00B1E1','#8CC152'],
+                    resize: true
+                });
+            }
+            chartBrowser();
+        },
+
+        // =========================================================================
+        // MARKET CHART
+        // =========================================================================
+        marketChartWidget: function () {
+            $(window).resize(function() {
+                window.line.redraw();
+            });
+            function marketChart(){
+                window.line = Morris.Line({
+                    element: 'market-chart',
+                    data: [
+                        { y: '2008', a: 30, b: 20, c: 10 },
+                        { y: '2009', a: 20,  b: 50, c: 67 },
+                        { y: '2010', a: 25,  b: 40, c: 32 },
+                        { y: '2011', a: 27,  b: 60, c: 78 },
+                        { y: '2012', a: 34,  b: 50, c: 12 },
+                        { y: '2013', a: 40,  b: 70, c: 78 },
+                        { y: '2014', a: 41, b: 60, c: 52 }
+                    ],
+                    xkey: 'y',
+                    ykeys: ['a', 'b', 'c'],
+                    labels: ['Apple', 'Android', 'Windows Phone'],
+                    lineColors: ['#8CC152', '#F6BB42', '#906094'],
+                    pointFillColors: ['#8CC152', '#F6BB42', '#906094'],
+                    pointStrokeColors: ['#FFFFFF'],
+                    lineWidth: '5px',
+                    hideHover: true,
+                    grid: false,
+                    gridTextColor: '#FFFFFF',
+                    resize: true,
+                    redraw: true
+                });
+            }
+            marketChart();
+        },
+
+        // =========================================================================
+        // VISITOR CHART & SERVER STATUS
+        // =========================================================================
+        visitorChart: function () {
+            if($('#visitor-chart').length){
+                $.plot("#visitor-chart", [{
+                    label: "New Visitor",
+                    color: "rgba(0, 177, 225, 0.35)",
+                    data: [
+                        ["Jan", 450],
+                        ["Feb", 532],
+                        ["Mar", 367],
+                        ["Apr", 245],
+                        ["May", 674],
+                        ["Jun", 897],
+                        ["Jul", 745]
+                    ]
+                }, {
+                    label: "Old Visitor",
+                    color: "rgba(233, 87, 63, 0.36)",
+                    data: [
+                        ["Jan", 362],
+                        ["Feb", 452],
+                        ["Mar", 653],
+                        ["Apr", 756],
+                        ["May", 670],
+                        ["Jun", 352],
+                        ["Jul", 243]
+                    ]
+                }], {
+                    series: {
+                        lines: { show: false },
+                        splines: {
+                            show: true,
+                            tension: 0.4,
+                            lineWidth: 2,
+                            fill: 0.5
+                        },
+                        points: {
+                            show: true,
+                            radius: 4
+                        }
+                    },
+                    grid: {
+                        borderColor: "transparent",
+                        borderWidth: 0,
+                        hoverable: true,
+                        backgroundColor: "transparent"
+                    },
+                    tooltip: true,
+                    tooltipOpts: { content: "%x : %y" + " People" },
+                    xaxis: {
+                        tickColor: "transparent",
+                        mode: "categories"
+                    },
+                    yaxis: { tickColor: "transparent" },
+                    shadowSize: 0
+                });
+            }
+        },
+
+        // =========================================================================
+        // REAL TIME STATUS
+        // =========================================================================
+        realtimeStatus: function () {
+            if($('#realtime-status-chart').length){
+                var data = [], totalPoints = 50;
+
+                function getRandomData() {
+
+                    if (data.length > 0)
+                        data = data.slice(1);
+
+                    // Do a random walk
+                    while (data.length < totalPoints) {
+
+                        var prev = data.length > 0 ? data[data.length - 1] : 50,
+                            y = prev + Math.random() * 10 - 5;
+
+                        if (y < 0) {
+                            y = 0;
+                        } else if (y > 100) {
+                            y = 100;
+                        }
+                        data.push(y);
+                    }
+
+                    // Zip the generated y values with the x values
+                    var res = [];
+                    for (var i = 0; i < data.length; ++i) {
+                        res.push([i, data[i]])
+                    }
+                    return res;
+                }
+
+
+                // Set up the control widget
+                var updateInterval = 1000;
+
+                var plot4 = $.plot("#realtime-status-chart", [ getRandomData() ], {
+                    colors: ["#F6BB42"],
+                    series: {
+                        lines: {
+                            fill: true,
+                            lineWidth: 0
+                        },
+                        shadowSize: 0	// Drawing is faster without shadows
+                    },
+                    grid: {
+                        borderColor: '#ddd',
+                        borderWidth: 1,
+                        labelMargin: 10
+                    },
+                    xaxis: {
+                        color: '#eee'
+                    },
+                    yaxis: {
+                        min: 0,
+                        max: 100,
+                        color: '#eee'
+                    }
+                });
+
+                function update() {
+
+                    plot4.setData([getRandomData()]);
+
+                    // Since the axes don't change, we don't need to call plot.setupGrid()
+                    plot4.draw();
+                    setTimeout(update, updateInterval);
+                }
+
+                update();
+            }
+        },
+
+        // =========================================================================
+        // SALES CHART
+        // =========================================================================
+        salesChart: function () {
+            $('#market-today-chart').sparkline('html',{
+                type: 'bar',
+                barColor: '#81b71a',
+                height: '50px',
+                barWidth: '5px'
+            });
+            $('#market-average-chart').sparkline('html',{
+                type: 'bar',
+                barColor: '#81b71a',
+                height: '50px',
+                barWidth: '5px'
+            });
+            $('#market-total-chart').sparkline('html',{
+                type: 'bar',
+                barColor: '#81b71a',
+                height: '50px',
+                barWidth: '5px'
+            });
+        },
+
+        // =========================================================================
+        // MARKET STATUS
+        // =========================================================================
+        marketStatus: function () {
+            var piedata = [
+                { label: "Apple", data: [[1,40]], color: '#906094'},
+                { label: "Android", data: [[1,20]], color: '#8CC152'},
+                { label: "Windows Phone", data: [[1,50]], color: '#F6BB42'}
+            ];
+
+            function labelFormatter(label, series) {
+                return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" + label + "<br/>" + Math.round(series.percent) + "%</div>";
+            }
+
+            $.plot('#market-status-chart', piedata, {
+                series: {
+                    pie: {
+                        show: true,
+                        radius: 500,
+                        label: {
+                            show: true,
+                            radius: 2/3,
+                            formatter: labelFormatter,
+                            threshold: 0.1
+                        }
+                    }
+                },
+                legend: {
+                    show: false
+                },
+                grid: {
+                    hoverable: true,
+                    clickable: true
+                }
+            });
+        },
+
+        // =========================================================================
+        // MINI STAT GRAPH
+        // =========================================================================
+        miniStat: function () {
+            $('#sparkline').sparkline('html',{
+                type: 'bar',
+                barColor: '#FFFFFF',
+                height: '50px',
+                barWidth: '5px'
+            });
+            $('#sparkline2').sparkline('html',{
+                type: 'line',
+                height: '60px',
+                defaultPixelsPerValue: 6,
+                spotColor: '#FFFFFF',
+                highlightSpotColor: '#FFFFFF',
+                highlightLineColor: '#FFFFFF',
+                fillColor: '#FFFFFF'
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonWidget.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/ecommerce/blankon.ecommerce.customer.list.js b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.customer.list.js
new file mode 100755
index 0000000..ab0533c
--- /dev/null
+++ b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.customer.list.js
@@ -0,0 +1,772 @@
+'use strict';
+var BlankonEcommerceCustomerList = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonEcommerceCustomerList.handleDatatable();
+            BlankonEcommerceCustomerList.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/datatable-customer.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': 1,
+                        'render': function (data) {
+                            return '<a href="mailto:'+data+'" target="_blank">'+data+'</a>'
+                        }
+                    },
+                    {
+                        'targets': [2,3],
+                        'className': 'text-capitalize'
+                    },
+                    {
+                        'targets': [5,6,11,12,13,14,15],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 14,
+                        'render': function (data){
+                            if(data == 'registered'){
+                                return '<span class="label label-success">'+data+'</span>';
+                            }
+                            if(data == 'not-registered'){
+                                return '<span class="label label-danger">'+data+'</span>';
+                            }
+                        }
+                    },
+                    {
+                        'targets': 15,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonEcommerceCustomerList.handleActionViewDatatable();
+                    BlankonEcommerceCustomerList.handleActionEditDatatable();
+                    BlankonEcommerceCustomerList.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonEcommerceCustomerList.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/datatable-customer.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': 1,
+                            'render': function (data) {
+                                return '<a href="mailto:'+data+'" target="_blank">'+data+'</a>'
+                            }
+                        },
+                        {
+                            'targets': [2,3],
+                            'className': 'text-capitalize'
+                        },
+                        {
+                            'targets': [5,6,11,12,13,14,15],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 14,
+                            'render': function (data){
+                                if(data == 'registered'){
+                                    return '<span class="label label-success">'+data+'</span>';
+                                }
+                                if(data == 'not-registered'){
+                                    return '<span class="label label-danger">'+data+'</span>';
+                                }
+                            }
+                        },
+                        {
+                            'targets': 15,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonEcommerceCustomerList.handleActionViewDatatable();
+                        BlankonEcommerceCustomerList.handleActionEditDatatable();
+                        BlankonEcommerceCustomerList.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonEcommerceCustomerList.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Username :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">First Name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Last Name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Organization :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Address 1 :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Address 2 :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">City :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[7]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">State/Prov. :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[8]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Postal Code :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[9]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Country :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[10]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Extra 1 :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[11]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Extra 2 :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[12]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Notes :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[13]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[14]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Username</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">First Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Last Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Organization</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Address 1</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[5]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Address 2</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[6]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">City</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[7]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">State/Prov.</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[8]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Postal Code</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[9]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Country</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[10]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Extra 1</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[11]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Extra 2</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[12]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Notes</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[13]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[14]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonEcommerceCustomerList.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonEcommerceCustomerList.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/ecommerce/blankon.ecommerce.customer.ticket.js b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.customer.ticket.js
new file mode 100755
index 0000000..ed1ad6f
--- /dev/null
+++ b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.customer.ticket.js
@@ -0,0 +1,27 @@
+'use strict';
+var BlankonEcommerceCustomerTicket = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonEcommerceCustomerTicket.chosenSelect();
+        },
+
+        // =========================================================================
+        // CHOSEN SELECT
+        // =========================================================================
+        chosenSelect: function () {
+            if($('.chosen-select').length){
+                $('.chosen-select').chosen();
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonEcommerceCustomerTicket.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/ecommerce/blankon.ecommerce.dashboard.js b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.dashboard.js
new file mode 100755
index 0000000..ec4b292
--- /dev/null
+++ b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.dashboard.js
@@ -0,0 +1,216 @@
+var BlankonEcommerceDashboard = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonEcommerceDashboard.callModal();
+            BlankonEcommerceDashboard.sessionTimeout();
+            BlankonEcommerceDashboard.counterOverview();
+            BlankonEcommerceDashboard.marketChartWidget();
+            BlankonEcommerceDashboard.marketStatus();
+            BlankonEcommerceDashboard.salesChart();
+            BlankonEcommerceDashboard.mapOrderLocations();
+        },
+
+        // =========================================================================
+        // CALL MODAL FIRST
+        // =========================================================================
+        callModal: function () {
+            $('#modal-dashboard-ecommerce').modal(
+                {
+                    show: true,
+                    keyboard: false
+                }
+            );
+            $('#modal-dashboard-ecommerce').on('hidden.bs.modal', function (e) {
+                BlankonEcommerceDashboard.sessionTimeout();
+            })
+        },
+
+        // =========================================================================
+        // SESSION TIMEOUT
+        // =========================================================================
+        sessionTimeout: function () {
+            if($('.demo-dashboard-session').length){
+                $.sessionTimeout({
+                    title: 'JUST DEMO Your session is about to expire!',
+                    logoutButton: 'Logout',
+                    keepAliveButton: 'Stay Connected',
+                    message: 'Your session will be locked in 2 minute',
+                    keepAliveUrl: '#',
+                    logoutUrl: 'page-signin.html',
+                    redirUrl: 'page-lock-screen.html',
+                    ignoreUserActivity: true,
+                    warnAfter: 120000,
+                    redirAfter: 240000
+                });
+            }
+        },
+
+        // =========================================================================
+        // COUNTER OVERVIEW
+        // =========================================================================
+        counterOverview: function () {
+            if($('.counter').length){
+                $('.counter').counterUp({
+                    delay: 10,
+                    time: 4000
+                });
+            }
+        },
+
+        // =========================================================================
+        // MARKET CHART
+        // =========================================================================
+        marketChartWidget: function () {
+            $(window).resize(function() {
+                window.line.redraw();
+            });
+            function marketChart(){
+                window.line = Morris.Line({
+                    element: 'market-chart',
+                    data: [
+                        { y: '2008', a: 30, b: 20, c: 10 },
+                        { y: '2009', a: 20,  b: 50, c: 67 },
+                        { y: '2010', a: 25,  b: 40, c: 32 },
+                        { y: '2011', a: 27,  b: 60, c: 78 },
+                        { y: '2012', a: 34,  b: 50, c: 12 },
+                        { y: '2013', a: 40,  b: 70, c: 78 },
+                        { y: '2014', a: 41, b: 60, c: 52 }
+                    ],
+                    xkey: 'y',
+                    ykeys: ['a', 'b', 'c'],
+                    labels: ['Apple', 'Android', 'Windows Phone'],
+                    lineColors: ['#8CC152', '#F6BB42', '#906094'],
+                    pointFillColors: ['#8CC152', '#F6BB42', '#906094'],
+                    pointStrokeColors: ['#FFFFFF'],
+                    lineWidth: '5px',
+                    hideHover: true,
+                    grid: false,
+                    gridTextColor: '#FFFFFF',
+                    resize: true,
+                    redraw: true
+                });
+            }
+            marketChart();
+        },
+
+        // =========================================================================
+        // MARKET STATUS
+        // =========================================================================
+        marketStatus: function () {
+            var piedata = [
+                { label: "Apple", data: [[1,40]], color: '#906094'},
+                { label: "Android", data: [[1,20]], color: '#8CC152'},
+                { label: "Windows Phone", data: [[1,50]], color: '#F6BB42'}
+            ];
+
+            function labelFormatter(label, series) {
+                return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" + label + "<br/>" + Math.round(series.percent) + "%</div>";
+            }
+
+            $.plot('#market-status-chart', piedata, {
+                series: {
+                    pie: {
+                        show: true,
+                        radius: 500,
+                        label: {
+                            show: true,
+                            radius: 2/3,
+                            formatter: labelFormatter,
+                            threshold: 0.1
+                        }
+                    }
+                },
+                legend: {
+                    show: false
+                },
+                grid: {
+                    hoverable: true,
+                    clickable: true
+                }
+            });
+        },
+
+        // =========================================================================
+        // SALES CHART
+        // =========================================================================
+        salesChart: function () {
+            $('#market-today-chart').sparkline('html',{
+                type: 'bar',
+                barColor: '#81b71a',
+                height: '50px',
+                barWidth: '5px'
+            });
+            $('#market-average-chart').sparkline('html',{
+                type: 'bar',
+                barColor: '#81b71a',
+                height: '50px',
+                barWidth: '5px'
+            });
+            $('#market-total-chart').sparkline('html',{
+                type: 'bar',
+                barColor: '#81b71a',
+                height: '50px',
+                barWidth: '5px'
+            });
+        },
+
+        // =========================================================================
+        // ORDER LOCATIONS
+        // =========================================================================
+        mapOrderLocations: function () {
+            if($('#map-order-locations').length){
+                $('#map-order-locations').gmap3({
+                    map:{
+                        options:{
+                            center:[46.578498,2.457275],
+                            zoom: 5
+                        }
+                    },
+                    marker:{
+                        values:[
+                            {latLng:[48.8620722, 2.352047], data:"Windows phone sold 45"},
+                            {address:"86000 Poitiers, France", data:"Apple sold 453"},
+                            {address:"66000 Perpignan, France", data:"Android sold 344", options:{icon: "http://maps.google.com/mapfiles/marker_green.png"}}
+                        ],
+                        options:{
+                            draggable: false
+                        },
+                        events:{
+                            mouseover: function(marker, event, context){
+                                var map = $(this).gmap3("get"),
+                                    infowindow = $(this).gmap3({get:{name:"infowindow"}});
+                                if (infowindow){
+                                    infowindow.open(map, marker);
+                                    infowindow.setContent(context.data);
+                                } else {
+                                    $(this).gmap3({
+                                        infowindow:{
+                                            anchor:marker,
+                                            options:{content: context.data}
+                                        }
+                                    });
+                                }
+                            },
+                            mouseout: function(){
+                                var infowindow = $(this).gmap3({get:{name:"infowindow"}});
+                                if (infowindow){
+                                    infowindow.close();
+                                }
+                            }
+                        }
+                    }
+                });
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonEcommerceDashboard.init();
diff --git a/vendor/javascripts/pages/ecommerce/blankon.ecommerce.discount.list.js b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.discount.list.js
new file mode 100755
index 0000000..73f21d3
--- /dev/null
+++ b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.discount.list.js
@@ -0,0 +1,632 @@
+'use strict';
+var BlankonEcommerceDiscountList = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonEcommerceDiscountList.handleDatatable();
+            BlankonEcommerceDiscountList.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/datatable-product-discount.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': 1,
+                        'className': 'text-center'
+                    },
+                    {
+                        'targets': 4,
+                        'className': 'text-right',
+                        'render': function (data) {
+                            return data+'%';
+                        }
+                    },
+                    {
+                        'targets': [2, 3, 5],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 5,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonEcommerceDiscountList.handleActionViewDatatable();
+                    BlankonEcommerceDiscountList.handleActionEditDatatable();
+                    BlankonEcommerceDiscountList.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonEcommerceDiscountList.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/datatable-product-discount.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': 1,
+                            'className': 'text-center'
+                        },
+                        {
+                            'targets': 4,
+                            'className': 'text-right',
+                            'render': function (data) {
+                                return data+'%';
+                            }
+                        },
+                        {
+                            'targets': [2, 3, 5],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 5,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonEcommerceDiscountList.handleActionViewDatatable();
+                        BlankonEcommerceDiscountList.handleActionEditDatatable();
+                        BlankonEcommerceDiscountList.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonEcommerceDiscountList.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Code product :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Product name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Reward type :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Reward amount :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '%</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Code Product</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Product Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[2]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Reward type</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Reward amount</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonEcommerceDiscountList.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonEcommerceDiscountList.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/ecommerce/blankon.ecommerce.order.countries.js b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.order.countries.js
new file mode 100755
index 0000000..e971aee
--- /dev/null
+++ b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.order.countries.js
@@ -0,0 +1,663 @@
+'use strict';
+var BlankonEcommerceOrderCountries = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonEcommerceOrderCountries.handleDatatable();
+            BlankonEcommerceOrderCountries.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/datatable-countries.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': [1, 2],
+                        'className': 'text-capitalize'
+                    },
+                    {
+                        'targets': 5,
+                        'className': 'text-center',
+                        'render': function (data){
+                            if(data == 'yes'){
+                                return '<span class="label label-success">'+data+'</span>';
+                            }
+                            if(data == 'no'){
+                                return '<span class="label label-danger">'+data+'</span>';
+                            }
+                        }
+                    },
+                    {
+                        'targets': [4, 5, 6],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 6,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonEcommerceOrderCountries.handleActionViewDatatable();
+                    BlankonEcommerceOrderCountries.handleActionEditDatatable();
+                    BlankonEcommerceOrderCountries.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonEcommerceOrderCountries.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/datatable-countries.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': [1, 2],
+                            'className': 'text-capitalize'
+                        },
+                        {
+                            'targets': 5,
+                            'className': 'text-center',
+                            'render': function (data){
+                                if(data == 'yes'){
+                                    return '<span class="label label-success">'+data+'</span>';
+                                }
+                                if(data == 'no'){
+                                    return '<span class="label label-danger">'+data+'</span>';
+                                }
+                            }
+                        },
+                        {
+                            'targets': [4, 5, 6],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 6,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonEcommerceOrderCountries.handleActionViewDatatable();
+                        BlankonEcommerceOrderCountries.handleActionEditDatatable();
+                        BlankonEcommerceOrderCountries.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonEcommerceOrderCountries.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Country :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static text-capitalize">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Code :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static text-capitalize">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Order :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Other States :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Active :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+                $('.row-state', $dlg).html(data[2]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Country</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Code</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Order</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Other States</label>' +
+                    '<div class="col-sm-9">' +
+                    '<select class="form-control">' +
+                    '<option value="yes">Yes</option>' +
+                    '<option value="no">No</option>' +
+                    '</select>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Active</label>' +
+                    '<div class="col-sm-9">' +
+                    '<select class="form-control">' +
+                    '<option value="yes">Yes</option>' +
+                    '<option value="no">No</option>' +
+                    '</select>' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+                $('.row-state', $dlg).html(data[2]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+                $('.row-state', $dlg).html(data[2]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonEcommerceOrderCountries.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonEcommerceOrderCountries.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/ecommerce/blankon.ecommerce.order.list.js b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.order.list.js
new file mode 100755
index 0000000..9e39e07
--- /dev/null
+++ b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.order.list.js
@@ -0,0 +1,680 @@
+'use strict';
+var BlankonEcommerceOrderList = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonEcommerceOrderList.handleDatatable();
+            BlankonEcommerceOrderList.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/datatable-order.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': 1,
+                        'className': 'text-center'
+                    },
+                    {
+                        'targets': 2,
+                        'render': function (data) {
+                            return '<a href="mailto:'+data+'" target="_blank">'+data+'</a>'
+                        }
+                    },
+                    {
+                        'targets': 3,
+                        'render': function (data){
+                            if(data == 'received'){
+                                return '<span class="label label-success">'+data+'</span>';
+                            }
+                            if(data == 'not-received'){
+                                return '<span class="label label-danger">'+data+'</span>';
+                            }
+                        }
+                    },
+                    {
+                        'targets': 4,
+                        'className': 'text-right'
+                    },
+                    {
+                        'targets': [2, 3, 6],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 5,
+                        'className': 'text-center'
+                    },
+                    {
+                        'targets': 6,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonEcommerceOrderList.handleActionViewDatatable();
+                    BlankonEcommerceOrderList.handleActionEditDatatable();
+                    BlankonEcommerceOrderList.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonEcommerceOrderList.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/datatable-order.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': 1,
+                            'className': 'text-center'
+                        },
+                        {
+                            'targets': 2,
+                            'render': function (data) {
+                                return '<a href="mailto:'+data+'" target="_blank">'+data+'</a>'
+                            }
+                        },
+                        {
+                            'targets': 3,
+                            'render': function (data){
+                                if(data == 'received'){
+                                    return '<span class="label label-success">'+data+'</span>';
+                                }
+                                if(data == 'not-received'){
+                                    return '<span class="label label-danger">'+data+'</span>';
+                                }
+                            }
+                        },
+                        {
+                            'targets': 4,
+                            'className': 'text-right'
+                        },
+                        {
+                            'targets': [2, 3, 6],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 5,
+                            'className': 'text-center'
+                        },
+                        {
+                            'targets': 6,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonEcommerceOrderList.handleActionViewDatatable();
+                        BlankonEcommerceOrderList.handleActionEditDatatable();
+                        BlankonEcommerceOrderList.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonEcommerceOrderList.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Order # :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">User name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Total :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Completed :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Order #</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">User Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[2]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Total</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Completed</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonEcommerceOrderList.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonEcommerceOrderList.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/ecommerce/blankon.ecommerce.order.states.js b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.order.states.js
new file mode 100755
index 0000000..82676d9
--- /dev/null
+++ b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.order.states.js
@@ -0,0 +1,660 @@
+'use strict';
+var BlankonEcommerceOrderStates = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonEcommerceOrderStates.handleDatatable();
+            BlankonEcommerceOrderStates.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/datatable-states.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': [1, 2],
+                        'className': 'text-capitalize'
+                    },
+                    {
+                        'targets': 5,
+                        'className': 'text-center',
+                        'render': function (data){
+                            if(data == 'yes'){
+                                return '<span class="label label-success">'+data+'</span>';
+                            }
+                            if(data == 'no'){
+                                return '<span class="label label-danger">'+data+'</span>';
+                            }
+                        }
+                    },
+                    {
+                        'targets': [ 3, 5, 6],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 6,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonEcommerceOrderStates.handleActionViewDatatable();
+                    BlankonEcommerceOrderStates.handleActionEditDatatable();
+                    BlankonEcommerceOrderStates.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonEcommerceOrderStates.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/datatable-states.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': [1, 2],
+                            'className': 'text-capitalize'
+                        },
+                        {
+                            'targets': 5,
+                            'className': 'text-center',
+                            'render': function (data){
+                                if(data == 'yes'){
+                                    return '<span class="label label-success">'+data+'</span>';
+                                }
+                                if(data == 'no'){
+                                    return '<span class="label label-danger">'+data+'</span>';
+                                }
+                            }
+                        },
+                        {
+                            'targets': [2, 3, 6],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 6,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonEcommerceOrderStates.handleActionViewDatatable();
+                        BlankonEcommerceOrderStates.handleActionEditDatatable();
+                        BlankonEcommerceOrderStates.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonEcommerceOrderStates.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Country :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static text-capitalize">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static text-capitalize">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Code :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">State Order :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Active :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+                $('.row-state', $dlg).html(data[2]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Country</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Code</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">State Order</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Active</label>' +
+                    '<div class="col-sm-9">' +
+                    '<select class="form-control">' +
+                    '<option value="yes">Yes</option>' +
+                    '<option value="no">No</option>' +
+                    '</select>' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+                $('.row-state', $dlg).html(data[2]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+                $('.row-state', $dlg).html(data[2]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonEcommerceOrderStates.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonEcommerceOrderStates.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/ecommerce/blankon.ecommerce.product.add.js b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.product.add.js
new file mode 100755
index 0000000..cc90e96
--- /dev/null
+++ b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.product.add.js
@@ -0,0 +1,136 @@
+'use strict';
+var BlankonEcommerceProductAdd = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonEcommerceProductAdd.handleFormDescription();
+            BlankonEcommerceProductAdd.handleFormSaleSchedule();
+            BlankonEcommerceProductAdd.handleFormProductLinked();
+            BlankonEcommerceProductAdd.handleFormProductUploadImage();
+        },
+
+        // =========================================================================
+        // FORM DESCRIPTION PRODUCT
+        // =========================================================================
+        handleFormDescription: function () {
+            if($('#product-description').length){
+                $('#product-description').summernote();
+            }
+            $('[data-toggle="tab"]').on('shown.bs.tab', function () {
+                $('[data-toggle=tooltip]').tooltip();
+            })
+        },
+
+        // =========================================================================
+        // FORM SALE SCHEDULE
+        // =========================================================================
+        handleFormSaleSchedule: function () {
+            $('.sale-schedule').daterangepicker();
+        },
+
+        // =========================================================================
+        // FORM PRODUCT LINKED
+        // =========================================================================
+        handleFormProductLinked: function () {
+            function formatRepo (repo) {
+                if (repo.loading) return repo.text;
+
+                var markup = "<div class='select2-result-repository clearfix'>" +
+                    "<div class='select2-result-repository__avatar'><img src='" + repo.owner.avatar_url + "' /></div>" +
+                    "<div class='select2-result-repository__meta'>" +
+                    "<div class='select2-result-repository__title'>" + repo.full_name + "</div>";
+
+                if (repo.description) {
+                    markup += "<div class='select2-result-repository__description'>" + repo.description + "</div>";
+                }
+
+                markup += "<div class='select2-result-repository__statistics'>" +
+                    "<div class='select2-result-repository__forks'><i class='fa fa-flash'></i> " + repo.forks_count + " Forks</div>" +
+                    "<div class='select2-result-repository__stargazers'><i class='fa fa-star'></i> " + repo.stargazers_count + " Stars</div>" +
+                    "<div class='select2-result-repository__watchers'><i class='fa fa-eye'></i> " + repo.watchers_count + " Watchers</div>" +
+                    "</div>" +
+                    "</div></div>";
+
+                return markup;
+            }
+
+            function formatRepoSelection (repo) {
+                return repo.full_name || repo.text;
+            }
+
+            $(".product-linked").select2({
+                ajax: {
+                    url: "https://api.github.com/search/repositories",
+                    dataType: 'json',
+                    delay: 250,
+                    data: function (params) {
+                        return {
+                            q: params.term, // search term
+                            page: params.page
+                        };
+                    },
+                    processResults: function (data, params) {
+                        // parse the results into the format expected by Select2
+                        // since we are using custom formatting functions we do not need to
+                        // alter the remote JSON data, except to indicate that infinite
+                        // scrolling can be used
+                        params.page = params.page || 1;
+
+                        return {
+                            results: data.items,
+                            pagination: {
+                                more: (params.page * 30) < data.total_count
+                            }
+                        };
+                    },
+                    cache: true
+                },
+                escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
+                minimumInputLength: 1,
+                templateResult: formatRepo, // omitted for brevity, see the source of this page
+                templateSelection: formatRepoSelection // omitted for brevity, see the source of this page
+            });
+        },
+
+        // =========================================================================
+        // FORM PRODUCT UPLOAD IMAGE
+        // =========================================================================
+        handleFormProductUploadImage: function () {
+            Dropzone.options.myDropzone = {
+                init: function() {
+                    this.on("addedfile", function(file) {
+                        // Create the remove button
+                        var removeButton = Dropzone.createElement("<button class='btn btn-sm btn-block btn-danger'>Remove file</button>");
+
+                        // Capture the Dropzone instance as closure.
+                        var _this = this;
+
+                        // Listen to the click event
+                        removeButton.addEventListener("click", function(e) {
+                            // Make sure the button click doesn't submit the form:
+                            e.preventDefault();
+                            e.stopPropagation();
+
+                            // Remove the file preview.
+                            _this.removeFile(file);
+                            // If you want to the delete the file on the server as well,
+                            // you can do the AJAX request here.
+                        });
+
+                        // Add the button to the file preview element.
+                        file.previewElement.appendChild(removeButton);
+                    });
+                }
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonEcommerceProductAdd.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/ecommerce/blankon.ecommerce.product.attributes.js b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.product.attributes.js
new file mode 100755
index 0000000..64a4250
--- /dev/null
+++ b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.product.attributes.js
@@ -0,0 +1,51 @@
+'use strict';
+var BlankonEcommerceProductAttributes = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonEcommerceProductAttributes.handleTagList();
+
+        },
+
+        // =========================================================================
+        // TAG LIST
+        // =========================================================================
+        handleTagList: function () {
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-attribute');
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0, 1, 2, 3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonEcommerceProductAttributes.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/ecommerce/blankon.ecommerce.product.categories.js b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.product.categories.js
new file mode 100755
index 0000000..13a81b4
--- /dev/null
+++ b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.product.categories.js
@@ -0,0 +1,51 @@
+'use strict';
+var BlankonEcommerceProductCategories = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonEcommerceProductCategories.handleCategoryList();
+
+        },
+
+        // =========================================================================
+        // CATEGORY LIST
+        // =========================================================================
+        handleCategoryList: function () {
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-category');
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0, 1, 2, 4 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonEcommerceProductCategories.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/ecommerce/blankon.ecommerce.product.list.js b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.product.list.js
new file mode 100755
index 0000000..ac57e03
--- /dev/null
+++ b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.product.list.js
@@ -0,0 +1,690 @@
+'use strict';
+var BlankonEcommerceProductList = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonEcommerceProductList.handleDatatable();
+            BlankonEcommerceProductList.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/datatable-product.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': 1,
+                        'className': 'text-center',
+                        'render': function (data){
+                            return '<img src="'+data+'" alt="..."/>';
+                        }
+                    },
+                    {
+                        'targets': [2,4,6],
+                        'className': 'text-center'
+                    },
+                    {
+                        'targets': 4,
+                        'render': function (data){
+                            if(data == 'active'){
+                                return '<span class="label label-success">'+data+'</span>';
+                            }
+                            if(data == 'not-active'){
+                                return '<span class="label label-danger">'+data+'</span>';
+                            }
+                        }
+                    },
+                    {
+                        'targets': 5,
+                        'className': 'text-right'
+                    },
+                    {
+                        'targets': [1, 4, 3, 7],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 7,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonEcommerceProductList.handleActionViewDatatable();
+                    BlankonEcommerceProductList.handleActionEditDatatable();
+                    BlankonEcommerceProductList.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonEcommerceProductList.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/datatable-product.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': 1,
+                            'className': 'text-center',
+                            'render': function (data){
+                                return '<img src="'+data+'" alt="..."/>';
+                            }
+                        },
+                        {
+                            'targets': [2,4],
+                            'className': 'text-center'
+                        },
+                        {
+                            'targets': 4,
+                            'render': function (data){
+                                if(data == 'active'){
+                                    return '<span class="label label-success">'+data+'</span>';
+                                }
+                                if(data == 'not-active'){
+                                    return '<span class="label label-danger">'+data+'</span>';
+                                }
+                            }
+                        },
+                        {
+                            'targets': 5,
+                            'className': 'text-right'
+                        },
+                        {
+                            'targets': [1, 4, 3, 7],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 7,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonEcommerceProductList.handleActionViewDatatable();
+                        BlankonEcommerceProductList.handleActionEditDatatable();
+                        BlankonEcommerceProductList.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonEcommerceProductList.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Image product :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<img src="'+data[1]+'" alt="..."/>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Code product :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Product name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Price :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Order :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[2]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Image product :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<img src="'+data[1]+'" alt="..." class="display-inline"/>' +
+                    '<div class="display-inline">' +
+                    '<label for="imageInputFile"></label>' +
+                    '<input type="file" id="imageInputFile">' +
+                    '</div>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Code Product</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Product Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[3]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Price</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Order</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[6]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[2]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[2]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonEcommerceProductList.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonEcommerceProductList.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/ecommerce/blankon.ecommerce.product.tags.js b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.product.tags.js
new file mode 100755
index 0000000..e64bf8e
--- /dev/null
+++ b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.product.tags.js
@@ -0,0 +1,51 @@
+'use strict';
+var BlankonEcommerceProductTags = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonEcommerceProductTags.handleTagList();
+
+        },
+
+        // =========================================================================
+        // TAG LIST
+        // =========================================================================
+        handleTagList: function () {
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-tag');
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0, 1, 2, 3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonEcommerceProductTags.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/ecommerce/blankon.ecommerce.sign.js b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.sign.js
new file mode 100755
index 0000000..6a9945a
--- /dev/null
+++ b/vendor/javascripts/pages/ecommerce/blankon.ecommerce.sign.js
@@ -0,0 +1,29 @@
+var BlankonEcommerceSign = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonEcommerceSign.signBackstretch();
+        },
+
+        // =========================================================================
+        // BACKSTRETCH
+        // =========================================================================
+        signBackstretch: function () {
+            // Duration is the amount of time in between slides,
+            // and fade is value that determines how quickly the next image will fade in
+            $.backstretch([
+                'http://themes.djavaui.com/blankon-fullpack-admin-theme/img/admin-special/ecommerce/login/1.jpg',
+                'http://themes.djavaui.com/blankon-fullpack-admin-theme/img/admin-special/ecommerce/login/2.jpg'
+            ], {duration: 5000, fade: 750});
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonEcommerceSign.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.subordinates.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.subordinates.js
new file mode 100755
index 0000000..38e2af6
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.subordinates.js
@@ -0,0 +1,51 @@
+var BlankonHumanResourcesAdditionalOptionSubordinates = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesAdditionalOptionSubordinates.handleTimeManagementProjects();
+        },
+
+        // =========================================================================
+        // TIME MANAGEMENT PROJECTS
+        // =========================================================================
+        handleTimeManagementProjects: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-subordinates');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 4,5,6,7,8 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesAdditionalOptionSubordinates.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.system.general.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.system.general.js
new file mode 100755
index 0000000..4a1217c
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.system.general.js
@@ -0,0 +1,236 @@
+var BlankonHumanResourcesAdditionalOptionSystemGeneral = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesAdditionalOptionSystemGeneral.handleBtnAdd();
+            BlankonHumanResourcesAdditionalOptionSystemGeneral.handleSettingCompany();
+            BlankonHumanResourcesAdditionalOptionSystemGeneral.handleSettingSystem();
+            BlankonHumanResourcesAdditionalOptionSystemGeneral.handleSettingEmail();
+            BlankonHumanResourcesAdditionalOptionSystemGeneral.handleSettingAttendance();
+            BlankonHumanResourcesAdditionalOptionSystemGeneral.handleSettingOther();
+        },
+
+        // =========================================================================
+        // BUTTON ADD
+        // =========================================================================
+        handleBtnAdd: function () {
+            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+                var target = $(e.target).attr("href") // activated tab
+                if(target == '#tab-setting-company'){
+                    $('.btn-add-setting-company').show();
+                    $('.btn-add-setting-system').hide();
+                    $('.btn-add-setting-email').hide();
+                    $('.btn-add-setting-attendance').hide();
+                    $('.btn-add-setting-other').hide();
+                }
+                if(target == '#tab-setting-system'){
+                    $('.btn-add-setting-company').hide();
+                    $('.btn-add-setting-system').show();
+                    $('.btn-add-setting-email').hide();
+                    $('.btn-add-setting-attendance').hide();
+                    $('.btn-add-setting-other').hide();
+                }
+                if(target == '#tab-setting-email'){
+                    $('.btn-add-setting-company').hide();
+                    $('.btn-add-setting-system').hide();
+                    $('.btn-add-setting-email').show();
+                    $('.btn-add-setting-attendance').hide();
+                    $('.btn-add-setting-other').hide();
+                }
+                if(target == '#tab-setting-attendance'){
+                    $('.btn-add-setting-company').hide();
+                    $('.btn-add-setting-system').hide();
+                    $('.btn-add-setting-email').hide();
+                    $('.btn-add-setting-attendance').show();
+                    $('.btn-add-setting-other').hide();
+                }
+                if(target == '#tab-setting-other'){
+                    $('.btn-add-setting-company').hide();
+                    $('.btn-add-setting-system').hide();
+                    $('.btn-add-setting-email').hide();
+                    $('.btn-add-setting-attendance').hide();
+                    $('.btn-add-setting-other').show();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING COMPANY
+        // =========================================================================
+        handleSettingCompany: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-company');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0,1,2,3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING SYSTEM
+        // =========================================================================
+        handleSettingSystem: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-system');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2, 3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING EMAIL
+        // =========================================================================
+        handleSettingEmail: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-email');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2, 3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING ATTENDANCE
+        // =========================================================================
+        handleSettingAttendance: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-attendance');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2, 3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING OTHER
+        // =========================================================================
+        handleSettingOther: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-other');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2, 3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesAdditionalOptionSystemGeneral.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.system.metadata.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.system.metadata.js
new file mode 100755
index 0000000..ca5dd5b
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.system.metadata.js
@@ -0,0 +1,190 @@
+var BlankonHumanResourcesAdditionalOptionSystemMetadata = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesAdditionalOptionSystemMetadata.handleBtnAdd();
+            BlankonHumanResourcesAdditionalOptionSystemMetadata.handleSettingCountries();
+            BlankonHumanResourcesAdditionalOptionSystemMetadata.handleSettingProvince();
+            BlankonHumanResourcesAdditionalOptionSystemMetadata.handleSettingCurrencyTypes();
+            BlankonHumanResourcesAdditionalOptionSystemMetadata.handleSettingNationality();
+        },
+
+        // =========================================================================
+        // BUTTON ADD
+        // =========================================================================
+        handleBtnAdd: function () {
+            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+                var target = $(e.target).attr("href") // activated tab
+                if(target == '#tab-setting-countries'){
+                    $('.btn-add-setting-countries').show();
+                    $('.btn-add-setting-provinces').hide();
+                    $('.btn-add-setting-currency-types').hide();
+                    $('.btn-add-setting-nationality').hide();
+                }
+                if(target == '#tab-setting-provinces'){
+                    $('.btn-add-setting-countries').hide();
+                    $('.btn-add-setting-provinces').show();
+                    $('.btn-add-setting-currency-types').hide();
+                    $('.btn-add-setting-nationality').hide();
+                }
+                if(target == '#tab-setting-currency-types'){
+                    $('.btn-add-setting-countries').hide();
+                    $('.btn-add-setting-provinces').hide();
+                    $('.btn-add-setting-currency-types').show();
+                    $('.btn-add-setting-nationality').hide();
+                }
+                if(target == '#tab-setting-nationality'){
+                    $('.btn-add-setting-countries').hide();
+                    $('.btn-add-setting-provinces').hide();
+                    $('.btn-add-setting-currency-types').hide();
+                    $('.btn-add-setting-nationality').show();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING COUNTRIES
+        // =========================================================================
+        handleSettingCountries: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-countries');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING PROVINCE
+        // =========================================================================
+        handleSettingProvince: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-province');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING CURRENCY TYPES
+        // =========================================================================
+        handleSettingCurrencyTypes: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-currency-types');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING NATIONALITY
+        // =========================================================================
+        handleSettingNationality: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-nationality');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesAdditionalOptionSystemMetadata.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.system.modules.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.system.modules.js
new file mode 100755
index 0000000..3348f7a
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.system.modules.js
@@ -0,0 +1,51 @@
+var BlankonHumanResourcesAdditionalOptionSystemModules = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesAdditionalOptionSystemModules.handleManageModules();
+        },
+
+        // =========================================================================
+        // SETTING MODULES
+        // =========================================================================
+        handleManageModules: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-modules');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 3,4 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesAdditionalOptionSystemModules.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.system.permissions.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.system.permissions.js
new file mode 100755
index 0000000..43f735c
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.system.permissions.js
@@ -0,0 +1,51 @@
+var BlankonHumanResourcesAdditionalOptionSystemPermissions = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesAdditionalOptionSystemPermissions.handleManagePermissions();
+        },
+
+        // =========================================================================
+        // SETTING PERMISSIONS
+        // =========================================================================
+        handleManagePermissions: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-permissions');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2,3,4 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesAdditionalOptionSystemPermissions.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.system.users.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.system.users.js
new file mode 100755
index 0000000..2ce8d77
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.additional.option.system.users.js
@@ -0,0 +1,104 @@
+var BlankonHumanResourcesAdditionalOptionSystemUsers = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesAdditionalOptionSystemUsers.handleBtnAdd();
+            BlankonHumanResourcesAdditionalOptionSystemUsers.handleUsers();
+            BlankonHumanResourcesAdditionalOptionSystemUsers.handleUserRoles();
+        },
+
+        // =========================================================================
+        // BUTTON ADD
+        // =========================================================================
+        handleBtnAdd: function () {
+            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+                var target = $(e.target).attr("href") // activated tab
+                if(target == '#tab-users'){
+                    $('.btn-add-users').show();
+                    $('.btn-add-user-roles').hide();
+                }
+                if(target == '#tab-user-roles'){
+                    $('.btn-add-users').hide();
+                    $('.btn-add-user-roles').show();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING USERS
+        // =========================================================================
+        handleUsers: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-users');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 5 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING USER ROLES
+        // =========================================================================
+        handleUserRoles: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-user-roles');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1,2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesAdditionalOptionSystemUsers.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.company.loans.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.company.loans.js
new file mode 100755
index 0000000..f9e60d3
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.company.loans.js
@@ -0,0 +1,104 @@
+var BlankonHumanResourcesAdminSystemCompanyLoans = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesAdminSystemCompanyLoans.handleBtnAdd();
+            BlankonHumanResourcesAdminSystemCompanyLoans.handleLoanTypes();
+            BlankonHumanResourcesAdminSystemCompanyLoans.handleEmployeeLoans();
+        },
+
+        // =========================================================================
+        // BUTTON ADD
+        // =========================================================================
+        handleBtnAdd: function () {
+            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+                var target = $(e.target).attr("href") // activated tab
+                if(target == '#tab-loan-types'){
+                    $('.btn-add-loan-types').show();
+                    $('.btn-add-employee-loans').hide();
+                }
+                if(target == '#tab-employee-loans'){
+                    $('.btn-add-loan-types').hide();
+                    $('.btn-add-employee-loans').show();
+                }
+            });
+        },
+
+        // =========================================================================
+        // LOAN TYPES
+        // =========================================================================
+        handleLoanTypes: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-loan-types');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // EMPLOYEE LOANS
+        // =========================================================================
+        handleEmployeeLoans: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-employee-loans');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesAdminSystemCompanyLoans.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.company.structure.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.company.structure.js
new file mode 100755
index 0000000..d8aea39
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.company.structure.js
@@ -0,0 +1,51 @@
+var BlankonHumanResourcesAdminSystemCompanyStructure = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesAdminSystemCompanyStructure.handleCompanyStructure();
+        },
+
+        // =========================================================================
+        // COMPANY STRUCTURE
+        // =========================================================================
+        handleCompanyStructure: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-company-structure');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1, 2, 4, 5, 6 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesAdminSystemCompanyStructure.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.job.detail.setup.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.job.detail.setup.js
new file mode 100755
index 0000000..7921c7e
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.job.detail.setup.js
@@ -0,0 +1,146 @@
+var BlankonHumanResourcesAdminSystemJobDetailSetup = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesAdminSystemJobDetailSetup.handleBtnAdd();
+            BlankonHumanResourcesAdminSystemJobDetailSetup.handleJobTitles();
+            BlankonHumanResourcesAdminSystemJobDetailSetup.handlePayGrades();
+            BlankonHumanResourcesAdminSystemJobDetailSetup.handleEmploymentStatus();
+        },
+
+        // =========================================================================
+        // BUTTON ADD
+        // =========================================================================
+        handleBtnAdd: function () {
+            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+                var target = $(e.target).attr("href") // activated tab
+                if(target == '#tab-job-titles'){
+                    $('.btn-add-job-titles').show();
+                    $('.btn-add-pay-grades').hide();
+                    $('.btn-add-employment-status').hide();
+                }
+                if(target == '#tab-pay-grades'){
+                    $('.btn-add-job-titles').hide();
+                    $('.btn-add-pay-grades').show();
+                    $('.btn-add-employment-status').hide();
+                }
+                if(target == '#tab-employment-status'){
+                    $('.btn-add-job-titles').hide();
+                    $('.btn-add-pay-grades').hide();
+                    $('.btn-add-employment-status').show();
+                }
+            });
+        },
+
+        // =========================================================================
+        // JOB TITLES
+        // =========================================================================
+        handleJobTitles: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-job-titles');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // PAY GRADES
+        // =========================================================================
+        handlePayGrades: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-pay-grades');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1, 4 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // EMPLOYMENT STATUS
+        // =========================================================================
+        handleEmploymentStatus: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-employment-status');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1,2,3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesAdminSystemJobDetailSetup.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.projects.clients.setup.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.projects.clients.setup.js
new file mode 100755
index 0000000..e42360e
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.projects.clients.setup.js
@@ -0,0 +1,146 @@
+var BlankonHumanResourcesAdminSystemProjectsClientsSetup = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesAdminSystemProjectsClientsSetup.handleBtnAdd();
+            BlankonHumanResourcesAdminSystemProjectsClientsSetup.handleClients();
+            BlankonHumanResourcesAdminSystemProjectsClientsSetup.handleProjects();
+            BlankonHumanResourcesAdminSystemProjectsClientsSetup.handleEmployeeProjects();
+        },
+
+        // =========================================================================
+        // BUTTON ADD
+        // =========================================================================
+        handleBtnAdd: function () {
+            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+                var target = $(e.target).attr("href") // activated tab
+                if(target == '#tab-clients'){
+                    $('.btn-add-clients').show();
+                    $('.btn-add-projects').hide();
+                    $('.btn-add-employee-projects').hide();
+                }
+                if(target == '#tab-projects'){
+                    $('.btn-add-clients').hide();
+                    $('.btn-add-projects').show();
+                    $('.btn-add-employee-projects').hide();
+                }
+                if(target == '#tab-employee-projects'){
+                    $('.btn-add-clients').hide();
+                    $('.btn-add-projects').hide();
+                    $('.btn-add-employee-projects').show();
+                }
+            });
+        },
+
+        // =========================================================================
+        // CLIENTS
+        // =========================================================================
+        handleClients: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-clients');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1, 2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // PROJECTS
+        // =========================================================================
+        handleProjects: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-projects');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1, 2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // EMPLOYEE PROJECTS
+        // =========================================================================
+        handleEmployeeProjects: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-employee-projects');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1,2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesAdminSystemProjectsClientsSetup.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.qualification.setup.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.qualification.setup.js
new file mode 100755
index 0000000..abd7970
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.qualification.setup.js
@@ -0,0 +1,190 @@
+var BlankonHumanResourcesAdminSystemQualificationSetup = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesAdminSystemQualificationSetup.handleBtnAdd();
+            BlankonHumanResourcesAdminSystemQualificationSetup.handleSkills();
+            BlankonHumanResourcesAdminSystemQualificationSetup.handleEducation();
+            BlankonHumanResourcesAdminSystemQualificationSetup.handleCertifications();
+            BlankonHumanResourcesAdminSystemQualificationSetup.handleLanguages();
+        },
+
+        // =========================================================================
+        // BUTTON ADD
+        // =========================================================================
+        handleBtnAdd: function () {
+            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+                var target = $(e.target).attr("href") // activated tab
+                if(target == '#tab-skills'){
+                    $('.btn-add-skills').show();
+                    $('.btn-add-education').hide();
+                    $('.btn-add-certifications').hide();
+                    $('.btn-add-languages').hide();
+                }
+                if(target == '#tab-education'){
+                    $('.btn-add-skills').hide();
+                    $('.btn-add-education').show();
+                    $('.btn-add-certifications').hide();
+                    $('.btn-add-languages').hide();
+                }
+                if(target == '#tab-certifications'){
+                    $('.btn-add-skills').hide();
+                    $('.btn-add-education').hide();
+                    $('.btn-add-certifications').show();
+                    $('.btn-add-languages').hide();
+                }
+                if(target == '#tab-languages'){
+                    $('.btn-add-skills').hide();
+                    $('.btn-add-education').hide();
+                    $('.btn-add-certifications').hide();
+                    $('.btn-add-languages').show();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SKILLS
+        // =========================================================================
+        handleSkills: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-skills');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1, 2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // EDUCATION
+        // =========================================================================
+        handleEducation: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-education');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1, 2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // CERTIFICATIONS
+        // =========================================================================
+        handleCertifications: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-certifications');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1,2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // LANGUAGES
+        // =========================================================================
+        handleLanguages: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-languages');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1,2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesAdminSystemQualificationSetup.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.reports.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.reports.js
new file mode 100755
index 0000000..5c701ad
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.admin.system.reports.js
@@ -0,0 +1,51 @@
+var BlankonHumanResourcesAdminSystemReports = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesAdminSystemReports.handleAdminReports();
+        },
+
+        // =========================================================================
+        // ADMIN REPORTS
+        // =========================================================================
+        handleAdminReports: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-admin-reports');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesAdminSystemReports.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.dashboard.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.dashboard.js
new file mode 100755
index 0000000..97cc6eb
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.dashboard.js
@@ -0,0 +1,464 @@
+var BlankonHumanResourcesDashboard = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var globalImgPath = BlankonApp.handleBaseURL()+'/img';
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesDashboard.callModal();
+            BlankonHumanResourcesDashboard.sessionTimeout();
+            BlankonHumanResourcesDashboard.manufacturePieChart();
+            BlankonHumanResourcesDashboard.salesPieChart();
+            BlankonHumanResourcesDashboard.engineeringPieChart();
+            BlankonHumanResourcesDashboard.financialPieChart();
+            BlankonHumanResourcesDashboard.numberEmployeeBySalary();
+            BlankonHumanResourcesDashboard.engineeringDepartment();
+            BlankonHumanResourcesDashboard.comparisonEmployee();
+            BlankonHumanResourcesDashboard.numberEmployeeByYear();
+        },
+
+        // =========================================================================
+        // CALL MODAL FIRST
+        // =========================================================================
+        callModal: function () {
+            $('#modal-dashboard-human-resources').modal(
+                {
+                    show: true,
+                    keyboard: false
+                }
+            );
+            $('#modal-dashboard-human-resources').on('hidden.bs.modal', function (e) {
+                BlankonHumanResourcesDashboard.sessionTimeout();
+            })
+        },
+
+        // =========================================================================
+        // SESSION TIMEOUT
+        // =========================================================================
+        sessionTimeout: function () {
+            if($('.demo-dashboard-session').length){
+                $.sessionTimeout({
+                    title: 'JUST DEMO Your session is about to expire!',
+                    logoutButton: 'Logout',
+                    keepAliveButton: 'Stay Connected',
+                    message: 'Your session will be locked in 2 minute',
+                    keepAliveUrl: '#',
+                    logoutUrl: 'page-signin.html',
+                    redirUrl: 'page-lock-screen.html',
+                    ignoreUserActivity: true,
+                    warnAfter: 120000,
+                    redirAfter: 240000
+                });
+            }
+        },
+
+        // =========================================================================
+        // MANUFACTURE PIE CHART
+        // =========================================================================
+        manufacturePieChart: function(){
+            var chart = c3.generate({
+                bindto: '#manufacture-pie-chart',
+                data: {
+                    // iris data from R
+                    columns: [
+                        ['male', 50],
+                        ['female', 50]
+                    ],
+                    type : 'pie'
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1']
+                },
+                pie: {
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                },
+                legend: {
+                    show: false
+                }
+            });
+
+            setTimeout(function () {
+                chart.load({
+                    columns: [
+                        ["male", 60],
+                        ["female", 40]
+                    ]
+                });
+            }, 1500);
+
+            // Expand panel
+            BlankonHumanResourcesDashboard.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // SALES PIE CHART
+        // =========================================================================
+        salesPieChart: function(){
+            var chart = c3.generate({
+                bindto: '#sales-pie-chart',
+                data: {
+                    // iris data from R
+                    columns: [
+                        ['male', 50],
+                        ['female', 50]
+                    ],
+                    type : 'pie'
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1']
+                },
+                pie: {
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                },
+                legend: {
+                    show: false
+                }
+            });
+
+            setTimeout(function () {
+                chart.load({
+                    columns: [
+                        ["male", 30],
+                        ["female", 70]
+                    ]
+                });
+            }, 1500);
+
+            // Expand panel
+            BlankonHumanResourcesDashboard.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // ENGINEERING PIE CHART
+        // =========================================================================
+        engineeringPieChart: function(){
+            var chart = c3.generate({
+                bindto: '#engineering-pie-chart',
+                data: {
+                    // iris data from R
+                    columns: [
+                        ['male', 50],
+                        ['female', 50]
+                    ],
+                    type : 'pie'
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1']
+                },
+                pie: {
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                },
+                legend: {
+                    show: false
+                }
+            });
+
+            setTimeout(function () {
+                chart.load({
+                    columns: [
+                        ["male", 55],
+                        ["female", 45]
+                    ]
+                });
+            }, 1500);
+
+            // Expand panel
+            BlankonHumanResourcesDashboard.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // FINANCIAL PIE CHART
+        // =========================================================================
+        financialPieChart: function(){
+            var chart = c3.generate({
+                bindto: '#financial-pie-chart',
+                data: {
+                    // iris data from R
+                    columns: [
+                        ['male', 50],
+                        ['female', 50]
+                    ],
+                    type : 'pie'
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1']
+                },
+                pie: {
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                },
+                legend: {
+                    show: false
+                }
+            });
+
+            setTimeout(function () {
+                chart.load({
+                    columns: [
+                        ["male", 23],
+                        ["female", 77]
+                    ]
+                });
+            }, 1500);
+
+            // Expand panel
+            BlankonHumanResourcesDashboard.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // NUMBER EMPLOYEE BY SALARY
+        // =========================================================================
+        numberEmployeeBySalary: function () {
+            var rawData = [
+                [14000, 0],
+                [9000, 1],
+                [20000, 2],
+                [25000, 3],
+                [45000, 4],
+                [50000, 5],
+                [47000, 6]
+            ];
+
+            var dataSet = [
+                { label: "Employee Salary", data: rawData, color: "#E8E800" }
+            ];
+
+            var ticks = [
+                [0, "< $4000"], [1, "$4000 - $5000"], [2, "$5000 - $6000"], [3, "$6000 - $7000"], [4, "$7000 - $8000"], [5, "$8000 - $9000"], [6, "> $10000"]
+            ];
+
+
+            var options = {
+                series: {
+                    bars: {
+                        show: true
+                    }
+                },
+                bars: {
+                    align: "center",
+                    barWidth: 0.5,
+                    horizontal: true,
+                    fillColor: { colors: [{ opacity: 0.5 }, { opacity: 1}] },
+                    lineWidth: 1
+                },
+                xaxis: {
+                    axisLabel: "Unit",
+                    axisLabelUseCanvas: true,
+                    axisLabelFontSizePixels: 12,
+                    axisLabelFontFamily: 'Verdana, Arial',
+                    axisLabelPadding: 10,
+                    max: 100000,
+                    tickColor: "#EFEFEF",
+                    tickFormatter: function (v, axis) {
+                        return $.formatNumber(v, { format: "#,###", locale: "us" });
+                    },
+                    color:"#E8E800"
+                },
+                yaxis: {
+                    axisLabel: "Employee Salary",
+                    axisLabelUseCanvas: true,
+                    axisLabelFontSizePixels: 12,
+                    axisLabelFontFamily: 'Verdana, Arial',
+                    axisLabelPadding: 3,
+                    tickColor: "#EFEFEF",
+                    ticks: ticks,
+                    color:"black"
+                },
+                legend: {
+                    noColumns: 0,
+                    labelBoxBorderColor: "#EFEFEF",
+                    position: "ne"
+                },
+                grid: {
+                    hoverable: true,
+                    borderWidth: 0
+                }
+            };
+
+            $(document).ready(function () {
+                $.plot($("#number-employee-salary-chart"), dataSet, options);
+                $("#number-employee-salary-chart").UseTooltip();
+            });
+
+
+
+            var previousPoint = null, previousLabel = null;
+
+            $.fn.UseTooltip = function () {
+                $(this).bind("plothover", function (event, pos, item) {
+                    if (item) {
+                        if ((previousLabel != item.series.label) ||
+                            (previousPoint != item.dataIndex)) {
+                            previousPoint = item.dataIndex;
+                            previousLabel = item.series.label;
+                            $("#tooltip").remove();
+
+                            var x = item.datapoint[0];
+                            var y = item.datapoint[1];
+
+                            var color = item.series.color;
+                            //alert(color)
+                            //console.log(item.series.xaxis.ticks[x].label);
+
+                            showTooltip(item.pageX,
+                                item.pageY,
+                                color,
+                                "<strong>" + item.series.label + "</strong><br>" + item.series.yaxis.ticks[y].label +
+                                " : <strong>" + $.formatNumber(x, { format: "#,###", locale: "us" })  + "</strong> USD");
+                        }
+                    } else {
+                        $("#tooltip").remove();
+                        previousPoint = null;
+                    }
+                });
+            };
+
+            function showTooltip(x, y, color, contents) {
+                $('<div id="tooltip">' + contents + '</div>').css({
+                    position: 'absolute',
+                    display: 'none',
+                    top: y - 10,
+                    left: x + 10,
+                    border: '2px solid ' + color,
+                    padding: '3px',
+                    'font-size': '9px',
+                    'border-radius': '5px',
+                    'background-color': '#fff',
+                    'font-family': 'Verdana, Arial, Helvetica, Tahoma, sans-serif',
+                    opacity: 0.9
+                }).appendTo("body").fadeIn(200);
+            }
+        },
+
+        // =========================================================================
+        // ENGINEERING DEPARTMENT
+        // =========================================================================
+        engineeringDepartment: function () {
+            if($('#engineering-department-chart').length){
+                var piedata = [
+                    { label: "Engineer", data: [[1,40]], color: '#37BC9B'},
+                    { label: "Engineer Professor", data: [[1,20]], color: '#8CC152'},
+                    { label: "Engineer Assistant", data: [[1,50]], color: '#5577B4'},
+                    { label: "Senior Engineer", data: [[1,90]], color: '#F6BB42'}
+                ];
+
+                function labelFormatter(label, series) {
+                    return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" + label + "<br/>" + Math.round(series.percent) + "%</div>";
+                }
+
+                $.plot('#engineering-department-chart', piedata, {
+                    series: {
+                        pie: {
+                            show: true,
+                            radius: 1,
+                            label: {
+                                show: true,
+                                radius: 2/3,
+                                formatter: labelFormatter,
+                                threshold: 0.1
+                            }
+                        }
+                    },
+                    grid: {
+                        hoverable: true,
+                        clickable: true
+                    }
+                });
+
+            }
+        },
+
+        // =========================================================================
+        // COMPARISON OF EMPLOYEE
+        // =========================================================================
+        comparisonEmployee: function () {
+            if($('#comparison-employee-chart').length){
+                var radarChartData = {
+                    labels : ["Communication Skills","Technical Knowledge","Team Work","Meeting Deadline","Problem Solving","Punctuality"],
+                    datasets : [
+                        {
+                            fillColor : "rgba(220,220,220,0.5)",
+                            strokeColor : "rgba(220,220,220,1)",
+                            pointColor : "rgba(220,220,220,1)",
+                            pointStrokeColor : "#fff",
+                            data : [65,59,90,81,56,55]
+                        },
+                        {
+                            fillColor : "rgba(151,187,205,0.5)",
+                            strokeColor : "rgba(151,187,205,1)",
+                            pointColor : "rgba(151,187,205,1)",
+                            pointStrokeColor : "#fff",
+                            data : [28,48,40,19,96,27]
+                        }
+                    ]
+
+                };
+
+                var myRadar = new Chart(document.getElementById("comparison-employee-chart").getContext("2d")).Radar(radarChartData,{
+                    scaleShowLabels : false,
+                    pointLabelFontSize : 10
+                });
+            }
+        },
+
+        // =========================================================================
+        // NUMBER OF EMPLOYEE OF YEAR
+        // =========================================================================
+        numberEmployeeByYear: function () {
+            if($('#number-employee-chart').length){
+                var barChartData = {
+                    labels : ["2010","2011","2012","2013","2014","2015"],
+                    datasets : [
+                        {
+                            fillColor : "#906094",
+                            strokeColor : "#906094",
+                            data : [65,59,90,81,56,55]
+                        }
+                    ]
+
+                };
+
+                var myLine = new Chart(document.getElementById("number-employee-chart").getContext("2d")).Bar(barChartData);
+            }
+        },
+
+        // =========================================================================
+        // EXPAND TRIGGER PANEL
+        // =========================================================================
+        expandPanel : function (selector) {
+            $('[data-action=expand]').on('click', function(){
+                if($(this).parents(".panel").hasClass('panel-fullsize'))
+                {
+                    setTimeout(function () {
+                        selector.resize();
+                    }, 1000);
+                }
+                else
+                {
+                    setTimeout(function () {
+                        selector.resize();
+                    }, 1000);
+                }
+            });
+        }
+
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesDashboard.init();
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.employee.list.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.employee.list.js
new file mode 100755
index 0000000..80fccbf
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.employee.list.js
@@ -0,0 +1,236 @@
+var BlankonHumanResourcesHrStructureEmployeeList = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesHrStructureEmployeeList.handleBtnAdd();
+            BlankonHumanResourcesHrStructureEmployeeList.handleEmployees();
+            BlankonHumanResourcesHrStructureEmployeeList.handleSkills();
+            BlankonHumanResourcesHrStructureEmployeeList.handleCertifications();
+            BlankonHumanResourcesHrStructureEmployeeList.handleLanguages();
+            BlankonHumanResourcesHrStructureEmployeeList.handleEducation();
+        },
+
+        // =========================================================================
+        // BUTTON ADD
+        // =========================================================================
+        handleBtnAdd: function () {
+            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+                var target = $(e.target).attr("href") // activated tab
+                if(target == '#tab-employees'){
+                    $('.btn-add-employees').show();
+                    $('.btn-add-skills').hide();
+                    $('.btn-add-certifications').hide();
+                    $('.btn-add-languages').hide();
+                    $('.btn-add-education').hide();
+                }
+                if(target == '#tab-skills'){
+                    $('.btn-add-employees').hide();
+                    $('.btn-add-skills').show();
+                    $('.btn-add-certifications').hide();
+                    $('.btn-add-languages').hide();
+                    $('.btn-add-education').hide();
+                }
+                if(target == '#tab-certifications'){
+                    $('.btn-add-employees').hide();
+                    $('.btn-add-skills').hide();
+                    $('.btn-add-certifications').show();
+                    $('.btn-add-languages').hide();
+                    $('.btn-add-education').hide();
+                }
+                if(target == '#tab-languages'){
+                    $('.btn-add-employees').hide();
+                    $('.btn-add-skills').hide();
+                    $('.btn-add-certifications').hide();
+                    $('.btn-add-languages').show();
+                    $('.btn-add-education').hide();
+                }
+                if(target == '#tab-education'){
+                    $('.btn-add-employees').hide();
+                    $('.btn-add-skills').hide();
+                    $('.btn-add-certifications').hide();
+                    $('.btn-add-languages').hide();
+                    $('.btn-add-education').show();
+                }
+            });
+        },
+
+        // =========================================================================
+        // EMPLOYEES
+        // =========================================================================
+        handleEmployees: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-employees');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0,8 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SKILLS
+        // =========================================================================
+        handleSkills: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-skills');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2, 3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // CERTIFICATIONS
+        // =========================================================================
+        handleCertifications: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-certifications');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1,2,5 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // LANGUAGES
+        // =========================================================================
+        handleLanguages: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-languages');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0,2,3,4,5 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // EDUCATION
+        // =========================================================================
+        handleEducation: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-education');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesHrStructureEmployeeList.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.finance.loan.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.finance.loan.js
new file mode 100755
index 0000000..571c4de
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.finance.loan.js
@@ -0,0 +1,51 @@
+var BlankonHumanResourcesHrStructureFinanceLoan = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesHrStructureFinanceLoan.handleFinanceLoan();
+        },
+
+        // =========================================================================
+        // FINANCE LOAN
+        // =========================================================================
+        handleFinanceLoan: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-finance-loan');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0,5,6 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesHrStructureFinanceLoan.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.finance.salary.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.finance.salary.js
new file mode 100755
index 0000000..6ca9445
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.finance.salary.js
@@ -0,0 +1,51 @@
+var BlankonHumanResourcesHrStructureFinanceSalary = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesHrStructureFinanceSalary.handleFinanceSalary();
+        },
+
+        // =========================================================================
+        // FINANCE SALARY
+        // =========================================================================
+        handleFinanceSalary: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-finance-salary');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0,2,3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesHrStructureFinanceSalary.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.monitor.attendance.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.monitor.attendance.js
new file mode 100755
index 0000000..18e8ea5
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.monitor.attendance.js
@@ -0,0 +1,51 @@
+var BlankonHumanResourcesHrStructureMonitorAttendance = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesHrStructureMonitorAttendance.handleMonitorAttendance();
+        },
+
+        // =========================================================================
+        // MONITOR ATTENDANCE
+        // =========================================================================
+        handleMonitorAttendance: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-monitor-attendance');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0,2,3,4 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesHrStructureMonitorAttendance.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.time.management.attendance.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.time.management.attendance.js
new file mode 100755
index 0000000..c94a88b
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.time.management.attendance.js
@@ -0,0 +1,51 @@
+var BlankonHumanResourcesHrStructureTimeManagementAttendance = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesHrStructureTimeManagementAttendance.handleTimeManagementAttendance();
+        },
+
+        // =========================================================================
+        // TIME MANAGEMENT ATTENDANCE
+        // =========================================================================
+        handleTimeManagementAttendance: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-time-management-attendance');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2,3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesHrStructureTimeManagementAttendance.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.time.management.projects.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.time.management.projects.js
new file mode 100755
index 0000000..e80aab2
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.time.management.projects.js
@@ -0,0 +1,51 @@
+var BlankonHumanResourcesHrStructureTimeManagementProjects = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesHrStructureTimeManagementProjects.handleTimeManagementProjects();
+        },
+
+        // =========================================================================
+        // TIME MANAGEMENT PROJECTS
+        // =========================================================================
+        handleTimeManagementProjects: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-time-management-projects');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 3,4,5 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesHrStructureTimeManagementProjects.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.time.management.timesheets.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.time.management.timesheets.js
new file mode 100755
index 0000000..c43e0d5
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.time.management.timesheets.js
@@ -0,0 +1,146 @@
+var BlankonHumanResourcesHrStructureTimeManagementTimeSheets = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesHrStructureTimeManagementTimeSheets.handleBtnAdd();
+            BlankonHumanResourcesHrStructureTimeManagementTimeSheets.handleAllMyTimeSheets();
+            BlankonHumanResourcesHrStructureTimeManagementTimeSheets.handleApprovedTimeSheets();
+            BlankonHumanResourcesHrStructureTimeManagementTimeSheets.handlePendingTimeSheets();
+        },
+
+        // =========================================================================
+        // BUTTON ADD
+        // =========================================================================
+        handleBtnAdd: function () {
+            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+                var target = $(e.target).attr("href") // activated tab
+                if(target == '#tab-all-my-timesheets'){
+                    $('.btn-add-all-my-timesheets').show();
+                    $('.btn-add-approved-timesheets').hide();
+                    $('.btn-add-pending-timesheets').hide();
+                }
+                if(target == '#tab-approved-timesheets'){
+                    $('.btn-add-all-my-timesheets').hide();
+                    $('.btn-add-approved-timesheets').show();
+                    $('.btn-add-pending-timesheets').hide();
+                }
+                if(target == '#tab-pending-timesheets'){
+                    $('.btn-add-all-my-timesheets').hide();
+                    $('.btn-add-approved-timesheets').hide();
+                    $('.btn-add-pending-timesheets').show();
+                }
+            });
+        },
+
+        // =========================================================================
+        // ALL MY TIMESHEETS
+        // =========================================================================
+        handleAllMyTimeSheets: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-all-my-timesheets');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2,3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // APPROVED TIMESHEETS
+        // =========================================================================
+        handleApprovedTimeSheets: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-approved-timesheets');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2, 3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // PENDING TIMESHEETS
+        // =========================================================================
+        handlePendingTimeSheets: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-pending-timesheets');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1,2,4 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesHrStructureTimeManagementTimeSheets.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.travel.management.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.travel.management.js
new file mode 100755
index 0000000..d8c5faa
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.hr.structure.travel.management.js
@@ -0,0 +1,51 @@
+var BlankonHumanResourcesHrStructureTravelManagement = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesHrStructureTravelManagement.handleTravelManagement();
+        },
+
+        // =========================================================================
+        // TRAVEL MANAGEMENT
+        // =========================================================================
+        handleTravelManagement: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-travel-management');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 3,4,5 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesHrStructureTravelManagement.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/human-resources/blankon.human.resources.sign.js b/vendor/javascripts/pages/human-resources/blankon.human.resources.sign.js
new file mode 100755
index 0000000..a6a0098
--- /dev/null
+++ b/vendor/javascripts/pages/human-resources/blankon.human.resources.sign.js
@@ -0,0 +1,29 @@
+var BlankonHumanResourcesSign = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonHumanResourcesSign.signBackstretch();
+        },
+
+        // =========================================================================
+        // BACKSTRETCH
+        // =========================================================================
+        signBackstretch: function () {
+            // Duration is the amount of time in between slides,
+            // and fade is value that determines how quickly the next image will fade in
+            $.backstretch([
+                'http://themes.djavaui.com/blankon-fullpack-admin-theme/img/admin-special/human-resources/login/1.jpg',
+                'http://themes.djavaui.com/blankon-fullpack-admin-theme/img/admin-special/human-resources/login/2.jpg'
+            ], {duration: 5000, fade: 750});
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonHumanResourcesSign.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/investor/blankon.investor.additional.option.system.general.js b/vendor/javascripts/pages/investor/blankon.investor.additional.option.system.general.js
new file mode 100755
index 0000000..5f1c42e
--- /dev/null
+++ b/vendor/javascripts/pages/investor/blankon.investor.additional.option.system.general.js
@@ -0,0 +1,236 @@
+var BlankonInvestorAdditionalOptionSystemGeneral = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonInvestorAdditionalOptionSystemGeneral.handleBtnAdd();
+            BlankonInvestorAdditionalOptionSystemGeneral.handleSettingCompany();
+            BlankonInvestorAdditionalOptionSystemGeneral.handleSettingSystem();
+            BlankonInvestorAdditionalOptionSystemGeneral.handleSettingEmail();
+            BlankonInvestorAdditionalOptionSystemGeneral.handleSettingAttendance();
+            BlankonInvestorAdditionalOptionSystemGeneral.handleSettingOther();
+        },
+
+        // =========================================================================
+        // BUTTON ADD
+        // =========================================================================
+        handleBtnAdd: function () {
+            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+                var target = $(e.target).attr("href") // activated tab
+                if(target == '#tab-setting-company'){
+                    $('.btn-add-setting-company').show();
+                    $('.btn-add-setting-system').hide();
+                    $('.btn-add-setting-email').hide();
+                    $('.btn-add-setting-attendance').hide();
+                    $('.btn-add-setting-other').hide();
+                }
+                if(target == '#tab-setting-system'){
+                    $('.btn-add-setting-company').hide();
+                    $('.btn-add-setting-system').show();
+                    $('.btn-add-setting-email').hide();
+                    $('.btn-add-setting-attendance').hide();
+                    $('.btn-add-setting-other').hide();
+                }
+                if(target == '#tab-setting-email'){
+                    $('.btn-add-setting-company').hide();
+                    $('.btn-add-setting-system').hide();
+                    $('.btn-add-setting-email').show();
+                    $('.btn-add-setting-attendance').hide();
+                    $('.btn-add-setting-other').hide();
+                }
+                if(target == '#tab-setting-attendance'){
+                    $('.btn-add-setting-company').hide();
+                    $('.btn-add-setting-system').hide();
+                    $('.btn-add-setting-email').hide();
+                    $('.btn-add-setting-attendance').show();
+                    $('.btn-add-setting-other').hide();
+                }
+                if(target == '#tab-setting-other'){
+                    $('.btn-add-setting-company').hide();
+                    $('.btn-add-setting-system').hide();
+                    $('.btn-add-setting-email').hide();
+                    $('.btn-add-setting-attendance').hide();
+                    $('.btn-add-setting-other').show();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING COMPANY
+        // =========================================================================
+        handleSettingCompany: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-company');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0,1,2,3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING SYSTEM
+        // =========================================================================
+        handleSettingSystem: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-system');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2, 3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING EMAIL
+        // =========================================================================
+        handleSettingEmail: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-email');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2, 3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING ATTENDANCE
+        // =========================================================================
+        handleSettingAttendance: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-attendance');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2, 3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING OTHER
+        // =========================================================================
+        handleSettingOther: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-other');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2, 3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonInvestorAdditionalOptionSystemGeneral.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/investor/blankon.investor.additional.option.system.metadata.js b/vendor/javascripts/pages/investor/blankon.investor.additional.option.system.metadata.js
new file mode 100755
index 0000000..d32c411
--- /dev/null
+++ b/vendor/javascripts/pages/investor/blankon.investor.additional.option.system.metadata.js
@@ -0,0 +1,190 @@
+var BlankonInvestorAdditionalOptionSystemMetadata = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonInvestorAdditionalOptionSystemMetadata.handleBtnAdd();
+            BlankonInvestorAdditionalOptionSystemMetadata.handleSettingCountries();
+            BlankonInvestorAdditionalOptionSystemMetadata.handleSettingProvince();
+            BlankonInvestorAdditionalOptionSystemMetadata.handleSettingCurrencyTypes();
+            BlankonInvestorAdditionalOptionSystemMetadata.handleSettingNationality();
+        },
+
+        // =========================================================================
+        // BUTTON ADD
+        // =========================================================================
+        handleBtnAdd: function () {
+            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+                var target = $(e.target).attr("href") // activated tab
+                if(target == '#tab-setting-countries'){
+                    $('.btn-add-setting-countries').show();
+                    $('.btn-add-setting-provinces').hide();
+                    $('.btn-add-setting-currency-types').hide();
+                    $('.btn-add-setting-nationality').hide();
+                }
+                if(target == '#tab-setting-provinces'){
+                    $('.btn-add-setting-countries').hide();
+                    $('.btn-add-setting-provinces').show();
+                    $('.btn-add-setting-currency-types').hide();
+                    $('.btn-add-setting-nationality').hide();
+                }
+                if(target == '#tab-setting-currency-types'){
+                    $('.btn-add-setting-countries').hide();
+                    $('.btn-add-setting-provinces').hide();
+                    $('.btn-add-setting-currency-types').show();
+                    $('.btn-add-setting-nationality').hide();
+                }
+                if(target == '#tab-setting-nationality'){
+                    $('.btn-add-setting-countries').hide();
+                    $('.btn-add-setting-provinces').hide();
+                    $('.btn-add-setting-currency-types').hide();
+                    $('.btn-add-setting-nationality').show();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING COUNTRIES
+        // =========================================================================
+        handleSettingCountries: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-countries');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING PROVINCE
+        // =========================================================================
+        handleSettingProvince: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-province');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 3 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING CURRENCY TYPES
+        // =========================================================================
+        handleSettingCurrencyTypes: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-currency-types');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING NATIONALITY
+        // =========================================================================
+        handleSettingNationality: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-nationality');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonInvestorAdditionalOptionSystemMetadata.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/investor/blankon.investor.additional.option.system.modules.js b/vendor/javascripts/pages/investor/blankon.investor.additional.option.system.modules.js
new file mode 100755
index 0000000..3d6a3da
--- /dev/null
+++ b/vendor/javascripts/pages/investor/blankon.investor.additional.option.system.modules.js
@@ -0,0 +1,51 @@
+var BlankonInvestorAdditionalOptionSystemModules = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonInvestorAdditionalOptionSystemModules.handleManageModules();
+        },
+
+        // =========================================================================
+        // SETTING MODULES
+        // =========================================================================
+        handleManageModules: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-modules');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 3,4 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonInvestorAdditionalOptionSystemModules.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/investor/blankon.investor.additional.option.system.permissions.js b/vendor/javascripts/pages/investor/blankon.investor.additional.option.system.permissions.js
new file mode 100755
index 0000000..d7f66bd
--- /dev/null
+++ b/vendor/javascripts/pages/investor/blankon.investor.additional.option.system.permissions.js
@@ -0,0 +1,51 @@
+var BlankonInvestorAdditionalOptionSystemPermissions = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonInvestorAdditionalOptionSystemPermissions.handleManagePermissions();
+        },
+
+        // =========================================================================
+        // SETTING PERMISSIONS
+        // =========================================================================
+        handleManagePermissions: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-setting-permissions');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2,3,4 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonInvestorAdditionalOptionSystemPermissions.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/investor/blankon.investor.additional.option.system.users.js b/vendor/javascripts/pages/investor/blankon.investor.additional.option.system.users.js
new file mode 100755
index 0000000..b0bdb26
--- /dev/null
+++ b/vendor/javascripts/pages/investor/blankon.investor.additional.option.system.users.js
@@ -0,0 +1,104 @@
+var BlankonInvestorAdditionalOptionSystemUsers = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonInvestorAdditionalOptionSystemUsers.handleBtnAdd();
+            BlankonInvestorAdditionalOptionSystemUsers.handleUsers();
+            BlankonInvestorAdditionalOptionSystemUsers.handleUserRoles();
+        },
+
+        // =========================================================================
+        // BUTTON ADD
+        // =========================================================================
+        handleBtnAdd: function () {
+            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+                var target = $(e.target).attr("href") // activated tab
+                if(target == '#tab-users'){
+                    $('.btn-add-users').show();
+                    $('.btn-add-user-roles').hide();
+                }
+                if(target == '#tab-user-roles'){
+                    $('.btn-add-users').hide();
+                    $('.btn-add-user-roles').show();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING USERS
+        // =========================================================================
+        handleUsers: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-users');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 5 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // SETTING USER ROLES
+        // =========================================================================
+        handleUserRoles: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-user-roles');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 1,2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonInvestorAdditionalOptionSystemUsers.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/investor/blankon.investor.admin.reports.js b/vendor/javascripts/pages/investor/blankon.investor.admin.reports.js
new file mode 100755
index 0000000..7b4d578
--- /dev/null
+++ b/vendor/javascripts/pages/investor/blankon.investor.admin.reports.js
@@ -0,0 +1,51 @@
+var BlankonInvestorAdminReports = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonInvestorAdminReports.handleAdminReports();
+        },
+
+        // =========================================================================
+        // ADMIN REPORTS
+        // =========================================================================
+        handleAdminReports: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-admin-reports');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonInvestorAdminReports.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/investor/blankon.investor.dashboard.js b/vendor/javascripts/pages/investor/blankon.investor.dashboard.js
new file mode 100755
index 0000000..12f9e1f
--- /dev/null
+++ b/vendor/javascripts/pages/investor/blankon.investor.dashboard.js
@@ -0,0 +1,164 @@
+var BlankonInvestorDashboard = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var globalImgPath = BlankonApp.handleBaseURL()+'/img',
+        globalDataPath = BlankonApp.handleBaseURL()+'/assets/admin/data';
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonInvestorDashboard.callModal();
+            BlankonInvestorDashboard.sessionTimeout();
+            BlankonInvestorDashboard.counterOverview();
+            BlankonInvestorDashboard.sessionTimeout();
+            BlankonInvestorDashboard.totalInvestments();
+            BlankonInvestorDashboard.datatableMedianRaised();
+        },
+
+        // =========================================================================
+        // CALL MODAL FIRST
+        // =========================================================================
+        callModal: function () {
+            $('#modal-dashboard-investor').modal(
+                {
+                    show: true,
+                    keyboard: false
+                }
+            );
+            $('#modal-dashboard-investor').on('hidden.bs.modal', function (e) {
+                BlankonInvestorDashboard.sessionTimeout();
+            })
+        },
+
+        // =========================================================================
+        // SESSION TIMEOUT
+        // =========================================================================
+        sessionTimeout: function () {
+            if($('.demo-dashboard-session').length){
+                $.sessionTimeout({
+                    title: 'JUST DEMO Your session is about to expire!',
+                    logoutButton: 'Logout',
+                    keepAliveButton: 'Stay Connected',
+                    message: 'Your session will be locked in 2 minute',
+                    keepAliveUrl: '#',
+                    logoutUrl: 'page-signin.html',
+                    redirUrl: 'page-lock-screen.html',
+                    ignoreUserActivity: true,
+                    warnAfter: 120000,
+                    redirAfter: 240000
+                });
+            }
+        },
+
+        // =========================================================================
+        // COUNTER OVERVIEW
+        // =========================================================================
+        counterOverview: function () {
+            if($('.counter').length){
+                $('.counter').counterUp({
+                    delay: 10,
+                    time: 4000
+                });
+            }
+        },
+
+        // =========================================================================
+        // TOTAL INVESTMENTS
+        // =========================================================================
+        totalInvestments: function () {
+            var chart = c3.generate({
+                bindto: '#total-investments',
+                data: {
+                    columns: [
+                        ['InvestmentA', 30, 20, 50, 40, 60, 50],
+                        ['InvestmentB', 200, 130, 90, 240, 130, 220],
+                        ['InvestmentC', 300, 200, 160, 400, 250, 250],
+                        ['InvestmentD', 200, 130, 90, 240, 130, 220],
+                        ['InvestmentE', 130, 120, 150, 140, 160, 150]
+                    ],
+                    types: {
+                        InvestmentA: 'bar',
+                        InvestmentB: 'bar',
+                        InvestmentC: 'spline',
+                        InvestmentD: 'line',
+                        InvestmentE: 'bar'
+                    },
+                    groups: [
+                        ['data 1','data 2']
+                    ]
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1', '#37BC9B', '#906094', '#1F77B4']
+                },
+                axis: {
+                    x: {
+                        type: 'categorized'
+                    }
+                }
+            });
+
+            // Expand panel
+            BlankonInvestorDashboard.expandPanel(chart);
+        },
+
+        expandPanel : function (selector) {
+            $('[data-action=expand]').on('click', function(){
+                if($(this).parents(".panel").hasClass('panel-fullsize'))
+                {
+                    setTimeout(function () {
+                        selector.resize();
+                    }, 1000);
+                }
+                else
+                {
+                    setTimeout(function () {
+                        selector.resize();
+                    }, 1000);
+                }
+            });
+        },
+
+        // =========================================================================
+        // DATATABLE MEDIAN RAISED
+        // =========================================================================
+        datatableMedianRaised: function () {
+            var responsiveHelperAjax = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+
+            var tableAjax = $('#datatable-median-raised');
+
+            // Using AJAX
+            tableAjax.dataTable({
+                autoWidth      : false,
+                ajax           : globalDataPath+'/datatable-investor.json',
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperAjax) {
+                        responsiveHelperAjax = new ResponsiveDatatablesHelper(tableAjax, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperAjax.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperAjax.respond();
+                }
+            });
+
+        }
+
+
+    };
+
+}();
+
+// Call main app init
+BlankonInvestorDashboard.init();
diff --git a/vendor/javascripts/pages/investor/blankon.investor.dividends.model.portfolios.js b/vendor/javascripts/pages/investor/blankon.investor.dividends.model.portfolios.js
new file mode 100755
index 0000000..7890156
--- /dev/null
+++ b/vendor/javascripts/pages/investor/blankon.investor.dividends.model.portfolios.js
@@ -0,0 +1,51 @@
+var BlankonInvestorDividendsModelPortfolios = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonInvestorDividendsModelPortfolios.handleAdminReports();
+        },
+
+        // =========================================================================
+        // ADMIN REPORTS
+        // =========================================================================
+        handleAdminReports: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-current-portfolio');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 6,7 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonInvestorDividendsModelPortfolios.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/investor/blankon.investor.dividends.upcoming.dividends.js b/vendor/javascripts/pages/investor/blankon.investor.dividends.upcoming.dividends.js
new file mode 100755
index 0000000..f5e9ca0
--- /dev/null
+++ b/vendor/javascripts/pages/investor/blankon.investor.dividends.upcoming.dividends.js
@@ -0,0 +1,100 @@
+var BlankonInvestorDividendsUpcomingDividends = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var globalPluginsPath = BlankonApp.handleBaseURL()+'/assets/global/plugins/bower_components';
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonInvestorDividendsUpcomingDividends.calendar();
+            BlankonInvestorDividendsUpcomingDividends.chosenSelect();
+        },
+
+        // =========================================================================
+        // CALENDAR
+        // =========================================================================
+        calendar: function () {
+            "use strict";
+
+            var options = {
+                events_source: globalPluginsPath+'/bootstrap-calendar/calendar-events-sample.json',
+                view: 'month',
+                tmpl_path: globalPluginsPath+'/bootstrap-calendar/tmpls/',
+                tmpl_cache: false,
+                day: '2013-03-12',
+                onAfterEventsLoad: function(events) {
+                    if(!events) {
+                        return;
+                    }
+                    var list = $('#eventlist');
+                    list.html('');
+
+                    $.each(events, function(key, val) {
+                        $(document.createElement('li'))
+                            .html('<a href="' + val.url + '"><i class="fa fa-calendar mr-10"></i> ' + val.title + '</a>')
+                            .appendTo(list);
+                    });
+                },
+                onAfterViewLoad: function(view) {
+                    $('.page-header h4').text(this.getTitle());
+                    $('button').removeClass('active');
+                    $('.calendar-menu-mobile ul li').removeClass('active');
+                    $('button[data-calendar-view="' + view + '"]').addClass('active');
+                    $('a[data-calendar-view="' + view + '"]').parent('li').addClass('active');
+                },
+                classes: {
+                    months: {
+                        general: 'label'
+                    }
+                }
+            };
+
+            var calendar = $('#calendar').calendar(options);
+
+            $('[data-calendar-nav]').each(function() {
+                var $this = $(this);
+                $this.click(function() {
+                    calendar.navigate($this.data('calendar-nav'));
+                });
+            });
+
+            $('[data-calendar-view]').each(function() {
+                var $this = $(this);
+                $this.click(function() {
+                    calendar.view($this.data('calendar-view'));
+                });
+            });
+
+            $('#language').change(function(){
+                calendar.setLanguage($(this).val());
+                calendar.view();
+            });
+
+            $('#events-in-modal').change(function(){
+                var val = $(this).is(':checked') ? $(this).val() : null;
+                calendar.setOptions({modal: val});
+            });
+            $('#events-modal .modal-header, #events-modal .modal-footer').click(function(e){
+                //e.preventDefault();
+                //e.stopPropagation();
+            });
+        },
+
+        // =========================================================================
+        // CHOSEN SELECT
+        // =========================================================================
+        chosenSelect: function () {
+            $('.chosen-select').chosen();
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonInvestorDividendsUpcomingDividends.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/investor/blankon.investor.growth.model.portfolios.js b/vendor/javascripts/pages/investor/blankon.investor.growth.model.portfolios.js
new file mode 100755
index 0000000..e807bec
--- /dev/null
+++ b/vendor/javascripts/pages/investor/blankon.investor.growth.model.portfolios.js
@@ -0,0 +1,51 @@
+var BlankonInvestorGrowthModelPortfolios = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonInvestorGrowthModelPortfolios.handleAdminReports();
+        },
+
+        // =========================================================================
+        // ADMIN REPORTS
+        // =========================================================================
+        handleAdminReports: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-current-portfolio');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 6,7 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonInvestorGrowthModelPortfolios.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/investor/blankon.investor.international.model.portfolios.js b/vendor/javascripts/pages/investor/blankon.investor.international.model.portfolios.js
new file mode 100755
index 0000000..8c837fa
--- /dev/null
+++ b/vendor/javascripts/pages/investor/blankon.investor.international.model.portfolios.js
@@ -0,0 +1,51 @@
+var BlankonInvestorInternationalModelPortfolios = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonInvestorInternationalModelPortfolios.handleAdminReports();
+        },
+
+        // =========================================================================
+        // ADMIN REPORTS
+        // =========================================================================
+        handleAdminReports: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-current-portfolio');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 6,7 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonInvestorInternationalModelPortfolios.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/investor/blankon.investor.international.trading.hours.js b/vendor/javascripts/pages/investor/blankon.investor.international.trading.hours.js
new file mode 100755
index 0000000..337c938
--- /dev/null
+++ b/vendor/javascripts/pages/investor/blankon.investor.international.trading.hours.js
@@ -0,0 +1,67 @@
+var BlankonInvestorInternationalTradingHours = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonInvestorInternationalTradingHours.handleAdminReports();
+            BlankonInvestorInternationalTradingHours.handleTimeZone();
+        },
+
+        // =========================================================================
+        // ADMIN REPORTS
+        // =========================================================================
+        handleAdminReports: function () {
+            var responsiveHelperAjax = undefined;
+            var responsiveHelperDom = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+            var tableDom = $('#datatable-trading-hours');
+
+            // Using DOM
+            // Remove arrow datatable
+            $.extend( true, $.fn.dataTable.defaults, {
+                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 5 ] } ]
+            } );
+            tableDom.dataTable({
+                autoWidth        : false,
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperDom) {
+                        responsiveHelperDom = new ResponsiveDatatablesHelper(tableDom, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperDom.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperDom.respond();
+                }
+            });
+        },
+
+        // =========================================================================
+        // TIMEZONE // http://www.timeanddate.com
+        // =========================================================================
+        handleTimeZone: function () {
+            $('#clock_au').jClocksGMT({ analog: false, timeformat: 'hh:mm:ss A', offset: '+8', skin: 2 });
+            $('#clock_br').jClocksGMT({ analog: false, timeformat: 'hh:mm:ss A', offset: '-5', skin: 2 });
+            $('#clock_ca').jClocksGMT({ analog: false, timeformat: 'hh:mm:ss A', offset: '-7', skin: 2 });
+            $('#clock_cn').jClocksGMT({ analog: false, timeformat: 'hh:mm:ss A', offset: '+8', skin: 2 });
+            $('#clock_de').jClocksGMT({ analog: false, timeformat: 'hh:mm:ss A', offset: '+2', skin: 2 });
+            $('#clock_hk').jClocksGMT({ analog: false, timeformat: 'hh:mm:ss A', offset: '+8', skin: 2 });
+            $('#clock_jp').jClocksGMT({ analog: false, timeformat: 'hh:mm:ss A', offset: '+9', skin: 2 });
+            $('#clock_ru').jClocksGMT({ analog: false, timeformat: 'hh:mm:ss A', offset: '+3', skin: 2 });
+            $('#clock_us').jClocksGMT({ analog: false, timeformat: 'hh:mm:ss A', offset: '-4', skin: 2 });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonInvestorInternationalTradingHours.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/investor/blankon.investor.sign.js b/vendor/javascripts/pages/investor/blankon.investor.sign.js
new file mode 100755
index 0000000..18b50b1
--- /dev/null
+++ b/vendor/javascripts/pages/investor/blankon.investor.sign.js
@@ -0,0 +1,29 @@
+var BlankonInvestorSign = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonInvestorSign.signBackstretch();
+        },
+
+        // =========================================================================
+        // BACKSTRETCH
+        // =========================================================================
+        signBackstretch: function () {
+            // Duration is the amount of time in between slides,
+            // and fade is value that determines how quickly the next image will fade in
+            $.backstretch([
+                'http://themes.djavaui.com/blankon-fullpack-admin-theme/img/admin-special/investor/login/1.jpg',
+                'http://themes.djavaui.com/blankon-fullpack-admin-theme/img/admin-special/investor/login/2.jpg'
+            ], {duration: 5000, fade: 750});
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonInvestorSign.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.contacts.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.contacts.js
new file mode 100755
index 0000000..aa9edfe
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.contacts.js
@@ -0,0 +1,772 @@
+'use strict';
+var BlankonMarketingCampaignContacts = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignContacts.handleDatatable();
+            BlankonMarketingCampaignContacts.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/datatable-customer.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': 1,
+                        'render': function (data) {
+                            return '<a href="mailto:'+data+'" target="_blank">'+data+'</a>'
+                        }
+                    },
+                    {
+                        'targets': [2,3],
+                        'className': 'text-capitalize'
+                    },
+                    {
+                        'targets': [5,6,11,12,13,14,15],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 14,
+                        'render': function (data){
+                            if(data == 'registered'){
+                                return '<span class="label label-success">'+data+'</span>';
+                            }
+                            if(data == 'not-registered'){
+                                return '<span class="label label-danger">'+data+'</span>';
+                            }
+                        }
+                    },
+                    {
+                        'targets': 15,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonMarketingCampaignContacts.handleActionViewDatatable();
+                    BlankonMarketingCampaignContacts.handleActionEditDatatable();
+                    BlankonMarketingCampaignContacts.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonMarketingCampaignContacts.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/datatable-customer.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': 1,
+                            'render': function (data) {
+                                return '<a href="mailto:'+data+'" target="_blank">'+data+'</a>'
+                            }
+                        },
+                        {
+                            'targets': [2,3],
+                            'className': 'text-capitalize'
+                        },
+                        {
+                            'targets': [5,6,11,12,13,14,15],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 14,
+                            'render': function (data){
+                                if(data == 'registered'){
+                                    return '<span class="label label-success">'+data+'</span>';
+                                }
+                                if(data == 'not-registered'){
+                                    return '<span class="label label-danger">'+data+'</span>';
+                                }
+                            }
+                        },
+                        {
+                            'targets': 15,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonMarketingCampaignContacts.handleActionViewDatatable();
+                        BlankonMarketingCampaignContacts.handleActionEditDatatable();
+                        BlankonMarketingCampaignContacts.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonMarketingCampaignContacts.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Username :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">First Name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Last Name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Organization :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Address 1 :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Address 2 :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">City :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[7]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">State/Prov. :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[8]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Postal Code :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[9]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Country :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[10]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Extra 1 :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[11]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Extra 2 :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[12]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Notes :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[13]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[14]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Username</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">First Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Last Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Organization</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Address 1</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[5]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Address 2</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[6]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">City</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[7]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">State/Prov.</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[8]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Postal Code</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[9]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Country</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[10]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Extra 1</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[11]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Extra 2</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[12]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Notes</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[13]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[14]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonMarketingCampaignContacts.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignContacts.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.dashboard.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.dashboard.js
new file mode 100755
index 0000000..698f651
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.dashboard.js
@@ -0,0 +1,771 @@
+var BlankonMarketingCampaignDashboard = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var globalPluginsPath = BlankonApp.handleBaseURL()+'/assets/global/plugins/bower_components';
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignDashboard.callModal();
+            BlankonMarketingCampaignDashboard.counterOverview();
+            BlankonMarketingCampaignDashboard.gritterNotification();
+            BlankonMarketingCampaignDashboard.sessionTimeout();
+            BlankonMarketingCampaignDashboard.dashboardDaterangepicker();
+            BlankonMarketingCampaignDashboard.marketingChart();
+            BlankonMarketingCampaignDashboard.mapContinents();
+            BlankonMarketingCampaignDashboard.chartShareOfSales();
+            BlankonMarketingCampaignDashboard.chartTopProducts();
+            BlankonMarketingCampaignDashboard.chartTopCustomers();
+            BlankonMarketingCampaignDashboard.shortcutOverview();
+            BlankonMarketingCampaignDashboard.overviewFacebookChart();
+            BlankonMarketingCampaignDashboard.overviewTwitterChart();
+            BlankonMarketingCampaignDashboard.overviewYoutubeChart();
+        },
+
+        // =========================================================================
+        // CALL MODAL FIRST
+        // =========================================================================
+        callModal: function () {
+            $('#modal-dashboard-marketing-campaign').modal(
+                {
+                    show: true,
+                    keyboard: false
+                }
+            );
+            $('#modal-dashboard-marketing-campaign').on('hidden.bs.modal', function (e) {
+                BlankonMarketingCampaignDashboard.sessionTimeout();
+            })
+        },
+
+        // =========================================================================
+        // COUNTER OVERVIEW
+        // =========================================================================
+        counterOverview: function () {
+            if($('.counter').length){
+                $('.counter').counterUp({
+                    delay: 10,
+                    time: 4000
+                });
+            }
+        },
+
+        // =========================================================================
+        // GRITTER NOTIFICATION
+        // =========================================================================
+        gritterNotification: function () {
+            // display marketing alert only once
+            if($('#wrapper').css('opacity')) {
+                if (!$.cookie('intro')) {
+
+                    // Gritter notification intro 1
+                    setTimeout(function () {
+                        var unique_id = $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Welcome to Blankon',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon is a theme fullpack admin template powered by Twitter bootstrap 3 front-end framework.',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/contact.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: false,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+
+                        // You can have it return a unique id, this can be used to manually remove it later using
+                        setTimeout(function () {
+                            $.gritter.remove(unique_id, {
+                                fade: true,
+                                speed: 'slow'
+                            });
+                        }, 12000);
+                    }, 5000);
+
+                    // Gritter notification intro 2
+                    setTimeout(function () {
+                        $.gritter.add({
+                            // (string | mandatory) the heading of the notification
+                            title: 'Playing sounds',
+                            // (string | mandatory) the text inside the notification
+                            text: 'Blankon made for playing small sounds, will help you with this task. Please make your sound system is active',
+                            // (string | optional) the image to display on the left
+                            image: globalImgPath+'/icon/64/sound.png',
+                            // (bool | optional) if you want it to fade out on its own or just sit there
+                            sticky: true,
+                            // (int | optional) the time you want it to be alive for before fading out
+                            time: ''
+                        });
+                    }, 8000);
+
+                    // Set cookie intro
+                    $.cookie('intro',1, {expires: 1});
+                }
+            }
+        },
+
+        // =========================================================================
+        // SESSION TIMEOUT
+        // =========================================================================
+        sessionTimeout: function () {
+            if($('.demo-dashboard-session').length){
+                $.sessionTimeout({
+                    title: 'JUST DEMO Your session is about to expire!',
+                    logoutButton: 'Logout',
+                    keepAliveButton: 'Stay Connected',
+                    message: 'Your session will be locked in 2 minute',
+                    keepAliveUrl: '#',
+                    logoutUrl: 'page-signin.html',
+                    redirUrl: 'page-lock-screen.html',
+                    ignoreUserActivity: true,
+                    warnAfter: 120000,
+                    redirAfter: 240000
+                });
+            }
+        },
+
+        // =========================================================================
+        // DASHBOARD DATE RANGE PICKER
+        // =========================================================================
+        dashboardDaterangepicker: function () {
+            if (!jQuery().daterangepicker) {
+                return;
+            }
+
+            $('#dashboard-report-range').daterangepicker({
+                    opens: 'left',
+                    startDate: moment().subtract('days', 29),
+                    endDate: moment(),
+                    minDate: '01/01/2012',
+                    maxDate: '12/31/2020',
+                    dateLimit: {
+                        days: 60
+                    },
+                    showDropdowns: false,
+                    showWeekNumbers: true,
+                    timePicker: true,
+                    timePickerIncrement: 1,
+                    timePicker12Hour: true,
+                    ranges: {
+                        'Today': [moment(), moment()],
+                        'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
+                        'Last 7 Days': [moment().subtract('days', 6), moment()],
+                        'Last 30 Days': [moment().subtract('days', 29), moment()],
+                        'This Month': [moment().startOf('month'), moment().endOf('month')],
+                        'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
+                    },
+                    buttonClasses: ['btn btn-sm'],
+                    applyClass: 'btn-success',
+                    cancelClass: 'btn-default',
+                    format: 'MM/DD/YYYY',
+                    separator: ' to ',
+                    locale: {
+                        applyLabel: 'Apply',
+                        fromLabel: 'From',
+                        toLabel: 'To',
+                        customRangeLabel: 'Custom Range',
+                        daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+                        monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+                        firstDay: 1
+                    }
+                },
+                function (start, end) {
+                    $('#dashboard-report-range span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
+                }
+            );
+
+
+            $('#dashboard-report-range span').html(moment().subtract('days', 29).format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
+            $('#dashboard-report-range').show();
+        },
+
+        // =========================================================================
+        // MARKETING CHART
+        // =========================================================================
+        marketingChart: function () {
+            new Chartist.Bar('.ct-marketing-chart', {
+                labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+                series: [
+                    [5, 4, 3, 7, 5, 4, 3, 7, 3, 2, 4, 4],
+                    [3, 2, 9, 5, 3, 2, 9, 5, 7, 7, 2, 2],
+                    [1, 5, 8, 4, 1, 5, 8, 4, 2, 3, 6, 2],
+                    [2, 3, 4, 6, 1, 5, 8, 4, 2, 3, 5, 2]
+                ]
+            }, {
+                // Default mobile configuration
+                stackBars: true,
+                axisX: {
+                    labelInterpolationFnc: function(value) {
+                        return value.split(/\s+/).map(function(word) {
+                            return word[0];
+                        }).join('');
+                    }
+                },
+                axisY: {
+                    offset: 20
+                }
+            }, [
+                // Options override for media > 400px
+                ['screen and (min-width: 400px)', {
+                    reverseData: true,
+                    horizontalBars: true,
+                    axisX: {
+                        labelInterpolationFnc: Chartist.noop
+                    },
+                    axisY: {
+                        offset: 60
+                    }
+                }],
+                // Options override for media > 800px
+                ['screen and (min-width: 800px)', {
+                    stackBars: false,
+                    seriesBarDistance: 10
+                }],
+                // Options override for media > 1000px
+                ['screen and (min-width: 1000px)', {
+                    reverseData: false,
+                    horizontalBars: false,
+                    seriesBarDistance: 10
+                }]
+            ]);
+        },
+
+        // =========================================================================
+        // CONTINENTS MAP
+        // =========================================================================
+        mapContinents: function () {
+            if($('#continents').length){
+                // Optimalisation: Store the references outside the event handler:
+                var $window = $(window);
+                function checkWidth() {
+                    var windowsize = $window.width();
+                    // Check if view screen on greater then 720px and smaller then 1024px
+                    if (windowsize > 1024) {
+                        $('.map-continent').width(752);
+                    }
+                    if (windowsize < 800) {
+                        $('.map-continent').width(500);
+                    }
+                    if (windowsize < 500) {
+                        $('.map-continent').width(280);
+                    }
+                }
+                // Execute on load
+                checkWidth();
+                // Bind event listener
+                $(window).resize(checkWidth);
+
+                // Data Visualization
+                var max = 0,
+                    min = Number.MAX_VALUE,
+                    cc;
+
+                //find maximum and minimum values
+                for (cc in sample_data)
+                {
+                    if (parseFloat(sample_data[cc]) > max)
+                    {
+                        max = parseFloat(sample_data[cc]);
+                    }
+                    if (parseFloat(sample_data[cc]) < min)
+                    {
+                        min = parseFloat(sample_data[cc]);
+                    }
+                }
+
+                $('#asia-map').vectorMap({
+                    map: 'asia_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#81b71a', '#8CC152'],
+                    normalizeFunction: 'polynomial',
+                    onLabelShow: function(event, label, code)
+                    {
+                        console.log(code)
+                        label.html('<div class="map-tooltip"><h4 class="header" style="margin: 0 0 5px 0;">'+code.toUpperCase()+' : '+sample_data[code]+'</h4><p class="description" style="margin-bottom: 0;">Customer ID (Click for detail)</p></div>');
+                    },
+                    onRegionClick: function(element, code, region)
+                    {
+                        var message = region + ' ('+code.toUpperCase()+')'
+                            + ' which have total customers: '
+                            + sample_data[code] + ' People';
+
+                        alert(message);
+                    }
+                });
+                $('#europe-map').vectorMap({
+                    map: 'europe_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#E9573F', '#ba4a34'],
+                    normalizeFunction: 'polynomial',
+                    onLabelShow: function(event, label, code)
+                    {
+                        console.log(code)
+                        label.html('<div class="map-tooltip"><h4 class="header" style="margin: 0 0 5px 0;">'+code.toUpperCase()+' : '+sample_data[code]+'</h4><p class="description" style="margin-bottom: 0;">Customer ID (Click for detail)</p></div>');
+                    },
+                    onRegionClick: function(element, code, region)
+                    {
+                        var message = region + ' ('+code.toUpperCase()+')'
+                            + ' which have total customers: '
+                            + sample_data[code] + ' People';
+
+                        alert(message);
+                    }
+                });
+                $('#australia-map').vectorMap({
+                    map: 'australia_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#C8EEFF', '#006491'],
+                    normalizeFunction: 'polynomial',
+                    onLabelShow: function(event, label, code)
+                    {
+                        console.log(code)
+                        label.html('<div class="map-tooltip"><h4 class="header" style="margin: 0 0 5px 0;">'+code.toUpperCase()+' : '+sample_data[code]+'</h4><p class="description" style="margin-bottom: 0;">Customer ID (Click for detail)</p></div>');
+                    },
+                    onRegionClick: function(element, code, region)
+                    {
+                        var message = region + ' ('+code.toUpperCase()+')'
+                            + ' which have total customers: '
+                            + sample_data[code] + ' People';
+
+                        alert(message);
+                    }
+                });
+                $('#africa-map').vectorMap({
+                    map: 'africa_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#37BC9B', '#28846e'],
+                    normalizeFunction: 'polynomial',
+                    onLabelShow: function(event, label, code)
+                    {
+                        console.log(code)
+                        label.html('<div class="map-tooltip"><h4 class="header" style="margin: 0 0 5px 0;">'+code.toUpperCase()+' : '+sample_data[code]+'</h4><p class="description" style="margin-bottom: 0;">Customer ID (Click for detail)</p></div>');
+                    },
+                    onRegionClick: function(element, code, region)
+                    {
+                        var message = region + ' ('+code.toUpperCase()+')'
+                            + ' which have total customers: '
+                            + sample_data[code] + ' People';
+
+                        alert(message);
+                    }
+                });
+                $('#northamerica-map').vectorMap({
+                    map: 'north-america_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#906094', '#6e4972'],
+                    normalizeFunction: 'polynomial',
+                    onLabelShow: function(event, label, code)
+                    {
+                        console.log(code)
+                        label.html('<div class="map-tooltip"><h4 class="header" style="margin: 0 0 5px 0;">'+code.toUpperCase()+' : '+sample_data[code]+'</h4><p class="description" style="margin-bottom: 0;">Customer ID (Click for detail)</p></div>');
+                    },
+                    onRegionClick: function(element, code, region)
+                    {
+                        var message = region + ' ('+code.toUpperCase()+')'
+                            + ' which have total customers: '
+                            + sample_data[code] + ' People';
+
+                        alert(message);
+                    }
+                });
+                $('#southamerica-map').vectorMap({
+                    map: 'south-america_en',
+                    backgroundColor: null,
+                    color: '#ffffff',
+                    hoverOpacity: 0.7,
+                    selectedColor: '#666666',
+                    enableZoom: true,
+                    showTooltip: true,
+                    values: sample_data,
+                    scaleColors: ['#5577B4', '#455b8c'],
+                    normalizeFunction: 'polynomial',
+                    onLabelShow: function(event, label, code)
+                    {
+                        console.log(code)
+                        label.html('<div class="map-tooltip"><h4 class="header" style="margin: 0 0 5px 0;">'+code.toUpperCase()+' : '+sample_data[code]+'</h4><p class="description" style="margin-bottom: 0;">Customer ID (Click for detail)</p></div>');
+                    },
+                    onRegionClick: function(element, code, region)
+                    {
+                        var message = region + ' ('+code.toUpperCase()+')'
+                            + ' which have total customers: '
+                            + sample_data[code] + ' People';
+
+                        alert(message);
+                    }
+                });
+            }
+        },
+
+        // =========================================================================
+        // SHARE OF SALES
+        // =========================================================================
+        chartShareOfSales: function () {
+            var piedata = [
+                { label: "Computers", data: [[1,40]], color: '#37BC9B'},
+                { label: "Games", data: [[1,20]], color: '#8CC152'},
+                { label: "Cell Phones", data: [[1,50]], color: '#00B1E1'},
+                { label: "TV & Home Theaters", data: [[1,90]], color: '#E9573F'},
+                { label: "Cameras", data: [[1,80]], color: '#906094'}
+            ];
+
+            function labelFormatter(label, series) {
+                return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" + label + "<br/>" + Math.round(series.percent) + "%</div>";
+            }
+
+            $.plot('#chart-share-of-sales', piedata, {
+                series: {
+                    pie: {
+                        show: true,
+                        radius: 0.9,
+                        label: {
+                            show: true,
+                            radius: 2/3,
+                            formatter: labelFormatter,
+                            threshold: 0.1
+                        }
+                    }
+                },
+                grid: {
+                    hoverable: true,
+                    clickable: true
+                }
+            });
+        },
+
+        // =========================================================================
+        // TOP 5 PRODUCTS
+        // =========================================================================
+        chartTopProducts: function () {
+            var bardata = [ ["Iphone 7", 5], ["3D Glasses", 20], ["Laptop 21 Inch", 18], ["TV Flat", 8], ["MacBook Pro Retina", 13] ];
+
+            $.plot("#chart-top-products", [ bardata ], {
+                series: {
+                    lines: {
+                        lineWidth: 1
+                    },
+                    bars: {
+                        show: true,
+                        barWidth: 0.5,
+                        align: "center",
+                        lineWidth: 0,
+                        fillColor: "#81b71a"
+                    }
+                },
+                grid: {
+                    borderColor: '#ddd',
+                    borderWidth: 1,
+                    labelMargin: 10
+                },
+                xaxis: {
+                    mode: "categories",
+                    tickLength: 0
+                }
+            });
+        },
+
+        // =========================================================================
+        // TOP 5 CUSTOMERS
+        // =========================================================================
+        chartTopCustomers: function () {
+            var bardata = [ ["#432", 13], ["#23", 34], ["#789", 23], ["#6734", 8], ["#121", 11] ];
+
+            $.plot("#chart-top-customers", [ bardata ], {
+                series: {
+                    lines: {
+                        lineWidth: 1
+                    },
+                    bars: {
+                        show: true,
+                        barWidth: 0.5,
+                        align: "center",
+                        lineWidth: 0,
+                        fillColor: "#00B1E1"
+                    }
+                },
+                grid: {
+                    borderColor: '#ddd',
+                    borderWidth: 1,
+                    labelMargin: 10
+                },
+                xaxis: {
+                    mode: "categories",
+                    tickLength: 0
+                }
+            });
+        },
+
+        // =========================================================================
+        // SHORTCUT OVERVIEW
+        // =========================================================================
+        shortcutOverview: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#grid-container').cubeportfolio({
+                    layoutMode: 'grid',
+                    mediaQueries: [{
+                        width: 1500,
+                        cols: 5
+                    }, {
+                        width: 1100,
+                        cols: 4
+                    }, {
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 480,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    defaultFilter: '*',
+                    animationType: 'rotateSides',
+                    gapHorizontal: 10,
+                    gapVertical: 10,
+                    gridAdjustment: 'responsive',
+                    caption: 'zoom',
+                    displayType: 'sequentially',
+                    displayTypeSpeed: 100,
+
+                    // lightbox
+                    lightboxDelegate: '.cbp-lightbox',
+                    lightboxGallery: true,
+                    lightboxTitleSrc: 'data-title',
+                    lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
+
+                    // singlePageInline
+                    singlePageInlineDelegate: '.cbp-singlePageInline',
+                    singlePageInlinePosition: 'below',
+                    singlePageInlineInFocus: true,
+                    singlePageInlineCallback: function(url, element) {
+                        // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent)
+                        var t = this;
+
+                        $.ajax({
+                            url: url,
+                            type: 'GET',
+                            dataType: 'html',
+                            timeout: 10000
+                        })
+                            .done(function(result) {
+
+                                t.updateSinglePageInline(result);
+
+                            })
+                            .fail(function() {
+                                t.updateSinglePageInline('AJAX Error! Please refresh the page!');
+                            });
+                    },
+                });
+            })(jQuery, window, document);
+        },
+
+        // =========================================================================
+        // OVERVIEW FACEBOOK CHART
+        // =========================================================================
+        overviewFacebookChart: function () {
+            var chart = new Chartist.Line('.ct-widget-social-overview-facebook', {
+                labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+                series: [
+                    [20, 45, 57, 68, 89, 107, 120],
+                    [15, 30, 70, 80, 67, 78, 110]
+                ]
+            }, {
+                low: 0
+            });
+
+            // Let's put a sequence number aside so we can use it in the event callbacks
+            var seq = 0,
+                delays = 80,
+                durations = 500;
+
+            // Once the chart is fully created we reset the sequence
+            chart.on('created', function() {
+                seq = 0;
+            });
+
+            // On each drawn element by Chartist we use the Chartist.Svg API to trigger SMIL animations
+            chart.on('draw', function(data) {
+                seq++;
+
+                if(data.type === 'line') {
+                    // If the drawn element is a line we do a simple opacity fade in. This could also be achieved using CSS3 animations.
+                    data.element.animate({
+                        opacity: {
+                            // The delay when we like to start the animation
+                            begin: seq * delays + 1000,
+                            // Duration of the animation
+                            dur: durations,
+                            // The value where the animation should start
+                            from: 0,
+                            // The value where it should end
+                            to: 1
+                        }
+                    });
+                } else if(data.type === 'label' && data.axis === 'x') {
+                    data.element.animate({
+                        y: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.y + 100,
+                            to: data.y,
+                            // We can specify an easing function from Chartist.Svg.Easing
+                            easing: 'easeOutQuart'
+                        }
+                    });
+                } else if(data.type === 'label' && data.axis === 'y') {
+                    data.element.animate({
+                        x: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.x - 100,
+                            to: data.x,
+                            easing: 'easeOutQuart'
+                        }
+                    });
+                } else if(data.type === 'point') {
+                    data.element.animate({
+                        x1: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.x - 10,
+                            to: data.x,
+                            easing: 'easeOutQuart'
+                        },
+                        x2: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: data.x - 10,
+                            to: data.x,
+                            easing: 'easeOutQuart'
+                        },
+                        opacity: {
+                            begin: seq * delays,
+                            dur: durations,
+                            from: 0,
+                            to: 1,
+                            easing: 'easeOutQuart'
+                        }
+                    });
+                } else if(data.type === 'grid') {
+                    // Using data.axis we get x or y which we can use to construct our animation definition objects
+                    var pos1Animation = {
+                        begin: seq * delays,
+                        dur: durations,
+                        from: data[data.axis.units.pos + '1'] - 30,
+                        to: data[data.axis.units.pos + '1'],
+                        easing: 'easeOutQuart'
+                    };
+
+                    var pos2Animation = {
+                        begin: seq * delays,
+                        dur: durations,
+                        from: data[data.axis.units.pos + '2'] - 100,
+                        to: data[data.axis.units.pos + '2'],
+                        easing: 'easeOutQuart'
+                    };
+
+                    var animations = {};
+                    animations[data.axis.units.pos + '1'] = pos1Animation;
+                    animations[data.axis.units.pos + '2'] = pos2Animation;
+                    animations['opacity'] = {
+                        begin: seq * delays,
+                        dur: durations,
+                        from: 0,
+                        to: 1,
+                        easing: 'easeOutQuart'
+                    };
+
+                    data.element.animate(animations);
+                }
+            });
+
+            // For the sake of the example we update the chart every time it's created with a delay of 10 seconds
+            chart.on('created', function() {
+                if(window.__exampleAnimateTimeout) {
+                    clearTimeout(window.__exampleAnimateTimeout);
+                    window.__exampleAnimateTimeout = null;
+                }
+                window.__exampleAnimateTimeout = setTimeout(chart.update.bind(chart), 12000);
+            });
+        },
+
+        // =========================================================================
+        // OVERVIEW TWITTER CHART
+        // =========================================================================
+        overviewTwitterChart: function () {
+            new Chartist.Line('.ct-widget-social-overview-twitter', {
+                labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+                series: [
+                    [80, 110, 70, 90, 50, 40, 60]
+                ]
+            }, {
+                low: 0,
+                showArea: true
+            });
+        },
+
+        // =========================================================================
+        // OVERVIEW YOUTUBE CHART
+        // =========================================================================
+        overviewYoutubeChart: function () {
+            new Chartist.Line('.ct-widget-social-overview-youtube', {
+                labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+                series: [
+                    [20, 45, 57, 68, 89, 107, 120],
+                    [15, 30, 70, 80, 67, 78, 110]
+                ]
+            }, {
+                showArea: true,
+                showLine: false,
+                showPoint: false,
+                fullWidth: true,
+                axisX: {
+                    showLabel: true,
+                    showGrid: false
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignDashboard.init();
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.events.live.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.events.live.js
new file mode 100755
index 0000000..288718a
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.events.live.js
@@ -0,0 +1,642 @@
+var BlankonMarketingCampaignEventsLive = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignEventsLive.handleDatatable();
+            BlankonMarketingCampaignEventsLive.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-live-events');
+            var table = $('#datatable-live-events').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/datatable-live-events.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': [1,6],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 7,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonMarketingCampaignEventsLive.handleActionViewDatatable();
+                    BlankonMarketingCampaignEventsLive.handleActionEditDatatable();
+                    BlankonMarketingCampaignEventsLive.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonMarketingCampaignEventsLive.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-live-events');
+                table = $('#datatable-live-events').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/datatable-live-events.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': [7],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 7,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonMarketingCampaignEventsLive.handleActionViewDatatable();
+                        BlankonMarketingCampaignEventsLive.handleActionEditDatatable();
+                        BlankonMarketingCampaignEventsLive.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonMarketingCampaignEventsLive.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-live-events tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-live-events').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-live-events thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-live-events tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-live-events tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-live-events').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable-live-events').modal({ show: false });
+
+            $('#modal-view-datatable-live-events').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+                var statusCampaign;
+
+                if(data[7] == 'active'){
+                    statusCampaign = 'success';
+                }else if(data[7] == 'paused'){
+                    statusCampaign = 'default';
+                }else if(data[7] == 'expired'){
+                    statusCampaign = 'danger';
+                }
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Event Name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Date & Time :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Duration :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Location :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Entity :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Speakers :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable-live-events').data('btn', elBtn);
+                $('#modal-view-datatable-live-events').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-live-events').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable-live-events').modal({ show: false });
+
+            $('#modal-edit-datatable-live-events').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Event Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Date & Time</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Duration</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Location</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Entity</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Speakers</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[6]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable-live-events').data('btn', elBtn);
+                $('#modal-edit-datatable-live-events').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-live-events').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable-live-events').modal({ show: false });
+
+            $('#modal-delete-datatable-live-events').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable-live-events').data('btn', elBtn);
+                $('#modal-delete-datatable-live-events').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-live-events').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonMarketingCampaignEventsLive.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignEventsLive.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.events.new.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.events.new.js
new file mode 100755
index 0000000..36323bf
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.events.new.js
@@ -0,0 +1,30 @@
+var BlankonMarketingCampaignEventsNew = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignEventsNew.dateTimeEvents();
+        },
+
+        // =========================================================================
+        // DATE & TIME EVENTS
+        // =========================================================================
+        dateTimeEvents: function () {
+            $('.date-range-picker-time').daterangepicker({
+                timePicker: true,
+                timePickerIncrement: 30,
+                locale: {
+                    format: 'MM/DD/YYYY h:mm A'
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignEventsNew.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.events.open.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.events.open.js
new file mode 100755
index 0000000..ff6aeed
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.events.open.js
@@ -0,0 +1,183 @@
+var BlankonMarketingCampaignEventsOpen = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignEventsOpen.openEvents();
+            BlankonMarketingCampaignEventsOpen.marketChartWidget();
+            BlankonMarketingCampaignEventsOpen.salesChart();
+            BlankonMarketingCampaignEventsOpen.marketStatus();
+            BlankonMarketingCampaignEventsOpen.miniStat();
+        },
+
+        // =========================================================================
+        // OPEN EVENTS
+        // =========================================================================
+        openEvents: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#js-grid-open-events').cubeportfolio({
+                    layoutMode: 'slider',
+                    drag: false,
+                    auto: true,
+                    autoTimeout: 3000,
+                    autoPauseOnHover: true,
+                    showNavigation: false,
+                    showPagination: false,
+                    rewindNav: true,
+                    scrollByPage: false,
+                    gridAdjustment: 'responsive',
+                    mediaQueries: [{
+                        width: 1500,
+                        cols: 5
+                    }, {
+                        width: 1100,
+                        cols: 4
+                    }, {
+                        width: 800,
+                        cols: 4
+                    }, {
+                        width: 480,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    gapHorizontal: 0,
+                    gapVertical: 5,
+                    caption: 'opacity',
+                    displayType: 'fadeIn',
+                    displayTypeSpeed: 100,
+                });
+            })(jQuery, window, document);
+        },
+
+        // =========================================================================
+        // MARKET CHART
+        // =========================================================================
+        marketChartWidget: function () {
+            $(window).resize(function() {
+                window.line.redraw();
+            });
+            function marketChart(){
+                window.line = Morris.Line({
+                    element: 'market-chart',
+                    data: [
+                        { y: '2008', a: 30, b: 20, c: 10 },
+                        { y: '2009', a: 20,  b: 50, c: 67 },
+                        { y: '2010', a: 25,  b: 40, c: 32 },
+                        { y: '2011', a: 27,  b: 60, c: 78 },
+                        { y: '2012', a: 34,  b: 50, c: 12 },
+                        { y: '2013', a: 40,  b: 70, c: 78 },
+                        { y: '2014', a: 41, b: 60, c: 52 }
+                    ],
+                    xkey: 'y',
+                    ykeys: ['a', 'b', 'c'],
+                    labels: ['General Tickets', 'VIP Tickets', 'VVIP Tickets'],
+                    lineColors: ['#8CC152', '#F6BB42', '#906094'],
+                    pointFillColors: ['#8CC152', '#F6BB42', '#906094'],
+                    pointStrokeColors: ['#FFFFFF'],
+                    lineWidth: '5px',
+                    hideHover: true,
+                    grid: false,
+                    gridTextColor: '#FFFFFF',
+                    resize: true,
+                    redraw: true
+                });
+            }
+            marketChart();
+        },
+
+        // =========================================================================
+        // SALES CHART
+        // =========================================================================
+        salesChart: function () {
+            $('#market-today-chart').sparkline('html',{
+                type: 'bar',
+                barColor: '#81b71a',
+                height: '50px',
+                barWidth: '5px'
+            });
+            $('#market-average-chart').sparkline('html',{
+                type: 'bar',
+                barColor: '#81b71a',
+                height: '50px',
+                barWidth: '5px'
+            });
+            $('#market-total-chart').sparkline('html',{
+                type: 'bar',
+                barColor: '#81b71a',
+                height: '50px',
+                barWidth: '5px'
+            });
+        },
+
+        // =========================================================================
+        // MARKET STATUS
+        // =========================================================================
+        marketStatus: function () {
+            var piedata = [
+                { label: "General Tickets", data: [[1,40]], color: '#906094'},
+                { label: "VIP Tickets", data: [[1,20]], color: '#8CC152'},
+                { label: "VVIP Tickets", data: [[1,50]], color: '#F6BB42'}
+            ];
+
+            function labelFormatter(label, series) {
+                return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" + label + "<br/>" + Math.round(series.percent) + "%</div>";
+            }
+
+            $.plot('#market-status-chart', piedata, {
+                series: {
+                    pie: {
+                        show: true,
+                        radius: 500,
+                        label: {
+                            show: true,
+                            radius: 2/3,
+                            formatter: labelFormatter,
+                            threshold: 0.1
+                        }
+                    }
+                },
+                legend: {
+                    show: false
+                },
+                grid: {
+                    hoverable: true,
+                    clickable: true
+                }
+            });
+        },
+
+        // =========================================================================
+        // MINI STAT GRAPH
+        // =========================================================================
+        miniStat: function () {
+            $('#sparkline').sparkline('html',{
+                type: 'bar',
+                barColor: '#FFFFFF',
+                height: '50px',
+                barWidth: '5px'
+            });
+            $('#sparkline2').sparkline('html',{
+                type: 'line',
+                height: '60px',
+                defaultPixelsPerValue: 6,
+                spotColor: '#FFFFFF',
+                highlightSpotColor: '#FFFFFF',
+                highlightLineColor: '#FFFFFF',
+                fillColor: '#FFFFFF'
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignEventsOpen.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.events.pending.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.events.pending.js
new file mode 100755
index 0000000..9808ce7
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.events.pending.js
@@ -0,0 +1,642 @@
+var BlankonMarketingCampaignEventsPending = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignEventsPending.handleDatatable();
+            BlankonMarketingCampaignEventsPending.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-pending-events');
+            var table = $('#datatable-pending-events').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/datatable-pending-events.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': [1,6],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 7,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonMarketingCampaignEventsPending.handleActionViewDatatable();
+                    BlankonMarketingCampaignEventsPending.handleActionEditDatatable();
+                    BlankonMarketingCampaignEventsPending.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonMarketingCampaignEventsPending.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-pending-events');
+                table = $('#datatable-pending-events').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/datatable-pending-events.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': [7],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 7,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonMarketingCampaignEventsPending.handleActionViewDatatable();
+                        BlankonMarketingCampaignEventsPending.handleActionEditDatatable();
+                        BlankonMarketingCampaignEventsPending.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonMarketingCampaignEventsPending.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-pending-events tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-pending-events').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-pending-events thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-pending-events tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-pending-events tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-pending-events').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable-pending-events').modal({ show: false });
+
+            $('#modal-view-datatable-pending-events').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+                var statusCampaign;
+
+                if(data[7] == 'active'){
+                    statusCampaign = 'success';
+                }else if(data[7] == 'paused'){
+                    statusCampaign = 'default';
+                }else if(data[7] == 'expired'){
+                    statusCampaign = 'danger';
+                }
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Event Name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Date & Time :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Duration :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Location :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Entity :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Speakers :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable-pending-events').data('btn', elBtn);
+                $('#modal-view-datatable-pending-events').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-pending-events').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable-pending-events').modal({ show: false });
+
+            $('#modal-edit-datatable-pending-events').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Event Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Date & Time</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Duration</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Location</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Entity</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Speakers</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[6]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable-pending-events').data('btn', elBtn);
+                $('#modal-edit-datatable-pending-events').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-pending-events').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable-pending-events').modal({ show: false });
+
+            $('#modal-delete-datatable-pending-events').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable-pending-events').data('btn', elBtn);
+                $('#modal-delete-datatable-pending-events').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-pending-events').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonMarketingCampaignEventsPending.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignEventsPending.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.library.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.library.js
new file mode 100755
index 0000000..937e028
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.library.js
@@ -0,0 +1,62 @@
+var BlankonMarketingCampaignLibrary = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignLibrary.CubeportfolioTeam();
+        },
+
+        // =========================================================================
+        // CUBEPORTFOLIO TEAM
+        // =========================================================================
+        CubeportfolioTeam: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#js-grid-blog-posts').cubeportfolio({
+                    filters: '#js-filters-blog-posts',
+                    search: '#js-search-blog-posts',
+                    defaultFilter: '*',
+                    animationType: '3dflip',
+                    gapHorizontal: 70,
+                    gapVertical: 30,
+                    gridAdjustment: 'responsive',
+                    mediaQueries: [{
+                        width: 1500,
+                        cols: 4
+                    }, {
+                        width: 1100,
+                        cols: 3
+                    }, {
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 480,
+                        cols: 2,
+                        options: {
+                            caption: ''
+                        }
+                    }, {
+                        width: 320,
+                        cols: 1,
+                        options: {
+                            caption: ''
+                        }
+                    }],
+                    caption: 'revealBottom',
+                    displayType: 'fadeIn',
+                    displayTypeSpeed: 400
+                });
+            })(jQuery, window, document);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignLibrary.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.myteam.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.myteam.js
new file mode 100755
index 0000000..fe1829d
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.myteam.js
@@ -0,0 +1,74 @@
+var BlankonMarketingCampaignMyteam = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignMyteam.CubeportfolioTeam();
+        },
+
+        // =========================================================================
+        // CUBEPORTFOLIO TEAM
+        // =========================================================================
+        CubeportfolioTeam: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#grid-container').cubeportfolio({
+                    filters: '#filters-container',
+                    layoutMode: 'grid',
+                    defaultFilter: '.all',
+                    animationType: 'sequentially',
+                    gapHorizontal: 50,
+                    gapVertical: 40,
+                    gridAdjustment: 'responsive',
+                    mediaQueries: [{
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 500,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    caption: 'fadeIn',
+                    displayType: 'lazyLoading',
+                    displayTypeSpeed: 100,
+
+                    // singlePage popup
+                    singlePageDelegate: '.cbp-singlePage',
+                    singlePageDeeplinking: true,
+                    singlePageStickyNavigation: true,
+                    singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
+                    singlePageCallback: function(url, element) {
+                        // to update singlePage content use the following method: this.updateSinglePage(yourContent)
+                        var t = this;
+
+                        $.ajax({
+                            url: url,
+                            type: 'GET',
+                            dataType: 'html',
+                            timeout: 10000
+                        })
+                            .done(function(result) {
+                                t.updateSinglePage(result);
+                            })
+                            .fail(function() {
+                                t.updateSinglePage('AJAX Error! Please refresh the page!');
+                            });
+                    },
+                });
+
+            })(jQuery, window, document);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignMyteam.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.quotes.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.quotes.js
new file mode 100755
index 0000000..6616448
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.quotes.js
@@ -0,0 +1,707 @@
+'use strict';
+var BlankonMarketingCampaignQuotes = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignQuotes.handleDatatable();
+            BlankonMarketingCampaignQuotes.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/datatable-quotes.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': 4,
+                        'render': function (data) {
+                            return '<a href="mailto:'+data+'" target="_blank">'+data+'</a>'
+                        }
+                    },
+                    {
+                        'targets': 6,
+                        'render': function (data){
+                            if(data == 'open'){
+                                return '<span class="label label-primary">'+data+'</span>';
+                            }
+                            if(data == 'declined'){
+                                return '<span class="label label-danger">'+data+'</span>';
+                            }
+                            if(data == 'accepted'){
+                                return '<span class="label label-success">'+data+'</span>';
+                            }
+                            if(data == 'archived'){
+                                return '<span class="label label-default">'+data+'</span>';
+                            }
+                        }
+                    },
+                    {
+                        'targets': 7,
+                        'className': 'text-right'
+                    },
+                    {
+                        'targets': 8,
+                        'sortable': false,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonMarketingCampaignQuotes.handleActionViewDatatable();
+                    BlankonMarketingCampaignQuotes.handleActionEditDatatable();
+                    BlankonMarketingCampaignQuotes.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonMarketingCampaignQuotes.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/datatable-quotes.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': 4,
+                            'render': function (data) {
+                                return '<a href="mailto:'+data+'" target="_blank">'+data+'</a>'
+                            }
+                        },
+                        {
+                            'targets': 6,
+                            'render': function (data){
+                                if(data == 'open'){
+                                    return '<span class="label label-primary">'+data+'</span>';
+                                }
+                                if(data == 'declined'){
+                                    return '<span class="label label-danger">'+data+'</span>';
+                                }
+                                if(data == 'accepted'){
+                                    return '<span class="label label-success">'+data+'</span>';
+                                }
+                                if(data == 'archived'){
+                                    return '<span class="label label-default">'+data+'</span>';
+                                }
+                            }
+                        },
+                        {
+                            'targets': 7,
+                            'className': 'text-right'
+                        },
+                        {
+                            'targets': 8,
+                            'sortable': false,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonMarketingCampaignQuotes.handleActionViewDatatable();
+                        BlankonMarketingCampaignQuotes.handleActionEditDatatable();
+                        BlankonMarketingCampaignQuotes.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonMarketingCampaignQuotes.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+                var quoteStatus;
+                if(data[6] == 'open'){
+                    quoteStatus = 'primary';
+                }
+                if(data[6] == 'declined'){
+                    quoteStatus = 'danger';
+                }
+                if(data[6] == 'accepted'){
+                    quoteStatus = 'success';
+                }
+                if(data[6] == 'archived'){
+                    quoteStatus = 'default';
+                }
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Quote Title :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Company :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Customer :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Email :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static"><a href="mailto:'+data[4]+'" target="_blank">' + $('<div/>').text(data[4]).html() + '</a></p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Created :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static"><span class="label label-'+quoteStatus+'">' + $('<div/>').text(data[6]).html() + '</span></p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Total :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[7]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Quote Title</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Company</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[2]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Customer</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Email</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Created</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[6]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Total</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[7]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonMarketingCampaignQuotes.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignQuotes.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.automation.templates.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.automation.templates.js
new file mode 100755
index 0000000..bf5cc50
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.automation.templates.js
@@ -0,0 +1,667 @@
+var BlankonMarketingCampaignReportAutomationTemplates = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignReportAutomationTemplates.handleDatatable();
+            BlankonMarketingCampaignReportAutomationTemplates.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-automation-templates');
+            var table = $('#datatable-automation-templates').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/email-campaigns/datatable-automation-templates.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': 6,
+                        'class': 'text-right'
+                    },
+                    {
+                        'targets': [7],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 7,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-publish">Publish</a>' +
+                                '</li>' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonMarketingCampaignReportAutomationTemplates.handleActionPublishDatatable();
+                    BlankonMarketingCampaignReportAutomationTemplates.handleActionViewDatatable();
+                    BlankonMarketingCampaignReportAutomationTemplates.handleActionEditDatatable();
+                    BlankonMarketingCampaignReportAutomationTemplates.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonMarketingCampaignReportAutomationTemplates.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-automation-templates');
+                table = $('#datatable-automation-templates').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/email-campaigns/datatable-automation-templates.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': [7],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 7,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonMarketingCampaignReportAutomationTemplates.handleActionViewDatatable();
+                        BlankonMarketingCampaignReportAutomationTemplates.handleActionEditDatatable();
+                        BlankonMarketingCampaignReportAutomationTemplates.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonMarketingCampaignReportAutomationTemplates.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-automation-templates tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-automation-templates').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-automation-templates thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-automation-templates tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-automation-templates tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION PUBLISH ROW DATATABLES
+        // =========================================================================
+        handleActionPublishDatatable: function () {
+            $('#datatable-automation-templates').on('click', '.btn-publish', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-publish-datatable-automation-templates').modal({ show: false });
+
+            $('#modal-publish-datatable-automation-templates').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-publish-datatable-automation-templates').data('btn', elBtn);
+                $('#modal-publish-datatable-automation-templates').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-automation-templates').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable-automation-templates').modal({ show: false });
+
+            $('#modal-view-datatable-automation-templates').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Campaign Name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Description :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Created Date :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Start Date :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">End Date :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Allocated :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable-automation-templates').data('btn', elBtn);
+                $('#modal-view-datatable-automation-templates').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-automation-templates').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable-automation-templates').modal({ show: false });
+
+            $('#modal-edit-datatable-automation-templates').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Campaign Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Description</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control" rows="5">' + $('<div/>').text(data[2]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Created Date</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Start Date</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">End Date</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Allocated</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[6]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable-automation-templates').data('btn', elBtn);
+                $('#modal-edit-datatable-automation-templates').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-automation-templates').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable-automation-templates').modal({ show: false });
+
+            $('#modal-delete-datatable-automation-templates').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable-automation-templates').data('btn', elBtn);
+                $('#modal-delete-datatable-automation-templates').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-automation-templates').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonMarketingCampaignReportAutomationTemplates.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignReportAutomationTemplates.init();
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.brand.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.brand.js
new file mode 100755
index 0000000..1a42521
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.brand.js
@@ -0,0 +1,207 @@
+var BlankonMarketingCampaignReportBrand = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignReportBrand.brandReportList();
+        },
+
+        // =========================================================================
+        // TOTAL SALES BY PRODUCT
+        // =========================================================================
+        totalSalesProductChart: function () {
+            var chart = c3.generate({
+                bindto: '#total-sales-product-chart',
+                data: {
+                    // iris data from R
+                    columns: [
+                        ['data1', 30],
+                        ['data2', 120],
+                        ['data3', 150]
+                    ],
+                    names: {
+                        data1: 'a.com',
+                        data2: 'b.com',
+                        data3: 'c.com'
+                    },
+                    type : 'donut'
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1', '#37BC9B']
+                },
+                donut: {
+                    title: "$55.980",
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                }
+            });
+        },
+
+        // =========================================================================
+        // TOTAL SALES BY CHANNEL
+        // =========================================================================
+        totalSalesChannelChart: function () {
+            var chart = c3.generate({
+                bindto: '#total-sales-channel-chart',
+                data: {
+                    // iris data from R
+                    columns: [
+                        ['data1', 56],
+                        ['data2', 110],
+                        ['data3', 130]
+                    ],
+                    names: {
+                        data1: 'a.com',
+                        data2: 'b.com',
+                        data3: 'c.com'
+                    },
+                    type : 'donut'
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1', '#37BC9B']
+                },
+                donut: {
+                    title: "$255.780",
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                }
+            });
+        },
+
+        // =========================================================================
+        // TOTAL SALES BY PARTNER
+        // =========================================================================
+        totalSalesPartnerChart: function () {
+            var chart = c3.generate({
+                bindto: '#total-sales-partner-chart',
+                data: {
+                    // iris data from R
+                    columns: [
+                        ['data1', 110],
+                        ['data2', 67],
+                        ['data3', 98]
+                    ],
+                    names: {
+                        data1: 'a.com',
+                        data2: 'b.com',
+                        data3: 'c.com'
+                    },
+                    type : 'donut'
+                },
+                color: {
+                    pattern: ['#E9573F', '#00B1E1', '#37BC9B']
+                },
+                donut: {
+                    title: "$35.555",
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                }
+            });
+        },
+
+        // =========================================================================
+        // SALES VOLUME CHART
+        // =========================================================================
+        salesVolumeChart: function () {
+            var chart = c3.generate({
+                bindto: '#c3js-area-chart',
+                data: {
+                    x: 'x',
+                    columns: [
+                        ['x', '2017-01-01', '2017-01-02', '2017-01-03', '2017-01-04', '2017-01-05', '2017-01-06'],
+                        ['data1', 30, 200, 100, 400, 150, 250]
+                    ],
+                    names: {
+                        data1: 'Total Volume'
+                    },
+                },
+                axis: {
+                    x: {
+                        type: 'timeseries',
+                        tick: {
+                            format: '%Y-%m-%d'
+                        }
+                    }
+                },
+                color: {
+                    pattern: ['#00B1E1']
+                }
+            });
+        },
+
+        // =========================================================================
+        // BRAND REPORT LIST
+        // =========================================================================
+        brandReportList: function () {
+            (function($, window, document, undefined) {
+                'use strict';
+
+                // init cubeportfolio
+                $('#grid-container').cubeportfolio({
+                    filters: '#filters-container',
+                    layoutMode: 'grid',
+                    defaultFilter: '.all',
+                    animationType: 'sequentially',
+                    gapHorizontal: 50,
+                    gapVertical: 40,
+                    gridAdjustment: 'responsive',
+                    loadMore: '#js-loadMore-brand',
+                    loadMoreAction: 'click',
+                    mediaQueries: [{
+                        width: 800,
+                        cols: 3
+                    }, {
+                        width: 500,
+                        cols: 2
+                    }, {
+                        width: 320,
+                        cols: 1
+                    }],
+                    caption: 'fadeIn',
+                    displayType: 'lazyLoading',
+                    displayTypeSpeed: 100,
+
+                    // singlePage popup
+                    singlePageDelegate: '.cbp-singlePage',
+                    singlePageDeeplinking: true,
+                    singlePageStickyNavigation: true,
+                    singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
+                    singlePageCallback: function(url, element) {
+                        // to update singlePage content use the following method: this.updateSinglePage(yourContent)
+                        var t = this;
+
+                        $.ajax({
+                            url: url,
+                            type: 'GET',
+                            dataType: 'html',
+                            timeout: 10000
+                        })
+                            .done(function(result) {
+                                t.updateSinglePage(result);
+                                alert('Get data sales done');
+                                BlankonMarketingCampaignReportBrand.totalSalesProductChart();
+                                BlankonMarketingCampaignReportBrand.totalSalesChannelChart();
+                                BlankonMarketingCampaignReportBrand.totalSalesPartnerChart();
+                                BlankonMarketingCampaignReportBrand.salesVolumeChart();
+                            })
+                            .fail(function() {
+                                t.updateSinglePage('AJAX Error! Please refresh the page!');
+                            });
+                    },
+                });
+
+            })(jQuery, window, document);
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignReportBrand.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.customers.graph.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.customers.graph.js
new file mode 100755
index 0000000..9b79332
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.customers.graph.js
@@ -0,0 +1,238 @@
+var BlankonMarketingCampaignReportCustomersGraph = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignReportCustomersGraph.mapWorldMarkers();
+            BlankonMarketingCampaignReportCustomersGraph.uniqueVisitors();
+            BlankonMarketingCampaignReportCustomersGraph.visitsOverTime();
+            BlankonMarketingCampaignReportCustomersGraph.newReturning();
+            BlankonMarketingCampaignReportCustomersGraph.genderCustomers();
+            BlankonMarketingCampaignReportCustomersGraph.ageCustomers();
+        },
+
+        // =========================================================================
+        // WORLD MAP MARKERS
+        // =========================================================================
+        mapWorldMarkers: function () {
+            $('#map-world-markers').vectorMap({
+                map: 'world_mill_en',
+                scaleColors: ['#C8EEFF', '#0071A4'],
+                normalizeFunction: 'polynomial',
+                hoverOpacity: 0.7,
+                hoverColor: false,
+                markerStyle: {
+                    initial: {
+                        fill: '#81B71A',
+                        stroke: '#383f47'
+                    }
+                },
+                backgroundColor: '#383f47',
+                markers: [
+                    {latLng: [41.90, 12.45], name: 'Vatican City = 34 Customers'},
+                    {latLng: [43.73, 7.41], name: 'Monaco = 5 Customers'},
+                    {latLng: [-0.52, 166.93], name: 'Nauru = 231 Customers'},
+                    {latLng: [-8.51, 179.21], name: 'Tuvalu = 563 Customers'},
+                    {latLng: [43.93, 12.46], name: 'San Marino = 34.900 Customers'},
+                    {latLng: [47.14, 9.52], name: 'Liechtenstein = 44 Customers'},
+                    {latLng: [7.11, 171.06], name: 'Marshall Islands = 11 Customers'},
+                    {latLng: [17.3, -62.73], name: 'Saint Kitts and Nevis = 45.676 Customers'},
+                    {latLng: [3.2, 73.22], name: 'Maldives = 77 Customers'},
+                    {latLng: [35.88, 14.5], name: 'Malta = 2 Customers'},
+                    {latLng: [12.05, -61.75], name: 'Grenada = 56 Customers'},
+                    {latLng: [13.16, -61.23], name: 'Saint Vincent and the Grenadines = 34 Customers'},
+                    {latLng: [13.16, -59.55], name: 'Barbados = 89 Customers'},
+                    {latLng: [17.11, -61.85], name: 'Antigua and Barbuda = 34 Customers'},
+                    {latLng: [-4.61, 55.45], name: 'Seychelles = 99 Customers'},
+                    {latLng: [7.35, 134.46], name: 'Palau = 134 Customers'},
+                    {latLng: [42.5, 1.51], name: 'Andorra = 563 Customers'},
+                    {latLng: [14.01, -60.98], name: 'Saint Lucia = 321 Customers'},
+                    {latLng: [6.91, 158.18], name: 'Federated States of Micronesia = 34 Customers'},
+                    {latLng: [1.3, 103.8], name: 'Singapore = 564 Customers'},
+                    {latLng: [1.46, 173.03], name: 'Kiribati = 784 Customers'},
+                    {latLng: [-21.13, -175.2], name: 'Tonga = 444 Customers'},
+                    {latLng: [15.3, -61.38], name: 'Dominica = 4 Customers'},
+                    {latLng: [-20.2, 57.5], name: 'Mauritius = 7 Customers'},
+                    {latLng: [26.02, 50.55], name: 'Bahrain = 785 Customers'},
+                    {latLng: [0.33, 6.73], name: 'São Tomé and Príncipe = 212 Customers'}
+                ]
+            });
+        },
+
+        // =========================================================================
+        // UNIQUE VISITORS
+        // =========================================================================
+        uniqueVisitors: function () {
+            $('#unique-visitors').sparkline('html',{
+                type: 'line',
+                height: '60px',
+                defaultPixelsPerValue: 6,
+                spotColor: '#FFFFFF',
+                highlightSpotColor: '#FFFFFF',
+                highlightLineColor: '#FFFFFF',
+                fillColor: '#FFFFFF'
+            });
+        },
+
+        // =========================================================================
+        // VISITS OVER TIME
+        // =========================================================================
+        visitsOverTime: function () {
+            var chart = c3.generate({
+                bindto: '#visits-over-time',
+                data: {
+                    columns: [
+                        ['data1', 300, 200, 160, 400, 250, 250],
+                        ['data2', 200, 130, 90, 240, 130, 220]
+                    ],
+                    names: {
+                        data1: 'Customer Visits',
+                        data2: 'New Customers'
+                    },
+                    type: 'bar'
+                },
+                color: {
+                    pattern: ['#3B5998', '#C4302B']
+                },
+                axis: {
+                    x: {
+                        type: 'categorized'
+                    }
+                }
+            });
+
+            // Expand panel
+            BlankonMarketingCampaignReportCustomersGraph.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // NEW VS RETURNING
+        // =========================================================================
+        newReturning: function () {
+            var chart = c3.generate({
+                bindto: '#new-returning',
+                data: {
+                    // iris data from R
+                    columns: [
+                        ['data1', 120],
+                        ['data2', 150]
+                    ],
+                    names: {
+                        data1: 'Customer Visits',
+                        data2: 'New Customers'
+                    },
+                    type : 'pie'
+                },
+                color: {
+                    pattern: ['#3B5998', '#C4302B']
+                },
+                pie: {
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                }
+            });
+
+            // Expand panel
+            BlankonMarketingCampaignReportCustomersGraph.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // GENDER CUSTOMERS
+        // =========================================================================
+        genderCustomers: function () {
+            var chart = c3.generate({
+                bindto: '#gender-customers',
+                data: {
+                    // iris data from R
+                    columns: [
+                        ['data1', 340],
+                        ['data2', 210]
+                    ],
+                    names: {
+                        data1: 'Male',
+                        data2: 'Female'
+                    },
+                    type : 'pie'
+                },
+                color: {
+                    pattern: ['#3B5998', '#C4302B']
+                },
+                pie: {
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                }
+            });
+
+            // Expand panel
+            BlankonMarketingCampaignReportCustomersGraph.expandPanel(chart);
+        },
+
+        // =========================================================================
+        // AGE CUSTOMERS
+        // =========================================================================
+        ageCustomers: function () {
+            var chart = c3.generate({
+                bindto: '#age-customers',
+                data: {
+                    // iris data from R
+                    columns: [
+                        ['data1', 120],
+                        ['data2', 150],
+                        ['data3', 103],
+                        ['data4', 250],
+                        ['data5', 170],
+                        ['data6', 133],
+                        ['data7', 158]
+                    ],
+                    names: {
+                        data1: '18 - 20',
+                        data2: '21 - 24',
+                        data3: '25 - 34',
+                        data4: '35 - 44',
+                        data5: '45 - 54',
+                        data6: '55 - 64',
+                        data7: '65+'
+                    },
+                    type : 'pie'
+                },
+                pie: {
+                    onclick: function (d, i) { console.log(d, i); },
+                    onmouseover: function (d, i) { console.log(d, i); },
+                    onmouseout: function (d, i) { console.log(d, i); }
+                }
+            });
+
+            // Expand panel
+            BlankonMarketingCampaignReportCustomersGraph.expandPanel(chart);
+        },
+
+        expandPanel : function (selector) {
+            $('[data-action=expand]').on('click', function(){
+                if($(this).parents(".panel").hasClass('panel-fullsize'))
+                {
+                    setTimeout(function () {
+                        selector.resize();
+                    }, 1000);
+                }
+                else
+                {
+                    setTimeout(function () {
+                        selector.resize();
+                    }, 1000);
+                }
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignReportCustomersGraph.init();
+
+
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.draft.campaigns.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.draft.campaigns.js
new file mode 100755
index 0000000..e7a0c1a
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.draft.campaigns.js
@@ -0,0 +1,679 @@
+var BlankonMarketingCampaignReportDraftCampaigns = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignReportDraftCampaigns.handleDatatable();
+            BlankonMarketingCampaignReportDraftCampaigns.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-draft-campaigns');
+            var table = $('#datatable-draft-campaigns').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/email-campaigns/datatable-draft-campaigns.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': [6,7],
+                        'class': 'text-right'
+                    },
+                    {
+                        'targets': [8],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 8,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-publish">Publish</a>' +
+                                '</li>' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonMarketingCampaignReportDraftCampaigns.handleActionPublishDatatable();
+                    BlankonMarketingCampaignReportDraftCampaigns.handleActionViewDatatable();
+                    BlankonMarketingCampaignReportDraftCampaigns.handleActionEditDatatable();
+                    BlankonMarketingCampaignReportDraftCampaigns.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonMarketingCampaignReportDraftCampaigns.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-draft-campaigns');
+                table = $('#datatable-draft-campaigns').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/email-campaigns/datatable-draft-campaigns.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': [7],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 7,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonMarketingCampaignReportDraftCampaigns.handleActionViewDatatable();
+                        BlankonMarketingCampaignReportDraftCampaigns.handleActionEditDatatable();
+                        BlankonMarketingCampaignReportDraftCampaigns.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonMarketingCampaignReportDraftCampaigns.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-draft-campaigns tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-draft-campaigns').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-draft-campaigns thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-draft-campaigns tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-draft-campaigns tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION PUBLISH ROW DATATABLES
+        // =========================================================================
+        handleActionPublishDatatable: function () {
+            $('#datatable-draft-campaigns').on('click', '.btn-publish', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-publish-datatable-draft-campaigns').modal({ show: false });
+
+            $('#modal-publish-datatable-draft-campaigns').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-publish-datatable-draft-campaigns').data('btn', elBtn);
+                $('#modal-publish-datatable-draft-campaigns').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-draft-campaigns').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable-draft-campaigns').modal({ show: false });
+
+            $('#modal-view-datatable-draft-campaigns').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Campaign Name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Location :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Created Date :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Start Date :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">End Date :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Allocated :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Target CPA :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[7]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable-draft-campaigns').data('btn', elBtn);
+                $('#modal-view-datatable-draft-campaigns').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-draft-campaigns').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable-draft-campaigns').modal({ show: false });
+
+            $('#modal-edit-datatable-draft-campaigns').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Campaign Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Location</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Created Date</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Start Date</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">End Date</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Allocated</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[6]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Target CPA</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[7]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable-draft-campaigns').data('btn', elBtn);
+                $('#modal-edit-datatable-draft-campaigns').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-draft-campaigns').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable-draft-campaigns').modal({ show: false });
+
+            $('#modal-delete-datatable-draft-campaigns').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable-draft-campaigns').data('btn', elBtn);
+                $('#modal-delete-datatable-draft-campaigns').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-draft-campaigns').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonMarketingCampaignReportDraftCampaigns.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignReportDraftCampaigns.init();
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.order.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.order.js
new file mode 100755
index 0000000..580accb
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.order.js
@@ -0,0 +1,680 @@
+'use strict';
+var BlankonMarketingCampaignReportOrder = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignReportOrder.handleDatatable();
+            BlankonMarketingCampaignReportOrder.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/datatable-order.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': 1,
+                        'className': 'text-center'
+                    },
+                    {
+                        'targets': 2,
+                        'render': function (data) {
+                            return '<a href="mailto:'+data+'" target="_blank">'+data+'</a>'
+                        }
+                    },
+                    {
+                        'targets': 3,
+                        'render': function (data){
+                            if(data == 'received'){
+                                return '<span class="label label-success">'+data+'</span>';
+                            }
+                            if(data == 'not-received'){
+                                return '<span class="label label-danger">'+data+'</span>';
+                            }
+                        }
+                    },
+                    {
+                        'targets': 4,
+                        'className': 'text-right'
+                    },
+                    {
+                        'targets': [2, 3, 6],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 5,
+                        'className': 'text-center'
+                    },
+                    {
+                        'targets': 6,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonMarketingCampaignReportOrder.handleActionViewDatatable();
+                    BlankonMarketingCampaignReportOrder.handleActionEditDatatable();
+                    BlankonMarketingCampaignReportOrder.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonMarketingCampaignReportOrder.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/datatable-order.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': 1,
+                            'className': 'text-center'
+                        },
+                        {
+                            'targets': 2,
+                            'render': function (data) {
+                                return '<a href="mailto:'+data+'" target="_blank">'+data+'</a>'
+                            }
+                        },
+                        {
+                            'targets': 3,
+                            'render': function (data){
+                                if(data == 'received'){
+                                    return '<span class="label label-success">'+data+'</span>';
+                                }
+                                if(data == 'not-received'){
+                                    return '<span class="label label-danger">'+data+'</span>';
+                                }
+                            }
+                        },
+                        {
+                            'targets': 4,
+                            'className': 'text-right'
+                        },
+                        {
+                            'targets': [2, 3, 6],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 5,
+                            'className': 'text-center'
+                        },
+                        {
+                            'targets': 6,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonMarketingCampaignReportOrder.handleActionViewDatatable();
+                        BlankonMarketingCampaignReportOrder.handleActionEditDatatable();
+                        BlankonMarketingCampaignReportOrder.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonMarketingCampaignReportOrder.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Order # :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">User name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Total :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Completed :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Order #</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">User Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[2]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Total</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Completed</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonMarketingCampaignReportOrder.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignReportOrder.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.products.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.products.js
new file mode 100755
index 0000000..a38383c
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.products.js
@@ -0,0 +1,690 @@
+'use strict';
+var BlankonMarketingCampaignReportProducts = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignReportProducts.handleDatatable();
+            BlankonMarketingCampaignReportProducts.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/datatable-product.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': 1,
+                        'className': 'text-center',
+                        'render': function (data){
+                            return '<img src="'+data+'" alt="..."/>';
+                        }
+                    },
+                    {
+                        'targets': [2,4,6],
+                        'className': 'text-center'
+                    },
+                    {
+                        'targets': 4,
+                        'render': function (data){
+                            if(data == 'active'){
+                                return '<span class="label label-success">'+data+'</span>';
+                            }
+                            if(data == 'not-active'){
+                                return '<span class="label label-danger">'+data+'</span>';
+                            }
+                        }
+                    },
+                    {
+                        'targets': 5,
+                        'className': 'text-right'
+                    },
+                    {
+                        'targets': [1, 4, 3, 7],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 7,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonMarketingCampaignReportProducts.handleActionViewDatatable();
+                    BlankonMarketingCampaignReportProducts.handleActionEditDatatable();
+                    BlankonMarketingCampaignReportProducts.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonMarketingCampaignReportProducts.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/datatable-product.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': 1,
+                            'className': 'text-center',
+                            'render': function (data){
+                                return '<img src="'+data+'" alt="..."/>';
+                            }
+                        },
+                        {
+                            'targets': [2,4],
+                            'className': 'text-center'
+                        },
+                        {
+                            'targets': 4,
+                            'render': function (data){
+                                if(data == 'active'){
+                                    return '<span class="label label-success">'+data+'</span>';
+                                }
+                                if(data == 'not-active'){
+                                    return '<span class="label label-danger">'+data+'</span>';
+                                }
+                            }
+                        },
+                        {
+                            'targets': 5,
+                            'className': 'text-right'
+                        },
+                        {
+                            'targets': [1, 4, 3, 7],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 7,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonMarketingCampaignReportProducts.handleActionViewDatatable();
+                        BlankonMarketingCampaignReportProducts.handleActionEditDatatable();
+                        BlankonMarketingCampaignReportProducts.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonMarketingCampaignReportProducts.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Image product :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<img src="'+data[1]+'" alt="..."/>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Code product :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Product name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Price :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Order :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[2]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Image product :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<img src="'+data[1]+'" alt="..." class="display-inline"/>' +
+                    '<div class="display-inline">' +
+                    '<label for="imageInputFile"></label>' +
+                    '<input type="file" id="imageInputFile">' +
+                    '</div>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Code Product</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Product Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control">' + $('<div/>').text(data[3]).html() + '</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Price</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Order</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[6]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[2]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[2]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonMarketingCampaignReportProducts.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignReportProducts.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.sales.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.sales.js
new file mode 100755
index 0000000..498168b
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.sales.js
@@ -0,0 +1,240 @@
+var BlankonMarketingCampaignReportSales = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignReportSales.salesOverview();
+            BlankonMarketingCampaignReportSales.pieChartSales();
+            BlankonMarketingCampaignReportSales.weeklyReport();
+            BlankonMarketingCampaignReportSales.bestSeller();
+        },
+
+        // =========================================================================
+        // SALES OVERVIEW
+        // =========================================================================
+        salesOverview: function () {
+            $(window).resize(function() {
+                window.area.redraw();
+            });
+            function morrisArea(){
+                window.area = Morris.Area({
+                    element: 'sales-overview',
+                    data: [
+                        { y: '2017-09-10 04:01', a: 105, b:450, c:2402},
+                        { y: '2017-09-11 10:45', a: 230, b:670, c:1320},
+                        { y: '2017-09-12 05:45', a: 560, b:203, c:340},
+                        { y: '2017-09-13 05:55', a: 650, b:908, c:450},
+                        { y: '2017-09-14 03:45', a: 1290, b:3200, c:340}],
+                    xkey: 'y',
+                    ykeys: ['a', 'b', 'c'],
+                    labels: ['Credit Sales', 'Channel Sales', 'Direct Sales'],
+                    lineColors: ['#EC1561', '#FF9939', '#2BAB51'],
+                    lineWidth: '2px',
+                    hideHover: true,
+                    resize: true,
+                    xLabels: ['day'],
+                    xLabelFormat: function(x) {
+                        return x.toDateString();
+                    }
+                });
+            }
+            morrisArea();
+        },
+
+        expandPanel : function () {
+            $('[data-action=expand]').on('click', function(){
+                window.area.redraw();
+            });
+        },
+
+        // =========================================================================
+        // PIE CHART SALES
+        // =========================================================================
+        pieChartSales: function () {
+            $('.easy-pie-chart .percentage').easyPieChart();
+        },
+
+        // =========================================================================
+        // WEEKLY REPORT
+        // =========================================================================
+        weeklyReport: function () {
+            var rawData = [
+                [14000, 0],
+                [9000, 1],
+                [20000, 2],
+                [25000, 3],
+                [45000, 4],
+                [50000, 5],
+                [47000, 6]
+            ];
+
+            var dataSet = [
+                { label: "Sales Income", data: rawData, color: "#E8E800" }
+            ];
+
+            var ticks = [
+                [0, "< $4000"], [1, "$4000 - $5000"], [2, "$5000 - $6000"], [3, "$6000 - $7000"], [4, "$7000 - $8000"], [5, "$8000 - $9000"], [6, "> $10000"]
+            ];
+
+
+            var options = {
+                series: {
+                    bars: {
+                        show: true
+                    }
+                },
+                bars: {
+                    align: "center",
+                    barWidth: 0.5,
+                    horizontal: true,
+                    fillColor: { colors: [{ opacity: 0.5 }, { opacity: 1}] },
+                    lineWidth: 1
+                },
+                xaxis: {
+                    axisLabel: "Unit",
+                    axisLabelUseCanvas: true,
+                    axisLabelFontSizePixels: 12,
+                    axisLabelFontFamily: 'Verdana, Arial',
+                    axisLabelPadding: 10,
+                    max: 100000,
+                    tickColor: "#EFEFEF",
+                    tickFormatter: function (v, axis) {
+                        return $.formatNumber(v, { format: "#,###", locale: "us" });
+                    },
+                    color:"#E8E800"
+                },
+                yaxis: {
+                    axisLabel: "Sales Income",
+                    axisLabelUseCanvas: true,
+                    axisLabelFontSizePixels: 12,
+                    axisLabelFontFamily: 'Verdana, Arial',
+                    axisLabelPadding: 3,
+                    tickColor: "#EFEFEF",
+                    ticks: ticks,
+                    color:"black"
+                },
+                legend: {
+                    noColumns: 0,
+                    labelBoxBorderColor: "#EFEFEF",
+                    position: "ne"
+                },
+                grid: {
+                    hoverable: true,
+                    borderWidth: 0
+                }
+            };
+
+            $(document).ready(function () {
+                $.plot($("#weekly-report-chart"), dataSet, options);
+                $("#weekly-report-chart").UseTooltip();
+            });
+
+
+
+            var previousPoint = null, previousLabel = null;
+
+            $.fn.UseTooltip = function () {
+                $(this).bind("plothover", function (event, pos, item) {
+                    if (item) {
+                        if ((previousLabel != item.series.label) ||
+                            (previousPoint != item.dataIndex)) {
+                            previousPoint = item.dataIndex;
+                            previousLabel = item.series.label;
+                            $("#tooltip").remove();
+
+                            var x = item.datapoint[0];
+                            var y = item.datapoint[1];
+
+                            var color = item.series.color;
+                            //alert(color)
+                            //console.log(item.series.xaxis.ticks[x].label);
+
+                            showTooltip(item.pageX,
+                                item.pageY,
+                                color,
+                                "<strong>" + item.series.label + "</strong><br>" + item.series.yaxis.ticks[y].label +
+                                " : <strong>" + $.formatNumber(x, { format: "#,###", locale: "us" })  + "</strong> USD");
+                        }
+                    } else {
+                        $("#tooltip").remove();
+                        previousPoint = null;
+                    }
+                });
+            };
+
+            function showTooltip(x, y, color, contents) {
+                $('<div id="tooltip">' + contents + '</div>').css({
+                    position: 'absolute',
+                    display: 'none',
+                    top: y - 10,
+                    left: x + 10,
+                    border: '2px solid ' + color,
+                    padding: '3px',
+                    'font-size': '9px',
+                    'border-radius': '5px',
+                    'background-color': '#fff',
+                    'font-family': 'Verdana, Arial, Helvetica, Tahoma, sans-serif',
+                    opacity: 0.9
+                }).appendTo("body").fadeIn(200);
+            }
+        },
+
+        // =========================================================================
+        // BEST SELLER
+        // =========================================================================
+        bestSeller: function () {
+            if($('#best-seller-chart').length){
+                var piedata = [
+                    { label: "Product A", data: [[1,40]], color: '#37BC9B'},
+                    { label: "Product B", data: [[1,20]], color: '#8CC152'},
+                    { label: "Product C", data: [[1,50]], color: '#5577B4'},
+                    { label: "Product D", data: [[1,90]], color: '#F6BB42'}
+                ];
+
+                function labelFormatter(label, series) {
+                    return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" + label + "<br/>" + Math.round(series.percent) + "%</div>";
+                }
+
+                $.plot('#best-seller-chart', piedata, {
+                    series: {
+                        pie: {
+                            show: true,
+                            radius: 1,
+                            label: {
+                                show: true,
+                                radius: 2/3,
+                                formatter: labelFormatter,
+                                threshold: 0.1
+                            }
+                        }
+                    },
+                    grid: {
+                        hoverable: true,
+                        clickable: true
+                    }
+                });
+
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignReportSales.init();
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.scheduled.campaigns.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.scheduled.campaigns.js
new file mode 100755
index 0000000..e657272
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.scheduled.campaigns.js
@@ -0,0 +1,649 @@
+var BlankonMarketingCampaignReportScheduledCampaigns = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignReportScheduledCampaigns.handleDatatable();
+            BlankonMarketingCampaignReportScheduledCampaigns.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-scheduled-campaigns');
+            var table = $('#datatable-scheduled-campaigns').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/email-campaigns/datatable-scheduled-campaigns.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': [6,7],
+                        'class': 'text-right'
+                    },
+                    {
+                        'targets': [8],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 8,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonMarketingCampaignReportScheduledCampaigns.handleActionViewDatatable();
+                    BlankonMarketingCampaignReportScheduledCampaigns.handleActionEditDatatable();
+                    BlankonMarketingCampaignReportScheduledCampaigns.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonMarketingCampaignReportScheduledCampaigns.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-scheduled-campaigns');
+                table = $('#datatable-scheduled-campaigns').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/email-campaigns/datatable-scheduled-campaigns.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': [7],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 7,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonMarketingCampaignReportScheduledCampaigns.handleActionViewDatatable();
+                        BlankonMarketingCampaignReportScheduledCampaigns.handleActionEditDatatable();
+                        BlankonMarketingCampaignReportScheduledCampaigns.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonMarketingCampaignReportScheduledCampaigns.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-scheduled-campaigns tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-scheduled-campaigns').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-scheduled-campaigns thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-scheduled-campaigns tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-scheduled-campaigns tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-scheduled-campaigns').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable-scheduled-campaigns').modal({ show: false });
+
+            $('#modal-view-datatable-scheduled-campaigns').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">ID # :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Campaign Name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Location :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Start Date :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">End Date :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Allocated :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Target CPA :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[7]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable-scheduled-campaigns').data('btn', elBtn);
+                $('#modal-view-datatable-scheduled-campaigns').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-scheduled-campaigns').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable-scheduled-campaigns').modal({ show: false });
+
+            $('#modal-edit-datatable-scheduled-campaigns').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">ID #</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Campaign Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Location</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Start Date</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">End Date</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Allocated</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[6]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Target CPA</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[7]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable-scheduled-campaigns').data('btn', elBtn);
+                $('#modal-edit-datatable-scheduled-campaigns').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-scheduled-campaigns').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable-scheduled-campaigns').modal({ show: false });
+
+            $('#modal-delete-datatable-scheduled-campaigns').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable-scheduled-campaigns').data('btn', elBtn);
+                $('#modal-delete-datatable-scheduled-campaigns').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-scheduled-campaigns').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonMarketingCampaignReportScheduledCampaigns.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignReportScheduledCampaigns.init();
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.sent.campaigns.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.sent.campaigns.js
new file mode 100755
index 0000000..e101881
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.report.sent.campaigns.js
@@ -0,0 +1,668 @@
+var BlankonMarketingCampaignReportSentCampaigns = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignReportSentCampaigns.handleDatatable();
+            BlankonMarketingCampaignReportSentCampaigns.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sent-campaigns');
+            var table = $('#datatable-sent-campaigns').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/email-campaigns/datatable-sent-campaigns.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': 7,
+                        'render': function ( data, type, full, meta ) {
+                            if(data == 'active'){
+                                return '<span class="label label-success">Active</span>'
+                            }
+                            if(data == 'paused'){
+                                return '<span class="label label-default">Paused</span>'
+                            }
+                            if(data == 'expired'){
+                                return '<span class="label label-danger">Expired</span>'
+                            }
+                        }
+                    },
+                    {
+                        'targets': [8],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 8,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonMarketingCampaignReportSentCampaigns.handleActionViewDatatable();
+                    BlankonMarketingCampaignReportSentCampaigns.handleActionEditDatatable();
+                    BlankonMarketingCampaignReportSentCampaigns.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonMarketingCampaignReportSentCampaigns.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sent-campaigns');
+                table = $('#datatable-sent-campaigns').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/email-campaigns/datatable-sent-campaigns.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': [7],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 7,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonMarketingCampaignReportSentCampaigns.handleActionViewDatatable();
+                        BlankonMarketingCampaignReportSentCampaigns.handleActionEditDatatable();
+                        BlankonMarketingCampaignReportSentCampaigns.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonMarketingCampaignReportSentCampaigns.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sent-campaigns tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sent-campaigns').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sent-campaigns thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sent-campaigns tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sent-campaigns tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sent-campaigns').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable-sent-campaigns').modal({ show: false });
+
+            $('#modal-view-datatable-sent-campaigns').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+                var statusCampaign;
+
+                if(data[7] == 'active'){
+                    statusCampaign = 'success';
+                }else if(data[7] == 'paused'){
+                    statusCampaign = 'default';
+                }else if(data[7] == 'expired'){
+                    statusCampaign = 'danger';
+                }
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Subject :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Date Sent :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Sent To :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Opened :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Clicked :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static"><span class="label label-'+statusCampaign+'">' + $('<div/>').text(data[7]).html() + '</span></p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable-sent-campaigns').data('btn', elBtn);
+                $('#modal-view-datatable-sent-campaigns').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sent-campaigns').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable-sent-campaigns').modal({ show: false });
+
+            $('#modal-edit-datatable-sent-campaigns').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Subject</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Date Sent</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Sent To</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Opened</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Clicked</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[6]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[7]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable-sent-campaigns').data('btn', elBtn);
+                $('#modal-edit-datatable-sent-campaigns').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sent-campaigns').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable-sent-campaigns').modal({ show: false });
+
+            $('#modal-delete-datatable-sent-campaigns').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable-sent-campaigns').data('btn', elBtn);
+                $('#modal-delete-datatable-sent-campaigns').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sent-campaigns').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonMarketingCampaignReportSentCampaigns.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignReportSentCampaigns.init();
diff --git a/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.sign.js b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.sign.js
new file mode 100755
index 0000000..279486e
--- /dev/null
+++ b/vendor/javascripts/pages/marketing-campaign/blankon.marketing.campaign.sign.js
@@ -0,0 +1,29 @@
+var BlankonMarketingCampaignSign = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonMarketingCampaignSign.signBackstretch();
+        },
+
+        // =========================================================================
+        // BACKSTRETCH
+        // =========================================================================
+        signBackstretch: function () {
+            // Duration is the amount of time in between slides,
+            // and fade is value that determines how quickly the next image will fade in
+            $.backstretch([
+                'http://themes.djavaui.com/blankon-fullpack-admin-theme/img/admin-special/marketing-campaign/login/1.jpg',
+                'http://themes.djavaui.com/blankon-fullpack-admin-theme/img/admin-special/marketing-campaign/login/2.jpg'
+            ], {duration: 5000, fade: 750});
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonMarketingCampaignSign.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/project-management/blankon.project.management.all.project.completed.js b/vendor/javascripts/pages/project-management/blankon.project.management.all.project.completed.js
new file mode 100755
index 0000000..8b47b9b
--- /dev/null
+++ b/vendor/javascripts/pages/project-management/blankon.project.management.all.project.completed.js
@@ -0,0 +1,634 @@
+'use strict';
+var BlankonProjectManagementAllProjectCompleted = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectManagementAllProjectCompleted.handleDatatable();
+            BlankonProjectManagementAllProjectCompleted.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/project-completed/datatable-sample.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': [7],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 7,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonProjectManagementAllProjectCompleted.handleActionViewDatatable();
+                    BlankonProjectManagementAllProjectCompleted.handleActionEditDatatable();
+                    BlankonProjectManagementAllProjectCompleted.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonProjectManagementAllProjectCompleted.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/project-completed/datatable-sample.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': [7],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 7,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonProjectManagementAllProjectCompleted.handleActionViewDatatable();
+                        BlankonProjectManagementAllProjectCompleted.handleActionEditDatatable();
+                        BlankonProjectManagementAllProjectCompleted.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonProjectManagementAllProjectCompleted.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Project Name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">All Timers :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Start Date :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">End Date :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Invoice Paid :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Invoice Due :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Project Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">All Timers</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Start Date</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">End Date</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Invoice Paid</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Invoice Due</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[6]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonProjectManagementAllProjectCompleted.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectManagementAllProjectCompleted.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/project-management/blankon.project.management.all.project.working.js b/vendor/javascripts/pages/project-management/blankon.project.management.all.project.working.js
new file mode 100755
index 0000000..65431df
--- /dev/null
+++ b/vendor/javascripts/pages/project-management/blankon.project.management.all.project.working.js
@@ -0,0 +1,687 @@
+'use strict';
+var BlankonProjectManagementAllProjectWorking = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectManagementAllProjectWorking.handleDatatable();
+            BlankonProjectManagementAllProjectWorking.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/project-working/datatable-sample.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': [7],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 1,
+                        'class': 'text-center text-strong',
+                        'render': function ( data, type, full, meta ) {
+                            return data +'%';
+                        }
+                    },
+                    {
+                        'targets': 3,
+                        'render': function ( data, type, full, meta ) {
+                            return '<span class="label label-primary">'+ data +' Pending</span>'
+                        }
+                    },
+                    {
+                        'targets': 6,
+                        'render': function ( data, type, full, meta ) {
+                            if(data == 'in progress'){
+                                return '<span class="label label-success">In Progress</span>'
+                            }
+                            if(data == 'behind'){
+                                return '<span class="label label-danger">Behind</span>'
+                            }
+                        }
+                    },
+                    {
+                        'targets': 7,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonProjectManagementAllProjectWorking.handleActionViewDatatable();
+                    BlankonProjectManagementAllProjectWorking.handleActionEditDatatable();
+                    BlankonProjectManagementAllProjectWorking.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonProjectManagementAllProjectWorking.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/project-working/datatable-sample.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': [7],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 1,
+                            'class': 'text-center text-strong',
+                            'render': function ( data, type, full, meta ) {
+                                return data +'%';
+                            }
+                        },
+                        {
+                            'targets': 3,
+                            'render': function ( data, type, full, meta ) {
+                                return '<span class="label label-primary">'+ data +' Pending</span>'
+                            }
+                        },
+                        {
+                            'targets': 6,
+                            'render': function ( data, type, full, meta ) {
+                                if(data == 'in progress'){
+                                    return '<span class="label label-success">In Progress</span>'
+                                }
+                                if(data == 'behind'){
+                                    return '<span class="label label-danger">Behind</span>'
+                                }
+                            }
+                        },
+                        {
+                            'targets': 7,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonProjectManagementAllProjectWorking.handleActionViewDatatable();
+                        BlankonProjectManagementAllProjectWorking.handleActionEditDatatable();
+                        BlankonProjectManagementAllProjectWorking.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonProjectManagementAllProjectWorking.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Progress :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '%</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Project Name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">All Tasks :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + ' Pending task</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Start Date :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">End Date :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+                var selectStatNew = (data[6] == 'in progress') ? "selected" : "";
+                var selectStatExp = (data[6] == 'behind') ? "selected" : "";
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Progress</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Project Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">All Tasks</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Start Date</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">End Date</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status</label>' +
+                    '<div class="col-sm-9">' +
+                    '<select class="form-control">' +
+                    '<option '+selectStatNew+'>In Progress</option>' +
+                    '<option '+selectStatExp+'>Behind</option>' +
+                    '</select>' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonProjectManagementAllProjectWorking.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectManagementAllProjectWorking.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/project-management/blankon.project.management.clients.js b/vendor/javascripts/pages/project-management/blankon.project.management.clients.js
new file mode 100755
index 0000000..3446741
--- /dev/null
+++ b/vendor/javascripts/pages/project-management/blankon.project.management.clients.js
@@ -0,0 +1,542 @@
+'use strict';
+var BlankonProjectManagementClient = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectManagementClient.listClientAll();
+            BlankonProjectManagementClient.listClientCorporate();
+            BlankonProjectManagementClient.listClientIndividual();
+            BlankonProjectManagementClient.listClientOther();
+        },
+
+        // =========================================================================
+        // DATATABLE LIST CLIENT ALL
+        // =========================================================================
+        listClientAll: function () {
+            var responsiveHelperAjax = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+
+            var tableAjax = $('#datatable-client-all');
+
+            // Using AJAX
+            tableAjax.dataTable({
+                autoWidth      : false,
+                ajax           : BlankonApp.handleBaseURL()+'/assets/admin/data/project-clients/all.json',
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperAjax) {
+                        responsiveHelperAjax = new ResponsiveDatatablesHelper(tableAjax, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperAjax.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperAjax.respond();
+                    // call actions on last column datatable
+                    BlankonProjectManagementClient.handleActionViewDatatable();
+                    BlankonProjectManagementClient.handleActionEditDatatable();
+                    BlankonProjectManagementClient.handleActionDeleteDatatable();
+                },
+                fnRowCallback: function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
+
+                    // Create element on row
+                    var imgTag = '<img src="'+aData[0]+'" alt="..." class="img-circle"/> '+aData[1];
+                    if(aData[3] == 'corporate'){
+                        var spanTag = '<span class="label label-danger text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'individual'){
+                        var spanTag = '<span class="label label-warning text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'other'){
+                        var spanTag = '<span class="label label-primary text-capitalize">'+aData[3]+'</span>';
+                    }
+
+                    if(aData[6] == 'active'){
+                        var spanTagStatus = '<span class="fg-success text-capitalize">'+aData[6]+'</span>';
+                    }
+                    if(aData[6] == 'not active'){
+                        var spanTagStatus = '<span class="fg-danger text-capitalize">'+aData[6]+'</span>';
+                    }
+
+                    $('td:eq(0)', nRow).html(imgTag);
+                    $('td:eq(1)', nRow).html(aData[2]);
+                    $('td:eq(2)', nRow).html(spanTag);
+                    $('td:eq(3)', nRow).html(aData[4]);
+                    $('td:eq(4)', nRow).html('<div class="text-right">'+aData[5]+'</div>');
+                    $('td:eq(5)', nRow).html('<div class="text-center">'+spanTagStatus+'</div>');
+
+                    return nRow;
+                },
+                'columnDefs': [
+                    {
+                        'targets': [2, 5, 6],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 6,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ]
+            });
+
+        },
+
+        // =========================================================================
+        // DATATABLE LIST CLIENT CORPORATE
+        // =========================================================================
+        listClientCorporate: function () {
+            var responsiveHelperAjax = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+
+            var tableAjax = $('#datatable-client-corporate');
+
+            // Using AJAX
+            tableAjax.dataTable({
+                autoWidth      : false,
+                ajax           : BlankonApp.handleBaseURL()+'/assets/admin/data/project-clients/corporate.json',
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperAjax) {
+                        responsiveHelperAjax = new ResponsiveDatatablesHelper(tableAjax, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperAjax.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperAjax.respond();
+                },
+                fnRowCallback: function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
+
+                    // Create element on row
+                    var imgTag = '<img src="'+aData[0]+'" alt="..." class="img-circle"/> '+aData[1];
+                    if(aData[3] == 'corporate'){
+                        var spanTag = '<span class="label label-danger text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'individual'){
+                        var spanTag = '<span class="label label-warning text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'other'){
+                        var spanTag = '<span class="label label-primary text-capitalize">'+aData[3]+'</span>';
+                    }
+
+                    if(aData[6] == 'active'){
+                        var spanTagStatus = '<span class="fg-success text-capitalize">'+aData[6]+'</span>';
+                    }
+                    if(aData[6] == 'not active'){
+                        var spanTagStatus = '<span class="fg-danger text-capitalize">'+aData[6]+'</span>';
+                    }
+
+                    $('td:eq(0)', nRow).html(imgTag);
+                    $('td:eq(1)', nRow).html(aData[2]);
+                    $('td:eq(2)', nRow).html(spanTag);
+                    $('td:eq(3)', nRow).html(aData[4]);
+                    $('td:eq(4)', nRow).html('<div class="text-right">'+aData[5]+'</div>');
+                    $('td:eq(5)', nRow).html('<div class="text-center">'+spanTagStatus+'</div>');
+
+                    return nRow;
+                },
+                'columnDefs': [
+                    {
+                        'targets': [2, 5, 6],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 6,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ]
+            });
+
+        },
+
+        // =========================================================================
+        // DATATABLE LIST CLIENT INDIVIDUAL
+        // =========================================================================
+        listClientIndividual: function () {
+            var responsiveHelperAjax = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+
+            var tableAjax = $('#datatable-client-individual');
+
+            // Using AJAX
+            tableAjax.dataTable({
+                autoWidth      : false,
+                ajax           : BlankonApp.handleBaseURL()+'/assets/admin/data/project-clients/individual.json',
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperAjax) {
+                        responsiveHelperAjax = new ResponsiveDatatablesHelper(tableAjax, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperAjax.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperAjax.respond();
+                },
+                fnRowCallback: function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
+
+                    // Create element on row
+                    var imgTag = '<img src="'+aData[0]+'" alt="..." class="img-circle"/> '+aData[1];
+                    if(aData[3] == 'corporate'){
+                        var spanTag = '<span class="label label-danger text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'individual'){
+                        var spanTag = '<span class="label label-warning text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'other'){
+                        var spanTag = '<span class="label label-primary text-capitalize">'+aData[3]+'</span>';
+                    }
+
+                    if(aData[6] == 'active'){
+                        var spanTagStatus = '<span class="fg-success text-capitalize">'+aData[6]+'</span>';
+                    }
+                    if(aData[6] == 'not active'){
+                        var spanTagStatus = '<span class="fg-danger text-capitalize">'+aData[6]+'</span>';
+                    }
+
+                    $('td:eq(0)', nRow).html(imgTag);
+                    $('td:eq(1)', nRow).html(aData[2]);
+                    $('td:eq(2)', nRow).html(spanTag);
+                    $('td:eq(3)', nRow).html(aData[4]);
+                    $('td:eq(4)', nRow).html('<div class="text-right">'+aData[5]+'</div>');
+                    $('td:eq(5)', nRow).html('<div class="text-center">'+spanTagStatus+'</div>');
+
+                    return nRow;
+                },
+                'columnDefs': [
+                    {
+                        'targets': [2, 5, 6],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 6,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ]
+            });
+        },
+
+        // =========================================================================
+        // DATATABLE LIST CLIENT OTHER
+        // =========================================================================
+        listClientOther: function () {
+            var responsiveHelperAjax = undefined;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone : 480
+            };
+
+            var tableAjax = $('#datatable-client-other');
+
+            // Using AJAX
+            tableAjax.dataTable({
+                autoWidth      : false,
+                ajax           : BlankonApp.handleBaseURL()+'/assets/admin/data/project-clients/other.json',
+                preDrawCallback: function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelperAjax) {
+                        responsiveHelperAjax = new ResponsiveDatatablesHelper(tableAjax, breakpointDefinition);
+                    }
+                },
+                rowCallback    : function (nRow) {
+                    responsiveHelperAjax.createExpandIcon(nRow);
+                },
+                drawCallback   : function (oSettings) {
+                    responsiveHelperAjax.respond();
+                },
+                fnRowCallback: function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
+
+                    // Create element on row
+                    var imgTag = '<img src="'+aData[0]+'" alt="..." class="img-circle"/> '+aData[1];
+                    if(aData[3] == 'corporate'){
+                        var spanTag = '<span class="label label-danger text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'individual'){
+                        var spanTag = '<span class="label label-warning text-capitalize">'+aData[3]+'</span>';
+                    }
+                    if(aData[3] == 'other'){
+                        var spanTag = '<span class="label label-primary text-capitalize">'+aData[3]+'</span>';
+                    }
+
+                    if(aData[6] == 'active'){
+                        var spanTagStatus = '<span class="fg-success text-capitalize">'+aData[6]+'</span>';
+                    }
+                    if(aData[6] == 'not active'){
+                        var spanTagStatus = '<span class="fg-danger text-capitalize">'+aData[6]+'</span>';
+                    }
+
+                    $('td:eq(0)', nRow).html(imgTag);
+                    $('td:eq(1)', nRow).html(aData[2]);
+                    $('td:eq(2)', nRow).html(spanTag);
+                    $('td:eq(3)', nRow).html(aData[4]);
+                    $('td:eq(4)', nRow).html('<div class="text-right">'+aData[5]+'</div>');
+                    $('td:eq(5)', nRow).html('<div class="text-center">'+spanTagStatus+'</div>');
+
+                    return nRow;
+                },
+                'columnDefs': [
+                    {
+                        'targets': [2, 5, 6],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 6,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ]
+            });
+
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-client-all, ' +
+                '#datatable-client-corporate, ' +
+                '#datatable-client-individual, ' +
+                '#datatable-client-other').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Client Name :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Last Activity :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Client Type :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Account Manager :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Total Balance :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-client-all, ' +
+                '#datatable-client-corporate, ' +
+                '#datatable-client-individual, ' +
+                '#datatable-client-other').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Client Name</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Last Activity</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Client Type</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Account Manager</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Total Balance</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[6]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-client-all, ' +
+                '#datatable-client-corporate, ' +
+                '#datatable-client-individual, ' +
+                '#datatable-client-other').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectManagementClient.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/project-management/blankon.project.management.dashboard.js b/vendor/javascripts/pages/project-management/blankon.project.management.dashboard.js
new file mode 100755
index 0000000..8bc4d23
--- /dev/null
+++ b/vendor/javascripts/pages/project-management/blankon.project.management.dashboard.js
@@ -0,0 +1,202 @@
+var BlankonProjectManagementDashboard = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var globalPluginsPath = BlankonApp.handleBaseURL()+'/assets/global/plugins/bower_components';
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectManagementDashboard.callModal();
+            BlankonProjectManagementDashboard.counterOverview();
+            BlankonProjectManagementDashboard.countNumber();
+            BlankonProjectManagementDashboard.projectProgress();
+            BlankonProjectManagementDashboard.projectSchedule();
+            BlankonProjectManagementDashboard.topAssignChart();
+        },
+
+        // =========================================================================
+        // CALL MODAL FIRST
+        // =========================================================================
+        callModal: function () {
+            $('#modal-dashboard-project-management').modal(
+                {
+                    show: true,
+                    keyboard: false
+                }
+            );
+            $('#modal-dashboard-project-management').on('hidden.bs.modal', function (e) {
+                BlankonProjectManagementDashboard.sessionTimeout();
+            })
+        },
+
+        // =========================================================================
+        // COUNTER OVERVIEW
+        // =========================================================================
+        counterOverview: function () {
+            if($('.counter').length){
+                $('.counter').counterUp({
+                    delay: 10,
+                    time: 4000
+                });
+            }
+        },
+
+        // =========================================================================
+        // SESSION TIMEOUT
+        // =========================================================================
+        sessionTimeout: function () {
+            if($('.demo-dashboard-session').length){
+                $.sessionTimeout({
+                    title: 'JUST DEMO Your session is about to expire!',
+                    logoutButton: 'Logout',
+                    keepAliveButton: 'Stay Connected',
+                    message: 'Your session will be locked in 2 minute',
+                    keepAliveUrl: '#',
+                    logoutUrl: 'index.html',
+                    redirUrl: 'lock-screen.html',
+                    ignoreUserActivity: true,
+                    warnAfter: 120000,
+                    redirAfter: 240000
+                });
+            }
+        },
+
+        // =========================================================================
+        // DEMO COUNT NUMBER
+        // =========================================================================
+        countNumber: function () {
+            $('.count').each(function () {
+                $(this).prop('Counter',0).animate({
+                    Counter: $(this).text()
+                }, {
+                    duration: 7000,
+                    easing: 'swing',
+                    step: function (now) {
+                        $(this).text(Math.ceil(now));
+                    }
+                });
+            });
+        },
+
+        // =========================================================================
+        // PROGRESS PROJECT
+        // =========================================================================
+        projectProgress: function () {
+            $(window).resize(function() {
+                window.area.redraw();
+            });
+            function morrisArea(){
+                window.area = Morris.Area({
+                    element: 'project-progress',
+                    data: [
+                        { y: '2008', a: 20, b: 30 },
+                        { y: '2009', a: 40,  b: 50 },
+                        { y: '2010', a: 30,  b: 40 },
+                        { y: '2011', a: 50,  b: 60 },
+                        { y: '2012', a: 40,  b: 50 },
+                        { y: '2013', a: 60,  b: 70 },
+                        { y: '2014', a: 50, b: 60 }
+                    ],
+                    xkey: 'y',
+                    ykeys: ['a', 'b'],
+                    labels: ['Work Done', 'Work Times'],
+                    lineColors: ['#8CC152', '#00B1E1'],
+                    lineWidth: '2px',
+                    hideHover: true,
+                    resize: true
+                });
+            }
+            morrisArea();
+        },
+
+        // =========================================================================
+        // PROJECT SCHEDULE
+        // =========================================================================
+        projectSchedule: function () {
+            "use strict";
+
+            var options = {
+                events_source: globalPluginsPath+'/bootstrap-calendar/calendar-events-sample.json',
+                view: 'month',
+                tmpl_path: globalPluginsPath+'/bootstrap-calendar/tmpls/',
+                tmpl_cache: false,
+                day: '2013-03-12',
+                onAfterEventsLoad: function(events) {
+                    if(!events) {
+                        return;
+                    }
+                    var list = $('#eventlist');
+                    list.html('');
+
+                    $.each(events, function(key, val) {
+                        $(document.createElement('li'))
+                            .html('<a href="' + val.url + '"><i class="fa fa-calendar mr-10"></i> ' + val.title + '</a>')
+                            .appendTo(list);
+                    });
+                },
+                onAfterViewLoad: function(view) {
+                    $('.page-header h4').text(this.getTitle());
+                    $('button').removeClass('active');
+                    $('.calendar-menu-mobile ul li').removeClass('active');
+                    $('button[data-calendar-view="' + view + '"]').addClass('active');
+                    $('a[data-calendar-view="' + view + '"]').parent('li').addClass('active');
+                },
+                classes: {
+                    months: {
+                        general: 'label'
+                    }
+                }
+            };
+
+            var calendar = $('#calendar').calendar(options);
+
+            $('[data-calendar-nav]').each(function() {
+                var $this = $(this);
+                $this.click(function() {
+                    calendar.navigate($this.data('calendar-nav'));
+                });
+            });
+
+            $('[data-calendar-view]').each(function() {
+                var $this = $(this);
+                $this.click(function() {
+                    calendar.view($this.data('calendar-view'));
+                });
+            });
+
+            $('#language').change(function(){
+                calendar.setLanguage($(this).val());
+                calendar.view();
+            });
+
+            $('#events-in-modal').change(function(){
+                var val = $(this).is(':checked') ? $(this).val() : null;
+                calendar.setOptions({modal: val});
+            });
+            $('#events-modal .modal-header, #events-modal .modal-footer').click(function(e){
+                //e.preventDefault();
+                //e.stopPropagation();
+            });
+        },
+
+        // =========================================================================
+        // TOP ASSIGNEES
+        // =========================================================================
+        topAssignChart: function () {
+            $('.top-assign-chart').horizBarChart({
+                selector: '.bar',
+                speed: 3000
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectManagementDashboard.init();
diff --git a/vendor/javascripts/pages/project-management/blankon.project.management.invoice.items.js b/vendor/javascripts/pages/project-management/blankon.project.management.invoice.items.js
new file mode 100755
index 0000000..03fb8f2
--- /dev/null
+++ b/vendor/javascripts/pages/project-management/blankon.project.management.invoice.items.js
@@ -0,0 +1,624 @@
+'use strict';
+var BlankonProjectManagementInvoiceItems = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectManagementInvoiceItems.handleDatatable();
+            BlankonProjectManagementInvoiceItems.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/invoices/invoice-item.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': [2,8],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 1,
+                        'class': 'text-strong'
+                    },
+                    {
+                        'targets': [3,4,5,6,7],
+                        'class': 'text-center'
+                    },
+                    {
+                        'targets': 8,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonProjectManagementInvoiceItems.handleActionViewDatatable();
+                    BlankonProjectManagementInvoiceItems.handleActionEditDatatable();
+                    BlankonProjectManagementInvoiceItems.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonProjectManagementInvoiceItems.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/invoices/invoice-item.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': [2,8],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 1,
+                            'class': 'text-strong'
+                        },
+                        {
+                            'targets': [3,4,5,6,7],
+                            'class': 'text-center'
+                        },
+                        {
+                            'targets': 8,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonProjectManagementInvoiceItems.handleActionViewDatatable();
+                        BlankonProjectManagementInvoiceItems.handleActionEditDatatable();
+                        BlankonProjectManagementInvoiceItems.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonProjectManagementInvoiceItems.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.invoice-id', $dlg).html(data[0]);
+                $('.invoice-product-name', $dlg).html(data[1]);
+                $('.invoice-product-description', $dlg).html(data[2]);
+                $('.invoice-qty', $dlg).html(data[3]);
+                $('.invoice-unit-price', $dlg).html(data[4]);
+                $('.invoice-tax-rate', $dlg).html(data[5]);
+                $('.invoice-tax', $dlg).html(data[6]);
+                $('.invoice-total-price', $dlg).html(data[7]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+                var selectStatNew = (data[8] == 'new') ? "selected" : "";
+                var selectStatExp = (data[8] == 'overdue') ? "selected" : "";
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Product</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Description</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control" rows="3">'+$('<div/>').text(data[2]).html()+'</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Qty</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Unit Price</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Tax Rate</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Tax</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[6]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Total Price</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[7]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.invoice-product-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.invoice-product-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonProjectManagementInvoiceItems.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectManagementInvoiceItems.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/project-management/blankon.project.management.invoices.js b/vendor/javascripts/pages/project-management/blankon.project.management.invoices.js
new file mode 100755
index 0000000..7c7456d
--- /dev/null
+++ b/vendor/javascripts/pages/project-management/blankon.project.management.invoices.js
@@ -0,0 +1,692 @@
+'use strict';
+var BlankonProjectManagementInvoices = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectManagementInvoices.handleDatatable();
+            BlankonProjectManagementInvoices.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/invoices/invoices.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': [7],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 1,
+                        'class': 'text-center text-strong'
+                    },
+                    {
+                        'targets': 8,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            if(data == 'new'){
+                                return '<span class="label label-success">New</span>'
+                            }
+                            if(data == 'overdue'){
+                                return '<span class="label label-danger">Overdue</span>'
+                            }
+                        }
+                    },
+                    {
+                        'targets': 9,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li><a href="#" class="btn-messages">Send Messages</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonProjectManagementInvoices.handleActionViewDatatable();
+                    BlankonProjectManagementInvoices.handleActionEditDatatable();
+                    BlankonProjectManagementInvoices.handleActionMessagesDatatable();
+                    BlankonProjectManagementInvoices.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonProjectManagementInvoices.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/invoices/invoices.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': [7],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 1,
+                            'class': 'text-center text-strong'
+                        },
+                        {
+                            'targets': 8,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                if(data == 'new'){
+                                    return '<span class="label label-success">New</span>'
+                                }
+                                if(data == 'overdue'){
+                                    return '<span class="label label-danger">Overdue</span>'
+                                }
+                            }
+                        },
+                        {
+                            'targets': 9,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li><a href="#" class="btn-messages">Send Messages</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonProjectManagementInvoices.handleActionViewDatatable();
+                        BlankonProjectManagementInvoices.handleActionEditDatatable();
+                        BlankonProjectManagementInvoices.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonProjectManagementInvoices.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+                $('.invoice-id', $dlg).html(data[1]);
+                $('.invoice-client', $dlg).html(data[3]);
+                $('.invoice-amount', $dlg).html(data[4]);
+                $('.invoice-due', $dlg).html(data[5]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+                var selectStatNew = (data[8] == 'new') ? "selected" : "";
+                var selectStatExp = (data[8] == 'overdue') ? "selected" : "";
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">ID</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Ref ID</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Client</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Date Created</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Due Created</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Invoice Amount</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[6]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Amount Paid</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[7]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status</label>' +
+                    '<div class="col-sm-9">' +
+                    '<select class="form-control">' +
+                    '<option '+selectStatNew+'>New</option>' +
+                    '<option '+selectStatExp+'>Overdue</option>' +
+                    '</select>' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION MESSAGE ROW DATATABLES
+        // =========================================================================
+        handleActionMessagesDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-messages', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-messages-datatable').modal({ show: false });
+
+            $('#modal-messages-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">ID :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + ' ('+$('<div/>').text(data[3]).html()+')</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Messages :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control" rows="3"></textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-messages-datatable').data('btn', elBtn);
+                $('#modal-messages-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonProjectManagementInvoices.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectManagementInvoices.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/project-management/blankon.project.management.myproject.add.js b/vendor/javascripts/pages/project-management/blankon.project.management.myproject.add.js
new file mode 100755
index 0000000..2adae42
--- /dev/null
+++ b/vendor/javascripts/pages/project-management/blankon.project.management.myproject.add.js
@@ -0,0 +1,64 @@
+'use strict';
+var BlankonProjectManagementMyprojectAdd = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectManagementMyprojectAdd.handleFormEstimatedTime();
+            BlankonProjectManagementMyprojectAdd.handleFormProjectUploadImage();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleFormEstimatedTime: function () {
+            $('.date-range-picker-time').daterangepicker({
+                timePicker: true,
+                timePickerIncrement: 30,
+                locale: {
+                    format: 'MM/DD/YYYY h:mm A'
+                }
+            });
+        },
+
+        // =========================================================================
+        // FORM PRODUCT UPLOAD IMAGE
+        // =========================================================================
+        handleFormProjectUploadImage: function () {
+            Dropzone.options.myDropzone = {
+                init: function() {
+                    this.on("addedfile", function(file) {
+                        // Create the remove button
+                        var removeButton = Dropzone.createElement("<button class='btn btn-sm btn-block btn-danger'>Remove file</button>");
+
+                        // Capture the Dropzone instance as closure.
+                        var _this = this;
+
+                        // Listen to the click event
+                        removeButton.addEventListener("click", function(e) {
+                            // Make sure the button click doesn't submit the form:
+                            e.preventDefault();
+                            e.stopPropagation();
+
+                            // Remove the file preview.
+                            _this.removeFile(file);
+                            // If you want to the delete the file on the server as well,
+                            // you can do the AJAX request here.
+                        });
+
+                        // Add the button to the file preview element.
+                        file.previewElement.appendChild(removeButton);
+                    });
+                }
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectManagementMyprojectAdd.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/project-management/blankon.project.management.payments.js b/vendor/javascripts/pages/project-management/blankon.project.management.payments.js
new file mode 100755
index 0000000..3c338e9
--- /dev/null
+++ b/vendor/javascripts/pages/project-management/blankon.project.management.payments.js
@@ -0,0 +1,664 @@
+'use strict';
+var BlankonProjectManagementPayments = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectManagementPayments.handleDatatable();
+            BlankonProjectManagementPayments.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/payments/datatable-sample.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': [5,8],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 1,
+                        'class': 'text-strong'
+                    },
+                    {
+                        'targets': [4,5,6,7],
+                        'class': 'text-center'
+                    },
+                    {
+                        'targets': 8,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonProjectManagementPayments.handleActionViewDatatable();
+                    BlankonProjectManagementPayments.handleActionEditDatatable();
+                    BlankonProjectManagementPayments.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonProjectManagementPayments.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/payments/datatable-sample.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': [5,8],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 1,
+                            'class': 'text-strong'
+                        },
+                        {
+                            'targets': [4,5,6,7],
+                            'class': 'text-center'
+                        },
+                        {
+                            'targets': 8,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonProjectManagementPayments.handleActionViewDatatable();
+                        BlankonProjectManagementPayments.handleActionEditDatatable();
+                        BlankonProjectManagementPayments.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonProjectManagementPayments.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">ID :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Client :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Project :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Date :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Transaction ID :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Payment Method :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Amount Paid :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[7]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+                var selectStatNew = (data[8] == 'new') ? "selected" : "";
+                var selectStatExp = (data[8] == 'overdue') ? "selected" : "";
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Product</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Description</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control" rows="3">'+$('<div/>').text(data[2]).html()+'</textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Qty</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Unit Price</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Tax Rate</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Tax</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[6]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Total Price</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[7]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonProjectManagementPayments.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectManagementPayments.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/project-management/blankon.project.management.sign.js b/vendor/javascripts/pages/project-management/blankon.project.management.sign.js
new file mode 100755
index 0000000..21d4bc1
--- /dev/null
+++ b/vendor/javascripts/pages/project-management/blankon.project.management.sign.js
@@ -0,0 +1,29 @@
+var BlankonSignProjectManagement = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonSignProjectManagement.signBackstretch();
+        },
+
+        // =========================================================================
+        // BACKSTRETCH
+        // =========================================================================
+        signBackstretch: function () {
+            // Duration is the amount of time in between slides,
+            // and fade is value that determines how quickly the next image will fade in
+            $.backstretch([
+                'http://themes.djavaui.com/blankon-fullpack-admin-theme/img/admin-special/project-management/login/1.jpg',
+                'http://themes.djavaui.com/blankon-fullpack-admin-theme/img/admin-special/project-management/login/2.jpg'
+            ], {duration: 5000, fade: 750});
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonSignProjectManagement.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/project-management/blankon.project.management.ticket.create.js b/vendor/javascripts/pages/project-management/blankon.project.management.ticket.create.js
new file mode 100755
index 0000000..22e2495
--- /dev/null
+++ b/vendor/javascripts/pages/project-management/blankon.project.management.ticket.create.js
@@ -0,0 +1,27 @@
+'use strict';
+var BlankonProjectManagementTicketCreate = function () {
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectManagementTicketCreate.chosenSelect();
+        },
+
+        // =========================================================================
+        // CHOSEN SELECT
+        // =========================================================================
+        chosenSelect: function () {
+            if($('.chosen-select').length){
+                $('.chosen-select').chosen();
+            }
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectManagementTicketCreate.init();
\ No newline at end of file
diff --git a/vendor/javascripts/pages/project-management/blankon.project.management.ticket.js b/vendor/javascripts/pages/project-management/blankon.project.management.ticket.js
new file mode 100755
index 0000000..c84fb4d
--- /dev/null
+++ b/vendor/javascripts/pages/project-management/blankon.project.management.ticket.js
@@ -0,0 +1,717 @@
+'use strict';
+var BlankonProjectManagementTicket = function () {
+
+    // =========================================================================
+    // SETTINGS APP
+    // =========================================================================
+    var getBaseURL = BlankonApp.handleBaseURL();
+
+    return {
+
+        // =========================================================================
+        // CONSTRUCTOR APP
+        // =========================================================================
+        init: function () {
+            BlankonProjectManagementTicket.handleDatatable();
+            BlankonProjectManagementTicket.handleDatatableColors();
+        },
+
+        // =========================================================================
+        // DATATABLE INIT
+        // =========================================================================
+        handleDatatable: function () {
+            // Updates "Select all" control in a data table
+            function updateDataTableSelectAllCtrl(table){
+                var $table             = table.table().node();
+                var $chkbox_all        = $('tbody input[type="checkbox"]', $table);
+                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', $table);
+                var chkbox_select_all  = $('thead input[name="select_all"]', $table).get(0);
+
+                // If none of the checkboxes are checked
+                if($chkbox_checked.length === 0){
+                    chkbox_select_all.checked = false;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If all of the checkboxes are checked
+                } else if ($chkbox_checked.length === $chkbox_all.length){
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = false;
+                    }
+
+                    // If some of the checkboxes are checked
+                } else {
+                    chkbox_select_all.checked = true;
+                    if('indeterminate' in chkbox_select_all){
+                        chkbox_select_all.indeterminate = true;
+                    }
+                }
+            }
+
+            // Array holding selected row IDs
+            var rows_selected = [];
+
+            var responsiveHelper;
+            var breakpointDefinition = {
+                tablet: 1024,
+                phone_landscape : 480,
+                phone_portrait : 320
+            };
+            var tableID = $('#datatable-sample');
+            var table = $('#datatable-sample').DataTable({
+                'ajax': {
+                    'url': getBaseURL+'/assets/admin/data/project-management/datatable-sample.json'
+                },
+                'columnDefs': [
+                    {
+                        'targets': 0,
+                        'searchable': false,
+                        'orderable': false,
+                        'className': 'dt-body-center',
+                        'render': function (data, type, full, meta){
+                            return '<div class="ckbox ckbox-primary">' +
+                                '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                '<label for="checkbox-item-'+data+'"></label>' +
+                                '</div>';
+                        }
+                    },
+                    {
+                        'targets': [1, 7],
+                        'sortable': false
+                    },
+                    {
+                        'targets': 1,
+                        'class': 'text-center text-strong'
+                    },
+                    {
+                        'targets': 6,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            if(data == 'new'){
+                                return '<span class="label label-success">New</span>'
+                            }
+                            if(data == 'expired'){
+                                return '<span class="label label-danger">Expired</span>'
+                            }
+                        }
+                    },
+                    {
+                        'targets': 7,
+                        'class': 'text-center',
+                        'render': function ( data, type, full, meta ) {
+                            return '<div class="btn-group">' +
+                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                '<i class="fa fa-cogs"></i>' +
+                                '</button>' +
+                                '<ul class="dropdown-menu pull-right">' +
+                                '<li>' +
+                                '<a href="#" class="btn-view">View</a>' +
+                                '</li>' +
+                                '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                '<li><a href="#" class="btn-reply">Reply</a></li>' +
+                                '<li role="separator" class="divider"></li>' +
+                                '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                '</ul>' +
+                                '</div>'
+                        }
+                    }
+                ],
+                'order': [[1, 'asc']],
+                'autoWidth' : false,
+                'iDisplayLength': 10,
+                'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                'select': true,
+                'dom': 'Blfrtip',
+                buttons: [
+                    {
+                        extend: 'collection',
+                        text: 'Export',
+                        buttons: [
+                            {
+                                extend: 'copy',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'excel',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'csv',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'pdf',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            },
+                            {
+                                extend: 'print',
+                                exportOptions: {
+                                    columns: [1,2,3,4,5,6]
+                                }
+                            }
+                        ]
+                    }
+                ],
+                'pagingType': 'full_numbers_no_ellipses',
+                'preDrawCallback': function () {
+                    // Initialize the responsive datatables helper once.
+                    if (!responsiveHelper) {
+                        responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                    }
+                },
+                'rowCallback' : function (nRow, row, data, dataIndex) {
+                    // Get row ID
+                    var rowId = data[0];
+
+                    // If row ID is in the list of selected row IDs
+                    if($.inArray(rowId, rows_selected) !== -1){
+                        $(row).find('input[type="checkbox"]').prop('checked', true);
+                        $(row).addClass('selected');
+                    }
+
+                    responsiveHelper.createExpandIcon(nRow);
+                },
+                'drawCallback' : function(oSettings) {
+                    responsiveHelper.respond();
+                    // call dropdown bootstrap
+                    $('body .dropdown-toggle').dropdown();
+                    // call actions on last column datatable
+                    BlankonProjectManagementTicket.handleActionViewDatatable();
+                    BlankonProjectManagementTicket.handleActionEditDatatable();
+                    BlankonProjectManagementTicket.handleActionReplyDatatable();
+                    BlankonProjectManagementTicket.handleActionDeleteDatatable();
+                }
+            });
+
+            // Change language dinamically
+            $('.change-language').on('click', function () {
+
+                // Change state language
+                $('.text-language').text($(this).data('title'));
+
+                table.destroy();
+                table = null;
+
+                var tableLanguage = BlankonProjectManagementTicket.handleNotificationDatatable('Table language '+$(this).data('title'));
+
+                var rows_selected = [];
+
+                var responsiveHelper;
+                var breakpointDefinition = {
+                    tablet: 1024,
+                    phone_landscape : 480,
+                    phone_portrait : 320
+                };
+                var tableID = $('#datatable-sample');
+                table = $('#datatable-sample').DataTable( {
+                    'language': {
+                        'url': getBaseURL+'/assets/global/plugins/bower_components/datatables/i18n/'+$(this).data('language')+'.json'
+                    },
+                    'ajax': {
+                        'url': getBaseURL+'/assets/admin/data/project-management/datatable-sample.json'
+                    },
+                    'columnDefs': [
+                        {
+                            'targets': 0,
+                            'searchable': false,
+                            'orderable': false,
+                            'className': 'dt-body-center',
+                            'render': function (data, type, full, meta){
+                                return '<div class="ckbox ckbox-primary">' +
+                                    '<input id="checkbox-item-'+data+'" type="checkbox" name="select_all" value="1" class="display-hide">' +
+                                    '<label for="checkbox-item-'+data+'"></label>' +
+                                    '</div>';
+                            }
+                        },
+                        {
+                            'targets': [1, 7],
+                            'sortable': false
+                        },
+                        {
+                            'targets': 1,
+                            'class': 'text-center text-strong'
+                        },
+                        {
+                            'targets': 6,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                if(data == 'new'){
+                                    return '<span class="label label-success">New</span>'
+                                }
+                                if(data == 'expired'){
+                                    return '<span class="label label-danger">Expired</span>'
+                                }
+                            }
+                        },
+                        {
+                            'targets': 7,
+                            'class': 'text-center',
+                            'render': function ( data, type, full, meta ) {
+                                return '<div class="btn-group">' +
+                                    '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
+                                    '<i class="fa fa-cogs"></i>' +
+                                    '</button>' +
+                                    '<ul class="dropdown-menu pull-right">' +
+                                    '<li>' +
+                                    '<a href="#" class="btn-view">View</a>' +
+                                    '</li>' +
+                                    '<li><a href="#" class="btn-edit">Edit</a></li>' +
+                                    '<li><a href="#" class="btn-reply">Reply</a></li>' +
+                                    '<li role="separator" class="divider"></li>' +
+                                    '<li><a href="#" class="btn-delete">Delete</a></li>' +
+                                    '</ul>' +
+                                    '</div>'
+                            }
+                        }
+                    ],
+                    'order': [[1, 'asc']],
+                    'autoWidth' : false,
+                    'iDisplayLength': 10,
+                    'lengthMenu': [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
+                    'select': true,
+                    'dom': 'Blfrtip',
+                    buttons: [
+                        {
+                            extend: 'collection',
+                            text: 'Export',
+                            buttons: [
+                                {
+                                    extend: 'copy',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'excel',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'csv',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'pdf',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                },
+                                {
+                                    extend: 'print',
+                                    exportOptions: {
+                                        columns: [1,2,3,4,5,6]
+                                    }
+                                }
+                            ]
+                        }
+                    ],
+                    'pagingType': 'full_numbers_no_ellipses',
+                    'preDrawCallback': function () {
+                        // Initialize the responsive datatables helper once.
+                        if (!responsiveHelper) {
+                            responsiveHelper = new ResponsiveDatatablesHelper(tableID, breakpointDefinition);
+                        }
+                    },
+                    'rowCallback' : function (nRow, row, data, dataIndex) {
+                        // Get row ID
+                        var rowId = data[0];
+
+                        // If row ID is in the list of selected row IDs
+                        if($.inArray(rowId, rows_selected) !== -1){
+                            $(row).find('input[type="checkbox"]').prop('checked', true);
+                            $(row).addClass('selected');
+                        }
+
+                        responsiveHelper.createExpandIcon(nRow);
+                    },
+                    'drawCallback' : function(oSettings) {
+                        responsiveHelper.respond();
+                        // call dropdown bootstrap
+                        $('body .dropdown-toggle').dropdown();
+                        // call actions on last column datatable
+                        BlankonProjectManagementTicket.handleActionViewDatatable();
+                        BlankonProjectManagementTicket.handleActionEditDatatable();
+                        BlankonProjectManagementTicket.handleActionDeleteDatatable();
+                        // Call notifications
+                        tableLanguage;
+                    }
+                } );
+            });
+
+            // Toggle column
+            $('a.toggle-column').on( 'click', function (e) {
+                e.preventDefault();
+
+                // Change state
+                $(this).parents('li').toggleClass('selected');
+
+                // Get the column API object
+                var column = table.column( $(this).attr('data-column') );
+
+                // Toggle the visibility
+                column.visible( ! column.visible() );
+
+                // Call notifications
+                BlankonProjectManagementTicket.handleNotificationDatatable($(this).text()+' Column');
+
+            } );
+
+            // Handle click on checkbox
+            $('#datatable-sample tbody').on('click', '.ckbox, input[type="checkbox"]', function(e){
+                var $row = $(this).closest('tr');
+
+                // Get row data
+                var data = table.row($row).data();
+
+                // Get row ID
+                var rowId = data[0];
+
+                // Determine whether row ID is in the list of selected row IDs
+                var index = $.inArray(rowId, rows_selected);
+
+                // If checkbox is checked and row ID is not in list of selected row IDs
+                if(this.checked && index === -1){
+                    rows_selected.push(rowId);
+
+                    // Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
+                } else if (!this.checked && index !== -1){
+                    rows_selected.splice(index, 1);
+                }
+
+                if(this.checked){
+                    $row.addClass('selected');
+                } else {
+                    $row.removeClass('selected');
+                }
+
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle click on table cells with checkboxes
+            $('#datatable-sample').on('click', 'tbody td', function(e){
+                if($(this).is(':last-child')){
+                    return false;
+                }else{
+                    $(this).parent().find('input[type="checkbox"]').trigger('click');
+                }
+            });
+
+            // Handle click on "Select all" control
+            $('#datatable-sample thead input[name="select_all"]').on('click', function(e){
+                if(this.checked){
+                    $('#datatable-sample tbody input[type="checkbox"]:not(:checked)').trigger('click');
+                } else {
+                    $('#datatable-sample tbody input[type="checkbox"]:checked').trigger('click');
+                }
+
+                // Prevent click event from propagating to parent
+                e.stopPropagation();
+            });
+
+            // Handle table draw event
+            table.on('draw', function(){
+                // Update state of "Select all" control
+                updateDataTableSelectAllCtrl(table);
+            });
+
+            // Handle form submission event
+            $('#frm-example').on('submit', function(e){
+                var form = this;
+
+                // Iterate over all selected checkboxes
+                $.each(rows_selected, function(index, rowId){
+                    // Create a hidden element
+                    $(form).append(
+                        $('<input>')
+                            .attr('type', 'hidden')
+                            .attr('name', 'id[]')
+                            .val(rowId)
+                    );
+                });
+
+                // FOR DEMONSTRATION ONLY
+
+                // Output form data to a console
+                $('#example-console').text($(form).serialize());
+                console.log("Form submission", $(form).serialize());
+
+                // Remove added elements
+                $('input[name="id\[\]"]', form).remove();
+
+                // Prevent actual form submission
+                e.preventDefault();
+            });
+        },
+
+        // =========================================================================
+        // ACTION VIEW ROW DATATABLES
+        // =========================================================================
+        handleActionViewDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-view', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-view-datatable').modal({ show: false });
+
+            $('#modal-view-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">ID :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Title :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[2]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Submitted By :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[3]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Date Created :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[4]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Last Active :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[5]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[6]).html() + '</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-view-datatable').data('btn', elBtn);
+                $('#modal-view-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION EDIT ROW DATATABLES
+        // =========================================================================
+        handleActionEditDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-edit', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-edit-datatable').modal({ show: false });
+
+            $('#modal-edit-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+                var selectStatNew = (data[6] == 'new') ? "selected" : "";
+                var selectStatExp = (data[6] == 'expired') ? "selected" : "";
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">ID</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input type="hidden" value="' + $('<div/>').text(data[0]).html() + '">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[1]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Title</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[2]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Submitted By</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[3]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Date Created</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[4]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Last Active</label>' +
+                    '<div class="col-sm-9">' +
+                    '<input class="form-control" type="text" value="' + $('<div/>').text(data[5]).html() + '">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Status</label>' +
+                    '<div class="col-sm-9">' +
+                    '<select class="form-control">' +
+                    '<option '+selectStatNew+'>New</option>' +
+                    '<option '+selectStatExp+'>Expired</option>' +
+                    '</select>' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-edit-datatable').data('btn', elBtn);
+                $('#modal-edit-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION REPLY ROW DATATABLES
+        // =========================================================================
+        handleActionReplyDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-reply', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-reply-datatable').modal({ show: false });
+
+            $('#modal-reply-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                var html = '<form class="form-horizontal">' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">ID :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<p class="form-control-static">' + $('<div/>').text(data[1]).html() + ' ('+$('<div/>').text(data[3]).html()+')</p>'+
+                    '</div>' +
+                    '</div>' +
+                    '<div class="form-group">' +
+                    '<label class="col-sm-3 control-label">Messages :</label>' +
+                    '<div class="col-sm-9">' +
+                    '<textarea class="form-control" rows="3"></textarea>' +
+                    '</div>' +
+                    '</div>' +
+                    '</form>';
+
+                $('.row-name', $dlg).html(data[1]);
+
+                $('.modal-body', $dlg).html(html);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-reply-datatable').data('btn', elBtn);
+                $('#modal-reply-datatable').modal('show');
+            }
+        },
+
+        // =========================================================================
+        // ACTION DELETE ROW DATATABLES
+        // =========================================================================
+        handleActionDeleteDatatable: function () {
+            $('#datatable-sample').on('click', '.btn-delete', function(){
+                showModalDialog(this);
+            });
+
+            $('#modal-delete-datatable').modal({ show: false });
+
+            $('#modal-delete-datatable').on('show.bs.modal', function (e){
+                var $dlg = $(this);
+
+                var $tr    = $($dlg.data('btn')).closest('tr');
+                var $table = $($dlg.data('btn')).closest('table');
+                var data = $table.DataTable().row($tr).data();
+
+                $('.row-name', $dlg).html(data[1]);
+            });
+
+            function showModalDialog(elBtn){
+                $('#modal-delete-datatable').data('btn', elBtn);
+                $('#modal-delete-datatable').modal('show');
+            }
+        },
+
+        handleNotificationDatatable: function (e) {
+            // Call notification state
+            var unique_id = $.gritter.add({
+                // (string | mandatory) the heading of the notification
+                title: e,
+                // (string | mandatory) the text inside the notification
+                text: 'Success changed!',
+                // (string | optional) the image to display on the left
+                image: BlankonApp.handleBaseURL()+'/assets/global/img/icon/64/check.png',
+                // (bool | optional) if you want it to fade out on its own or just sit there
+                sticky: false,
+                // (int | optional) the time you want it to be alive for before fading out
+                time: '',
+                class_name: 'gritter-position'
+            });
+
+            // You can have it return a unique id, this can be used to manually remove it later using
+            setTimeout(function () {
+                $.gritter.remove(unique_id, {
+                    fade: true,
+                    speed: 'slow'
+                });
+            }, 1000);
+        },
+
+        // =========================================================================
+        // DATATABLE COLORS
+        // =========================================================================
+        handleDatatableColors: function () {
+            $('.dropdown-table-colors .dropdown-list').on('click', function () {
+                if($('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').length){
+                    $('.table-default, .table-primary, .table-danger, .table-success, .table-info, .table-warning, .table-lilac, .table-inverse').removeClass();
+                }
+                $('#datatable-sample').addClass('table table-middle table-striped table-bordered table-condensed dataTable table-'+$(this).data('color'));
+
+                // Call notifications
+                BlankonProjectManagementTicket.handleNotificationDatatable('Table color '+$(this).data('color'));
+            });
+        }
+
+    };
+
+}();
+
+// Call main app init
+BlankonProjectManagementTicket.init();
\ No newline at end of file
diff --git a/vendor/javascripts/skycons.js b/vendor/javascripts/skycons.js
new file mode 100755
index 0000000..f8f3e44
--- /dev/null
+++ b/vendor/javascripts/skycons.js
@@ -0,0 +1,730 @@
+(function(global) {
+  "use strict";
+
+  /* Set up a RequestAnimationFrame shim so we can animate efficiently FOR
+   * GREAT JUSTICE. */
+  var requestInterval, cancelInterval;
+
+  (function() {
+    var raf = global.requestAnimationFrame       ||
+              global.webkitRequestAnimationFrame ||
+              global.mozRequestAnimationFrame    ||
+              global.oRequestAnimationFrame      ||
+              global.msRequestAnimationFrame     ,
+        caf = global.cancelAnimationFrame        ||
+              global.webkitCancelAnimationFrame  ||
+              global.mozCancelAnimationFrame     ||
+              global.oCancelAnimationFrame       ||
+              global.msCancelAnimationFrame      ;
+
+    if(raf && caf) {
+      requestInterval = function(fn, delay) {
+        var handle = {value: null};
+
+        function loop() {
+          handle.value = raf(loop);
+          fn();
+        }
+
+        loop();
+        return handle;
+      };
+
+      cancelInterval = function(handle) {
+        caf(handle.value);
+      };
+    }
+
+    else {
+      requestInterval = setInterval;
+      cancelInterval = clearInterval;
+    }
+  }());
+
+  /* Catmull-rom spline stuffs. */
+  /*
+  function upsample(n, spline) {
+    var polyline = [],
+        len = spline.length,
+        bx  = spline[0],
+        by  = spline[1],
+        cx  = spline[2],
+        cy  = spline[3],
+        dx  = spline[4],
+        dy  = spline[5],
+        i, j, ax, ay, px, qx, rx, sx, py, qy, ry, sy, t;
+
+    for(i = 6; i !== spline.length; i += 2) {
+      ax = bx;
+      bx = cx;
+      cx = dx;
+      dx = spline[i    ];
+      px = -0.5 * ax + 1.5 * bx - 1.5 * cx + 0.5 * dx;
+      qx =        ax - 2.5 * bx + 2.0 * cx - 0.5 * dx;
+      rx = -0.5 * ax            + 0.5 * cx           ;
+      sx =                   bx                      ;
+
+      ay = by;
+      by = cy;
+      cy = dy;
+      dy = spline[i + 1];
+      py = -0.5 * ay + 1.5 * by - 1.5 * cy + 0.5 * dy;
+      qy =        ay - 2.5 * by + 2.0 * cy - 0.5 * dy;
+      ry = -0.5 * ay            + 0.5 * cy           ;
+      sy =                   by                      ;
+
+      for(j = 0; j !== n; ++j) {
+        t = j / n;
+
+        polyline.push(
+          ((px * t + qx) * t + rx) * t + sx,
+          ((py * t + qy) * t + ry) * t + sy
+        );
+      }
+    }
+
+    polyline.push(
+      px + qx + rx + sx,
+      py + qy + ry + sy
+    );
+
+    return polyline;
+  }
+
+  function downsample(n, polyline) {
+    var len = 0,
+        i, dx, dy;
+
+    for(i = 2; i !== polyline.length; i += 2) {
+      dx = polyline[i    ] - polyline[i - 2];
+      dy = polyline[i + 1] - polyline[i - 1];
+      len += Math.sqrt(dx * dx + dy * dy);
+    }
+
+    len /= n;
+
+    var small = [],
+        target = len,
+        min = 0,
+        max, t;
+
+    small.push(polyline[0], polyline[1]);
+
+    for(i = 2; i !== polyline.length; i += 2) {
+      dx = polyline[i    ] - polyline[i - 2];
+      dy = polyline[i + 1] - polyline[i - 1];
+      max = min + Math.sqrt(dx * dx + dy * dy);
+
+      if(max > target) {
+        t = (target - min) / (max - min);
+
+        small.push(
+          polyline[i - 2] + dx * t,
+          polyline[i - 1] + dy * t
+        );
+
+        target += len;
+      }
+
+      min = max;
+    }
+
+    small.push(polyline[polyline.length - 2], polyline[polyline.length - 1]);
+
+    return small;
+  }
+  */
+
+  /* Define skycon things. */
+  /* FIXME: I'm *really really* sorry that this code is so gross. Really, I am.
+   * I'll try to clean it up eventually! Promise! */
+  var KEYFRAME = 500,
+      STROKE = 0.08,
+      TAU = 2.0 * Math.PI,
+      TWO_OVER_SQRT_2 = 2.0 / Math.sqrt(2);
+
+  function circle(ctx, x, y, r) {
+    ctx.beginPath();
+    ctx.arc(x, y, r, 0, TAU, false);
+    ctx.fill();
+  }
+
+  function line(ctx, ax, ay, bx, by) {
+    ctx.beginPath();
+    ctx.moveTo(ax, ay);
+    ctx.lineTo(bx, by);
+    ctx.stroke();
+  }
+
+  function puff(ctx, t, cx, cy, rx, ry, rmin, rmax) {
+    var c = Math.cos(t * TAU),
+        s = Math.sin(t * TAU);
+
+    rmax -= rmin;
+
+    circle(
+      ctx,
+      cx - s * rx,
+      cy + c * ry + rmax * 0.5,
+      rmin + (1 - c * 0.5) * rmax
+    );
+  }
+
+  function puffs(ctx, t, cx, cy, rx, ry, rmin, rmax) {
+    var i;
+
+    for(i = 5; i--; )
+      puff(ctx, t + i / 5, cx, cy, rx, ry, rmin, rmax);
+  }
+
+  function cloud(ctx, t, cx, cy, cw, s, color) {
+    t /= 30000;
+
+    var a = cw * 0.21,
+        b = cw * 0.12,
+        c = cw * 0.24,
+        d = cw * 0.28;
+
+    ctx.fillStyle = color;
+    puffs(ctx, t, cx, cy, a, b, c, d);
+
+    ctx.globalCompositeOperation = 'destination-out';
+    puffs(ctx, t, cx, cy, a, b, c - s, d - s);
+    ctx.globalCompositeOperation = 'source-over';
+  }
+
+  function sun(ctx, t, cx, cy, cw, s, color) {
+    t /= 120000;
+
+    var a = cw * 0.25 - s * 0.5,
+        b = cw * 0.32 + s * 0.5,
+        c = cw * 0.50 - s * 0.5,
+        i, p, cos, sin;
+
+    ctx.strokeStyle = color;
+    ctx.lineWidth = s;
+    ctx.lineCap = "round";
+    ctx.lineJoin = "round";
+
+    ctx.beginPath();
+    ctx.arc(cx, cy, a, 0, TAU, false);
+    ctx.stroke();
+
+    for(i = 8; i--; ) {
+      p = (t + i / 8) * TAU;
+      cos = Math.cos(p);
+      sin = Math.sin(p);
+      line(ctx, cx + cos * b, cy + sin * b, cx + cos * c, cy + sin * c);
+    }
+  }
+
+  function moon(ctx, t, cx, cy, cw, s, color) {
+    t /= 15000;
+
+    var a = cw * 0.29 - s * 0.5,
+        b = cw * 0.05,
+        c = Math.cos(t * TAU),
+        p = c * TAU / -16;
+
+    ctx.strokeStyle = color;
+    ctx.lineWidth = s;
+    ctx.lineCap = "round";
+    ctx.lineJoin = "round";
+
+    cx += c * b;
+
+    ctx.beginPath();
+    ctx.arc(cx, cy, a, p + TAU / 8, p + TAU * 7 / 8, false);
+    ctx.arc(cx + Math.cos(p) * a * TWO_OVER_SQRT_2, cy + Math.sin(p) * a * TWO_OVER_SQRT_2, a, p + TAU * 5 / 8, p + TAU * 3 / 8, true);
+    ctx.closePath();
+    ctx.stroke();
+  }
+
+  function rain(ctx, t, cx, cy, cw, s, color) {
+    t /= 1350;
+
+    var a = cw * 0.16,
+        b = TAU * 11 / 12,
+        c = TAU *  7 / 12,
+        i, p, x, y;
+
+    ctx.fillStyle = color;
+
+    for(i = 4; i--; ) {
+      p = (t + i / 4) % 1;
+      x = cx + ((i - 1.5) / 1.5) * (i === 1 || i === 2 ? -1 : 1) * a;
+      y = cy + p * p * cw;
+      ctx.beginPath();
+      ctx.moveTo(x, y - s * 1.5);
+      ctx.arc(x, y, s * 0.75, b, c, false);
+      ctx.fill();
+    }
+  }
+
+  function sleet(ctx, t, cx, cy, cw, s, color) {
+    t /= 750;
+
+    var a = cw * 0.1875,
+        b = TAU * 11 / 12,
+        c = TAU *  7 / 12,
+        i, p, x, y;
+
+    ctx.strokeStyle = color;
+    ctx.lineWidth = s * 0.5;
+    ctx.lineCap = "round";
+    ctx.lineJoin = "round";
+
+    for(i = 4; i--; ) {
+      p = (t + i / 4) % 1;
+      x = Math.floor(cx + ((i - 1.5) / 1.5) * (i === 1 || i === 2 ? -1 : 1) * a) + 0.5;
+      y = cy + p * cw;
+      line(ctx, x, y - s * 1.5, x, y + s * 1.5);
+    }
+  }
+
+  function snow(ctx, t, cx, cy, cw, s, color) {
+    t /= 3000;
+
+    var a  = cw * 0.16,
+        b  = s * 0.75,
+        u  = t * TAU * 0.7,
+        ux = Math.cos(u) * b,
+        uy = Math.sin(u) * b,
+        v  = u + TAU / 3,
+        vx = Math.cos(v) * b,
+        vy = Math.sin(v) * b,
+        w  = u + TAU * 2 / 3,
+        wx = Math.cos(w) * b,
+        wy = Math.sin(w) * b,
+        i, p, x, y;
+
+    ctx.strokeStyle = color;
+    ctx.lineWidth = s * 0.5;
+    ctx.lineCap = "round";
+    ctx.lineJoin = "round";
+
+    for(i = 4; i--; ) {
+      p = (t + i / 4) % 1;
+      x = cx + Math.sin((p + i / 4) * TAU) * a;
+      y = cy + p * cw;
+
+      line(ctx, x - ux, y - uy, x + ux, y + uy);
+      line(ctx, x - vx, y - vy, x + vx, y + vy);
+      line(ctx, x - wx, y - wy, x + wx, y + wy);
+    }
+  }
+
+  function fogbank(ctx, t, cx, cy, cw, s, color) {
+    t /= 30000;
+
+    var a = cw * 0.21,
+        b = cw * 0.06,
+        c = cw * 0.21,
+        d = cw * 0.28;
+
+    ctx.fillStyle = color;
+    puffs(ctx, t, cx, cy, a, b, c, d);
+
+    ctx.globalCompositeOperation = 'destination-out';
+    puffs(ctx, t, cx, cy, a, b, c - s, d - s);
+    ctx.globalCompositeOperation = 'source-over';
+  }
+
+  /*
+  var WIND_PATHS = [
+        downsample(63, upsample(8, [
+          -1.00, -0.28,
+          -0.75, -0.18,
+          -0.50,  0.12,
+          -0.20,  0.12,
+          -0.04, -0.04,
+          -0.07, -0.18,
+          -0.19, -0.18,
+          -0.23, -0.05,
+          -0.12,  0.11,
+           0.02,  0.16,
+           0.20,  0.15,
+           0.50,  0.07,
+           0.75,  0.18,
+           1.00,  0.28
+        ])),
+        downsample(31, upsample(16, [
+          -1.00, -0.10,
+          -0.75,  0.00,
+          -0.50,  0.10,
+          -0.25,  0.14,
+           0.00,  0.10,
+           0.25,  0.00,
+           0.50, -0.10,
+           0.75, -0.14,
+           1.00, -0.10
+        ]))
+      ];
+  */
+
+  var WIND_PATHS = [
+        [
+          -0.7500, -0.1800, -0.7219, -0.1527, -0.6971, -0.1225,
+          -0.6739, -0.0910, -0.6516, -0.0588, -0.6298, -0.0262,
+          -0.6083,  0.0065, -0.5868,  0.0396, -0.5643,  0.0731,
+          -0.5372,  0.1041, -0.5033,  0.1259, -0.4662,  0.1406,
+          -0.4275,  0.1493, -0.3881,  0.1530, -0.3487,  0.1526,
+          -0.3095,  0.1488, -0.2708,  0.1421, -0.2319,  0.1342,
+          -0.1943,  0.1217, -0.1600,  0.1025, -0.1290,  0.0785,
+          -0.1012,  0.0509, -0.0764,  0.0206, -0.0547, -0.0120,
+          -0.0378, -0.0472, -0.0324, -0.0857, -0.0389, -0.1241,
+          -0.0546, -0.1599, -0.0814, -0.1876, -0.1193, -0.1964,
+          -0.1582, -0.1935, -0.1931, -0.1769, -0.2157, -0.1453,
+          -0.2290, -0.1085, -0.2327, -0.0697, -0.2240, -0.0317,
+          -0.2064,  0.0033, -0.1853,  0.0362, -0.1613,  0.0672,
+          -0.1350,  0.0961, -0.1051,  0.1213, -0.0706,  0.1397,
+          -0.0332,  0.1512,  0.0053,  0.1580,  0.0442,  0.1624,
+           0.0833,  0.1636,  0.1224,  0.1615,  0.1613,  0.1565,
+           0.1999,  0.1500,  0.2378,  0.1402,  0.2749,  0.1279,
+           0.3118,  0.1147,  0.3487,  0.1015,  0.3858,  0.0892,
+           0.4236,  0.0787,  0.4621,  0.0715,  0.5012,  0.0702,
+           0.5398,  0.0766,  0.5768,  0.0890,  0.6123,  0.1055,
+           0.6466,  0.1244,  0.6805,  0.1440,  0.7147,  0.1630,
+           0.7500,  0.1800
+        ],
+        [
+          -0.7500,  0.0000, -0.7033,  0.0195, -0.6569,  0.0399,
+          -0.6104,  0.0600, -0.5634,  0.0789, -0.5155,  0.0954,
+          -0.4667,  0.1089, -0.4174,  0.1206, -0.3676,  0.1299,
+          -0.3174,  0.1365, -0.2669,  0.1398, -0.2162,  0.1391,
+          -0.1658,  0.1347, -0.1157,  0.1271, -0.0661,  0.1169,
+          -0.0170,  0.1046,  0.0316,  0.0903,  0.0791,  0.0728,
+           0.1259,  0.0534,  0.1723,  0.0331,  0.2188,  0.0129,
+           0.2656, -0.0064,  0.3122, -0.0263,  0.3586, -0.0466,
+           0.4052, -0.0665,  0.4525, -0.0847,  0.5007, -0.1002,
+           0.5497, -0.1130,  0.5991, -0.1240,  0.6491, -0.1325,
+           0.6994, -0.1380,  0.7500, -0.1400
+        ]
+      ],
+      WIND_OFFSETS = [
+        {start: 0.36, end: 0.11},
+        {start: 0.56, end: 0.16}
+      ];
+
+  function leaf(ctx, t, x, y, cw, s, color) {
+    var a = cw / 8,
+        b = a / 3,
+        c = 2 * b,
+        d = (t % 1) * TAU,
+        e = Math.cos(d),
+        f = Math.sin(d);
+
+    ctx.fillStyle = color;
+    ctx.strokeStyle = color;
+    ctx.lineWidth = s;
+    ctx.lineCap = "round";
+    ctx.lineJoin = "round";
+
+    ctx.beginPath();
+    ctx.arc(x        , y        , a, d          , d + Math.PI, false);
+    ctx.arc(x - b * e, y - b * f, c, d + Math.PI, d          , false);
+    ctx.arc(x + c * e, y + c * f, b, d + Math.PI, d          , true );
+    ctx.globalCompositeOperation = 'destination-out';
+    ctx.fill();
+    ctx.globalCompositeOperation = 'source-over';
+    ctx.stroke();
+  }
+
+  function swoosh(ctx, t, cx, cy, cw, s, index, total, color) {
+    t /= 2500;
+
+    var path = WIND_PATHS[index],
+        a = (t + index - WIND_OFFSETS[index].start) % total,
+        c = (t + index - WIND_OFFSETS[index].end  ) % total,
+        e = (t + index                            ) % total,
+        b, d, f, i;
+
+    ctx.strokeStyle = color;
+    ctx.lineWidth = s;
+    ctx.lineCap = "round";
+    ctx.lineJoin = "round";
+
+    if(a < 1) {
+      ctx.beginPath();
+
+      a *= path.length / 2 - 1;
+      b  = Math.floor(a);
+      a -= b;
+      b *= 2;
+      b += 2;
+
+      ctx.moveTo(
+        cx + (path[b - 2] * (1 - a) + path[b    ] * a) * cw,
+        cy + (path[b - 1] * (1 - a) + path[b + 1] * a) * cw
+      );
+
+      if(c < 1) {
+        c *= path.length / 2 - 1;
+        d  = Math.floor(c);
+        c -= d;
+        d *= 2;
+        d += 2;
+
+        for(i = b; i !== d; i += 2)
+          ctx.lineTo(cx + path[i] * cw, cy + path[i + 1] * cw);
+
+        ctx.lineTo(
+          cx + (path[d - 2] * (1 - c) + path[d    ] * c) * cw,
+          cy + (path[d - 1] * (1 - c) + path[d + 1] * c) * cw
+        );
+      }
+
+      else
+        for(i = b; i !== path.length; i += 2)
+          ctx.lineTo(cx + path[i] * cw, cy + path[i + 1] * cw);
+
+      ctx.stroke();
+    }
+
+    else if(c < 1) {
+      ctx.beginPath();
+
+      c *= path.length / 2 - 1;
+      d  = Math.floor(c);
+      c -= d;
+      d *= 2;
+      d += 2;
+
+      ctx.moveTo(cx + path[0] * cw, cy + path[1] * cw);
+
+      for(i = 2; i !== d; i += 2)
+        ctx.lineTo(cx + path[i] * cw, cy + path[i + 1] * cw);
+
+      ctx.lineTo(
+        cx + (path[d - 2] * (1 - c) + path[d    ] * c) * cw,
+        cy + (path[d - 1] * (1 - c) + path[d + 1] * c) * cw
+      );
+
+      ctx.stroke();
+    }
+
+    if(e < 1) {
+      e *= path.length / 2 - 1;
+      f  = Math.floor(e);
+      e -= f;
+      f *= 2;
+      f += 2;
+
+      leaf(
+        ctx,
+        t,
+        cx + (path[f - 2] * (1 - e) + path[f    ] * e) * cw,
+        cy + (path[f - 1] * (1 - e) + path[f + 1] * e) * cw,
+        cw,
+        s,
+        color
+      );
+    }
+  }
+
+  var Skycons = function(opts) {
+        this.list        = [];
+        this.interval    = null;
+        this.color       = opts && opts.color ? opts.color : "black";
+        this.resizeClear = !!(opts && opts.resizeClear);
+      };
+
+  Skycons.CLEAR_DAY = function(ctx, t, color) {
+    var w = ctx.canvas.width,
+        h = ctx.canvas.height,
+        s = Math.min(w, h);
+
+    sun(ctx, t, w * 0.5, h * 0.5, s, s * STROKE, color);
+  };
+
+  Skycons.CLEAR_NIGHT = function(ctx, t, color) {
+    var w = ctx.canvas.width,
+        h = ctx.canvas.height,
+        s = Math.min(w, h);
+
+    moon(ctx, t, w * 0.5, h * 0.5, s, s * STROKE, color);
+  };
+
+  Skycons.PARTLY_CLOUDY_DAY = function(ctx, t, color) {
+    var w = ctx.canvas.width,
+        h = ctx.canvas.height,
+        s = Math.min(w, h);
+
+    sun(ctx, t, w * 0.625, h * 0.375, s * 0.75, s * STROKE, color);
+    cloud(ctx, t, w * 0.375, h * 0.625, s * 0.75, s * STROKE, color);
+  };
+
+  Skycons.PARTLY_CLOUDY_NIGHT = function(ctx, t, color) {
+    var w = ctx.canvas.width,
+        h = ctx.canvas.height,
+        s = Math.min(w, h);
+
+    moon(ctx, t, w * 0.667, h * 0.375, s * 0.75, s * STROKE, color);
+    cloud(ctx, t, w * 0.375, h * 0.625, s * 0.75, s * STROKE, color);
+  };
+
+  Skycons.CLOUDY = function(ctx, t, color) {
+    var w = ctx.canvas.width,
+        h = ctx.canvas.height,
+        s = Math.min(w, h);
+
+    cloud(ctx, t, w * 0.5, h * 0.5, s, s * STROKE, color);
+  };
+
+  Skycons.RAIN = function(ctx, t, color) {
+    var w = ctx.canvas.width,
+        h = ctx.canvas.height,
+        s = Math.min(w, h);
+
+    rain(ctx, t, w * 0.5, h * 0.37, s * 0.9, s * STROKE, color);
+    cloud(ctx, t, w * 0.5, h * 0.37, s * 0.9, s * STROKE, color);
+  };
+
+  Skycons.SLEET = function(ctx, t, color) {
+    var w = ctx.canvas.width,
+        h = ctx.canvas.height,
+        s = Math.min(w, h);
+
+    sleet(ctx, t, w * 0.5, h * 0.37, s * 0.9, s * STROKE, color);
+    cloud(ctx, t, w * 0.5, h * 0.37, s * 0.9, s * STROKE, color);
+  };
+
+  Skycons.SNOW = function(ctx, t, color) {
+    var w = ctx.canvas.width,
+        h = ctx.canvas.height,
+        s = Math.min(w, h);
+
+    snow(ctx, t, w * 0.5, h * 0.37, s * 0.9, s * STROKE, color);
+    cloud(ctx, t, w * 0.5, h * 0.37, s * 0.9, s * STROKE, color);
+  };
+
+  Skycons.WIND = function(ctx, t, color) {
+    var w = ctx.canvas.width,
+        h = ctx.canvas.height,
+        s = Math.min(w, h);
+
+    swoosh(ctx, t, w * 0.5, h * 0.5, s, s * STROKE, 0, 2, color);
+    swoosh(ctx, t, w * 0.5, h * 0.5, s, s * STROKE, 1, 2, color);
+  };
+
+  Skycons.FOG = function(ctx, t, color) {
+    var w = ctx.canvas.width,
+        h = ctx.canvas.height,
+        s = Math.min(w, h),
+        k = s * STROKE;
+
+    fogbank(ctx, t, w * 0.5, h * 0.32, s * 0.75, k, color);
+
+    t /= 5000;
+
+    var a = Math.cos((t       ) * TAU) * s * 0.02,
+        b = Math.cos((t + 0.25) * TAU) * s * 0.02,
+        c = Math.cos((t + 0.50) * TAU) * s * 0.02,
+        d = Math.cos((t + 0.75) * TAU) * s * 0.02,
+        n = h * 0.936,
+        e = Math.floor(n - k * 0.5) + 0.5,
+        f = Math.floor(n - k * 2.5) + 0.5;
+
+    ctx.strokeStyle = color;
+    ctx.lineWidth = k;
+    ctx.lineCap = "round";
+    ctx.lineJoin = "round";
+
+    line(ctx, a + w * 0.2 + k * 0.5, e, b + w * 0.8 - k * 0.5, e);
+    line(ctx, c + w * 0.2 + k * 0.5, f, d + w * 0.8 - k * 0.5, f);
+  };
+
+  Skycons.prototype = {
+    _determineDrawingFunction: function(draw) {
+      if(typeof draw === "string")
+        draw = Skycons[draw.toUpperCase().replace(/-/g, "_")] || null;
+
+      return draw;
+    },
+    add: function(el, draw) {
+      var obj;
+
+      if(typeof el === "string")
+        el = document.getElementById(el);
+
+      // Does nothing if canvas name doesn't exists
+      if(el === null)
+        return;
+
+      draw = this._determineDrawingFunction(draw);
+
+      // Does nothing if the draw function isn't actually a function
+      if(typeof draw !== "function")
+        return;
+
+      obj = {
+        element: el,
+        context: el.getContext("2d"),
+        drawing: draw
+      };
+
+      this.list.push(obj);
+      this.draw(obj, KEYFRAME);
+    },
+    set: function(el, draw) {
+      var i;
+
+      if(typeof el === "string")
+        el = document.getElementById(el);
+
+      for(i = this.list.length; i--; )
+        if(this.list[i].element === el) {
+          this.list[i].drawing = this._determineDrawingFunction(draw);
+          this.draw(this.list[i], KEYFRAME);
+          return;
+        }
+
+      this.add(el, draw);
+    },
+    remove: function(el) {
+      var i;
+
+      if(typeof el === "string")
+        el = document.getElementById(el);
+
+      for(i = this.list.length; i--; )
+        if(this.list[i].element === el) {
+          this.list.splice(i, 1);
+          return;
+        }
+    },
+    draw: function(obj, time) {
+      var canvas = obj.context.canvas;
+
+      if(this.resizeClear)
+        canvas.width = canvas.width;
+
+      else
+        obj.context.clearRect(0, 0, canvas.width, canvas.height);
+
+      obj.drawing(obj.context, time, this.color);
+    },
+    play: function() {
+      var self = this;
+
+      this.pause();
+      this.interval = requestInterval(function() {
+        var now = Date.now(),
+            i;
+
+        for(i = self.list.length; i--; )
+          self.draw(self.list[i], now);
+      }, 1000 / 60);
+    },
+    pause: function() {
+      var i;
+
+      if(this.interval) {
+        cancelInterval(this.interval);
+        this.interval = null;
+      }
+    }
+  };
+
+  global.Skycons = Skycons;
+}(this));
diff --git a/vendor/javascripts/sounds/beer_can_opening.aac b/vendor/javascripts/sounds/beer_can_opening.aac
new file mode 100755
index 0000000..93a28d0
Binary files /dev/null and b/vendor/javascripts/sounds/beer_can_opening.aac differ
diff --git a/vendor/javascripts/sounds/beer_can_opening.mp3 b/vendor/javascripts/sounds/beer_can_opening.mp3
new file mode 100755
index 0000000..0b3973a
Binary files /dev/null and b/vendor/javascripts/sounds/beer_can_opening.mp3 differ
diff --git a/vendor/javascripts/sounds/beer_can_opening.ogg b/vendor/javascripts/sounds/beer_can_opening.ogg
new file mode 100755
index 0000000..efa8723
Binary files /dev/null and b/vendor/javascripts/sounds/beer_can_opening.ogg differ
diff --git a/vendor/javascripts/sounds/bell_ring.aac b/vendor/javascripts/sounds/bell_ring.aac
new file mode 100755
index 0000000..05dbe8f
Binary files /dev/null and b/vendor/javascripts/sounds/bell_ring.aac differ
diff --git a/vendor/javascripts/sounds/bell_ring.mp3 b/vendor/javascripts/sounds/bell_ring.mp3
new file mode 100755
index 0000000..f661881
Binary files /dev/null and b/vendor/javascripts/sounds/bell_ring.mp3 differ
diff --git a/vendor/javascripts/sounds/bell_ring.ogg b/vendor/javascripts/sounds/bell_ring.ogg
new file mode 100755
index 0000000..9ac9876
Binary files /dev/null and b/vendor/javascripts/sounds/bell_ring.ogg differ
diff --git a/vendor/javascripts/sounds/branch_break.aac b/vendor/javascripts/sounds/branch_break.aac
new file mode 100755
index 0000000..e964799
Binary files /dev/null and b/vendor/javascripts/sounds/branch_break.aac differ
diff --git a/vendor/javascripts/sounds/branch_break.mp3 b/vendor/javascripts/sounds/branch_break.mp3
new file mode 100755
index 0000000..ab20943
Binary files /dev/null and b/vendor/javascripts/sounds/branch_break.mp3 differ
diff --git a/vendor/javascripts/sounds/branch_break.ogg b/vendor/javascripts/sounds/branch_break.ogg
new file mode 100755
index 0000000..7ddc629
Binary files /dev/null and b/vendor/javascripts/sounds/branch_break.ogg differ
diff --git a/vendor/javascripts/sounds/button_click.aac b/vendor/javascripts/sounds/button_click.aac
new file mode 100755
index 0000000..d3d7bbd
Binary files /dev/null and b/vendor/javascripts/sounds/button_click.aac differ
diff --git a/vendor/javascripts/sounds/button_click.mp3 b/vendor/javascripts/sounds/button_click.mp3
new file mode 100755
index 0000000..5e6bb63
Binary files /dev/null and b/vendor/javascripts/sounds/button_click.mp3 differ
diff --git a/vendor/javascripts/sounds/button_click.ogg b/vendor/javascripts/sounds/button_click.ogg
new file mode 100755
index 0000000..acd9d7a
Binary files /dev/null and b/vendor/javascripts/sounds/button_click.ogg differ
diff --git a/vendor/javascripts/sounds/button_click_on.aac b/vendor/javascripts/sounds/button_click_on.aac
new file mode 100755
index 0000000..7fda0c0
Binary files /dev/null and b/vendor/javascripts/sounds/button_click_on.aac differ
diff --git a/vendor/javascripts/sounds/button_click_on.mp3 b/vendor/javascripts/sounds/button_click_on.mp3
new file mode 100755
index 0000000..af2f5b2
Binary files /dev/null and b/vendor/javascripts/sounds/button_click_on.mp3 differ
diff --git a/vendor/javascripts/sounds/button_click_on.ogg b/vendor/javascripts/sounds/button_click_on.ogg
new file mode 100755
index 0000000..8f46c6c
Binary files /dev/null and b/vendor/javascripts/sounds/button_click_on.ogg differ
diff --git a/vendor/javascripts/sounds/button_push.aac b/vendor/javascripts/sounds/button_push.aac
new file mode 100755
index 0000000..7b802f8
Binary files /dev/null and b/vendor/javascripts/sounds/button_push.aac differ
diff --git a/vendor/javascripts/sounds/button_push.mp3 b/vendor/javascripts/sounds/button_push.mp3
new file mode 100755
index 0000000..6cb4f7c
Binary files /dev/null and b/vendor/javascripts/sounds/button_push.mp3 differ
diff --git a/vendor/javascripts/sounds/button_push.ogg b/vendor/javascripts/sounds/button_push.ogg
new file mode 100755
index 0000000..38ed0b8
Binary files /dev/null and b/vendor/javascripts/sounds/button_push.ogg differ
diff --git a/vendor/javascripts/sounds/button_tiny.aac b/vendor/javascripts/sounds/button_tiny.aac
new file mode 100755
index 0000000..0934ea7
Binary files /dev/null and b/vendor/javascripts/sounds/button_tiny.aac differ
diff --git a/vendor/javascripts/sounds/button_tiny.mp3 b/vendor/javascripts/sounds/button_tiny.mp3
new file mode 100755
index 0000000..db99495
Binary files /dev/null and b/vendor/javascripts/sounds/button_tiny.mp3 differ
diff --git a/vendor/javascripts/sounds/button_tiny.ogg b/vendor/javascripts/sounds/button_tiny.ogg
new file mode 100755
index 0000000..b4910bc
Binary files /dev/null and b/vendor/javascripts/sounds/button_tiny.ogg differ
diff --git a/vendor/javascripts/sounds/camera_flashing.aac b/vendor/javascripts/sounds/camera_flashing.aac
new file mode 100755
index 0000000..9b67d9b
Binary files /dev/null and b/vendor/javascripts/sounds/camera_flashing.aac differ
diff --git a/vendor/javascripts/sounds/camera_flashing.mp3 b/vendor/javascripts/sounds/camera_flashing.mp3
new file mode 100755
index 0000000..edf02fb
Binary files /dev/null and b/vendor/javascripts/sounds/camera_flashing.mp3 differ
diff --git a/vendor/javascripts/sounds/camera_flashing.ogg b/vendor/javascripts/sounds/camera_flashing.ogg
new file mode 100755
index 0000000..615b7a2
Binary files /dev/null and b/vendor/javascripts/sounds/camera_flashing.ogg differ
diff --git a/vendor/javascripts/sounds/camera_flashing_2.aac b/vendor/javascripts/sounds/camera_flashing_2.aac
new file mode 100755
index 0000000..31345d4
Binary files /dev/null and b/vendor/javascripts/sounds/camera_flashing_2.aac differ
diff --git a/vendor/javascripts/sounds/camera_flashing_2.mp3 b/vendor/javascripts/sounds/camera_flashing_2.mp3
new file mode 100755
index 0000000..17cd7ab
Binary files /dev/null and b/vendor/javascripts/sounds/camera_flashing_2.mp3 differ
diff --git a/vendor/javascripts/sounds/camera_flashing_2.ogg b/vendor/javascripts/sounds/camera_flashing_2.ogg
new file mode 100755
index 0000000..0bf1328
Binary files /dev/null and b/vendor/javascripts/sounds/camera_flashing_2.ogg differ
diff --git a/vendor/javascripts/sounds/cd_tray.aac b/vendor/javascripts/sounds/cd_tray.aac
new file mode 100755
index 0000000..b13094b
Binary files /dev/null and b/vendor/javascripts/sounds/cd_tray.aac differ
diff --git a/vendor/javascripts/sounds/cd_tray.mp3 b/vendor/javascripts/sounds/cd_tray.mp3
new file mode 100755
index 0000000..d872331
Binary files /dev/null and b/vendor/javascripts/sounds/cd_tray.mp3 differ
diff --git a/vendor/javascripts/sounds/cd_tray.ogg b/vendor/javascripts/sounds/cd_tray.ogg
new file mode 100755
index 0000000..d91b190
Binary files /dev/null and b/vendor/javascripts/sounds/cd_tray.ogg differ
diff --git a/vendor/javascripts/sounds/computer_error.aac b/vendor/javascripts/sounds/computer_error.aac
new file mode 100755
index 0000000..8e4abd2
Binary files /dev/null and b/vendor/javascripts/sounds/computer_error.aac differ
diff --git a/vendor/javascripts/sounds/computer_error.mp3 b/vendor/javascripts/sounds/computer_error.mp3
new file mode 100755
index 0000000..17a3a53
Binary files /dev/null and b/vendor/javascripts/sounds/computer_error.mp3 differ
diff --git a/vendor/javascripts/sounds/computer_error.ogg b/vendor/javascripts/sounds/computer_error.ogg
new file mode 100755
index 0000000..e864dfa
Binary files /dev/null and b/vendor/javascripts/sounds/computer_error.ogg differ
diff --git a/vendor/javascripts/sounds/door_bell.aac b/vendor/javascripts/sounds/door_bell.aac
new file mode 100755
index 0000000..926eca1
Binary files /dev/null and b/vendor/javascripts/sounds/door_bell.aac differ
diff --git a/vendor/javascripts/sounds/door_bell.mp3 b/vendor/javascripts/sounds/door_bell.mp3
new file mode 100755
index 0000000..d01d599
Binary files /dev/null and b/vendor/javascripts/sounds/door_bell.mp3 differ
diff --git a/vendor/javascripts/sounds/door_bell.ogg b/vendor/javascripts/sounds/door_bell.ogg
new file mode 100755
index 0000000..9f94b2c
Binary files /dev/null and b/vendor/javascripts/sounds/door_bell.ogg differ
diff --git a/vendor/javascripts/sounds/door_bump.aac b/vendor/javascripts/sounds/door_bump.aac
new file mode 100755
index 0000000..ed41bbb
Binary files /dev/null and b/vendor/javascripts/sounds/door_bump.aac differ
diff --git a/vendor/javascripts/sounds/door_bump.mp3 b/vendor/javascripts/sounds/door_bump.mp3
new file mode 100755
index 0000000..5aca04e
Binary files /dev/null and b/vendor/javascripts/sounds/door_bump.mp3 differ
diff --git a/vendor/javascripts/sounds/door_bump.ogg b/vendor/javascripts/sounds/door_bump.ogg
new file mode 100755
index 0000000..21801df
Binary files /dev/null and b/vendor/javascripts/sounds/door_bump.ogg differ
diff --git a/vendor/javascripts/sounds/glass.aac b/vendor/javascripts/sounds/glass.aac
new file mode 100755
index 0000000..f93060f
Binary files /dev/null and b/vendor/javascripts/sounds/glass.aac differ
diff --git a/vendor/javascripts/sounds/glass.mp3 b/vendor/javascripts/sounds/glass.mp3
new file mode 100755
index 0000000..e195690
Binary files /dev/null and b/vendor/javascripts/sounds/glass.mp3 differ
diff --git a/vendor/javascripts/sounds/glass.ogg b/vendor/javascripts/sounds/glass.ogg
new file mode 100755
index 0000000..9dabb83
Binary files /dev/null and b/vendor/javascripts/sounds/glass.ogg differ
diff --git a/vendor/javascripts/sounds/keyboard_desk.aac b/vendor/javascripts/sounds/keyboard_desk.aac
new file mode 100755
index 0000000..372acdc
Binary files /dev/null and b/vendor/javascripts/sounds/keyboard_desk.aac differ
diff --git a/vendor/javascripts/sounds/keyboard_desk.mp3 b/vendor/javascripts/sounds/keyboard_desk.mp3
new file mode 100755
index 0000000..6bf2827
Binary files /dev/null and b/vendor/javascripts/sounds/keyboard_desk.mp3 differ
diff --git a/vendor/javascripts/sounds/keyboard_desk.ogg b/vendor/javascripts/sounds/keyboard_desk.ogg
new file mode 100755
index 0000000..82bcac1
Binary files /dev/null and b/vendor/javascripts/sounds/keyboard_desk.ogg differ
diff --git a/vendor/javascripts/sounds/light_bulb_breaking.aac b/vendor/javascripts/sounds/light_bulb_breaking.aac
new file mode 100755
index 0000000..686fafc
Binary files /dev/null and b/vendor/javascripts/sounds/light_bulb_breaking.aac differ
diff --git a/vendor/javascripts/sounds/light_bulb_breaking.mp3 b/vendor/javascripts/sounds/light_bulb_breaking.mp3
new file mode 100755
index 0000000..7e22778
Binary files /dev/null and b/vendor/javascripts/sounds/light_bulb_breaking.mp3 differ
diff --git a/vendor/javascripts/sounds/light_bulb_breaking.ogg b/vendor/javascripts/sounds/light_bulb_breaking.ogg
new file mode 100755
index 0000000..9e1a092
Binary files /dev/null and b/vendor/javascripts/sounds/light_bulb_breaking.ogg differ
diff --git a/vendor/javascripts/sounds/metal_plate.aac b/vendor/javascripts/sounds/metal_plate.aac
new file mode 100755
index 0000000..9674573
Binary files /dev/null and b/vendor/javascripts/sounds/metal_plate.aac differ
diff --git a/vendor/javascripts/sounds/metal_plate.mp3 b/vendor/javascripts/sounds/metal_plate.mp3
new file mode 100755
index 0000000..d406d4a
Binary files /dev/null and b/vendor/javascripts/sounds/metal_plate.mp3 differ
diff --git a/vendor/javascripts/sounds/metal_plate.ogg b/vendor/javascripts/sounds/metal_plate.ogg
new file mode 100755
index 0000000..de0b1e8
Binary files /dev/null and b/vendor/javascripts/sounds/metal_plate.ogg differ
diff --git a/vendor/javascripts/sounds/metal_plate_2.aac b/vendor/javascripts/sounds/metal_plate_2.aac
new file mode 100755
index 0000000..3b36c8a
Binary files /dev/null and b/vendor/javascripts/sounds/metal_plate_2.aac differ
diff --git a/vendor/javascripts/sounds/metal_plate_2.mp3 b/vendor/javascripts/sounds/metal_plate_2.mp3
new file mode 100755
index 0000000..eb8bd7b
Binary files /dev/null and b/vendor/javascripts/sounds/metal_plate_2.mp3 differ
diff --git a/vendor/javascripts/sounds/metal_plate_2.ogg b/vendor/javascripts/sounds/metal_plate_2.ogg
new file mode 100755
index 0000000..af383f6
Binary files /dev/null and b/vendor/javascripts/sounds/metal_plate_2.ogg differ
diff --git a/vendor/javascripts/sounds/pop_cork.aac b/vendor/javascripts/sounds/pop_cork.aac
new file mode 100755
index 0000000..dfdb94d
Binary files /dev/null and b/vendor/javascripts/sounds/pop_cork.aac differ
diff --git a/vendor/javascripts/sounds/pop_cork.mp3 b/vendor/javascripts/sounds/pop_cork.mp3
new file mode 100755
index 0000000..716643b
Binary files /dev/null and b/vendor/javascripts/sounds/pop_cork.mp3 differ
diff --git a/vendor/javascripts/sounds/pop_cork.ogg b/vendor/javascripts/sounds/pop_cork.ogg
new file mode 100755
index 0000000..0fcb1ee
Binary files /dev/null and b/vendor/javascripts/sounds/pop_cork.ogg differ
diff --git a/vendor/javascripts/sounds/snap.aac b/vendor/javascripts/sounds/snap.aac
new file mode 100755
index 0000000..033d29b
Binary files /dev/null and b/vendor/javascripts/sounds/snap.aac differ
diff --git a/vendor/javascripts/sounds/snap.mp3 b/vendor/javascripts/sounds/snap.mp3
new file mode 100755
index 0000000..8a00468
Binary files /dev/null and b/vendor/javascripts/sounds/snap.mp3 differ
diff --git a/vendor/javascripts/sounds/snap.ogg b/vendor/javascripts/sounds/snap.ogg
new file mode 100755
index 0000000..ecd81e7
Binary files /dev/null and b/vendor/javascripts/sounds/snap.ogg differ
diff --git a/vendor/javascripts/sounds/staple_gun.aac b/vendor/javascripts/sounds/staple_gun.aac
new file mode 100755
index 0000000..a68a5a2
Binary files /dev/null and b/vendor/javascripts/sounds/staple_gun.aac differ
diff --git a/vendor/javascripts/sounds/staple_gun.mp3 b/vendor/javascripts/sounds/staple_gun.mp3
new file mode 100755
index 0000000..f57358a
Binary files /dev/null and b/vendor/javascripts/sounds/staple_gun.mp3 differ
diff --git a/vendor/javascripts/sounds/staple_gun.ogg b/vendor/javascripts/sounds/staple_gun.ogg
new file mode 100755
index 0000000..1c7ed01
Binary files /dev/null and b/vendor/javascripts/sounds/staple_gun.ogg differ
diff --git a/vendor/javascripts/sounds/tap.aac b/vendor/javascripts/sounds/tap.aac
new file mode 100755
index 0000000..0c1afff
Binary files /dev/null and b/vendor/javascripts/sounds/tap.aac differ
diff --git a/vendor/javascripts/sounds/tap.mp3 b/vendor/javascripts/sounds/tap.mp3
new file mode 100755
index 0000000..4970a1b
Binary files /dev/null and b/vendor/javascripts/sounds/tap.mp3 differ
diff --git a/vendor/javascripts/sounds/tap.ogg b/vendor/javascripts/sounds/tap.ogg
new file mode 100755
index 0000000..0306e12
Binary files /dev/null and b/vendor/javascripts/sounds/tap.ogg differ
diff --git a/vendor/javascripts/sounds/water_droplet.aac b/vendor/javascripts/sounds/water_droplet.aac
new file mode 100755
index 0000000..cbcc91d
Binary files /dev/null and b/vendor/javascripts/sounds/water_droplet.aac differ
diff --git a/vendor/javascripts/sounds/water_droplet.mp3 b/vendor/javascripts/sounds/water_droplet.mp3
new file mode 100755
index 0000000..8e6bae2
Binary files /dev/null and b/vendor/javascripts/sounds/water_droplet.mp3 differ
diff --git a/vendor/javascripts/sounds/water_droplet.ogg b/vendor/javascripts/sounds/water_droplet.ogg
new file mode 100755
index 0000000..3fb2dbf
Binary files /dev/null and b/vendor/javascripts/sounds/water_droplet.ogg differ
diff --git a/vendor/javascripts/sounds/water_droplet_2.aac b/vendor/javascripts/sounds/water_droplet_2.aac
new file mode 100755
index 0000000..8ba8c87
Binary files /dev/null and b/vendor/javascripts/sounds/water_droplet_2.aac differ
diff --git a/vendor/javascripts/sounds/water_droplet_2.mp3 b/vendor/javascripts/sounds/water_droplet_2.mp3
new file mode 100755
index 0000000..1fe6e80
Binary files /dev/null and b/vendor/javascripts/sounds/water_droplet_2.mp3 differ
diff --git a/vendor/javascripts/sounds/water_droplet_2.ogg b/vendor/javascripts/sounds/water_droplet_2.ogg
new file mode 100755
index 0000000..225e293
Binary files /dev/null and b/vendor/javascripts/sounds/water_droplet_2.ogg differ
diff --git a/vendor/javascripts/sounds/water_droplet_3.aac b/vendor/javascripts/sounds/water_droplet_3.aac
new file mode 100755
index 0000000..69e2d3b
Binary files /dev/null and b/vendor/javascripts/sounds/water_droplet_3.aac differ
diff --git a/vendor/javascripts/sounds/water_droplet_3.mp3 b/vendor/javascripts/sounds/water_droplet_3.mp3
new file mode 100755
index 0000000..450f6e1
Binary files /dev/null and b/vendor/javascripts/sounds/water_droplet_3.mp3 differ
diff --git a/vendor/javascripts/sounds/water_droplet_3.ogg b/vendor/javascripts/sounds/water_droplet_3.ogg
new file mode 100755
index 0000000..0928ef0
Binary files /dev/null and b/vendor/javascripts/sounds/water_droplet_3.ogg differ
diff --git a/vendor/javascripts/typeahead.bundle.js b/vendor/javascripts/typeahead.bundle.js
new file mode 100755
index 0000000..e7bf12c
--- /dev/null
+++ b/vendor/javascripts/typeahead.bundle.js
@@ -0,0 +1,1782 @@
+/*!
+ * typeahead.js 0.10.5
+ * https://github.com/twitter/typeahead.js
+ * Copyright 2013-2014 Twitter, Inc. and other contributors; Licensed MIT
+ */
+
+(function($) {
+    var _ = function() {
+        "use strict";
+        return {
+            isMsie: function() {
+                return /(msie|trident)/i.test(navigator.userAgent) ? navigator.userAgent.match(/(msie |rv:)(\d+(.\d+)?)/i)[2] : false;
+            },
+            isBlankString: function(str) {
+                return !str || /^\s*$/.test(str);
+            },
+            escapeRegExChars: function(str) {
+                return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+            },
+            isString: function(obj) {
+                return typeof obj === "string";
+            },
+            isNumber: function(obj) {
+                return typeof obj === "number";
+            },
+            isArray: $.isArray,
+            isFunction: $.isFunction,
+            isObject: $.isPlainObject,
+            isUndefined: function(obj) {
+                return typeof obj === "undefined";
+            },
+            toStr: function toStr(s) {
+                return _.isUndefined(s) || s === null ? "" : s + "";
+            },
+            bind: $.proxy,
+            each: function(collection, cb) {
+                $.each(collection, reverseArgs);
+                function reverseArgs(index, value) {
+                    return cb(value, index);
+                }
+            },
+            map: $.map,
+            filter: $.grep,
+            every: function(obj, test) {
+                var result = true;
+                if (!obj) {
+                    return result;
+                }
+                $.each(obj, function(key, val) {
+                    if (!(result = test.call(null, val, key, obj))) {
+                        return false;
+                    }
+                });
+                return !!result;
+            },
+            some: function(obj, test) {
+                var result = false;
+                if (!obj) {
+                    return result;
+                }
+                $.each(obj, function(key, val) {
+                    if (result = test.call(null, val, key, obj)) {
+                        return false;
+                    }
+                });
+                return !!result;
+            },
+            mixin: $.extend,
+            getUniqueId: function() {
+                var counter = 0;
+                return function() {
+                    return counter++;
+                };
+            }(),
+            templatify: function templatify(obj) {
+                return $.isFunction(obj) ? obj : template;
+                function template() {
+                    return String(obj);
+                }
+            },
+            defer: function(fn) {
+                setTimeout(fn, 0);
+            },
+            debounce: function(func, wait, immediate) {
+                var timeout, result;
+                return function() {
+                    var context = this, args = arguments, later, callNow;
+                    later = function() {
+                        timeout = null;
+                        if (!immediate) {
+                            result = func.apply(context, args);
+                        }
+                    };
+                    callNow = immediate && !timeout;
+                    clearTimeout(timeout);
+                    timeout = setTimeout(later, wait);
+                    if (callNow) {
+                        result = func.apply(context, args);
+                    }
+                    return result;
+                };
+            },
+            throttle: function(func, wait) {
+                var context, args, timeout, result, previous, later;
+                previous = 0;
+                later = function() {
+                    previous = new Date();
+                    timeout = null;
+                    result = func.apply(context, args);
+                };
+                return function() {
+                    var now = new Date(), remaining = wait - (now - previous);
+                    context = this;
+                    args = arguments;
+                    if (remaining <= 0) {
+                        clearTimeout(timeout);
+                        timeout = null;
+                        previous = now;
+                        result = func.apply(context, args);
+                    } else if (!timeout) {
+                        timeout = setTimeout(later, remaining);
+                    }
+                    return result;
+                };
+            },
+            noop: function() {}
+        };
+    }();
+    var VERSION = "0.10.5";
+    var tokenizers = function() {
+        "use strict";
+        return {
+            nonword: nonword,
+            whitespace: whitespace,
+            obj: {
+                nonword: getObjTokenizer(nonword),
+                whitespace: getObjTokenizer(whitespace)
+            }
+        };
+        function whitespace(str) {
+            str = _.toStr(str);
+            return str ? str.split(/\s+/) : [];
+        }
+        function nonword(str) {
+            str = _.toStr(str);
+            return str ? str.split(/\W+/) : [];
+        }
+        function getObjTokenizer(tokenizer) {
+            return function setKey() {
+                var args = [].slice.call(arguments, 0);
+                return function tokenize(o) {
+                    var tokens = [];
+                    _.each(args, function(k) {
+                        tokens = tokens.concat(tokenizer(_.toStr(o[k])));
+                    });
+                    return tokens;
+                };
+            };
+        }
+    }();
+    var LruCache = function() {
+        "use strict";
+        function LruCache(maxSize) {
+            this.maxSize = _.isNumber(maxSize) ? maxSize : 100;
+            this.reset();
+            if (this.maxSize <= 0) {
+                this.set = this.get = $.noop;
+            }
+        }
+        _.mixin(LruCache.prototype, {
+            set: function set(key, val) {
+                var tailItem = this.list.tail, node;
+                if (this.size >= this.maxSize) {
+                    this.list.remove(tailItem);
+                    delete this.hash[tailItem.key];
+                }
+                if (node = this.hash[key]) {
+                    node.val = val;
+                    this.list.moveToFront(node);
+                } else {
+                    node = new Node(key, val);
+                    this.list.add(node);
+                    this.hash[key] = node;
+                    this.size++;
+                }
+            },
+            get: function get(key) {
+                var node = this.hash[key];
+                if (node) {
+                    this.list.moveToFront(node);
+                    return node.val;
+                }
+            },
+            reset: function reset() {
+                this.size = 0;
+                this.hash = {};
+                this.list = new List();
+            }
+        });
+        function List() {
+            this.head = this.tail = null;
+        }
+        _.mixin(List.prototype, {
+            add: function add(node) {
+                if (this.head) {
+                    node.next = this.head;
+                    this.head.prev = node;
+                }
+                this.head = node;
+                this.tail = this.tail || node;
+            },
+            remove: function remove(node) {
+                node.prev ? node.prev.next = node.next : this.head = node.next;
+                node.next ? node.next.prev = node.prev : this.tail = node.prev;
+            },
+            moveToFront: function(node) {
+                this.remove(node);
+                this.add(node);
+            }
+        });
+        function Node(key, val) {
+            this.key = key;
+            this.val = val;
+            this.prev = this.next = null;
+        }
+        return LruCache;
+    }();
+    var PersistentStorage = function() {
+        "use strict";
+        var ls, methods;
+        try {
+            ls = window.localStorage;
+            ls.setItem("~~~", "!");
+            ls.removeItem("~~~");
+        } catch (err) {
+            ls = null;
+        }
+        function PersistentStorage(namespace) {
+            this.prefix = [ "__", namespace, "__" ].join("");
+            this.ttlKey = "__ttl__";
+            this.keyMatcher = new RegExp("^" + _.escapeRegExChars(this.prefix));
+        }
+        if (ls && window.JSON) {
+            methods = {
+                _prefix: function(key) {
+                    return this.prefix + key;
+                },
+                _ttlKey: function(key) {
+                    return this._prefix(key) + this.ttlKey;
+                },
+                get: function(key) {
+                    if (this.isExpired(key)) {
+                        this.remove(key);
+                    }
+                    return decode(ls.getItem(this._prefix(key)));
+                },
+                set: function(key, val, ttl) {
+                    if (_.isNumber(ttl)) {
+                        ls.setItem(this._ttlKey(key), encode(now() + ttl));
+                    } else {
+                        ls.removeItem(this._ttlKey(key));
+                    }
+                    return ls.setItem(this._prefix(key), encode(val));
+                },
+                remove: function(key) {
+                    ls.removeItem(this._ttlKey(key));
+                    ls.removeItem(this._prefix(key));
+                    return this;
+                },
+                clear: function() {
+                    var i, key, keys = [], len = ls.length;
+                    for (i = 0; i < len; i++) {
+                        if ((key = ls.key(i)).match(this.keyMatcher)) {
+                            keys.push(key.replace(this.keyMatcher, ""));
+                        }
+                    }
+                    for (i = keys.length; i--; ) {
+                        this.remove(keys[i]);
+                    }
+                    return this;
+                },
+                isExpired: function(key) {
+                    var ttl = decode(ls.getItem(this._ttlKey(key)));
+                    return _.isNumber(ttl) && now() > ttl ? true : false;
+                }
+            };
+        } else {
+            methods = {
+                get: _.noop,
+                set: _.noop,
+                remove: _.noop,
+                clear: _.noop,
+                isExpired: _.noop
+            };
+        }
+        _.mixin(PersistentStorage.prototype, methods);
+        return PersistentStorage;
+        function now() {
+            return new Date().getTime();
+        }
+        function encode(val) {
+            return JSON.stringify(_.isUndefined(val) ? null : val);
+        }
+        function decode(val) {
+            return JSON.parse(val);
+        }
+    }();
+    var Transport = function() {
+        "use strict";
+        var pendingRequestsCount = 0, pendingRequests = {}, maxPendingRequests = 6, sharedCache = new LruCache(10);
+        function Transport(o) {
+            o = o || {};
+            this.cancelled = false;
+            this.lastUrl = null;
+            this._send = o.transport ? callbackToDeferred(o.transport) : $.ajax;
+            this._get = o.rateLimiter ? o.rateLimiter(this._get) : this._get;
+            this._cache = o.cache === false ? new LruCache(0) : sharedCache;
+        }
+        Transport.setMaxPendingRequests = function setMaxPendingRequests(num) {
+            maxPendingRequests = num;
+        };
+        Transport.resetCache = function resetCache() {
+            sharedCache.reset();
+        };
+        _.mixin(Transport.prototype, {
+            _get: function(url, o, cb) {
+                var that = this, jqXhr;
+                if (this.cancelled || url !== this.lastUrl) {
+                    return;
+                }
+                if (jqXhr = pendingRequests[url]) {
+                    jqXhr.done(done).fail(fail);
+                } else if (pendingRequestsCount < maxPendingRequests) {
+                    pendingRequestsCount++;
+                    pendingRequests[url] = this._send(url, o).done(done).fail(fail).always(always);
+                } else {
+                    this.onDeckRequestArgs = [].slice.call(arguments, 0);
+                }
+                function done(resp) {
+                    cb && cb(null, resp);
+                    that._cache.set(url, resp);
+                }
+                function fail() {
+                    cb && cb(true);
+                }
+                function always() {
+                    pendingRequestsCount--;
+                    delete pendingRequests[url];
+                    if (that.onDeckRequestArgs) {
+                        that._get.apply(that, that.onDeckRequestArgs);
+                        that.onDeckRequestArgs = null;
+                    }
+                }
+            },
+            get: function(url, o, cb) {
+                var resp;
+                if (_.isFunction(o)) {
+                    cb = o;
+                    o = {};
+                }
+                this.cancelled = false;
+                this.lastUrl = url;
+                if (resp = this._cache.get(url)) {
+                    _.defer(function() {
+                        cb && cb(null, resp);
+                    });
+                } else {
+                    this._get(url, o, cb);
+                }
+                return !!resp;
+            },
+            cancel: function() {
+                this.cancelled = true;
+            }
+        });
+        return Transport;
+        function callbackToDeferred(fn) {
+            return function customSendWrapper(url, o) {
+                var deferred = $.Deferred();
+                fn(url, o, onSuccess, onError);
+                return deferred;
+                function onSuccess(resp) {
+                    _.defer(function() {
+                        deferred.resolve(resp);
+                    });
+                }
+                function onError(err) {
+                    _.defer(function() {
+                        deferred.reject(err);
+                    });
+                }
+            };
+        }
+    }();
+    var SearchIndex = function() {
+        "use strict";
+        function SearchIndex(o) {
+            o = o || {};
+            if (!o.datumTokenizer || !o.queryTokenizer) {
+                $.error("datumTokenizer and queryTokenizer are both required");
+            }
+            this.datumTokenizer = o.datumTokenizer;
+            this.queryTokenizer = o.queryTokenizer;
+            this.reset();
+        }
+        _.mixin(SearchIndex.prototype, {
+            bootstrap: function bootstrap(o) {
+                this.datums = o.datums;
+                this.trie = o.trie;
+            },
+            add: function(data) {
+                var that = this;
+                data = _.isArray(data) ? data : [ data ];
+                _.each(data, function(datum) {
+                    var id, tokens;
+                    id = that.datums.push(datum) - 1;
+                    tokens = normalizeTokens(that.datumTokenizer(datum));
+                    _.each(tokens, function(token) {
+                        var node, chars, ch;
+                        node = that.trie;
+                        chars = token.split("");
+                        while (ch = chars.shift()) {
+                            node = node.children[ch] || (node.children[ch] = newNode());
+                            node.ids.push(id);
+                        }
+                    });
+                });
+            },
+            get: function get(query) {
+                var that = this, tokens, matches;
+                tokens = normalizeTokens(this.queryTokenizer(query));
+                _.each(tokens, function(token) {
+                    var node, chars, ch, ids;
+                    if (matches && matches.length === 0) {
+                        return false;
+                    }
+                    node = that.trie;
+                    chars = token.split("");
+                    while (node && (ch = chars.shift())) {
+                        node = node.children[ch];
+                    }
+                    if (node && chars.length === 0) {
+                        ids = node.ids.slice(0);
+                        matches = matches ? getIntersection(matches, ids) : ids;
+                    } else {
+                        matches = [];
+                        return false;
+                    }
+                });
+                return matches ? _.map(unique(matches), function(id) {
+                    return that.datums[id];
+                }) : [];
+            },
+            reset: function reset() {
+                this.datums = [];
+                this.trie = newNode();
+            },
+            serialize: function serialize() {
+                return {
+                    datums: this.datums,
+                    trie: this.trie
+                };
+            }
+        });
+        return SearchIndex;
+        function normalizeTokens(tokens) {
+            tokens = _.filter(tokens, function(token) {
+                return !!token;
+            });
+            tokens = _.map(tokens, function(token) {
+                return token.toLowerCase();
+            });
+            return tokens;
+        }
+        function newNode() {
+            return {
+                ids: [],
+                children: {}
+            };
+        }
+        function unique(array) {
+            var seen = {}, uniques = [];
+            for (var i = 0, len = array.length; i < len; i++) {
+                if (!seen[array[i]]) {
+                    seen[array[i]] = true;
+                    uniques.push(array[i]);
+                }
+            }
+            return uniques;
+        }
+        function getIntersection(arrayA, arrayB) {
+            var ai = 0, bi = 0, intersection = [];
+            arrayA = arrayA.sort(compare);
+            arrayB = arrayB.sort(compare);
+            var lenArrayA = arrayA.length, lenArrayB = arrayB.length;
+            while (ai < lenArrayA && bi < lenArrayB) {
+                if (arrayA[ai] < arrayB[bi]) {
+                    ai++;
+                } else if (arrayA[ai] > arrayB[bi]) {
+                    bi++;
+                } else {
+                    intersection.push(arrayA[ai]);
+                    ai++;
+                    bi++;
+                }
+            }
+            return intersection;
+            function compare(a, b) {
+                return a - b;
+            }
+        }
+    }();
+    var oParser = function() {
+        "use strict";
+        return {
+            local: getLocal,
+            prefetch: getPrefetch,
+            remote: getRemote
+        };
+        function getLocal(o) {
+            return o.local || null;
+        }
+        function getPrefetch(o) {
+            var prefetch, defaults;
+            defaults = {
+                url: null,
+                thumbprint: "",
+                ttl: 24 * 60 * 60 * 1e3,
+                filter: null,
+                ajax: {}
+            };
+            if (prefetch = o.prefetch || null) {
+                prefetch = _.isString(prefetch) ? {
+                    url: prefetch
+                } : prefetch;
+                prefetch = _.mixin(defaults, prefetch);
+                prefetch.thumbprint = VERSION + prefetch.thumbprint;
+                prefetch.ajax.type = prefetch.ajax.type || "GET";
+                prefetch.ajax.dataType = prefetch.ajax.dataType || "json";
+                !prefetch.url && $.error("prefetch requires url to be set");
+            }
+            return prefetch;
+        }
+        function getRemote(o) {
+            var remote, defaults;
+            defaults = {
+                url: null,
+                cache: true,
+                wildcard: "%QUERY",
+                replace: null,
+                rateLimitBy: "debounce",
+                rateLimitWait: 300,
+                send: null,
+                filter: null,
+                ajax: {}
+            };
+            if (remote = o.remote || null) {
+                remote = _.isString(remote) ? {
+                    url: remote
+                } : remote;
+                remote = _.mixin(defaults, remote);
+                remote.rateLimiter = /^throttle$/i.test(remote.rateLimitBy) ? byThrottle(remote.rateLimitWait) : byDebounce(remote.rateLimitWait);
+                remote.ajax.type = remote.ajax.type || "GET";
+                remote.ajax.dataType = remote.ajax.dataType || "json";
+                delete remote.rateLimitBy;
+                delete remote.rateLimitWait;
+                !remote.url && $.error("remote requires url to be set");
+            }
+            return remote;
+            function byDebounce(wait) {
+                return function(fn) {
+                    return _.debounce(fn, wait);
+                };
+            }
+            function byThrottle(wait) {
+                return function(fn) {
+                    return _.throttle(fn, wait);
+                };
+            }
+        }
+    }();
+    (function(root) {
+        "use strict";
+        var old, keys;
+        old = root.Bloodhound;
+        keys = {
+            data: "data",
+            protocol: "protocol",
+            thumbprint: "thumbprint"
+        };
+        root.Bloodhound = Bloodhound;
+        function Bloodhound(o) {
+            if (!o || !o.local && !o.prefetch && !o.remote) {
+                $.error("one of local, prefetch, or remote is required");
+            }
+            this.limit = o.limit || 5;
+            this.sorter = getSorter(o.sorter);
+            this.dupDetector = o.dupDetector || ignoreDuplicates;
+            this.local = oParser.local(o);
+            this.prefetch = oParser.prefetch(o);
+            this.remote = oParser.remote(o);
+            this.cacheKey = this.prefetch ? this.prefetch.cacheKey || this.prefetch.url : null;
+            this.index = new SearchIndex({
+                datumTokenizer: o.datumTokenizer,
+                queryTokenizer: o.queryTokenizer
+            });
+            this.storage = this.cacheKey ? new PersistentStorage(this.cacheKey) : null;
+        }
+        Bloodhound.noConflict = function noConflict() {
+            root.Bloodhound = old;
+            return Bloodhound;
+        };
+        Bloodhound.tokenizers = tokenizers;
+        _.mixin(Bloodhound.prototype, {
+            _loadPrefetch: function loadPrefetch(o) {
+                var that = this, serialized, deferred;
+                if (serialized = this._readFromStorage(o.thumbprint)) {
+                    this.index.bootstrap(serialized);
+                    deferred = $.Deferred().resolve();
+                } else {
+                    deferred = $.ajax(o.url, o.ajax).done(handlePrefetchResponse);
+                }
+                return deferred;
+                function handlePrefetchResponse(resp) {
+                    that.clear();
+                    that.add(o.filter ? o.filter(resp) : resp);
+                    that._saveToStorage(that.index.serialize(), o.thumbprint, o.ttl);
+                }
+            },
+            _getFromRemote: function getFromRemote(query, cb) {
+                var that = this, url, uriEncodedQuery;
+                if (!this.transport) {
+                    return;
+                }
+                query = query || "";
+                uriEncodedQuery = encodeURIComponent(query);
+                url = this.remote.replace ? this.remote.replace(this.remote.url, query) : this.remote.url.replace(this.remote.wildcard, uriEncodedQuery);
+                return this.transport.get(url, this.remote.ajax, handleRemoteResponse);
+                function handleRemoteResponse(err, resp) {
+                    err ? cb([]) : cb(that.remote.filter ? that.remote.filter(resp) : resp);
+                }
+            },
+            _cancelLastRemoteRequest: function cancelLastRemoteRequest() {
+                this.transport && this.transport.cancel();
+            },
+            _saveToStorage: function saveToStorage(data, thumbprint, ttl) {
+                if (this.storage) {
+                    this.storage.set(keys.data, data, ttl);
+                    this.storage.set(keys.protocol, location.protocol, ttl);
+                    this.storage.set(keys.thumbprint, thumbprint, ttl);
+                }
+            },
+            _readFromStorage: function readFromStorage(thumbprint) {
+                var stored = {}, isExpired;
+                if (this.storage) {
+                    stored.data = this.storage.get(keys.data);
+                    stored.protocol = this.storage.get(keys.protocol);
+                    stored.thumbprint = this.storage.get(keys.thumbprint);
+                }
+                isExpired = stored.thumbprint !== thumbprint || stored.protocol !== location.protocol;
+                return stored.data && !isExpired ? stored.data : null;
+            },
+            _initialize: function initialize() {
+                var that = this, local = this.local, deferred;
+                deferred = this.prefetch ? this._loadPrefetch(this.prefetch) : $.Deferred().resolve();
+                local && deferred.done(addLocalToIndex);
+                this.transport = this.remote ? new Transport(this.remote) : null;
+                return this.initPromise = deferred.promise();
+                function addLocalToIndex() {
+                    that.add(_.isFunction(local) ? local() : local);
+                }
+            },
+            initialize: function initialize(force) {
+                return !this.initPromise || force ? this._initialize() : this.initPromise;
+            },
+            add: function add(data) {
+                this.index.add(data);
+            },
+            get: function get(query, cb) {
+                var that = this, matches = [], cacheHit = false;
+                matches = this.index.get(query);
+                matches = this.sorter(matches).slice(0, this.limit);
+                matches.length < this.limit ? cacheHit = this._getFromRemote(query, returnRemoteMatches) : this._cancelLastRemoteRequest();
+                if (!cacheHit) {
+                    (matches.length > 0 || !this.transport) && cb && cb(matches);
+                }
+                function returnRemoteMatches(remoteMatches) {
+                    var matchesWithBackfill = matches.slice(0);
+                    _.each(remoteMatches, function(remoteMatch) {
+                        var isDuplicate;
+                        isDuplicate = _.some(matchesWithBackfill, function(match) {
+                            return that.dupDetector(remoteMatch, match);
+                        });
+                        !isDuplicate && matchesWithBackfill.push(remoteMatch);
+                        return matchesWithBackfill.length < that.limit;
+                    });
+                    cb && cb(that.sorter(matchesWithBackfill));
+                }
+            },
+            clear: function clear() {
+                this.index.reset();
+            },
+            clearPrefetchCache: function clearPrefetchCache() {
+                this.storage && this.storage.clear();
+            },
+            clearRemoteCache: function clearRemoteCache() {
+                this.transport && Transport.resetCache();
+            },
+            ttAdapter: function ttAdapter() {
+                return _.bind(this.get, this);
+            }
+        });
+        return Bloodhound;
+        function getSorter(sortFn) {
+            return _.isFunction(sortFn) ? sort : noSort;
+            function sort(array) {
+                return array.sort(sortFn);
+            }
+            function noSort(array) {
+                return array;
+            }
+        }
+        function ignoreDuplicates() {
+            return false;
+        }
+    })(this);
+    var html = function() {
+        return {
+            wrapper: '<span class="twitter-typeahead"></span>',
+            dropdown: '<span class="tt-dropdown-menu"></span>',
+            dataset: '<div class="tt-dataset-%CLASS%"></div>',
+            suggestions: '<span class="tt-suggestions"></span>',
+            suggestion: '<div class="tt-suggestion"></div>'
+        };
+    }();
+    var css = function() {
+        "use strict";
+        var css = {
+            wrapper: {
+                position: "relative",
+                display: "inline-block"
+            },
+            hint: {
+                position: "absolute",
+                top: "0",
+                left: "0",
+                borderColor: "transparent",
+                boxShadow: "none",
+                opacity: "1"
+            },
+            input: {
+                position: "relative",
+                verticalAlign: "top",
+                backgroundColor: "transparent"
+            },
+            inputWithNoHint: {
+                position: "relative",
+                verticalAlign: "top"
+            },
+            dropdown: {
+                position: "absolute",
+                top: "100%",
+                left: "0",
+                zIndex: "100",
+                display: "none"
+            },
+            suggestions: {
+                display: "block"
+            },
+            suggestion: {
+                whiteSpace: "nowrap",
+                cursor: "pointer"
+            },
+            suggestionChild: {
+                whiteSpace: "normal"
+            },
+            ltr: {
+                left: "0",
+                right: "auto"
+            },
+            rtl: {
+                left: "auto",
+                right: " 0"
+            }
+        };
+        if (_.isMsie()) {
+            _.mixin(css.input, {
+                backgroundImage: "url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)"
+            });
+        }
+        if (_.isMsie() && _.isMsie() <= 7) {
+            _.mixin(css.input, {
+                marginTop: "-1px"
+            });
+        }
+        return css;
+    }();
+    var EventBus = function() {
+        "use strict";
+        var namespace = "typeahead:";
+        function EventBus(o) {
+            if (!o || !o.el) {
+                $.error("EventBus initialized without el");
+            }
+            this.$el = $(o.el);
+        }
+        _.mixin(EventBus.prototype, {
+            trigger: function(type) {
+                var args = [].slice.call(arguments, 1);
+                this.$el.trigger(namespace + type, args);
+            }
+        });
+        return EventBus;
+    }();
+    var EventEmitter = function() {
+        "use strict";
+        var splitter = /\s+/, nextTick = getNextTick();
+        return {
+            onSync: onSync,
+            onAsync: onAsync,
+            off: off,
+            trigger: trigger
+        };
+        function on(method, types, cb, context) {
+            var type;
+            if (!cb) {
+                return this;
+            }
+            types = types.split(splitter);
+            cb = context ? bindContext(cb, context) : cb;
+            this._callbacks = this._callbacks || {};
+            while (type = types.shift()) {
+                this._callbacks[type] = this._callbacks[type] || {
+                    sync: [],
+                    async: []
+                };
+                this._callbacks[type][method].push(cb);
+            }
+            return this;
+        }
+        function onAsync(types, cb, context) {
+            return on.call(this, "async", types, cb, context);
+        }
+        function onSync(types, cb, context) {
+            return on.call(this, "sync", types, cb, context);
+        }
+        function off(types) {
+            var type;
+            if (!this._callbacks) {
+                return this;
+            }
+            types = types.split(splitter);
+            while (type = types.shift()) {
+                delete this._callbacks[type];
+            }
+            return this;
+        }
+        function trigger(types) {
+            var type, callbacks, args, syncFlush, asyncFlush;
+            if (!this._callbacks) {
+                return this;
+            }
+            types = types.split(splitter);
+            args = [].slice.call(arguments, 1);
+            while ((type = types.shift()) && (callbacks = this._callbacks[type])) {
+                syncFlush = getFlush(callbacks.sync, this, [ type ].concat(args));
+                asyncFlush = getFlush(callbacks.async, this, [ type ].concat(args));
+                syncFlush() && nextTick(asyncFlush);
+            }
+            return this;
+        }
+        function getFlush(callbacks, context, args) {
+            return flush;
+            function flush() {
+                var cancelled;
+                for (var i = 0, len = callbacks.length; !cancelled && i < len; i += 1) {
+                    cancelled = callbacks[i].apply(context, args) === false;
+                }
+                return !cancelled;
+            }
+        }
+        function getNextTick() {
+            var nextTickFn;
+            if (window.setImmediate) {
+                nextTickFn = function nextTickSetImmediate(fn) {
+                    setImmediate(function() {
+                        fn();
+                    });
+                };
+            } else {
+                nextTickFn = function nextTickSetTimeout(fn) {
+                    setTimeout(function() {
+                        fn();
+                    }, 0);
+                };
+            }
+            return nextTickFn;
+        }
+        function bindContext(fn, context) {
+            return fn.bind ? fn.bind(context) : function() {
+                fn.apply(context, [].slice.call(arguments, 0));
+            };
+        }
+    }();
+    var highlight = function(doc) {
+        "use strict";
+        var defaults = {
+            node: null,
+            pattern: null,
+            tagName: "strong",
+            className: null,
+            wordsOnly: false,
+            caseSensitive: false
+        };
+        return function hightlight(o) {
+            var regex;
+            o = _.mixin({}, defaults, o);
+            if (!o.node || !o.pattern) {
+                return;
+            }
+            o.pattern = _.isArray(o.pattern) ? o.pattern : [ o.pattern ];
+            regex = getRegex(o.pattern, o.caseSensitive, o.wordsOnly);
+            traverse(o.node, hightlightTextNode);
+            function hightlightTextNode(textNode) {
+                var match, patternNode, wrapperNode;
+                if (match = regex.exec(textNode.data)) {
+                    wrapperNode = doc.createElement(o.tagName);
+                    o.className && (wrapperNode.className = o.className);
+                    patternNode = textNode.splitText(match.index);
+                    patternNode.splitText(match[0].length);
+                    wrapperNode.appendChild(patternNode.cloneNode(true));
+                    textNode.parentNode.replaceChild(wrapperNode, patternNode);
+                }
+                return !!match;
+            }
+            function traverse(el, hightlightTextNode) {
+                var childNode, TEXT_NODE_TYPE = 3;
+                for (var i = 0; i < el.childNodes.length; i++) {
+                    childNode = el.childNodes[i];
+                    if (childNode.nodeType === TEXT_NODE_TYPE) {
+                        i += hightlightTextNode(childNode) ? 1 : 0;
+                    } else {
+                        traverse(childNode, hightlightTextNode);
+                    }
+                }
+            }
+        };
+        function getRegex(patterns, caseSensitive, wordsOnly) {
+            var escapedPatterns = [], regexStr;
+            for (var i = 0, len = patterns.length; i < len; i++) {
+                escapedPatterns.push(_.escapeRegExChars(patterns[i]));
+            }
+            regexStr = wordsOnly ? "\\b(" + escapedPatterns.join("|") + ")\\b" : "(" + escapedPatterns.join("|") + ")";
+            return caseSensitive ? new RegExp(regexStr) : new RegExp(regexStr, "i");
+        }
+    }(window.document);
+    var Input = function() {
+        "use strict";
+        var specialKeyCodeMap;
+        specialKeyCodeMap = {
+            9: "tab",
+            27: "esc",
+            37: "left",
+            39: "right",
+            13: "enter",
+            38: "up",
+            40: "down"
+        };
+        function Input(o) {
+            var that = this, onBlur, onFocus, onKeydown, onInput;
+            o = o || {};
+            if (!o.input) {
+                $.error("input is missing");
+            }
+            onBlur = _.bind(this._onBlur, this);
+            onFocus = _.bind(this._onFocus, this);
+            onKeydown = _.bind(this._onKeydown, this);
+            onInput = _.bind(this._onInput, this);
+            this.$hint = $(o.hint);
+            this.$input = $(o.input).on("blur.tt", onBlur).on("focus.tt", onFocus).on("keydown.tt", onKeydown);
+            if (this.$hint.length === 0) {
+                this.setHint = this.getHint = this.clearHint = this.clearHintIfInvalid = _.noop;
+            }
+            if (!_.isMsie()) {
+                this.$input.on("input.tt", onInput);
+            } else {
+                this.$input.on("keydown.tt keypress.tt cut.tt paste.tt", function($e) {
+                    if (specialKeyCodeMap[$e.which || $e.keyCode]) {
+                        return;
+                    }
+                    _.defer(_.bind(that._onInput, that, $e));
+                });
+            }
+            this.query = this.$input.val();
+            this.$overflowHelper = buildOverflowHelper(this.$input);
+        }
+        Input.normalizeQuery = function(str) {
+            return (str || "").replace(/^\s*/g, "").replace(/\s{2,}/g, " ");
+        };
+        _.mixin(Input.prototype, EventEmitter, {
+            _onBlur: function onBlur() {
+                this.resetInputValue();
+                this.trigger("blurred");
+            },
+            _onFocus: function onFocus() {
+                this.trigger("focused");
+            },
+            _onKeydown: function onKeydown($e) {
+                var keyName = specialKeyCodeMap[$e.which || $e.keyCode];
+                this._managePreventDefault(keyName, $e);
+                if (keyName && this._shouldTrigger(keyName, $e)) {
+                    this.trigger(keyName + "Keyed", $e);
+                }
+            },
+            _onInput: function onInput() {
+                this._checkInputValue();
+            },
+            _managePreventDefault: function managePreventDefault(keyName, $e) {
+                var preventDefault, hintValue, inputValue;
+                switch (keyName) {
+                  case "tab":
+                    hintValue = this.getHint();
+                    inputValue = this.getInputValue();
+                    preventDefault = hintValue && hintValue !== inputValue && !withModifier($e);
+                    break;
+
+                  case "up":
+                  case "down":
+                    preventDefault = !withModifier($e);
+                    break;
+
+                  default:
+                    preventDefault = false;
+                }
+                preventDefault && $e.preventDefault();
+            },
+            _shouldTrigger: function shouldTrigger(keyName, $e) {
+                var trigger;
+                switch (keyName) {
+                  case "tab":
+                    trigger = !withModifier($e);
+                    break;
+
+                  default:
+                    trigger = true;
+                }
+                return trigger;
+            },
+            _checkInputValue: function checkInputValue() {
+                var inputValue, areEquivalent, hasDifferentWhitespace;
+                inputValue = this.getInputValue();
+                areEquivalent = areQueriesEquivalent(inputValue, this.query);
+                hasDifferentWhitespace = areEquivalent ? this.query.length !== inputValue.length : false;
+                this.query = inputValue;
+                if (!areEquivalent) {
+                    this.trigger("queryChanged", this.query);
+                } else if (hasDifferentWhitespace) {
+                    this.trigger("whitespaceChanged", this.query);
+                }
+            },
+            focus: function focus() {
+                this.$input.focus();
+            },
+            blur: function blur() {
+                this.$input.blur();
+            },
+            getQuery: function getQuery() {
+                return this.query;
+            },
+            setQuery: function setQuery(query) {
+                this.query = query;
+            },
+            getInputValue: function getInputValue() {
+                return this.$input.val();
+            },
+            setInputValue: function setInputValue(value, silent) {
+                this.$input.val(value);
+                silent ? this.clearHint() : this._checkInputValue();
+            },
+            resetInputValue: function resetInputValue() {
+                this.setInputValue(this.query, true);
+            },
+            getHint: function getHint() {
+                return this.$hint.val();
+            },
+            setHint: function setHint(value) {
+                this.$hint.val(value);
+            },
+            clearHint: function clearHint() {
+                this.setHint("");
+            },
+            clearHintIfInvalid: function clearHintIfInvalid() {
+                var val, hint, valIsPrefixOfHint, isValid;
+                val = this.getInputValue();
+                hint = this.getHint();
+                valIsPrefixOfHint = val !== hint && hint.indexOf(val) === 0;
+                isValid = val !== "" && valIsPrefixOfHint && !this.hasOverflow();
+                !isValid && this.clearHint();
+            },
+            getLanguageDirection: function getLanguageDirection() {
+                return (this.$input.css("direction") || "ltr").toLowerCase();
+            },
+            hasOverflow: function hasOverflow() {
+                var constraint = this.$input.width() - 2;
+                this.$overflowHelper.text(this.getInputValue());
+                return this.$overflowHelper.width() >= constraint;
+            },
+            isCursorAtEnd: function() {
+                var valueLength, selectionStart, range;
+                valueLength = this.$input.val().length;
+                selectionStart = this.$input[0].selectionStart;
+                if (_.isNumber(selectionStart)) {
+                    return selectionStart === valueLength;
+                } else if (document.selection) {
+                    range = document.selection.createRange();
+                    range.moveStart("character", -valueLength);
+                    return valueLength === range.text.length;
+                }
+                return true;
+            },
+            destroy: function destroy() {
+                this.$hint.off(".tt");
+                this.$input.off(".tt");
+                this.$hint = this.$input = this.$overflowHelper = null;
+            }
+        });
+        return Input;
+        function buildOverflowHelper($input) {
+            return $('<pre aria-hidden="true"></pre>').css({
+                position: "absolute",
+                visibility: "hidden",
+                whiteSpace: "pre",
+                fontFamily: $input.css("font-family"),
+                fontSize: $input.css("font-size"),
+                fontStyle: $input.css("font-style"),
+                fontVariant: $input.css("font-variant"),
+                fontWeight: $input.css("font-weight"),
+                wordSpacing: $input.css("word-spacing"),
+                letterSpacing: $input.css("letter-spacing"),
+                textIndent: $input.css("text-indent"),
+                textRendering: $input.css("text-rendering"),
+                textTransform: $input.css("text-transform")
+            }).insertAfter($input);
+        }
+        function areQueriesEquivalent(a, b) {
+            return Input.normalizeQuery(a) === Input.normalizeQuery(b);
+        }
+        function withModifier($e) {
+            return $e.altKey || $e.ctrlKey || $e.metaKey || $e.shiftKey;
+        }
+    }();
+    var Dataset = function() {
+        "use strict";
+        var datasetKey = "ttDataset", valueKey = "ttValue", datumKey = "ttDatum";
+        function Dataset(o) {
+            o = o || {};
+            o.templates = o.templates || {};
+            if (!o.source) {
+                $.error("missing source");
+            }
+            if (o.name && !isValidName(o.name)) {
+                $.error("invalid dataset name: " + o.name);
+            }
+            this.query = null;
+            this.highlight = !!o.highlight;
+            this.name = o.name || _.getUniqueId();
+            this.source = o.source;
+            this.displayFn = getDisplayFn(o.display || o.displayKey);
+            this.templates = getTemplates(o.templates, this.displayFn);
+            this.$el = $(html.dataset.replace("%CLASS%", this.name));
+        }
+        Dataset.extractDatasetName = function extractDatasetName(el) {
+            return $(el).data(datasetKey);
+        };
+        Dataset.extractValue = function extractDatum(el) {
+            return $(el).data(valueKey);
+        };
+        Dataset.extractDatum = function extractDatum(el) {
+            return $(el).data(datumKey);
+        };
+        _.mixin(Dataset.prototype, EventEmitter, {
+            _render: function render(query, suggestions) {
+                if (!this.$el) {
+                    return;
+                }
+                var that = this, hasSuggestions;
+                this.$el.empty();
+                hasSuggestions = suggestions && suggestions.length;
+                if (!hasSuggestions && this.templates.empty) {
+                    this.$el.html(getEmptyHtml()).prepend(that.templates.header ? getHeaderHtml() : null).append(that.templates.footer ? getFooterHtml() : null);
+                } else if (hasSuggestions) {
+                    this.$el.html(getSuggestionsHtml()).prepend(that.templates.header ? getHeaderHtml() : null).append(that.templates.footer ? getFooterHtml() : null);
+                }
+                this.trigger("rendered");
+                function getEmptyHtml() {
+                    return that.templates.empty({
+                        query: query,
+                        isEmpty: true
+                    });
+                }
+                function getSuggestionsHtml() {
+                    var $suggestions, nodes;
+                    $suggestions = $(html.suggestions).css(css.suggestions);
+                    nodes = _.map(suggestions, getSuggestionNode);
+                    $suggestions.append.apply($suggestions, nodes);
+                    that.highlight && highlight({
+                        className: "tt-highlight",
+                        node: $suggestions[0],
+                        pattern: query
+                    });
+                    return $suggestions;
+                    function getSuggestionNode(suggestion) {
+                        var $el;
+                        $el = $(html.suggestion).append(that.templates.suggestion(suggestion)).data(datasetKey, that.name).data(valueKey, that.displayFn(suggestion)).data(datumKey, suggestion);
+                        $el.children().each(function() {
+                            $(this).css(css.suggestionChild);
+                        });
+                        return $el;
+                    }
+                }
+                function getHeaderHtml() {
+                    return that.templates.header({
+                        query: query,
+                        isEmpty: !hasSuggestions
+                    });
+                }
+                function getFooterHtml() {
+                    return that.templates.footer({
+                        query: query,
+                        isEmpty: !hasSuggestions
+                    });
+                }
+            },
+            getRoot: function getRoot() {
+                return this.$el;
+            },
+            update: function update(query) {
+                var that = this;
+                this.query = query;
+                this.canceled = false;
+                this.source(query, render);
+                function render(suggestions) {
+                    if (!that.canceled && query === that.query) {
+                        that._render(query, suggestions);
+                    }
+                }
+            },
+            cancel: function cancel() {
+                this.canceled = true;
+            },
+            clear: function clear() {
+                this.cancel();
+                this.$el.empty();
+                this.trigger("rendered");
+            },
+            isEmpty: function isEmpty() {
+                return this.$el.is(":empty");
+            },
+            destroy: function destroy() {
+                this.$el = null;
+            }
+        });
+        return Dataset;
+        function getDisplayFn(display) {
+            display = display || "value";
+            return _.isFunction(display) ? display : displayFn;
+            function displayFn(obj) {
+                return obj[display];
+            }
+        }
+        function getTemplates(templates, displayFn) {
+            return {
+                empty: templates.empty && _.templatify(templates.empty),
+                header: templates.header && _.templatify(templates.header),
+                footer: templates.footer && _.templatify(templates.footer),
+                suggestion: templates.suggestion || suggestionTemplate
+            };
+            function suggestionTemplate(context) {
+                return "<p>" + displayFn(context) + "</p>";
+            }
+        }
+        function isValidName(str) {
+            return /^[_a-zA-Z0-9-]+$/.test(str);
+        }
+    }();
+    var Dropdown = function() {
+        "use strict";
+        function Dropdown(o) {
+            var that = this, onSuggestionClick, onSuggestionMouseEnter, onSuggestionMouseLeave;
+            o = o || {};
+            if (!o.menu) {
+                $.error("menu is required");
+            }
+            this.isOpen = false;
+            this.isEmpty = true;
+            this.datasets = _.map(o.datasets, initializeDataset);
+            onSuggestionClick = _.bind(this._onSuggestionClick, this);
+            onSuggestionMouseEnter = _.bind(this._onSuggestionMouseEnter, this);
+            onSuggestionMouseLeave = _.bind(this._onSuggestionMouseLeave, this);
+            this.$menu = $(o.menu).on("click.tt", ".tt-suggestion", onSuggestionClick).on("mouseenter.tt", ".tt-suggestion", onSuggestionMouseEnter).on("mouseleave.tt", ".tt-suggestion", onSuggestionMouseLeave);
+            _.each(this.datasets, function(dataset) {
+                that.$menu.append(dataset.getRoot());
+                dataset.onSync("rendered", that._onRendered, that);
+            });
+        }
+        _.mixin(Dropdown.prototype, EventEmitter, {
+            _onSuggestionClick: function onSuggestionClick($e) {
+                this.trigger("suggestionClicked", $($e.currentTarget));
+            },
+            _onSuggestionMouseEnter: function onSuggestionMouseEnter($e) {
+                this._removeCursor();
+                this._setCursor($($e.currentTarget), true);
+            },
+            _onSuggestionMouseLeave: function onSuggestionMouseLeave() {
+                this._removeCursor();
+            },
+            _onRendered: function onRendered() {
+                this.isEmpty = _.every(this.datasets, isDatasetEmpty);
+                this.isEmpty ? this._hide() : this.isOpen && this._show();
+                this.trigger("datasetRendered");
+                function isDatasetEmpty(dataset) {
+                    return dataset.isEmpty();
+                }
+            },
+            _hide: function() {
+                this.$menu.hide();
+            },
+            _show: function() {
+                this.$menu.css("display", "block");
+            },
+            _getSuggestions: function getSuggestions() {
+                return this.$menu.find(".tt-suggestion");
+            },
+            _getCursor: function getCursor() {
+                return this.$menu.find(".tt-cursor").first();
+            },
+            _setCursor: function setCursor($el, silent) {
+                $el.first().addClass("tt-cursor");
+                !silent && this.trigger("cursorMoved");
+            },
+            _removeCursor: function removeCursor() {
+                this._getCursor().removeClass("tt-cursor");
+            },
+            _moveCursor: function moveCursor(increment) {
+                var $suggestions, $oldCursor, newCursorIndex, $newCursor;
+                if (!this.isOpen) {
+                    return;
+                }
+                $oldCursor = this._getCursor();
+                $suggestions = this._getSuggestions();
+                this._removeCursor();
+                newCursorIndex = $suggestions.index($oldCursor) + increment;
+                newCursorIndex = (newCursorIndex + 1) % ($suggestions.length + 1) - 1;
+                if (newCursorIndex === -1) {
+                    this.trigger("cursorRemoved");
+                    return;
+                } else if (newCursorIndex < -1) {
+                    newCursorIndex = $suggestions.length - 1;
+                }
+                this._setCursor($newCursor = $suggestions.eq(newCursorIndex));
+                this._ensureVisible($newCursor);
+            },
+            _ensureVisible: function ensureVisible($el) {
+                var elTop, elBottom, menuScrollTop, menuHeight;
+                elTop = $el.position().top;
+                elBottom = elTop + $el.outerHeight(true);
+                menuScrollTop = this.$menu.scrollTop();
+                menuHeight = this.$menu.height() + parseInt(this.$menu.css("paddingTop"), 10) + parseInt(this.$menu.css("paddingBottom"), 10);
+                if (elTop < 0) {
+                    this.$menu.scrollTop(menuScrollTop + elTop);
+                } else if (menuHeight < elBottom) {
+                    this.$menu.scrollTop(menuScrollTop + (elBottom - menuHeight));
+                }
+            },
+            close: function close() {
+                if (this.isOpen) {
+                    this.isOpen = false;
+                    this._removeCursor();
+                    this._hide();
+                    this.trigger("closed");
+                }
+            },
+            open: function open() {
+                if (!this.isOpen) {
+                    this.isOpen = true;
+                    !this.isEmpty && this._show();
+                    this.trigger("opened");
+                }
+            },
+            setLanguageDirection: function setLanguageDirection(dir) {
+                this.$menu.css(dir === "ltr" ? css.ltr : css.rtl);
+            },
+            moveCursorUp: function moveCursorUp() {
+                this._moveCursor(-1);
+            },
+            moveCursorDown: function moveCursorDown() {
+                this._moveCursor(+1);
+            },
+            getDatumForSuggestion: function getDatumForSuggestion($el) {
+                var datum = null;
+                if ($el.length) {
+                    datum = {
+                        raw: Dataset.extractDatum($el),
+                        value: Dataset.extractValue($el),
+                        datasetName: Dataset.extractDatasetName($el)
+                    };
+                }
+                return datum;
+            },
+            getDatumForCursor: function getDatumForCursor() {
+                return this.getDatumForSuggestion(this._getCursor().first());
+            },
+            getDatumForTopSuggestion: function getDatumForTopSuggestion() {
+                return this.getDatumForSuggestion(this._getSuggestions().first());
+            },
+            update: function update(query) {
+                _.each(this.datasets, updateDataset);
+                function updateDataset(dataset) {
+                    dataset.update(query);
+                }
+            },
+            empty: function empty() {
+                _.each(this.datasets, clearDataset);
+                this.isEmpty = true;
+                function clearDataset(dataset) {
+                    dataset.clear();
+                }
+            },
+            isVisible: function isVisible() {
+                return this.isOpen && !this.isEmpty;
+            },
+            destroy: function destroy() {
+                this.$menu.off(".tt");
+                this.$menu = null;
+                _.each(this.datasets, destroyDataset);
+                function destroyDataset(dataset) {
+                    dataset.destroy();
+                }
+            }
+        });
+        return Dropdown;
+        function initializeDataset(oDataset) {
+            return new Dataset(oDataset);
+        }
+    }();
+    var Typeahead = function() {
+        "use strict";
+        var attrsKey = "ttAttrs";
+        function Typeahead(o) {
+            var $menu, $input, $hint;
+            o = o || {};
+            if (!o.input) {
+                $.error("missing input");
+            }
+            this.isActivated = false;
+            this.autoselect = !!o.autoselect;
+            this.minLength = _.isNumber(o.minLength) ? o.minLength : 1;
+            this.$node = buildDom(o.input, o.withHint);
+            $menu = this.$node.find(".tt-dropdown-menu");
+            $input = this.$node.find(".tt-input");
+            $hint = this.$node.find(".tt-hint");
+            $input.on("blur.tt", function($e) {
+                var active, isActive, hasActive;
+                active = document.activeElement;
+                isActive = $menu.is(active);
+                hasActive = $menu.has(active).length > 0;
+                if (_.isMsie() && (isActive || hasActive)) {
+                    $e.preventDefault();
+                    $e.stopImmediatePropagation();
+                    _.defer(function() {
+                        $input.focus();
+                    });
+                }
+            });
+            $menu.on("mousedown.tt", function($e) {
+                $e.preventDefault();
+            });
+            this.eventBus = o.eventBus || new EventBus({
+                el: $input
+            });
+            this.dropdown = new Dropdown({
+                menu: $menu,
+                datasets: o.datasets
+            }).onSync("suggestionClicked", this._onSuggestionClicked, this).onSync("cursorMoved", this._onCursorMoved, this).onSync("cursorRemoved", this._onCursorRemoved, this).onSync("opened", this._onOpened, this).onSync("closed", this._onClosed, this).onAsync("datasetRendered", this._onDatasetRendered, this);
+            this.input = new Input({
+                input: $input,
+                hint: $hint
+            }).onSync("focused", this._onFocused, this).onSync("blurred", this._onBlurred, this).onSync("enterKeyed", this._onEnterKeyed, this).onSync("tabKeyed", this._onTabKeyed, this).onSync("escKeyed", this._onEscKeyed, this).onSync("upKeyed", this._onUpKeyed, this).onSync("downKeyed", this._onDownKeyed, this).onSync("leftKeyed", this._onLeftKeyed, this).onSync("rightKeyed", this._onRightKeyed, this).onSync("queryChanged", this._onQueryChanged, this).onSync("whitespaceChanged", this._onWhitespaceChanged, this);
+            this._setLanguageDirection();
+        }
+        _.mixin(Typeahead.prototype, {
+            _onSuggestionClicked: function onSuggestionClicked(type, $el) {
+                var datum;
+                if (datum = this.dropdown.getDatumForSuggestion($el)) {
+                    this._select(datum);
+                }
+            },
+            _onCursorMoved: function onCursorMoved() {
+                var datum = this.dropdown.getDatumForCursor();
+                this.input.setInputValue(datum.value, true);
+                this.eventBus.trigger("cursorchanged", datum.raw, datum.datasetName);
+            },
+            _onCursorRemoved: function onCursorRemoved() {
+                this.input.resetInputValue();
+                this._updateHint();
+            },
+            _onDatasetRendered: function onDatasetRendered() {
+                this._updateHint();
+            },
+            _onOpened: function onOpened() {
+                this._updateHint();
+                this.eventBus.trigger("opened");
+            },
+            _onClosed: function onClosed() {
+                this.input.clearHint();
+                this.eventBus.trigger("closed");
+            },
+            _onFocused: function onFocused() {
+                this.isActivated = true;
+                this.dropdown.open();
+            },
+            _onBlurred: function onBlurred() {
+                this.isActivated = false;
+                this.dropdown.empty();
+                this.dropdown.close();
+            },
+            _onEnterKeyed: function onEnterKeyed(type, $e) {
+                var cursorDatum, topSuggestionDatum;
+                cursorDatum = this.dropdown.getDatumForCursor();
+                topSuggestionDatum = this.dropdown.getDatumForTopSuggestion();
+                if (cursorDatum) {
+                    this._select(cursorDatum);
+                    $e.preventDefault();
+                } else if (this.autoselect && topSuggestionDatum) {
+                    this._select(topSuggestionDatum);
+                    $e.preventDefault();
+                }
+            },
+            _onTabKeyed: function onTabKeyed(type, $e) {
+                var datum;
+                if (datum = this.dropdown.getDatumForCursor()) {
+                    this._select(datum);
+                    $e.preventDefault();
+                } else {
+                    this._autocomplete(true);
+                }
+            },
+            _onEscKeyed: function onEscKeyed() {
+                this.dropdown.close();
+                this.input.resetInputValue();
+            },
+            _onUpKeyed: function onUpKeyed() {
+                var query = this.input.getQuery();
+                this.dropdown.isEmpty && query.length >= this.minLength ? this.dropdown.update(query) : this.dropdown.moveCursorUp();
+                this.dropdown.open();
+            },
+            _onDownKeyed: function onDownKeyed() {
+                var query = this.input.getQuery();
+                this.dropdown.isEmpty && query.length >= this.minLength ? this.dropdown.update(query) : this.dropdown.moveCursorDown();
+                this.dropdown.open();
+            },
+            _onLeftKeyed: function onLeftKeyed() {
+                this.dir === "rtl" && this._autocomplete();
+            },
+            _onRightKeyed: function onRightKeyed() {
+                this.dir === "ltr" && this._autocomplete();
+            },
+            _onQueryChanged: function onQueryChanged(e, query) {
+                this.input.clearHintIfInvalid();
+                query.length >= this.minLength ? this.dropdown.update(query) : this.dropdown.empty();
+                this.dropdown.open();
+                this._setLanguageDirection();
+            },
+            _onWhitespaceChanged: function onWhitespaceChanged() {
+                this._updateHint();
+                this.dropdown.open();
+            },
+            _setLanguageDirection: function setLanguageDirection() {
+                var dir;
+                if (this.dir !== (dir = this.input.getLanguageDirection())) {
+                    this.dir = dir;
+                    this.$node.css("direction", dir);
+                    this.dropdown.setLanguageDirection(dir);
+                }
+            },
+            _updateHint: function updateHint() {
+                var datum, val, query, escapedQuery, frontMatchRegEx, match;
+                datum = this.dropdown.getDatumForTopSuggestion();
+                if (datum && this.dropdown.isVisible() && !this.input.hasOverflow()) {
+                    val = this.input.getInputValue();
+                    query = Input.normalizeQuery(val);
+                    escapedQuery = _.escapeRegExChars(query);
+                    frontMatchRegEx = new RegExp("^(?:" + escapedQuery + ")(.+$)", "i");
+                    match = frontMatchRegEx.exec(datum.value);
+                    match ? this.input.setHint(val + match[1]) : this.input.clearHint();
+                } else {
+                    this.input.clearHint();
+                }
+            },
+            _autocomplete: function autocomplete(laxCursor) {
+                var hint, query, isCursorAtEnd, datum;
+                hint = this.input.getHint();
+                query = this.input.getQuery();
+                isCursorAtEnd = laxCursor || this.input.isCursorAtEnd();
+                if (hint && query !== hint && isCursorAtEnd) {
+                    datum = this.dropdown.getDatumForTopSuggestion();
+                    datum && this.input.setInputValue(datum.value);
+                    this.eventBus.trigger("autocompleted", datum.raw, datum.datasetName);
+                }
+            },
+            _select: function select(datum) {
+                this.input.setQuery(datum.value);
+                this.input.setInputValue(datum.value, true);
+                this._setLanguageDirection();
+                this.eventBus.trigger("selected", datum.raw, datum.datasetName);
+                this.dropdown.close();
+                _.defer(_.bind(this.dropdown.empty, this.dropdown));
+            },
+            open: function open() {
+                this.dropdown.open();
+            },
+            close: function close() {
+                this.dropdown.close();
+            },
+            setVal: function setVal(val) {
+                val = _.toStr(val);
+                if (this.isActivated) {
+                    this.input.setInputValue(val);
+                } else {
+                    this.input.setQuery(val);
+                    this.input.setInputValue(val, true);
+                }
+                this._setLanguageDirection();
+            },
+            getVal: function getVal() {
+                return this.input.getQuery();
+            },
+            destroy: function destroy() {
+                this.input.destroy();
+                this.dropdown.destroy();
+                destroyDomStructure(this.$node);
+                this.$node = null;
+            }
+        });
+        return Typeahead;
+        function buildDom(input, withHint) {
+            var $input, $wrapper, $dropdown, $hint;
+            $input = $(input);
+            $wrapper = $(html.wrapper).css(css.wrapper);
+            $dropdown = $(html.dropdown).css(css.dropdown);
+            $hint = $input.clone().css(css.hint).css(getBackgroundStyles($input));
+            $hint.val("").removeData().addClass("tt-hint").removeAttr("id name placeholder required").prop("readonly", true).attr({
+                autocomplete: "off",
+                spellcheck: "false",
+                tabindex: -1
+            });
+            $input.data(attrsKey, {
+                dir: $input.attr("dir"),
+                autocomplete: $input.attr("autocomplete"),
+                spellcheck: $input.attr("spellcheck"),
+                style: $input.attr("style")
+            });
+            $input.addClass("tt-input").attr({
+                autocomplete: "off",
+                spellcheck: false
+            }).css(withHint ? css.input : css.inputWithNoHint);
+            try {
+                !$input.attr("dir") && $input.attr("dir", "auto");
+            } catch (e) {}
+            return $input.wrap($wrapper).parent().prepend(withHint ? $hint : null).append($dropdown);
+        }
+        function getBackgroundStyles($el) {
+            return {
+                backgroundAttachment: $el.css("background-attachment"),
+                backgroundClip: $el.css("background-clip"),
+                backgroundColor: $el.css("background-color"),
+                backgroundImage: $el.css("background-image"),
+                backgroundOrigin: $el.css("background-origin"),
+                backgroundPosition: $el.css("background-position"),
+                backgroundRepeat: $el.css("background-repeat"),
+                backgroundSize: $el.css("background-size")
+            };
+        }
+        function destroyDomStructure($node) {
+            var $input = $node.find(".tt-input");
+            _.each($input.data(attrsKey), function(val, key) {
+                _.isUndefined(val) ? $input.removeAttr(key) : $input.attr(key, val);
+            });
+            $input.detach().removeData(attrsKey).removeClass("tt-input").insertAfter($node);
+            $node.remove();
+        }
+    }();
+    (function() {
+        "use strict";
+        var old, typeaheadKey, methods;
+        old = $.fn.typeahead;
+        typeaheadKey = "ttTypeahead";
+        methods = {
+            initialize: function initialize(o, datasets) {
+                datasets = _.isArray(datasets) ? datasets : [].slice.call(arguments, 1);
+                o = o || {};
+                return this.each(attach);
+                function attach() {
+                    var $input = $(this), eventBus, typeahead;
+                    _.each(datasets, function(d) {
+                        d.highlight = !!o.highlight;
+                    });
+                    typeahead = new Typeahead({
+                        input: $input,
+                        eventBus: eventBus = new EventBus({
+                            el: $input
+                        }),
+                        withHint: _.isUndefined(o.hint) ? true : !!o.hint,
+                        minLength: o.minLength,
+                        autoselect: o.autoselect,
+                        datasets: datasets
+                    });
+                    $input.data(typeaheadKey, typeahead);
+                }
+            },
+            open: function open() {
+                return this.each(openTypeahead);
+                function openTypeahead() {
+                    var $input = $(this), typeahead;
+                    if (typeahead = $input.data(typeaheadKey)) {
+                        typeahead.open();
+                    }
+                }
+            },
+            close: function close() {
+                return this.each(closeTypeahead);
+                function closeTypeahead() {
+                    var $input = $(this), typeahead;
+                    if (typeahead = $input.data(typeaheadKey)) {
+                        typeahead.close();
+                    }
+                }
+            },
+            val: function val(newVal) {
+                return !arguments.length ? getVal(this.first()) : this.each(setVal);
+                function setVal() {
+                    var $input = $(this), typeahead;
+                    if (typeahead = $input.data(typeaheadKey)) {
+                        typeahead.setVal(newVal);
+                    }
+                }
+                function getVal($input) {
+                    var typeahead, query;
+                    if (typeahead = $input.data(typeaheadKey)) {
+                        query = typeahead.getVal();
+                    }
+                    return query;
+                }
+            },
+            destroy: function destroy() {
+                return this.each(unattach);
+                function unattach() {
+                    var $input = $(this), typeahead;
+                    if (typeahead = $input.data(typeaheadKey)) {
+                        typeahead.destroy();
+                        $input.removeData(typeaheadKey);
+                    }
+                }
+            }
+        };
+        $.fn.typeahead = function(method) {
+            var tts;
+            if (methods[method] && method !== "initialize") {
+                tts = this.filter(function() {
+                    return !!$(this).data(typeaheadKey);
+                });
+                return methods[method].apply(tts, [].slice.call(arguments, 1));
+            } else {
+                return methods.initialize.apply(this, arguments);
+            }
+        };
+        $.fn.typeahead.noConflict = function noConflict() {
+            $.fn.typeahead = old;
+            return this;
+        };
+    })();
+})(window.jQuery);
\ No newline at end of file
diff --git a/vendor/javascripts/waypoints.js b/vendor/javascripts/waypoints.js
new file mode 100755
index 0000000..ea855ba
--- /dev/null
+++ b/vendor/javascripts/waypoints.js
@@ -0,0 +1,517 @@
+// Generated by CoffeeScript 1.6.2
+/*!
+jQuery Waypoints - v2.0.5
+Copyright (c) 2011-2014 Caleb Troughton
+Licensed under the MIT license.
+https://github.com/imakewebthings/jquery-waypoints/blob/master/licenses.txt
+*/
+
+
+(function() {
+  var __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; },
+    __slice = [].slice;
+
+  (function(root, factory) {
+    if (typeof define === 'function' && define.amd) {
+      return define('waypoints', ['jquery'], function($) {
+        return factory($, root);
+      });
+    } else {
+      return factory(root.jQuery, root);
+    }
+  })(window, function($, window) {
+    var $w, Context, Waypoint, allWaypoints, contextCounter, contextKey, contexts, isTouch, jQMethods, methods, resizeEvent, scrollEvent, waypointCounter, waypointKey, wp, wps;
+
+    $w = $(window);
+    isTouch = __indexOf.call(window, 'ontouchstart') >= 0;
+    allWaypoints = {
+      horizontal: {},
+      vertical: {}
+    };
+    contextCounter = 1;
+    contexts = {};
+    contextKey = 'waypoints-context-id';
+    resizeEvent = 'resize.waypoints';
+    scrollEvent = 'scroll.waypoints';
+    waypointCounter = 1;
+    waypointKey = 'waypoints-waypoint-ids';
+    wp = 'waypoint';
+    wps = 'waypoints';
+    Context = (function() {
+      function Context($element) {
+        var _this = this;
+
+        this.$element = $element;
+        this.element = $element[0];
+        this.didResize = false;
+        this.didScroll = false;
+        this.id = 'context' + contextCounter++;
+        this.oldScroll = {
+          x: $element.scrollLeft(),
+          y: $element.scrollTop()
+        };
+        this.waypoints = {
+          horizontal: {},
+          vertical: {}
+        };
+        this.element[contextKey] = this.id;
+        contexts[this.id] = this;
+        $element.bind(scrollEvent, function() {
+          var scrollHandler;
+
+          if (!(_this.didScroll || isTouch)) {
+            _this.didScroll = true;
+            scrollHandler = function() {
+              _this.doScroll();
+              return _this.didScroll = false;
+            };
+            return window.setTimeout(scrollHandler, $[wps].settings.scrollThrottle);
+          }
+        });
+        $element.bind(resizeEvent, function() {
+          var resizeHandler;
+
+          if (!_this.didResize) {
+            _this.didResize = true;
+            resizeHandler = function() {
+              $[wps]('refresh');
+              return _this.didResize = false;
+            };
+            return window.setTimeout(resizeHandler, $[wps].settings.resizeThrottle);
+          }
+        });
+      }
+
+      Context.prototype.doScroll = function() {
+        var axes,
+          _this = this;
+
+        axes = {
+          horizontal: {
+            newScroll: this.$element.scrollLeft(),
+            oldScroll: this.oldScroll.x,
+            forward: 'right',
+            backward: 'left'
+          },
+          vertical: {
+            newScroll: this.$element.scrollTop(),
+            oldScroll: this.oldScroll.y,
+            forward: 'down',
+            backward: 'up'
+          }
+        };
+        if (isTouch && (!axes.vertical.oldScroll || !axes.vertical.newScroll)) {
+          $[wps]('refresh');
+        }
+        $.each(axes, function(aKey, axis) {
+          var direction, isForward, triggered;
+
+          triggered = [];
+          isForward = axis.newScroll > axis.oldScroll;
+          direction = isForward ? axis.forward : axis.backward;
+          $.each(_this.waypoints[aKey], function(wKey, waypoint) {
+            var _ref, _ref1;
+
+            if ((axis.oldScroll < (_ref = waypoint.offset) && _ref <= axis.newScroll)) {
+              return triggered.push(waypoint);
+            } else if ((axis.newScroll < (_ref1 = waypoint.offset) && _ref1 <= axis.oldScroll)) {
+              return triggered.push(waypoint);
+            }
+          });
+          triggered.sort(function(a, b) {
+            return a.offset - b.offset;
+          });
+          if (!isForward) {
+            triggered.reverse();
+          }
+          return $.each(triggered, function(i, waypoint) {
+            if (waypoint.options.continuous || i === triggered.length - 1) {
+              return waypoint.trigger([direction]);
+            }
+          });
+        });
+        return this.oldScroll = {
+          x: axes.horizontal.newScroll,
+          y: axes.vertical.newScroll
+        };
+      };
+
+      Context.prototype.refresh = function() {
+        var axes, cOffset, isWin,
+          _this = this;
+
+        isWin = $.isWindow(this.element);
+        cOffset = this.$element.offset();
+        this.doScroll();
+        axes = {
+          horizontal: {
+            contextOffset: isWin ? 0 : cOffset.left,
+            contextScroll: isWin ? 0 : this.oldScroll.x,
+            contextDimension: this.$element.width(),
+            oldScroll: this.oldScroll.x,
+            forward: 'right',
+            backward: 'left',
+            offsetProp: 'left'
+          },
+          vertical: {
+            contextOffset: isWin ? 0 : cOffset.top,
+            contextScroll: isWin ? 0 : this.oldScroll.y,
+            contextDimension: isWin ? $[wps]('viewportHeight') : this.$element.height(),
+            oldScroll: this.oldScroll.y,
+            forward: 'down',
+            backward: 'up',
+            offsetProp: 'top'
+          }
+        };
+        return $.each(axes, function(aKey, axis) {
+          return $.each(_this.waypoints[aKey], function(i, waypoint) {
+            var adjustment, elementOffset, oldOffset, _ref, _ref1;
+
+            adjustment = waypoint.options.offset;
+            oldOffset = waypoint.offset;
+            elementOffset = $.isWindow(waypoint.element) ? 0 : waypoint.$element.offset()[axis.offsetProp];
+            if ($.isFunction(adjustment)) {
+              adjustment = adjustment.apply(waypoint.element);
+            } else if (typeof adjustment === 'string') {
+              adjustment = parseFloat(adjustment);
+              if (waypoint.options.offset.indexOf('%') > -1) {
+                adjustment = Math.ceil(axis.contextDimension * adjustment / 100);
+              }
+            }
+            waypoint.offset = elementOffset - axis.contextOffset + axis.contextScroll - adjustment;
+            if ((waypoint.options.onlyOnScroll && (oldOffset != null)) || !waypoint.enabled) {
+              return;
+            }
+            if (oldOffset !== null && (oldOffset < (_ref = axis.oldScroll) && _ref <= waypoint.offset)) {
+              return waypoint.trigger([axis.backward]);
+            } else if (oldOffset !== null && (oldOffset > (_ref1 = axis.oldScroll) && _ref1 >= waypoint.offset)) {
+              return waypoint.trigger([axis.forward]);
+            } else if (oldOffset === null && axis.oldScroll >= waypoint.offset) {
+              return waypoint.trigger([axis.forward]);
+            }
+          });
+        });
+      };
+
+      Context.prototype.checkEmpty = function() {
+        if ($.isEmptyObject(this.waypoints.horizontal) && $.isEmptyObject(this.waypoints.vertical)) {
+          this.$element.unbind([resizeEvent, scrollEvent].join(' '));
+          return delete contexts[this.id];
+        }
+      };
+
+      return Context;
+
+    })();
+    Waypoint = (function() {
+      function Waypoint($element, context, options) {
+        var idList, _ref;
+
+        if (options.offset === 'bottom-in-view') {
+          options.offset = function() {
+            var contextHeight;
+
+            contextHeight = $[wps]('viewportHeight');
+            if (!$.isWindow(context.element)) {
+              contextHeight = context.$element.height();
+            }
+            return contextHeight - $(this).outerHeight();
+          };
+        }
+        this.$element = $element;
+        this.element = $element[0];
+        this.axis = options.horizontal ? 'horizontal' : 'vertical';
+        this.callback = options.handler;
+        this.context = context;
+        this.enabled = options.enabled;
+        this.id = 'waypoints' + waypointCounter++;
+        this.offset = null;
+        this.options = options;
+        context.waypoints[this.axis][this.id] = this;
+        allWaypoints[this.axis][this.id] = this;
+        idList = (_ref = this.element[waypointKey]) != null ? _ref : [];
+        idList.push(this.id);
+        this.element[waypointKey] = idList;
+      }
+
+      Waypoint.prototype.trigger = function(args) {
+        if (!this.enabled) {
+          return;
+        }
+        if (this.callback != null) {
+          this.callback.apply(this.element, args);
+        }
+        if (this.options.triggerOnce) {
+          return this.destroy();
+        }
+      };
+
+      Waypoint.prototype.disable = function() {
+        return this.enabled = false;
+      };
+
+      Waypoint.prototype.enable = function() {
+        this.context.refresh();
+        return this.enabled = true;
+      };
+
+      Waypoint.prototype.destroy = function() {
+        delete allWaypoints[this.axis][this.id];
+        delete this.context.waypoints[this.axis][this.id];
+        return this.context.checkEmpty();
+      };
+
+      Waypoint.getWaypointsByElement = function(element) {
+        var all, ids;
+
+        ids = element[waypointKey];
+        if (!ids) {
+          return [];
+        }
+        all = $.extend({}, allWaypoints.horizontal, allWaypoints.vertical);
+        return $.map(ids, function(id) {
+          return all[id];
+        });
+      };
+
+      return Waypoint;
+
+    })();
+    methods = {
+      init: function(f, options) {
+        var _ref;
+
+        options = $.extend({}, $.fn[wp].defaults, options);
+        if ((_ref = options.handler) == null) {
+          options.handler = f;
+        }
+        this.each(function() {
+          var $this, context, contextElement, _ref1;
+
+          $this = $(this);
+          contextElement = (_ref1 = options.context) != null ? _ref1 : $.fn[wp].defaults.context;
+          if (!$.isWindow(contextElement)) {
+            contextElement = $this.closest(contextElement);
+          }
+          contextElement = $(contextElement);
+          context = contexts[contextElement[0][contextKey]];
+          if (!context) {
+            context = new Context(contextElement);
+          }
+          return new Waypoint($this, context, options);
+        });
+        $[wps]('refresh');
+        return this;
+      },
+      disable: function() {
+        return methods._invoke.call(this, 'disable');
+      },
+      enable: function() {
+        return methods._invoke.call(this, 'enable');
+      },
+      destroy: function() {
+        return methods._invoke.call(this, 'destroy');
+      },
+      prev: function(axis, selector) {
+        return methods._traverse.call(this, axis, selector, function(stack, index, waypoints) {
+          if (index > 0) {
+            return stack.push(waypoints[index - 1]);
+          }
+        });
+      },
+      next: function(axis, selector) {
+        return methods._traverse.call(this, axis, selector, function(stack, index, waypoints) {
+          if (index < waypoints.length - 1) {
+            return stack.push(waypoints[index + 1]);
+          }
+        });
+      },
+      _traverse: function(axis, selector, push) {
+        var stack, waypoints;
+
+        if (axis == null) {
+          axis = 'vertical';
+        }
+        if (selector == null) {
+          selector = window;
+        }
+        waypoints = jQMethods.aggregate(selector);
+        stack = [];
+        this.each(function() {
+          var index;
+
+          index = $.inArray(this, waypoints[axis]);
+          return push(stack, index, waypoints[axis]);
+        });
+        return this.pushStack(stack);
+      },
+      _invoke: function(method) {
+        this.each(function() {
+          var waypoints;
+
+          waypoints = Waypoint.getWaypointsByElement(this);
+          return $.each(waypoints, function(i, waypoint) {
+            waypoint[method]();
+            return true;
+          });
+        });
+        return this;
+      }
+    };
+    $.fn[wp] = function() {
+      var args, method;
+
+      method = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+      if (methods[method]) {
+        return methods[method].apply(this, args);
+      } else if ($.isFunction(method)) {
+        return methods.init.apply(this, arguments);
+      } else if ($.isPlainObject(method)) {
+        return methods.init.apply(this, [null, method]);
+      } else if (!method) {
+        return $.error("jQuery Waypoints needs a callback function or handler option.");
+      } else {
+        return $.error("The " + method + " method does not exist in jQuery Waypoints.");
+      }
+    };
+    $.fn[wp].defaults = {
+      context: window,
+      continuous: true,
+      enabled: true,
+      horizontal: false,
+      offset: 0,
+      triggerOnce: false
+    };
+    jQMethods = {
+      refresh: function() {
+        return $.each(contexts, function(i, context) {
+          return context.refresh();
+        });
+      },
+      viewportHeight: function() {
+        var _ref;
+
+        return (_ref = window.innerHeight) != null ? _ref : $w.height();
+      },
+      aggregate: function(contextSelector) {
+        var collection, waypoints, _ref;
+
+        collection = allWaypoints;
+        if (contextSelector) {
+          collection = (_ref = contexts[$(contextSelector)[0][contextKey]]) != null ? _ref.waypoints : void 0;
+        }
+        if (!collection) {
+          return [];
+        }
+        waypoints = {
+          horizontal: [],
+          vertical: []
+        };
+        $.each(waypoints, function(axis, arr) {
+          $.each(collection[axis], function(key, waypoint) {
+            return arr.push(waypoint);
+          });
+          arr.sort(function(a, b) {
+            return a.offset - b.offset;
+          });
+          waypoints[axis] = $.map(arr, function(waypoint) {
+            return waypoint.element;
+          });
+          return waypoints[axis] = $.unique(waypoints[axis]);
+        });
+        return waypoints;
+      },
+      above: function(contextSelector) {
+        if (contextSelector == null) {
+          contextSelector = window;
+        }
+        return jQMethods._filter(contextSelector, 'vertical', function(context, waypoint) {
+          return waypoint.offset <= context.oldScroll.y;
+        });
+      },
+      below: function(contextSelector) {
+        if (contextSelector == null) {
+          contextSelector = window;
+        }
+        return jQMethods._filter(contextSelector, 'vertical', function(context, waypoint) {
+          return waypoint.offset > context.oldScroll.y;
+        });
+      },
+      left: function(contextSelector) {
+        if (contextSelector == null) {
+          contextSelector = window;
+        }
+        return jQMethods._filter(contextSelector, 'horizontal', function(context, waypoint) {
+          return waypoint.offset <= context.oldScroll.x;
+        });
+      },
+      right: function(contextSelector) {
+        if (contextSelector == null) {
+          contextSelector = window;
+        }
+        return jQMethods._filter(contextSelector, 'horizontal', function(context, waypoint) {
+          return waypoint.offset > context.oldScroll.x;
+        });
+      },
+      enable: function() {
+        return jQMethods._invoke('enable');
+      },
+      disable: function() {
+        return jQMethods._invoke('disable');
+      },
+      destroy: function() {
+        return jQMethods._invoke('destroy');
+      },
+      extendFn: function(methodName, f) {
+        return methods[methodName] = f;
+      },
+      _invoke: function(method) {
+        var waypoints;
+
+        waypoints = $.extend({}, allWaypoints.vertical, allWaypoints.horizontal);
+        return $.each(waypoints, function(key, waypoint) {
+          waypoint[method]();
+          return true;
+        });
+      },
+      _filter: function(selector, axis, test) {
+        var context, waypoints;
+
+        context = contexts[$(selector)[0][contextKey]];
+        if (!context) {
+          return [];
+        }
+        waypoints = [];
+        $.each(context.waypoints[axis], function(i, waypoint) {
+          if (test(context, waypoint)) {
+            return waypoints.push(waypoint);
+          }
+        });
+        waypoints.sort(function(a, b) {
+          return a.offset - b.offset;
+        });
+        return $.map(waypoints, function(waypoint) {
+          return waypoint.element;
+        });
+      }
+    };
+    $[wps] = function() {
+      var args, method;
+
+      method = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+      if (jQMethods[method]) {
+        return jQMethods[method].apply(null, args);
+      } else {
+        return jQMethods.aggregate.call(null, method);
+      }
+    };
+    $[wps].settings = {
+      resizeThrottle: 100,
+      scrollThrottle: 30
+    };
+    return $w.on('load.waypoints', function() {
+      return $[wps]('refresh');
+    });
+  });
+
+}).call(this);
diff --git a/vendor/stylesheets/animate.css b/vendor/stylesheets/animate.css
new file mode 100755
index 0000000..47433c1
--- /dev/null
+++ b/vendor/stylesheets/animate.css
@@ -0,0 +1,3181 @@
+@charset "UTF-8";
+
+/*!
+Animate.css - http://daneden.me/animate
+Licensed under the MIT license - http://opensource.org/licenses/MIT
+
+Copyright (c) 2015 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;
+}
+
+.animated.hinge {
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+}
+
+.animated.bounceIn,
+.animated.bounceOut {
+  -webkit-animation-duration: .75s;
+  animation-duration: .75s;
+}
+
+.animated.flipOutX,
+.animated.flipOutY {
+  -webkit-animation-duration: .75s;
+  animation-duration: .75s;
+}
+
+@-webkit-keyframes bounce {
+  0%, 20%, 53%, 80%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    -webkit-transform: translate3d(0,0,0);
+    transform: translate3d(0,0,0);
+  }
+
+  40%, 43% {
+    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    -webkit-transform: translate3d(0, -30px, 0);
+    transform: translate3d(0, -30px, 0);
+  }
+
+  70% {
+    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    -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 {
+  0%, 20%, 53%, 80%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    -webkit-transform: translate3d(0,0,0);
+    transform: translate3d(0,0,0);
+  }
+
+  40%, 43% {
+    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    -webkit-transform: translate3d(0, -30px, 0);
+    transform: translate3d(0, -30px, 0);
+  }
+
+  70% {
+    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    -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 {
+  0%, 50%, 100% {
+    opacity: 1;
+  }
+
+  25%, 75% {
+    opacity: 0;
+  }
+}
+
+@keyframes flash {
+  0%, 50%, 100% {
+    opacity: 1;
+  }
+
+  25%, 75% {
+    opacity: 0;
+  }
+}
+
+.flash {
+  -webkit-animation-name: flash;
+  animation-name: flash;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes pulse {
+  0% {
+    -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);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes pulse {
+  0% {
+    -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);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.pulse {
+  -webkit-animation-name: pulse;
+  animation-name: pulse;
+}
+
+@-webkit-keyframes rubberBand {
+  0% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.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);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes rubberBand {
+  0% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.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);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.rubberBand {
+  -webkit-animation-name: rubberBand;
+  animation-name: rubberBand;
+}
+
+@-webkit-keyframes shake {
+  0%, 100% {
+    -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 {
+  0%, 100% {
+    -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 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);
+  }
+
+  100% {
+    -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);
+  }
+
+  100% {
+    -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 {
+  0% {
+    -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);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes tada {
+  0% {
+    -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);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.tada {
+  -webkit-animation-name: tada;
+  animation-name: tada;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes wobble {
+  0% {
+    -webkit-transform: none;
+    transform: none;
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes wobble {
+  0% {
+    -webkit-transform: none;
+    transform: none;
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.wobble {
+  -webkit-animation-name: wobble;
+  animation-name: wobble;
+}
+
+@-webkit-keyframes bounceIn {
+  0%, 20%, 40%, 60%, 80%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes bounceIn {
+  0%, 20%, 40%, 60%, 80%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.bounceIn {
+  -webkit-animation-name: bounceIn;
+  animation-name: bounceIn;
+}
+
+@-webkit-keyframes bounceInDown {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes bounceInDown {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.bounceInDown {
+  -webkit-animation-name: bounceInDown;
+  animation-name: bounceInDown;
+}
+
+@-webkit-keyframes bounceInLeft {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes bounceInLeft {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.bounceInLeft {
+  -webkit-animation-name: bounceInLeft;
+  animation-name: bounceInLeft;
+}
+
+@-webkit-keyframes bounceInRight {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes bounceInRight {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.bounceInRight {
+  -webkit-animation-name: bounceInRight;
+  animation-name: bounceInRight;
+}
+
+@-webkit-keyframes bounceInUp {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    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);
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes bounceInUp {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    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);
+  }
+
+  100% {
+    -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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+}
+
+.bounceOut {
+  -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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.bounceOutUp {
+  -webkit-animation-name: bounceOutUp;
+  animation-name: bounceOutUp;
+}
+
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+.fadeIn {
+  -webkit-animation-name: fadeIn;
+  animation-name: fadeIn;
+}
+
+@-webkit-keyframes fadeInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes fadeInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.fadeInDown {
+  -webkit-animation-name: fadeInDown;
+  animation-name: fadeInDown;
+}
+
+@-webkit-keyframes fadeInDownBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes fadeInDownBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.fadeInDownBig {
+  -webkit-animation-name: fadeInDownBig;
+  animation-name: fadeInDownBig;
+}
+
+@-webkit-keyframes fadeInLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes fadeInLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.fadeInLeft {
+  -webkit-animation-name: fadeInLeft;
+  animation-name: fadeInLeft;
+}
+
+@-webkit-keyframes fadeInLeftBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes fadeInLeftBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.fadeInLeftBig {
+  -webkit-animation-name: fadeInLeftBig;
+  animation-name: fadeInLeftBig;
+}
+
+@-webkit-keyframes fadeInRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes fadeInRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.fadeInRight {
+  -webkit-animation-name: fadeInRight;
+  animation-name: fadeInRight;
+}
+
+@-webkit-keyframes fadeInRightBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes fadeInRightBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.fadeInRightBig {
+  -webkit-animation-name: fadeInRightBig;
+  animation-name: fadeInRightBig;
+}
+
+@-webkit-keyframes fadeInUp {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes fadeInUp {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.fadeInUp {
+  -webkit-animation-name: fadeInUp;
+  animation-name: fadeInUp;
+}
+
+@-webkit-keyframes fadeInUpBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes fadeInUpBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.fadeInUpBig {
+  -webkit-animation-name: fadeInUpBig;
+  animation-name: fadeInUpBig;
+}
+
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+.fadeOut {
+  -webkit-animation-name: fadeOut;
+  animation-name: fadeOut;
+}
+
+@-webkit-keyframes fadeOutDown {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes fadeOutDown {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+.fadeOutDown {
+  -webkit-animation-name: fadeOutDown;
+  animation-name: fadeOutDown;
+}
+
+@-webkit-keyframes fadeOutDownBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+@keyframes fadeOutDownBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+.fadeOutDownBig {
+  -webkit-animation-name: fadeOutDownBig;
+  animation-name: fadeOutDownBig;
+}
+
+@-webkit-keyframes fadeOutLeft {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes fadeOutLeft {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+.fadeOutLeft {
+  -webkit-animation-name: fadeOutLeft;
+  animation-name: fadeOutLeft;
+}
+
+@-webkit-keyframes fadeOutLeftBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+@keyframes fadeOutLeftBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+.fadeOutLeftBig {
+  -webkit-animation-name: fadeOutLeftBig;
+  animation-name: fadeOutLeftBig;
+}
+
+@-webkit-keyframes fadeOutRight {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes fadeOutRight {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.fadeOutRight {
+  -webkit-animation-name: fadeOutRight;
+  animation-name: fadeOutRight;
+}
+
+@-webkit-keyframes fadeOutRightBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+@keyframes fadeOutRightBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+.fadeOutRightBig {
+  -webkit-animation-name: fadeOutRightBig;
+  animation-name: fadeOutRightBig;
+}
+
+@-webkit-keyframes fadeOutUp {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes fadeOutUp {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+.fadeOutUp {
+  -webkit-animation-name: fadeOutUp;
+  animation-name: fadeOutUp;
+}
+
+@-webkit-keyframes fadeOutUpBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+@keyframes fadeOutUpBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.fadeOutUpBig {
+  -webkit-animation-name: fadeOutUpBig;
+  animation-name: fadeOutUpBig;
+}
+
+@-webkit-keyframes flip {
+  0% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+}
+
+@keyframes flip {
+  0% {
+    -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;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    -webkit-transition-timing-function: ease-in;
+    transition-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-transition-timing-function: ease-in;
+    transition-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);
+  }
+
+  100% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+
+@keyframes flipInX {
+  0% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    -webkit-transition-timing-function: ease-in;
+    transition-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-transition-timing-function: ease-in;
+    transition-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);
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    -webkit-transition-timing-function: ease-in;
+    transition-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-transition-timing-function: ease-in;
+    transition-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);
+  }
+
+  100% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+
+@keyframes flipInY {
+  0% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    -webkit-transition-timing-function: ease-in;
+    transition-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-transition-timing-function: ease-in;
+    transition-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);
+  }
+
+  100% {
+    -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 {
+  0% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes flipOutX {
+  0% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutX {
+  -webkit-animation-name: flipOutX;
+  animation-name: flipOutX;
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+}
+
+@-webkit-keyframes flipOutY {
+  0% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes flipOutY {
+  0% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutY {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  -webkit-animation-name: flipOutY;
+  animation-name: flipOutY;
+}
+
+@-webkit-keyframes lightSpeedIn {
+  0% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes lightSpeedIn {
+  0% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.lightSpeedIn {
+  -webkit-animation-name: lightSpeedIn;
+  animation-name: lightSpeedIn;
+  -webkit-animation-timing-function: ease-out;
+  animation-timing-function: ease-out;
+}
+
+@-webkit-keyframes lightSpeedOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+
+@keyframes lightSpeedOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, -200deg);
+    transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes rotateIn {
+  0% {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, -200deg);
+    transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateIn {
+  -webkit-animation-name: rotateIn;
+  animation-name: rotateIn;
+}
+
+@-webkit-keyframes rotateInDownLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInDownLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInDownLeft {
+  -webkit-animation-name: rotateInDownLeft;
+  animation-name: rotateInDownLeft;
+}
+
+@-webkit-keyframes rotateInDownRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInDownRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInDownRight {
+  -webkit-animation-name: rotateInDownRight;
+  animation-name: rotateInDownRight;
+}
+
+@-webkit-keyframes rotateInUpLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInUpLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInUpLeft {
+  -webkit-animation-name: rotateInUpLeft;
+  animation-name: rotateInUpLeft;
+}
+
+@-webkit-keyframes rotateInUpRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -90deg);
+    transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInUpRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -90deg);
+    transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInUpRight {
+  -webkit-animation-name: rotateInUpRight;
+  animation-name: rotateInUpRight;
+}
+
+@-webkit-keyframes rotateOut {
+  0% {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, 200deg);
+    transform: rotate3d(0, 0, 1, 200deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOut {
+  0% {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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;
+  }
+
+  100% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 700px, 0);
+    transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+
+.hinge {
+  -webkit-animation-name: hinge;
+  animation-name: hinge;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes rollIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.rollIn {
+  -webkit-animation-name: rollIn;
+  animation-name: rollIn;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    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 {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    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 {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+@keyframes zoomIn {
+  0% {
+    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 {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+@keyframes zoomInDown {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInDown {
+  -webkit-animation-name: zoomInDown;
+  animation-name: zoomInDown;
+}
+
+@-webkit-keyframes zoomInLeft {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+@keyframes zoomInLeft {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInLeft {
+  -webkit-animation-name: zoomInLeft;
+  animation-name: zoomInLeft;
+}
+
+@-webkit-keyframes zoomInRight {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+@keyframes zoomInRight {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInRight {
+  -webkit-animation-name: zoomInRight;
+  animation-name: zoomInRight;
+}
+
+@-webkit-keyframes zoomInUp {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+@keyframes zoomInUp {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInUp {
+  -webkit-animation-name: zoomInUp;
+  animation-name: zoomInUp;
+}
+
+@-webkit-keyframes zoomOut {
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes zoomOut {
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  100% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  100% {
+    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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  100% {
+    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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  100% {
+    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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  100% {
+    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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomOutUp {
+  -webkit-animation-name: zoomOutUp;
+  animation-name: zoomOutUp;
+}
+
+@-webkit-keyframes slideInDown {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInDown {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInDown {
+  -webkit-animation-name: slideInDown;
+  animation-name: slideInDown;
+}
+
+@-webkit-keyframes slideInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInLeft {
+  -webkit-animation-name: slideInLeft;
+  animation-name: slideInLeft;
+}
+
+@-webkit-keyframes slideInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInRight {
+  -webkit-animation-name: slideInRight;
+  animation-name: slideInRight;
+}
+
+@-webkit-keyframes slideInUp {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInUp {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInUp {
+  -webkit-animation-name: slideInUp;
+  animation-name: slideInUp;
+}
+
+@-webkit-keyframes slideOutDown {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes slideOutDown {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+.slideOutDown {
+  -webkit-animation-name: slideOutDown;
+  animation-name: slideOutDown;
+}
+
+@-webkit-keyframes slideOutLeft {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes slideOutLeft {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+.slideOutLeft {
+  -webkit-animation-name: slideOutLeft;
+  animation-name: slideOutLeft;
+}
+
+@-webkit-keyframes slideOutRight {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes slideOutRight {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.slideOutRight {
+  -webkit-animation-name: slideOutRight;
+  animation-name: slideOutRight;
+}
+
+@-webkit-keyframes slideOutUp {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes slideOutUp {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+.slideOutUp {
+  -webkit-animation-name: slideOutUp;
+  animation-name: slideOutUp;
+}
\ No newline at end of file
diff --git a/vendor/stylesheets/bootstrap-tour.css b/vendor/stylesheets/bootstrap-tour.css
new file mode 100755
index 0000000..01cd0bc
--- /dev/null
+++ b/vendor/stylesheets/bootstrap-tour.css
@@ -0,0 +1,52 @@
+.tour-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1100;
+  background-color: #000;
+  opacity: 0.8;
+  filter: alpha(opacity=80);
+}
+.tour-step-backdrop {
+  position: relative;
+  z-index: 1101;
+  background: inherit;
+}
+.tour-step-backdrop > td {
+  position: relative;
+  z-index: 1101;
+}
+.tour-step-background {
+  position: absolute !important;
+  z-index: 1100;
+  background: inherit;
+  border-radius: 6px;
+}
+.popover[class*="tour-"] {
+  z-index: 1100;
+}
+.popover[class*="tour-"] .popover-navigation {
+  padding: 9px 14px;
+}
+.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
+  float: right;
+}
+.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
+.popover[class*="tour-"] .popover-navigation *[data-role="next"],
+.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
+  cursor: pointer;
+}
+.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,
+.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
+.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
+  cursor: default;
+}
+.popover[class*="tour-"].orphan {
+  position: fixed;
+  margin-top: 0;
+}
+.popover[class*="tour-"].orphan .arrow {
+  display: none;
+}
diff --git a/vendor/stylesheets/bootstrap.css b/vendor/stylesheets/bootstrap.css
new file mode 100755
index 0000000..fa616e2
--- /dev/null
+++ b/vendor/stylesheets/bootstrap.css
@@ -0,0 +1,6800 @@
+/*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+html {
+  font-family: sans-serif;
+  -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+}
+body {
+  margin: 0;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  vertical-align: baseline;
+}
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+[hidden],
+template {
+  display: none;
+}
+a {
+  background-color: transparent;
+}
+a:active,
+a:hover {
+  outline: 0;
+}
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+b,
+strong {
+  font-weight: bold;
+}
+dfn {
+  font-style: italic;
+}
+h1 {
+  margin: .67em 0;
+  font-size: 2em;
+}
+mark {
+  color: #000;
+  background: #ff0;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+sup {
+  top: -.5em;
+}
+sub {
+  bottom: -.25em;
+}
+img {
+  border: 0;
+}
+svg:not(:root) {
+  overflow: hidden;
+}
+figure {
+  margin: 1em 40px;
+}
+hr {
+  height: 0;
+  -webkit-box-sizing: content-box;
+     -moz-box-sizing: content-box;
+          box-sizing: content-box;
+}
+pre {
+  overflow: auto;
+}
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  margin: 0;
+  font: inherit;
+  color: inherit;
+}
+button {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+input {
+  line-height: normal;
+}
+input[type="checkbox"],
+input[type="radio"] {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+}
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+input[type="search"] {
+  -webkit-box-sizing: content-box;
+     -moz-box-sizing: content-box;
+          box-sizing: content-box;
+  -webkit-appearance: textfield;
+}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+fieldset {
+  padding: .35em .625em .75em;
+  margin: 0 2px;
+  border: 1px solid #c0c0c0;
+}
+legend {
+  padding: 0;
+  border: 0;
+}
+textarea {
+  overflow: auto;
+}
+optgroup {
+  font-weight: bold;
+}
+table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+td,
+th {
+  padding: 0;
+}
+/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
+@media print {
+  *,
+  *:before,
+  *:after {
+    color: #000 !important;
+    text-shadow: none !important;
+    background: transparent !important;
+    -webkit-box-shadow: none !important;
+            box-shadow: none !important;
+  }
+  a,
+  a:visited {
+    text-decoration: underline;
+  }
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+  abbr[title]:after {
+    content: " (" attr(title) ")";
+  }
+  a[href^="#"]:after,
+  a[href^="javascript:"]:after {
+    content: "";
+  }
+  pre,
+  blockquote {
+    border: 1px solid #999;
+
+    page-break-inside: avoid;
+  }
+  thead {
+    display: table-header-group;
+  }
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+  img {
+    max-width: 100% !important;
+  }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+  .navbar {
+    display: none;
+  }
+  .btn > .caret,
+  .dropup > .btn > .caret {
+    border-top-color: #000 !important;
+  }
+  .label {
+    border: 1px solid #000;
+  }
+  .table {
+    border-collapse: collapse !important;
+  }
+  .table td,
+  .table th {
+    background-color: #fff !important;
+  }
+  .table-bordered th,
+  .table-bordered td {
+    border: 1px solid #ddd !important;
+  }
+}
+@font-face {
+  font-family: 'Glyphicons Halflings';
+
+  src: url('../fonts/glyphicons-halflings-regular.eot');
+  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
+}
+.glyphicon {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  font-family: 'Glyphicons Halflings';
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.glyphicon-asterisk:before {
+  content: "\2a";
+}
+.glyphicon-plus:before {
+  content: "\2b";
+}
+.glyphicon-euro:before,
+.glyphicon-eur:before {
+  content: "\20ac";
+}
+.glyphicon-minus:before {
+  content: "\2212";
+}
+.glyphicon-cloud:before {
+  content: "\2601";
+}
+.glyphicon-envelope:before {
+  content: "\2709";
+}
+.glyphicon-pencil:before {
+  content: "\270f";
+}
+.glyphicon-glass:before {
+  content: "\e001";
+}
+.glyphicon-music:before {
+  content: "\e002";
+}
+.glyphicon-search:before {
+  content: "\e003";
+}
+.glyphicon-heart:before {
+  content: "\e005";
+}
+.glyphicon-star:before {
+  content: "\e006";
+}
+.glyphicon-star-empty:before {
+  content: "\e007";
+}
+.glyphicon-user:before {
+  content: "\e008";
+}
+.glyphicon-film:before {
+  content: "\e009";
+}
+.glyphicon-th-large:before {
+  content: "\e010";
+}
+.glyphicon-th:before {
+  content: "\e011";
+}
+.glyphicon-th-list:before {
+  content: "\e012";
+}
+.glyphicon-ok:before {
+  content: "\e013";
+}
+.glyphicon-remove:before {
+  content: "\e014";
+}
+.glyphicon-zoom-in:before {
+  content: "\e015";
+}
+.glyphicon-zoom-out:before {
+  content: "\e016";
+}
+.glyphicon-off:before {
+  content: "\e017";
+}
+.glyphicon-signal:before {
+  content: "\e018";
+}
+.glyphicon-cog:before {
+  content: "\e019";
+}
+.glyphicon-trash:before {
+  content: "\e020";
+}
+.glyphicon-home:before {
+  content: "\e021";
+}
+.glyphicon-file:before {
+  content: "\e022";
+}
+.glyphicon-time:before {
+  content: "\e023";
+}
+.glyphicon-road:before {
+  content: "\e024";
+}
+.glyphicon-download-alt:before {
+  content: "\e025";
+}
+.glyphicon-download:before {
+  content: "\e026";
+}
+.glyphicon-upload:before {
+  content: "\e027";
+}
+.glyphicon-inbox:before {
+  content: "\e028";
+}
+.glyphicon-play-circle:before {
+  content: "\e029";
+}
+.glyphicon-repeat:before {
+  content: "\e030";
+}
+.glyphicon-refresh:before {
+  content: "\e031";
+}
+.glyphicon-list-alt:before {
+  content: "\e032";
+}
+.glyphicon-lock:before {
+  content: "\e033";
+}
+.glyphicon-flag:before {
+  content: "\e034";
+}
+.glyphicon-headphones:before {
+  content: "\e035";
+}
+.glyphicon-volume-off:before {
+  content: "\e036";
+}
+.glyphicon-volume-down:before {
+  content: "\e037";
+}
+.glyphicon-volume-up:before {
+  content: "\e038";
+}
+.glyphicon-qrcode:before {
+  content: "\e039";
+}
+.glyphicon-barcode:before {
+  content: "\e040";
+}
+.glyphicon-tag:before {
+  content: "\e041";
+}
+.glyphicon-tags:before {
+  content: "\e042";
+}
+.glyphicon-book:before {
+  content: "\e043";
+}
+.glyphicon-bookmark:before {
+  content: "\e044";
+}
+.glyphicon-print:before {
+  content: "\e045";
+}
+.glyphicon-camera:before {
+  content: "\e046";
+}
+.glyphicon-font:before {
+  content: "\e047";
+}
+.glyphicon-bold:before {
+  content: "\e048";
+}
+.glyphicon-italic:before {
+  content: "\e049";
+}
+.glyphicon-text-height:before {
+  content: "\e050";
+}
+.glyphicon-text-width:before {
+  content: "\e051";
+}
+.glyphicon-align-left:before {
+  content: "\e052";
+}
+.glyphicon-align-center:before {
+  content: "\e053";
+}
+.glyphicon-align-right:before {
+  content: "\e054";
+}
+.glyphicon-align-justify:before {
+  content: "\e055";
+}
+.glyphicon-list:before {
+  content: "\e056";
+}
+.glyphicon-indent-left:before {
+  content: "\e057";
+}
+.glyphicon-indent-right:before {
+  content: "\e058";
+}
+.glyphicon-facetime-video:before {
+  content: "\e059";
+}
+.glyphicon-picture:before {
+  content: "\e060";
+}
+.glyphicon-map-marker:before {
+  content: "\e062";
+}
+.glyphicon-adjust:before {
+  content: "\e063";
+}
+.glyphicon-tint:before {
+  content: "\e064";
+}
+.glyphicon-edit:before {
+  content: "\e065";
+}
+.glyphicon-share:before {
+  content: "\e066";
+}
+.glyphicon-check:before {
+  content: "\e067";
+}
+.glyphicon-move:before {
+  content: "\e068";
+}
+.glyphicon-step-backward:before {
+  content: "\e069";
+}
+.glyphicon-fast-backward:before {
+  content: "\e070";
+}
+.glyphicon-backward:before {
+  content: "\e071";
+}
+.glyphicon-play:before {
+  content: "\e072";
+}
+.glyphicon-pause:before {
+  content: "\e073";
+}
+.glyphicon-stop:before {
+  content: "\e074";
+}
+.glyphicon-forward:before {
+  content: "\e075";
+}
+.glyphicon-fast-forward:before {
+  content: "\e076";
+}
+.glyphicon-step-forward:before {
+  content: "\e077";
+}
+.glyphicon-eject:before {
+  content: "\e078";
+}
+.glyphicon-chevron-left:before {
+  content: "\e079";
+}
+.glyphicon-chevron-right:before {
+  content: "\e080";
+}
+.glyphicon-plus-sign:before {
+  content: "\e081";
+}
+.glyphicon-minus-sign:before {
+  content: "\e082";
+}
+.glyphicon-remove-sign:before {
+  content: "\e083";
+}
+.glyphicon-ok-sign:before {
+  content: "\e084";
+}
+.glyphicon-question-sign:before {
+  content: "\e085";
+}
+.glyphicon-info-sign:before {
+  content: "\e086";
+}
+.glyphicon-screenshot:before {
+  content: "\e087";
+}
+.glyphicon-remove-circle:before {
+  content: "\e088";
+}
+.glyphicon-ok-circle:before {
+  content: "\e089";
+}
+.glyphicon-ban-circle:before {
+  content: "\e090";
+}
+.glyphicon-arrow-left:before {
+  content: "\e091";
+}
+.glyphicon-arrow-right:before {
+  content: "\e092";
+}
+.glyphicon-arrow-up:before {
+  content: "\e093";
+}
+.glyphicon-arrow-down:before {
+  content: "\e094";
+}
+.glyphicon-share-alt:before {
+  content: "\e095";
+}
+.glyphicon-resize-full:before {
+  content: "\e096";
+}
+.glyphicon-resize-small:before {
+  content: "\e097";
+}
+.glyphicon-exclamation-sign:before {
+  content: "\e101";
+}
+.glyphicon-gift:before {
+  content: "\e102";
+}
+.glyphicon-leaf:before {
+  content: "\e103";
+}
+.glyphicon-fire:before {
+  content: "\e104";
+}
+.glyphicon-eye-open:before {
+  content: "\e105";
+}
+.glyphicon-eye-close:before {
+  content: "\e106";
+}
+.glyphicon-warning-sign:before {
+  content: "\e107";
+}
+.glyphicon-plane:before {
+  content: "\e108";
+}
+.glyphicon-calendar:before {
+  content: "\e109";
+}
+.glyphicon-random:before {
+  content: "\e110";
+}
+.glyphicon-comment:before {
+  content: "\e111";
+}
+.glyphicon-magnet:before {
+  content: "\e112";
+}
+.glyphicon-chevron-up:before {
+  content: "\e113";
+}
+.glyphicon-chevron-down:before {
+  content: "\e114";
+}
+.glyphicon-retweet:before {
+  content: "\e115";
+}
+.glyphicon-shopping-cart:before {
+  content: "\e116";
+}
+.glyphicon-folder-close:before {
+  content: "\e117";
+}
+.glyphicon-folder-open:before {
+  content: "\e118";
+}
+.glyphicon-resize-vertical:before {
+  content: "\e119";
+}
+.glyphicon-resize-horizontal:before {
+  content: "\e120";
+}
+.glyphicon-hdd:before {
+  content: "\e121";
+}
+.glyphicon-bullhorn:before {
+  content: "\e122";
+}
+.glyphicon-bell:before {
+  content: "\e123";
+}
+.glyphicon-certificate:before {
+  content: "\e124";
+}
+.glyphicon-thumbs-up:before {
+  content: "\e125";
+}
+.glyphicon-thumbs-down:before {
+  content: "\e126";
+}
+.glyphicon-hand-right:before {
+  content: "\e127";
+}
+.glyphicon-hand-left:before {
+  content: "\e128";
+}
+.glyphicon-hand-up:before {
+  content: "\e129";
+}
+.glyphicon-hand-down:before {
+  content: "\e130";
+}
+.glyphicon-circle-arrow-right:before {
+  content: "\e131";
+}
+.glyphicon-circle-arrow-left:before {
+  content: "\e132";
+}
+.glyphicon-circle-arrow-up:before {
+  content: "\e133";
+}
+.glyphicon-circle-arrow-down:before {
+  content: "\e134";
+}
+.glyphicon-globe:before {
+  content: "\e135";
+}
+.glyphicon-wrench:before {
+  content: "\e136";
+}
+.glyphicon-tasks:before {
+  content: "\e137";
+}
+.glyphicon-filter:before {
+  content: "\e138";
+}
+.glyphicon-briefcase:before {
+  content: "\e139";
+}
+.glyphicon-fullscreen:before {
+  content: "\e140";
+}
+.glyphicon-dashboard:before {
+  content: "\e141";
+}
+.glyphicon-paperclip:before {
+  content: "\e142";
+}
+.glyphicon-heart-empty:before {
+  content: "\e143";
+}
+.glyphicon-link:before {
+  content: "\e144";
+}
+.glyphicon-phone:before {
+  content: "\e145";
+}
+.glyphicon-pushpin:before {
+  content: "\e146";
+}
+.glyphicon-usd:before {
+  content: "\e148";
+}
+.glyphicon-gbp:before {
+  content: "\e149";
+}
+.glyphicon-sort:before {
+  content: "\e150";
+}
+.glyphicon-sort-by-alphabet:before {
+  content: "\e151";
+}
+.glyphicon-sort-by-alphabet-alt:before {
+  content: "\e152";
+}
+.glyphicon-sort-by-order:before {
+  content: "\e153";
+}
+.glyphicon-sort-by-order-alt:before {
+  content: "\e154";
+}
+.glyphicon-sort-by-attributes:before {
+  content: "\e155";
+}
+.glyphicon-sort-by-attributes-alt:before {
+  content: "\e156";
+}
+.glyphicon-unchecked:before {
+  content: "\e157";
+}
+.glyphicon-expand:before {
+  content: "\e158";
+}
+.glyphicon-collapse-down:before {
+  content: "\e159";
+}
+.glyphicon-collapse-up:before {
+  content: "\e160";
+}
+.glyphicon-log-in:before {
+  content: "\e161";
+}
+.glyphicon-flash:before {
+  content: "\e162";
+}
+.glyphicon-log-out:before {
+  content: "\e163";
+}
+.glyphicon-new-window:before {
+  content: "\e164";
+}
+.glyphicon-record:before {
+  content: "\e165";
+}
+.glyphicon-save:before {
+  content: "\e166";
+}
+.glyphicon-open:before {
+  content: "\e167";
+}
+.glyphicon-saved:before {
+  content: "\e168";
+}
+.glyphicon-import:before {
+  content: "\e169";
+}
+.glyphicon-export:before {
+  content: "\e170";
+}
+.glyphicon-send:before {
+  content: "\e171";
+}
+.glyphicon-floppy-disk:before {
+  content: "\e172";
+}
+.glyphicon-floppy-saved:before {
+  content: "\e173";
+}
+.glyphicon-floppy-remove:before {
+  content: "\e174";
+}
+.glyphicon-floppy-save:before {
+  content: "\e175";
+}
+.glyphicon-floppy-open:before {
+  content: "\e176";
+}
+.glyphicon-credit-card:before {
+  content: "\e177";
+}
+.glyphicon-transfer:before {
+  content: "\e178";
+}
+.glyphicon-cutlery:before {
+  content: "\e179";
+}
+.glyphicon-header:before {
+  content: "\e180";
+}
+.glyphicon-compressed:before {
+  content: "\e181";
+}
+.glyphicon-earphone:before {
+  content: "\e182";
+}
+.glyphicon-phone-alt:before {
+  content: "\e183";
+}
+.glyphicon-tower:before {
+  content: "\e184";
+}
+.glyphicon-stats:before {
+  content: "\e185";
+}
+.glyphicon-sd-video:before {
+  content: "\e186";
+}
+.glyphicon-hd-video:before {
+  content: "\e187";
+}
+.glyphicon-subtitles:before {
+  content: "\e188";
+}
+.glyphicon-sound-stereo:before {
+  content: "\e189";
+}
+.glyphicon-sound-dolby:before {
+  content: "\e190";
+}
+.glyphicon-sound-5-1:before {
+  content: "\e191";
+}
+.glyphicon-sound-6-1:before {
+  content: "\e192";
+}
+.glyphicon-sound-7-1:before {
+  content: "\e193";
+}
+.glyphicon-copyright-mark:before {
+  content: "\e194";
+}
+.glyphicon-registration-mark:before {
+  content: "\e195";
+}
+.glyphicon-cloud-download:before {
+  content: "\e197";
+}
+.glyphicon-cloud-upload:before {
+  content: "\e198";
+}
+.glyphicon-tree-conifer:before {
+  content: "\e199";
+}
+.glyphicon-tree-deciduous:before {
+  content: "\e200";
+}
+.glyphicon-cd:before {
+  content: "\e201";
+}
+.glyphicon-save-file:before {
+  content: "\e202";
+}
+.glyphicon-open-file:before {
+  content: "\e203";
+}
+.glyphicon-level-up:before {
+  content: "\e204";
+}
+.glyphicon-copy:before {
+  content: "\e205";
+}
+.glyphicon-paste:before {
+  content: "\e206";
+}
+.glyphicon-alert:before {
+  content: "\e209";
+}
+.glyphicon-equalizer:before {
+  content: "\e210";
+}
+.glyphicon-king:before {
+  content: "\e211";
+}
+.glyphicon-queen:before {
+  content: "\e212";
+}
+.glyphicon-pawn:before {
+  content: "\e213";
+}
+.glyphicon-bishop:before {
+  content: "\e214";
+}
+.glyphicon-knight:before {
+  content: "\e215";
+}
+.glyphicon-baby-formula:before {
+  content: "\e216";
+}
+.glyphicon-tent:before {
+  content: "\26fa";
+}
+.glyphicon-blackboard:before {
+  content: "\e218";
+}
+.glyphicon-bed:before {
+  content: "\e219";
+}
+.glyphicon-apple:before {
+  content: "\f8ff";
+}
+.glyphicon-erase:before {
+  content: "\e221";
+}
+.glyphicon-hourglass:before {
+  content: "\231b";
+}
+.glyphicon-lamp:before {
+  content: "\e223";
+}
+.glyphicon-duplicate:before {
+  content: "\e224";
+}
+.glyphicon-piggy-bank:before {
+  content: "\e225";
+}
+.glyphicon-scissors:before {
+  content: "\e226";
+}
+.glyphicon-bitcoin:before {
+  content: "\e227";
+}
+.glyphicon-btc:before {
+  content: "\e227";
+}
+.glyphicon-xbt:before {
+  content: "\e227";
+}
+.glyphicon-yen:before {
+  content: "\00a5";
+}
+.glyphicon-jpy:before {
+  content: "\00a5";
+}
+.glyphicon-ruble:before {
+  content: "\20bd";
+}
+.glyphicon-rub:before {
+  content: "\20bd";
+}
+.glyphicon-scale:before {
+  content: "\e230";
+}
+.glyphicon-ice-lolly:before {
+  content: "\e231";
+}
+.glyphicon-ice-lolly-tasted:before {
+  content: "\e232";
+}
+.glyphicon-education:before {
+  content: "\e233";
+}
+.glyphicon-option-horizontal:before {
+  content: "\e234";
+}
+.glyphicon-option-vertical:before {
+  content: "\e235";
+}
+.glyphicon-menu-hamburger:before {
+  content: "\e236";
+}
+.glyphicon-modal-window:before {
+  content: "\e237";
+}
+.glyphicon-oil:before {
+  content: "\e238";
+}
+.glyphicon-grain:before {
+  content: "\e239";
+}
+.glyphicon-sunglasses:before {
+  content: "\e240";
+}
+.glyphicon-text-size:before {
+  content: "\e241";
+}
+.glyphicon-text-color:before {
+  content: "\e242";
+}
+.glyphicon-text-background:before {
+  content: "\e243";
+}
+.glyphicon-object-align-top:before {
+  content: "\e244";
+}
+.glyphicon-object-align-bottom:before {
+  content: "\e245";
+}
+.glyphicon-object-align-horizontal:before {
+  content: "\e246";
+}
+.glyphicon-object-align-left:before {
+  content: "\e247";
+}
+.glyphicon-object-align-vertical:before {
+  content: "\e248";
+}
+.glyphicon-object-align-right:before {
+  content: "\e249";
+}
+.glyphicon-triangle-right:before {
+  content: "\e250";
+}
+.glyphicon-triangle-left:before {
+  content: "\e251";
+}
+.glyphicon-triangle-bottom:before {
+  content: "\e252";
+}
+.glyphicon-triangle-top:before {
+  content: "\e253";
+}
+.glyphicon-console:before {
+  content: "\e254";
+}
+.glyphicon-superscript:before {
+  content: "\e255";
+}
+.glyphicon-subscript:before {
+  content: "\e256";
+}
+.glyphicon-menu-left:before {
+  content: "\e257";
+}
+.glyphicon-menu-right:before {
+  content: "\e258";
+}
+.glyphicon-menu-down:before {
+  content: "\e259";
+}
+.glyphicon-menu-up:before {
+  content: "\e260";
+}
+* {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+*:before,
+*:after {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+html {
+  font-size: 10px;
+
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+body {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #333;
+  background-color: #fff;
+}
+input,
+button,
+select,
+textarea {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+a {
+  color: #337ab7;
+  text-decoration: none;
+}
+a:hover,
+a:focus {
+  color: #23527c;
+  text-decoration: underline;
+}
+a:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+figure {
+  margin: 0;
+}
+img {
+  vertical-align: middle;
+}
+.img-responsive,
+.thumbnail > img,
+.thumbnail a > img,
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+.img-rounded {
+  border-radius: 6px;
+}
+.img-thumbnail {
+  display: inline-block;
+  max-width: 100%;
+  height: auto;
+  padding: 4px;
+  line-height: 1.42857143;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  -webkit-transition: all .2s ease-in-out;
+       -o-transition: all .2s ease-in-out;
+          transition: all .2s ease-in-out;
+}
+.img-circle {
+  border-radius: 50%;
+}
+hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border: 0;
+  border-top: 1px solid #eee;
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}
+[role="button"] {
+  cursor: pointer;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+  font-family: inherit;
+  font-weight: 500;
+  line-height: 1.1;
+  color: inherit;
+}
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small,
+h1 .small,
+h2 .small,
+h3 .small,
+h4 .small,
+h5 .small,
+h6 .small,
+.h1 .small,
+.h2 .small,
+.h3 .small,
+.h4 .small,
+.h5 .small,
+.h6 .small {
+  font-weight: normal;
+  line-height: 1;
+  color: #777;
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+h1 small,
+.h1 small,
+h2 small,
+.h2 small,
+h3 small,
+.h3 small,
+h1 .small,
+.h1 .small,
+h2 .small,
+.h2 .small,
+h3 .small,
+.h3 .small {
+  font-size: 65%;
+}
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+h4 small,
+.h4 small,
+h5 small,
+.h5 small,
+h6 small,
+.h6 small,
+h4 .small,
+.h4 .small,
+h5 .small,
+.h5 .small,
+h6 .small,
+.h6 .small {
+  font-size: 75%;
+}
+h1,
+.h1 {
+  font-size: 36px;
+}
+h2,
+.h2 {
+  font-size: 30px;
+}
+h3,
+.h3 {
+  font-size: 24px;
+}
+h4,
+.h4 {
+  font-size: 18px;
+}
+h5,
+.h5 {
+  font-size: 14px;
+}
+h6,
+.h6 {
+  font-size: 12px;
+}
+p {
+  margin: 0 0 10px;
+}
+.lead {
+  margin-bottom: 20px;
+  font-size: 16px;
+  font-weight: 300;
+  line-height: 1.4;
+}
+@media (min-width: 768px) {
+  .lead {
+    font-size: 21px;
+  }
+}
+small,
+.small {
+  font-size: 85%;
+}
+mark,
+.mark {
+  padding: .2em;
+  background-color: #fcf8e3;
+}
+.text-left {
+  text-align: left;
+}
+.text-right {
+  text-align: right;
+}
+.text-center {
+  text-align: center;
+}
+.text-justify {
+  text-align: justify;
+}
+.text-nowrap {
+  white-space: nowrap;
+}
+.text-lowercase {
+  text-transform: lowercase;
+}
+.text-uppercase {
+  text-transform: uppercase;
+}
+.text-capitalize {
+  text-transform: capitalize;
+}
+.text-muted {
+  color: #777;
+}
+.text-primary {
+  color: #337ab7;
+}
+a.text-primary:hover,
+a.text-primary:focus {
+  color: #286090;
+}
+.text-success {
+  color: #3c763d;
+}
+a.text-success:hover,
+a.text-success:focus {
+  color: #2b542c;
+}
+.text-info {
+  color: #31708f;
+}
+a.text-info:hover,
+a.text-info:focus {
+  color: #245269;
+}
+.text-warning {
+  color: #8a6d3b;
+}
+a.text-warning:hover,
+a.text-warning:focus {
+  color: #66512c;
+}
+.text-danger {
+  color: #a94442;
+}
+a.text-danger:hover,
+a.text-danger:focus {
+  color: #843534;
+}
+.bg-primary {
+  color: #fff;
+  background-color: #337ab7;
+}
+a.bg-primary:hover,
+a.bg-primary:focus {
+  background-color: #286090;
+}
+.bg-success {
+  background-color: #dff0d8;
+}
+a.bg-success:hover,
+a.bg-success:focus {
+  background-color: #c1e2b3;
+}
+.bg-info {
+  background-color: #d9edf7;
+}
+a.bg-info:hover,
+a.bg-info:focus {
+  background-color: #afd9ee;
+}
+.bg-warning {
+  background-color: #fcf8e3;
+}
+a.bg-warning:hover,
+a.bg-warning:focus {
+  background-color: #f7ecb5;
+}
+.bg-danger {
+  background-color: #f2dede;
+}
+a.bg-danger:hover,
+a.bg-danger:focus {
+  background-color: #e4b9b9;
+}
+.page-header {
+  padding-bottom: 9px;
+  margin: 40px 0 20px;
+  border-bottom: 1px solid #eee;
+}
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+ul ul,
+ol ul,
+ul ol,
+ol ol {
+  margin-bottom: 0;
+}
+.list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}
+.list-inline {
+  padding-left: 0;
+  margin-left: -5px;
+  list-style: none;
+}
+.list-inline > li {
+  display: inline-block;
+  padding-right: 5px;
+  padding-left: 5px;
+}
+dl {
+  margin-top: 0;
+  margin-bottom: 20px;
+}
+dt,
+dd {
+  line-height: 1.42857143;
+}
+dt {
+  font-weight: bold;
+}
+dd {
+  margin-left: 0;
+}
+@media (min-width: 768px) {
+  .dl-horizontal dt {
+    float: left;
+    width: 160px;
+    overflow: hidden;
+    clear: left;
+    text-align: right;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .dl-horizontal dd {
+    margin-left: 180px;
+  }
+}
+abbr[title],
+abbr[data-original-title] {
+  cursor: help;
+  border-bottom: 1px dotted #777;
+}
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+blockquote {
+  padding: 10px 20px;
+  margin: 0 0 20px;
+  font-size: 17.5px;
+  border-left: 5px solid #eee;
+}
+blockquote p:last-child,
+blockquote ul:last-child,
+blockquote ol:last-child {
+  margin-bottom: 0;
+}
+blockquote footer,
+blockquote small,
+blockquote .small {
+  display: block;
+  font-size: 80%;
+  line-height: 1.42857143;
+  color: #777;
+}
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+  content: '\2014 \00A0';
+}
+.blockquote-reverse,
+blockquote.pull-right {
+  padding-right: 15px;
+  padding-left: 0;
+  text-align: right;
+  border-right: 5px solid #eee;
+  border-left: 0;
+}
+.blockquote-reverse footer:before,
+blockquote.pull-right footer:before,
+.blockquote-reverse small:before,
+blockquote.pull-right small:before,
+.blockquote-reverse .small:before,
+blockquote.pull-right .small:before {
+  content: '';
+}
+.blockquote-reverse footer:after,
+blockquote.pull-right footer:after,
+.blockquote-reverse small:after,
+blockquote.pull-right small:after,
+.blockquote-reverse .small:after,
+blockquote.pull-right .small:after {
+  content: '\00A0 \2014';
+}
+address {
+  margin-bottom: 20px;
+  font-style: normal;
+  line-height: 1.42857143;
+}
+code,
+kbd,
+pre,
+samp {
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+}
+code {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #c7254e;
+  background-color: #f9f2f4;
+  border-radius: 4px;
+}
+kbd {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #fff;
+  background-color: #333;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
+          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
+}
+kbd kbd {
+  padding: 0;
+  font-size: 100%;
+  font-weight: bold;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+pre {
+  display: block;
+  padding: 9.5px;
+  margin: 0 0 10px;
+  font-size: 13px;
+  line-height: 1.42857143;
+  color: #333;
+  word-break: break-all;
+  word-wrap: break-word;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+pre code {
+  padding: 0;
+  font-size: inherit;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+  border-radius: 0;
+}
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
+}
+.container {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+@media (min-width: 768px) {
+  .container {
+    width: 750px;
+  }
+}
+@media (min-width: 992px) {
+  .container {
+    width: 970px;
+  }
+}
+@media (min-width: 1200px) {
+  .container {
+    width: 1170px;
+  }
+}
+.container-fluid {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+.row {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
+  position: relative;
+  min-height: 1px;
+  padding-right: 15px;
+  padding-left: 15px;
+}
+.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
+  float: left;
+}
+.col-xs-12 {
+  width: 100%;
+}
+.col-xs-11 {
+  width: 91.66666667%;
+}
+.col-xs-10 {
+  width: 83.33333333%;
+}
+.col-xs-9 {
+  width: 75%;
+}
+.col-xs-8 {
+  width: 66.66666667%;
+}
+.col-xs-7 {
+  width: 58.33333333%;
+}
+.col-xs-6 {
+  width: 50%;
+}
+.col-xs-5 {
+  width: 41.66666667%;
+}
+.col-xs-4 {
+  width: 33.33333333%;
+}
+.col-xs-3 {
+  width: 25%;
+}
+.col-xs-2 {
+  width: 16.66666667%;
+}
+.col-xs-1 {
+  width: 8.33333333%;
+}
+.col-xs-pull-12 {
+  right: 100%;
+}
+.col-xs-pull-11 {
+  right: 91.66666667%;
+}
+.col-xs-pull-10 {
+  right: 83.33333333%;
+}
+.col-xs-pull-9 {
+  right: 75%;
+}
+.col-xs-pull-8 {
+  right: 66.66666667%;
+}
+.col-xs-pull-7 {
+  right: 58.33333333%;
+}
+.col-xs-pull-6 {
+  right: 50%;
+}
+.col-xs-pull-5 {
+  right: 41.66666667%;
+}
+.col-xs-pull-4 {
+  right: 33.33333333%;
+}
+.col-xs-pull-3 {
+  right: 25%;
+}
+.col-xs-pull-2 {
+  right: 16.66666667%;
+}
+.col-xs-pull-1 {
+  right: 8.33333333%;
+}
+.col-xs-pull-0 {
+  right: auto;
+}
+.col-xs-push-12 {
+  left: 100%;
+}
+.col-xs-push-11 {
+  left: 91.66666667%;
+}
+.col-xs-push-10 {
+  left: 83.33333333%;
+}
+.col-xs-push-9 {
+  left: 75%;
+}
+.col-xs-push-8 {
+  left: 66.66666667%;
+}
+.col-xs-push-7 {
+  left: 58.33333333%;
+}
+.col-xs-push-6 {
+  left: 50%;
+}
+.col-xs-push-5 {
+  left: 41.66666667%;
+}
+.col-xs-push-4 {
+  left: 33.33333333%;
+}
+.col-xs-push-3 {
+  left: 25%;
+}
+.col-xs-push-2 {
+  left: 16.66666667%;
+}
+.col-xs-push-1 {
+  left: 8.33333333%;
+}
+.col-xs-push-0 {
+  left: auto;
+}
+.col-xs-offset-12 {
+  margin-left: 100%;
+}
+.col-xs-offset-11 {
+  margin-left: 91.66666667%;
+}
+.col-xs-offset-10 {
+  margin-left: 83.33333333%;
+}
+.col-xs-offset-9 {
+  margin-left: 75%;
+}
+.col-xs-offset-8 {
+  margin-left: 66.66666667%;
+}
+.col-xs-offset-7 {
+  margin-left: 58.33333333%;
+}
+.col-xs-offset-6 {
+  margin-left: 50%;
+}
+.col-xs-offset-5 {
+  margin-left: 41.66666667%;
+}
+.col-xs-offset-4 {
+  margin-left: 33.33333333%;
+}
+.col-xs-offset-3 {
+  margin-left: 25%;
+}
+.col-xs-offset-2 {
+  margin-left: 16.66666667%;
+}
+.col-xs-offset-1 {
+  margin-left: 8.33333333%;
+}
+.col-xs-offset-0 {
+  margin-left: 0;
+}
+@media (min-width: 768px) {
+  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
+    float: left;
+  }
+  .col-sm-12 {
+    width: 100%;
+  }
+  .col-sm-11 {
+    width: 91.66666667%;
+  }
+  .col-sm-10 {
+    width: 83.33333333%;
+  }
+  .col-sm-9 {
+    width: 75%;
+  }
+  .col-sm-8 {
+    width: 66.66666667%;
+  }
+  .col-sm-7 {
+    width: 58.33333333%;
+  }
+  .col-sm-6 {
+    width: 50%;
+  }
+  .col-sm-5 {
+    width: 41.66666667%;
+  }
+  .col-sm-4 {
+    width: 33.33333333%;
+  }
+  .col-sm-3 {
+    width: 25%;
+  }
+  .col-sm-2 {
+    width: 16.66666667%;
+  }
+  .col-sm-1 {
+    width: 8.33333333%;
+  }
+  .col-sm-pull-12 {
+    right: 100%;
+  }
+  .col-sm-pull-11 {
+    right: 91.66666667%;
+  }
+  .col-sm-pull-10 {
+    right: 83.33333333%;
+  }
+  .col-sm-pull-9 {
+    right: 75%;
+  }
+  .col-sm-pull-8 {
+    right: 66.66666667%;
+  }
+  .col-sm-pull-7 {
+    right: 58.33333333%;
+  }
+  .col-sm-pull-6 {
+    right: 50%;
+  }
+  .col-sm-pull-5 {
+    right: 41.66666667%;
+  }
+  .col-sm-pull-4 {
+    right: 33.33333333%;
+  }
+  .col-sm-pull-3 {
+    right: 25%;
+  }
+  .col-sm-pull-2 {
+    right: 16.66666667%;
+  }
+  .col-sm-pull-1 {
+    right: 8.33333333%;
+  }
+  .col-sm-pull-0 {
+    right: auto;
+  }
+  .col-sm-push-12 {
+    left: 100%;
+  }
+  .col-sm-push-11 {
+    left: 91.66666667%;
+  }
+  .col-sm-push-10 {
+    left: 83.33333333%;
+  }
+  .col-sm-push-9 {
+    left: 75%;
+  }
+  .col-sm-push-8 {
+    left: 66.66666667%;
+  }
+  .col-sm-push-7 {
+    left: 58.33333333%;
+  }
+  .col-sm-push-6 {
+    left: 50%;
+  }
+  .col-sm-push-5 {
+    left: 41.66666667%;
+  }
+  .col-sm-push-4 {
+    left: 33.33333333%;
+  }
+  .col-sm-push-3 {
+    left: 25%;
+  }
+  .col-sm-push-2 {
+    left: 16.66666667%;
+  }
+  .col-sm-push-1 {
+    left: 8.33333333%;
+  }
+  .col-sm-push-0 {
+    left: auto;
+  }
+  .col-sm-offset-12 {
+    margin-left: 100%;
+  }
+  .col-sm-offset-11 {
+    margin-left: 91.66666667%;
+  }
+  .col-sm-offset-10 {
+    margin-left: 83.33333333%;
+  }
+  .col-sm-offset-9 {
+    margin-left: 75%;
+  }
+  .col-sm-offset-8 {
+    margin-left: 66.66666667%;
+  }
+  .col-sm-offset-7 {
+    margin-left: 58.33333333%;
+  }
+  .col-sm-offset-6 {
+    margin-left: 50%;
+  }
+  .col-sm-offset-5 {
+    margin-left: 41.66666667%;
+  }
+  .col-sm-offset-4 {
+    margin-left: 33.33333333%;
+  }
+  .col-sm-offset-3 {
+    margin-left: 25%;
+  }
+  .col-sm-offset-2 {
+    margin-left: 16.66666667%;
+  }
+  .col-sm-offset-1 {
+    margin-left: 8.33333333%;
+  }
+  .col-sm-offset-0 {
+    margin-left: 0;
+  }
+}
+@media (min-width: 992px) {
+  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
+    float: left;
+  }
+  .col-md-12 {
+    width: 100%;
+  }
+  .col-md-11 {
+    width: 91.66666667%;
+  }
+  .col-md-10 {
+    width: 83.33333333%;
+  }
+  .col-md-9 {
+    width: 75%;
+  }
+  .col-md-8 {
+    width: 66.66666667%;
+  }
+  .col-md-7 {
+    width: 58.33333333%;
+  }
+  .col-md-6 {
+    width: 50%;
+  }
+  .col-md-5 {
+    width: 41.66666667%;
+  }
+  .col-md-4 {
+    width: 33.33333333%;
+  }
+  .col-md-3 {
+    width: 25%;
+  }
+  .col-md-2 {
+    width: 16.66666667%;
+  }
+  .col-md-1 {
+    width: 8.33333333%;
+  }
+  .col-md-pull-12 {
+    right: 100%;
+  }
+  .col-md-pull-11 {
+    right: 91.66666667%;
+  }
+  .col-md-pull-10 {
+    right: 83.33333333%;
+  }
+  .col-md-pull-9 {
+    right: 75%;
+  }
+  .col-md-pull-8 {
+    right: 66.66666667%;
+  }
+  .col-md-pull-7 {
+    right: 58.33333333%;
+  }
+  .col-md-pull-6 {
+    right: 50%;
+  }
+  .col-md-pull-5 {
+    right: 41.66666667%;
+  }
+  .col-md-pull-4 {
+    right: 33.33333333%;
+  }
+  .col-md-pull-3 {
+    right: 25%;
+  }
+  .col-md-pull-2 {
+    right: 16.66666667%;
+  }
+  .col-md-pull-1 {
+    right: 8.33333333%;
+  }
+  .col-md-pull-0 {
+    right: auto;
+  }
+  .col-md-push-12 {
+    left: 100%;
+  }
+  .col-md-push-11 {
+    left: 91.66666667%;
+  }
+  .col-md-push-10 {
+    left: 83.33333333%;
+  }
+  .col-md-push-9 {
+    left: 75%;
+  }
+  .col-md-push-8 {
+    left: 66.66666667%;
+  }
+  .col-md-push-7 {
+    left: 58.33333333%;
+  }
+  .col-md-push-6 {
+    left: 50%;
+  }
+  .col-md-push-5 {
+    left: 41.66666667%;
+  }
+  .col-md-push-4 {
+    left: 33.33333333%;
+  }
+  .col-md-push-3 {
+    left: 25%;
+  }
+  .col-md-push-2 {
+    left: 16.66666667%;
+  }
+  .col-md-push-1 {
+    left: 8.33333333%;
+  }
+  .col-md-push-0 {
+    left: auto;
+  }
+  .col-md-offset-12 {
+    margin-left: 100%;
+  }
+  .col-md-offset-11 {
+    margin-left: 91.66666667%;
+  }
+  .col-md-offset-10 {
+    margin-left: 83.33333333%;
+  }
+  .col-md-offset-9 {
+    margin-left: 75%;
+  }
+  .col-md-offset-8 {
+    margin-left: 66.66666667%;
+  }
+  .col-md-offset-7 {
+    margin-left: 58.33333333%;
+  }
+  .col-md-offset-6 {
+    margin-left: 50%;
+  }
+  .col-md-offset-5 {
+    margin-left: 41.66666667%;
+  }
+  .col-md-offset-4 {
+    margin-left: 33.33333333%;
+  }
+  .col-md-offset-3 {
+    margin-left: 25%;
+  }
+  .col-md-offset-2 {
+    margin-left: 16.66666667%;
+  }
+  .col-md-offset-1 {
+    margin-left: 8.33333333%;
+  }
+  .col-md-offset-0 {
+    margin-left: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
+    float: left;
+  }
+  .col-lg-12 {
+    width: 100%;
+  }
+  .col-lg-11 {
+    width: 91.66666667%;
+  }
+  .col-lg-10 {
+    width: 83.33333333%;
+  }
+  .col-lg-9 {
+    width: 75%;
+  }
+  .col-lg-8 {
+    width: 66.66666667%;
+  }
+  .col-lg-7 {
+    width: 58.33333333%;
+  }
+  .col-lg-6 {
+    width: 50%;
+  }
+  .col-lg-5 {
+    width: 41.66666667%;
+  }
+  .col-lg-4 {
+    width: 33.33333333%;
+  }
+  .col-lg-3 {
+    width: 25%;
+  }
+  .col-lg-2 {
+    width: 16.66666667%;
+  }
+  .col-lg-1 {
+    width: 8.33333333%;
+  }
+  .col-lg-pull-12 {
+    right: 100%;
+  }
+  .col-lg-pull-11 {
+    right: 91.66666667%;
+  }
+  .col-lg-pull-10 {
+    right: 83.33333333%;
+  }
+  .col-lg-pull-9 {
+    right: 75%;
+  }
+  .col-lg-pull-8 {
+    right: 66.66666667%;
+  }
+  .col-lg-pull-7 {
+    right: 58.33333333%;
+  }
+  .col-lg-pull-6 {
+    right: 50%;
+  }
+  .col-lg-pull-5 {
+    right: 41.66666667%;
+  }
+  .col-lg-pull-4 {
+    right: 33.33333333%;
+  }
+  .col-lg-pull-3 {
+    right: 25%;
+  }
+  .col-lg-pull-2 {
+    right: 16.66666667%;
+  }
+  .col-lg-pull-1 {
+    right: 8.33333333%;
+  }
+  .col-lg-pull-0 {
+    right: auto;
+  }
+  .col-lg-push-12 {
+    left: 100%;
+  }
+  .col-lg-push-11 {
+    left: 91.66666667%;
+  }
+  .col-lg-push-10 {
+    left: 83.33333333%;
+  }
+  .col-lg-push-9 {
+    left: 75%;
+  }
+  .col-lg-push-8 {
+    left: 66.66666667%;
+  }
+  .col-lg-push-7 {
+    left: 58.33333333%;
+  }
+  .col-lg-push-6 {
+    left: 50%;
+  }
+  .col-lg-push-5 {
+    left: 41.66666667%;
+  }
+  .col-lg-push-4 {
+    left: 33.33333333%;
+  }
+  .col-lg-push-3 {
+    left: 25%;
+  }
+  .col-lg-push-2 {
+    left: 16.66666667%;
+  }
+  .col-lg-push-1 {
+    left: 8.33333333%;
+  }
+  .col-lg-push-0 {
+    left: auto;
+  }
+  .col-lg-offset-12 {
+    margin-left: 100%;
+  }
+  .col-lg-offset-11 {
+    margin-left: 91.66666667%;
+  }
+  .col-lg-offset-10 {
+    margin-left: 83.33333333%;
+  }
+  .col-lg-offset-9 {
+    margin-left: 75%;
+  }
+  .col-lg-offset-8 {
+    margin-left: 66.66666667%;
+  }
+  .col-lg-offset-7 {
+    margin-left: 58.33333333%;
+  }
+  .col-lg-offset-6 {
+    margin-left: 50%;
+  }
+  .col-lg-offset-5 {
+    margin-left: 41.66666667%;
+  }
+  .col-lg-offset-4 {
+    margin-left: 33.33333333%;
+  }
+  .col-lg-offset-3 {
+    margin-left: 25%;
+  }
+  .col-lg-offset-2 {
+    margin-left: 16.66666667%;
+  }
+  .col-lg-offset-1 {
+    margin-left: 8.33333333%;
+  }
+  .col-lg-offset-0 {
+    margin-left: 0;
+  }
+}
+table {
+  background-color: transparent;
+}
+caption {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  color: #777;
+  text-align: left;
+}
+th {
+  text-align: left;
+}
+.table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 20px;
+}
+.table > thead > tr > th,
+.table > tbody > tr > th,
+.table > tfoot > tr > th,
+.table > thead > tr > td,
+.table > tbody > tr > td,
+.table > tfoot > tr > td {
+  padding: 8px;
+  line-height: 1.42857143;
+  vertical-align: top;
+  border-top: 1px solid #ddd;
+}
+.table > thead > tr > th {
+  vertical-align: bottom;
+  border-bottom: 2px solid #ddd;
+}
+.table > caption + thead > tr:first-child > th,
+.table > colgroup + thead > tr:first-child > th,
+.table > thead:first-child > tr:first-child > th,
+.table > caption + thead > tr:first-child > td,
+.table > colgroup + thead > tr:first-child > td,
+.table > thead:first-child > tr:first-child > td {
+  border-top: 0;
+}
+.table > tbody + tbody {
+  border-top: 2px solid #ddd;
+}
+.table .table {
+  background-color: #fff;
+}
+.table-condensed > thead > tr > th,
+.table-condensed > tbody > tr > th,
+.table-condensed > tfoot > tr > th,
+.table-condensed > thead > tr > td,
+.table-condensed > tbody > tr > td,
+.table-condensed > tfoot > tr > td {
+  padding: 5px;
+}
+.table-bordered {
+  border: 1px solid #ddd;
+}
+.table-bordered > thead > tr > th,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > tbody > tr > td,
+.table-bordered > tfoot > tr > td {
+  border: 1px solid #ddd;
+}
+.table-bordered > thead > tr > th,
+.table-bordered > thead > tr > td {
+  border-bottom-width: 2px;
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: #f9f9f9;
+}
+.table-hover > tbody > tr:hover {
+  background-color: #f5f5f5;
+}
+table col[class*="col-"] {
+  position: static;
+  display: table-column;
+  float: none;
+}
+table td[class*="col-"],
+table th[class*="col-"] {
+  position: static;
+  display: table-cell;
+  float: none;
+}
+.table > thead > tr > td.active,
+.table > tbody > tr > td.active,
+.table > tfoot > tr > td.active,
+.table > thead > tr > th.active,
+.table > tbody > tr > th.active,
+.table > tfoot > tr > th.active,
+.table > thead > tr.active > td,
+.table > tbody > tr.active > td,
+.table > tfoot > tr.active > td,
+.table > thead > tr.active > th,
+.table > tbody > tr.active > th,
+.table > tfoot > tr.active > th {
+  background-color: #f5f5f5;
+}
+.table-hover > tbody > tr > td.active:hover,
+.table-hover > tbody > tr > th.active:hover,
+.table-hover > tbody > tr.active:hover > td,
+.table-hover > tbody > tr:hover > .active,
+.table-hover > tbody > tr.active:hover > th {
+  background-color: #e8e8e8;
+}
+.table > thead > tr > td.success,
+.table > tbody > tr > td.success,
+.table > tfoot > tr > td.success,
+.table > thead > tr > th.success,
+.table > tbody > tr > th.success,
+.table > tfoot > tr > th.success,
+.table > thead > tr.success > td,
+.table > tbody > tr.success > td,
+.table > tfoot > tr.success > td,
+.table > thead > tr.success > th,
+.table > tbody > tr.success > th,
+.table > tfoot > tr.success > th {
+  background-color: #dff0d8;
+}
+.table-hover > tbody > tr > td.success:hover,
+.table-hover > tbody > tr > th.success:hover,
+.table-hover > tbody > tr.success:hover > td,
+.table-hover > tbody > tr:hover > .success,
+.table-hover > tbody > tr.success:hover > th {
+  background-color: #d0e9c6;
+}
+.table > thead > tr > td.info,
+.table > tbody > tr > td.info,
+.table > tfoot > tr > td.info,
+.table > thead > tr > th.info,
+.table > tbody > tr > th.info,
+.table > tfoot > tr > th.info,
+.table > thead > tr.info > td,
+.table > tbody > tr.info > td,
+.table > tfoot > tr.info > td,
+.table > thead > tr.info > th,
+.table > tbody > tr.info > th,
+.table > tfoot > tr.info > th {
+  background-color: #d9edf7;
+}
+.table-hover > tbody > tr > td.info:hover,
+.table-hover > tbody > tr > th.info:hover,
+.table-hover > tbody > tr.info:hover > td,
+.table-hover > tbody > tr:hover > .info,
+.table-hover > tbody > tr.info:hover > th {
+  background-color: #c4e3f3;
+}
+.table > thead > tr > td.warning,
+.table > tbody > tr > td.warning,
+.table > tfoot > tr > td.warning,
+.table > thead > tr > th.warning,
+.table > tbody > tr > th.warning,
+.table > tfoot > tr > th.warning,
+.table > thead > tr.warning > td,
+.table > tbody > tr.warning > td,
+.table > tfoot > tr.warning > td,
+.table > thead > tr.warning > th,
+.table > tbody > tr.warning > th,
+.table > tfoot > tr.warning > th {
+  background-color: #fcf8e3;
+}
+.table-hover > tbody > tr > td.warning:hover,
+.table-hover > tbody > tr > th.warning:hover,
+.table-hover > tbody > tr.warning:hover > td,
+.table-hover > tbody > tr:hover > .warning,
+.table-hover > tbody > tr.warning:hover > th {
+  background-color: #faf2cc;
+}
+.table > thead > tr > td.danger,
+.table > tbody > tr > td.danger,
+.table > tfoot > tr > td.danger,
+.table > thead > tr > th.danger,
+.table > tbody > tr > th.danger,
+.table > tfoot > tr > th.danger,
+.table > thead > tr.danger > td,
+.table > tbody > tr.danger > td,
+.table > tfoot > tr.danger > td,
+.table > thead > tr.danger > th,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr.danger > th {
+  background-color: #f2dede;
+}
+.table-hover > tbody > tr > td.danger:hover,
+.table-hover > tbody > tr > th.danger:hover,
+.table-hover > tbody > tr.danger:hover > td,
+.table-hover > tbody > tr:hover > .danger,
+.table-hover > tbody > tr.danger:hover > th {
+  background-color: #ebcccc;
+}
+.table-responsive {
+  min-height: .01%;
+  overflow-x: auto;
+}
+@media screen and (max-width: 767px) {
+  .table-responsive {
+    width: 100%;
+    margin-bottom: 15px;
+    overflow-y: hidden;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    border: 1px solid #ddd;
+  }
+  .table-responsive > .table {
+    margin-bottom: 0;
+  }
+  .table-responsive > .table > thead > tr > th,
+  .table-responsive > .table > tbody > tr > th,
+  .table-responsive > .table > tfoot > tr > th,
+  .table-responsive > .table > thead > tr > td,
+  .table-responsive > .table > tbody > tr > td,
+  .table-responsive > .table > tfoot > tr > td {
+    white-space: nowrap;
+  }
+  .table-responsive > .table-bordered {
+    border: 0;
+  }
+  .table-responsive > .table-bordered > thead > tr > th:first-child,
+  .table-responsive > .table-bordered > tbody > tr > th:first-child,
+  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+  .table-responsive > .table-bordered > thead > tr > td:first-child,
+  .table-responsive > .table-bordered > tbody > tr > td:first-child,
+  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+    border-left: 0;
+  }
+  .table-responsive > .table-bordered > thead > tr > th:last-child,
+  .table-responsive > .table-bordered > tbody > tr > th:last-child,
+  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+  .table-responsive > .table-bordered > thead > tr > td:last-child,
+  .table-responsive > .table-bordered > tbody > tr > td:last-child,
+  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+    border-right: 0;
+  }
+  .table-responsive > .table-bordered > tbody > tr:last-child > th,
+  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+  .table-responsive > .table-bordered > tbody > tr:last-child > td,
+  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
+    border-bottom: 0;
+  }
+}
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 20px;
+  font-size: 21px;
+  line-height: inherit;
+  color: #333;
+  border: 0;
+  border-bottom: 1px solid #e5e5e5;
+}
+label {
+  display: inline-block;
+  max-width: 100%;
+  margin-bottom: 5px;
+  font-weight: bold;
+}
+input[type="search"] {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+input[type="radio"],
+input[type="checkbox"] {
+  margin: 4px 0 0;
+  margin-top: 1px \9;
+  line-height: normal;
+}
+input[type="file"] {
+  display: block;
+}
+input[type="range"] {
+  display: block;
+  width: 100%;
+}
+select[multiple],
+select[size] {
+  height: auto;
+}
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+output {
+  display: block;
+  padding-top: 7px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #555;
+}
+.form-control {
+  display: block;
+  width: 100%;
+  height: 34px;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #555;
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
+       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+}
+.form-control:focus {
+  border-color: #66afe9;
+  outline: 0;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
+          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
+}
+.form-control::-moz-placeholder {
+  color: #999;
+  opacity: 1;
+}
+.form-control:-ms-input-placeholder {
+  color: #999;
+}
+.form-control::-webkit-input-placeholder {
+  color: #999;
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: #eee;
+  opacity: 1;
+}
+.form-control[disabled],
+fieldset[disabled] .form-control {
+  cursor: not-allowed;
+}
+textarea.form-control {
+  height: auto;
+}
+input[type="search"] {
+  -webkit-appearance: none;
+}
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  input[type="date"].form-control,
+  input[type="time"].form-control,
+  input[type="datetime-local"].form-control,
+  input[type="month"].form-control {
+    line-height: 34px;
+  }
+  input[type="date"].input-sm,
+  input[type="time"].input-sm,
+  input[type="datetime-local"].input-sm,
+  input[type="month"].input-sm,
+  .input-group-sm input[type="date"],
+  .input-group-sm input[type="time"],
+  .input-group-sm input[type="datetime-local"],
+  .input-group-sm input[type="month"] {
+    line-height: 30px;
+  }
+  input[type="date"].input-lg,
+  input[type="time"].input-lg,
+  input[type="datetime-local"].input-lg,
+  input[type="month"].input-lg,
+  .input-group-lg input[type="date"],
+  .input-group-lg input[type="time"],
+  .input-group-lg input[type="datetime-local"],
+  .input-group-lg input[type="month"] {
+    line-height: 46px;
+  }
+}
+.form-group {
+  margin-bottom: 15px;
+}
+.radio,
+.checkbox {
+  position: relative;
+  display: block;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.radio label,
+.checkbox label {
+  min-height: 20px;
+  padding-left: 20px;
+  margin-bottom: 0;
+  font-weight: normal;
+  cursor: pointer;
+}
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+  position: absolute;
+  margin-top: 4px \9;
+  margin-left: -20px;
+}
+.radio + .radio,
+.checkbox + .checkbox {
+  margin-top: -5px;
+}
+.radio-inline,
+.checkbox-inline {
+  position: relative;
+  display: inline-block;
+  padding-left: 20px;
+  margin-bottom: 0;
+  font-weight: normal;
+  vertical-align: middle;
+  cursor: pointer;
+}
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline {
+  margin-top: 0;
+  margin-left: 10px;
+}
+input[type="radio"][disabled],
+input[type="checkbox"][disabled],
+input[type="radio"].disabled,
+input[type="checkbox"].disabled,
+fieldset[disabled] input[type="radio"],
+fieldset[disabled] input[type="checkbox"] {
+  cursor: not-allowed;
+}
+.radio-inline.disabled,
+.checkbox-inline.disabled,
+fieldset[disabled] .radio-inline,
+fieldset[disabled] .checkbox-inline {
+  cursor: not-allowed;
+}
+.radio.disabled label,
+.checkbox.disabled label,
+fieldset[disabled] .radio label,
+fieldset[disabled] .checkbox label {
+  cursor: not-allowed;
+}
+.form-control-static {
+  min-height: 34px;
+  padding-top: 7px;
+  padding-bottom: 7px;
+  margin-bottom: 0;
+}
+.form-control-static.input-lg,
+.form-control-static.input-sm {
+  padding-right: 0;
+  padding-left: 0;
+}
+.input-sm {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+select.input-sm {
+  height: 30px;
+  line-height: 30px;
+}
+textarea.input-sm,
+select[multiple].input-sm {
+  height: auto;
+}
+.form-group-sm .form-control {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.form-group-sm select.form-control {
+  height: 30px;
+  line-height: 30px;
+}
+.form-group-sm textarea.form-control,
+.form-group-sm select[multiple].form-control {
+  height: auto;
+}
+.form-group-sm .form-control-static {
+  height: 30px;
+  min-height: 32px;
+  padding: 6px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.input-lg {
+  height: 46px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px;
+}
+select.input-lg {
+  height: 46px;
+  line-height: 46px;
+}
+textarea.input-lg,
+select[multiple].input-lg {
+  height: auto;
+}
+.form-group-lg .form-control {
+  height: 46px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px;
+}
+.form-group-lg select.form-control {
+  height: 46px;
+  line-height: 46px;
+}
+.form-group-lg textarea.form-control,
+.form-group-lg select[multiple].form-control {
+  height: auto;
+}
+.form-group-lg .form-control-static {
+  height: 46px;
+  min-height: 38px;
+  padding: 11px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+}
+.has-feedback {
+  position: relative;
+}
+.has-feedback .form-control {
+  padding-right: 42.5px;
+}
+.form-control-feedback {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  display: block;
+  width: 34px;
+  height: 34px;
+  line-height: 34px;
+  text-align: center;
+  pointer-events: none;
+}
+.input-lg + .form-control-feedback,
+.input-group-lg + .form-control-feedback,
+.form-group-lg .form-control + .form-control-feedback {
+  width: 46px;
+  height: 46px;
+  line-height: 46px;
+}
+.input-sm + .form-control-feedback,
+.input-group-sm + .form-control-feedback,
+.form-group-sm .form-control + .form-control-feedback {
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+}
+.has-success .help-block,
+.has-success .control-label,
+.has-success .radio,
+.has-success .checkbox,
+.has-success .radio-inline,
+.has-success .checkbox-inline,
+.has-success.radio label,
+.has-success.checkbox label,
+.has-success.radio-inline label,
+.has-success.checkbox-inline label {
+  color: #3c763d;
+}
+.has-success .form-control {
+  border-color: #3c763d;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+}
+.has-success .form-control:focus {
+  border-color: #2b542c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
+}
+.has-success .input-group-addon {
+  color: #3c763d;
+  background-color: #dff0d8;
+  border-color: #3c763d;
+}
+.has-success .form-control-feedback {
+  color: #3c763d;
+}
+.has-warning .help-block,
+.has-warning .control-label,
+.has-warning .radio,
+.has-warning .checkbox,
+.has-warning .radio-inline,
+.has-warning .checkbox-inline,
+.has-warning.radio label,
+.has-warning.checkbox label,
+.has-warning.radio-inline label,
+.has-warning.checkbox-inline label {
+  color: #8a6d3b;
+}
+.has-warning .form-control {
+  border-color: #8a6d3b;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+}
+.has-warning .form-control:focus {
+  border-color: #66512c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
+}
+.has-warning .input-group-addon {
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+  border-color: #8a6d3b;
+}
+.has-warning .form-control-feedback {
+  color: #8a6d3b;
+}
+.has-error .help-block,
+.has-error .control-label,
+.has-error .radio,
+.has-error .checkbox,
+.has-error .radio-inline,
+.has-error .checkbox-inline,
+.has-error.radio label,
+.has-error.checkbox label,
+.has-error.radio-inline label,
+.has-error.checkbox-inline label {
+  color: #a94442;
+}
+.has-error .form-control {
+  border-color: #a94442;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+}
+.has-error .form-control:focus {
+  border-color: #843534;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
+}
+.has-error .input-group-addon {
+  color: #a94442;
+  background-color: #f2dede;
+  border-color: #a94442;
+}
+.has-error .form-control-feedback {
+  color: #a94442;
+}
+.has-feedback label ~ .form-control-feedback {
+  top: 25px;
+}
+.has-feedback label.sr-only ~ .form-control-feedback {
+  top: 0;
+}
+.help-block {
+  display: block;
+  margin-top: 5px;
+  margin-bottom: 10px;
+  color: #737373;
+}
+@media (min-width: 768px) {
+  .form-inline .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .form-inline .form-control-static {
+    display: inline-block;
+  }
+  .form-inline .input-group {
+    display: inline-table;
+    vertical-align: middle;
+  }
+  .form-inline .input-group .input-group-addon,
+  .form-inline .input-group .input-group-btn,
+  .form-inline .input-group .form-control {
+    width: auto;
+  }
+  .form-inline .input-group > .form-control {
+    width: 100%;
+  }
+  .form-inline .control-label {
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .radio,
+  .form-inline .checkbox {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .radio label,
+  .form-inline .checkbox label {
+    padding-left: 0;
+  }
+  .form-inline .radio input[type="radio"],
+  .form-inline .checkbox input[type="checkbox"] {
+    position: relative;
+    margin-left: 0;
+  }
+  .form-inline .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
+.form-horizontal .radio,
+.form-horizontal .checkbox,
+.form-horizontal .radio-inline,
+.form-horizontal .checkbox-inline {
+  padding-top: 7px;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.form-horizontal .radio,
+.form-horizontal .checkbox {
+  min-height: 27px;
+}
+.form-horizontal .form-group {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+@media (min-width: 768px) {
+  .form-horizontal .control-label {
+    padding-top: 7px;
+    margin-bottom: 0;
+    text-align: right;
+  }
+}
+.form-horizontal .has-feedback .form-control-feedback {
+  right: 15px;
+}
+@media (min-width: 768px) {
+  .form-horizontal .form-group-lg .control-label {
+    padding-top: 14.333333px;
+    font-size: 18px;
+  }
+}
+@media (min-width: 768px) {
+  .form-horizontal .form-group-sm .control-label {
+    padding-top: 6px;
+    font-size: 12px;
+  }
+}
+.btn {
+  display: inline-block;
+  padding: 6px 12px;
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1.42857143;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.btn:focus,
+.btn:active:focus,
+.btn.active:focus,
+.btn.focus,
+.btn:active.focus,
+.btn.active.focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+.btn:hover,
+.btn:focus,
+.btn.focus {
+  color: #333;
+  text-decoration: none;
+}
+.btn:active,
+.btn.active {
+  background-image: none;
+  outline: 0;
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+}
+.btn.disabled,
+.btn[disabled],
+fieldset[disabled] .btn {
+  cursor: not-allowed;
+  filter: alpha(opacity=65);
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  opacity: .65;
+}
+a.btn.disabled,
+fieldset[disabled] a.btn {
+  pointer-events: none;
+}
+.btn-default {
+  color: #333;
+  background-color: #fff;
+  border-color: #ccc;
+}
+.btn-default:focus,
+.btn-default.focus {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #8c8c8c;
+}
+.btn-default:hover {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+.btn-default:active,
+.btn-default.active,
+.open > .dropdown-toggle.btn-default {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+.btn-default:active:hover,
+.btn-default.active:hover,
+.open > .dropdown-toggle.btn-default:hover,
+.btn-default:active:focus,
+.btn-default.active:focus,
+.open > .dropdown-toggle.btn-default:focus,
+.btn-default:active.focus,
+.btn-default.active.focus,
+.open > .dropdown-toggle.btn-default.focus {
+  color: #333;
+  background-color: #d4d4d4;
+  border-color: #8c8c8c;
+}
+.btn-default:active,
+.btn-default.active,
+.open > .dropdown-toggle.btn-default {
+  background-image: none;
+}
+.btn-default.disabled,
+.btn-default[disabled],
+fieldset[disabled] .btn-default,
+.btn-default.disabled:hover,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn-default:hover,
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled.focus,
+.btn-default[disabled].focus,
+fieldset[disabled] .btn-default.focus,
+.btn-default.disabled:active,
+.btn-default[disabled]:active,
+fieldset[disabled] .btn-default:active,
+.btn-default.disabled.active,
+.btn-default[disabled].active,
+fieldset[disabled] .btn-default.active {
+  background-color: #fff;
+  border-color: #ccc;
+}
+.btn-default .badge {
+  color: #fff;
+  background-color: #333;
+}
+.btn-primary {
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #2e6da4;
+}
+.btn-primary:focus,
+.btn-primary.focus {
+  color: #fff;
+  background-color: #286090;
+  border-color: #122b40;
+}
+.btn-primary:hover {
+  color: #fff;
+  background-color: #286090;
+  border-color: #204d74;
+}
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+  color: #fff;
+  background-color: #286090;
+  border-color: #204d74;
+}
+.btn-primary:active:hover,
+.btn-primary.active:hover,
+.open > .dropdown-toggle.btn-primary:hover,
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.open > .dropdown-toggle.btn-primary:focus,
+.btn-primary:active.focus,
+.btn-primary.active.focus,
+.open > .dropdown-toggle.btn-primary.focus {
+  color: #fff;
+  background-color: #204d74;
+  border-color: #122b40;
+}
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+  background-image: none;
+}
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled.focus,
+.btn-primary[disabled].focus,
+fieldset[disabled] .btn-primary.focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+  background-color: #337ab7;
+  border-color: #2e6da4;
+}
+.btn-primary .badge {
+  color: #337ab7;
+  background-color: #fff;
+}
+.btn-success {
+  color: #fff;
+  background-color: #5cb85c;
+  border-color: #4cae4c;
+}
+.btn-success:focus,
+.btn-success.focus {
+  color: #fff;
+  background-color: #449d44;
+  border-color: #255625;
+}
+.btn-success:hover {
+  color: #fff;
+  background-color: #449d44;
+  border-color: #398439;
+}
+.btn-success:active,
+.btn-success.active,
+.open > .dropdown-toggle.btn-success {
+  color: #fff;
+  background-color: #449d44;
+  border-color: #398439;
+}
+.btn-success:active:hover,
+.btn-success.active:hover,
+.open > .dropdown-toggle.btn-success:hover,
+.btn-success:active:focus,
+.btn-success.active:focus,
+.open > .dropdown-toggle.btn-success:focus,
+.btn-success:active.focus,
+.btn-success.active.focus,
+.open > .dropdown-toggle.btn-success.focus {
+  color: #fff;
+  background-color: #398439;
+  border-color: #255625;
+}
+.btn-success:active,
+.btn-success.active,
+.open > .dropdown-toggle.btn-success {
+  background-image: none;
+}
+.btn-success.disabled,
+.btn-success[disabled],
+fieldset[disabled] .btn-success,
+.btn-success.disabled:hover,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success:hover,
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled.focus,
+.btn-success[disabled].focus,
+fieldset[disabled] .btn-success.focus,
+.btn-success.disabled:active,
+.btn-success[disabled]:active,
+fieldset[disabled] .btn-success:active,
+.btn-success.disabled.active,
+.btn-success[disabled].active,
+fieldset[disabled] .btn-success.active {
+  background-color: #5cb85c;
+  border-color: #4cae4c;
+}
+.btn-success .badge {
+  color: #5cb85c;
+  background-color: #fff;
+}
+.btn-info {
+  color: #fff;
+  background-color: #5bc0de;
+  border-color: #46b8da;
+}
+.btn-info:focus,
+.btn-info.focus {
+  color: #fff;
+  background-color: #31b0d5;
+  border-color: #1b6d85;
+}
+.btn-info:hover {
+  color: #fff;
+  background-color: #31b0d5;
+  border-color: #269abc;
+}
+.btn-info:active,
+.btn-info.active,
+.open > .dropdown-toggle.btn-info {
+  color: #fff;
+  background-color: #31b0d5;
+  border-color: #269abc;
+}
+.btn-info:active:hover,
+.btn-info.active:hover,
+.open > .dropdown-toggle.btn-info:hover,
+.btn-info:active:focus,
+.btn-info.active:focus,
+.open > .dropdown-toggle.btn-info:focus,
+.btn-info:active.focus,
+.btn-info.active.focus,
+.open > .dropdown-toggle.btn-info.focus {
+  color: #fff;
+  background-color: #269abc;
+  border-color: #1b6d85;
+}
+.btn-info:active,
+.btn-info.active,
+.open > .dropdown-toggle.btn-info {
+  background-image: none;
+}
+.btn-info.disabled,
+.btn-info[disabled],
+fieldset[disabled] .btn-info,
+.btn-info.disabled:hover,
+.btn-info[disabled]:hover,
+fieldset[disabled] .btn-info:hover,
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled.focus,
+.btn-info[disabled].focus,
+fieldset[disabled] .btn-info.focus,
+.btn-info.disabled:active,
+.btn-info[disabled]:active,
+fieldset[disabled] .btn-info:active,
+.btn-info.disabled.active,
+.btn-info[disabled].active,
+fieldset[disabled] .btn-info.active {
+  background-color: #5bc0de;
+  border-color: #46b8da;
+}
+.btn-info .badge {
+  color: #5bc0de;
+  background-color: #fff;
+}
+.btn-warning {
+  color: #fff;
+  background-color: #f0ad4e;
+  border-color: #eea236;
+}
+.btn-warning:focus,
+.btn-warning.focus {
+  color: #fff;
+  background-color: #ec971f;
+  border-color: #985f0d;
+}
+.btn-warning:hover {
+  color: #fff;
+  background-color: #ec971f;
+  border-color: #d58512;
+}
+.btn-warning:active,
+.btn-warning.active,
+.open > .dropdown-toggle.btn-warning {
+  color: #fff;
+  background-color: #ec971f;
+  border-color: #d58512;
+}
+.btn-warning:active:hover,
+.btn-warning.active:hover,
+.open > .dropdown-toggle.btn-warning:hover,
+.btn-warning:active:focus,
+.btn-warning.active:focus,
+.open > .dropdown-toggle.btn-warning:focus,
+.btn-warning:active.focus,
+.btn-warning.active.focus,
+.open > .dropdown-toggle.btn-warning.focus {
+  color: #fff;
+  background-color: #d58512;
+  border-color: #985f0d;
+}
+.btn-warning:active,
+.btn-warning.active,
+.open > .dropdown-toggle.btn-warning {
+  background-image: none;
+}
+.btn-warning.disabled,
+.btn-warning[disabled],
+fieldset[disabled] .btn-warning,
+.btn-warning.disabled:hover,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning:hover,
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled.focus,
+.btn-warning[disabled].focus,
+fieldset[disabled] .btn-warning.focus,
+.btn-warning.disabled:active,
+.btn-warning[disabled]:active,
+fieldset[disabled] .btn-warning:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning.active {
+  background-color: #f0ad4e;
+  border-color: #eea236;
+}
+.btn-warning .badge {
+  color: #f0ad4e;
+  background-color: #fff;
+}
+.btn-danger {
+  color: #fff;
+  background-color: #d9534f;
+  border-color: #d43f3a;
+}
+.btn-danger:focus,
+.btn-danger.focus {
+  color: #fff;
+  background-color: #c9302c;
+  border-color: #761c19;
+}
+.btn-danger:hover {
+  color: #fff;
+  background-color: #c9302c;
+  border-color: #ac2925;
+}
+.btn-danger:active,
+.btn-danger.active,
+.open > .dropdown-toggle.btn-danger {
+  color: #fff;
+  background-color: #c9302c;
+  border-color: #ac2925;
+}
+.btn-danger:active:hover,
+.btn-danger.active:hover,
+.open > .dropdown-toggle.btn-danger:hover,
+.btn-danger:active:focus,
+.btn-danger.active:focus,
+.open > .dropdown-toggle.btn-danger:focus,
+.btn-danger:active.focus,
+.btn-danger.active.focus,
+.open > .dropdown-toggle.btn-danger.focus {
+  color: #fff;
+  background-color: #ac2925;
+  border-color: #761c19;
+}
+.btn-danger:active,
+.btn-danger.active,
+.open > .dropdown-toggle.btn-danger {
+  background-image: none;
+}
+.btn-danger.disabled,
+.btn-danger[disabled],
+fieldset[disabled] .btn-danger,
+.btn-danger.disabled:hover,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger:hover,
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled.focus,
+.btn-danger[disabled].focus,
+fieldset[disabled] .btn-danger.focus,
+.btn-danger.disabled:active,
+.btn-danger[disabled]:active,
+fieldset[disabled] .btn-danger:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger.active {
+  background-color: #d9534f;
+  border-color: #d43f3a;
+}
+.btn-danger .badge {
+  color: #d9534f;
+  background-color: #fff;
+}
+.btn-link {
+  font-weight: normal;
+  color: #337ab7;
+  border-radius: 0;
+}
+.btn-link,
+.btn-link:active,
+.btn-link.active,
+.btn-link[disabled],
+fieldset[disabled] .btn-link {
+  background-color: transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.btn-link,
+.btn-link:hover,
+.btn-link:focus,
+.btn-link:active {
+  border-color: transparent;
+}
+.btn-link:hover,
+.btn-link:focus {
+  color: #23527c;
+  text-decoration: underline;
+  background-color: transparent;
+}
+.btn-link[disabled]:hover,
+fieldset[disabled] .btn-link:hover,
+.btn-link[disabled]:focus,
+fieldset[disabled] .btn-link:focus {
+  color: #777;
+  text-decoration: none;
+}
+.btn-lg,
+.btn-group-lg > .btn {
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px;
+}
+.btn-sm,
+.btn-group-sm > .btn {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.btn-xs,
+.btn-group-xs > .btn {
+  padding: 1px 5px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.btn-block {
+  display: block;
+  width: 100%;
+}
+.btn-block + .btn-block {
+  margin-top: 5px;
+}
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+  width: 100%;
+}
+.fade {
+  opacity: 0;
+  -webkit-transition: opacity .15s linear;
+       -o-transition: opacity .15s linear;
+          transition: opacity .15s linear;
+}
+.fade.in {
+  opacity: 1;
+}
+.collapse {
+  display: none;
+}
+.collapse.in {
+  display: block;
+}
+tr.collapse.in {
+  display: table-row;
+}
+tbody.collapse.in {
+  display: table-row-group;
+}
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition-timing-function: ease;
+       -o-transition-timing-function: ease;
+          transition-timing-function: ease;
+  -webkit-transition-duration: .35s;
+       -o-transition-duration: .35s;
+          transition-duration: .35s;
+  -webkit-transition-property: height, visibility;
+       -o-transition-property: height, visibility;
+          transition-property: height, visibility;
+}
+.caret {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 2px;
+  vertical-align: middle;
+  border-top: 4px dashed;
+  border-top: 4px solid \9;
+  border-right: 4px solid transparent;
+  border-left: 4px solid transparent;
+}
+.dropup,
+.dropdown {
+  position: relative;
+}
+.dropdown-toggle:focus {
+  outline: 0;
+}
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0;
+  font-size: 14px;
+  text-align: left;
+  list-style: none;
+  background-color: #fff;
+  -webkit-background-clip: padding-box;
+          background-clip: padding-box;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, .15);
+  border-radius: 4px;
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+}
+.dropdown-menu.pull-right {
+  right: 0;
+  left: auto;
+}
+.dropdown-menu .divider {
+  height: 1px;
+  margin: 9px 0;
+  overflow: hidden;
+  background-color: #e5e5e5;
+}
+.dropdown-menu > li > a {
+  display: block;
+  padding: 3px 20px;
+  clear: both;
+  font-weight: normal;
+  line-height: 1.42857143;
+  color: #333;
+  white-space: nowrap;
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+  color: #262626;
+  text-decoration: none;
+  background-color: #f5f5f5;
+}
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+  color: #fff;
+  text-decoration: none;
+  background-color: #337ab7;
+  outline: 0;
+}
+.dropdown-menu > .disabled > a,
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+  color: #777;
+}
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+  text-decoration: none;
+  cursor: not-allowed;
+  background-color: transparent;
+  background-image: none;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.open > .dropdown-menu {
+  display: block;
+}
+.open > a {
+  outline: 0;
+}
+.dropdown-menu-right {
+  right: 0;
+  left: auto;
+}
+.dropdown-menu-left {
+  right: auto;
+  left: 0;
+}
+.dropdown-header {
+  display: block;
+  padding: 3px 20px;
+  font-size: 12px;
+  line-height: 1.42857143;
+  color: #777;
+  white-space: nowrap;
+}
+.dropdown-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 990;
+}
+.pull-right > .dropdown-menu {
+  right: 0;
+  left: auto;
+}
+.dropup .caret,
+.navbar-fixed-bottom .dropdown .caret {
+  content: "";
+  border-top: 0;
+  border-bottom: 4px dashed;
+  border-bottom: 4px solid \9;
+}
+.dropup .dropdown-menu,
+.navbar-fixed-bottom .dropdown .dropdown-menu {
+  top: auto;
+  bottom: 100%;
+  margin-bottom: 2px;
+}
+@media (min-width: 768px) {
+  .navbar-right .dropdown-menu {
+    right: 0;
+    left: auto;
+  }
+  .navbar-right .dropdown-menu-left {
+    right: auto;
+    left: 0;
+  }
+}
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+}
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+  position: relative;
+  float: left;
+}
+.btn-group > .btn:hover,
+.btn-group-vertical > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn:focus,
+.btn-group > .btn:active,
+.btn-group-vertical > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn.active {
+  z-index: 2;
+}
+.btn-group .btn + .btn,
+.btn-group .btn + .btn-group,
+.btn-group .btn-group + .btn,
+.btn-group .btn-group + .btn-group {
+  margin-left: -1px;
+}
+.btn-toolbar {
+  margin-left: -5px;
+}
+.btn-toolbar .btn,
+.btn-toolbar .btn-group,
+.btn-toolbar .input-group {
+  float: left;
+}
+.btn-toolbar > .btn,
+.btn-toolbar > .btn-group,
+.btn-toolbar > .input-group {
+  margin-left: 5px;
+}
+.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+  border-radius: 0;
+}
+.btn-group > .btn:first-child {
+  margin-left: 0;
+}
+.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.btn-group > .btn:last-child:not(:first-child),
+.btn-group > .dropdown-toggle:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group > .btn-group {
+  float: left;
+}
+.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0;
+}
+.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+  outline: 0;
+}
+.btn-group > .btn + .dropdown-toggle {
+  padding-right: 8px;
+  padding-left: 8px;
+}
+.btn-group > .btn-lg + .dropdown-toggle {
+  padding-right: 12px;
+  padding-left: 12px;
+}
+.btn-group.open .dropdown-toggle {
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+}
+.btn-group.open .dropdown-toggle.btn-link {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.btn .caret {
+  margin-left: 0;
+}
+.btn-lg .caret {
+  border-width: 5px 5px 0;
+  border-bottom-width: 0;
+}
+.dropup .btn-lg .caret {
+  border-width: 0 5px 5px;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group,
+.btn-group-vertical > .btn-group > .btn {
+  display: block;
+  float: none;
+  width: 100%;
+  max-width: 100%;
+}
+.btn-group-vertical > .btn-group > .btn {
+  float: none;
+}
+.btn-group-vertical > .btn + .btn,
+.btn-group-vertical > .btn + .btn-group,
+.btn-group-vertical > .btn-group + .btn,
+.btn-group-vertical > .btn-group + .btn-group {
+  margin-top: -1px;
+  margin-left: 0;
+}
+.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+.btn-group-vertical > .btn:first-child:not(:last-child) {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn:last-child:not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 4px;
+}
+.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0;
+}
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.btn-group-justified {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+}
+.btn-group-justified > .btn,
+.btn-group-justified > .btn-group {
+  display: table-cell;
+  float: none;
+  width: 1%;
+}
+.btn-group-justified > .btn-group .btn {
+  width: 100%;
+}
+.btn-group-justified > .btn-group .dropdown-menu {
+  left: auto;
+}
+[data-toggle="buttons"] > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn input[type="checkbox"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
+}
+.input-group {
+  position: relative;
+  display: table;
+  border-collapse: separate;
+}
+.input-group[class*="col-"] {
+  float: none;
+  padding-right: 0;
+  padding-left: 0;
+}
+.input-group .form-control {
+  position: relative;
+  z-index: 2;
+  float: left;
+  width: 100%;
+  margin-bottom: 0;
+}
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn {
+  height: 46px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px;
+}
+select.input-group-lg > .form-control,
+select.input-group-lg > .input-group-addon,
+select.input-group-lg > .input-group-btn > .btn {
+  height: 46px;
+  line-height: 46px;
+}
+textarea.input-group-lg > .form-control,
+textarea.input-group-lg > .input-group-addon,
+textarea.input-group-lg > .input-group-btn > .btn,
+select[multiple].input-group-lg > .form-control,
+select[multiple].input-group-lg > .input-group-addon,
+select[multiple].input-group-lg > .input-group-btn > .btn {
+  height: auto;
+}
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+select.input-group-sm > .form-control,
+select.input-group-sm > .input-group-addon,
+select.input-group-sm > .input-group-btn > .btn {
+  height: 30px;
+  line-height: 30px;
+}
+textarea.input-group-sm > .form-control,
+textarea.input-group-sm > .input-group-addon,
+textarea.input-group-sm > .input-group-btn > .btn,
+select[multiple].input-group-sm > .form-control,
+select[multiple].input-group-sm > .input-group-addon,
+select[multiple].input-group-sm > .input-group-btn > .btn {
+  height: auto;
+}
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+  display: table-cell;
+}
+.input-group-addon:not(:first-child):not(:last-child),
+.input-group-btn:not(:first-child):not(:last-child),
+.input-group .form-control:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+.input-group-addon,
+.input-group-btn {
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.input-group-addon {
+  padding: 6px 12px;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1;
+  color: #555;
+  text-align: center;
+  background-color: #eee;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+.input-group-addon.input-sm {
+  padding: 5px 10px;
+  font-size: 12px;
+  border-radius: 3px;
+}
+.input-group-addon.input-lg {
+  padding: 10px 16px;
+  font-size: 18px;
+  border-radius: 6px;
+}
+.input-group-addon input[type="radio"],
+.input-group-addon input[type="checkbox"] {
+  margin-top: 0;
+}
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-group-addon:first-child {
+  border-right: 0;
+}
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child),
+.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.input-group-addon:last-child {
+  border-left: 0;
+}
+.input-group-btn {
+  position: relative;
+  font-size: 0;
+  white-space: nowrap;
+}
+.input-group-btn > .btn {
+  position: relative;
+}
+.input-group-btn > .btn + .btn {
+  margin-left: -1px;
+}
+.input-group-btn > .btn:hover,
+.input-group-btn > .btn:focus,
+.input-group-btn > .btn:active {
+  z-index: 2;
+}
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group {
+  margin-right: -1px;
+}
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group {
+  z-index: 2;
+  margin-left: -1px;
+}
+.nav {
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+.nav > li {
+  position: relative;
+  display: block;
+}
+.nav > li > a {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+  text-decoration: none;
+  background-color: #eee;
+}
+.nav > li.disabled > a {
+  color: #777;
+}
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
+  color: #777;
+  text-decoration: none;
+  cursor: not-allowed;
+  background-color: transparent;
+}
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+  background-color: #eee;
+  border-color: #337ab7;
+}
+.nav .nav-divider {
+  height: 1px;
+  margin: 9px 0;
+  overflow: hidden;
+  background-color: #e5e5e5;
+}
+.nav > li > a > img {
+  max-width: none;
+}
+.nav-tabs {
+  border-bottom: 1px solid #ddd;
+}
+.nav-tabs > li {
+  float: left;
+  margin-bottom: -1px;
+}
+.nav-tabs > li > a {
+  margin-right: 2px;
+  line-height: 1.42857143;
+  border: 1px solid transparent;
+  border-radius: 4px 4px 0 0;
+}
+.nav-tabs > li > a:hover {
+  border-color: #eee #eee #ddd;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+  color: #555;
+  cursor: default;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-bottom-color: transparent;
+}
+.nav-tabs.nav-justified {
+  width: 100%;
+  border-bottom: 0;
+}
+.nav-tabs.nav-justified > li {
+  float: none;
+}
+.nav-tabs.nav-justified > li > a {
+  margin-bottom: 5px;
+  text-align: center;
+}
+.nav-tabs.nav-justified > .dropdown .dropdown-menu {
+  top: auto;
+  left: auto;
+}
+@media (min-width: 768px) {
+  .nav-tabs.nav-justified > li {
+    display: table-cell;
+    width: 1%;
+  }
+  .nav-tabs.nav-justified > li > a {
+    margin-bottom: 0;
+  }
+}
+.nav-tabs.nav-justified > li > a {
+  margin-right: 0;
+  border-radius: 4px;
+}
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:focus {
+  border: 1px solid #ddd;
+}
+@media (min-width: 768px) {
+  .nav-tabs.nav-justified > li > a {
+    border-bottom: 1px solid #ddd;
+    border-radius: 4px 4px 0 0;
+  }
+  .nav-tabs.nav-justified > .active > a,
+  .nav-tabs.nav-justified > .active > a:hover,
+  .nav-tabs.nav-justified > .active > a:focus {
+    border-bottom-color: #fff;
+  }
+}
+.nav-pills > li {
+  float: left;
+}
+.nav-pills > li > a {
+  border-radius: 4px;
+}
+.nav-pills > li + li {
+  margin-left: 2px;
+}
+.nav-pills > li.active > a,
+.nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus {
+  color: #fff;
+  background-color: #337ab7;
+}
+.nav-stacked > li {
+  float: none;
+}
+.nav-stacked > li + li {
+  margin-top: 2px;
+  margin-left: 0;
+}
+.nav-justified {
+  width: 100%;
+}
+.nav-justified > li {
+  float: none;
+}
+.nav-justified > li > a {
+  margin-bottom: 5px;
+  text-align: center;
+}
+.nav-justified > .dropdown .dropdown-menu {
+  top: auto;
+  left: auto;
+}
+@media (min-width: 768px) {
+  .nav-justified > li {
+    display: table-cell;
+    width: 1%;
+  }
+  .nav-justified > li > a {
+    margin-bottom: 0;
+  }
+}
+.nav-tabs-justified {
+  border-bottom: 0;
+}
+.nav-tabs-justified > li > a {
+  margin-right: 0;
+  border-radius: 4px;
+}
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
+  border: 1px solid #ddd;
+}
+@media (min-width: 768px) {
+  .nav-tabs-justified > li > a {
+    border-bottom: 1px solid #ddd;
+    border-radius: 4px 4px 0 0;
+  }
+  .nav-tabs-justified > .active > a,
+  .nav-tabs-justified > .active > a:hover,
+  .nav-tabs-justified > .active > a:focus {
+    border-bottom-color: #fff;
+  }
+}
+.tab-content > .tab-pane {
+  display: none;
+}
+.tab-content > .active {
+  display: block;
+}
+.nav-tabs .dropdown-menu {
+  margin-top: -1px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.navbar {
+  position: relative;
+  min-height: 50px;
+  margin-bottom: 20px;
+  border: 1px solid transparent;
+}
+@media (min-width: 768px) {
+  .navbar {
+    border-radius: 4px;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-header {
+    float: left;
+  }
+}
+.navbar-collapse {
+  padding-right: 15px;
+  padding-left: 15px;
+  overflow-x: visible;
+  -webkit-overflow-scrolling: touch;
+  border-top: 1px solid transparent;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
+}
+.navbar-collapse.in {
+  overflow-y: auto;
+}
+@media (min-width: 768px) {
+  .navbar-collapse {
+    width: auto;
+    border-top: 0;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+  }
+  .navbar-collapse.collapse {
+    display: block !important;
+    height: auto !important;
+    padding-bottom: 0;
+    overflow: visible !important;
+  }
+  .navbar-collapse.in {
+    overflow-y: visible;
+  }
+  .navbar-fixed-top .navbar-collapse,
+  .navbar-static-top .navbar-collapse,
+  .navbar-fixed-bottom .navbar-collapse {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+.navbar-fixed-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+  max-height: 340px;
+}
+@media (max-device-width: 480px) and (orientation: landscape) {
+  .navbar-fixed-top .navbar-collapse,
+  .navbar-fixed-bottom .navbar-collapse {
+    max-height: 200px;
+  }
+}
+.container > .navbar-header,
+.container-fluid > .navbar-header,
+.container > .navbar-collapse,
+.container-fluid > .navbar-collapse {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+@media (min-width: 768px) {
+  .container > .navbar-header,
+  .container-fluid > .navbar-header,
+  .container > .navbar-collapse,
+  .container-fluid > .navbar-collapse {
+    margin-right: 0;
+    margin-left: 0;
+  }
+}
+.navbar-static-top {
+  z-index: 1000;
+  border-width: 0 0 1px;
+}
+@media (min-width: 768px) {
+  .navbar-static-top {
+    border-radius: 0;
+  }
+}
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+@media (min-width: 768px) {
+  .navbar-fixed-top,
+  .navbar-fixed-bottom {
+    border-radius: 0;
+  }
+}
+.navbar-fixed-top {
+  top: 0;
+  border-width: 0 0 1px;
+}
+.navbar-fixed-bottom {
+  bottom: 0;
+  margin-bottom: 0;
+  border-width: 1px 0 0;
+}
+.navbar-brand {
+  float: left;
+  height: 50px;
+  padding: 15px 15px;
+  font-size: 18px;
+  line-height: 20px;
+}
+.navbar-brand:hover,
+.navbar-brand:focus {
+  text-decoration: none;
+}
+.navbar-brand > img {
+  display: block;
+}
+@media (min-width: 768px) {
+  .navbar > .container .navbar-brand,
+  .navbar > .container-fluid .navbar-brand {
+    margin-left: -15px;
+  }
+}
+.navbar-toggle {
+  position: relative;
+  float: right;
+  padding: 9px 10px;
+  margin-top: 8px;
+  margin-right: 15px;
+  margin-bottom: 8px;
+  background-color: transparent;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.navbar-toggle:focus {
+  outline: 0;
+}
+.navbar-toggle .icon-bar {
+  display: block;
+  width: 22px;
+  height: 2px;
+  border-radius: 1px;
+}
+.navbar-toggle .icon-bar + .icon-bar {
+  margin-top: 4px;
+}
+@media (min-width: 768px) {
+  .navbar-toggle {
+    display: none;
+  }
+}
+.navbar-nav {
+  margin: 7.5px -15px;
+}
+.navbar-nav > li > a {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  line-height: 20px;
+}
+@media (max-width: 767px) {
+  .navbar-nav .open .dropdown-menu {
+    position: static;
+    float: none;
+    width: auto;
+    margin-top: 0;
+    background-color: transparent;
+    border: 0;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+  }
+  .navbar-nav .open .dropdown-menu > li > a,
+  .navbar-nav .open .dropdown-menu .dropdown-header {
+    padding: 5px 15px 5px 25px;
+  }
+  .navbar-nav .open .dropdown-menu > li > a {
+    line-height: 20px;
+  }
+  .navbar-nav .open .dropdown-menu > li > a:hover,
+  .navbar-nav .open .dropdown-menu > li > a:focus {
+    background-image: none;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-nav {
+    float: left;
+    margin: 0;
+  }
+  .navbar-nav > li {
+    float: left;
+  }
+  .navbar-nav > li > a {
+    padding-top: 15px;
+    padding-bottom: 15px;
+  }
+}
+.navbar-form {
+  padding: 10px 15px;
+  margin-top: 8px;
+  margin-right: -15px;
+  margin-bottom: 8px;
+  margin-left: -15px;
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
+}
+@media (min-width: 768px) {
+  .navbar-form .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .navbar-form .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .navbar-form .form-control-static {
+    display: inline-block;
+  }
+  .navbar-form .input-group {
+    display: inline-table;
+    vertical-align: middle;
+  }
+  .navbar-form .input-group .input-group-addon,
+  .navbar-form .input-group .input-group-btn,
+  .navbar-form .input-group .form-control {
+    width: auto;
+  }
+  .navbar-form .input-group > .form-control {
+    width: 100%;
+  }
+  .navbar-form .control-label {
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .navbar-form .radio,
+  .navbar-form .checkbox {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .navbar-form .radio label,
+  .navbar-form .checkbox label {
+    padding-left: 0;
+  }
+  .navbar-form .radio input[type="radio"],
+  .navbar-form .checkbox input[type="checkbox"] {
+    position: relative;
+    margin-left: 0;
+  }
+  .navbar-form .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
+@media (max-width: 767px) {
+  .navbar-form .form-group {
+    margin-bottom: 5px;
+  }
+  .navbar-form .form-group:last-child {
+    margin-bottom: 0;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-form {
+    width: auto;
+    padding-top: 0;
+    padding-bottom: 0;
+    margin-right: 0;
+    margin-left: 0;
+    border: 0;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+  }
+}
+.navbar-nav > li > .dropdown-menu {
+  margin-top: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+  margin-bottom: 0;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.navbar-btn {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.navbar-btn.btn-sm {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.navbar-btn.btn-xs {
+  margin-top: 14px;
+  margin-bottom: 14px;
+}
+.navbar-text {
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+@media (min-width: 768px) {
+  .navbar-text {
+    float: left;
+    margin-right: 15px;
+    margin-left: 15px;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-left {
+    float: left !important;
+  }
+  .navbar-right {
+    float: right !important;
+    margin-right: -15px;
+  }
+  .navbar-right ~ .navbar-right {
+    margin-right: 0;
+  }
+}
+.navbar-default {
+  background-color: #f8f8f8;
+  border-color: #e7e7e7;
+}
+.navbar-default .navbar-brand {
+  color: #777;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+  color: #5e5e5e;
+  background-color: transparent;
+}
+.navbar-default .navbar-text {
+  color: #777;
+}
+.navbar-default .navbar-nav > li > a {
+  color: #777;
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+  color: #333;
+  background-color: transparent;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+  color: #555;
+  background-color: #e7e7e7;
+}
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:hover,
+.navbar-default .navbar-nav > .disabled > a:focus {
+  color: #ccc;
+  background-color: transparent;
+}
+.navbar-default .navbar-toggle {
+  border-color: #ddd;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+  background-color: #ddd;
+}
+.navbar-default .navbar-toggle .icon-bar {
+  background-color: #888;
+}
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+  border-color: #e7e7e7;
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
+  color: #555;
+  background-color: #e7e7e7;
+}
+@media (max-width: 767px) {
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+    color: #777;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+    color: #333;
+    background-color: transparent;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #555;
+    background-color: #e7e7e7;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
+  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+    color: #ccc;
+    background-color: transparent;
+  }
+}
+.navbar-default .navbar-link {
+  color: #777;
+}
+.navbar-default .navbar-link:hover {
+  color: #333;
+}
+.navbar-default .btn-link {
+  color: #777;
+}
+.navbar-default .btn-link:hover,
+.navbar-default .btn-link:focus {
+  color: #333;
+}
+.navbar-default .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-default .btn-link:hover,
+.navbar-default .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-default .btn-link:focus {
+  color: #ccc;
+}
+.navbar-inverse {
+  background-color: #222;
+  border-color: #080808;
+}
+.navbar-inverse .navbar-brand {
+  color: #9d9d9d;
+}
+.navbar-inverse .navbar-brand:hover,
+.navbar-inverse .navbar-brand:focus {
+  color: #fff;
+  background-color: transparent;
+}
+.navbar-inverse .navbar-text {
+  color: #9d9d9d;
+}
+.navbar-inverse .navbar-nav > li > a {
+  color: #9d9d9d;
+}
+.navbar-inverse .navbar-nav > li > a:hover,
+.navbar-inverse .navbar-nav > li > a:focus {
+  color: #fff;
+  background-color: transparent;
+}
+.navbar-inverse .navbar-nav > .active > a,
+.navbar-inverse .navbar-nav > .active > a:hover,
+.navbar-inverse .navbar-nav > .active > a:focus {
+  color: #fff;
+  background-color: #080808;
+}
+.navbar-inverse .navbar-nav > .disabled > a,
+.navbar-inverse .navbar-nav > .disabled > a:hover,
+.navbar-inverse .navbar-nav > .disabled > a:focus {
+  color: #444;
+  background-color: transparent;
+}
+.navbar-inverse .navbar-toggle {
+  border-color: #333;
+}
+.navbar-inverse .navbar-toggle:hover,
+.navbar-inverse .navbar-toggle:focus {
+  background-color: #333;
+}
+.navbar-inverse .navbar-toggle .icon-bar {
+  background-color: #fff;
+}
+.navbar-inverse .navbar-collapse,
+.navbar-inverse .navbar-form {
+  border-color: #101010;
+}
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .open > a:hover,
+.navbar-inverse .navbar-nav > .open > a:focus {
+  color: #fff;
+  background-color: #080808;
+}
+@media (max-width: 767px) {
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
+    border-color: #080808;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
+    background-color: #080808;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
+    color: #9d9d9d;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
+    color: #fff;
+    background-color: transparent;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #fff;
+    background-color: #080808;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+    color: #444;
+    background-color: transparent;
+  }
+}
+.navbar-inverse .navbar-link {
+  color: #9d9d9d;
+}
+.navbar-inverse .navbar-link:hover {
+  color: #fff;
+}
+.navbar-inverse .btn-link {
+  color: #9d9d9d;
+}
+.navbar-inverse .btn-link:hover,
+.navbar-inverse .btn-link:focus {
+  color: #fff;
+}
+.navbar-inverse .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-inverse .btn-link:hover,
+.navbar-inverse .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-inverse .btn-link:focus {
+  color: #444;
+}
+.breadcrumb {
+  padding: 8px 15px;
+  margin-bottom: 20px;
+  list-style: none;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+}
+.breadcrumb > li {
+  display: inline-block;
+}
+.breadcrumb > li + li:before {
+  padding: 0 5px;
+  color: #ccc;
+  content: "/\00a0";
+}
+.breadcrumb > .active {
+  color: #777;
+}
+.pagination {
+  display: inline-block;
+  padding-left: 0;
+  margin: 20px 0;
+  border-radius: 4px;
+}
+.pagination > li {
+  display: inline;
+}
+.pagination > li > a,
+.pagination > li > span {
+  position: relative;
+  float: left;
+  padding: 6px 12px;
+  margin-left: -1px;
+  line-height: 1.42857143;
+  color: #337ab7;
+  text-decoration: none;
+  background-color: #fff;
+  border: 1px solid #ddd;
+}
+.pagination > li:first-child > a,
+.pagination > li:first-child > span {
+  margin-left: 0;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.pagination > li:last-child > a,
+.pagination > li:last-child > span {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
+  z-index: 3;
+  color: #23527c;
+  background-color: #eee;
+  border-color: #ddd;
+}
+.pagination > .active > a,
+.pagination > .active > span,
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  z-index: 2;
+  color: #fff;
+  cursor: default;
+  background-color: #337ab7;
+  border-color: #337ab7;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+  color: #777;
+  cursor: not-allowed;
+  background-color: #fff;
+  border-color: #ddd;
+}
+.pagination-lg > li > a,
+.pagination-lg > li > span {
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+}
+.pagination-lg > li:first-child > a,
+.pagination-lg > li:first-child > span {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.pagination-lg > li:last-child > a,
+.pagination-lg > li:last-child > span {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+.pagination-sm > li > a,
+.pagination-sm > li > span {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.pagination-sm > li:first-child > a,
+.pagination-sm > li:first-child > span {
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+.pagination-sm > li:last-child > a,
+.pagination-sm > li:last-child > span {
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+.pager {
+  padding-left: 0;
+  margin: 20px 0;
+  text-align: center;
+  list-style: none;
+}
+.pager li {
+  display: inline;
+}
+.pager li > a,
+.pager li > span {
+  display: inline-block;
+  padding: 5px 14px;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-radius: 15px;
+}
+.pager li > a:hover,
+.pager li > a:focus {
+  text-decoration: none;
+  background-color: #eee;
+}
+.pager .next > a,
+.pager .next > span {
+  float: right;
+}
+.pager .previous > a,
+.pager .previous > span {
+  float: left;
+}
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+  color: #777;
+  cursor: not-allowed;
+  background-color: #fff;
+}
+.label {
+  display: inline;
+  padding: .2em .6em .3em;
+  font-size: 75%;
+  font-weight: bold;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: .25em;
+}
+a.label:hover,
+a.label:focus {
+  color: #fff;
+  text-decoration: none;
+  cursor: pointer;
+}
+.label:empty {
+  display: none;
+}
+.btn .label {
+  position: relative;
+  top: -1px;
+}
+.label-default {
+  background-color: #777;
+}
+.label-default[href]:hover,
+.label-default[href]:focus {
+  background-color: #5e5e5e;
+}
+.label-primary {
+  background-color: #337ab7;
+}
+.label-primary[href]:hover,
+.label-primary[href]:focus {
+  background-color: #286090;
+}
+.label-success {
+  background-color: #5cb85c;
+}
+.label-success[href]:hover,
+.label-success[href]:focus {
+  background-color: #449d44;
+}
+.label-info {
+  background-color: #5bc0de;
+}
+.label-info[href]:hover,
+.label-info[href]:focus {
+  background-color: #31b0d5;
+}
+.label-warning {
+  background-color: #f0ad4e;
+}
+.label-warning[href]:hover,
+.label-warning[href]:focus {
+  background-color: #ec971f;
+}
+.label-danger {
+  background-color: #d9534f;
+}
+.label-danger[href]:hover,
+.label-danger[href]:focus {
+  background-color: #c9302c;
+}
+.badge {
+  display: inline-block;
+  min-width: 10px;
+  padding: 3px 7px;
+  font-size: 12px;
+  font-weight: bold;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  background-color: #777;
+  border-radius: 10px;
+}
+.badge:empty {
+  display: none;
+}
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+.btn-xs .badge,
+.btn-group-xs > .btn .badge {
+  top: 0;
+  padding: 1px 5px;
+}
+a.badge:hover,
+a.badge:focus {
+  color: #fff;
+  text-decoration: none;
+  cursor: pointer;
+}
+.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+  color: #337ab7;
+  background-color: #fff;
+}
+.list-group-item > .badge {
+  float: right;
+}
+.list-group-item > .badge + .badge {
+  margin-right: 5px;
+}
+.nav-pills > li > a > .badge {
+  margin-left: 3px;
+}
+.jumbotron {
+  padding-top: 30px;
+  padding-bottom: 30px;
+  margin-bottom: 30px;
+  color: inherit;
+  background-color: #eee;
+}
+.jumbotron h1,
+.jumbotron .h1 {
+  color: inherit;
+}
+.jumbotron p {
+  margin-bottom: 15px;
+  font-size: 21px;
+  font-weight: 200;
+}
+.jumbotron > hr {
+  border-top-color: #d5d5d5;
+}
+.container .jumbotron,
+.container-fluid .jumbotron {
+  border-radius: 6px;
+}
+.jumbotron .container {
+  max-width: 100%;
+}
+@media screen and (min-width: 768px) {
+  .jumbotron {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+  .container .jumbotron,
+  .container-fluid .jumbotron {
+    padding-right: 60px;
+    padding-left: 60px;
+  }
+  .jumbotron h1,
+  .jumbotron .h1 {
+    font-size: 63px;
+  }
+}
+.thumbnail {
+  display: block;
+  padding: 4px;
+  margin-bottom: 20px;
+  line-height: 1.42857143;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  -webkit-transition: border .2s ease-in-out;
+       -o-transition: border .2s ease-in-out;
+          transition: border .2s ease-in-out;
+}
+.thumbnail > img,
+.thumbnail a > img {
+  margin-right: auto;
+  margin-left: auto;
+}
+a.thumbnail:hover,
+a.thumbnail:focus,
+a.thumbnail.active {
+  border-color: #337ab7;
+}
+.thumbnail .caption {
+  padding: 9px;
+  color: #333;
+}
+.alert {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.alert h4 {
+  margin-top: 0;
+  color: inherit;
+}
+.alert .alert-link {
+  font-weight: bold;
+}
+.alert > p,
+.alert > ul {
+  margin-bottom: 0;
+}
+.alert > p + p {
+  margin-top: 5px;
+}
+.alert-dismissable,
+.alert-dismissible {
+  padding-right: 35px;
+}
+.alert-dismissable .close,
+.alert-dismissible .close {
+  position: relative;
+  top: -2px;
+  right: -21px;
+  color: inherit;
+}
+.alert-success {
+  color: #3c763d;
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+}
+.alert-success hr {
+  border-top-color: #c9e2b3;
+}
+.alert-success .alert-link {
+  color: #2b542c;
+}
+.alert-info {
+  color: #31708f;
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+}
+.alert-info hr {
+  border-top-color: #a6e1ec;
+}
+.alert-info .alert-link {
+  color: #245269;
+}
+.alert-warning {
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+  border-color: #faebcc;
+}
+.alert-warning hr {
+  border-top-color: #f7e1b5;
+}
+.alert-warning .alert-link {
+  color: #66512c;
+}
+.alert-danger {
+  color: #a94442;
+  background-color: #f2dede;
+  border-color: #ebccd1;
+}
+.alert-danger hr {
+  border-top-color: #e4b9c0;
+}
+.alert-danger .alert-link {
+  color: #843534;
+}
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+@-o-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+.progress {
+  height: 20px;
+  margin-bottom: 20px;
+  overflow: hidden;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
+}
+.progress-bar {
+  float: left;
+  width: 0;
+  height: 100%;
+  font-size: 12px;
+  line-height: 20px;
+  color: #fff;
+  text-align: center;
+  background-color: #337ab7;
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
+          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
+  -webkit-transition: width .6s ease;
+       -o-transition: width .6s ease;
+          transition: width .6s ease;
+}
+.progress-striped .progress-bar,
+.progress-bar-striped {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  -webkit-background-size: 40px 40px;
+          background-size: 40px 40px;
+}
+.progress.active .progress-bar,
+.progress-bar.active {
+  -webkit-animation: progress-bar-stripes 2s linear infinite;
+       -o-animation: progress-bar-stripes 2s linear infinite;
+          animation: progress-bar-stripes 2s linear infinite;
+}
+.progress-bar-success {
+  background-color: #5cb85c;
+}
+.progress-striped .progress-bar-success {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+}
+.progress-bar-info {
+  background-color: #5bc0de;
+}
+.progress-striped .progress-bar-info {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+}
+.progress-bar-warning {
+  background-color: #f0ad4e;
+}
+.progress-striped .progress-bar-warning {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+}
+.progress-bar-danger {
+  background-color: #d9534f;
+}
+.progress-striped .progress-bar-danger {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+}
+.media {
+  margin-top: 15px;
+}
+.media:first-child {
+  margin-top: 0;
+}
+.media,
+.media-body {
+  overflow: hidden;
+  zoom: 1;
+}
+.media-body {
+  width: 10000px;
+}
+.media-object {
+  display: block;
+}
+.media-object.img-thumbnail {
+  max-width: none;
+}
+.media-right,
+.media > .pull-right {
+  padding-left: 10px;
+}
+.media-left,
+.media > .pull-left {
+  padding-right: 10px;
+}
+.media-left,
+.media-right,
+.media-body {
+  display: table-cell;
+  vertical-align: top;
+}
+.media-middle {
+  vertical-align: middle;
+}
+.media-bottom {
+  vertical-align: bottom;
+}
+.media-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+.media-list {
+  padding-left: 0;
+  list-style: none;
+}
+.list-group {
+  padding-left: 0;
+  margin-bottom: 20px;
+}
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  margin-bottom: -1px;
+  background-color: #fff;
+  border: 1px solid #ddd;
+}
+.list-group-item:first-child {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.list-group-item:last-child {
+  margin-bottom: 0;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+a.list-group-item,
+button.list-group-item {
+  color: #555;
+}
+a.list-group-item .list-group-item-heading,
+button.list-group-item .list-group-item-heading {
+  color: #333;
+}
+a.list-group-item:hover,
+button.list-group-item:hover,
+a.list-group-item:focus,
+button.list-group-item:focus {
+  color: #555;
+  text-decoration: none;
+  background-color: #f5f5f5;
+}
+button.list-group-item {
+  width: 100%;
+  text-align: left;
+}
+.list-group-item.disabled,
+.list-group-item.disabled:hover,
+.list-group-item.disabled:focus {
+  color: #777;
+  cursor: not-allowed;
+  background-color: #eee;
+}
+.list-group-item.disabled .list-group-item-heading,
+.list-group-item.disabled:hover .list-group-item-heading,
+.list-group-item.disabled:focus .list-group-item-heading {
+  color: inherit;
+}
+.list-group-item.disabled .list-group-item-text,
+.list-group-item.disabled:hover .list-group-item-text,
+.list-group-item.disabled:focus .list-group-item-text {
+  color: #777;
+}
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
+  z-index: 2;
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #337ab7;
+}
+.list-group-item.active .list-group-item-heading,
+.list-group-item.active:hover .list-group-item-heading,
+.list-group-item.active:focus .list-group-item-heading,
+.list-group-item.active .list-group-item-heading > small,
+.list-group-item.active:hover .list-group-item-heading > small,
+.list-group-item.active:focus .list-group-item-heading > small,
+.list-group-item.active .list-group-item-heading > .small,
+.list-group-item.active:hover .list-group-item-heading > .small,
+.list-group-item.active:focus .list-group-item-heading > .small {
+  color: inherit;
+}
+.list-group-item.active .list-group-item-text,
+.list-group-item.active:hover .list-group-item-text,
+.list-group-item.active:focus .list-group-item-text {
+  color: #c7ddef;
+}
+.list-group-item-success {
+  color: #3c763d;
+  background-color: #dff0d8;
+}
+a.list-group-item-success,
+button.list-group-item-success {
+  color: #3c763d;
+}
+a.list-group-item-success .list-group-item-heading,
+button.list-group-item-success .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-success:hover,
+button.list-group-item-success:hover,
+a.list-group-item-success:focus,
+button.list-group-item-success:focus {
+  color: #3c763d;
+  background-color: #d0e9c6;
+}
+a.list-group-item-success.active,
+button.list-group-item-success.active,
+a.list-group-item-success.active:hover,
+button.list-group-item-success.active:hover,
+a.list-group-item-success.active:focus,
+button.list-group-item-success.active:focus {
+  color: #fff;
+  background-color: #3c763d;
+  border-color: #3c763d;
+}
+.list-group-item-info {
+  color: #31708f;
+  background-color: #d9edf7;
+}
+a.list-group-item-info,
+button.list-group-item-info {
+  color: #31708f;
+}
+a.list-group-item-info .list-group-item-heading,
+button.list-group-item-info .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-info:hover,
+button.list-group-item-info:hover,
+a.list-group-item-info:focus,
+button.list-group-item-info:focus {
+  color: #31708f;
+  background-color: #c4e3f3;
+}
+a.list-group-item-info.active,
+button.list-group-item-info.active,
+a.list-group-item-info.active:hover,
+button.list-group-item-info.active:hover,
+a.list-group-item-info.active:focus,
+button.list-group-item-info.active:focus {
+  color: #fff;
+  background-color: #31708f;
+  border-color: #31708f;
+}
+.list-group-item-warning {
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+}
+a.list-group-item-warning,
+button.list-group-item-warning {
+  color: #8a6d3b;
+}
+a.list-group-item-warning .list-group-item-heading,
+button.list-group-item-warning .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-warning:hover,
+button.list-group-item-warning:hover,
+a.list-group-item-warning:focus,
+button.list-group-item-warning:focus {
+  color: #8a6d3b;
+  background-color: #faf2cc;
+}
+a.list-group-item-warning.active,
+button.list-group-item-warning.active,
+a.list-group-item-warning.active:hover,
+button.list-group-item-warning.active:hover,
+a.list-group-item-warning.active:focus,
+button.list-group-item-warning.active:focus {
+  color: #fff;
+  background-color: #8a6d3b;
+  border-color: #8a6d3b;
+}
+.list-group-item-danger {
+  color: #a94442;
+  background-color: #f2dede;
+}
+a.list-group-item-danger,
+button.list-group-item-danger {
+  color: #a94442;
+}
+a.list-group-item-danger .list-group-item-heading,
+button.list-group-item-danger .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-danger:hover,
+button.list-group-item-danger:hover,
+a.list-group-item-danger:focus,
+button.list-group-item-danger:focus {
+  color: #a94442;
+  background-color: #ebcccc;
+}
+a.list-group-item-danger.active,
+button.list-group-item-danger.active,
+a.list-group-item-danger.active:hover,
+button.list-group-item-danger.active:hover,
+a.list-group-item-danger.active:focus,
+button.list-group-item-danger.active:focus {
+  color: #fff;
+  background-color: #a94442;
+  border-color: #a94442;
+}
+.list-group-item-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+.list-group-item-text {
+  margin-bottom: 0;
+  line-height: 1.3;
+}
+.panel {
+  margin-bottom: 20px;
+  background-color: #fff;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
+          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
+}
+.panel-body {
+  padding: 15px;
+}
+.panel-heading {
+  padding: 10px 15px;
+  border-bottom: 1px solid transparent;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.panel-heading > .dropdown .dropdown-toggle {
+  color: inherit;
+}
+.panel-title {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 16px;
+  color: inherit;
+}
+.panel-title > a,
+.panel-title > small,
+.panel-title > .small,
+.panel-title > small > a,
+.panel-title > .small > a {
+  color: inherit;
+}
+.panel-footer {
+  padding: 10px 15px;
+  background-color: #f5f5f5;
+  border-top: 1px solid #ddd;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+.panel > .list-group,
+.panel > .panel-collapse > .list-group {
+  margin-bottom: 0;
+}
+.panel > .list-group .list-group-item,
+.panel > .panel-collapse > .list-group .list-group-item {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+.panel > .list-group:first-child .list-group-item:first-child,
+.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
+  border-top: 0;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.panel > .list-group:last-child .list-group-item:last-child,
+.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
+  border-bottom: 0;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.panel-heading + .list-group .list-group-item:first-child {
+  border-top-width: 0;
+}
+.list-group + .panel-footer {
+  border-top-width: 0;
+}
+.panel > .table,
+.panel > .table-responsive > .table,
+.panel > .panel-collapse > .table {
+  margin-bottom: 0;
+}
+.panel > .table caption,
+.panel > .table-responsive > .table caption,
+.panel > .panel-collapse > .table caption {
+  padding-right: 15px;
+  padding-left: 15px;
+}
+.panel > .table:first-child,
+.panel > .table-responsive:first-child > .table:first-child {
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+  border-top-left-radius: 3px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+  border-top-right-radius: 3px;
+}
+.panel > .table:last-child,
+.panel > .table-responsive:last-child > .table:last-child {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+  border-bottom-left-radius: 3px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+  border-bottom-right-radius: 3px;
+}
+.panel > .panel-body + .table,
+.panel > .panel-body + .table-responsive,
+.panel > .table + .panel-body,
+.panel > .table-responsive + .panel-body {
+  border-top: 1px solid #ddd;
+}
+.panel > .table > tbody:first-child > tr:first-child th,
+.panel > .table > tbody:first-child > tr:first-child td {
+  border-top: 0;
+}
+.panel > .table-bordered,
+.panel > .table-responsive > .table-bordered {
+  border: 0;
+}
+.panel > .table-bordered > thead > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+.panel > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-bordered > thead > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+.panel > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-bordered > tfoot > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+  border-left: 0;
+}
+.panel > .table-bordered > thead > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+.panel > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-bordered > thead > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+.panel > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-bordered > tfoot > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+  border-right: 0;
+}
+.panel > .table-bordered > thead > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
+.panel > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-bordered > thead > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
+.panel > .table-bordered > tbody > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
+  border-bottom: 0;
+}
+.panel > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-bordered > tfoot > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
+  border-bottom: 0;
+}
+.panel > .table-responsive {
+  margin-bottom: 0;
+  border: 0;
+}
+.panel-group {
+  margin-bottom: 20px;
+}
+.panel-group .panel {
+  margin-bottom: 0;
+  border-radius: 4px;
+}
+.panel-group .panel + .panel {
+  margin-top: 5px;
+}
+.panel-group .panel-heading {
+  border-bottom: 0;
+}
+.panel-group .panel-heading + .panel-collapse > .panel-body,
+.panel-group .panel-heading + .panel-collapse > .list-group {
+  border-top: 1px solid #ddd;
+}
+.panel-group .panel-footer {
+  border-top: 0;
+}
+.panel-group .panel-footer + .panel-collapse .panel-body {
+  border-bottom: 1px solid #ddd;
+}
+.panel-default {
+  border-color: #ddd;
+}
+.panel-default > .panel-heading {
+  color: #333;
+  background-color: #f5f5f5;
+  border-color: #ddd;
+}
+.panel-default > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #ddd;
+}
+.panel-default > .panel-heading .badge {
+  color: #f5f5f5;
+  background-color: #333;
+}
+.panel-default > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #ddd;
+}
+.panel-primary {
+  border-color: #337ab7;
+}
+.panel-primary > .panel-heading {
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #337ab7;
+}
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #337ab7;
+}
+.panel-primary > .panel-heading .badge {
+  color: #337ab7;
+  background-color: #fff;
+}
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #337ab7;
+}
+.panel-success {
+  border-color: #d6e9c6;
+}
+.panel-success > .panel-heading {
+  color: #3c763d;
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+}
+.panel-success > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #d6e9c6;
+}
+.panel-success > .panel-heading .badge {
+  color: #dff0d8;
+  background-color: #3c763d;
+}
+.panel-success > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #d6e9c6;
+}
+.panel-info {
+  border-color: #bce8f1;
+}
+.panel-info > .panel-heading {
+  color: #31708f;
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+}
+.panel-info > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #bce8f1;
+}
+.panel-info > .panel-heading .badge {
+  color: #d9edf7;
+  background-color: #31708f;
+}
+.panel-info > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #bce8f1;
+}
+.panel-warning {
+  border-color: #faebcc;
+}
+.panel-warning > .panel-heading {
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+  border-color: #faebcc;
+}
+.panel-warning > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #faebcc;
+}
+.panel-warning > .panel-heading .badge {
+  color: #fcf8e3;
+  background-color: #8a6d3b;
+}
+.panel-warning > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #faebcc;
+}
+.panel-danger {
+  border-color: #ebccd1;
+}
+.panel-danger > .panel-heading {
+  color: #a94442;
+  background-color: #f2dede;
+  border-color: #ebccd1;
+}
+.panel-danger > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #ebccd1;
+}
+.panel-danger > .panel-heading .badge {
+  color: #f2dede;
+  background-color: #a94442;
+}
+.panel-danger > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #ebccd1;
+}
+.embed-responsive {
+  position: relative;
+  display: block;
+  height: 0;
+  padding: 0;
+  overflow: hidden;
+}
+.embed-responsive .embed-responsive-item,
+.embed-responsive iframe,
+.embed-responsive embed,
+.embed-responsive object,
+.embed-responsive video {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+.embed-responsive-16by9 {
+  padding-bottom: 56.25%;
+}
+.embed-responsive-4by3 {
+  padding-bottom: 75%;
+}
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border: 1px solid #e3e3e3;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
+}
+.well blockquote {
+  border-color: #ddd;
+  border-color: rgba(0, 0, 0, .15);
+}
+.well-lg {
+  padding: 24px;
+  border-radius: 6px;
+}
+.well-sm {
+  padding: 9px;
+  border-radius: 3px;
+}
+.close {
+  float: right;
+  font-size: 21px;
+  font-weight: bold;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  filter: alpha(opacity=20);
+  opacity: .2;
+}
+.close:hover,
+.close:focus {
+  color: #000;
+  text-decoration: none;
+  cursor: pointer;
+  filter: alpha(opacity=50);
+  opacity: .5;
+}
+button.close {
+  -webkit-appearance: none;
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+}
+.modal-open {
+  overflow: hidden;
+}
+.modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1050;
+  display: none;
+  overflow: hidden;
+  -webkit-overflow-scrolling: touch;
+  outline: 0;
+}
+.modal.fade .modal-dialog {
+  -webkit-transition: -webkit-transform .3s ease-out;
+       -o-transition:      -o-transform .3s ease-out;
+          transition:         transform .3s ease-out;
+  -webkit-transform: translate(0, -25%);
+      -ms-transform: translate(0, -25%);
+       -o-transform: translate(0, -25%);
+          transform: translate(0, -25%);
+}
+.modal.in .modal-dialog {
+  -webkit-transform: translate(0, 0);
+      -ms-transform: translate(0, 0);
+       -o-transform: translate(0, 0);
+          transform: translate(0, 0);
+}
+.modal-open .modal {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 10px;
+}
+.modal-content {
+  position: relative;
+  background-color: #fff;
+  -webkit-background-clip: padding-box;
+          background-clip: padding-box;
+  border: 1px solid #999;
+  border: 1px solid rgba(0, 0, 0, .2);
+  border-radius: 6px;
+  outline: 0;
+  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
+          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
+}
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #000;
+}
+.modal-backdrop.fade {
+  filter: alpha(opacity=0);
+  opacity: 0;
+}
+.modal-backdrop.in {
+  filter: alpha(opacity=50);
+  opacity: .5;
+}
+.modal-header {
+  min-height: 16.42857143px;
+  padding: 15px;
+  border-bottom: 1px solid #e5e5e5;
+}
+.modal-header .close {
+  margin-top: -2px;
+}
+.modal-title {
+  margin: 0;
+  line-height: 1.42857143;
+}
+.modal-body {
+  position: relative;
+  padding: 15px;
+}
+.modal-footer {
+  padding: 15px;
+  text-align: right;
+  border-top: 1px solid #e5e5e5;
+}
+.modal-footer .btn + .btn {
+  margin-bottom: 0;
+  margin-left: 5px;
+}
+.modal-footer .btn-group .btn + .btn {
+  margin-left: -1px;
+}
+.modal-footer .btn-block + .btn-block {
+  margin-left: 0;
+}
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+@media (min-width: 768px) {
+  .modal-dialog {
+    width: 600px;
+    margin: 30px auto;
+  }
+  .modal-content {
+    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
+            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
+  }
+  .modal-sm {
+    width: 300px;
+  }
+}
+@media (min-width: 992px) {
+  .modal-lg {
+    width: 900px;
+  }
+}
+.tooltip {
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.42857143;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+  white-space: normal;
+  filter: alpha(opacity=0);
+  opacity: 0;
+
+  line-break: auto;
+}
+.tooltip.in {
+  filter: alpha(opacity=90);
+  opacity: .9;
+}
+.tooltip.top {
+  padding: 5px 0;
+  margin-top: -3px;
+}
+.tooltip.right {
+  padding: 0 5px;
+  margin-left: 3px;
+}
+.tooltip.bottom {
+  padding: 5px 0;
+  margin-top: 3px;
+}
+.tooltip.left {
+  padding: 0 5px;
+  margin-left: -3px;
+}
+.tooltip-inner {
+  max-width: 200px;
+  padding: 3px 8px;
+  color: #fff;
+  text-align: center;
+  background-color: #000;
+  border-radius: 4px;
+}
+.tooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.tooltip.top .tooltip-arrow {
+  bottom: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000;
+}
+.tooltip.top-left .tooltip-arrow {
+  right: 5px;
+  bottom: 0;
+  margin-bottom: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000;
+}
+.tooltip.top-right .tooltip-arrow {
+  bottom: 0;
+  left: 5px;
+  margin-bottom: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000;
+}
+.tooltip.right .tooltip-arrow {
+  top: 50%;
+  left: 0;
+  margin-top: -5px;
+  border-width: 5px 5px 5px 0;
+  border-right-color: #000;
+}
+.tooltip.left .tooltip-arrow {
+  top: 50%;
+  right: 0;
+  margin-top: -5px;
+  border-width: 5px 0 5px 5px;
+  border-left-color: #000;
+}
+.tooltip.bottom .tooltip-arrow {
+  top: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000;
+}
+.tooltip.bottom-left .tooltip-arrow {
+  top: 0;
+  right: 5px;
+  margin-top: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000;
+}
+.tooltip.bottom-right .tooltip-arrow {
+  top: 0;
+  left: 5px;
+  margin-top: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000;
+}
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1060;
+  display: none;
+  max-width: 276px;
+  padding: 1px;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.42857143;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+  white-space: normal;
+  background-color: #fff;
+  -webkit-background-clip: padding-box;
+          background-clip: padding-box;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, .2);
+  border-radius: 6px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
+          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
+
+  line-break: auto;
+}
+.popover.top {
+  margin-top: -10px;
+}
+.popover.right {
+  margin-left: 10px;
+}
+.popover.bottom {
+  margin-top: 10px;
+}
+.popover.left {
+  margin-left: -10px;
+}
+.popover-title {
+  padding: 8px 14px;
+  margin: 0;
+  font-size: 14px;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  border-radius: 5px 5px 0 0;
+}
+.popover-content {
+  padding: 9px 14px;
+}
+.popover > .arrow,
+.popover > .arrow:after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.popover > .arrow {
+  border-width: 11px;
+}
+.popover > .arrow:after {
+  content: "";
+  border-width: 10px;
+}
+.popover.top > .arrow {
+  bottom: -11px;
+  left: 50%;
+  margin-left: -11px;
+  border-top-color: #999;
+  border-top-color: rgba(0, 0, 0, .25);
+  border-bottom-width: 0;
+}
+.popover.top > .arrow:after {
+  bottom: 1px;
+  margin-left: -10px;
+  content: " ";
+  border-top-color: #fff;
+  border-bottom-width: 0;
+}
+.popover.right > .arrow {
+  top: 50%;
+  left: -11px;
+  margin-top: -11px;
+  border-right-color: #999;
+  border-right-color: rgba(0, 0, 0, .25);
+  border-left-width: 0;
+}
+.popover.right > .arrow:after {
+  bottom: -10px;
+  left: 1px;
+  content: " ";
+  border-right-color: #fff;
+  border-left-width: 0;
+}
+.popover.bottom > .arrow {
+  top: -11px;
+  left: 50%;
+  margin-left: -11px;
+  border-top-width: 0;
+  border-bottom-color: #999;
+  border-bottom-color: rgba(0, 0, 0, .25);
+}
+.popover.bottom > .arrow:after {
+  top: 1px;
+  margin-left: -10px;
+  content: " ";
+  border-top-width: 0;
+  border-bottom-color: #fff;
+}
+.popover.left > .arrow {
+  top: 50%;
+  right: -11px;
+  margin-top: -11px;
+  border-right-width: 0;
+  border-left-color: #999;
+  border-left-color: rgba(0, 0, 0, .25);
+}
+.popover.left > .arrow:after {
+  right: 1px;
+  bottom: -10px;
+  content: " ";
+  border-right-width: 0;
+  border-left-color: #fff;
+}
+.carousel {
+  position: relative;
+}
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+.carousel-inner > .item {
+  position: relative;
+  display: none;
+  -webkit-transition: .6s ease-in-out left;
+       -o-transition: .6s ease-in-out left;
+          transition: .6s ease-in-out left;
+}
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+  line-height: 1;
+}
+@media all and (transform-3d), (-webkit-transform-3d) {
+  .carousel-inner > .item {
+    -webkit-transition: -webkit-transform .6s ease-in-out;
+         -o-transition:      -o-transform .6s ease-in-out;
+            transition:         transform .6s ease-in-out;
+
+    -webkit-backface-visibility: hidden;
+            backface-visibility: hidden;
+    -webkit-perspective: 1000px;
+            perspective: 1000px;
+  }
+  .carousel-inner > .item.next,
+  .carousel-inner > .item.active.right {
+    left: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+  .carousel-inner > .item.prev,
+  .carousel-inner > .item.active.left {
+    left: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+  .carousel-inner > .item.next.left,
+  .carousel-inner > .item.prev.right,
+  .carousel-inner > .item.active {
+    left: 0;
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+}
+.carousel-inner > .active,
+.carousel-inner > .next,
+.carousel-inner > .prev {
+  display: block;
+}
+.carousel-inner > .active {
+  left: 0;
+}
+.carousel-inner > .next,
+.carousel-inner > .prev {
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.carousel-inner > .next {
+  left: 100%;
+}
+.carousel-inner > .prev {
+  left: -100%;
+}
+.carousel-inner > .next.left,
+.carousel-inner > .prev.right {
+  left: 0;
+}
+.carousel-inner > .active.left {
+  left: -100%;
+}
+.carousel-inner > .active.right {
+  left: 100%;
+}
+.carousel-control {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 15%;
+  font-size: 20px;
+  color: #fff;
+  text-align: center;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
+  filter: alpha(opacity=50);
+  opacity: .5;
+}
+.carousel-control.left {
+  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
+  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
+  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+  background-repeat: repeat-x;
+}
+.carousel-control.right {
+  right: 0;
+  left: auto;
+  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
+  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
+  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
+  background-repeat: repeat-x;
+}
+.carousel-control:hover,
+.carousel-control:focus {
+  color: #fff;
+  text-decoration: none;
+  filter: alpha(opacity=90);
+  outline: 0;
+  opacity: .9;
+}
+.carousel-control .icon-prev,
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-left,
+.carousel-control .glyphicon-chevron-right {
+  position: absolute;
+  top: 50%;
+  z-index: 5;
+  display: inline-block;
+  margin-top: -10px;
+}
+.carousel-control .icon-prev,
+.carousel-control .glyphicon-chevron-left {
+  left: 50%;
+  margin-left: -10px;
+}
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-right {
+  right: 50%;
+  margin-right: -10px;
+}
+.carousel-control .icon-prev,
+.carousel-control .icon-next {
+  width: 20px;
+  height: 20px;
+  font-family: serif;
+  line-height: 1;
+}
+.carousel-control .icon-prev:before {
+  content: '\2039';
+}
+.carousel-control .icon-next:before {
+  content: '\203a';
+}
+.carousel-indicators {
+  position: absolute;
+  bottom: 10px;
+  left: 50%;
+  z-index: 15;
+  width: 60%;
+  padding-left: 0;
+  margin-left: -30%;
+  text-align: center;
+  list-style: none;
+}
+.carousel-indicators li {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin: 1px;
+  text-indent: -999px;
+  cursor: pointer;
+  background-color: #000 \9;
+  background-color: rgba(0, 0, 0, 0);
+  border: 1px solid #fff;
+  border-radius: 10px;
+}
+.carousel-indicators .active {
+  width: 12px;
+  height: 12px;
+  margin: 0;
+  background-color: #fff;
+}
+.carousel-caption {
+  position: absolute;
+  right: 15%;
+  bottom: 20px;
+  left: 15%;
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: #fff;
+  text-align: center;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
+}
+.carousel-caption .btn {
+  text-shadow: none;
+}
+@media screen and (min-width: 768px) {
+  .carousel-control .glyphicon-chevron-left,
+  .carousel-control .glyphicon-chevron-right,
+  .carousel-control .icon-prev,
+  .carousel-control .icon-next {
+    width: 30px;
+    height: 30px;
+    margin-top: -15px;
+    font-size: 30px;
+  }
+  .carousel-control .glyphicon-chevron-left,
+  .carousel-control .icon-prev {
+    margin-left: -15px;
+  }
+  .carousel-control .glyphicon-chevron-right,
+  .carousel-control .icon-next {
+    margin-right: -15px;
+  }
+  .carousel-caption {
+    right: 20%;
+    left: 20%;
+    padding-bottom: 30px;
+  }
+  .carousel-indicators {
+    bottom: 20px;
+  }
+}
+.clearfix:before,
+.clearfix:after,
+.dl-horizontal dd:before,
+.dl-horizontal dd:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after,
+.form-horizontal .form-group:before,
+.form-horizontal .form-group:after,
+.btn-toolbar:before,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after,
+.nav:before,
+.nav:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after,
+.navbar-collapse:before,
+.navbar-collapse:after,
+.pager:before,
+.pager:after,
+.panel-body:before,
+.panel-body:after,
+.modal-footer:before,
+.modal-footer:after {
+  display: table;
+  content: " ";
+}
+.clearfix:after,
+.dl-horizontal dd:after,
+.container:after,
+.container-fluid:after,
+.row:after,
+.form-horizontal .form-group:after,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:after,
+.nav:after,
+.navbar:after,
+.navbar-header:after,
+.navbar-collapse:after,
+.pager:after,
+.panel-body:after,
+.modal-footer:after {
+  clear: both;
+}
+.center-block {
+  display: block;
+  margin-right: auto;
+  margin-left: auto;
+}
+.pull-right {
+  float: right !important;
+}
+.pull-left {
+  float: left !important;
+}
+.hide {
+  display: none !important;
+}
+.show {
+  display: block !important;
+}
+.invisible {
+  visibility: hidden;
+}
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+.hidden {
+  display: none !important;
+}
+.affix {
+  position: fixed;
+}
+@-ms-viewport {
+  width: device-width;
+}
+.visible-xs,
+.visible-sm,
+.visible-md,
+.visible-lg {
+  display: none !important;
+}
+.visible-xs-block,
+.visible-xs-inline,
+.visible-xs-inline-block,
+.visible-sm-block,
+.visible-sm-inline,
+.visible-sm-inline-block,
+.visible-md-block,
+.visible-md-inline,
+.visible-md-inline-block,
+.visible-lg-block,
+.visible-lg-inline,
+.visible-lg-inline-block {
+  display: none !important;
+}
+@media (max-width: 767px) {
+  .visible-xs {
+    display: block !important;
+  }
+  table.visible-xs {
+    display: table !important;
+  }
+  tr.visible-xs {
+    display: table-row !important;
+  }
+  th.visible-xs,
+  td.visible-xs {
+    display: table-cell !important;
+  }
+}
+@media (max-width: 767px) {
+  .visible-xs-block {
+    display: block !important;
+  }
+}
+@media (max-width: 767px) {
+  .visible-xs-inline {
+    display: inline !important;
+  }
+}
+@media (max-width: 767px) {
+  .visible-xs-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm {
+    display: block !important;
+  }
+  table.visible-sm {
+    display: table !important;
+  }
+  tr.visible-sm {
+    display: table-row !important;
+  }
+  th.visible-sm,
+  td.visible-sm {
+    display: table-cell !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-block {
+    display: block !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-inline {
+    display: inline !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md {
+    display: block !important;
+  }
+  table.visible-md {
+    display: table !important;
+  }
+  tr.visible-md {
+    display: table-row !important;
+  }
+  th.visible-md,
+  td.visible-md {
+    display: table-cell !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-block {
+    display: block !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-inline {
+    display: inline !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg {
+    display: block !important;
+  }
+  table.visible-lg {
+    display: table !important;
+  }
+  tr.visible-lg {
+    display: table-row !important;
+  }
+  th.visible-lg,
+  td.visible-lg {
+    display: table-cell !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg-block {
+    display: block !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg-inline {
+    display: inline !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (max-width: 767px) {
+  .hidden-xs {
+    display: none !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .hidden-sm {
+    display: none !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .hidden-md {
+    display: none !important;
+  }
+}
+@media (min-width: 1200px) {
+  .hidden-lg {
+    display: none !important;
+  }
+}
+.visible-print {
+  display: none !important;
+}
+@media print {
+  .visible-print {
+    display: block !important;
+  }
+  table.visible-print {
+    display: table !important;
+  }
+  tr.visible-print {
+    display: table-row !important;
+  }
+  th.visible-print,
+  td.visible-print {
+    display: table-cell !important;
+  }
+}
+.visible-print-block {
+  display: none !important;
+}
+@media print {
+  .visible-print-block {
+    display: block !important;
+  }
+}
+.visible-print-inline {
+  display: none !important;
+}
+@media print {
+  .visible-print-inline {
+    display: inline !important;
+  }
+}
+.visible-print-inline-block {
+  display: none !important;
+}
+@media print {
+  .visible-print-inline-block {
+    display: inline-block !important;
+  }
+}
+@media print {
+  .hidden-print {
+    display: none !important;
+  }
+}
+/*# sourceMappingURL=bootstrap.css.map */
diff --git a/vendor/stylesheets/components.css b/vendor/stylesheets/components.css
new file mode 100755
index 0000000..6a3b975
--- /dev/null
+++ b/vendor/stylesheets/components.css
@@ -0,0 +1,8608 @@
+@charset "UTF-8";
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+   01. ALERT
+   02. CALLOUT
+   03. BADGE
+   04. BREADCRUMB
+   05. BUTTON
+   06. DROPDOWN
+   07. FORM
+   08. IMG BORDERED
+   09. LABEL
+   10. MEDIA IMAGE
+   11. MISC
+   12. MODALS
+   13. PAGINATION
+   14. PANEL
+   15. PROGRESS BAR
+   16. RATING STAR
+   17. RESET
+   18. RIBBONS
+   19. TABLE
+   20. TABS
+   21. THUMBNAIL
+   22. TOOLTIP
+   23. TYPOGRAPHY
+   24. WIDGETS
+ * ======================================================================== */
+/* ========================================================================
+ * WIDGETS
+ * ======================================================================== */
+/* ========================================================================
+ * TABLE OF CONTENT
+ * ========================================================================
+   OVERVIEW
+   MINI STAT
+   MINI STAT TYPE 3
+   MINI STAT TYPE 4
+   MINI STAT TYPE 5
+   MINI STAT TYPE 6
+   BLOG
+   PROFILE
+   CURRENT CITY
+   FORECAST
+   VISITOR CHART
+   TO-DO
+   RECENT ACTIVITY
+   OVERVIEW SOCIAL
+ * ======================================================================== */
+.widget-wrapper {
+  position: relative;
+  border: none !important;
+}
+
+/* ========================================================================
+ * OVERVIEW
+ * ======================================================================== */
+.widget-overview .overview-label {
+  text-transform: uppercase;
+  font-size: 11px;
+  opacity: 0.75;
+  display: block;
+  line-height: normal;
+  margin-bottom: 2px;
+}
+.widget-overview h1 {
+  margin: 0;
+  line-height: 36px;
+  font-size: 38px;
+}
+.widget-overview .row {
+  margin-bottom: 10px;
+}
+.widget-overview .row:last-child {
+  margin-bottom: 0px;
+}
+.widget-overview h4 {
+  margin-top: 2px;
+  margin-bottom: 0px;
+}
+
+/* ========================================================================
+ * MINI STAT
+ * ======================================================================== */
+.mini-stat {
+  padding: 15px;
+  margin-bottom: 20px;
+}
+
+.mini-stat-chart {
+  width: auto;
+  height: 60px;
+  display: inline-block;
+  line-height: 60px;
+  text-align: center;
+  float: left;
+  margin-right: 10px;
+}
+
+.mini-stat-icon {
+  width: 60px;
+  height: 60px;
+  display: inline-block;
+  line-height: 60px;
+  text-align: center;
+  font-size: 30px;
+  background: none repeat scroll 0% 0% #EEE;
+  border-radius: 100%;
+  float: left;
+  margin-right: 10px;
+  color: #FFF;
+}
+
+.mini-stat-info {
+  font-size: 12px;
+  padding-top: 2px;
+}
+.mini-stat-info span {
+  display: block;
+  font-size: 30px;
+  font-weight: 600;
+  margin-bottom: 5px;
+  margin-top: 7px;
+}
+
+/* ========================================================================
+ * MINI STAT TYPE 3
+ * ======================================================================== */
+.mini-stat-type-3 {
+  position: relative;
+  background-color: #FBFBFB;
+  padding: 10px;
+  margin-bottom: 20px;
+}
+.mini-stat-type-3 h3 {
+  margin-top: 8px;
+}
+.mini-stat-type-3 .meta-stat {
+  display: block;
+  border-top: 1px solid #DDD;
+  font-size: 10px;
+  color: #A7A7A7;
+  padding-top: 5px;
+  margin: 0 40px;
+}
+
+/* ========================================================================
+ * MINI STAT TYPE 4
+ * ======================================================================== */
+.mini-stat-type-4 {
+  text-align: center;
+  margin-bottom: 20px;
+  background-color: #ffffff;
+  padding: 20px;
+}
+.mini-stat-type-4 h1, .mini-stat-type-4 h3 {
+  margin-top: 0;
+  font-weight: 300;
+}
+.mini-stat-type-4 h1 {
+  font-size: 100px;
+}
+
+/* ========================================================================
+ * MINI STAT TYPE 5
+ * ======================================================================== */
+.mini-stat-type-5 {
+  text-align: center;
+  margin-bottom: 20px;
+  background-color: #ffffff;
+  padding: 20px;
+}
+.mini-stat-type-5.border-facebook {
+  border-top: 5px solid #3b5998;
+}
+.mini-stat-type-5.border-twitter {
+  border-top: 5px solid #00a0d1;
+}
+.mini-stat-type-5.border-youtube {
+  border-top: 5px solid #c4302b;
+}
+.mini-stat-type-5 h1, .mini-stat-type-5 h3 {
+  margin-top: 0;
+  font-weight: 300;
+}
+.mini-stat-type-5 h3 {
+  font-size: 18px;
+}
+.mini-stat-type-5 h3 .label {
+  display: inline-block;
+  padding: 0;
+  font-size: 10px;
+  vertical-align: middle;
+  padding-top: 2px;
+}
+.mini-stat-type-5 h1 {
+  font-size: 35px;
+  margin: 25px 0;
+  position: relative;
+}
+.mini-stat-type-5 h1 .status, .mini-stat-type-5 h1 .number {
+  display: inline-block;
+}
+.mini-stat-type-5 h1 .status {
+  font-size: 15px;
+  vertical-align: middle;
+  margin-left: -55px;
+}
+.mini-stat-type-5 h1 .status .percent, .mini-stat-type-5 h1 .status i {
+  display: block;
+}
+.mini-stat-type-5 p {
+  margin: 0;
+  font-size: 12px;
+}
+
+/* ========================================================================
+ * MINI STAT TYPE 6
+ * ======================================================================== */
+.mini-stat-type-6 {
+  background-color: #ffffff;
+  margin-bottom: 20px;
+}
+.mini-stat-type-6 > .inner {
+  padding: 10px;
+}
+.mini-stat-type-6 > .inner h3 {
+  font-size: 30px;
+  font-weight: bold;
+  margin: 0 0 3px 0;
+  white-space: nowrap;
+  padding: 0;
+}
+.mini-stat-type-6 > .inner p {
+  font-size: 15px;
+}
+.mini-stat-type-6 .icon {
+  position: absolute;
+  top: 20px;
+  right: 25px;
+  z-index: 0;
+  font-size: 50px;
+  color: rgba(0, 0, 0, 0.15);
+}
+.mini-stat-type-6 .small-box-footer {
+  position: relative;
+  text-align: center;
+  padding: 10px 0;
+  font-size: 15px;
+  color: #fff;
+  color: rgba(255, 255, 255, 0.8);
+  display: block;
+  z-index: 10;
+  background: rgba(0, 0, 0, 0.1);
+  text-decoration: none;
+}
+.mini-stat-type-6 .small-box-footer:hover {
+  background: rgba(0, 0, 0, 0.15);
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+}
+
+/* ========================================================================
+ * MINI STAT TYPE 2
+ * ======================================================================== */
+.mini-stat-type-2 {
+  position: relative;
+  background-color: #FBFBFB;
+  padding: 10px;
+  margin-bottom: 20px;
+}
+.mini-stat-type-2 h3, .mini-stat-type-2 p {
+  margin: 0;
+}
+.mini-stat-type-2.border-danger {
+  border-top: 15px solid #E9573F;
+}
+.mini-stat-type-2.border-success {
+  border-top: 15px solid #8CC152;
+}
+.mini-stat-type-2.border-primary {
+  border-top: 15px solid #00B1E1;
+}
+.mini-stat-type-2.border-lilac {
+  border-top: 15px solid #906094;
+}
+.mini-stat-type-2 .text-muted {
+  font-size: 10px;
+}
+.mini-stat-type-2 .overview-icon {
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+  height: 50px;
+  width: 50px;
+  text-align: center;
+  display: block;
+  content: "";
+  line-height: 50px;
+  font-size: 30px;
+  margin: 15px auto;
+}
+
+/* ========================================================================
+ * BLOG
+ * ======================================================================== */
+.panel-blog {
+  padding: 20px;
+}
+.panel-blog .panel-body {
+  background-color: #ffffff !important;
+}
+
+#blog-list .blog-title {
+  color: #333;
+  margin: 5px 0px 0px 0px;
+  font-weight: 400;
+  font-size: 16px;
+}
+#blog-list .blog-title a {
+  color: #333;
+}
+#blog-list .blog-subtitle {
+  font-size: 15px;
+  text-transform: uppercase;
+  color: #333;
+  font-weight: 500;
+  line-height: 1.1;
+  margin-bottom: 15px;
+  margin-top: 20px;
+}
+#blog-list .blog-meta {
+  list-style: none;
+  padding: 0px;
+  margin: 5px 0px;
+  display: block;
+}
+#blog-list .blog-meta:after {
+  clear: both;
+  display: block;
+  content: '';
+}
+#blog-list .blog-meta li {
+  float: left;
+  padding: 0px 5px;
+  border-right: 1px solid #DDD;
+  line-height: normal;
+  font-size: 11px;
+  margin-bottom: 5px;
+}
+#blog-list .blog-meta li:first-child {
+  padding-left: 0px;
+}
+#blog-list .blog-meta li:last-child {
+  padding-right: 0;
+  border-right: 0;
+}
+#blog-list .blog-author {
+  margin: 20px 0px 30px;
+  border-top: 1px solid #DDD;
+  border-bottom: 1px solid #DDD;
+  padding: 20px 0px;
+}
+#blog-list .blog-item {
+  background: #fcfcfc;
+  margin-bottom: 20px;
+  position: relative;
+}
+#blog-list .blog-item .carousel {
+  margin-bottom: 10px;
+  padding-right: 10px;
+  width: 300px;
+}
+#blog-list .blog-item .carousel:hover .carousel-control {
+  display: block;
+}
+#blog-list .blog-item .carousel-caption {
+  bottom: 10px;
+  right: 10px;
+  left: auto;
+  padding-bottom: 0px;
+  padding-top: 0px;
+}
+#blog-list .blog-item .carousel-control {
+  display: block;
+  background-image: none;
+}
+#blog-list .blog-item .carousel-control span {
+  position: absolute;
+  top: 40%;
+  font-size: 20px;
+  width: 30px;
+  height: 30px;
+  border: 1px solid white;
+  border-radius: 50%;
+  line-height: 27px;
+}
+#blog-list .blog-item .carousel-control.left span {
+  right: 0px;
+}
+#blog-list .blog-item .carousel-control.right {
+  right: 12px;
+}
+#blog-list .blog-item .carousel-control.right span {
+  left: 0px;
+}
+#blog-list .blog-item .carousel-indicators {
+  left: 15px;
+  margin-left: 0px;
+  bottom: 0px;
+  width: auto;
+}
+#blog-list .blog-img {
+  padding-right: 10px;
+  width: 300px;
+}
+#blog-list .blog-details {
+  padding-top: 4px;
+}
+#blog-list .blog-img, #blog-list .blog-details, #blog-list .quote, #blog-list .carousel {
+  display: table-cell;
+  vertical-align: top;
+}
+#blog-list .blog-summary {
+  font-size: 13px;
+}
+#blog-list .blog-summary p {
+  margin: 5px 0px;
+}
+#blog-list .blog-summary .btn {
+  margin-top: 5px;
+}
+#blog-list .blog-quote .quote-primary a {
+  color: #fff;
+  background-color: #00B1E1;
+}
+#blog-list .blog-quote .quote-primary a:hover {
+  background-color: #009dc8;
+}
+#blog-list .blog-quote .quote-success a {
+  color: #fff;
+  background-color: #8CC152;
+}
+#blog-list .blog-quote .quote-success a:hover {
+  background-color: #7fb842;
+}
+#blog-list .blog-quote .quote-info a {
+  color: #fff;
+  background-color: #63D3E9;
+}
+#blog-list .blog-quote .quote-info a:hover {
+  background-color: #4dcde6;
+}
+#blog-list .blog-quote .quote-warning a {
+  color: #fff;
+  background-color: #F6BB42;
+}
+#blog-list .blog-quote .quote-warning a:hover {
+  background-color: #f5b22a;
+}
+#blog-list .blog-quote .quote-danger a {
+  color: #fff;
+  background-color: #E9573F;
+}
+#blog-list .blog-quote .quote-danger a:hover {
+  background-color: #e64328;
+}
+#blog-list .blog-quote .quote-lilac a {
+  color: #fff;
+  background-color: #906094;
+}
+#blog-list .blog-quote .quote-lilac a:hover {
+  background-color: #815685;
+}
+#blog-list .blog-quote .quote-inverse a {
+  color: #fff;
+  background-color: #2A2A2A;
+}
+#blog-list .blog-quote .quote-inverse a:hover {
+  background-color: #1d1d1d;
+}
+#blog-list .blog-quote .quote-teal a {
+  color: #fff;
+  background-color: #37BC9B;
+}
+#blog-list .blog-quote .quote-teal a:hover {
+  background-color: #31a88b;
+}
+#blog-list .blog-quote .quote {
+  margin: 0;
+  font-size: 15px;
+  line-height: 24px;
+  width: 300px;
+  padding-right: 10px;
+}
+#blog-list .blog-quote .quote a {
+  padding: 22px;
+  color: white;
+  display: block;
+  text-align: center;
+  text-decoration: none;
+}
+#blog-list .blog-quote .quote a:hover {
+  text-decoration: none;
+}
+#blog-list .blog-quote .quote-author {
+  display: block;
+  opacity: 0.5;
+}
+#blog-list .blog-quote .blog-meta {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+#blog-list .blog-video {
+  display: table-cell;
+  position: relative;
+  width: 290px;
+  overflow: hidden;
+  vertical-align: top;
+  height: 235px;
+}
+#blog-list .blog-video iframe {
+  position: absolute;
+  width: 100%;
+  height: 218px;
+  border: none;
+  top: 0;
+  left: 0;
+}
+#blog-list .blog-video + .blog-details {
+  padding-left: 10px;
+}
+#blog-list .blog-grid .media {
+  border-bottom: 1px solid #DDD;
+  padding: 15px;
+  margin: 0px;
+}
+#blog-list .blog-grid .media:last-child {
+  border-bottom: none;
+  margin-bottom: 20px;
+}
+#blog-list .blog-grid .thumbnail {
+  margin: 0px;
+}
+#blog-list .blog-grid a {
+  font-size: 13px;
+}
+#blog-list .blog-grid b {
+  font-size: 12px;
+}
+#blog-list .blog-grid img {
+  width: 55px;
+}
+#blog-list .blog-list-slider .carousel-indicators {
+  top: -33px;
+  right: 10px;
+  width: 17%;
+  left: inherit;
+}
+
+.blog-title {
+  color: #333;
+  margin: 0px;
+  font-weight: 400;
+  font-size: 16px;
+}
+.blog-title a {
+  color: #333;
+}
+
+.blog-subtitle {
+  font-size: 15px;
+  text-transform: uppercase;
+  color: #333;
+  font-weight: 500;
+  line-height: 1.1;
+  margin-bottom: 15px;
+  margin-top: 20px;
+}
+
+.blog-meta {
+  list-style: none;
+  padding: 0px;
+  margin: 10px 0px 10px;
+  display: block;
+}
+.blog-meta:after {
+  clear: both;
+  display: block;
+  content: '';
+}
+.blog-meta li {
+  float: left;
+  padding: 0px 5px;
+  border-right: 1px solid #DDD;
+  line-height: normal;
+  font-size: 11px;
+  margin-bottom: 5px;
+}
+.blog-meta li:first-child {
+  padding-left: 0px;
+}
+.blog-meta li:last-child {
+  padding-right: 0;
+  border-right: 0;
+}
+
+.blog-img {
+  display: block;
+  width: 100%;
+  margin-bottom: 10px;
+}
+
+.blog-author {
+  margin: 20px 0px 30px;
+  border-top: 1px solid #DDD;
+  border-bottom: 1px solid #DDD;
+  padding: 20px 0px;
+}
+
+.blog-item {
+  background: #fcfcfc;
+  margin-bottom: 20px;
+  position: relative;
+}
+.blog-item .carousel {
+  margin-bottom: 10px;
+}
+.blog-item .carousel:hover .carousel-control {
+  display: block;
+}
+.blog-item .carousel-caption {
+  bottom: 10px;
+  right: 10px;
+  left: auto;
+  padding-bottom: 0px;
+  padding-top: 0px;
+}
+.blog-item .carousel-control {
+  display: block;
+  background-image: none;
+}
+.blog-item .carousel-control span {
+  position: absolute;
+  top: 40%;
+  font-size: 20px;
+  width: 30px;
+  height: 30px;
+  border: 1px solid white;
+  border-radius: 50%;
+  line-height: 27px;
+}
+.blog-item .carousel-control.left span {
+  right: 0px;
+}
+.blog-item .carousel-control.right span {
+  left: 0px;
+}
+.blog-item .carousel-indicators {
+  left: 15px;
+  margin-left: 0px;
+  bottom: 0px;
+  width: auto;
+}
+
+.blog-details {
+  padding: 10px;
+}
+
+.blog-summary {
+  font-size: 13px;
+}
+.blog-summary p {
+  margin: 10px 0;
+}
+.blog-summary .btn {
+  margin-top: 10px;
+}
+
+.blog-quote .quote-primary a {
+  color: #fff;
+  background-color: #00B1E1;
+}
+.blog-quote .quote-primary a:hover {
+  background-color: #009dc8;
+}
+.blog-quote .quote-success a {
+  color: #fff;
+  background-color: #8CC152;
+}
+.blog-quote .quote-success a:hover {
+  background-color: #7fb842;
+}
+.blog-quote .quote-info a {
+  color: #fff;
+  background-color: #63D3E9;
+}
+.blog-quote .quote-info a:hover {
+  background-color: #4dcde6;
+}
+.blog-quote .quote-warning a {
+  color: #fff;
+  background-color: #F6BB42;
+}
+.blog-quote .quote-warning a:hover {
+  background-color: #f5b22a;
+}
+.blog-quote .quote-danger a {
+  color: #fff;
+  background-color: #E9573F;
+}
+.blog-quote .quote-danger a:hover {
+  background-color: #e64328;
+}
+.blog-quote .quote-lilac a {
+  color: #fff;
+  background-color: #906094;
+}
+.blog-quote .quote-lilac a:hover {
+  background-color: #815685;
+}
+.blog-quote .quote-inverse a {
+  color: #fff;
+  background-color: #2A2A2A;
+}
+.blog-quote .quote-inverse a:hover {
+  background-color: #1d1d1d;
+}
+.blog-quote .quote-teal a {
+  color: #fff;
+  background-color: #37BC9B;
+}
+.blog-quote .quote-teal a:hover {
+  background-color: #31a88b;
+}
+.blog-quote .quote {
+  margin: 0;
+  font-size: 15px;
+  line-height: 24px;
+}
+.blog-quote .quote a {
+  padding: 15px;
+  color: white;
+  display: block;
+  text-align: center;
+}
+.blog-quote .quote a:hover {
+  text-decoration: none;
+}
+.blog-quote .quote-author {
+  display: block;
+  opacity: 0.5;
+  text-transform: capitalize;
+}
+.blog-quote .blog-meta {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+.blog-video {
+  overflow: hidden;
+  height: 0;
+  padding-top: 43px;
+  padding-bottom: 50%;
+  position: relative;
+}
+.blog-video iframe {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  border: 0;
+  top: 0;
+  left: 0;
+}
+
+.blog-list .media {
+  border-bottom: 1px solid #DDD;
+  padding: 15px;
+  margin: 0px;
+}
+.blog-list .media:last-child {
+  border-bottom: none;
+  margin-bottom: 20px;
+}
+.blog-list .thumbnail {
+  margin: 0px;
+}
+.blog-list a {
+  font-size: 13px;
+}
+.blog-list b {
+  font-size: 12px;
+}
+.blog-list img {
+  width: 55px;
+}
+
+.blog-list-slider .carousel-indicators {
+  top: -33px;
+  right: 10px;
+  width: 17%;
+  left: inherit;
+}
+
+.blog-tags {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.blog-tags li, .blog-tags a {
+  display: inline-block;
+  height: 24px;
+  line-height: 24px;
+  position: relative;
+  font-size: 11px;
+}
+.blog-tags li {
+  padding: 0px;
+  margin-bottom: 10px;
+}
+.blog-tags a {
+  margin-left: 20px;
+  padding: 0 10px 0 12px;
+  background: #00B1E1;
+  color: #fff;
+  text-decoration: none;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.blog-tags a:before {
+  content: "";
+  float: left;
+  position: absolute;
+  top: 0;
+  left: -12px;
+  width: 0;
+  height: 0;
+  border-color: transparent #00B1E1 transparent transparent;
+  border-style: solid;
+  border-width: 12px 12px 12px 0;
+}
+.blog-tags a:after {
+  content: "";
+  position: absolute;
+  top: 10px;
+  left: 0;
+  float: left;
+  width: 4px;
+  height: 4px;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+  background: #fff;
+  -moz-box-shadow: -1px -1px 2px #00a5d2;
+  -webkit-box-shadow: -1px -1px 2px #00a5d2;
+  box-shadow: -1px -1px 2px #00a5d2;
+}
+.blog-tags a:hover {
+  background: #555;
+  color: white;
+}
+.blog-tags a:hover:before {
+  border-color: transparent #555 transparent transparent;
+}
+
+.blog-twitter .blog-twitter-list {
+  padding: 5px;
+  position: relative;
+  margin-bottom: 10px;
+  border-right: solid 2px #DDD;
+}
+.blog-twitter .blog-twitter-list:hover {
+  background-color: #e1e1e1;
+  border-right: solid 2px #8CC152;
+}
+.blog-twitter .blog-twitter-list a {
+  color: #4d90fe;
+}
+.blog-twitter .blog-twitter-list p {
+  margin-bottom: 0;
+}
+.blog-twitter .blog-twitter-list span {
+  color: #555;
+  display: block;
+  font-size: 12px;
+}
+.blog-twitter .blog-twitter-list .blog-twitter-icon {
+  color: #c8c8c8;
+  right: 10px;
+  bottom: 10px;
+  font-size: 30px;
+  position: absolute;
+}
+
+.blog-gallery li {
+  padding-right: 3px;
+  margin-bottom: 10px;
+  opacity: 0.8;
+}
+.blog-gallery li:hover {
+  opacity: 1;
+}
+
+.comment-count {
+  font-size: 13px;
+  text-transform: uppercase;
+  color: #333;
+  margin-bottom: 15px;
+  margin-top: 0px;
+}
+
+.comment-list .media {
+  border-bottom: 1px dotted #DDD;
+  padding-top: 15px !important;
+  padding-bottom: 15px;
+}
+.comment-list .media:last-child {
+  border-bottom: none;
+}
+.comment-list .media .media {
+  border-bottom: none;
+  padding-bottom: 0px;
+}
+.comment-list .media-object {
+  width: 60px;
+  margin-right: 5px;
+}
+.comment-list h4 {
+  margin: 0px;
+  color: #333;
+  font-size: 16px;
+}
+.comment-list .media-body .media {
+  border-top: 1px dotted #DDD;
+  padding-top: 15px;
+}
+.comment-list .media-body p:last-child {
+  margin-bottom: 0px;
+}
+.comment-list .reply {
+  padding: 3px 8px;
+  line-height: normal;
+  border-radius: 2px;
+}
+
+@media (max-width: 360px) {
+  #blog-list .blog-item {
+    height: inherit !important;
+  }
+  #blog-list .blog-img,
+  #blog-list .blog-quote .quote,
+  #blog-list .blog-item .carousel,
+  #blog-list .blog-video {
+    width: 100%;
+    display: block;
+    padding-right: 0px;
+  }
+}
+/* ========================================================================
+ * PROFILE
+ * ======================================================================== */
+.profile-cover {
+  width: 100%;
+}
+.profile-cover .cover {
+  position: relative;
+  border: 10px solid #FFF;
+}
+.profile-cover .cover .inner-cover {
+  overflow: hidden;
+  height: auto;
+}
+.profile-cover .cover .inner-cover img {
+  border: 1px solid transparent;
+  text-align: center;
+  width: 100%;
+}
+.profile-cover .cover .inner-cover .cover-menu-mobile {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
+.profile-cover .cover .inner-cover .cover-menu-mobile button i {
+  font-size: 17px;
+}
+.profile-cover .cover ul.cover-menu {
+  padding-left: 150px;
+  position: absolute;
+  overflow: hidden;
+  left: 1px;
+  float: left;
+  bottom: 0px;
+  width: 100%;
+  margin: 0px;
+  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.24);
+}
+.profile-cover .cover ul.cover-menu li {
+  display: block;
+  float: left;
+  margin-right: 0px;
+  padding: 0px 10px;
+  line-height: 40px;
+  height: 40px;
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+.profile-cover .cover ul.cover-menu li:hover {
+  background-color: rgba(0, 0, 0, 0.44);
+}
+.profile-cover .cover ul.cover-menu li.active {
+  background-color: rgba(0, 0, 0, 0.64);
+}
+.profile-cover .cover ul.cover-menu li a {
+  color: #FFF;
+  font-weight: bold;
+  display: block;
+  height: 40px;
+  line-height: 40px;
+  text-decoration: none;
+}
+.profile-cover .cover ul.cover-menu li a i {
+  font-size: 18px;
+}
+.profile-cover .profile-body {
+  margin: 0px auto 10px;
+  position: relative;
+}
+.profile-cover .profile-timeline {
+  padding: 15px;
+}
+
+/* ========================================================================
+ * CURRENT CITY
+ * ======================================================================== */
+.weather-current-city {
+  padding: 10px;
+  color: #fff;
+  margin-bottom: 20px;
+}
+.weather-current-city img {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 125px;
+  -webkit-border-top-left-radius: 3px;
+  -moz-border-radius-topleft: 3px;
+  border-top-left-radius: 3px;
+  -webkit-border-top-right-radius: 3px;
+  -moz-border-radius-topright: 3px;
+  border-top-right-radius: 3px;
+}
+
+.current-city {
+  display: block;
+  font-size: 1em;
+  font-weight: 700;
+  margin-bottom: 10px;
+}
+
+.current-temp {
+  display: block;
+  font-weight: 700;
+  letter-spacing: -3px;
+  font-size: 2.8em;
+  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
+  line-height: 1.1em;
+}
+
+.current-day {
+  display: block;
+  font-size: 1em;
+  font-weight: 400;
+  position: absolute;
+}
+
+.current-day-icon {
+  display: block;
+  float: right;
+  font-size: 5.2em;
+  font-weight: 700;
+}
+
+ul.days {
+  list-style: none outside none;
+  margin-top: 20px;
+  padding: 0 10px;
+  color: #fff;
+}
+ul.days li {
+  text-align: center;
+  border-left: 2px solid rgba(255, 255, 255, 0.3);
+  padding-bottom: 10px;
+}
+ul.days li:first-child {
+  border-left: none;
+}
+ul.days li strong {
+  position: relative;
+  border-radius: 3px;
+  font-size: 1.1em;
+  text-transform: uppercase;
+  line-height: 25px;
+  margin-bottom: 5px;
+  display: block;
+}
+ul.days li span {
+  display: block;
+  font-weight: 700;
+  letter-spacing: -1px;
+  font-size: 1.9em;
+  margin-bottom: 5px;
+}
+
+/* ========================================================================
+ * FORECAST
+ * ======================================================================== */
+.weather-forecast {
+  position: relative;
+  color: #fff;
+}
+.weather-forecast img {
+  width: 100%;
+  -moz-border-radius: 3px 3px 0px 0px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px 3px 0px 0px;
+}
+.weather-forecast .title {
+  text-transform: uppercase;
+  font-size: 16px;
+  font-weight: 400;
+  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
+  color: #FFF;
+  position: absolute;
+  left: 30px;
+  bottom: 15px;
+}
+.weather-forecast .country-select {
+  position: absolute;
+  top: 10px;
+  right: 27px;
+}
+
+.weather-full-info {
+  color: #CBCBCB;
+  background-color: white;
+  padding: 20px;
+  -moz-border-radius: 0px 0px 3px 3px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px 0px 3px 3px;
+}
+.weather-full-info .degree {
+  font-size: 27px;
+  font-weight: 600;
+  display: inline-block;
+  padding-left: 10px;
+}
+.weather-full-info .degree:after {
+  content: "o";
+  position: relative;
+  top: -12px;
+  font-size: 16px;
+}
+.weather-full-info ul {
+  margin-bottom: 0px;
+}
+.weather-full-info ul li {
+  list-style: none;
+  border-left: 1px dotted #F1F2F7;
+}
+.weather-full-info ul li:first-child {
+  border-left: none;
+}
+.weather-full-info ul li i {
+  font-size: 25px;
+}
+.weather-full-info h2 {
+  font-size: 14px;
+  font-weight: 300;
+  margin: 0px 0px 5px;
+}
+.weather-full-info .statistics {
+  padding-top: 5px;
+}
+.weather-full-info .statistics:after {
+  content: "o";
+  position: relative;
+  top: -5px;
+  font-size: 10px;
+}
+.weather-full-info .today-status h1 {
+  margin: 0px 0px 20px 0px;
+  font-size: 19px;
+}
+.weather-full-info .today-status i {
+  font-size: 30px;
+  color: #81B71A;
+}
+
+@media (max-width: 600px) {
+  .weather-full-info .today-status {
+    text-align: center;
+  }
+}
+@media (max-width: 360px) {
+  .weather-full-info .today-status {
+    margin-bottom: 10px;
+  }
+  .weather-full-info ul li {
+    padding-bottom: 10px;
+    padding-top: 10px;
+    border-left: none !important;
+  }
+}
+/* ========================================================================
+ * VISITOR CHART
+ * ======================================================================== */
+.stat-stack.widget-visitor > .panel-body {
+  background-color: #F5F5F5 !important;
+}
+.stat-stack.widget-visitor > .panel-body .text-strong {
+  color: #636e7b;
+}
+.stat-stack.widget-visitor > .panel-body .text-muted {
+  color: #777;
+}
+.stat-stack.widget-market > .panel-body {
+  background-color: #FBFBFB !important;
+}
+
+.widget-visitor .stat-left .panel-footer {
+  padding: 20px 10px 10px !important;
+}
+.widget-visitor .stat-left .panel-footer .border-right {
+  border-right: 1px dotted #DDD;
+}
+.widget-visitor .stat-left .panel-footer .border-right:last-child {
+  border-right: none;
+}
+.widget-visitor .stat-left .resize-chart {
+  height: 250px;
+}
+.widget-visitor .stat-right .panel-footer {
+  padding: 0px 20px 20px !important;
+}
+
+.widget-market .stat-left .panel-footer {
+  padding: 20px 20px 10px !important;
+}
+.widget-market .stat-left .resize-chart {
+  height: 310px;
+}
+.widget-market .stat-right .panel-footer {
+  padding: 30px 20px 15px !important;
+}
+.widget-market .stat-right .resize-chart {
+  width: 100%;
+  height: 270px;
+}
+
+@media (max-width: 1024px) {
+  .widget-market .stat-left .mini-stat .mini-stat-chart {
+    float: none !important;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .widget-market .stat-left .mini-stat .mini-stat-info {
+    text-align: center !important;
+  }
+  .widget-market .stat-left .panel-footer {
+    padding: 20px 20px 10px !important;
+  }
+}
+.stat-left {
+  background-color: #F5F5F5;
+}
+.stat-left .panel-heading .panel-toolbar .btn-group .btn {
+  border-left: 1px solid rgba(255, 255, 255, 0.5);
+  border-top: 1px solid rgba(255, 255, 255, 0.5);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
+}
+.stat-left .panel-heading .panel-toolbar .btn-group .btn.dropdown-toggle {
+  border-right: 1px solid rgba(255, 255, 255, 0.5);
+}
+.stat-left .panel-footer h4 {
+  margin-top: 0px;
+  margin-bottom: 5px;
+}
+.stat-left .mini-stat-info span {
+  font-size: 18px;
+}
+.stat-left .mini-stat-info p {
+  font-size: 11px;
+}
+.stat-left .resize-chart {
+  width: 100%;
+}
+.stat-left .resize-chart > .legend > div, .stat-left .resize-chart > .legend > table {
+  top: 0px !important;
+  left: 40px !important;
+}
+.stat-left .resize-chart > .legend > div:first-child {
+  background-color: transparent !important;
+}
+.stat-left .resize-chart > .legend .legendColorBox {
+  padding-right: 5px;
+}
+.stat-left .resize-chart > .legend .legendColorBox > div {
+  border: none !important;
+}
+.stat-left .resize-chart > .legend .legendLabel {
+  color: #FFFFFF;
+}
+
+@media (max-width: 360px) {
+  .stat-left .panel-footer .row {
+    margin: 0px;
+  }
+  .stat-left .panel-footer [class*="col-"] {
+    border-bottom: 1px dotted #DDD;
+    border-right: none !important;
+    padding: 10px;
+  }
+  .stat-left .panel-footer [class*="col-"]:first-child {
+    padding-top: 0px;
+  }
+  .stat-left .panel-footer [class*="col-"]:last-child {
+    padding-bottom: 0px;
+    border-bottom: none;
+  }
+}
+.stat-right .panel-body {
+  -moz-border-radius: 0px 3px 3px 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px 3px 3px 0px;
+}
+.stat-right .panel-body span {
+  font-size: 12px;
+}
+.stat-right .progress {
+  margin-bottom: 11px;
+}
+.stat-right .income-progress {
+  padding: 0px 20px;
+  background-color: #FBFBFB;
+}
+.stat-right .resize-chart {
+  width: 100%;
+  height: 100px;
+}
+.stat-right .panel-body {
+  padding: 20px 20px 0px 20px !important;
+}
+.stat-right .panel-footer {
+  padding: 0px 20px 10px !important;
+  background-color: #FBFBFB;
+  border-top: none;
+}
+.stat-right .panel-footer span {
+  font-size: 11px;
+}
+.stat-right .flot-text {
+  font-size: 11px;
+  color: #999 !important;
+}
+
+/* ========================================================================
+ * TO-DO
+ * ======================================================================== */
+.widget-todo .todo-list {
+  list-style: none;
+  padding: 0px;
+  margin: 0px;
+}
+.widget-todo .todo-list li {
+  border-bottom: 1px solid #DDD;
+  padding: 8px 10px 2px;
+}
+.widget-todo .todo-list li input:checked + label {
+  text-decoration: line-through;
+  color: #999;
+  font-size: 15px;
+}
+
+/* ========================================================================
+ * RECENT ACTIVITY
+ * ======================================================================== */
+.recent-activity {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  margin-bottom: 30px;
+}
+.recent-activity > h3 {
+  margin-top: 0;
+  font-size: 20px;
+  font-weight: 300;
+}
+
+.recent-activity-item {
+  position: relative;
+  margin: 0;
+  padding: 0;
+}
+.recent-activity-item:before {
+  content: "";
+  position: absolute;
+  display: block;
+  width: 3px;
+  background: #dbdde2;
+  top: 0px;
+  bottom: -30px;
+  margin-left: 8px;
+}
+.recent-activity-item.recent-activity-danger:before {
+  background: #f6bbb1;
+}
+.recent-activity-item.recent-activity-danger .recent-activity-badge-userpic {
+  border: 3px solid #f6bbb1;
+}
+.recent-activity-item.recent-activity-success:before {
+  background: #cae3b0;
+}
+.recent-activity-item.recent-activity-success .recent-activity-badge-userpic {
+  border: 3px solid #cae3b0;
+}
+.recent-activity-item.recent-activity-primary:before {
+  background: #62ddff;
+}
+.recent-activity-item.recent-activity-primary .recent-activity-badge-userpic {
+  border: 3px solid #62ddff;
+}
+.recent-activity-item.recent-activity-info:before {
+  background: #d3f3f9;
+}
+.recent-activity-item.recent-activity-info .recent-activity-badge-userpic {
+  border: 3px solid #d3f3f9;
+}
+.recent-activity-item.recent-activity-warning:before {
+  background: #fce7bc;
+}
+.recent-activity-item.recent-activity-warning .recent-activity-badge-userpic {
+  border: 3px solid #fce7bc;
+}
+.recent-activity-item.recent-activity-lilac:before {
+  background: #c6abc9;
+}
+.recent-activity-item.recent-activity-lilac .recent-activity-badge-userpic {
+  border: 3px solid #c6abc9;
+}
+.recent-activity-item.recent-activity-teals:before {
+  background: #93dfcc;
+}
+.recent-activity-item.recent-activity-teals .recent-activity-badge-userpic {
+  border: 3px solid #93dfcc;
+}
+.recent-activity-item.recent-activity-inverse:before {
+  background: #6a6a6a;
+}
+.recent-activity-item.recent-activity-inverse .recent-activity-badge-userpic {
+  border: 3px solid #6a6a6a;
+}
+.recent-activity-item.recent-activity-last:before {
+  content: initial;
+}
+
+.recent-activity-badge {
+  float: left;
+  position: relative;
+  padding-right: 20px;
+  height: 20px;
+  width: 20px;
+}
+
+.recent-activity-badge-userpic {
+  width: 20px;
+  height: 20px;
+  content: "";
+  display: block;
+  border: 3px #E9EAED solid;
+  background-color: #E9EAED;
+  -moz-border-radius: 50% !important;
+  -webkit-border-radius: 50%;
+  border-radius: 50% !important;
+}
+
+.recent-activity-body {
+  position: relative;
+  padding: 0;
+  margin-top: 10px;
+  margin-left: 30px;
+}
+
+.recent-activity-body:before, .recent-activity-body:after {
+  content: " ";
+  display: table;
+}
+
+.recent-activity-body:after {
+  clear: both;
+}
+
+.recent-activity-body-head {
+  margin-bottom: 10px;
+}
+
+.recent-activity-body-title {
+  font-size: 15px;
+  font-weight: 600;
+  margin-top: 0;
+  margin-bottom: 0;
+  text-transform: capitalize;
+}
+
+.recent-activity-body-content {
+  font-size: 13px;
+  margin-top: 10px;
+}
+.recent-activity-body-content p:last-child {
+  margin-bottom: 0;
+}
+
+.text-muted {
+  color: #B0ADAD;
+}
+
+@media (max-width: 768px) {
+  .recent-activity-body-head-caption {
+    width: 100%;
+  }
+}
+/* ========================================================================
+ * OVERVIEW SOCIAL
+ * ======================================================================== */
+.widget-social-overview {
+  position: relative;
+}
+.widget-social-overview .bg-facebook .ct-series-a .ct-line,
+.widget-social-overview .bg-facebook .ct-series-a .ct-point {
+  stroke: #FFFFFF;
+}
+.widget-social-overview .bg-facebook .ct-series-b .ct-line,
+.widget-social-overview .bg-facebook .ct-series-b .ct-point {
+  stroke: #87A1D0;
+}
+.widget-social-overview .bg-twitter .ct-series-a .ct-line,
+.widget-social-overview .bg-twitter .ct-series-a .ct-point {
+  stroke: #42C9F2;
+}
+.widget-social-overview .bg-youtube .ct-series-a .ct-area,
+.widget-social-overview .bg-youtube .ct-series-a .ct-point {
+  stroke: #FFFFFF;
+  fill: #DABFBF;
+}
+.widget-social-overview .bg-youtube .ct-series-b .ct-area,
+.widget-social-overview .bg-youtube .ct-series-b .ct-point {
+  stroke: #F7403A;
+  fill: #590502;
+}
+.widget-social-overview .overview-heading {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  padding: 10px;
+}
+.widget-social-overview .overview-heading h3 {
+  margin: 0;
+  padding: 0;
+}
+.widget-social-overview .overview-heading .mark, .widget-social-overview .overview-heading .inline {
+  display: inline-block;
+}
+.widget-social-overview .overview-heading .mark {
+  height: 10px;
+  width: 10px;
+  float: left;
+  margin-top: 5px;
+  margin-right: 5px;
+}
+.widget-social-overview .overview-heading ul li:last-child {
+  padding-right: 0;
+}
+.widget-social-overview .panel-heading {
+  padding-top: 50px !important;
+  border-bottom: none !important;
+}
+.widget-social-overview .panel-body h3 {
+  margin-top: 0;
+  margin-bottom: 10px;
+  font-weight: 300;
+  color: #A5A5A5;
+}
+.widget-social-overview .panel-body p {
+  text-align: left;
+  font-weight: bold;
+  font-size: 23px;
+  margin: 0;
+  padding: 0;
+  color: #3f5fa3;
+}
+.widget-social-overview .panel-body p i {
+  color: #3f5fa3;
+  font-size: 20px;
+  margin-right: 5px;
+}
+.widget-social-overview .panel-body .pull-right a {
+  text-decoration: none;
+}
+.widget-social-overview .panel-body .pull-right a:hover i {
+  color: #989898;
+}
+.widget-social-overview .panel-body .pull-right a i {
+  font-size: 35px;
+  font-weight: 300;
+  color: #A5A5A5;
+}
+.widget-social-overview .ct-chart {
+  width: 100%;
+  height: 200px;
+  margin-left: -10px;
+}
+.widget-social-overview .ct-grids line {
+  stroke: white;
+}
+
+/* ========================================================================
+ * ALERT
+ * ======================================================================== */
+.alert {
+  position: relative;
+}
+
+.alert-dismissable .close, .alert-dismissible .close {
+  position: absolute;
+  top: 0px;
+  right: 4px;
+}
+
+.alert-default {
+  background-color: white;
+  border-color: white;
+  color: #bbbbbb;
+  padding: 10px;
+}
+.alert-default .alert-icon {
+  background-color: #c8c8c8;
+}
+.alert-default .alert-link, .alert-default a {
+  color: #a2a2a2 !important;
+  font-weight: bold;
+}
+.alert-default .notification-sender a {
+  color: #bbbbbb;
+}
+
+.alert-primary {
+  background-color: #7be3ff;
+  border-color: #7be3ff;
+  color: #00617b;
+  padding: 10px;
+}
+.alert-primary .alert-icon {
+  background-color: #007595;
+}
+.alert-primary .alert-link, .alert-primary a {
+  color: #003948 !important;
+  font-weight: bold;
+}
+.alert-primary .notification-sender a {
+  color: #00617b;
+}
+
+.alert-success {
+  background-color: #d7e9c3;
+  border-color: #d7e9c3;
+  color: #587f2e;
+  padding: 10px;
+}
+.alert-success .alert-icon {
+  background-color: #659234;
+}
+.alert-success .alert-link, .alert-success a {
+  color: #3e5a20 !important;
+  font-weight: bold;
+}
+.alert-success .notification-sender a {
+  color: #587f2e;
+}
+
+.alert-info {
+  background-color: #e9f9fc;
+  border-color: #e9f9fc;
+  color: #1cadca;
+  padding: 10px;
+}
+.alert-info .alert-icon {
+  background-color: #20c0e0;
+}
+.alert-info .alert-link, .alert-info a {
+  color: #16879d !important;
+  font-weight: bold;
+}
+.alert-info .notification-sender a {
+  color: #1cadca;
+}
+
+.alert-warning {
+  background-color: #fdf0d4;
+  border-color: #fdf0d4;
+  color: #c88a0a;
+  padding: 10px;
+}
+.alert-warning .alert-icon {
+  background-color: #e19b0b;
+}
+.alert-warning .alert-link, .alert-warning a {
+  color: #986807 !important;
+  font-weight: bold;
+}
+.alert-warning .notification-sender a {
+  color: #c88a0a;
+}
+
+.alert-danger {
+  background-color: #f9cfc8;
+  border-color: #f9cfc8;
+  color: #ae2a14;
+  padding: 10px;
+}
+.alert-danger .alert-icon {
+  background-color: #c52f17;
+}
+.alert-danger .alert-link, .alert-danger a {
+  color: #801f0f !important;
+  font-weight: bold;
+}
+.alert-danger .notification-sender a {
+  color: #ae2a14;
+}
+
+.alert-lilac {
+  background-color: #d1bad3;
+  border-color: #d1bad3;
+  color: #543856;
+  padding: 10px;
+}
+.alert-lilac .alert-icon {
+  background-color: #634266;
+}
+.alert-lilac .alert-link, .alert-lilac a {
+  color: #362437 !important;
+  font-weight: bold;
+}
+.alert-lilac .notification-sender a {
+  color: #543856;
+}
+
+.alert-teals {
+  background-color: #a7e5d6;
+  border-color: #a7e5d6;
+  color: #206d5a;
+  padding: 10px;
+}
+.alert-teals .alert-icon {
+  background-color: #26816a;
+}
+.alert-teals .alert-link, .alert-teals a {
+  color: #144639 !important;
+  font-weight: bold;
+}
+.alert-teals .notification-sender a {
+  color: #206d5a;
+}
+
+.alert-inverse {
+  background-color: #777777;
+  border-color: #777777;
+  color: black;
+  padding: 10px;
+}
+.alert-inverse .alert-icon {
+  background-color: #040404;
+}
+.alert-inverse .alert-link, .alert-inverse a {
+  color: black !important;
+  font-weight: bold;
+}
+.alert-inverse .notification-sender a {
+  color: black;
+}
+
+.alert-icon {
+  width: 40px;
+  height: 40px;
+  display: inline-block;
+  border-radius: 100%;
+}
+.alert-icon i {
+  width: 40px;
+  height: 40px;
+  display: block;
+  text-align: center;
+  line-height: 40px;
+  font-size: 20px;
+  color: #FFF;
+}
+
+.notification-info {
+  margin-left: 56px;
+  margin-top: -40px;
+  min-height: 40px;
+}
+.notification-info p {
+  margin: 0px;
+  line-height: 13px;
+}
+
+.notification-meta {
+  margin-bottom: 3px;
+  padding-left: 0px;
+  list-style: none outside none;
+}
+
+.notification-sender {
+  color: #414147;
+}
+
+.notification-time {
+  font-style: italic;
+  color: #999;
+}
+
+/* ========================================================================
+ * CALLOUT
+ * ======================================================================= */
+.callout {
+  position: relative;
+  min-height: 60px;
+  margin: 0px;
+  padding: 5px 30px 5px 60px;
+  border-left: 5px solid #EEE;
+  font-size: 0.9em;
+  word-wrap: break-word;
+}
+.callout h4 {
+  margin-top: 0;
+}
+.callout p:last-child {
+  margin-bottom: 0;
+}
+.callout code, .callout .highlight {
+  background-color: transparent;
+}
+
+.callout-info {
+  background-color: #e9f9fc;
+  border-color: #63D3E9;
+}
+.callout-info:before {
+  position: absolute;
+  left: 10px;
+  top: 10px !important;
+  display: block;
+  background: #63D3E9;
+  color: #fff;
+  width: 40px;
+  text-align: center;
+  height: 40px;
+  font-size: 1.5em;
+  font-family: 'FontAwesome';
+  content: "";
+  line-height: 39px;
+}
+.callout-info h4 {
+  color: #36c6e3;
+}
+.callout-info a {
+  color: #4dcde6;
+  font-weight: bold;
+}
+.callout-info a:hover {
+  color: #36c6e3;
+}
+
+.callout-warning {
+  background-color: #fdf0d4;
+  border-color: #F6BB42;
+}
+.callout-warning:before {
+  position: absolute;
+  left: 10px;
+  top: 10px !important;
+  display: block;
+  background: #F6BB42;
+  color: #fff;
+  width: 40px;
+  text-align: center;
+  height: 40px;
+  font-size: 1.5em;
+  font-family: 'FontAwesome';
+  content: "";
+  line-height: 39px;
+}
+.callout-warning h4 {
+  color: #f4a911;
+}
+.callout-warning a {
+  color: #f5b22a;
+  font-weight: bold;
+}
+.callout-warning a:hover {
+  color: #f4a911;
+}
+
+.callout-danger {
+  background-color: #f9cfc8;
+  border-color: #E9573F;
+}
+.callout-danger:before {
+  position: absolute;
+  left: 10px;
+  top: 10px !important;
+  display: block;
+  background: #E9573F;
+  color: #fff;
+  width: 40px;
+  text-align: center;
+  height: 40px;
+  font-size: 1.5em;
+  font-family: 'FontAwesome';
+  content: "";
+  line-height: 39px;
+}
+.callout-danger h4 {
+  color: #dc3519;
+}
+.callout-danger a {
+  color: #e64328;
+  font-weight: bold;
+}
+.callout-danger a:hover {
+  color: #dc3519;
+}
+
+/* ========================================================================
+ * BADGE
+ * ======================================================================== */
+.badge {
+  padding: 4px 7px;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+
+.badge-default {
+  color: #999 !important;
+}
+
+.badge-default {
+  background-color: #EEEEEE;
+}
+.badge-default.badge-stroke {
+  background-color: transparent;
+  border: 1px solid #EEEEEE;
+  color: #EEEEEE;
+}
+
+.badge-primary {
+  background-color: #00B1E1;
+}
+.badge-primary.badge-stroke {
+  background-color: transparent;
+  border: 1px solid #00B1E1;
+  color: #00B1E1;
+}
+
+.badge-success {
+  background-color: #8CC152;
+}
+.badge-success.badge-stroke {
+  background-color: transparent;
+  border: 1px solid #8CC152;
+  color: #8CC152;
+}
+
+.badge-info {
+  background-color: #63D3E9;
+}
+.badge-info.badge-stroke {
+  background-color: transparent;
+  border: 1px solid #63D3E9;
+  color: #63D3E9;
+}
+
+.badge-warning {
+  background-color: #F6BB42;
+}
+.badge-warning.badge-stroke {
+  background-color: transparent;
+  border: 1px solid #F6BB42;
+  color: #F6BB42;
+}
+
+.badge-danger {
+  background-color: #E9573F;
+}
+.badge-danger.badge-stroke {
+  background-color: transparent;
+  border: 1px solid #E9573F;
+  color: #E9573F;
+}
+
+.badge-lilac {
+  background-color: #906094;
+}
+.badge-lilac.badge-stroke {
+  background-color: transparent;
+  border: 1px solid #906094;
+  color: #906094;
+}
+
+.badge-teals {
+  background-color: #37BC9B;
+}
+.badge-teals.badge-stroke {
+  background-color: transparent;
+  border: 1px solid #37BC9B;
+  color: #37BC9B;
+}
+
+.badge-inverse {
+  background-color: #2A2A2A;
+}
+.badge-inverse.badge-stroke {
+  background-color: transparent;
+  border: 1px solid #2A2A2A;
+  color: #2A2A2A;
+}
+
+.badge-circle {
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+  line-height: 10px;
+  height: 15px;
+  width: 15px;
+  display: block;
+}
+
+/* ========================================================================
+ * BREADCRUMB
+ * ======================================================================== */
+.breadcrumb {
+  background-color: #F5F5F5;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn {
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  position: relative;
+  z-index: 1;
+  background-color: transparent;
+  font-weight: 300;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.btn:after {
+  content: ' ';
+  position: absolute;
+  z-index: -1;
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.btn:before {
+  speak: none;
+  text-transform: none;
+  position: relative;
+  -webkit-font-smoothing: antialiased;
+}
+
+.btn-default {
+  color: #999 !important;
+  border-color: #CCC !important;
+}
+
+.btn-default {
+  background-color: #EEEEEE;
+  border-color: #EEEEEE;
+  color: white;
+}
+.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default[disabled], .btn-default.disabled {
+  background-color: #e1e1e1;
+  border-color: transparent;
+  color: white;
+}
+.btn-default.dropdown-toggle.btn-default {
+  background-color: #EEEEEE;
+  border-color: #e1e1e1;
+  color: white;
+}
+.btn-default.btn-alt {
+  background-color: #e1e1e1;
+  border: 1px solid #EEEEEE;
+}
+.btn-default.btn-alt:hover {
+  background-color: #d5d5d5;
+}
+.btn-default.btn-stroke {
+  border: 1px double #EEEEEE;
+  background-color: transparent;
+  color: #EEEEEE;
+}
+.btn-default.btn-stroke:hover {
+  background-color: #e1e1e1;
+  border-color: transparent;
+  color: white;
+}
+.btn-default.btn-solid {
+  border: 1px solid #EEEEEE;
+}
+.btn-default.btn-dashed {
+  border: 1px dashed #EEEEEE;
+}
+.btn-default.btn-dotted {
+  border: 1px dotted #EEEEEE;
+}
+.btn-default.btn-double {
+  border: 4px double #EEEEEE;
+}
+.btn-default.btn-inset {
+  border: 4px inset #EEEEEE;
+}
+.btn-default.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-default.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #d5d5d5;
+  z-index: -1;
+}
+.btn-default.btn-slidedown:hover, .btn-default.btn-slidedown:active {
+  color: white;
+}
+.btn-default.btn-slidedown:hover:after, .btn-default.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-default.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #d5d5d5;
+  z-index: -1;
+}
+.btn-default.btn-slideright:hover, .btn-default.btn-slideright:active {
+  color: white;
+}
+.btn-default.btn-slideright:hover:after, .btn-default.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-default.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #d5d5d5;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-default.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-default.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-default.btn-rotate {
+  overflow: hidden;
+}
+.btn-default.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #d5d5d5;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-default.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-default.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-default.btn-open {
+  overflow: hidden;
+}
+.btn-default.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #d5d5d5;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-default.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-default.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-default.btn-push {
+  background: #EEEEEE;
+  box-shadow: 0 6px #d5d5d5;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-default.btn-push:hover {
+  box-shadow: 0 4px #d5d5d5;
+  top: 2px;
+}
+.btn-default.btn-push:active {
+  box-shadow: 0 0 #d5d5d5;
+  top: 6px;
+}
+.btn-default.btn-pushright {
+  background: #EEEEEE;
+  box-shadow: 6px 0 #d5d5d5;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-default.btn-pushright:hover {
+  box-shadow: 4px 0 #d5d5d5;
+  left: 2px;
+}
+.btn-default.btn-pushright:active {
+  box-shadow: 0 0 #d5d5d5;
+  left: 6px;
+}
+
+.btn-primary {
+  background-color: #00B1E1;
+  border-color: #00B1E1;
+  color: white;
+}
+.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary[disabled], .btn-primary.disabled {
+  background-color: #009dc8;
+  border-color: transparent;
+  color: white;
+}
+.btn-primary.dropdown-toggle.btn-primary {
+  background-color: #00B1E1;
+  border-color: #009dc8;
+  color: white;
+}
+.btn-primary.btn-alt {
+  background-color: #009dc8;
+  border: 1px solid #00B1E1;
+}
+.btn-primary.btn-alt:hover {
+  background-color: #0089ae;
+}
+.btn-primary.btn-stroke {
+  border: 1px double #00B1E1;
+  background-color: transparent;
+  color: #00B1E1;
+}
+.btn-primary.btn-stroke:hover {
+  background-color: #009dc8;
+  border-color: transparent;
+  color: white;
+}
+.btn-primary.btn-solid {
+  border: 1px solid #00B1E1;
+}
+.btn-primary.btn-dashed {
+  border: 1px dashed #00B1E1;
+}
+.btn-primary.btn-dotted {
+  border: 1px dotted #00B1E1;
+}
+.btn-primary.btn-double {
+  border: 4px double #00B1E1;
+}
+.btn-primary.btn-inset {
+  border: 4px inset #00B1E1;
+}
+.btn-primary.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-primary.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #0089ae;
+  z-index: -1;
+}
+.btn-primary.btn-slidedown:hover, .btn-primary.btn-slidedown:active {
+  color: white;
+}
+.btn-primary.btn-slidedown:hover:after, .btn-primary.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-primary.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #0089ae;
+  z-index: -1;
+}
+.btn-primary.btn-slideright:hover, .btn-primary.btn-slideright:active {
+  color: white;
+}
+.btn-primary.btn-slideright:hover:after, .btn-primary.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-primary.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #0089ae;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-primary.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-primary.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-primary.btn-rotate {
+  overflow: hidden;
+}
+.btn-primary.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #0089ae;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-primary.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-primary.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-primary.btn-open {
+  overflow: hidden;
+}
+.btn-primary.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #0089ae;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-primary.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-primary.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-primary.btn-push {
+  background: #00B1E1;
+  box-shadow: 0 6px #0089ae;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-primary.btn-push:hover {
+  box-shadow: 0 4px #0089ae;
+  top: 2px;
+}
+.btn-primary.btn-push:active {
+  box-shadow: 0 0 #0089ae;
+  top: 6px;
+}
+.btn-primary.btn-pushright {
+  background: #00B1E1;
+  box-shadow: 6px 0 #0089ae;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-primary.btn-pushright:hover {
+  box-shadow: 4px 0 #0089ae;
+  left: 2px;
+}
+.btn-primary.btn-pushright:active {
+  box-shadow: 0 0 #0089ae;
+  left: 6px;
+}
+
+.btn-success {
+  background-color: #8CC152;
+  border-color: #8CC152;
+  color: white;
+}
+.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success[disabled], .btn-success.disabled {
+  background-color: #7fb842;
+  border-color: transparent;
+  color: white;
+}
+.btn-success.dropdown-toggle.btn-success {
+  background-color: #8CC152;
+  border-color: #7fb842;
+  color: white;
+}
+.btn-success.btn-alt {
+  background-color: #7fb842;
+  border: 1px solid #8CC152;
+}
+.btn-success.btn-alt:hover {
+  background-color: #72a53b;
+}
+.btn-success.btn-stroke {
+  border: 1px double #8CC152;
+  background-color: transparent;
+  color: #8CC152;
+}
+.btn-success.btn-stroke:hover {
+  background-color: #7fb842;
+  border-color: transparent;
+  color: white;
+}
+.btn-success.btn-solid {
+  border: 1px solid #8CC152;
+}
+.btn-success.btn-dashed {
+  border: 1px dashed #8CC152;
+}
+.btn-success.btn-dotted {
+  border: 1px dotted #8CC152;
+}
+.btn-success.btn-double {
+  border: 4px double #8CC152;
+}
+.btn-success.btn-inset {
+  border: 4px inset #8CC152;
+}
+.btn-success.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-success.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #72a53b;
+  z-index: -1;
+}
+.btn-success.btn-slidedown:hover, .btn-success.btn-slidedown:active {
+  color: white;
+}
+.btn-success.btn-slidedown:hover:after, .btn-success.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-success.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #72a53b;
+  z-index: -1;
+}
+.btn-success.btn-slideright:hover, .btn-success.btn-slideright:active {
+  color: white;
+}
+.btn-success.btn-slideright:hover:after, .btn-success.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-success.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #72a53b;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-success.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-success.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-success.btn-rotate {
+  overflow: hidden;
+}
+.btn-success.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #72a53b;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-success.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-success.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-success.btn-open {
+  overflow: hidden;
+}
+.btn-success.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #72a53b;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-success.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-success.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-success.btn-push {
+  background: #8CC152;
+  box-shadow: 0 6px #72a53b;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-success.btn-push:hover {
+  box-shadow: 0 4px #72a53b;
+  top: 2px;
+}
+.btn-success.btn-push:active {
+  box-shadow: 0 0 #72a53b;
+  top: 6px;
+}
+.btn-success.btn-pushright {
+  background: #8CC152;
+  box-shadow: 6px 0 #72a53b;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-success.btn-pushright:hover {
+  box-shadow: 4px 0 #72a53b;
+  left: 2px;
+}
+.btn-success.btn-pushright:active {
+  box-shadow: 0 0 #72a53b;
+  left: 6px;
+}
+
+.btn-info {
+  background-color: #63D3E9;
+  border-color: #63D3E9;
+  color: white;
+}
+.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info[disabled], .btn-info.disabled {
+  background-color: #4dcde6;
+  border-color: transparent;
+  color: white;
+}
+.btn-info.dropdown-toggle.btn-info {
+  background-color: #63D3E9;
+  border-color: #4dcde6;
+  color: white;
+}
+.btn-info.btn-alt {
+  background-color: #4dcde6;
+  border: 1px solid #63D3E9;
+}
+.btn-info.btn-alt:hover {
+  background-color: #36c6e3;
+}
+.btn-info.btn-stroke {
+  border: 1px double #63D3E9;
+  background-color: transparent;
+  color: #63D3E9;
+}
+.btn-info.btn-stroke:hover {
+  background-color: #4dcde6;
+  border-color: transparent;
+  color: white;
+}
+.btn-info.btn-solid {
+  border: 1px solid #63D3E9;
+}
+.btn-info.btn-dashed {
+  border: 1px dashed #63D3E9;
+}
+.btn-info.btn-dotted {
+  border: 1px dotted #63D3E9;
+}
+.btn-info.btn-double {
+  border: 4px double #63D3E9;
+}
+.btn-info.btn-inset {
+  border: 4px inset #63D3E9;
+}
+.btn-info.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-info.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #36c6e3;
+  z-index: -1;
+}
+.btn-info.btn-slidedown:hover, .btn-info.btn-slidedown:active {
+  color: white;
+}
+.btn-info.btn-slidedown:hover:after, .btn-info.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-info.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #36c6e3;
+  z-index: -1;
+}
+.btn-info.btn-slideright:hover, .btn-info.btn-slideright:active {
+  color: white;
+}
+.btn-info.btn-slideright:hover:after, .btn-info.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-info.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #36c6e3;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-info.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-info.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-info.btn-rotate {
+  overflow: hidden;
+}
+.btn-info.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #36c6e3;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-info.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-info.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-info.btn-open {
+  overflow: hidden;
+}
+.btn-info.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #36c6e3;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-info.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-info.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-info.btn-push {
+  background: #63D3E9;
+  box-shadow: 0 6px #36c6e3;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-info.btn-push:hover {
+  box-shadow: 0 4px #36c6e3;
+  top: 2px;
+}
+.btn-info.btn-push:active {
+  box-shadow: 0 0 #36c6e3;
+  top: 6px;
+}
+.btn-info.btn-pushright {
+  background: #63D3E9;
+  box-shadow: 6px 0 #36c6e3;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-info.btn-pushright:hover {
+  box-shadow: 4px 0 #36c6e3;
+  left: 2px;
+}
+.btn-info.btn-pushright:active {
+  box-shadow: 0 0 #36c6e3;
+  left: 6px;
+}
+
+.btn-warning {
+  background-color: #F6BB42;
+  border-color: #F6BB42;
+  color: white;
+}
+.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning[disabled], .btn-warning.disabled {
+  background-color: #f5b22a;
+  border-color: transparent;
+  color: white;
+}
+.btn-warning.dropdown-toggle.btn-warning {
+  background-color: #F6BB42;
+  border-color: #f5b22a;
+  color: white;
+}
+.btn-warning.btn-alt {
+  background-color: #f5b22a;
+  border: 1px solid #F6BB42;
+}
+.btn-warning.btn-alt:hover {
+  background-color: #f4a911;
+}
+.btn-warning.btn-stroke {
+  border: 1px double #F6BB42;
+  background-color: transparent;
+  color: #F6BB42;
+}
+.btn-warning.btn-stroke:hover {
+  background-color: #f5b22a;
+  border-color: transparent;
+  color: white;
+}
+.btn-warning.btn-solid {
+  border: 1px solid #F6BB42;
+}
+.btn-warning.btn-dashed {
+  border: 1px dashed #F6BB42;
+}
+.btn-warning.btn-dotted {
+  border: 1px dotted #F6BB42;
+}
+.btn-warning.btn-double {
+  border: 4px double #F6BB42;
+}
+.btn-warning.btn-inset {
+  border: 4px inset #F6BB42;
+}
+.btn-warning.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-warning.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #f4a911;
+  z-index: -1;
+}
+.btn-warning.btn-slidedown:hover, .btn-warning.btn-slidedown:active {
+  color: white;
+}
+.btn-warning.btn-slidedown:hover:after, .btn-warning.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-warning.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #f4a911;
+  z-index: -1;
+}
+.btn-warning.btn-slideright:hover, .btn-warning.btn-slideright:active {
+  color: white;
+}
+.btn-warning.btn-slideright:hover:after, .btn-warning.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-warning.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #f4a911;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-warning.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-warning.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-warning.btn-rotate {
+  overflow: hidden;
+}
+.btn-warning.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #f4a911;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-warning.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-warning.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-warning.btn-open {
+  overflow: hidden;
+}
+.btn-warning.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #f4a911;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-warning.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-warning.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-warning.btn-push {
+  background: #F6BB42;
+  box-shadow: 0 6px #f4a911;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-warning.btn-push:hover {
+  box-shadow: 0 4px #f4a911;
+  top: 2px;
+}
+.btn-warning.btn-push:active {
+  box-shadow: 0 0 #f4a911;
+  top: 6px;
+}
+.btn-warning.btn-pushright {
+  background: #F6BB42;
+  box-shadow: 6px 0 #f4a911;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-warning.btn-pushright:hover {
+  box-shadow: 4px 0 #f4a911;
+  left: 2px;
+}
+.btn-warning.btn-pushright:active {
+  box-shadow: 0 0 #f4a911;
+  left: 6px;
+}
+
+.btn-danger {
+  background-color: #E9573F;
+  border-color: #E9573F;
+  color: white;
+}
+.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger[disabled], .btn-danger.disabled {
+  background-color: #e64328;
+  border-color: transparent;
+  color: white;
+}
+.btn-danger.dropdown-toggle.btn-danger {
+  background-color: #E9573F;
+  border-color: #e64328;
+  color: white;
+}
+.btn-danger.btn-alt {
+  background-color: #e64328;
+  border: 1px solid #E9573F;
+}
+.btn-danger.btn-alt:hover {
+  background-color: #dc3519;
+}
+.btn-danger.btn-stroke {
+  border: 1px double #E9573F;
+  background-color: transparent;
+  color: #E9573F;
+}
+.btn-danger.btn-stroke:hover {
+  background-color: #e64328;
+  border-color: transparent;
+  color: white;
+}
+.btn-danger.btn-solid {
+  border: 1px solid #E9573F;
+}
+.btn-danger.btn-dashed {
+  border: 1px dashed #E9573F;
+}
+.btn-danger.btn-dotted {
+  border: 1px dotted #E9573F;
+}
+.btn-danger.btn-double {
+  border: 4px double #E9573F;
+}
+.btn-danger.btn-inset {
+  border: 4px inset #E9573F;
+}
+.btn-danger.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-danger.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #dc3519;
+  z-index: -1;
+}
+.btn-danger.btn-slidedown:hover, .btn-danger.btn-slidedown:active {
+  color: white;
+}
+.btn-danger.btn-slidedown:hover:after, .btn-danger.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-danger.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #dc3519;
+  z-index: -1;
+}
+.btn-danger.btn-slideright:hover, .btn-danger.btn-slideright:active {
+  color: white;
+}
+.btn-danger.btn-slideright:hover:after, .btn-danger.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-danger.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #dc3519;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-danger.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-danger.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-danger.btn-rotate {
+  overflow: hidden;
+}
+.btn-danger.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #dc3519;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-danger.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-danger.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-danger.btn-open {
+  overflow: hidden;
+}
+.btn-danger.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #dc3519;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-danger.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-danger.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-danger.btn-push {
+  background: #E9573F;
+  box-shadow: 0 6px #dc3519;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-danger.btn-push:hover {
+  box-shadow: 0 4px #dc3519;
+  top: 2px;
+}
+.btn-danger.btn-push:active {
+  box-shadow: 0 0 #dc3519;
+  top: 6px;
+}
+.btn-danger.btn-pushright {
+  background: #E9573F;
+  box-shadow: 6px 0 #dc3519;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-danger.btn-pushright:hover {
+  box-shadow: 4px 0 #dc3519;
+  left: 2px;
+}
+.btn-danger.btn-pushright:active {
+  box-shadow: 0 0 #dc3519;
+  left: 6px;
+}
+
+.btn-lilac {
+  background-color: #906094;
+  border-color: #906094;
+  color: white;
+}
+.btn-lilac:hover, .btn-lilac:focus, .btn-lilac:active, .btn-lilac.active, .btn-lilac[disabled], .btn-lilac.disabled {
+  background-color: #815685;
+  border-color: transparent;
+  color: white;
+}
+.btn-lilac.dropdown-toggle.btn-lilac {
+  background-color: #906094;
+  border-color: #815685;
+  color: white;
+}
+.btn-lilac.btn-alt {
+  background-color: #815685;
+  border: 1px solid #906094;
+}
+.btn-lilac.btn-alt:hover {
+  background-color: #724c75;
+}
+.btn-lilac.btn-stroke {
+  border: 1px double #906094;
+  background-color: transparent;
+  color: #906094;
+}
+.btn-lilac.btn-stroke:hover {
+  background-color: #815685;
+  border-color: transparent;
+  color: white;
+}
+.btn-lilac.btn-solid {
+  border: 1px solid #906094;
+}
+.btn-lilac.btn-dashed {
+  border: 1px dashed #906094;
+}
+.btn-lilac.btn-dotted {
+  border: 1px dotted #906094;
+}
+.btn-lilac.btn-double {
+  border: 4px double #906094;
+}
+.btn-lilac.btn-inset {
+  border: 4px inset #906094;
+}
+.btn-lilac.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-lilac.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #724c75;
+  z-index: -1;
+}
+.btn-lilac.btn-slidedown:hover, .btn-lilac.btn-slidedown:active {
+  color: white;
+}
+.btn-lilac.btn-slidedown:hover:after, .btn-lilac.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-lilac.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #724c75;
+  z-index: -1;
+}
+.btn-lilac.btn-slideright:hover, .btn-lilac.btn-slideright:active {
+  color: white;
+}
+.btn-lilac.btn-slideright:hover:after, .btn-lilac.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-lilac.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #724c75;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-lilac.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-lilac.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-lilac.btn-rotate {
+  overflow: hidden;
+}
+.btn-lilac.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #724c75;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-lilac.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-lilac.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-lilac.btn-open {
+  overflow: hidden;
+}
+.btn-lilac.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #724c75;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-lilac.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-lilac.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-lilac.btn-push {
+  background: #906094;
+  box-shadow: 0 6px #724c75;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-lilac.btn-push:hover {
+  box-shadow: 0 4px #724c75;
+  top: 2px;
+}
+.btn-lilac.btn-push:active {
+  box-shadow: 0 0 #724c75;
+  top: 6px;
+}
+.btn-lilac.btn-pushright {
+  background: #906094;
+  box-shadow: 6px 0 #724c75;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-lilac.btn-pushright:hover {
+  box-shadow: 4px 0 #724c75;
+  left: 2px;
+}
+.btn-lilac.btn-pushright:active {
+  box-shadow: 0 0 #724c75;
+  left: 6px;
+}
+
+.btn-inverse {
+  background-color: #2A2A2A;
+  border-color: #2A2A2A;
+  color: white;
+}
+.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse[disabled], .btn-inverse.disabled {
+  background-color: #1d1d1d;
+  border-color: transparent;
+  color: white;
+}
+.btn-inverse.dropdown-toggle.btn-inverse {
+  background-color: #2A2A2A;
+  border-color: #1d1d1d;
+  color: white;
+}
+.btn-inverse.btn-alt {
+  background-color: #1d1d1d;
+  border: 1px solid #2A2A2A;
+}
+.btn-inverse.btn-alt:hover {
+  background-color: #111111;
+}
+.btn-inverse.btn-stroke {
+  border: 1px double #2A2A2A;
+  background-color: transparent;
+  color: #2A2A2A;
+}
+.btn-inverse.btn-stroke:hover {
+  background-color: #1d1d1d;
+  border-color: transparent;
+  color: white;
+}
+.btn-inverse.btn-solid {
+  border: 1px solid #2A2A2A;
+}
+.btn-inverse.btn-dashed {
+  border: 1px dashed #2A2A2A;
+}
+.btn-inverse.btn-dotted {
+  border: 1px dotted #2A2A2A;
+}
+.btn-inverse.btn-double {
+  border: 4px double #2A2A2A;
+}
+.btn-inverse.btn-inset {
+  border: 4px inset #2A2A2A;
+}
+.btn-inverse.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-inverse.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #111111;
+  z-index: -1;
+}
+.btn-inverse.btn-slidedown:hover, .btn-inverse.btn-slidedown:active {
+  color: white;
+}
+.btn-inverse.btn-slidedown:hover:after, .btn-inverse.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-inverse.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #111111;
+  z-index: -1;
+}
+.btn-inverse.btn-slideright:hover, .btn-inverse.btn-slideright:active {
+  color: white;
+}
+.btn-inverse.btn-slideright:hover:after, .btn-inverse.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-inverse.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #111111;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-inverse.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-inverse.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-inverse.btn-rotate {
+  overflow: hidden;
+}
+.btn-inverse.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #111111;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-inverse.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-inverse.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-inverse.btn-open {
+  overflow: hidden;
+}
+.btn-inverse.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #111111;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-inverse.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-inverse.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-inverse.btn-push {
+  background: #2A2A2A;
+  box-shadow: 0 6px #111111;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-inverse.btn-push:hover {
+  box-shadow: 0 4px #111111;
+  top: 2px;
+}
+.btn-inverse.btn-push:active {
+  box-shadow: 0 0 #111111;
+  top: 6px;
+}
+.btn-inverse.btn-pushright {
+  background: #2A2A2A;
+  box-shadow: 6px 0 #111111;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-inverse.btn-pushright:hover {
+  box-shadow: 4px 0 #111111;
+  left: 2px;
+}
+.btn-inverse.btn-pushright:active {
+  box-shadow: 0 0 #111111;
+  left: 6px;
+}
+
+.btn-teal {
+  color: #FFF;
+  background-color: #37BC9B;
+  border-color: #31a88b;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-teal:hover, .btn-teal:focus, .btn-teal:active {
+  color: #FFF !important;
+  background-color: #31a88b;
+}
+.btn-teal.btn-stroke {
+  border: 1px double #37BC9B;
+  background-color: transparent;
+  color: #37BC9B;
+}
+.btn-teal.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #31a88b;
+}
+.btn-teal.btn-solid {
+  border: 1px solid #37BC9B;
+}
+.btn-teal.btn-dashed {
+  border: 1px dashed #37BC9B;
+}
+.btn-teal.btn-dotted {
+  border: 1px dotted #37BC9B;
+}
+.btn-teal.btn-double {
+  border: 4px double #37BC9B;
+}
+.btn-teal.btn-inset {
+  border: 4px inset #37BC9B;
+}
+.btn-teal.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-bitbucket {
+  color: #FFF;
+  background-color: #205081;
+  border-color: #205081;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-bitbucket:hover, .btn-bitbucket:focus, .btn-bitbucket:active {
+  color: #FFF !important;
+  background-color: #1b436d;
+}
+.btn-bitbucket.btn-stroke {
+  border: 1px double #205081;
+  background-color: transparent;
+  color: #205081;
+}
+.btn-bitbucket.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #1b436d;
+}
+.btn-bitbucket.btn-solid {
+  border: 1px solid #205081;
+}
+.btn-bitbucket.btn-dashed {
+  border: 1px dashed #205081;
+}
+.btn-bitbucket.btn-dotted {
+  border: 1px dotted #205081;
+}
+.btn-bitbucket.btn-double {
+  border: 4px double #205081;
+}
+.btn-bitbucket.btn-inset {
+  border: 4px inset #205081;
+}
+.btn-bitbucket.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-behance {
+  color: #FFF;
+  background-color: #053eff;
+  border-color: #053eff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-behance:hover, .btn-behance:focus, .btn-behance:active {
+  color: #FFF !important;
+  background-color: #0035eb;
+}
+.btn-behance.btn-stroke {
+  border: 1px double #053eff;
+  background-color: transparent;
+  color: #053eff;
+}
+.btn-behance.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #0035eb;
+}
+.btn-behance.btn-solid {
+  border: 1px solid #053eff;
+}
+.btn-behance.btn-dashed {
+  border: 1px dashed #053eff;
+}
+.btn-behance.btn-dotted {
+  border: 1px dotted #053eff;
+}
+.btn-behance.btn-double {
+  border: 4px double #053eff;
+}
+.btn-behance.btn-inset {
+  border: 4px inset #053eff;
+}
+.btn-behance.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-delicious {
+  color: #FFF;
+  background-color: #205cc0;
+  border-color: #205cc0;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-delicious:hover, .btn-delicious:focus, .btn-delicious:active {
+  color: #FFF !important;
+  background-color: #1c52aa;
+}
+.btn-delicious.btn-stroke {
+  border: 1px double #205cc0;
+  background-color: transparent;
+  color: #205cc0;
+}
+.btn-delicious.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #1c52aa;
+}
+.btn-delicious.btn-solid {
+  border: 1px solid #205cc0;
+}
+.btn-delicious.btn-dashed {
+  border: 1px dashed #205cc0;
+}
+.btn-delicious.btn-dotted {
+  border: 1px dotted #205cc0;
+}
+.btn-delicious.btn-double {
+  border: 4px double #205cc0;
+}
+.btn-delicious.btn-inset {
+  border: 4px inset #205cc0;
+}
+.btn-delicious.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-dribbble {
+  color: #FFF;
+  background-color: #ea4c89;
+  border-color: #ea4c89;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-dribbble:hover, .btn-dribbble:focus, .btn-dribbble:active {
+  color: #FFF !important;
+  background-color: #e7357a;
+}
+.btn-dribbble.btn-stroke {
+  border: 1px double #ea4c89;
+  background-color: transparent;
+  color: #ea4c89;
+}
+.btn-dribbble.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #e7357a;
+}
+.btn-dribbble.btn-solid {
+  border: 1px solid #ea4c89;
+}
+.btn-dribbble.btn-dashed {
+  border: 1px dashed #ea4c89;
+}
+.btn-dribbble.btn-dotted {
+  border: 1px dotted #ea4c89;
+}
+.btn-dribbble.btn-double {
+  border: 4px double #ea4c89;
+}
+.btn-dribbble.btn-inset {
+  border: 4px inset #ea4c89;
+}
+.btn-dribbble.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-facebook {
+  color: #FFF;
+  background-color: #3b5998;
+  border-color: #3b5998;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active {
+  color: #FFF !important;
+  background-color: #344e86;
+}
+.btn-facebook.btn-stroke {
+  border: 1px double #3b5998;
+  background-color: transparent;
+  color: #3b5998;
+}
+.btn-facebook.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #344e86;
+}
+.btn-facebook.btn-solid {
+  border: 1px solid #3b5998;
+}
+.btn-facebook.btn-dashed {
+  border: 1px dashed #3b5998;
+}
+.btn-facebook.btn-dotted {
+  border: 1px dotted #3b5998;
+}
+.btn-facebook.btn-double {
+  border: 4px double #3b5998;
+}
+.btn-facebook.btn-inset {
+  border: 4px inset #3b5998;
+}
+.btn-facebook.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-flickr {
+  color: #FFF;
+  background-color: #ff0084;
+  border-color: #ff0084;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active {
+  color: #FFF !important;
+  background-color: #e60077;
+}
+.btn-flickr.btn-stroke {
+  border: 1px double #ff0084;
+  background-color: transparent;
+  color: #ff0084;
+}
+.btn-flickr.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #e60077;
+}
+.btn-flickr.btn-solid {
+  border: 1px solid #ff0084;
+}
+.btn-flickr.btn-dashed {
+  border: 1px dashed #ff0084;
+}
+.btn-flickr.btn-dotted {
+  border: 1px dotted #ff0084;
+}
+.btn-flickr.btn-double {
+  border: 4px double #ff0084;
+}
+.btn-flickr.btn-inset {
+  border: 4px inset #ff0084;
+}
+.btn-flickr.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-foursquare {
+  color: #FFF;
+  background-color: #25a0ca;
+  border-color: #25a0ca;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-foursquare:hover, .btn-foursquare:focus, .btn-foursquare:active {
+  color: #FFF !important;
+  background-color: #218fb4;
+}
+.btn-foursquare.btn-stroke {
+  border: 1px double #25a0ca;
+  background-color: transparent;
+  color: #25a0ca;
+}
+.btn-foursquare.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #218fb4;
+}
+.btn-foursquare.btn-solid {
+  border: 1px solid #25a0ca;
+}
+.btn-foursquare.btn-dashed {
+  border: 1px dashed #25a0ca;
+}
+.btn-foursquare.btn-dotted {
+  border: 1px dotted #25a0ca;
+}
+.btn-foursquare.btn-double {
+  border: 4px double #25a0ca;
+}
+.btn-foursquare.btn-inset {
+  border: 4px inset #25a0ca;
+}
+.btn-foursquare.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-googleplus {
+  color: #FFF;
+  background-color: #db4a39;
+  border-color: #db4a39;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-googleplus:hover, .btn-googleplus:focus, .btn-googleplus:active {
+  color: #FFF !important;
+  background-color: #d43927;
+}
+.btn-googleplus.btn-stroke {
+  border: 1px double #db4a39;
+  background-color: transparent;
+  color: #db4a39;
+}
+.btn-googleplus.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #d43927;
+}
+.btn-googleplus.btn-solid {
+  border: 1px solid #db4a39;
+}
+.btn-googleplus.btn-dashed {
+  border: 1px dashed #db4a39;
+}
+.btn-googleplus.btn-dotted {
+  border: 1px dotted #db4a39;
+}
+.btn-googleplus.btn-double {
+  border: 4px double #db4a39;
+}
+.btn-googleplus.btn-inset {
+  border: 4px inset #db4a39;
+}
+.btn-googleplus.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-instagram {
+  color: #FFF;
+  background-color: #3f729b;
+  border-color: #3f729b;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active {
+  color: #FFF !important;
+  background-color: #386589;
+}
+.btn-instagram.btn-stroke {
+  border: 1px double #3f729b;
+  background-color: transparent;
+  color: #3f729b;
+}
+.btn-instagram.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #386589;
+}
+.btn-instagram.btn-solid {
+  border: 1px solid #3f729b;
+}
+.btn-instagram.btn-dashed {
+  border: 1px dashed #3f729b;
+}
+.btn-instagram.btn-dotted {
+  border: 1px dotted #3f729b;
+}
+.btn-instagram.btn-double {
+  border: 4px double #3f729b;
+}
+.btn-instagram.btn-inset {
+  border: 4px inset #3f729b;
+}
+.btn-instagram.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-linkedin {
+  color: #FFF;
+  background-color: #0e76a8;
+  border-color: #0e76a8;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active {
+  color: #FFF !important;
+  background-color: #0c6590;
+}
+.btn-linkedin.btn-stroke {
+  border: 1px double #0e76a8;
+  background-color: transparent;
+  color: #0e76a8;
+}
+.btn-linkedin.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #0c6590;
+}
+.btn-linkedin.btn-solid {
+  border: 1px solid #0e76a8;
+}
+.btn-linkedin.btn-dashed {
+  border: 1px dashed #0e76a8;
+}
+.btn-linkedin.btn-dotted {
+  border: 1px dotted #0e76a8;
+}
+.btn-linkedin.btn-double {
+  border: 4px double #0e76a8;
+}
+.btn-linkedin.btn-inset {
+  border: 4px inset #0e76a8;
+}
+.btn-linkedin.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-path {
+  color: #FFF;
+  background-color: #e41f11;
+  border-color: #e41f11;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-path:hover, .btn-path:focus, .btn-path:active {
+  color: #FFF !important;
+  background-color: #cc1c0f;
+}
+.btn-path.btn-stroke {
+  border: 1px double #e41f11;
+  background-color: transparent;
+  color: #e41f11;
+}
+.btn-path.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #cc1c0f;
+}
+.btn-path.btn-solid {
+  border: 1px solid #e41f11;
+}
+.btn-path.btn-dashed {
+  border: 1px dashed #e41f11;
+}
+.btn-path.btn-dotted {
+  border: 1px dotted #e41f11;
+}
+.btn-path.btn-double {
+  border: 4px double #e41f11;
+}
+.btn-path.btn-inset {
+  border: 4px inset #e41f11;
+}
+.btn-path.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-pinterest {
+  color: #FFF;
+  background-color: #c8232c;
+  border-color: #c8232c;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active {
+  color: #FFF !important;
+  background-color: #b21f27;
+}
+.btn-pinterest.btn-stroke {
+  border: 1px double #c8232c;
+  background-color: transparent;
+  color: #c8232c;
+}
+.btn-pinterest.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #b21f27;
+}
+.btn-pinterest.btn-solid {
+  border: 1px solid #c8232c;
+}
+.btn-pinterest.btn-dashed {
+  border: 1px dashed #c8232c;
+}
+.btn-pinterest.btn-dotted {
+  border: 1px dotted #c8232c;
+}
+.btn-pinterest.btn-double {
+  border: 4px double #c8232c;
+}
+.btn-pinterest.btn-inset {
+  border: 4px inset #c8232c;
+}
+.btn-pinterest.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-rss {
+  color: #FFF;
+  background-color: #ee802f;
+  border-color: #ee802f;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-rss:hover, .btn-rss:focus, .btn-rss:active {
+  color: #FFF !important;
+  background-color: #ec7217;
+}
+.btn-rss.btn-stroke {
+  border: 1px double #ee802f;
+  background-color: transparent;
+  color: #ee802f;
+}
+.btn-rss.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #ec7217;
+}
+.btn-rss.btn-solid {
+  border: 1px solid #ee802f;
+}
+.btn-rss.btn-dashed {
+  border: 1px dashed #ee802f;
+}
+.btn-rss.btn-dotted {
+  border: 1px dotted #ee802f;
+}
+.btn-rss.btn-double {
+  border: 4px double #ee802f;
+}
+.btn-rss.btn-inset {
+  border: 4px inset #ee802f;
+}
+.btn-rss.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-skype {
+  color: #FFF;
+  background-color: #00aff0;
+  border-color: #00aff0;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-skype:hover, .btn-skype:focus, .btn-skype:active {
+  color: #FFF !important;
+  background-color: #009cd7;
+}
+.btn-skype.btn-stroke {
+  border: 1px double #00aff0;
+  background-color: transparent;
+  color: #00aff0;
+}
+.btn-skype.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #009cd7;
+}
+.btn-skype.btn-solid {
+  border: 1px solid #00aff0;
+}
+.btn-skype.btn-dashed {
+  border: 1px dashed #00aff0;
+}
+.btn-skype.btn-dotted {
+  border: 1px dotted #00aff0;
+}
+.btn-skype.btn-double {
+  border: 4px double #00aff0;
+}
+.btn-skype.btn-inset {
+  border: 4px inset #00aff0;
+}
+.btn-skype.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-soundcloud {
+  color: #FFF;
+  background-color: #ff7700;
+  border-color: #ff7700;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-soundcloud:hover, .btn-soundcloud:focus, .btn-soundcloud:active {
+  color: #FFF !important;
+  background-color: #e66b00;
+}
+.btn-soundcloud.btn-stroke {
+  border: 1px double #ff7700;
+  background-color: transparent;
+  color: #ff7700;
+}
+.btn-soundcloud.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #e66b00;
+}
+.btn-soundcloud.btn-solid {
+  border: 1px solid #ff7700;
+}
+.btn-soundcloud.btn-dashed {
+  border: 1px dashed #ff7700;
+}
+.btn-soundcloud.btn-dotted {
+  border: 1px dotted #ff7700;
+}
+.btn-soundcloud.btn-double {
+  border: 4px double #ff7700;
+}
+.btn-soundcloud.btn-inset {
+  border: 4px inset #ff7700;
+}
+.btn-soundcloud.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-tumblr {
+  color: #FFF;
+  background-color: #34526f;
+  border-color: #34526f;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active {
+  color: #FFF !important;
+  background-color: #2c455e;
+}
+.btn-tumblr.btn-stroke {
+  border: 1px double #34526f;
+  background-color: transparent;
+  color: #34526f;
+}
+.btn-tumblr.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #2c455e;
+}
+.btn-tumblr.btn-solid {
+  border: 1px solid #34526f;
+}
+.btn-tumblr.btn-dashed {
+  border: 1px dashed #34526f;
+}
+.btn-tumblr.btn-dotted {
+  border: 1px dotted #34526f;
+}
+.btn-tumblr.btn-double {
+  border: 4px double #34526f;
+}
+.btn-tumblr.btn-inset {
+  border: 4px inset #34526f;
+}
+.btn-tumblr.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-twitter {
+  color: #FFF;
+  background-color: #00a0d1;
+  border-color: #00a0d1;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active {
+  color: #FFF !important;
+  background-color: #008cb8;
+}
+.btn-twitter.btn-stroke {
+  border: 1px double #00a0d1;
+  background-color: transparent;
+  color: #00a0d1;
+}
+.btn-twitter.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #008cb8;
+}
+.btn-twitter.btn-solid {
+  border: 1px solid #00a0d1;
+}
+.btn-twitter.btn-dashed {
+  border: 1px dashed #00a0d1;
+}
+.btn-twitter.btn-dotted {
+  border: 1px dotted #00a0d1;
+}
+.btn-twitter.btn-double {
+  border: 4px double #00a0d1;
+}
+.btn-twitter.btn-inset {
+  border: 4px inset #00a0d1;
+}
+.btn-twitter.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-vimeo {
+  color: #FFF;
+  background-color: #86c9ef;
+  border-color: #86c9ef;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-vimeo:hover, .btn-vimeo:focus, .btn-vimeo:active {
+  color: #FFF !important;
+  background-color: #6fbfec;
+}
+.btn-vimeo.btn-stroke {
+  border: 1px double #86c9ef;
+  background-color: transparent;
+  color: #86c9ef;
+}
+.btn-vimeo.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #6fbfec;
+}
+.btn-vimeo.btn-solid {
+  border: 1px solid #86c9ef;
+}
+.btn-vimeo.btn-dashed {
+  border: 1px dashed #86c9ef;
+}
+.btn-vimeo.btn-dotted {
+  border: 1px dotted #86c9ef;
+}
+.btn-vimeo.btn-double {
+  border: 4px double #86c9ef;
+}
+.btn-vimeo.btn-inset {
+  border: 4px inset #86c9ef;
+}
+.btn-vimeo.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-wordpress {
+  color: #FFF;
+  background-color: #21759b;
+  border-color: #21759b;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-wordpress:hover, .btn-wordpress:focus, .btn-wordpress:active {
+  color: #FFF !important;
+  background-color: #1d6586;
+}
+.btn-wordpress.btn-stroke {
+  border: 1px double #21759b;
+  background-color: transparent;
+  color: #21759b;
+}
+.btn-wordpress.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #1d6586;
+}
+.btn-wordpress.btn-solid {
+  border: 1px solid #21759b;
+}
+.btn-wordpress.btn-dashed {
+  border: 1px dashed #21759b;
+}
+.btn-wordpress.btn-dotted {
+  border: 1px dotted #21759b;
+}
+.btn-wordpress.btn-double {
+  border: 4px double #21759b;
+}
+.btn-wordpress.btn-inset {
+  border: 4px inset #21759b;
+}
+.btn-wordpress.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-yahoo {
+  color: #FFF;
+  background-color: #720e9e;
+  border-color: #720e9e;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-yahoo:hover, .btn-yahoo:focus, .btn-yahoo:active {
+  color: #FFF !important;
+  background-color: #610c87;
+}
+.btn-yahoo.btn-stroke {
+  border: 1px double #720e9e;
+  background-color: transparent;
+  color: #720e9e;
+}
+.btn-yahoo.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #610c87;
+}
+.btn-yahoo.btn-solid {
+  border: 1px solid #720e9e;
+}
+.btn-yahoo.btn-dashed {
+  border: 1px dashed #720e9e;
+}
+.btn-yahoo.btn-dotted {
+  border: 1px dotted #720e9e;
+}
+.btn-yahoo.btn-double {
+  border: 4px double #720e9e;
+}
+.btn-yahoo.btn-inset {
+  border: 4px inset #720e9e;
+}
+.btn-yahoo.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-youtube {
+  color: #FFF;
+  background-color: #c4302b;
+  border-color: #c4302b;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active {
+  color: #FFF !important;
+  background-color: #af2b26;
+}
+.btn-youtube.btn-stroke {
+  border: 1px double #c4302b;
+  background-color: transparent;
+  color: #c4302b;
+}
+.btn-youtube.btn-stroke:hover {
+  color: #FFF !important;
+  background-color: #af2b26;
+}
+.btn-youtube.btn-solid {
+  border: 1px solid #c4302b;
+}
+.btn-youtube.btn-dashed {
+  border: 1px dashed #c4302b;
+}
+.btn-youtube.btn-dotted {
+  border: 1px dotted #c4302b;
+}
+.btn-youtube.btn-double {
+  border: 4px double #c4302b;
+}
+.btn-youtube.btn-inset {
+  border: 4px inset #c4302b;
+}
+.btn-youtube.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+
+.btn-icon-stacked {
+  text-align: left;
+  padding: 10px 10px 10px 45px;
+  position: relative;
+}
+.btn-icon-stacked:focus, .btn-icon-stacked:active {
+  color: white;
+}
+.btn-icon-stacked i {
+  display: block;
+  position: absolute;
+  left: 15px;
+  top: 15px;
+}
+.btn-icon-stacked span {
+  display: block;
+  font-size: 13px;
+  line-height: normal;
+}
+
+.btn-compose-email {
+  padding: 10px 0px;
+  margin-bottom: 20px;
+}
+
+.btn-group-vertical > .btn.rounded:first-child:not(:last-child) {
+  -moz-border-radius: 3px 3px 0px 0px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px 3px 0px 0px;
+}
+.btn-group-vertical > .btn.rounded:last-child:not(:first-child) {
+  -moz-border-radius: 0px 0px 3px 3px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px 0px 3px 3px;
+}
+.btn-group-vertical > .btn:first-child:not(:last-child) {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.btn-group-vertical > .btn:last-child:not(:first-child) {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu {
+  padding: 0px;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+  font-size: 12px;
+  border: 1px solid #DDD;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.dropdown-menu .dropdown-header {
+  background-color: #FBFBFB;
+  border-top: none;
+  border-bottom: 1px solid #DDD;
+}
+.dropdown-menu .divider {
+  margin: 0px;
+}
+
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+   01. FORM
+   02. FORM HORIZONTAL
+   03. FORM BODY
+   04. FORM BORDERED
+   05. FORM STRIPED
+   06. FORM BODY
+   07. FORM FOOTER
+   08. CONTEXTUAL CLASSES CHECKBOX
+   09. CHECKBOX
+   10. RADIO
+   11. VALIDATION STATES
+   12. STATIC CONTROL
+   13. INPUT WITH ICONS
+   14. INPUT WITH SPINNERS
+   15. FORM MISC
+   16. IE SUPPORT
+ * ======================================================================== */
+form .form-group {
+  position: relative;
+  margin-left: 0px !important;
+  margin-right: 0px !important;
+}
+form .form-group .fileinput {
+  width: 100%;
+}
+form .form-group .error {
+  display: none;
+  font-size: 12px;
+  font-style: italic;
+  color: #E9573F;
+}
+form .form-group .error + .help-block {
+  display: none;
+}
+form .form-group.no-padding .form-control-feedback {
+  right: 4px !important;
+}
+form .form-group .control-label {
+  padding-top: 3px;
+  font-weight: 300;
+}
+form .form-group.has-feedback.has-feedback-sm button.form-control-feedback {
+  width: 22px;
+  height: 22px;
+  font-size: 12px;
+  top: 4px;
+  right: 4px;
+}
+form .form-group.has-feedback button.form-control-feedback {
+  top: 5px;
+  right: 5px;
+  width: 25px;
+  height: 25px;
+  line-height: 6px;
+  position: absolute;
+  pointer-events: auto !important;
+}
+form .form-group.has-feedback button.form-control-feedback:before {
+  position: absolute;
+  left: 6px;
+  top: 8px;
+}
+form .form-group.has-primary .control-label {
+  color: #00B1E1;
+}
+form .form-group.has-primary .form-control {
+  border-color: #00B1E1;
+}
+form .form-group.has-primary .form-control:focus {
+  border-color: #0089ae !important;
+}
+form .form-group.has-primary .form-control-feedback {
+  color: #00B1E1;
+}
+form .form-group.has-primary .help-inline {
+  color: #00B1E1;
+}
+form .form-group.has-info .control-label {
+  color: #63D3E9;
+}
+form .form-group.has-info .form-control {
+  border-color: #63D3E9;
+}
+form .form-group.has-info .form-control:focus {
+  border-color: #36c6e3 !important;
+}
+form .form-group.has-info .form-control-feedback {
+  color: #63D3E9;
+}
+form .form-group.has-info .help-inline {
+  color: #63D3E9;
+}
+form .form-group.has-success .control-label {
+  color: #8CC152;
+}
+form .form-group.has-success .form-control {
+  border-color: #8CC152;
+}
+form .form-group.has-success .form-control:focus {
+  border-color: #72a53b !important;
+}
+form .form-group.has-success .form-control-feedback {
+  color: #8CC152;
+}
+form .form-group.has-success .help-inline {
+  color: #8CC152;
+}
+form .form-group.has-warning .control-label {
+  color: #F6BB42;
+}
+form .form-group.has-warning .form-control {
+  border-color: #F6BB42;
+}
+form .form-group.has-warning .form-control:focus {
+  border-color: #f4a911 !important;
+}
+form .form-group.has-warning .form-control-feedback {
+  color: #F6BB42;
+}
+form .form-group.has-warning .help-inline {
+  color: #F6BB42;
+}
+form .form-group.has-error .control-label {
+  color: #E9573F;
+}
+form .form-group.has-error .form-control {
+  border-color: #E9573F;
+}
+form .form-group.has-error .form-control:focus {
+  border-color: #dc3519 !important;
+}
+form .form-group.has-error .form-control-feedback {
+  color: #E9573F;
+}
+form .form-group.has-error .help-inline {
+  color: #E9573F;
+}
+form .form-group.form-group-inline input, form .form-group.form-group-inline .help-inline {
+  display: inline-block;
+}
+form .form-group.form-group-inline input {
+  width: 75%;
+  margin-right: 5px;
+}
+form .form-group.form-group-divider {
+  background-color: #EEEEEE;
+  padding: 0px;
+  margin-bottom: 0px;
+}
+form .form-group.form-group-divider .form-inner {
+  border-left: 5px solid #71a117;
+  padding-left: 15px;
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+form .form-group.form-group-divider .form-inner .label-circle {
+  display: inline !important;
+}
+form .form-group.form-footer {
+  background-color: #EEEEEE;
+  margin-bottom: 0px;
+}
+form .help-block, form .help-inline {
+  font-size: 12px;
+  font-style: italic;
+  margin-bottom: 0px;
+}
+
+/* ========================================================================
+ * FORM HORIZONTAL
+ * ======================================================================== */
+.form-horizontal .form-group .checkbox {
+  padding-top: 2px;
+}
+.form-horizontal .form-group .checkbox-inline {
+  padding-top: 1px;
+}
+.form-horizontal .form-group .radio {
+  padding-top: 4px;
+}
+.form-horizontal .form-group .radio-inline {
+  padding-top: 0px;
+}
+
+/* ========================================================================
+ * FORM BORDERED
+ * ======================================================================== */
+.form-bordered .form-body {
+  padding: 0px;
+}
+.form-bordered .form-group {
+  padding: 15px 0px;
+  margin-bottom: 0px;
+  border-top: 1px solid #DDD;
+}
+.form-bordered .form-group:first-child {
+  border-top: none;
+}
+.form-bordered .form-group .chosen-container:last-child {
+  margin-bottom: 0px !important;
+}
+
+/* ========================================================================
+ * FORM STRIPED
+ * ======================================================================== */
+.form-striped .form-body {
+  padding: 0px;
+}
+.form-striped .form-group {
+  padding: 15px 0px;
+  margin-bottom: 0px;
+  border-top: 1px solid #DDD;
+}
+.form-striped .form-group:first-child {
+  border-top: none;
+}
+.form-striped .form-group:nth-child(2n+1) {
+  background-color: #f1f1f1;
+}
+.form-striped .form-group .chosen-container:last-child {
+  margin-bottom: 0px !important;
+}
+
+/* ========================================================================
+ * FORM BODY
+ * ======================================================================== */
+.form-body {
+  padding: 10px;
+}
+
+/* ========================================================================
+ * FORM FOOTER
+ * ======================================================================== */
+.form-footer {
+  padding: 10px;
+  background-color: #F5F5F5;
+  border-top: 1px solid #DDD;
+}
+.form-footer [class*="col-"] .btn {
+  margin-left: 5px;
+}
+
+/* ========================================================================
+ * CHECKBOX
+ * ======================================================================== */
+.ckbox input[type=checkbox] {
+  opacity: 0;
+}
+.ckbox input[type=checkbox]:checked + label::after {
+  font-family: 'FontAwesome';
+  content: "\F00C";
+  position: absolute;
+  top: 0;
+  left: 0px;
+  display: inline-block;
+  font-size: 10px;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  color: #FFF;
+  text-align: center;
+  font-weight: 700;
+}
+.ckbox.rounded input[type=checkbox]:checked + label::after, .ckbox.rounded input[type=checkbox]:checked + label::before {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+.ckbox.rounded label:before {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+.ckbox.circle input[type=checkbox]:checked + label::after, .ckbox.circle input[type=checkbox]:checked + label::before {
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+}
+.ckbox.circle label:before {
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+}
+.ckbox.ckbox-default input[type=checkbox]:checked + label::after {
+  color: gray;
+}
+
+/* ========================================================================
+ * RADIO
+ * ======================================================================== */
+.rdio input[type=radio] {
+  opacity: 0;
+}
+.rdio input[type=radio]:checked + label::after {
+  content: "";
+  position: absolute;
+  top: 5px;
+  left: 5px;
+  display: inline-block;
+  font-size: 11px;
+  width: 10px;
+  height: 10px;
+}
+.rdio.rounded input[type=radio]:checked + label::after, .rdio.rounded input[type=radio]:checked + label::before {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+.rdio.rounded label:before {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+.rdio.circle input[type=radio]:checked + label::after, .rdio.circle input[type=radio]:checked + label::before {
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+}
+.rdio.circle label:before {
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+}
+.rdio.rdio-default input[type=radio]:checked + label::after {
+  color: gray;
+}
+
+.text-center .ckbox, .text-center .rdio {
+  width: 20px;
+  margin-left: auto;
+  margin-right: auto;
+  line-height: 0px;
+}
+
+.ckbox, .rdio {
+  position: relative;
+  margin-top: 3px;
+}
+.ckbox label, .rdio label {
+  padding-left: 10px;
+  cursor: pointer;
+  margin-bottom: 7px !important;
+}
+.ckbox label:before, .rdio label:before {
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  content: '';
+  display: inline-block;
+  border: 1px solid #BBB;
+  background: #FFF;
+}
+
+.ckbox-teal input[type=checkbox]:checked + label::after {
+  border-color: #37BC9B;
+  background-color: #37BC9B;
+}
+
+/* ========================================================================
+ * CONTEXTUAL CLASSES CHECKBOX
+ * ======================================================================== */
+.ckbox-default input[type=checkbox]:checked + label::after {
+  border-color: #EEEEEE;
+  background-color: #EEEEEE;
+}
+.ckbox-default input[type=checkbox][disabled]:checked + label::after {
+  border-color: #EEEEEE;
+  opacity: .5;
+}
+
+.ckbox-primary input[type=checkbox]:checked + label::after {
+  border-color: #00B1E1;
+  background-color: #00B1E1;
+}
+.ckbox-primary input[type=checkbox][disabled]:checked + label::after {
+  border-color: #00B1E1;
+  opacity: .5;
+}
+
+.ckbox-success input[type=checkbox]:checked + label::after {
+  border-color: #8CC152;
+  background-color: #8CC152;
+}
+.ckbox-success input[type=checkbox][disabled]:checked + label::after {
+  border-color: #8CC152;
+  opacity: .5;
+}
+
+.ckbox-info input[type=checkbox]:checked + label::after {
+  border-color: #63D3E9;
+  background-color: #63D3E9;
+}
+.ckbox-info input[type=checkbox][disabled]:checked + label::after {
+  border-color: #63D3E9;
+  opacity: .5;
+}
+
+.ckbox-warning input[type=checkbox]:checked + label::after {
+  border-color: #F6BB42;
+  background-color: #F6BB42;
+}
+.ckbox-warning input[type=checkbox][disabled]:checked + label::after {
+  border-color: #F6BB42;
+  opacity: .5;
+}
+
+.ckbox-danger input[type=checkbox]:checked + label::after {
+  border-color: #E9573F;
+  background-color: #E9573F;
+}
+.ckbox-danger input[type=checkbox][disabled]:checked + label::after {
+  border-color: #E9573F;
+  opacity: .5;
+}
+
+.ckbox-lilac input[type=checkbox]:checked + label::after {
+  border-color: #906094;
+  background-color: #906094;
+}
+.ckbox-lilac input[type=checkbox][disabled]:checked + label::after {
+  border-color: #906094;
+  opacity: .5;
+}
+
+.ckbox-inverse input[type=checkbox]:checked + label::after {
+  border-color: #2A2A2A;
+  background-color: #2A2A2A;
+}
+.ckbox-inverse input[type=checkbox][disabled]:checked + label::after {
+  border-color: #2A2A2A;
+  opacity: .5;
+}
+
+.rdio-default input[type=radio]:checked + label::after {
+  border-color: #EEEEEE;
+  background-color: #EEEEEE;
+}
+.rdio-default input[type=radio][disabled]:checked + label::after {
+  border-color: #EEEEEE;
+  opacity: .5;
+}
+
+.rdio-primary input[type=radio]:checked + label::after {
+  border-color: #00B1E1;
+  background-color: #00B1E1;
+}
+.rdio-primary input[type=radio][disabled]:checked + label::after {
+  border-color: #00B1E1;
+  opacity: .5;
+}
+
+.rdio-success input[type=radio]:checked + label::after {
+  border-color: #8CC152;
+  background-color: #8CC152;
+}
+.rdio-success input[type=radio][disabled]:checked + label::after {
+  border-color: #8CC152;
+  opacity: .5;
+}
+
+.rdio-info input[type=radio]:checked + label::after {
+  border-color: #63D3E9;
+  background-color: #63D3E9;
+}
+.rdio-info input[type=radio][disabled]:checked + label::after {
+  border-color: #63D3E9;
+  opacity: .5;
+}
+
+.rdio-warning input[type=radio]:checked + label::after {
+  border-color: #F6BB42;
+  background-color: #F6BB42;
+}
+.rdio-warning input[type=radio][disabled]:checked + label::after {
+  border-color: #F6BB42;
+  opacity: .5;
+}
+
+.rdio-danger input[type=radio]:checked + label::after {
+  border-color: #E9573F;
+  background-color: #E9573F;
+}
+.rdio-danger input[type=radio][disabled]:checked + label::after {
+  border-color: #E9573F;
+  opacity: .5;
+}
+
+.rdio-lilac input[type=radio]:checked + label::after {
+  border-color: #906094;
+  background-color: #906094;
+}
+.rdio-lilac input[type=radio][disabled]:checked + label::after {
+  border-color: #906094;
+  opacity: .5;
+}
+
+.rdio-inverse input[type=radio]:checked + label::after {
+  border-color: #2A2A2A;
+  background-color: #2A2A2A;
+}
+.rdio-inverse input[type=radio][disabled]:checked + label::after {
+  border-color: #2A2A2A;
+  opacity: .5;
+}
+
+.rdio-teal input[type=radio]:checked + label::after {
+  border-color: #37BC9B;
+  background-color: #37BC9B;
+}
+
+/* ========================================================================
+ * VALIDATION STATE
+ * ======================================================================== */
+.has-feedback label ~ .form-control-feedback {
+  top: 28px;
+}
+
+/* ========================================================================
+ * STATIC CONTROL
+ * ======================================================================== */
+.form-control-static {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+/* ========================================================================
+ * INPUT WITH ICONS
+ * ======================================================================== */
+.input-icon > i {
+  color: #DDD;
+  display: block;
+  position: absolute;
+  margin: 10px 2px 4px 10px;
+  z-index: 3;
+  width: 16px;
+  height: 16px;
+  font-size: 16px;
+  text-align: center;
+}
+.input-icon > .form-control {
+  padding-left: 33px;
+}
+.input-icon.right > i {
+  right: 8px;
+  float: right;
+}
+.input-icon.right[class*="col-"] > i {
+  right: 16px;
+}
+.input-icon.right > .form-control {
+  padding-right: 33px;
+  padding-left: 12px;
+}
+
+/* ========================================================================
+ * INPUT WITH SPINNERS
+ * ======================================================================== */
+input.spinner[type="text"],
+input.spinner[type="password"],
+input.spinner[type="datetime"],
+input.spinner[type="datetime-local"],
+input.spinner[type="date"],
+input.spinner[type="month"],
+input.spinner[type="time"],
+input.spinner[type="week"],
+input.spinner[type="number"],
+input.spinner[type="email"],
+input.spinner[type="url"],
+input.spinner[type="search"],
+input.spinner[type="tel"],
+input.spinner[type="color"] {
+  background-image: url("../../global/img/loader/general/1.gif") !important;
+  background-repeat: no-repeat;
+  background-position: right 6px bottom 6px;
+  background-size: 20px Auto;
+}
+input.spinner[type="text"].flat,
+input.spinner[type="password"].flat,
+input.spinner[type="datetime"].flat,
+input.spinner[type="datetime-local"].flat,
+input.spinner[type="date"].flat,
+input.spinner[type="month"].flat,
+input.spinner[type="time"].flat,
+input.spinner[type="week"].flat,
+input.spinner[type="number"].flat,
+input.spinner[type="email"].flat,
+input.spinner[type="url"].flat,
+input.spinner[type="search"].flat,
+input.spinner[type="tel"].flat,
+input.spinner[type="color"].flat {
+  background-image: url("../../global/img/loader/flat/1.gif") !important;
+}
+
+/* ========================================================================
+ * FORM MISC
+ * ======================================================================== */
+.input-group-addon {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+  min-width: 39px;
+}
+.input-group-addon .ckbox, .input-group-addon .rdio {
+  position: absolute;
+  top: 4px;
+  left: 10px;
+}
+
+.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-xs > .form-control, .input-group-xs > .input-group-addon, .input-group-xs > .input-group-btn > .btn {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+
+.input-sm, .form-group-sm .form-control {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+
+.form-control {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+@media (max-width: 640px) {
+  .form-inner-all [class*="col-"]:last-child .form-control {
+    margin-top: 15px;
+  }
+}
+/* ========================================================================
+ * IE SUPPORT
+ * ======================================================================== */
+/* ========================================================================
+ * IMG BORDERED
+ * ======================================================================== */
+.img-bordered-default {
+  border: 2px solid #EEEEEE;
+}
+
+.img-bordered-primary {
+  border: 2px solid #00B1E1;
+}
+
+.img-bordered-success {
+  border: 2px solid #8CC152;
+}
+
+.img-bordered-info {
+  border: 2px solid #63D3E9;
+}
+
+.img-bordered-warning {
+  border: 2px solid #F6BB42;
+}
+
+.img-bordered-danger {
+  border: 2px solid #E9573F;
+}
+
+.img-bordered-lilac {
+  border: 2px solid #906094;
+}
+
+.img-bordered-teals {
+  border: 2px solid #37BC9B;
+}
+
+.img-bordered-inverse {
+  border: 2px solid #2A2A2A;
+}
+
+/* ========================================================================
+ * LABEL
+ * ======================================================================== */
+.label {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+
+.label-default {
+  color: #999 !important;
+}
+
+.label-default {
+  background-color: #EEEEEE;
+}
+.label-default.label-stroke {
+  background-color: transparent;
+  border: 1px solid #EEEEEE;
+  color: #EEEEEE;
+}
+
+.label-primary {
+  background-color: #00B1E1;
+}
+.label-primary.label-stroke {
+  background-color: transparent;
+  border: 1px solid #00B1E1;
+  color: #00B1E1;
+}
+
+.label-success {
+  background-color: #8CC152;
+}
+.label-success.label-stroke {
+  background-color: transparent;
+  border: 1px solid #8CC152;
+  color: #8CC152;
+}
+
+.label-info {
+  background-color: #63D3E9;
+}
+.label-info.label-stroke {
+  background-color: transparent;
+  border: 1px solid #63D3E9;
+  color: #63D3E9;
+}
+
+.label-warning {
+  background-color: #F6BB42;
+}
+.label-warning.label-stroke {
+  background-color: transparent;
+  border: 1px solid #F6BB42;
+  color: #F6BB42;
+}
+
+.label-danger {
+  background-color: #E9573F;
+}
+.label-danger.label-stroke {
+  background-color: transparent;
+  border: 1px solid #E9573F;
+  color: #E9573F;
+}
+
+.label-lilac {
+  background-color: #906094;
+}
+.label-lilac.label-stroke {
+  background-color: transparent;
+  border: 1px solid #906094;
+  color: #906094;
+}
+
+.label-teals {
+  background-color: #37BC9B;
+}
+.label-teals.label-stroke {
+  background-color: transparent;
+  border: 1px solid #37BC9B;
+  color: #37BC9B;
+}
+
+.label-inverse {
+  background-color: #2A2A2A;
+}
+.label-inverse.label-stroke {
+  background-color: transparent;
+  border: 1px solid #2A2A2A;
+  color: #2A2A2A;
+}
+
+.label-circle {
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+  line-height: 10px;
+  height: 15px;
+  width: 15px;
+  display: block;
+}
+
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+.media-list > .media .media-body .media-meta.device {
+  position: absolute;
+  top: 5px;
+  right: 15px;
+}
+.media-list > .media .media-body .media-meta.time {
+  float: right;
+  margin-top: 3px;
+}
+
+/* ========================================================================
+ * MEDIA IMAGE
+ * ======================================================================== */
+.media {
+  position: relative;
+}
+.media > .pull-left.has-notif i {
+  border: 2px solid #2A2A2A;
+}
+.media > .pull-left.has-notif i.online {
+  background-color: #8CC152;
+  animation: opacity-badge 0.6s infinite;
+  -webkit-animation: opacity-badge 0.6s infinite;
+}
+@keyframes opacity-badge {
+  0% {
+    transform: scale(0.5);
+  }
+  100% {
+    transform: scale(1.2);
+  }
+}
+@-webkit-keyframes opacity-badge {
+  0% {
+    transform: scale(0.5);
+  }
+  100% {
+    transform: scale(1.2);
+  }
+}
+.media > .pull-left.has-notif i.offline {
+  background-color: #959595;
+}
+.media > .pull-left.has-notif i.away {
+  background-color: #F6BB42;
+}
+.media > .pull-left.has-notif i.busy {
+  background-color: #E9573F;
+}
+.media > .pull-left.has-notif i {
+  position: absolute;
+  left: 14px;
+  top: 3px;
+  width: 12px;
+  height: 12px;
+  border-radius: 100%;
+}
+.media > .pull-left.avatar i {
+  left: 4px;
+  top: 1px;
+}
+
+.media-list {
+  background-color: white;
+}
+.media-list > a {
+  text-decoration: none;
+  border-bottom: 1px solid #DDD;
+}
+.media-list > a:hover {
+  background-color: #EEEEEE;
+}
+.media-list > a:last-child {
+  border-bottom: none;
+}
+.media-list > .media {
+  display: block;
+  padding: 8px 15px;
+  margin: 0;
+  line-height: 21px;
+}
+.media-list > .media > .pull-left {
+  display: table-cell;
+  margin-top: 4px;
+}
+.media-list > .media .media-object {
+  width: 50px;
+  height: 50px;
+  text-align: center;
+}
+.media-list > .media .media-object img {
+  width: 30px;
+  height: 30px;
+}
+.media-list > .media > .media-body {
+  display: table-cell;
+}
+.media-list > .media > .media-body > .media-heading {
+  text-transform: capitalize;
+  display: block;
+  font-weight: 600;
+  color: #444;
+  margin-bottom: 0;
+}
+.media-list > .media > .media-body > .media-text {
+  display: block;
+  color: #777;
+  margin: 0;
+  font-size: 13px;
+  min-width: 210px;
+}
+.media-list > .media > .media-body > .media-meta {
+  font-size: 11px !important;
+  margin: 0;
+  color: #8f8f8f;
+}
+.media-list.small > .media {
+  padding: 7px 15px;
+}
+.media-list.small > .media .media-object {
+  width: 38px;
+  height: 38px;
+}
+
+.media-details {
+  padding: 20px;
+}
+.media-details .category {
+  font-size: 11px;
+}
+.media-details .details {
+  margin-top: 20px;
+}
+.media-details .details h4 {
+  font-size: 12px;
+  color: #333;
+  text-transform: uppercase;
+}
+.media-details .table {
+  box-shadow: none;
+}
+.media-details .media-title {
+  font-size: 17px;
+}
+
+/* ========================================================================
+ * MODALS
+ * ======================================================================== */
+.modal .modal-dialog .modal-content {
+  border: 1px solid #DDD;
+}
+.modal .modal-dialog .modal-content .panel-group {
+  margin-bottom: 0px;
+}
+.modal .modal-dialog .modal-content .panel {
+  box-shadow: none;
+  margin-bottom: 0px;
+}
+.modal .modal-dialog .modal-content .modal-footer {
+  padding: 10px;
+  background-color: #F5F5F5;
+  margin-top: 0px;
+  -moz-border-radius: 0px 0px 3px 3px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px 0px 3px 3px;
+}
+.modal.modal-center {
+  padding-top: 10%;
+}
+
+.modal-primary .modal-header {
+  background-color: #00B1E1;
+  color: white;
+  border-bottom: 1px solid #00B1E1;
+  position: relative;
+}
+.modal-primary .modal-header:before {
+  display: block;
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  right: -1px;
+  bottom: -1px;
+  content: "";
+  border-top: 1px solid #00B1E1;
+  border-left: 1px solid #00B1E1;
+  border-right: 1px solid #00B1E1;
+}
+.modal-primary .modal-content {
+  border: 1px solid #00B1E1;
+}
+
+.modal-success .modal-header {
+  background-color: #8CC152;
+  color: white;
+  border-bottom: 1px solid #8CC152;
+  position: relative;
+}
+.modal-success .modal-header:before {
+  display: block;
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  right: -1px;
+  bottom: -1px;
+  content: "";
+  border-top: 1px solid #8CC152;
+  border-left: 1px solid #8CC152;
+  border-right: 1px solid #8CC152;
+}
+.modal-success .modal-content {
+  border: 1px solid #8CC152;
+}
+
+.modal-info .modal-header {
+  background-color: #63D3E9;
+  color: white;
+  border-bottom: 1px solid #63D3E9;
+  position: relative;
+}
+.modal-info .modal-header:before {
+  display: block;
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  right: -1px;
+  bottom: -1px;
+  content: "";
+  border-top: 1px solid #63D3E9;
+  border-left: 1px solid #63D3E9;
+  border-right: 1px solid #63D3E9;
+}
+.modal-info .modal-content {
+  border: 1px solid #63D3E9;
+}
+
+.modal-warning .modal-header {
+  background-color: #F6BB42;
+  color: white;
+  border-bottom: 1px solid #F6BB42;
+  position: relative;
+}
+.modal-warning .modal-header:before {
+  display: block;
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  right: -1px;
+  bottom: -1px;
+  content: "";
+  border-top: 1px solid #F6BB42;
+  border-left: 1px solid #F6BB42;
+  border-right: 1px solid #F6BB42;
+}
+.modal-warning .modal-content {
+  border: 1px solid #F6BB42;
+}
+
+.modal-danger .modal-header {
+  background-color: #E9573F;
+  color: white;
+  border-bottom: 1px solid #E9573F;
+  position: relative;
+}
+.modal-danger .modal-header:before {
+  display: block;
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  right: -1px;
+  bottom: -1px;
+  content: "";
+  border-top: 1px solid #E9573F;
+  border-left: 1px solid #E9573F;
+  border-right: 1px solid #E9573F;
+}
+.modal-danger .modal-content {
+  border: 1px solid #E9573F;
+}
+
+.modal-lilac .modal-header {
+  background-color: #906094;
+  color: white;
+  border-bottom: 1px solid #906094;
+  position: relative;
+}
+.modal-lilac .modal-header:before {
+  display: block;
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  right: -1px;
+  bottom: -1px;
+  content: "";
+  border-top: 1px solid #906094;
+  border-left: 1px solid #906094;
+  border-right: 1px solid #906094;
+}
+.modal-lilac .modal-content {
+  border: 1px solid #906094;
+}
+
+.modal-teal .modal-header {
+  background-color: #37BC9B;
+  color: white;
+  border-bottom: 1px solid #37BC9B;
+  position: relative;
+}
+.modal-teal .modal-header:before {
+  display: block;
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  right: -1px;
+  bottom: -1px;
+  content: "";
+  border-top: 1px solid #37BC9B;
+  border-left: 1px solid #37BC9B;
+  border-right: 1px solid #37BC9B;
+}
+.modal-teal .modal-content {
+  border: 1px solid #37BC9B;
+}
+
+.modal-photo-viewer {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  top: 50%;
+  left: 50%;
+  width: auto;
+  position: absolute;
+}
+.modal-photo-viewer .modal-content {
+  position: relative;
+  width: 900px;
+  height: auto;
+  margin-left: -50%;
+  margin-top: -200px;
+}
+.modal-photo-viewer .row {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+.modal-photo-viewer .modal-photo-left, .modal-photo-viewer .modal-photo-right {
+  padding: 0px;
+}
+.modal-photo-viewer .modal-photo-right .media-details {
+  padding: 10px;
+}
+.modal-photo-viewer .modal-photo-right .media-details .media-title {
+  margin-top: 13px;
+}
+.modal-photo-viewer .modal-photo {
+  top: 50%;
+  position: relative;
+}
+.modal-photo-viewer .photo {
+  max-height: 539px;
+  margin: auto;
+}
+
+@media (max-width: 800px) {
+  .modal-photo-viewer .modal-content {
+    width: 80%;
+    margin-left: -42%;
+  }
+  .modal-photo-viewer .modal-photo-left {
+    -moz-border-radius: 3px 3px 0px 0px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px 3px 0px 0px;
+  }
+}
+@media (max-width: 480px) {
+  .modal-photo-viewer .modal-content {
+    width: 50%;
+    margin-left: -27%;
+  }
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination {
+  vertical-align: middle;
+}
+
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+/* ========================================================================
+ * TABLE OF CONTENT
+ * ========================================================================
+   01. PANEL
+   02. PANEL HEADING
+   03. PANEL SUB HEADING
+   04. PANEL BODY
+   05. PANEL FOOTER
+   06. CONTEXTUAL CLASSES PANEL
+   07. PANEL SCROLLABLE
+   08. PANEL TAB
+   09. PANEL TAB DOUBLE
+   10. PANEL TAB VERTICAL
+   11. PANEL GROUP
+ * ======================================================================== */
+.panel {
+  border: none;
+  position: relative;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.panel.panel-fullsize {
+  position: fixed;
+  width: 96%;
+  top: 25px;
+  left: 25px;
+  z-index: 9999;
+}
+.panel.panel-fullsize .chartjs {
+  max-width: inherit !important;
+  height: 470px !important;
+}
+.panel .panel-heading {
+  padding: 5px;
+  border-top-right-radius: 3px;
+  border-top-left-radius: 3px;
+  border-bottom: 1px solid #DDD;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.panel .panel-heading .has-feedback .form-control {
+  padding-right: 0;
+}
+.panel .panel-heading > .pull-right {
+  margin-top: 5px;
+  margin-right: 5px;
+}
+.panel .panel-heading > .pull-right > i {
+  padding: 5px;
+}
+.panel .panel-heading > .pull-right > .progress {
+  min-width: 120px;
+}
+.panel .panel-heading .panel-title {
+  padding: 10px;
+  font-size: 17px;
+}
+.panel .panel-heading .panel-title > i {
+  margin-right: 5px;
+}
+.panel .panel-heading > .panel-title {
+  vertical-align: middle;
+}
+.panel .panel-heading .nav > li > a {
+  padding: 10px;
+}
+.panel .panel-search {
+  padding: 15px;
+  position: relative;
+  color: #333;
+  display: none;
+  background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+.panel .panel-search i {
+  position: absolute;
+  right: 25px;
+  top: 25px;
+  color: #A2A2A2;
+}
+.panel .panel-sub-heading {
+  display: block;
+  background-color: #FBFBFB;
+  border-bottom: 1px solid #CFD9DB;
+}
+.panel .panel-sub-heading h4 {
+  margin: 0px;
+}
+.panel .panel-sub-heading p {
+  margin: 0px;
+  font-size: 13px;
+  color: #999;
+}
+.panel .panel-body {
+  position: relative;
+  background-color: #FBFBFB;
+  padding: 10px;
+}
+.panel .panel-body .table-responsive {
+  margin-top: -1px;
+}
+.panel .panel-body.out {
+  display: none;
+}
+.panel .panel-body .sample-wrapper p {
+  font-size: 13px;
+  color: #999;
+}
+.panel .panel-body .page-header:first-child {
+  margin-top: 10px;
+}
+.panel .panel-body .list-group .list-group-item {
+  border-top: none;
+  border-right: none;
+  border-bottom: 2px solid #DDD;
+  border-left: none;
+  -webkit-border-top-left-radius: 0px;
+  -moz-border-radius-topleft: 0px;
+  border-top-left-radius: 0px;
+  -webkit-border-top-right-radius: 0px;
+  -moz-border-radius-topright: 0px;
+  border-top-right-radius: 0px;
+}
+.panel .panel-body .list-group .list-group-item:last-child {
+  border-bottom: none !important;
+}
+.panel .panel-body table {
+  margin-bottom: 0px;
+}
+.panel .panel-body table thead tr th {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.panel .panel-footer {
+  padding: 10px;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.panel.panel-default .panel-heading .option .btn:hover {
+  background-color: #e1e1e1;
+}
+.panel.rounded .ribbon-wrapper + .panel-body {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+.panel.no-overflow .panel-body, .panel.no-overflow .panel-footer, .panel.no-overflow .form-footer {
+  -moz-border-radius: 0px 0px 3px 3px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px 0px 3px 3px;
+}
+
+.panel-primary > .panel-heading {
+  background-color: #00B1E1;
+  border: 1px solid #00addc;
+  color: white;
+}
+.panel-primary > .panel-heading .option .btn:hover {
+  background-color: #009dc8;
+  color: white;
+}
+.panel-primary > .panel-heading .option .btn i {
+  color: white;
+}
+
+.panel-bg-primary .panel-body {
+  background-color: #00B1E1;
+  color: white;
+}
+.panel-bg-primary .panel-body .text-muted {
+  color: #f2f2f2;
+}
+
+.panel-success > .panel-heading {
+  background-color: #8CC152;
+  border: 1px solid #8ac04e;
+  color: white;
+}
+.panel-success > .panel-heading .option .btn:hover {
+  background-color: #7fb842;
+  color: white;
+}
+.panel-success > .panel-heading .option .btn i {
+  color: white;
+}
+
+.panel-bg-success .panel-body {
+  background-color: #8CC152;
+  color: white;
+}
+.panel-bg-success .panel-body .text-muted {
+  color: #f2f2f2;
+}
+
+.panel-info > .panel-heading {
+  background-color: #63D3E9;
+  border: 1px solid #5fd2e8;
+  color: white;
+}
+.panel-info > .panel-heading .option .btn:hover {
+  background-color: #4dcde6;
+  color: white;
+}
+.panel-info > .panel-heading .option .btn i {
+  color: white;
+}
+
+.panel-bg-info .panel-body {
+  background-color: #63D3E9;
+  color: white;
+}
+.panel-bg-info .panel-body .text-muted {
+  color: #f2f2f2;
+}
+
+.panel-warning > .panel-heading {
+  background-color: #F6BB42;
+  border: 1px solid #f6b93d;
+  color: white;
+}
+.panel-warning > .panel-heading .option .btn:hover {
+  background-color: #f5b22a;
+  color: white;
+}
+.panel-warning > .panel-heading .option .btn i {
+  color: white;
+}
+
+.panel-bg-warning .panel-body {
+  background-color: #F6BB42;
+  color: white;
+}
+.panel-bg-warning .panel-body .text-muted {
+  color: #f2f2f2;
+}
+
+.panel-danger > .panel-heading {
+  background-color: #E9573F;
+  border: 1px solid #e8533a;
+  color: white;
+}
+.panel-danger > .panel-heading .option .btn:hover {
+  background-color: #e64328;
+  color: white;
+}
+.panel-danger > .panel-heading .option .btn i {
+  color: white;
+}
+
+.panel-bg-danger .panel-body {
+  background-color: #E9573F;
+  color: white;
+}
+.panel-bg-danger .panel-body .text-muted {
+  color: #f2f2f2;
+}
+
+.panel-inverse > .panel-heading {
+  background-color: #2A2A2A;
+  border: 1px solid #272727;
+  color: white;
+}
+.panel-inverse > .panel-heading .option .btn:hover {
+  background-color: #1d1d1d;
+  color: white;
+}
+.panel-inverse > .panel-heading .option .btn i {
+  color: white;
+}
+
+.panel-bg-inverse .panel-body {
+  background-color: #2A2A2A;
+  color: white;
+}
+.panel-bg-inverse .panel-body .text-muted {
+  color: #f2f2f2;
+}
+
+.panel-lilac > .panel-heading {
+  background-color: #906094;
+  border: 1px solid #8d5e91;
+  color: white;
+}
+.panel-lilac > .panel-heading .option .btn:hover {
+  background-color: #815685;
+  color: white;
+}
+.panel-lilac > .panel-heading .option .btn i {
+  color: white;
+}
+
+.panel-bg-lilac .panel-body {
+  background-color: #906094;
+  color: white;
+}
+.panel-bg-lilac .panel-body .text-muted {
+  color: #f2f2f2;
+}
+
+.panel-teal .panel-heading {
+  background-color: #37BC9B;
+  border: 1px solid #36b898;
+  color: white;
+}
+.panel-teal .panel-heading .option .btn:hover {
+  background-color: #31a88b;
+  color: white;
+}
+.panel-teal .panel-heading .option .btn i {
+  color: white;
+}
+
+.panel-bg-teal .panel-body {
+  background-color: #37BC9B;
+  color: white;
+}
+.panel-bg-teal .panel-body .text-muted {
+  color: #f2f2f2;
+}
+
+.panel-scrollable .panel-body {
+  height: 300px;
+}
+
+.panel-tab {
+  background-color: #FBFBFB;
+}
+.panel-tab .panel-heading ul {
+  position: relative;
+  overflow: visible;
+  list-style: none;
+  margin: 0px;
+  padding: 0px;
+  display: inline-block;
+  border: none;
+  margin-bottom: -6px;
+}
+.panel-tab .panel-heading ul li {
+  line-height: 25px;
+}
+.panel-tab .panel-heading ul li.active {
+  color: #444;
+}
+.panel-tab .panel-heading ul li.active a {
+  color: #444;
+  background: #F7F7F7;
+}
+.panel-tab .panel-heading ul li.active a:hover {
+  background: #F7F7F7;
+}
+.panel-tab .panel-heading ul li.active a i {
+  color: #81B71A;
+}
+.panel-tab .panel-heading ul li a {
+  width: auto;
+  margin: 0px;
+  display: block;
+  padding: 10px 15px;
+  position: relative;
+  overflow: hidden;
+  color: #999;
+  text-decoration: none;
+  border: none;
+  border-right: 1px solid #DDD;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.panel-tab .panel-heading ul li a:hover, .panel-tab .panel-heading ul li a:focus {
+  border: none;
+  border-right: 1px solid #DDD;
+}
+.panel-tab .panel-heading ul li a:hover {
+  background-color: transparent;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #81B71A;
+}
+.panel-tab .panel-heading ul li a > i, .panel-tab .panel-heading ul li a > span {
+  margin: 0px auto;
+  text-align: center;
+}
+.panel-tab .panel-heading ul li a > div {
+  text-align: center;
+}
+.panel-tab .panel-heading ul li a i {
+  width: 100%;
+  height: 30px;
+  line-height: 20px;
+  font-size: 25px;
+  color: #CCC;
+}
+.panel-tab .panel-heading ul li a span {
+  display: block;
+  line-height: 15px;
+}
+.panel-tab .panel-sub-heading {
+  background: #F7F7F7;
+}
+.panel-tab .panel-body {
+  background: #F7F7F7;
+}
+.panel-tab .panel-body .tab-content {
+  background: #F7F7F7;
+  padding: 0px;
+  margin: 0px;
+  box-shadow: none;
+}
+.panel-tab .panel-body .tab-content .tab-pane > h4 {
+  margin-top: 0px;
+}
+.panel-tab .panel-body .tab-content .tab-pane > p {
+  margin: 0px;
+}
+.panel-tab .nav-pills > li + li {
+  margin-left: 0px;
+}
+
+@media (max-width: 360px) {
+  .panel-tab .panel-heading .pull-right {
+    float: inherit !important;
+    display: block;
+    width: 100%;
+  }
+  .panel-tab .panel-heading ul li {
+    width: 100%;
+  }
+}
+.panel-tab-double .panel-heading ul li {
+  min-width: 100px;
+}
+.panel-tab-double .panel-heading ul li a {
+  padding: 15px 15px 15px 15px;
+}
+.panel-tab-double .panel-heading ul li a > i, .panel-tab-double .panel-heading ul li a > div {
+  float: left;
+}
+.panel-tab-double .panel-heading ul li a > div {
+  text-align: left;
+}
+.panel-tab-double .panel-heading ul li a > div span:last-child {
+  margin-top: 3px;
+}
+.panel-tab-double .panel-heading ul li a i {
+  margin-top: 5px;
+  margin-right: 5px;
+  width: 35px;
+  height: 35px;
+}
+
+@media (max-width: 640px) {
+  .panel-tab.panel-tab-double .panel-heading ul li {
+    width: 100%;
+  }
+}
+.panel-tab-vertical {
+  padding-bottom: 5px;
+}
+.panel-tab-vertical .panel-heading {
+  border-bottom: none;
+}
+.panel-tab-vertical .panel-heading ul {
+  display: block;
+  height: auto;
+}
+.panel-tab-vertical .panel-heading ul li {
+  float: none;
+  display: block;
+  border-right: none;
+  border-bottom: 1px solid #EFEFEF;
+}
+.panel-tab-vertical .panel-heading ul li a {
+  min-height: 40px;
+}
+.panel-tab-vertical .panel-heading ul li:first-child a {
+  -webkit-border-top-left-radius: 3px;
+  -moz-border-radius-topleft: 3px;
+  border-top-left-radius: 3px;
+}
+.panel-tab-vertical .panel-heading ul li:last-child a {
+  -webkit-border-bottom-left-radius: 3px;
+  -moz-border-radius-bottomleft: 3px;
+  border-bottom-left-radius: 3px;
+}
+.panel-tab-vertical .panel-body {
+  box-shadow: none;
+}
+
+.panel-group .panel {
+  border-top: 1px solid #DDD;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.panel-group .panel:first-child {
+  border-top: none;
+  -webkit-border-top-left-radius: 3px;
+  -moz-border-radius-topleft: 3px;
+  border-top-left-radius: 3px;
+  -webkit-border-top-right-radius: 3px;
+  -moz-border-radius-topright: 3px;
+  border-top-right-radius: 3px;
+}
+.panel-group .panel:last-child {
+  -webkit-border-bottom-left-radius: 3px;
+  -moz-border-radius-bottomleft: 3px;
+  border-bottom-left-radius: 3px;
+  -webkit-border-bottom-right-radius: 3px;
+  -moz-border-radius-bottomright: 3px;
+  border-bottom-right-radius: 3px;
+}
+.panel-group .panel + .panel {
+  margin-top: 0px;
+}
+.panel-group .panel .panel-heading {
+  padding: 0px;
+}
+.panel-group .panel .panel-heading .panel-title {
+  padding: 0px;
+}
+.panel-group .panel .panel-heading .panel-title a {
+  padding: 14px 15px;
+  display: block;
+  text-decoration: none;
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+.panel-group .panel .panel-heading .panel-title a:hover {
+  background-color: #F3F3F3;
+}
+
+.panel-fullsize-backdrop {
+  position: fixed;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+  z-index: 1040;
+  background-color: rgba(0, 0, 0, 0.27);
+}
+
+/* ========================================================================
+ * PROGRESS BAR
+ * ======================================================================== */
+.progress {
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.progress.progress-lg {
+  height: 25px;
+}
+.progress.progress-sm {
+  height: 15px;
+}
+.progress.progress-xs {
+  height: 10px;
+}
+.progress.progress-xxs {
+  height: 5px;
+}
+
+.progress-bar-primary {
+  background-color: #00B1E1;
+}
+
+.progress-bar-success {
+  background-color: #8CC152;
+}
+
+.progress-bar-info {
+  background-color: #63D3E9;
+}
+
+.progress-bar-warning {
+  background-color: #F6BB42;
+}
+
+.progress-bar-danger {
+  background-color: #E9573F;
+}
+
+.progress-bar-lilac {
+  background-color: #906094;
+}
+
+.progress-bar-inverse {
+  background-color: #2A2A2A;
+}
+
+.progress-bar-teal {
+  background-color: #37BC9B;
+}
+
+/* ========================================================================
+ * IE SUPPORT
+ * ======================================================================== */
+.ie8 .progress-striped .hidden-ie, .ie9 .progress-striped .hidden-ie {
+  display: none !important;
+}
+
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating {
+  unicode-bidi: bidi-override;
+  direction: rtl;
+  font-size: 13px;
+}
+.rating.rating-2x {
+  font-size: 26px;
+}
+.rating.rating-3x {
+  font-size: 39px;
+}
+.rating.rating-4x {
+  font-size: 52px;
+}
+.rating.rating-5x {
+  font-size: 65px;
+}
+.rating .star {
+  font-family: "FontAwesome";
+  font-weight: normal;
+  font-style: normal;
+  display: inline-block;
+  cursor: pointer;
+}
+.rating .star:hover:before {
+  content: "\f005";
+}
+.rating .star:before {
+  content: "\f006";
+  padding-right: 0;
+}
+.rating .star.active:before {
+  content: "\f005";
+}
+.rating .star.active ~ .star:before {
+  content: "\f005";
+}
+
+.rating-primary .star:hover:before {
+  color: #00B1E1 !important;
+}
+.rating-primary .star.active:before {
+  color: #00B1E1 !important;
+}
+.rating-primary .star.active ~ .star:before {
+  color: #00B1E1 !important;
+}
+
+.rating-success .star:hover:before {
+  color: #8CC152 !important;
+}
+.rating-success .star.active:before {
+  color: #8CC152 !important;
+}
+.rating-success .star.active ~ .star:before {
+  color: #8CC152 !important;
+}
+
+.rating-info .star:hover:before {
+  color: #63D3E9 !important;
+}
+.rating-info .star.active:before {
+  color: #63D3E9 !important;
+}
+.rating-info .star.active ~ .star:before {
+  color: #63D3E9 !important;
+}
+
+.rating-warning .star:hover:before {
+  color: #F6BB42 !important;
+}
+.rating-warning .star.active:before {
+  color: #F6BB42 !important;
+}
+.rating-warning .star.active ~ .star:before {
+  color: #F6BB42 !important;
+}
+
+.rating-danger .star:hover:before {
+  color: #E9573F !important;
+}
+.rating-danger .star.active:before {
+  color: #E9573F !important;
+}
+.rating-danger .star.active ~ .star:before {
+  color: #E9573F !important;
+}
+
+.rating-lilac .star:hover:before {
+  color: #906094 !important;
+}
+.rating-lilac .star.active:before {
+  color: #906094 !important;
+}
+.rating-lilac .star.active ~ .star:before {
+  color: #906094 !important;
+}
+
+.rating-teals .star:hover:before {
+  color: #37BC9B !important;
+}
+.rating-teals .star.active:before {
+  color: #37BC9B !important;
+}
+.rating-teals .star.active ~ .star:before {
+  color: #37BC9B !important;
+}
+
+.rating-inverse .star:hover:before {
+  color: #2A2A2A !important;
+}
+.rating-inverse .star.active:before {
+  color: #2A2A2A !important;
+}
+.rating-inverse .star.active ~ .star:before {
+  color: #2A2A2A !important;
+}
+
+/* ========================================================================
+ * RIBBONS
+ * ======================================================================== */
+.ribbon-wrapper {
+  width: 85px;
+  height: 88px;
+  overflow: hidden;
+  position: absolute;
+  top: -4px;
+  right: -2px;
+  z-index: 250;
+}
+.ribbon-wrapper.top-left {
+  left: -2px;
+}
+.ribbon-wrapper.top-left .ribbon {
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  left: -30px;
+}
+.ribbon-wrapper.bottom-right {
+  right: -2px;
+  bottom: -2px;
+  top: inherit;
+}
+.ribbon-wrapper.bottom-right .ribbon {
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  left: -6px;
+  top: 40px;
+}
+.ribbon-wrapper.bottom-left {
+  left: -3px;
+  bottom: -3px;
+  top: inherit;
+}
+.ribbon-wrapper.bottom-left .ribbon {
+  left: -28px;
+  top: 40px;
+}
+.ribbon-wrapper .ribbon {
+  display: block;
+  font-size: 13px;
+  font-weight: 600;
+  color: #FFF;
+  text-align: center;
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
+  position: relative;
+  padding: 7px 0;
+  left: -5px;
+  top: 15px;
+  width: 120px;
+  line-height: 20px;
+  text-decoration: none;
+  cursor: pointer;
+  background-color: #797979;
+}
+.ribbon-wrapper .ribbon:before {
+  left: 0;
+  bottom: -1px;
+}
+.ribbon-wrapper .ribbon:after {
+  right: 0;
+}
+.ribbon-wrapper .ribbon:before, .ribbon-wrapper .ribbon:after {
+  content: "";
+  border-top: 2px solid #797979;
+  border-left: 2px solid transparent;
+  border-right: 2px solid transparent;
+  position: absolute;
+  bottom: -2px;
+}
+.ribbon-wrapper .ribbon.ribbon-shadow {
+  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
+}
+.ribbon-wrapper .ribbon.transparent {
+  background-color: RGBA(121, 121, 121, 0.34) !important;
+  border: none !important;
+}
+
+.ribbon-default {
+  background-color: #EEEEEE !important;
+}
+.ribbon-default:before, .ribbon-default:after {
+  border-top: 2px solid #EEEEEE !important;
+}
+.ribbon-default.transparent {
+  background-color: fade(#EEEEEE, 40%) !important;
+}
+.ribbon-default.transparent:before, .ribbon-default.transparent:after {
+  border-top: 2px solid fade(#EEEEEE, 40%) !important;
+}
+.ribbon-default.ribbon-shadow {
+  -moz-box-shadow: 0 0 3px fade(#EEEEEE, 50%) !important;
+  -webkit-box-shadow: 0 0 3px fade(#EEEEEE, 50%) !important;
+  box-shadow: 0 0 3px fade(#EEEEEE, 50%) !important;
+}
+
+.ribbon-primary {
+  background-color: #00B1E1 !important;
+}
+.ribbon-primary:before, .ribbon-primary:after {
+  border-top: 2px solid #00B1E1 !important;
+}
+.ribbon-primary.transparent {
+  background-color: fade(#00B1E1, 40%) !important;
+}
+.ribbon-primary.transparent:before, .ribbon-primary.transparent:after {
+  border-top: 2px solid fade(#00B1E1, 40%) !important;
+}
+.ribbon-primary.ribbon-shadow {
+  -moz-box-shadow: 0 0 3px fade(#00B1E1, 50%) !important;
+  -webkit-box-shadow: 0 0 3px fade(#00B1E1, 50%) !important;
+  box-shadow: 0 0 3px fade(#00B1E1, 50%) !important;
+}
+
+.ribbon-success {
+  background-color: #8CC152 !important;
+}
+.ribbon-success:before, .ribbon-success:after {
+  border-top: 2px solid #8CC152 !important;
+}
+.ribbon-success.transparent {
+  background-color: fade(#8CC152, 40%) !important;
+}
+.ribbon-success.transparent:before, .ribbon-success.transparent:after {
+  border-top: 2px solid fade(#8CC152, 40%) !important;
+}
+.ribbon-success.ribbon-shadow {
+  -moz-box-shadow: 0 0 3px fade(#8CC152, 50%) !important;
+  -webkit-box-shadow: 0 0 3px fade(#8CC152, 50%) !important;
+  box-shadow: 0 0 3px fade(#8CC152, 50%) !important;
+}
+
+.ribbon-info {
+  background-color: #63D3E9 !important;
+}
+.ribbon-info:before, .ribbon-info:after {
+  border-top: 2px solid #63D3E9 !important;
+}
+.ribbon-info.transparent {
+  background-color: fade(#63D3E9, 40%) !important;
+}
+.ribbon-info.transparent:before, .ribbon-info.transparent:after {
+  border-top: 2px solid fade(#63D3E9, 40%) !important;
+}
+.ribbon-info.ribbon-shadow {
+  -moz-box-shadow: 0 0 3px fade(#63D3E9, 50%) !important;
+  -webkit-box-shadow: 0 0 3px fade(#63D3E9, 50%) !important;
+  box-shadow: 0 0 3px fade(#63D3E9, 50%) !important;
+}
+
+.ribbon-warning {
+  background-color: #F6BB42 !important;
+}
+.ribbon-warning:before, .ribbon-warning:after {
+  border-top: 2px solid #F6BB42 !important;
+}
+.ribbon-warning.transparent {
+  background-color: fade(#F6BB42, 40%) !important;
+}
+.ribbon-warning.transparent:before, .ribbon-warning.transparent:after {
+  border-top: 2px solid fade(#F6BB42, 40%) !important;
+}
+.ribbon-warning.ribbon-shadow {
+  -moz-box-shadow: 0 0 3px fade(#F6BB42, 50%) !important;
+  -webkit-box-shadow: 0 0 3px fade(#F6BB42, 50%) !important;
+  box-shadow: 0 0 3px fade(#F6BB42, 50%) !important;
+}
+
+.ribbon-danger {
+  background-color: #E9573F !important;
+}
+.ribbon-danger:before, .ribbon-danger:after {
+  border-top: 2px solid #E9573F !important;
+}
+.ribbon-danger.transparent {
+  background-color: fade(#E9573F, 40%) !important;
+}
+.ribbon-danger.transparent:before, .ribbon-danger.transparent:after {
+  border-top: 2px solid fade(#E9573F, 40%) !important;
+}
+.ribbon-danger.ribbon-shadow {
+  -moz-box-shadow: 0 0 3px fade(#E9573F, 50%) !important;
+  -webkit-box-shadow: 0 0 3px fade(#E9573F, 50%) !important;
+  box-shadow: 0 0 3px fade(#E9573F, 50%) !important;
+}
+
+.ribbon-lilac {
+  background-color: #906094 !important;
+}
+.ribbon-lilac:before, .ribbon-lilac:after {
+  border-top: 2px solid #906094 !important;
+}
+.ribbon-lilac.transparent {
+  background-color: fade(#906094, 40%) !important;
+}
+.ribbon-lilac.transparent:before, .ribbon-lilac.transparent:after {
+  border-top: 2px solid fade(#906094, 40%) !important;
+}
+.ribbon-lilac.ribbon-shadow {
+  -moz-box-shadow: 0 0 3px fade(#906094, 50%) !important;
+  -webkit-box-shadow: 0 0 3px fade(#906094, 50%) !important;
+  box-shadow: 0 0 3px fade(#906094, 50%) !important;
+}
+
+.ribbon-teals {
+  background-color: #37BC9B !important;
+}
+.ribbon-teals:before, .ribbon-teals:after {
+  border-top: 2px solid #37BC9B !important;
+}
+.ribbon-teals.transparent {
+  background-color: fade(#37BC9B, 40%) !important;
+}
+.ribbon-teals.transparent:before, .ribbon-teals.transparent:after {
+  border-top: 2px solid fade(#37BC9B, 40%) !important;
+}
+.ribbon-teals.ribbon-shadow {
+  -moz-box-shadow: 0 0 3px fade(#37BC9B, 50%) !important;
+  -webkit-box-shadow: 0 0 3px fade(#37BC9B, 50%) !important;
+  box-shadow: 0 0 3px fade(#37BC9B, 50%) !important;
+}
+
+.ribbon-inverse {
+  background-color: #2A2A2A !important;
+}
+.ribbon-inverse:before, .ribbon-inverse:after {
+  border-top: 2px solid #2A2A2A !important;
+}
+.ribbon-inverse.transparent {
+  background-color: fade(#2A2A2A, 40%) !important;
+}
+.ribbon-inverse.transparent:before, .ribbon-inverse.transparent:after {
+  border-top: 2px solid fade(#2A2A2A, 40%) !important;
+}
+.ribbon-inverse.ribbon-shadow {
+  -moz-box-shadow: 0 0 3px fade(#2A2A2A, 50%) !important;
+  -webkit-box-shadow: 0 0 3px fade(#2A2A2A, 50%) !important;
+  box-shadow: 0 0 3px fade(#2A2A2A, 50%) !important;
+}
+
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table {
+  margin-bottom: 0px;
+}
+.table thead tr th {
+  background-color: #EEEEEE;
+  border-color: #e1e1e1 #e1e1e1 gainsboro;
+  vertical-align: middle;
+  border-width: 1px 1px 7px;
+  border-style: solid;
+  font-weight: 400;
+  font-size: 13px;
+}
+.table thead tr th:first-child {
+  border-left: none;
+}
+.table thead tr th:last-child {
+  border-right: none;
+}
+.table thead .sorting:after {
+  margin-left: 5px;
+  content: "\f0dc";
+  font-family: 'FontAwesome';
+}
+.table thead .sorting_asc:after {
+  margin-left: 5px;
+  content: "\f0dd";
+  font-family: 'FontAwesome';
+}
+.table thead .sorting_desc:after {
+  margin-left: 5px;
+  content: "\f0de";
+  font-family: 'FontAwesome';
+}
+.table thead .sorting_asc_disabled:after {
+  margin-left: 5px;
+  color: rgba(255, 255, 255, 0.3);
+  content: "\f0dd";
+  font-family: 'FontAwesome';
+}
+.table thead .sorting_desc_disabled:after {
+  margin-left: 5px;
+  color: rgba(255, 255, 255, 0.3);
+  content: "\f0de";
+  font-family: 'FontAwesome';
+}
+.table tbody tr.border-danger td {
+  background: inherit !important;
+}
+.table tbody tr.border-danger td:first-child {
+  position: relative;
+  padding-left: 10px;
+}
+.table tbody tr.border-danger td:first-child:before {
+  border-left: 3px solid #E9573F;
+  content: "";
+  display: block;
+  position: absolute;
+  left: 0;
+  top: -1px;
+  bottom: 0;
+}
+.table tbody tr.border-success td {
+  background: inherit !important;
+}
+.table tbody tr.border-success td:first-child {
+  position: relative;
+  padding-left: 10px;
+}
+.table tbody tr.border-success td:first-child:before {
+  border-left: 3px solid #8CC152;
+  content: "";
+  display: block;
+  position: absolute;
+  left: 0;
+  top: -1px;
+  bottom: 0;
+}
+.table tbody tr.border-primary td {
+  background: inherit !important;
+}
+.table tbody tr.border-primary td:first-child {
+  position: relative;
+  padding-left: 10px;
+}
+.table tbody tr.border-primary td:first-child:before {
+  border-left: 3px solid #00B1E1;
+  content: "";
+  display: block;
+  position: absolute;
+  left: 0;
+  top: -1px;
+  bottom: 0;
+}
+.table tbody tr.border-info td {
+  background: inherit !important;
+}
+.table tbody tr.border-info td:first-child {
+  position: relative;
+  padding-left: 10px;
+}
+.table tbody tr.border-info td:first-child:before {
+  border-left: 3px solid #63D3E9;
+  content: "";
+  display: block;
+  position: absolute;
+  left: 0;
+  top: -1px;
+  bottom: 0;
+}
+.table tbody tr.border-warning td {
+  background: inherit !important;
+}
+.table tbody tr.border-warning td:first-child {
+  position: relative;
+  padding-left: 10px;
+}
+.table tbody tr.border-warning td:first-child:before {
+  border-left: 3px solid #F6BB42;
+  content: "";
+  display: block;
+  position: absolute;
+  left: 0;
+  top: -1px;
+  bottom: 0;
+}
+.table tbody tr.border-inverse td {
+  background: inherit !important;
+}
+.table tbody tr.border-inverse td:first-child {
+  position: relative;
+  padding-left: 10px;
+}
+.table tbody tr.border-inverse td:first-child:before {
+  border-left: 3px solid #2A2A2A;
+  content: "";
+  display: block;
+  position: absolute;
+  left: 0;
+  top: -1px;
+  bottom: 0;
+}
+.table tbody tr.border-lilac td {
+  background: inherit !important;
+}
+.table tbody tr.border-lilac td:first-child {
+  position: relative;
+  padding-left: 10px;
+}
+.table tbody tr.border-lilac td:first-child:before {
+  border-left: 3px solid #906094;
+  content: "";
+  display: block;
+  position: absolute;
+  left: 0;
+  top: -1px;
+  bottom: 0;
+}
+.table tbody tr:first-child td:first-child:before {
+  top: 2px !important;
+}
+.table tbody tr td {
+  background-color: #FBFBFB;
+}
+.table tbody tr td > a {
+  margin-right: 5px;
+}
+.table tbody tr td > a i {
+  color: #636E7B;
+}
+.table tbody tr td .btn.btn-success i, .table tbody tr td .btn.btn-danger i, .table tbody tr td .btn.btn-primary i, .table tbody tr td .btn.btn-info i, .table tbody tr td .btn.btn-warning i {
+  color: white;
+}
+.table tfoot tr th {
+  vertical-align: middle;
+  background-color: #EEEEEE;
+  border-width: 7px 1px 1px;
+  border-style: solid;
+  border-color: gainsboro #e1e1e1 #e1e1e1;
+  font-weight: 400;
+  font-size: 13px;
+  border-bottom: none;
+  padding-left: 18px;
+  padding-right: 18px;
+}
+.table tfoot tr th:first-child {
+  border-left: none;
+}
+.table tfoot tr th:last-child {
+  border-right: none;
+}
+.table.table-striped tbody tr:nth-child(odd) td, .table.table-striped tbody tr:nth-child(odd) th {
+  background-color: #ecedef;
+}
+
+table.table-bordered tbody tr td:first-child:before {
+  left: -2px !important;
+}
+
+table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
+  background: none;
+}
+
+.table-primary thead tr th {
+  background-color: #00B1E1 !important;
+  border-color: #00c5fb #00c5fb #0095bd !important;
+  color: #fff;
+}
+.table-primary tbody tr td.sorting_1 {
+  background: #24d0ff !important;
+  color: white;
+  border-bottom: 1px solid #48d8ff !important;
+}
+.table-primary tfoot tr th {
+  background-color: #00B1E1 !important;
+  border-color: #0095bd #00c5fb #00c5fb !important;
+  color: #fff;
+}
+.table-primary.table-bordered {
+  border: 1px solid #00B1E1;
+}
+.table-primary.table-bordered thead tr th:first-child, .table-primary.table-bordered thead tr th:last-child, .table-primary.table-bordered tfoot tr th:first-child, .table-primary.table-bordered tfoot tr th:last-child {
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+.table-primary.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #48d8ff !important;
+}
+.table-primary table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-primary table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+
+.table-success thead tr th {
+  background-color: #8CC152 !important;
+  border-color: #98c865 #98c865 #7ab03f !important;
+  color: #fff;
+}
+.table-success tbody tr td.sorting_1 {
+  background: #acd283 !important;
+  color: white;
+  border-bottom: 1px solid #bedc9d !important;
+}
+.table-success tfoot tr th {
+  background-color: #8CC152 !important;
+  border-color: #7ab03f #98c865 #98c865 !important;
+  color: #fff;
+}
+.table-success.table-bordered {
+  border: 1px solid #8CC152;
+}
+.table-success.table-bordered thead tr th:first-child, .table-success.table-bordered thead tr th:last-child, .table-success.table-bordered tfoot tr th:first-child, .table-success.table-bordered tfoot tr th:last-child {
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+.table-success.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #bedc9d !important;
+}
+.table-success table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-success table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+
+.table-info thead tr th {
+  background-color: #63D3E9 !important;
+  border-color: #79d9ec #79d9ec #44cae5 !important;
+  color: #fff;
+}
+.table-info tbody tr td.sorting_1 {
+  background: #9de3f1 !important;
+  color: white;
+  border-bottom: 1px solid #bcecf6 !important;
+}
+.table-info tfoot tr th {
+  background-color: #63D3E9 !important;
+  border-color: #44cae5 #79d9ec #79d9ec !important;
+  color: #fff;
+}
+.table-info.table-bordered {
+  border: 1px solid #63D3E9;
+}
+.table-info.table-bordered thead tr th:first-child, .table-info.table-bordered thead tr th:last-child, .table-info.table-bordered tfoot tr th:first-child, .table-info.table-bordered tfoot tr th:last-child {
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+.table-info.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #bcecf6 !important;
+}
+.table-info table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-info table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+
+.table-warning thead tr th {
+  background-color: #F6BB42 !important;
+  border-color: #f7c45a #f7c45a #f4af20 !important;
+  color: #fff;
+}
+.table-warning tbody tr td.sorting_1 {
+  background: #f9d281 !important;
+  color: white;
+  border-bottom: 1px solid #fbdea3 !important;
+}
+.table-warning tfoot tr th {
+  background-color: #F6BB42 !important;
+  border-color: #f4af20 #f7c45a #f7c45a !important;
+  color: #fff;
+}
+.table-warning.table-bordered {
+  border: 1px solid #F6BB42;
+}
+.table-warning.table-bordered thead tr th:first-child, .table-warning.table-bordered thead tr th:last-child, .table-warning.table-bordered tfoot tr th:first-child, .table-warning.table-bordered tfoot tr th:last-child {
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+.table-warning.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #fbdea3 !important;
+}
+.table-warning table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-warning table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+
+.table-danger thead tr th {
+  background-color: #E9573F !important;
+  border-color: #ec6b56 #ec6b56 #e53b1f !important;
+  color: #fff;
+}
+.table-danger tbody tr td.sorting_1 {
+  background: #f08b7a !important;
+  color: white;
+  border-bottom: 1px solid #f3a79b !important;
+}
+.table-danger tfoot tr th {
+  background-color: #E9573F !important;
+  border-color: #e53b1f #ec6b56 #ec6b56 !important;
+  color: #fff;
+}
+.table-danger.table-bordered {
+  border: 1px solid #E9573F;
+}
+.table-danger.table-bordered thead tr th:first-child, .table-danger.table-bordered thead tr th:last-child, .table-danger.table-bordered tfoot tr th:first-child, .table-danger.table-bordered tfoot tr th:last-child {
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+.table-danger.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #f3a79b !important;
+}
+.table-danger table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-danger table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+
+.table-lilac thead tr th {
+  background-color: #906094 !important;
+  border-color: #9c6da0 #9c6da0 #7b527e !important;
+  color: #fff;
+}
+.table-lilac tbody tr td.sorting_1 {
+  background: #ad86b0 !important;
+  color: white;
+  border-bottom: 1px solid #bc9cbe !important;
+}
+.table-lilac tfoot tr th {
+  background-color: #906094 !important;
+  border-color: #7b527e #9c6da0 #9c6da0 !important;
+  color: #fff;
+}
+.table-lilac.table-bordered {
+  border: 1px solid #906094;
+}
+.table-lilac.table-bordered thead tr th:first-child, .table-lilac.table-bordered thead tr th:last-child, .table-lilac.table-bordered tfoot tr th:first-child, .table-lilac.table-bordered tfoot tr th:last-child {
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+.table-lilac.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #bc9cbe !important;
+}
+.table-lilac table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-lilac table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+
+.table-inverse thead tr th {
+  background-color: #2A2A2A !important;
+  border-color: #373737 #373737 #181818 !important;
+  color: #fff;
+}
+.table-inverse tbody tr td.sorting_1 {
+  background: #4b4b4b !important;
+  color: white;
+  border-bottom: 1px solid #5d5d5d !important;
+}
+.table-inverse tfoot tr th {
+  background-color: #2A2A2A !important;
+  border-color: #181818 #373737 #373737 !important;
+  color: #fff;
+}
+.table-inverse.table-bordered {
+  border: 1px solid #2A2A2A;
+}
+.table-inverse.table-bordered thead tr th:first-child, .table-inverse.table-bordered thead tr th:last-child, .table-inverse.table-bordered tfoot tr th:first-child, .table-inverse.table-bordered tfoot tr th:last-child {
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+.table-inverse.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #5d5d5d !important;
+}
+.table-inverse table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-inverse table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+
+.table-teal thead tr th {
+  background-color: #37BC9B !important;
+  border-color: #44c8a8 #44c8a8 #2fa084 !important;
+  color: #fff;
+}
+.table-teal tfoot tr th {
+  background-color: #37BC9B !important;
+  border-color: #2fa084 #31a88b #31a88b !important;
+}
+
+.table-responsive.rounded {
+  overflow: auto !important;
+}
+
+.table-middle tr th, .table-middle tr td {
+  vertical-align: middle !important;
+}
+
+.table-no-border tr td {
+  border-top: none !important;
+}
+
+/* ========================================================================
+ * TABS
+ * ======================================================================== */
+.nav-tabs .nav-border {
+  position: relative;
+}
+.nav-tabs .nav-border:first-child.active:after {
+  left: 0;
+}
+.nav-tabs .nav-border.active:after {
+  content: "";
+  display: block;
+  position: absolute;
+}
+.nav-tabs .nav-border-top-danger.active:after {
+  border: 2px solid #E9573F;
+  top: 0;
+  left: -1px;
+  right: 0;
+}
+.nav-tabs .nav-border-top-primary.active:after {
+  border: 2px solid #00B1E1;
+  top: 0;
+  left: -1px;
+  right: 0;
+}
+.nav-tabs .nav-border-top-success.active:after {
+  border: 2px solid #8CC152;
+  top: 0;
+  left: -1px;
+  right: 0;
+}
+.nav-tabs .nav-border-top-info.active:after {
+  border: 2px solid #63D3E9;
+  top: 0;
+  left: -1px;
+  right: 0;
+}
+.nav-tabs .nav-border-top-warning.active:after {
+  border: 2px solid #F6BB42;
+  top: 0;
+  left: -1px;
+  right: 0;
+}
+.nav-tabs .nav-border-top-lilac.active:after {
+  border: 2px solid #906094;
+  top: 0;
+  left: -1px;
+  right: 0;
+}
+.nav-tabs .nav-border-top-inverse.active:after {
+  border: 2px solid #2A2A2A;
+  top: 0;
+  left: -1px;
+  right: 0;
+}
+.nav-tabs .nav-border-top-teal.active:after {
+  border: 2px solid #37BC9B;
+  top: 0;
+  left: -1px;
+  right: 0;
+}
+.nav-tabs .nav-border-left-danger.active:after {
+  border: 2px solid #E9573F;
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+.nav-tabs .nav-border-left-primary.active:after {
+  border: 2px solid #00B1E1;
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+.nav-tabs .nav-border-left-success.active:after {
+  border: 2px solid #8CC152;
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+.nav-tabs .nav-border-left-info.active:after {
+  border: 2px solid #63D3E9;
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+.nav-tabs .nav-border-left-warning.active:after {
+  border: 2px solid #F6BB42;
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+.nav-tabs .nav-border-left-lilac.active:after {
+  border: 2px solid #906094;
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+.nav-tabs .nav-border-left-inverse.active:after {
+  border: 2px solid #2A2A2A;
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+.nav-tabs .nav-border-left-teal.active:after {
+  border: 2px solid #37BC9B;
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+.nav-tabs.nav-justified {
+  width: 100%;
+  border-bottom: 0;
+}
+.nav-tabs.nav-justified > li > a {
+  padding: 15px;
+  background-color: #EEEEEE;
+  color: #aeaeae;
+  border: 0;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.nav-tabs.nav-justified > li:last-child > a {
+  border-top-right-radius: 3px;
+}
+.nav-tabs.nav-justified > .active > a {
+  color: #333;
+  background-color: #FBFBFB;
+  border: 0;
+  border-color: #FFF;
+  border-bottom-color: #FCFCFC;
+  -webkit-border-top-left-radius: 3px;
+  -moz-border-radius-topleft: 3px;
+  border-top-left-radius: 3px;
+  -webkit-border-top-right-radius: 3px;
+  -moz-border-radius-topright: 3px;
+  border-top-right-radius: 3px;
+}
+.nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
+  border: 0;
+  border-color: #FFF;
+  border-bottom-color: #FCFCFC;
+  background-color: #FBFBFB;
+}
+
+.tab-content {
+  background-color: #FBFBFB;
+  padding: 15px;
+  -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
+  -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
+  box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
+  -moz-border-radius: 0 0 3px 3px;
+  -webkit-border-radius: 0 0 3px 3px;
+  border-radius: 0 0 3px 3px;
+}
+
+@media (max-width: 800px) {
+  .panel .nav-tabs li a {
+    border-right: none !important;
+  }
+}
+/* ========================================================================
+ * THUMBNAIL
+ * ======================================================================== */
+.thumbnail h3 {
+  font-size: 20px;
+  margin-top: 5px;
+  margin-bottom: 15px;
+}
+.thumbnail .caption p {
+  color: #888888;
+}
+.thumbnail .thumbnail-action {
+  background: #EEEEEE;
+  padding: 10px;
+}
+.thumbnail.thumbnail-flat {
+  padding: 0;
+  border: none;
+}
+.thumbnail.thumbnail-flat .subtitle {
+  color: #959595;
+}
+.thumbnail.thumbnail-flat p {
+  color: #888888;
+}
+.thumbnail.thumbnail-flat .desc {
+  margin-top: 15px;
+}
+.thumbnail.thumbnail-flat .caption {
+  border-left: 1px solid #DDD;
+  border-right: 1px solid #DDD;
+  border-bottom: 1px solid #DDD;
+}
+
+/* ========================================================================
+ * TOOLTIP
+ * ======================================================================== */
+.tooltip {
+  z-index: 1000;
+}
+
+/* ========================================================================
+ * TYPOGRAPHY
+ * ======================================================================== */
+.text-thin {
+  font-weight: 300 !important;
+}
+
+.text-xlarge {
+  font-size: 50px !important;
+  line-height: 50px !important;
+}
+
+.text-xs {
+  font-size: 10px !important;
+}
+
+.text-sm {
+  font-size: 12px !important;
+}
+
+.text-left {
+  text-align: left !important;
+}
+
+.text-right {
+  text-align: right !important;
+}
+
+.text-capitalize {
+  text-transform: capitalize !important;
+}
+
+.text-strong {
+  font-weight: bold !important;
+}
+
+.text-white {
+  color: white !important;
+}
+
+.text-block {
+  display: block !important;
+}
+
+.text-default {
+  color: #EEEEEE !important;
+}
+
+.text-primary {
+  color: #00B1E1 !important;
+}
+
+.text-success {
+  color: #8CC152 !important;
+}
+
+.text-info {
+  color: #63D3E9 !important;
+}
+
+.text-warning {
+  color: #F6BB42 !important;
+}
+
+.text-danger {
+  color: #E9573F !important;
+}
+
+.text-lilac {
+  color: #906094 !important;
+}
+
+.text-inverse {
+  color: #2A2A2A !important;
+}
+
+.text-teal {
+  color: #37BC9B !important;
+}
+
+/* ========================================================================
+ * POPOVER
+ * ======================================================================== */
+.popover {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+}
+.popover.top > .arrow:after {
+  border-top-color: #FFFFFF;
+}
+.popover.bottom > .arrow:after {
+  border-bottom-color: #F7F7F7;
+}
+.popover.left > .arrow:after {
+  border-left-color: #F7F7F7;
+}
+.popover.right > .arrow:after {
+  border-right-color: #F7F7F7;
+}
+.popover .popover-title {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+}
+
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+   01. FUNCTION BACKGROUND COLOR
+   02. CONTEXTUAL CLASSES BACKGROUND
+   03. FUNCTION BACKGROUND GRADIENT
+   04. CONTEXTUAL CLASSES BACKGROUND GRADIENT
+   05. FUNCTION FOREGROUND COLOR
+   06. CONTEXTUAL CLASSES FOREGROUND
+   07. BORDER
+   08. MARGIN
+   09. POSITION
+   10. LINE HEIGHT
+   11. LOADING ANIMATION
+   12. LOADING INDICATOR
+   13. CHOOSE THEMES
+   14. BOOTSTRAP OVERRIDE
+   15. FULLSCREEN MODE
+   16. CHARTS
+   17. BACK TOP
+ * ======================================================================== */
+.no-margin {
+  margin: 0 !important;
+}
+
+.no-padding {
+  padding: 0 !important;
+}
+
+.no-border {
+  border: none !important;
+}
+.no-border:active, .no-border:focus {
+  border: none !important;
+}
+
+.no-overflow {
+  overflow: visible !important;
+}
+
+.no-box-shadow {
+  -moz-box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.no-border-radius {
+  -moz-border-radius: 3px !important;
+  -webkit-border-radius: 3px;
+  border-radius: 3px !important;
+}
+
+.no-border-radius-right {
+  border-top-right-radius: 3px !important;
+  border-bottom-right-radius: 3px !important;
+}
+
+.transparent {
+  background: transparent !important;
+}
+
+.rounded {
+  -moz-border-radius: 3px !important;
+  -webkit-border-radius: 3px;
+  border-radius: 3px !important;
+}
+.rounded:after, .rounded:before {
+  -moz-border-radius: 3px !important;
+  -webkit-border-radius: 3px;
+  border-radius: 3px !important;
+}
+
+.circle {
+  -moz-border-radius: 50% !important;
+  -webkit-border-radius: 50%;
+  border-radius: 50% !important;
+}
+.circle:after, .circle:before {
+  -moz-border-radius: 50% !important;
+  -webkit-border-radius: 50%;
+  border-radius: 50% !important;
+}
+
+.shadow {
+  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) !important;
+  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) !important;
+  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) !important;
+}
+
+.rounded-bottom {
+  -moz-border-radius: 0px 0px 3px 3px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px 0px 3px 3px !important;
+}
+
+.inner-all {
+  padding: 10px;
+}
+.inner-all > button, .inner-all > a, .inner-all .label, .inner-all .badge {
+  margin-bottom: 5px;
+}
+.inner-all > .label, .inner-all .badge {
+  display: inline-block;
+}
+
+.border-bottom {
+  border-bottom: 1px solid #DDD;
+}
+
+.block {
+  display: block !important;
+}
+
+.hide {
+  display: none !important;
+}
+
+.display-hide {
+  display: none;
+}
+
+.display-inline {
+  display: inline-block !important;
+}
+
+.half {
+  width: 50% !important;
+}
+
+.inline {
+  display: inline !important;
+  width: auto !important;
+}
+
+.divider {
+  height: 20px;
+  display: block;
+}
+
+.pull-in {
+  margin-left: -15px;
+  margin-right: -15px;
+}
+
+.full-width {
+  width: 100% !important;
+}
+
+.line {
+  height: 2px;
+  margin: 10px 0px;
+  font-size: 0px;
+  overflow: hidden;
+  background-color: transparent;
+  border-width: 1px 0px 0px;
+  border-top: 1px solid #DDD;
+}
+
+.corner-left {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  z-index: 100;
+  padding: 5px;
+}
+
+.asterisk {
+  color: #E9573F !important;
+}
+
+.section-sample {
+  display: block;
+  margin-bottom: 25px;
+}
+.section-sample a, .section-sample button {
+  margin-bottom: 5px;
+}
+
+.upgrade-browser {
+  background-color: #777;
+  color: #FFFFFF;
+  position: fixed;
+  z-index: 99999;
+  left: 0px;
+  right: 0px;
+  text-align: center;
+  padding: 15px 0px;
+  font-size: 15px;
+}
+.upgrade-browser a {
+  text-decoration: underline;
+  color: #FFFFFF;
+}
+.upgrade-browser a:hover, .upgrade-browser a:active, .upgrade-browser a:visited {
+  color: #FFFFFF !important;
+}
+
+.sample-rating .rating {
+  margin-bottom: 30px;
+}
+
+.text-vertically-center {
+  height: 200px;
+  line-height: 200px;
+  text-align: center;
+  font-size: 20px;
+}
+.text-vertically-center span {
+  display: inline-block;
+  vertical-align: middle;
+  line-height: normal;
+}
+
+.show-grid .row {
+  margin-bottom: 10px;
+  margin-left: 0px;
+  margin-right: 0px;
+}
+.show-grid [class^="col-"] {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  background-color: #FBFBFB;
+  border-right: 1px solid #DDD;
+}
+.show-grid [class^="col-"]:last-child {
+  border-right: none;
+}
+.show-grid .show-grid [class^="col-"] {
+  background-color: #f2f2f2;
+}
+
+.bg-teal {
+  background-color: #37BC9B !important;
+  color: white;
+}
+.bg-teal a, .bg-teal i, .bg-teal span, .bg-teal small, .bg-teal p {
+  color: white;
+}
+.bg-teal .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-teal .morris-hover-row-label {
+  background-color: #2b957a;
+}
+
+.no-bg {
+  background: transparent !important;
+}
+
+.bg-dark {
+  background-color: #373737;
+}
+
+.bg-light {
+  background-color: #E9EAED;
+}
+.bg-light #wrapper {
+  background-color: #E9EAED;
+}
+
+.bg-default {
+  background-color: #EEEEEE !important;
+  border: 1px solid #EEEEEE;
+  color: white;
+}
+.bg-default a, .bg-default i, .bg-default span, .bg-default small, .bg-default p {
+  color: white;
+}
+.bg-default .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-default .morris-hover-row-label {
+  background-color: #d5d5d5;
+}
+
+.bg-primary {
+  background-color: #00B1E1 !important;
+  border: 1px solid #00B1E1;
+  color: white;
+}
+.bg-primary a, .bg-primary i, .bg-primary span, .bg-primary small, .bg-primary p {
+  color: white;
+}
+.bg-primary .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-primary .morris-hover-row-label {
+  background-color: #0089ae;
+}
+
+.bg-success {
+  background-color: #8CC152 !important;
+  border: 1px solid #8CC152;
+  color: white;
+}
+.bg-success a, .bg-success i, .bg-success span, .bg-success small, .bg-success p {
+  color: white;
+}
+.bg-success .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-success .morris-hover-row-label {
+  background-color: #72a53b;
+}
+
+.bg-info {
+  background-color: #63D3E9 !important;
+  border: 1px solid #63D3E9;
+  color: white;
+}
+.bg-info a, .bg-info i, .bg-info span, .bg-info small, .bg-info p {
+  color: white;
+}
+.bg-info .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-info .morris-hover-row-label {
+  background-color: #36c6e3;
+}
+
+.bg-warning {
+  background-color: #F6BB42 !important;
+  border: 1px solid #F6BB42;
+  color: white;
+}
+.bg-warning a, .bg-warning i, .bg-warning span, .bg-warning small, .bg-warning p {
+  color: white;
+}
+.bg-warning .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-warning .morris-hover-row-label {
+  background-color: #f4a911;
+}
+
+.bg-danger {
+  background-color: #E9573F !important;
+  border: 1px solid #E9573F;
+  color: white;
+}
+.bg-danger a, .bg-danger i, .bg-danger span, .bg-danger small, .bg-danger p {
+  color: white;
+}
+.bg-danger .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-danger .morris-hover-row-label {
+  background-color: #dc3519;
+}
+
+.bg-lilac {
+  background-color: #906094 !important;
+  border: 1px solid #906094;
+  color: white;
+}
+.bg-lilac a, .bg-lilac i, .bg-lilac span, .bg-lilac small, .bg-lilac p {
+  color: white;
+}
+.bg-lilac .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-lilac .morris-hover-row-label {
+  background-color: #724c75;
+}
+
+.bg-inverse {
+  background-color: #2A2A2A !important;
+  border: 1px solid #2A2A2A;
+  color: white;
+}
+.bg-inverse a, .bg-inverse i, .bg-inverse span, .bg-inverse small, .bg-inverse p {
+  color: white;
+}
+.bg-inverse .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-inverse .morris-hover-row-label {
+  background-color: #111111;
+}
+
+.bg-overlay {
+  background-color: rgba(0, 0, 0, 0.35) !important;
+  border: 1px solid rgba(0, 0, 0, 0.35);
+  color: white;
+}
+.bg-overlay a, .bg-overlay i, .bg-overlay span, .bg-overlay small, .bg-overlay p {
+  color: white;
+}
+.bg-overlay .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-overlay .morris-hover-row-label {
+  background-color: rgba(0, 0, 0, 0.35);
+}
+
+.bg-facebook {
+  background-color: #3b5998 !important;
+  border: 1px solid #3b5998;
+  color: white;
+}
+.bg-facebook a, .bg-facebook i, .bg-facebook span, .bg-facebook small, .bg-facebook p {
+  color: white;
+}
+.bg-facebook .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-facebook .morris-hover-row-label {
+  background-color: #2d4373;
+}
+
+.bg-twitter {
+  background-color: #00a0d1 !important;
+  border: 1px solid #00a0d1;
+  color: white;
+}
+.bg-twitter a, .bg-twitter i, .bg-twitter span, .bg-twitter small, .bg-twitter p {
+  color: white;
+}
+.bg-twitter .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-twitter .morris-hover-row-label {
+  background-color: #00799e;
+}
+
+.bg-googleplus {
+  background-color: #db4a39 !important;
+  border: 1px solid #db4a39;
+  color: white;
+}
+.bg-googleplus a, .bg-googleplus i, .bg-googleplus span, .bg-googleplus small, .bg-googleplus p {
+  color: white;
+}
+.bg-googleplus .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-googleplus .morris-hover-row-label {
+  background-color: #be3323;
+}
+
+.bg-bitbucket {
+  background-color: #205081 !important;
+  border: 1px solid #205081;
+  color: white;
+}
+.bg-bitbucket a, .bg-bitbucket i, .bg-bitbucket span, .bg-bitbucket small, .bg-bitbucket p {
+  color: white;
+}
+.bg-bitbucket .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-bitbucket .morris-hover-row-label {
+  background-color: #163758;
+}
+
+.bg-youtube {
+  background-color: #c4302b !important;
+  border: 1px solid #c4302b;
+  color: white;
+}
+.bg-youtube a, .bg-youtube i, .bg-youtube span, .bg-youtube small, .bg-youtube p {
+  color: white;
+}
+.bg-youtube .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-youtube .morris-hover-row-label {
+  background-color: #9a2622;
+}
+
+.bg-dribbble {
+  background-color: #ea4c89 !important;
+  border: 1px solid #ea4c89;
+  color: white;
+}
+.bg-dribbble a, .bg-dribbble i, .bg-dribbble span, .bg-dribbble small, .bg-dribbble p {
+  color: white;
+}
+.bg-dribbble .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-dribbble .morris-hover-row-label {
+  background-color: #e51e6b;
+}
+
+.bg-soundcloud {
+  background-color: #ff7700 !important;
+  border: 1px solid #ff7700;
+  color: white;
+}
+.bg-soundcloud a, .bg-soundcloud i, .bg-soundcloud span, .bg-soundcloud small, .bg-soundcloud p {
+  color: white;
+}
+.bg-soundcloud .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-soundcloud .morris-hover-row-label {
+  background-color: #cc5f00;
+}
+
+.fg-default {
+  color: #EEEEEE !important;
+}
+
+.fg-primary {
+  color: #00B1E1 !important;
+}
+
+.fg-success {
+  color: #8CC152 !important;
+}
+
+.fg-info {
+  color: #63D3E9 !important;
+}
+
+.fg-warning {
+  color: #F6BB42 !important;
+}
+
+.fg-danger {
+  color: #E9573F !important;
+}
+
+.fg-lilac {
+  color: #906094 !important;
+}
+
+.fg-teals {
+  color: #37BC9B !important;
+}
+
+.fg-inverse {
+  color: #2A2A2A !important;
+}
+
+.fg-facebook {
+  color: #3b5998 !important;
+}
+
+.fg-twitter {
+  color: #00a0d1 !important;
+}
+
+.fg-googleplus {
+  color: #db4a39 !important;
+}
+
+.fg-bitbucket {
+  color: #205081 !important;
+}
+
+.no-border-top {
+  border-top: none !important;
+}
+
+.no-border-left {
+  border-left: none !important;
+}
+
+.no-border-right {
+  border-right: none !important;
+}
+
+.border {
+  border: 1px solid #DDD;
+}
+
+.border-top {
+  border-top: 1px solid #DDD;
+}
+
+.border-right {
+  border-right: 1px solid #DDD;
+}
+.border-right.dotted {
+  border-right: 1px dotted #DDD;
+}
+
+.border-top-danger {
+  border-top: 3px solid #E9573F;
+}
+
+.border-top-primary {
+  border-top: 3px solid #00B1E1;
+}
+
+.border-top-info {
+  border-top: 3px solid #63D3E9;
+}
+
+.border-top-success {
+  border-top: 3px solid #8CC152;
+}
+
+.border-top-warning {
+  border-top: 3px solid #F6BB42;
+}
+
+.br-3 {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+
+.br-t-3 {
+  -moz-border-radius: 3px 3px 0px 0px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px 3px 0px 0px;
+}
+
+.br-l-3 {
+  -moz-border-radius: 3px 0px 0px 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px 0px 0px 3px;
+}
+
+.br-r-3 {
+  -moz-border-radius: 0px 3px 3px 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px 3px 3px 0px;
+}
+
+.br-b-3 {
+  -moz-border-radius: 0px 0px 3px 3px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px 0px 3px 3px;
+}
+
+.p-10 {
+  padding: 10px !important;
+}
+
+.p-15 {
+  padding: 15px !important;
+}
+
+.p-20 {
+  padding: 20px !important;
+}
+
+.p-25 {
+  padding: 25px !important;
+}
+
+.p-30 {
+  padding: 30px !important;
+}
+
+.pt-0 {
+  padding-top: 0 !important;
+}
+
+.pt-20 {
+  padding-top: 20px !important;
+}
+
+.pl-10 {
+  padding-left: 10px !important;
+}
+
+.pr-20 {
+  padding-right: 20px !important;
+}
+
+.m-5 {
+  margin: 5px !important;
+}
+
+.mt-0 {
+  margin-top: 0 !important;
+}
+
+.mt-5 {
+  margin-top: 5px !important;
+}
+
+.mt-10 {
+  margin-top: 10px !important;
+}
+
+.mt-15 {
+  margin-top: 15px !important;
+}
+
+.mt-20 {
+  margin-top: 20px !important;
+}
+
+.mt-30 {
+  margin-top: 30px !important;
+}
+
+.mt-45 {
+  margin-top: 45px !important;
+}
+
+.mr-5 {
+  margin-right: 5px !important;
+}
+
+.mr-10 {
+  margin-right: 10px !important;
+}
+
+.mr-15 {
+  margin-right: 15px !important;
+}
+
+.ml-0 {
+  margin-left: 0 !important;
+}
+
+.ml-10 {
+  margin-left: 10px !important;
+}
+
+.mb-0 {
+  margin-bottom: 0 !important;
+}
+
+.mb-5 {
+  margin-bottom: 5px !important;
+}
+
+.mb-10 {
+  margin-bottom: 10px !important;
+}
+
+.mb-15 {
+  margin-bottom: 15px !important;
+}
+
+.mb-20 {
+  margin-bottom: 20px !important;
+}
+
+.mb-25 {
+  margin-bottom: 25px !important;
+}
+
+.mb-30 {
+  margin-bottom: 30px !important;
+}
+
+.no-top {
+  top: 0px !important;
+}
+
+.mt-5 {
+  margin-top: 5px !important;
+}
+
+.mt-10 {
+  margin-top: 10px !important;
+}
+
+.mt-15 {
+  margin-top: 15px !important;
+}
+
+.no-right {
+  right: 0 !important;
+}
+
+.mr-5 {
+  margin-right: 5px !important;
+}
+
+.mr-10 {
+  margin-right: 10px !important;
+}
+
+.mr-15 {
+  margin-right: 15px !important;
+}
+
+.mr-20 {
+  margin-right: 20px !important;
+}
+
+.lh-5 {
+  line-height: 5 px !important;
+}
+
+.lh-10 {
+  line-height: 10 px !important;
+}
+
+.lh-15 {
+  line-height: 15 px !important;
+}
+
+.lh-20 {
+  line-height: 20 px !important;
+}
+
+.lh-25 {
+  line-height: 25 px !important;
+}
+
+.lh-30 {
+  line-height: 30 px !important;
+}
+
+/* ========================================================================
+ * LOADING ANIMATION
+ * ======================================================================== */
+#loading {
+  margin: auto;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 999999999;
+}
+#loading .loading-inner {
+  position: absolute;
+  top: 40%;
+  margin: 0 auto;
+  left: 0;
+  right: 0;
+  text-align: center;
+}
+#loading .loading-inner img {
+  margin-right: auto;
+  margin-left: auto;
+}
+
+/* ========================================================================
+ * LOADING INDICATOR
+ * ======================================================================== */
+.indicator {
+  position: absolute;
+  z-index: 999;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  overflow: hidden;
+  background-color: rgba(255, 255, 255, 0.9);
+  border-radius: 2px;
+  cursor: progress;
+}
+.indicator.inline {
+  display: block !important;
+  position: relative;
+  z-index: 9;
+  height: 34px;
+  background-color: transparent;
+  border-radius: 0;
+}
+.indicator .spinner {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin-top: -9px;
+  margin-left: -9px;
+  width: 18px;
+  height: 18px;
+  background-image: url("../../../assets/global/img/loader/general/1.gif");
+  background-repeat: no-repeat;
+}
+
+/* ========================================================================
+ * CHOOSE THEMES
+ * ======================================================================== */
+.themes {
+  position: relative;
+  z-index: 2;
+  list-style: none;
+  padding: 0px;
+}
+.themes li {
+  height: auto;
+  border: none;
+  padding: 0;
+  position: relative;
+  float: left;
+  margin-bottom: 5px;
+}
+.themes li a {
+  opacity: 0.7;
+  line-height: 32px;
+  -moz-border-radius: 15px;
+  -webkit-border-radius: 15px;
+  border-radius: 15px;
+  display: block;
+  color: #676767;
+  font-weight: 600;
+  text-decoration: none;
+  position: relative;
+  font-size: 14px;
+  padding: 5px !important;
+  width: 17px;
+  height: 17px !important;
+  margin-right: 5px;
+}
+.themes li a:hover {
+  opacity: 1;
+}
+
+/* ========================================================================
+ * BOOTSTRAP OVERRIDE
+ * ======================================================================= */
+.row {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+
+.row-merge {
+  margin: 0px;
+}
+.row-merge > [class*="col-"] {
+  padding: 0px;
+}
+
+.col-xs-1, .col-xs-2,
+.col-xs-3, .col-xs-4,
+.col-xs-5, .col-xs-6,
+.col-xs-7, .col-xs-8,
+.col-xs-9, .col-xs-10,
+.col-xs-11, .col-xs-12,
+.col-sm-1, .col-sm-2,
+.col-sm-3, .col-sm-4,
+.col-sm-5, .col-sm-6,
+.col-sm-7, .col-sm-8,
+.col-sm-9, .col-sm-10,
+.col-sm-11, .col-sm-12,
+.col-md-1, .col-md-2,
+.col-md-3, .col-md-4,
+.col-md-5, .col-md-6,
+.col-md-7, .col-md-8,
+.col-md-9, .col-md-10,
+.col-md-11, .col-md-12,
+.col-lg-1, .col-lg-2,
+.col-lg-3, .col-lg-4,
+.col-lg-5, .col-lg-6,
+.col-lg-7, .col-lg-8,
+.col-lg-9, .col-lg-10,
+.col-lg-11, .col-lg-12 {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.table-responsive {
+  border: none;
+}
+
+.table tr td img {
+  margin-right: 5px;
+}
+
+.img-responsive {
+  width: 100%;
+}
+
+.bs-example-modal .modal {
+  position: relative;
+  top: auto;
+  right: auto;
+  left: auto;
+  bottom: auto;
+  z-index: 1;
+  display: block;
+  overflow: visible;
+}
+.bs-example-modal .modal-dialog {
+  left: auto;
+  margin: 0px auto 10px;
+  width: auto;
+}
+.bs-example-modal .modal-content {
+  box-shadow: none;
+}
+
+.modal-content {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border: none;
+}
+
+.list-group-item:first-child, .list-group-item:last-child {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+
+.navbar {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+
+.navbar-nav.navbar-right:last-child {
+  margin-right: 0px;
+}
+
+.form-horizontal .has-feedback .form-control-feedback {
+  right: 10px;
+}
+
+.thumbnail {
+  position: relative;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+
+.well {
+  border: none;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+
+@media (max-width: 768px) {
+  .navbar {
+    -moz-border-radius: 0px !important;
+    -webkit-border-radius: 0px;
+    border-radius: 0px !important;
+  }
+}
+@media (max-width: 360px) {
+  .col-xs-override, .col-xs-6 {
+    width: 100% !important;
+  }
+}
+.dropdown-menu > li > a {
+  padding: 3px 8px;
+}
+
+/* ========================================================================
+ * FULLSCREEN MODE
+ * ======================================================================= */
+#fullscreen-mode {
+  bottom: 0px;
+  right: 0px;
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  z-index: 9999999;
+}
+#fullscreen-mode .panel {
+  height: inherit;
+}
+#fullscreen-mode .panel .panel-body {
+  height: inherit;
+  overflow-y: scroll;
+}
+
+/* ========================================================================
+ * CHARTS
+ * ======================================================================== */
+.chart {
+  width: 100%;
+  height: 300px;
+  padding: 0px;
+  position: relative;
+}
+
+/* ========================================================================
+ * BACK TOP
+ * ======================================================================== */
+#back-top {
+  position: fixed;
+  bottom: 30px;
+  right: 30px;
+  cursor: pointer;
+  color: #EEE;
+  text-align: center;
+  z-index: 1000;
+  background-color: rgba(89, 95, 102, 0.7);
+  display: block;
+  opacity: 1;
+  width: 40px;
+  height: 40px;
+  -moz-transition: all 0.5s ease-in-out 0s;
+  -o-transition: all 0.5s ease-in-out 0s;
+  -webkit-transition: all 0.5s ease-in-out;
+  -webkit-transition-delay: 0s;
+  transition: all 0.5s ease-in-out 0s;
+}
+#back-top i {
+  font-size: 20px;
+  line-height: 35px;
+}
diff --git a/vendor/stylesheets/custom.css b/vendor/stylesheets/custom.css
new file mode 100755
index 0000000..111e66b
--- /dev/null
+++ b/vendor/stylesheets/custom.css
@@ -0,0 +1 @@
+/* Create your style on here */
diff --git a/vendor/stylesheets/dropzone.css b/vendor/stylesheets/dropzone.css
new file mode 100755
index 0000000..01356e3
--- /dev/null
+++ b/vendor/stylesheets/dropzone.css
@@ -0,0 +1,387 @@
+/* The MIT License */
+.dropzone,
+.dropzone *,
+.dropzone-previews,
+.dropzone-previews * {
+  box-sizing: border-box;
+}
+.dropzone {
+  position: relative;
+  border: 1px solid rgba(0,0,0,0.08);
+  background: rgba(0,0,0,0.02);
+  padding: 1em;
+}
+.dropzone.dz-clickable {
+  cursor: pointer;
+}
+.dropzone.dz-clickable .dz-message,
+.dropzone.dz-clickable .dz-message span {
+  cursor: pointer;
+}
+.dropzone.dz-clickable * {
+  cursor: default;
+}
+.dropzone .dz-message {
+  opacity: 1;
+}
+.dropzone.dz-drag-hover {
+  border-color: rgba(0,0,0,0.15);
+  background: rgba(0,0,0,0.04);
+}
+.dropzone.dz-started .dz-message {
+  display: none;
+}
+.dropzone .dz-preview,
+.dropzone-previews .dz-preview {
+  background: rgba(255,255,255,0.8);
+  position: relative;
+  display: inline-block;
+  margin: 17px;
+  vertical-align: top;
+  border: 1px solid #acacac;
+  padding: 6px 6px 6px 6px;
+}
+.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
+.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
+  display: none;
+}
+.dropzone .dz-preview .dz-details,
+.dropzone-previews .dz-preview .dz-details {
+  width: 100px;
+  height: 100px;
+  position: relative;
+  background: #ebebeb;
+  padding: 5px;
+  margin-bottom: 22px;
+}
+.dropzone .dz-preview .dz-details .dz-filename,
+.dropzone-previews .dz-preview .dz-details .dz-filename {
+  overflow: hidden;
+  height: 100%;
+}
+.dropzone .dz-preview .dz-details img,
+.dropzone-previews .dz-preview .dz-details img {
+  absolute: top left;
+  width: 100px;
+  height: 100px;
+}
+.dropzone .dz-preview .dz-details .dz-size,
+.dropzone-previews .dz-preview .dz-details .dz-size {
+  absolute: bottom -28px left 3px;
+  height: 28px;
+  line-height: 28px;
+}
+.dropzone .dz-preview.dz-error .dz-error-mark,
+.dropzone-previews .dz-preview.dz-error .dz-error-mark {
+  display: block;
+}
+.dropzone .dz-preview.dz-success .dz-success-mark,
+.dropzone-previews .dz-preview.dz-success .dz-success-mark {
+  display: block;
+}
+.dropzone .dz-preview:hover .dz-details img,
+.dropzone-previews .dz-preview:hover .dz-details img {
+  display: none;
+}
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark,
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark {
+  display: none;
+  position: absolute;
+  width: 40px;
+  height: 40px;
+  font-size: 30px;
+  text-align: center;
+  right: -10px;
+  top: -10px;
+}
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark {
+  color: #8cc657;
+}
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark {
+  color: #ee162d;
+}
+.dropzone .dz-preview .dz-progress,
+.dropzone-previews .dz-preview .dz-progress {
+  position: absolute;
+  top: 100px;
+  left: 6px;
+  right: 6px;
+  height: 6px;
+  background: #d7d7d7;
+  display: none;
+}
+.dropzone .dz-preview .dz-progress .dz-upload,
+.dropzone-previews .dz-preview .dz-progress .dz-upload {
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 0%;
+  background-color: #8cc657;
+}
+.dropzone .dz-preview.dz-processing .dz-progress,
+.dropzone-previews .dz-preview.dz-processing .dz-progress {
+  display: block;
+}
+.dropzone .dz-preview .dz-error-message,
+.dropzone-previews .dz-preview .dz-error-message {
+  display: none;
+  absolute: top -5px left -20px;
+  background: rgba(245,245,245,0.8);
+  padding: 8px 10px;
+  color: #800;
+  min-width: 140px;
+  max-width: 500px;
+  z-index: 500;
+}
+.dropzone .dz-preview:hover.dz-error .dz-error-message,
+.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
+  display: block;
+}
+.dropzone {
+  border: 1px solid rgba(0,0,0,0.03);
+  min-height: 360px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  background: rgba(0,0,0,0.03);
+  padding: 23px;
+}
+.dropzone .dz-default.dz-message {
+  opacity: 1;
+  -ms-filter: none;
+  filter: none;
+  -webkit-transition: opacity 0.3s ease-in-out;
+  -moz-transition: opacity 0.3s ease-in-out;
+  -o-transition: opacity 0.3s ease-in-out;
+  -ms-transition: opacity 0.3s ease-in-out;
+  transition: opacity 0.3s ease-in-out;
+  background-image: url("../images/spritemap.png");
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  position: absolute;
+  width: 428px;
+  height: 123px;
+  margin-left: -214px;
+  margin-top: -61.5px;
+  top: 50%;
+  left: 50%;
+}
+@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
+  .dropzone .dz-default.dz-message {
+    background-image: url("../images/spritemap@2x.png");
+    -webkit-background-size: 428px 406px;
+    -moz-background-size: 428px 406px;
+    background-size: 428px 406px;
+  }
+}
+.dropzone .dz-default.dz-message span {
+  display: none;
+}
+.dropzone.dz-square .dz-default.dz-message {
+  background-position: 0 -123px;
+  width: 268px;
+  margin-left: -134px;
+  height: 174px;
+  margin-top: -87px;
+}
+.dropzone.dz-drag-hover .dz-message {
+  opacity: 0.15;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
+  filter: alpha(opacity=15);
+}
+.dropzone.dz-started .dz-message {
+  display: block;
+  opacity: 0;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  filter: alpha(opacity=0);
+}
+.dropzone .dz-preview,
+.dropzone-previews .dz-preview {
+  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
+  box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
+  font-size: 14px;
+}
+.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
+.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
+  display: block;
+  opacity: 0.1;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
+  filter: alpha(opacity=10);
+}
+.dropzone .dz-preview.dz-success .dz-success-mark,
+.dropzone-previews .dz-preview.dz-success .dz-success-mark {
+  opacity: 1;
+  -ms-filter: none;
+  filter: none;
+}
+.dropzone .dz-preview.dz-error .dz-error-mark,
+.dropzone-previews .dz-preview.dz-error .dz-error-mark {
+  opacity: 1;
+  -ms-filter: none;
+  filter: none;
+}
+.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
+.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
+  background: #ee1e2d;
+}
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark,
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark {
+  display: block;
+  opacity: 0;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  filter: alpha(opacity=0);
+  -webkit-transition: opacity 0.4s ease-in-out;
+  -moz-transition: opacity 0.4s ease-in-out;
+  -o-transition: opacity 0.4s ease-in-out;
+  -ms-transition: opacity 0.4s ease-in-out;
+  transition: opacity 0.4s ease-in-out;
+  background-image: url("../images/spritemap.png");
+  background-repeat: no-repeat;
+}
+@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
+  .dropzone .dz-preview .dz-error-mark,
+  .dropzone-previews .dz-preview .dz-error-mark,
+  .dropzone .dz-preview .dz-success-mark,
+  .dropzone-previews .dz-preview .dz-success-mark {
+    background-image: url("../images/spritemap@2x.png");
+    -webkit-background-size: 428px 406px;
+    -moz-background-size: 428px 406px;
+    background-size: 428px 406px;
+  }
+}
+.dropzone .dz-preview .dz-error-mark span,
+.dropzone-previews .dz-preview .dz-error-mark span,
+.dropzone .dz-preview .dz-success-mark span,
+.dropzone-previews .dz-preview .dz-success-mark span {
+  display: none;
+}
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark {
+  background-position: -268px -123px;
+}
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark {
+  background-position: -268px -163px;
+}
+.dropzone .dz-preview .dz-progress .dz-upload,
+.dropzone-previews .dz-preview .dz-progress .dz-upload {
+  -webkit-animation: loading 0.4s linear infinite;
+  -moz-animation: loading 0.4s linear infinite;
+  -o-animation: loading 0.4s linear infinite;
+  -ms-animation: loading 0.4s linear infinite;
+  animation: loading 0.4s linear infinite;
+  -webkit-transition: width 0.3s ease-in-out;
+  -moz-transition: width 0.3s ease-in-out;
+  -o-transition: width 0.3s ease-in-out;
+  -ms-transition: width 0.3s ease-in-out;
+  transition: width 0.3s ease-in-out;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0%;
+  height: 100%;
+  background-image: url("../images/spritemap.png");
+  background-repeat: repeat-x;
+  background-position: 0px -400px;
+}
+@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
+  .dropzone .dz-preview .dz-progress .dz-upload,
+  .dropzone-previews .dz-preview .dz-progress .dz-upload {
+    background-image: url("../images/spritemap@2x.png");
+    -webkit-background-size: 428px 406px;
+    -moz-background-size: 428px 406px;
+    background-size: 428px 406px;
+  }
+}
+.dropzone .dz-preview.dz-success .dz-progress,
+.dropzone-previews .dz-preview.dz-success .dz-progress {
+  display: block;
+  opacity: 0;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  filter: alpha(opacity=0);
+  -webkit-transition: opacity 0.4s ease-in-out;
+  -moz-transition: opacity 0.4s ease-in-out;
+  -o-transition: opacity 0.4s ease-in-out;
+  -ms-transition: opacity 0.4s ease-in-out;
+  transition: opacity 0.4s ease-in-out;
+}
+.dropzone .dz-preview .dz-error-message,
+.dropzone-previews .dz-preview .dz-error-message {
+  display: block;
+  opacity: 0;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  filter: alpha(opacity=0);
+  -webkit-transition: opacity 0.3s ease-in-out;
+  -moz-transition: opacity 0.3s ease-in-out;
+  -o-transition: opacity 0.3s ease-in-out;
+  -ms-transition: opacity 0.3s ease-in-out;
+  transition: opacity 0.3s ease-in-out;
+}
+.dropzone .dz-preview:hover.dz-error .dz-error-message,
+.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
+  opacity: 1;
+  -ms-filter: none;
+  filter: none;
+}
+.dropzone a.dz-remove,
+.dropzone-previews a.dz-remove {
+  background-image: -webkit-linear-gradient(top, #fafafa, #eee);
+  background-image: -moz-linear-gradient(top, #fafafa, #eee);
+  background-image: -o-linear-gradient(top, #fafafa, #eee);
+  background-image: -ms-linear-gradient(top, #fafafa, #eee);
+  background-image: linear-gradient(to bottom, #fafafa, #eee);
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+  border: 1px solid #eee;
+  text-decoration: none;
+  display: block;
+  padding: 4px 5px;
+  text-align: center;
+  color: #aaa;
+  margin-top: 26px;
+}
+.dropzone a.dz-remove:hover,
+.dropzone-previews a.dz-remove:hover {
+  color: #666;
+}
+@-moz-keyframes loading {
+  from {
+    background-position: 0 -400px;
+  }
+  to {
+    background-position: -7px -400px;
+  }
+}
+@-webkit-keyframes loading {
+  from {
+    background-position: 0 -400px;
+  }
+  to {
+    background-position: -7px -400px;
+  }
+}
+@-o-keyframes loading {
+  from {
+    background-position: 0 -400px;
+  }
+  to {
+    background-position: -7px -400px;
+  }
+}
+@keyframes loading {
+  from {
+    background-position: 0 -400px;
+  }
+  to {
+    background-position: -7px -400px;
+  }
+}
diff --git a/vendor/stylesheets/font-awesome.css b/vendor/stylesheets/font-awesome.css
new file mode 100755
index 0000000..1425ac2
--- /dev/null
+++ b/vendor/stylesheets/font-awesome.css
@@ -0,0 +1,2026 @@
+/*
+ *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+/* FONT PATH
+ * -------------------------- */
+@font-face {
+  font-family: 'FontAwesome';
+  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
+  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.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;
+}
+/* makes the font 33% larger relative to the icon container */
+.fa-lg {
+  font-size: 1.33333333em;
+  line-height: 0.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: 0.14285714em;
+  text-align: center;
+}
+.fa-li.fa-lg {
+  left: -1.85714286em;
+}
+.fa-border {
+  padding: .2em .25em .15em;
+  border: solid 0.08em #eeeeee;
+  border-radius: .1em;
+}
+.fa-pull-left {
+  float: left;
+}
+.fa-pull-right {
+  float: right;
+}
+.fa.fa-pull-left {
+  margin-right: .3em;
+}
+.fa.fa-pull-right {
+  margin-left: .3em;
+}
+/* Deprecated as of 4.4.0 */
+.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;
+}
+.fa-pulse {
+  -webkit-animation: fa-spin 1s infinite steps(8);
+  animation: fa-spin 1s infinite steps(8);
+}
+@-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: #ffffff;
+}
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+   readers do not read off random characters that represent icons */
+.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-f:before,
+.fa-facebook:before {
+  content: "\f09a";
+}
+.fa-github:before {
+  content: "\f09b";
+}
+.fa-unlock:before {
+  content: "\f09c";
+}
+.fa-credit-card:before {
+  content: "\f09d";
+}
+.fa-feed:before,
+.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,
+.fa-gratipay: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-y-combinator-square:before,
+.fa-yc-square:before,
+.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";
+}
+.fa-buysellads:before {
+  content: "\f20d";
+}
+.fa-connectdevelop:before {
+  content: "\f20e";
+}
+.fa-dashcube:before {
+  content: "\f210";
+}
+.fa-forumbee:before {
+  content: "\f211";
+}
+.fa-leanpub:before {
+  content: "\f212";
+}
+.fa-sellsy:before {
+  content: "\f213";
+}
+.fa-shirtsinbulk:before {
+  content: "\f214";
+}
+.fa-simplybuilt:before {
+  content: "\f215";
+}
+.fa-skyatlas:before {
+  content: "\f216";
+}
+.fa-cart-plus:before {
+  content: "\f217";
+}
+.fa-cart-arrow-down:before {
+  content: "\f218";
+}
+.fa-diamond:before {
+  content: "\f219";
+}
+.fa-ship:before {
+  content: "\f21a";
+}
+.fa-user-secret:before {
+  content: "\f21b";
+}
+.fa-motorcycle:before {
+  content: "\f21c";
+}
+.fa-street-view:before {
+  content: "\f21d";
+}
+.fa-heartbeat:before {
+  content: "\f21e";
+}
+.fa-venus:before {
+  content: "\f221";
+}
+.fa-mars:before {
+  content: "\f222";
+}
+.fa-mercury:before {
+  content: "\f223";
+}
+.fa-intersex:before,
+.fa-transgender:before {
+  content: "\f224";
+}
+.fa-transgender-alt:before {
+  content: "\f225";
+}
+.fa-venus-double:before {
+  content: "\f226";
+}
+.fa-mars-double:before {
+  content: "\f227";
+}
+.fa-venus-mars:before {
+  content: "\f228";
+}
+.fa-mars-stroke:before {
+  content: "\f229";
+}
+.fa-mars-stroke-v:before {
+  content: "\f22a";
+}
+.fa-mars-stroke-h:before {
+  content: "\f22b";
+}
+.fa-neuter:before {
+  content: "\f22c";
+}
+.fa-genderless:before {
+  content: "\f22d";
+}
+.fa-facebook-official:before {
+  content: "\f230";
+}
+.fa-pinterest-p:before {
+  content: "\f231";
+}
+.fa-whatsapp:before {
+  content: "\f232";
+}
+.fa-server:before {
+  content: "\f233";
+}
+.fa-user-plus:before {
+  content: "\f234";
+}
+.fa-user-times:before {
+  content: "\f235";
+}
+.fa-hotel:before,
+.fa-bed:before {
+  content: "\f236";
+}
+.fa-viacoin:before {
+  content: "\f237";
+}
+.fa-train:before {
+  content: "\f238";
+}
+.fa-subway:before {
+  content: "\f239";
+}
+.fa-medium:before {
+  content: "\f23a";
+}
+.fa-yc:before,
+.fa-y-combinator:before {
+  content: "\f23b";
+}
+.fa-optin-monster:before {
+  content: "\f23c";
+}
+.fa-opencart:before {
+  content: "\f23d";
+}
+.fa-expeditedssl:before {
+  content: "\f23e";
+}
+.fa-battery-4:before,
+.fa-battery-full:before {
+  content: "\f240";
+}
+.fa-battery-3:before,
+.fa-battery-three-quarters:before {
+  content: "\f241";
+}
+.fa-battery-2:before,
+.fa-battery-half:before {
+  content: "\f242";
+}
+.fa-battery-1:before,
+.fa-battery-quarter:before {
+  content: "\f243";
+}
+.fa-battery-0:before,
+.fa-battery-empty:before {
+  content: "\f244";
+}
+.fa-mouse-pointer:before {
+  content: "\f245";
+}
+.fa-i-cursor:before {
+  content: "\f246";
+}
+.fa-object-group:before {
+  content: "\f247";
+}
+.fa-object-ungroup:before {
+  content: "\f248";
+}
+.fa-sticky-note:before {
+  content: "\f249";
+}
+.fa-sticky-note-o:before {
+  content: "\f24a";
+}
+.fa-cc-jcb:before {
+  content: "\f24b";
+}
+.fa-cc-diners-club:before {
+  content: "\f24c";
+}
+.fa-clone:before {
+  content: "\f24d";
+}
+.fa-balance-scale:before {
+  content: "\f24e";
+}
+.fa-hourglass-o:before {
+  content: "\f250";
+}
+.fa-hourglass-1:before,
+.fa-hourglass-start:before {
+  content: "\f251";
+}
+.fa-hourglass-2:before,
+.fa-hourglass-half:before {
+  content: "\f252";
+}
+.fa-hourglass-3:before,
+.fa-hourglass-end:before {
+  content: "\f253";
+}
+.fa-hourglass:before {
+  content: "\f254";
+}
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
+  content: "\f255";
+}
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
+  content: "\f256";
+}
+.fa-hand-scissors-o:before {
+  content: "\f257";
+}
+.fa-hand-lizard-o:before {
+  content: "\f258";
+}
+.fa-hand-spock-o:before {
+  content: "\f259";
+}
+.fa-hand-pointer-o:before {
+  content: "\f25a";
+}
+.fa-hand-peace-o:before {
+  content: "\f25b";
+}
+.fa-trademark:before {
+  content: "\f25c";
+}
+.fa-registered:before {
+  content: "\f25d";
+}
+.fa-creative-commons:before {
+  content: "\f25e";
+}
+.fa-gg:before {
+  content: "\f260";
+}
+.fa-gg-circle:before {
+  content: "\f261";
+}
+.fa-tripadvisor:before {
+  content: "\f262";
+}
+.fa-odnoklassniki:before {
+  content: "\f263";
+}
+.fa-odnoklassniki-square:before {
+  content: "\f264";
+}
+.fa-get-pocket:before {
+  content: "\f265";
+}
+.fa-wikipedia-w:before {
+  content: "\f266";
+}
+.fa-safari:before {
+  content: "\f267";
+}
+.fa-chrome:before {
+  content: "\f268";
+}
+.fa-firefox:before {
+  content: "\f269";
+}
+.fa-opera:before {
+  content: "\f26a";
+}
+.fa-internet-explorer:before {
+  content: "\f26b";
+}
+.fa-tv:before,
+.fa-television:before {
+  content: "\f26c";
+}
+.fa-contao:before {
+  content: "\f26d";
+}
+.fa-500px:before {
+  content: "\f26e";
+}
+.fa-amazon:before {
+  content: "\f270";
+}
+.fa-calendar-plus-o:before {
+  content: "\f271";
+}
+.fa-calendar-minus-o:before {
+  content: "\f272";
+}
+.fa-calendar-times-o:before {
+  content: "\f273";
+}
+.fa-calendar-check-o:before {
+  content: "\f274";
+}
+.fa-industry:before {
+  content: "\f275";
+}
+.fa-map-pin:before {
+  content: "\f276";
+}
+.fa-map-signs:before {
+  content: "\f277";
+}
+.fa-map-o:before {
+  content: "\f278";
+}
+.fa-map:before {
+  content: "\f279";
+}
+.fa-commenting:before {
+  content: "\f27a";
+}
+.fa-commenting-o:before {
+  content: "\f27b";
+}
+.fa-houzz:before {
+  content: "\f27c";
+}
+.fa-vimeo:before {
+  content: "\f27d";
+}
+.fa-black-tie:before {
+  content: "\f27e";
+}
+.fa-fonticons:before {
+  content: "\f280";
+}
diff --git a/vendor/stylesheets/jquery.gritter.css b/vendor/stylesheets/jquery.gritter.css
new file mode 100755
index 0000000..bc018af
--- /dev/null
+++ b/vendor/stylesheets/jquery.gritter.css
@@ -0,0 +1,102 @@
+/* the norm */
+#gritter-notice-wrapper {
+	position:fixed;
+	top:20px;
+	right:20px;
+	width:301px;
+	z-index:9999;
+}
+#gritter-notice-wrapper.top-left {
+    left: 20px;
+    right: auto;
+}
+#gritter-notice-wrapper.bottom-right {
+    top: auto;
+    left: auto;
+    bottom: 20px;
+    right: 20px;
+}
+#gritter-notice-wrapper.bottom-left {
+    top: auto;
+    right: auto;
+    bottom: 20px;
+    left: 20px;
+}
+.gritter-item-wrapper {
+	position:relative;
+	margin:0 0 10px 0;
+	background:url('../images/ie-spacer.gif'); /* ie7/8 fix */ 
+}
+.gritter-top {
+	background:url(../images/gritter.png) no-repeat left -30px;
+	height:10px;
+}
+.hover .gritter-top {
+	background-position:right -30px;
+}
+.gritter-bottom {
+	background:url(../images/gritter.png) no-repeat left bottom;
+	height:8px;
+	margin:0;
+}
+.hover .gritter-bottom {
+	background-position: bottom right;
+}
+.gritter-item {
+	display:block;
+	background:url(../images/gritter.png) no-repeat left -40px;
+	color:#eee;
+	padding:2px 11px 8px 11px;
+	font-size: 11px;
+	font-family:verdana;
+}
+.hover .gritter-item {
+	background-position:right -40px;
+}
+.gritter-item p {
+	padding:0;
+	margin:0;
+	word-wrap:break-word;
+}
+.gritter-close {
+	display:none;
+	position:absolute;
+	top:5px;
+	left:3px;
+	background:url(../images/gritter.png) no-repeat left top;
+	cursor:pointer;
+	width:30px;
+	height:30px;
+	text-indent:-9999em;
+}
+.gritter-title {
+	font-size:14px;
+	font-weight:bold;
+	padding:0 0 7px 0;
+	display:block;
+	text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
+}
+.gritter-image {
+	width:48px;
+	height:48px;
+	float:left;
+}
+.gritter-with-image,
+.gritter-without-image {
+	padding:0;
+}
+.gritter-with-image {
+	width:220px;
+	float:right;
+}
+/* for the light (white) version of the gritter notice */
+.gritter-light .gritter-item,
+.gritter-light .gritter-bottom,
+.gritter-light .gritter-top,
+.gritter-light .gritter-close {
+    background-image: url(../images/gritter-light.png);
+    color: #222;
+}
+.gritter-light .gritter-title {
+    text-shadow: none;
+}
diff --git a/vendor/stylesheets/layout.css b/vendor/stylesheets/layout.css
new file mode 100755
index 0000000..f62a62c
--- /dev/null
+++ b/vendor/stylesheets/layout.css
@@ -0,0 +1,3482 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+
+ * ========================================================================
+ * LAYOUT VARIANT
+ * ========================================================================
+   01. BOXED
+   02. RESPONSIVE BOXED
+   03. HEADER FIXED PAGE
+ * ========================================================================
+
+ * ========================================================================
+ * LAYOUT HEADER
+ * ========================================================================
+   01. HEADER
+   02. HEADER LEFT
+   03. HEADER RIGHT
+   04. NAVBAR TOOLBAR
+   05. NAVBAR MESSAGE
+   06. NAVBAR NOTIFICATION
+   07. NAVBAR COLORS
+ * ========================================================================
+
+ * ========================================================================
+ * LAYOUT SIDEBAR LEFT
+ * ========================================================================
+   01. SIDEBAR NAVIGATION
+   02. SIDEBAR CONTENT
+   03. SIDEBAR MENU
+   04. SIDEBAR CATEGORY
+   05. SIDEBAR FOOTER
+   06. SIDEBAR LEFT
+   
+ * ========================================================================
+ * LAYOUT SIDEBAR RIGHT
+ * ========================================================================
+   01. SIDEBAR RIGHT
+   02. SIDEBAR PROFILE
+   03. SIDEBAR SETTINGS
+   04. SIDEBAR CHAT
+   05. SIDEBAR SUMMARY
+   06. SIDEBAR THEMES
+   07. SIDEBAR TASK
+ * ========================================================================
+
+ * ========================================================================
+ * LAYOUT PAGE CONTENT
+ * ========================================================================
+   01. PAGE CONTENT
+   02. PAGE CONTENT MINIMIZE
+   03. HEADER CONTENT
+   04. BODY CONTENT
+   05. FOOTER CONTENT
+   06. NAVBAR TOOLBAR
+   07. NAVBAR MESSAGE
+   08. NAVBAR NOTIFICATION
+ * ======================================================================== */
+/* ========================================================================
+ * PAGE WRAPPER
+ * ======================================================================== */
+#wrapper {
+  padding: 0px;
+  margin: 0px;
+  height: 100%;
+  position: relative;
+}
+
+/* ========================================================================
+ * PAGE BOXED
+ * ======================================================================== */
+html.page-boxed, body.page-boxed {
+  background-color: #505050;
+}
+html.page-boxed #wrapper, body.page-boxed #wrapper {
+  margin-right: auto;
+  margin-left: auto;
+  position: relative;
+}
+html.page-boxed #back-top, body.page-boxed #back-top {
+  right: 90px;
+}
+html.page-boxed.page-sidebar-right-show #back-top, body.page-boxed.page-sidebar-right-show #back-top {
+  right: 310px;
+}
+
+@media (min-width: 1200px) {
+  html.page-boxed #wrapper, body.page-boxed #wrapper {
+    width: 1220px;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  body.page-boxed #wrapper {
+    width: 970px;
+  }
+}
+@media (max-width: 1024px) {
+  body.page-boxed #back-top {
+    right: 60px;
+  }
+  body.page-boxed.page-sidebar-right-show #header .header-right {
+    left: 0px;
+  }
+  body.page-boxed.page-sidebar-right-show #sidebar-left {
+    left: 0px;
+  }
+  body.page-boxed.page-sidebar-right-show #sidebar-left:after {
+    left: 27px;
+  }
+  body.page-boxed.page-sidebar-right-show #page-content {
+    margin-left: 75px;
+  }
+  body.page-boxed.page-sidebar-right-show #page-content .breadcrumb-wrapper {
+    display: none;
+  }
+  body.page-boxed.page-sidebar-right-show #back-top {
+    right: 280px;
+  }
+}
+@media (max-width: 800px) {
+  body.page-boxed.page-sidebar-minimize-auto #header .navbar-toolbar .navbar-form input {
+    min-width: 350px;
+  }
+  body.page-boxed #header .header-right {
+    right: 0px !important;
+  }
+  body.page-boxed #page-content {
+    margin-right: 0px;
+  }
+  body.page-boxed #page-content .header-content .breadcrumb-wrapper {
+    display: none;
+  }
+  body.page-boxed #back-top {
+    right: 30px;
+  }
+  body.page-boxed.page-sidebar-right-show #header .header-right {
+    right: 220px !important;
+  }
+  body.page-boxed.page-sidebar-right-show #header .header-right .navbar-toolbar .navbar-form input {
+    min-width: 225px !important;
+  }
+  body.page-boxed.page-sidebar-right-show #sidebar-left:after {
+    left: 0px;
+  }
+}
+@media (max-width: 768px) {
+  body.page-boxed #sidebar-left {
+    left: -230px;
+  }
+  body.page-boxed #back-top {
+    right: 40px;
+  }
+  body.page-boxed.page-sidebar-right-show #header .header-right {
+    right: 0px !important;
+  }
+  body.page-boxed.page-sidebar-right-show #header .header-right .navbar-toolbar .navbar-form input {
+    min-width: 400px !important;
+  }
+  body.page-boxed.page-sidebar-right-show #sidebar-left, body.page-boxed.page-sidebar-right-show #sidebar-left:after {
+    left: -250px;
+  }
+}
+@media (max-width: 540px) {
+  body.page-boxed.page-sidebar-right-show #header .header-right {
+    left: -220px !important;
+  }
+}
+/* ========================================================================
+ * PAGE HEADER FIXED
+ * ======================================================================== */
+body.page-header-fixed .navbar-header, body.page-header-fixed .header-right {
+  position: fixed;
+}
+body.page-header-fixed .header-right {
+  right: 0px;
+  left: 220px;
+}
+body.page-header-fixed.page-sidebar-minimize .header-right, body.page-header-fixed.page-sidebar-minimize-auto .header-right {
+  left: 0px;
+}
+body.page-header-fixed.page-sidebar-minimize.page-sidebar-fixed .header-right, body.page-header-fixed.page-sidebar-minimize-auto.page-sidebar-fixed .header-right {
+  right: 0px;
+}
+body.page-header-fixed #sidebar-right .panel .panel-heading {
+  position: fixed;
+  z-index: 1000;
+  top: 0px;
+  right: 0px;
+  width: 220px;
+}
+body.page-header-fixed #sidebar-right .panel .panel-body {
+  margin-top: 53px;
+}
+
+@media (max-width: 768px) {
+  body.page-header-fixed #header .header-right {
+    left: 0px;
+  }
+  body.page-header-fixed #header .header-left {
+    position: fixed;
+  }
+  body.page-header-fixed.page-sidebar-left-show .navbar-toolbar {
+    left: 220px;
+  }
+}
+/* ========================================================================
+ * PAGE SIDEBAR FIXED
+ * ======================================================================== */
+body.page-sidebar-fixed #sidebar-left {
+  position: fixed;
+  left: 0px;
+}
+body.page-sidebar-fixed #sidebar-left .sidebar-content .close {
+  display: none;
+}
+body.page-sidebar-fixed #sidebar-right {
+  position: fixed;
+}
+body.page-sidebar-fixed.page-sidebar-minimize #sidebar-left .sidebar-menu:hover, body.page-sidebar-fixed.page-sidebar-minimize-auto #sidebar-left .sidebar-menu:hover {
+  min-width: 250px;
+}
+body.page-sidebar-fixed.page-sidebar-minimize #sidebar-left .sidebar-menu:hover > .active, body.page-sidebar-fixed.page-sidebar-minimize #sidebar-left .sidebar-menu:hover .sidebar-category, body.page-sidebar-fixed.page-sidebar-minimize-auto #sidebar-left .sidebar-menu:hover > .active, body.page-sidebar-fixed.page-sidebar-minimize-auto #sidebar-left .sidebar-menu:hover .sidebar-category {
+  width: 75px;
+}
+body.page-sidebar-fixed.page-sidebar-minimize #sidebar-left .sidebar-menu > .active:hover, body.page-sidebar-fixed.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > .active:hover {
+  width: 250px;
+}
+
+@media (max-width: 768px) {
+  body.page-sidebar-fixed.page-sidebar-left-show #header .header-right {
+    left: 0px;
+    right: -220px;
+  }
+  body.page-sidebar-fixed.page-sidebar-right-show #header .header-right {
+    left: -220px;
+    right: 220px;
+  }
+  body.page-sidebar-fixed #sidebar-left {
+    left: -220px;
+  }
+}
+/* ========================================================================
+ * PAGE SIDEBAR MINIMIZE
+ * ======================================================================== */
+body.page-sidebar-minimize #header .header-left, body.page-sidebar-minimize-auto #header .header-left {
+  display: none;
+}
+body.page-sidebar-minimize #header .header-right, body.page-sidebar-minimize-auto #header .header-right {
+  left: 0;
+  right: 0;
+}
+body.page-sidebar-minimize #header .header-right .navbar-minimize, body.page-sidebar-minimize-auto #header .header-right .navbar-minimize {
+  width: 75px;
+  text-align: center;
+  border-right: none;
+}
+body.page-sidebar-minimize #header .header-right .navbar-toolbar:before, body.page-sidebar-minimize-auto #header .header-right .navbar-toolbar:before {
+  left: 75px;
+}
+body.page-sidebar-minimize #header .header-right .navbar-toolbar .navbar-right .dropdown > a, body.page-sidebar-minimize-auto #header .header-right .navbar-toolbar .navbar-right .dropdown > a {
+  padding-bottom: 13px;
+}
+body.page-sidebar-minimize #header .header-right .navbar-toolbar .navbar-right .navbar-profile > a, body.page-sidebar-minimize-auto #header .header-right .navbar-toolbar .navbar-right .navbar-profile > a {
+  padding-bottom: 9px;
+}
+body.page-sidebar-minimize #header .header-right .navbar-toolbar .navbar-right .navbar-setting a, body.page-sidebar-minimize-auto #header .header-right .navbar-toolbar .navbar-right .navbar-setting a {
+  padding-bottom: 13px;
+}
+body.page-sidebar-minimize #header .header-right .navbar-toolbar .navbar-right .navbar-setting a:hover, body.page-sidebar-minimize-auto #header .header-right .navbar-toolbar .navbar-right .navbar-setting a:hover {
+  background-color: #fbfbfb;
+}
+body.page-sidebar-minimize #header .navbar-header, body.page-sidebar-minimize-auto #header .navbar-header {
+  width: 100%;
+}
+body.page-sidebar-minimize #header .navbar-header .logo, body.page-sidebar-minimize-auto #header .navbar-header .logo {
+  display: none;
+}
+body.page-sidebar-minimize #sidebar-left, body.page-sidebar-minimize-auto #sidebar-left {
+  width: 75px;
+}
+body.page-sidebar-minimize #sidebar-left:after, body.page-sidebar-minimize-auto #sidebar-left:after {
+  width: 75px;
+}
+body.page-sidebar-minimize #sidebar-left:hover .sidebar-menu, body.page-sidebar-minimize-auto #sidebar-left:hover .sidebar-menu {
+  width: 1025px !important;
+}
+body.page-sidebar-minimize #sidebar-left:hover .sidebar-menu > li, body.page-sidebar-minimize-auto #sidebar-left:hover .sidebar-menu > li {
+  width: 250px;
+}
+body.page-sidebar-minimize #sidebar-left:hover .sidebar-menu > li.sidebar-category, body.page-sidebar-minimize #sidebar-left:hover .sidebar-menu > li.active, body.page-sidebar-minimize-auto #sidebar-left:hover .sidebar-menu > li.sidebar-category, body.page-sidebar-minimize-auto #sidebar-left:hover .sidebar-menu > li.active {
+  width: 75px;
+}
+body.page-sidebar-minimize #sidebar-left:hover .sidebar-menu > li.active:hover, body.page-sidebar-minimize-auto #sidebar-left:hover .sidebar-menu > li.active:hover {
+  width: 250px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-content .media .media-body, body.page-sidebar-minimize-auto #sidebar-left .sidebar-content .media .media-body {
+  display: none;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu {
+  width: 75px !important;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu:after, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu:after {
+  left: 37px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li:hover, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li:hover {
+  min-width: 220px;
+  background-color: #1d1d1d;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li:hover > a > .text, body.page-sidebar-minimize #sidebar-left .sidebar-menu > li:hover > a > .count, body.page-sidebar-minimize #sidebar-left .sidebar-menu > li:hover > a > .label, body.page-sidebar-minimize #sidebar-left .sidebar-menu > li:hover > a > .badge, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li:hover > a > .text, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li:hover > a > .count, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li:hover > a > .label, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li:hover > a > .badge {
+  display: inline-block;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li:hover.submenu, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li:hover.submenu {
+  min-width: 250px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li:hover.submenu > ul, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li:hover.submenu > ul {
+  display: block !important;
+  background-color: #222222;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li:hover.submenu > ul > li > ul, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li:hover.submenu > ul > li > ul {
+  background-color: #222222;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li:after, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li:after {
+  left: 37px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .icon, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li > a > .icon {
+  min-width: 75px;
+  margin-left: 6px;
+  margin-right: 29px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .icon:after, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li > a > .icon:after {
+  left: 36px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .icon i, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li > a > .icon i {
+  line-height: 30px;
+  width: 34px;
+  font-size: 15px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .text, body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .count, body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .plus, body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .label, body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .badge, body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .arrow, body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .selected, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li > a > .text, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li > a > .count, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li > a > .plus, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li > a > .label, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li > a > .badge, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li > a > .arrow, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li > a > .selected {
+  display: none;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .label, body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .badge, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li > a > .label, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li > a > .badge {
+  margin-top: 10px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .arrow, body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .plus, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li > a > .arrow, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li > a > .plus {
+  margin-top: 3px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .count, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li > a > .count {
+  margin-top: 7px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li.sidebar-category, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li.sidebar-category {
+  text-align: center;
+  font-size: 12px;
+  padding: 0px;
+  min-width: 75px;
+  background-color: #323232;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li.sidebar-category .pull-right, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li.sidebar-category .pull-right {
+  display: none;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li.sidebar-category:hover, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li.sidebar-category:hover {
+  width: 75px !important;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li.submenu > ul, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li.submenu > ul {
+  z-index: 1000;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu > li.active, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li.active {
+  min-width: 75px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu .submenu:hover > ul, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu .submenu:hover > ul {
+  display: block !important;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu .submenu > ul, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu .submenu > ul {
+  position: absolute;
+  left: 75px;
+  top: 42px;
+  list-style: none;
+  min-width: 175px;
+  height: auto !important;
+  padding-left: 0;
+  display: none !important;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu .submenu > ul > li:last-child a, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu .submenu > ul > li:last-child a {
+  padding-bottom: 10px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu .submenu > ul > li.submenu:hover > ul, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu .submenu > ul > li.submenu:hover > ul {
+  display: block !important;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu .submenu > ul > li.submenu > ul, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu .submenu > ul > li.submenu > ul {
+  top: 0px !important;
+  left: 175px;
+  display: none;
+  border-top: none;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu .submenu ul:after, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu .submenu ul:after {
+  left: 13px;
+  top: 0px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu .submenu ul li:after, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu .submenu ul li:after {
+  left: 10px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu .submenu ul li a:before, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu .submenu ul li a:before {
+  margin-left: -7px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu .submenu.active > ul, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu .submenu.active > ul {
+  display: none !important;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu .submenu.submenu-arrow a .icon, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu .submenu.submenu-arrow a .icon {
+  z-index: 1;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu .submenu.submenu-arrow a .icon:after, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu .submenu.submenu-arrow a .icon:after {
+  content: "___";
+  position: absolute;
+  right: 0px;
+  top: 3px;
+  color: #373737;
+  z-index: -1;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu .submenu.submenu-arrow .submenu-header, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu .submenu.submenu-arrow .submenu-header {
+  display: block;
+  height: 40px;
+  line-height: 38px;
+  font-size: 12px;
+  text-transform: uppercase;
+  background-color: #373737;
+  padding: 0px 30px;
+  -moz-border-radius: 0px 3px 0px 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px 3px 0px 0px;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu .submenu.submenu-arrow .submenu-header:after, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu .submenu.submenu-arrow .submenu-header:after {
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-menu li.active > a:after, body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu li.active > a:after {
+  border-right: none;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-footer, body.page-sidebar-minimize-auto #sidebar-left .sidebar-footer {
+  display: none;
+}
+body.page-sidebar-minimize #sidebar-left .hidden-sidebar-minimize, body.page-sidebar-minimize-auto #sidebar-left .hidden-sidebar-minimize {
+  display: none;
+}
+body.page-sidebar-minimize #sidebar-left.sidebar-box .sidebar-menu .submenu > ul, body.page-sidebar-minimize #sidebar-left.sidebar-rounded .sidebar-menu .submenu > ul, body.page-sidebar-minimize #sidebar-left.sidebar-circle .sidebar-menu .submenu > ul, body.page-sidebar-minimize-auto #sidebar-left.sidebar-box .sidebar-menu .submenu > ul, body.page-sidebar-minimize-auto #sidebar-left.sidebar-rounded .sidebar-menu .submenu > ul, body.page-sidebar-minimize-auto #sidebar-left.sidebar-circle .sidebar-menu .submenu > ul {
+  top: 46px !important;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-category:before, body.page-sidebar-minimize-auto #sidebar-left .sidebar-category:before {
+  content: '';
+  border: 1px solid #323232;
+}
+body.page-sidebar-minimize #sidebar-left .sidebar-category span:first-child, body.page-sidebar-minimize-auto #sidebar-left .sidebar-category span:first-child {
+  display: none;
+}
+body.page-sidebar-minimize #page-content, body.page-sidebar-minimize-auto #page-content {
+  margin-left: 75px;
+}
+
+@media (max-width: 800px) {
+  body.page-sidebar-minimize #header .navbar-toolbar .navbar-form input, body.page-sidebar-minimize-auto #header .navbar-toolbar .navbar-form input {
+    min-width: 400px;
+  }
+  body.page-sidebar-minimize #page-content, body.page-sidebar-minimize-auto #page-content {
+    margin-right: 0px;
+  }
+  body.page-sidebar-minimize #page-content .header-content .breadcrumb-wrapper, body.page-sidebar-minimize-auto #page-content .header-content .breadcrumb-wrapper {
+    display: block;
+  }
+}
+@media (max-width: 768px) {
+  body.page-sidebar-minimize .header-left, body.page-sidebar-minimize-auto .header-left {
+    display: block !important;
+  }
+}
+/* ========================================================================
+ * PAGE SIDEBAR LEFT SHOW
+ * ======================================================================== */
+@media (max-width: 800px) {
+  body.page-sidebar-left-show {
+    overflow-x: hidden;
+  }
+  body.page-sidebar-left-show #header .header-right {
+    right: 0px;
+  }
+  body.page-sidebar-left-show #header .navbar-toolbar .navbar-form input {
+    min-width: 225px;
+  }
+  body.page-sidebar-left-show #page-content {
+    margin-right: -220px;
+  }
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show #header {
+    left: 220px;
+  }
+  body.page-sidebar-left-show #header .navbar-toolbar .navbar-form input {
+    min-width: 400px;
+  }
+  body.page-sidebar-left-show #sidebar-left {
+    top: 0px;
+    left: 0px;
+  }
+  body.page-sidebar-left-show #sidebar-left:after {
+    left: 0px;
+  }
+  body.page-sidebar-left-show #page-content {
+    margin-left: 220px !important;
+  }
+}
+/* ========================================================================
+ * PAGE SIDEBAR RIGHT SHOW
+ * ======================================================================== */
+body.page-sidebar-right-show #header .header-right {
+  right: 220px !important;
+}
+body.page-sidebar-right-show #sidebar-right {
+  right: 0px;
+  visibility: inherit;
+}
+body.page-sidebar-right-show #page-content {
+  margin-right: 220px !important;
+}
+body.page-sidebar-right-show #back-top {
+  right: 250px;
+}
+
+@media (max-width: 800px) {
+  body.page-sidebar-right-show #header .header-right {
+    left: 0px;
+    right: 220px;
+  }
+  body.page-sidebar-right-show #header .navbar-toolbar .navbar-form input {
+    min-width: 225px;
+  }
+  body.page-sidebar-right-show #page-content {
+    margin-left: 75px;
+  }
+  body.page-sidebar-right-show #page-content .header-content .breadcrumb-wrapper {
+    display: none;
+  }
+  body.page-sidebar-right-show #sidebar-left {
+    left: 0px;
+  }
+  body.page-sidebar-right-show #sidebar-left:after {
+    left: -220px;
+  }
+  body.page-sidebar-right-show #back-top {
+    right: 250px !important;
+  }
+}
+@media (max-width: 768px) {
+  body.page-sidebar-right-show #header .header-left, body.page-sidebar-right-show #header .header-right {
+    left: -220px;
+  }
+  body.page-sidebar-right-show #header .navbar-toolbar .navbar-form input {
+    min-width: 400px;
+  }
+  body.page-sidebar-right-show #sidebar-left {
+    left: -220px;
+  }
+  body.page-sidebar-right-show #sidebar-right {
+    top: 0px;
+    right: 0px;
+    visibility: inherit;
+  }
+  body.page-sidebar-right-show #page-content {
+    margin-left: -220px !important;
+    margin-right: 0px !important;
+  }
+  body.page-sidebar-right-show #page-content .header-content .breadcrumb-wrapper {
+    display: block;
+  }
+}
+@media (max-width: 640px) {
+  body.page-sidebar-right-show #header .navbar-toolbar .navbar-form input {
+    min-width: 270px;
+  }
+}
+/* ========================================================================
+ * PAGE FOOTER FIXED
+ * ======================================================================== */
+body.page-footer-fixed.page-sidebar-minimize #page-content .footer-content, body.page-footer-fixed.page-sidebar-minimize-auto #page-content .footer-content {
+  left: 75px;
+}
+body.page-footer-fixed #page-content .body-content {
+  margin-bottom: 40px;
+}
+body.page-footer-fixed #page-content .footer-content {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  left: 220px;
+  z-index: 1000;
+}
+body.page-footer-fixed #back-top {
+  bottom: 65px;
+}
+
+@media (max-width: 768px) {
+  body.page-footer-fixed #page-content .footer-content {
+    left: 0px;
+  }
+  body.page-footer-fixed.page-sidebar-left-show #page-content .footer-content {
+    left: 220px;
+    right: -220px;
+  }
+  body.page-footer-fixed.page-sidebar-right-show #page-content .footer-content {
+    right: 220px;
+    left: -220px;
+  }
+}
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+#header {
+  height: 50px;
+  margin-bottom: 0;
+  border: none;
+  position: relative;
+  z-index: 300;
+}
+
+@media (max-width: 800px) {
+  #header .header-right {
+    right: 0px;
+  }
+  #header .navbar-toolbar .navbar-form input {
+    min-width: 225px;
+  }
+}
+@media (max-width: 768px) {
+  #header .navbar-toolbar .navbar-form input {
+    min-width: 400px;
+  }
+  #header .header-left, #header .header-right {
+    display: block;
+  }
+  #header .header-left {
+    width: 100%;
+  }
+  #header .header-right {
+    top: 50px;
+    left: 0px;
+    right: 0px;
+  }
+  #header .header-right .navbar-form {
+    margin: 9px 10px 2px;
+  }
+  #header .navbar-minimize-mobile, #header .navbar-header {
+    float: left;
+    display: block;
+    position: relative;
+  }
+  #header .navbar-left {
+    float: left;
+  }
+  #header .navbar-right {
+    float: right;
+  }
+  #header .navbar-right .dropdown-menu {
+    right: 0px;
+    left: inherit;
+  }
+  #header .nav > li {
+    float: left;
+  }
+  #header .navbar-minimize, #header .navbar-setting {
+    display: none;
+  }
+  #header .navbar-nav {
+    margin: 0px;
+  }
+  #header .navbar-minimize-mobile {
+    position: absolute;
+    vertical-align: top;
+    text-align: center;
+    height: 99%;
+    line-height: 43px;
+    cursor: pointer;
+    padding-top: 8px;
+    width: 65px;
+    z-index: 1;
+  }
+  #header .navbar-minimize-mobile.left {
+    left: 0px;
+  }
+  #header .navbar-minimize-mobile.right {
+    right: 0px;
+  }
+  #header .navbar-minimize-mobile i {
+    font-size: 25px;
+  }
+  #header .navbar-header {
+    width: 100%;
+    z-index: -1;
+  }
+  #header .navbar-header .navbar-brand {
+    width: 100%;
+  }
+  #header .navbar-header .navbar-brand .logo {
+    display: block !important;
+    margin: 0px auto;
+  }
+  #header .navbar-form {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  #header .navbar-form .form-group {
+    margin-bottom: 0px;
+  }
+}
+@media (max-width: 600px) {
+  #header .navbar-toolbar .navbar-form input {
+    min-width: 263px;
+  }
+
+  body.page-sidebar-left-show #header .navbar-toolbar .navbar-form input {
+    min-width: 270px;
+  }
+}
+@media (max-width: 480px) {
+  #header .navbar-search {
+    display: none;
+  }
+  #header .navbar-toolbar .navbar-right .dropdown-menu {
+    right: 0px !important;
+  }
+}
+@media (max-width: 360px) {
+  #header .navbar-right .navbar-notification .dropdown-menu {
+    right: -45px;
+  }
+  #header .navbar-right .navbar-message .dropdown-menu {
+    right: -95px;
+  }
+  #header .navbar-toolbar .navbar-right .navbar-message .dropdown-menu {
+    right: -115px !important;
+  }
+  #header .navbar-toolbar .navbar-right .navbar-notification .dropdown-menu {
+    right: -65px !important;
+  }
+  #header .navbar-left .navbar-search {
+    display: none !important;
+  }
+}
+/* ========================================================================
+ * HEADER LEFT
+ * ======================================================================== */
+.header-left {
+  float: left;
+  position: relative;
+}
+.header-left .navbar-header {
+  height: 51px;
+  width: 220px;
+  left: 0;
+}
+.header-left .navbar-header .navbar-brand {
+  padding: 0;
+  text-align: center;
+  width: 100%;
+  color: white;
+  vertical-align: middle;
+  font-size: 20px;
+  line-height: 50px;
+  text-transform: capitalize;
+}
+.header-left .navbar-header .navbar-brand img {
+  margin: 0px auto;
+}
+.header-left .navbar-minimize-mobile {
+  color: #FFFFFF;
+  display: none;
+}
+
+/* ========================================================================
+ * HEADER RIGHT
+ * ======================================================================== */
+.header-right {
+  float: left;
+  position: absolute;
+  left: 220px;
+  right: 0px;
+}
+.header-right .navbar-toolbar:before {
+  border-bottom: 1px solid #DDD;
+  position: absolute;
+  display: block;
+  content: "";
+  bottom: -1px;
+  left: 0px;
+  right: 0px;
+}
+.header-right .navbar {
+  border: none;
+}
+
+/* ========================================================================
+ * NAVBAR TOOLBAR
+ * ======================================================================== */
+.navbar-toolbar {
+  border-bottom: none;
+  margin-bottom: 0px;
+  background-color: #FFFFFF;
+}
+.navbar-toolbar .navbar-left .navbar-minimize {
+  border-right: 1px solid #DDD;
+}
+.navbar-toolbar .navbar-left .navbar-minimize a {
+  padding-top: 16px;
+  padding-bottom: 13px;
+}
+.navbar-toolbar .navbar-left .navbar-minimize a i {
+  font-size: 24px;
+  margin-top: -3px;
+}
+.navbar-toolbar .navbar-left .navbar-search .trigger-search {
+  font-size: 22px;
+  color: #777;
+  display: none;
+  padding: 14px;
+}
+.navbar-toolbar .navbar-right .dropdown > a {
+  padding-top: 16px;
+  padding-bottom: 12px;
+}
+.navbar-toolbar .navbar-right .dropdown > a .count {
+  position: absolute;
+  top: 9px;
+  right: 6px;
+  padding: 0.4em 0.6em;
+}
+.navbar-toolbar .navbar-right .dropdown > a > i {
+  position: relative;
+  font-size: 22px;
+  color: #777;
+}
+.navbar-toolbar .navbar-right .navbar-profile > a {
+  padding-top: 8px;
+  padding-right: 11px;
+  padding-bottom: 8px;
+}
+.navbar-toolbar .navbar-right .navbar-profile > a .meta {
+  display: table;
+  width: 100%;
+  line-height: 30px;
+}
+.navbar-toolbar .navbar-right .navbar-profile > a .meta .avatar {
+  display: table-cell;
+  vertical-align: middle;
+  width: 35px;
+  height: 35px;
+}
+.navbar-toolbar .navbar-right .navbar-profile > a .meta .avatar img {
+  display: block;
+  width: 100%;
+}
+.navbar-toolbar .navbar-right .navbar-profile > a .meta .text {
+  font-size: 13px;
+  font-weight: 600;
+  padding-left: 5px;
+}
+.navbar-toolbar .navbar-right .navbar-profile > a .meta .caret {
+  margin-left: 5px;
+  color: gray;
+}
+.navbar-toolbar .navbar-right .navbar-profile .dropdown-menu {
+  width: 180px;
+  height: inherit;
+  min-height: 0;
+}
+.navbar-toolbar .navbar-right .navbar-profile .dropdown-menu .dropdown-header {
+  box-shadow: none;
+  border-top: 1px solid #DDD;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.navbar-toolbar .navbar-right .navbar-profile .dropdown-menu .dropdown-header:first-child {
+  border-top: none;
+}
+.navbar-toolbar .navbar-right .navbar-profile .dropdown-menu > li > a {
+  white-space: normal;
+}
+.navbar-toolbar .navbar-right .navbar-profile .dropdown-menu li:first-child a {
+  margin-top: 9px;
+}
+.navbar-toolbar .navbar-right .navbar-profile .dropdown-menu li a {
+  color: #999;
+  padding: 3px 10px;
+}
+.navbar-toolbar .navbar-right .navbar-profile .dropdown-menu li a:hover {
+  color: #808080;
+}
+.navbar-toolbar .navbar-right .navbar-profile .dropdown-menu li a i {
+  min-width: 20px;
+}
+.navbar-toolbar .navbar-right .navbar-profile .dropdown-menu li a .label {
+  margin-top: 2px;
+}
+.navbar-toolbar .navbar-right .navbar-setting {
+  border-left: 1px solid #DDD;
+}
+.navbar-toolbar .navbar-right .navbar-setting:visited {
+  background-color: transparent;
+}
+.navbar-toolbar .navbar-right .navbar-setting a {
+  padding-right: 15px;
+  padding-top: 16px;
+  padding-bottom: 12px;
+}
+.navbar-toolbar .navbar-right .navbar-setting a i {
+  z-index: 2;
+  position: relative;
+  font-size: 22px;
+}
+.navbar-toolbar .navbar-right .dropdown-menu {
+  top: auto;
+  width: 300px;
+  padding: 0;
+  position: absolute;
+  margin-top: 5px;
+  background-color: #FFF;
+  border: none;
+  border-radius: 3px;
+  min-height: 355px;
+  overflow: hidden;
+  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
+}
+.navbar-toolbar .navbar-right .dropdown-menu .dropdown-header {
+  display: table;
+  width: 100%;
+  background-color: #F7F7F7;
+  border-bottom: 1px solid #E6EBED;
+  padding: 0 15px !important;
+  height: 36px;
+  line-height: 36px;
+  color: #5E5E5E;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+  font-size: 13px;
+  font-weight: 600;
+}
+.navbar-toolbar .navbar-right .dropdown-menu .dropdown-header .title {
+  display: table-cell;
+  font-weight: 600;
+}
+.navbar-toolbar .navbar-right .dropdown-menu .dropdown-header .option {
+  display: table-cell;
+  font-weight: 400;
+}
+.navbar-toolbar .navbar-right .dropdown-menu .dropdown-body {
+  height: 281px;
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
+}
+.navbar-toolbar .navbar-right .dropdown-menu .dropdown-footer {
+  display: table;
+  width: 100%;
+  background-color: #F7F7F7;
+  border-top: 1px solid #DDD;
+  border-bottom: 1px solid #DDD;
+  padding: 0 15px !important;
+  height: 36px;
+  line-height: 36px;
+  color: #5E5E5E;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+  font-size: 13px;
+  font-weight: 600;
+  position: absolute;
+  bottom: 0;
+  text-align: center;
+  -moz-border-radius: 0px 0px 3px 3px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px 0px 3px 3px;
+}
+.navbar-toolbar .navbar-form {
+  padding: 0;
+  margin-left: 15px;
+  margin-right: 15px;
+  -moz-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
+  -webkit-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+}
+.navbar-toolbar .navbar-form input {
+  box-shadow: none;
+  min-width: 350px;
+}
+.navbar-toolbar .navbar-form .form-group {
+  padding: 0px;
+}
+.navbar-toolbar .sidebar-minimize i {
+  color: #777;
+}
+
+@media (max-width: 640px) {
+  .navbar-toolbar .navbar-form {
+    padding: 7px -15px 2px !important;
+    margin: 7px 10px 2px !important;
+  }
+  .navbar-toolbar .navbar-form input {
+    min-width: 275px;
+  }
+}
+/* ========================================================================
+ * NAVBAR MESSAGE
+ * ======================================================================== */
+.navbar-message form {
+  padding: 6px 15px;
+  background-color: #FAFAFA;
+  border-bottom: 1px solid #E6EBED;
+}
+.navbar-message form .has-icon .form-control-icon {
+  position: absolute;
+  z-index: 5;
+  top: 0;
+  right: 0;
+  width: 34px;
+  line-height: 33px;
+  text-align: center;
+  color: #777;
+}
+.navbar-message > a {
+  position: relative;
+}
+.navbar-message .media-list {
+  height: 225px;
+  width: 100%;
+}
+.navbar-message .media-list .media .media-body .media-heading {
+  font-weight: 400;
+}
+
+/* ========================================================================
+ * NAVBAR NOTIFICATION
+ * ======================================================================== */
+.navbar-notification .media-list i {
+  font-size: 30px;
+}
+
+.navbar-message .indicator, .navbar-notification .indicator {
+  text-align: center;
+}
+.navbar-message .indicator .spinner, .navbar-notification .indicator .spinner {
+  left: 26%;
+  width: 200px;
+  font-size: 13px;
+  line-height: 17px;
+  color: #999;
+}
+
+/* ========================================================================
+ * NAVBAR COLORS
+ * ======================================================================== */
+.navbar-dark {
+  background-color: #2A2A2A;
+  color: #777;
+}
+.navbar-dark:before {
+  border-bottom: none !important;
+}
+.navbar-dark .sidebar-minimize i {
+  color: #FFFFFF;
+}
+.navbar-dark .navbar-left .navbar-minimize {
+  border-right: none;
+}
+.navbar-dark .navbar-left .navbar-minimize a:hover, .navbar-dark .navbar-left .navbar-minimize a:focus, .navbar-dark .navbar-left .navbar-minimize a:active {
+  background-color: #505050;
+}
+.navbar-dark .navbar-left .navbar-minimize a:hover i, .navbar-dark .navbar-left .navbar-minimize a:focus i, .navbar-dark .navbar-left .navbar-minimize a:active i {
+  color: #FFFFFF;
+}
+.navbar-dark .navbar-left .navbar-minimize a i {
+  color: #777;
+}
+.navbar-dark .navbar-left .navbar-search .navbar-form input {
+  background-color: #505050 !important;
+  color: #777 !important;
+}
+.navbar-dark .navbar-left .navbar-search .navbar-form input::-webkit-input-placeholder {
+  color: #777;
+}
+.navbar-dark .navbar-left .navbar-search .navbar-form input:-moz-placeholder {
+  color: #777;
+}
+.navbar-dark .navbar-left .navbar-search .navbar-form input::-moz-placeholder {
+  color: #777;
+}
+.navbar-dark .navbar-left .navbar-search .navbar-form input:-ms-input-placeholder {
+  color: #777;
+}
+.navbar-dark .navbar-left .navbar-search .navbar-form button[type=submit]:before {
+  color: #777;
+}
+.navbar-dark .navbar-right .dropdown > a:hover, .navbar-dark .navbar-right .dropdown > a:focus, .navbar-dark .navbar-right .dropdown > a:active, .navbar-dark .navbar-right .dropdown > a:visited {
+  background-color: #505050 !important;
+}
+.navbar-dark .navbar-right .dropdown > a > i {
+  color: #777;
+}
+.navbar-dark .navbar-right .navbar-setting {
+  border-left: none;
+}
+.navbar-dark .navbar-right .navbar-setting a:hover, .navbar-dark .navbar-right .navbar-setting a:focus, .navbar-dark .navbar-right .navbar-setting a:active, .navbar-dark .navbar-right .navbar-setting a:visited {
+  background-color: #505050 !important;
+}
+.navbar-dark .navbar-right .navbar-setting a i {
+  color: #777;
+}
+.navbar-dark .navbar-right .navbar-profile > a .meta .text, .navbar-dark .navbar-right .navbar-profile > a .meta .caret {
+  color: #777;
+}
+.navbar-dark .navbar-right .navbar-chat {
+  border-left: none;
+}
+.navbar-dark .navbar-right .navbar-chat a i {
+  color: #777;
+}
+.navbar-dark .navbar-form input {
+  border: 1px solid #2A2A2A !important;
+}
+.navbar-dark .navbar-form input:focus, .navbar-dark .navbar-form input:active {
+  border: 1px solid #2A2A2A !important;
+}
+.navbar-dark .navbar-form .form-group .btn {
+  background-color: #2A2A2A;
+  border: 1px solid #2A2A2A;
+}
+
+.navbar-primary {
+  background-color: #00B1E1;
+  color: #FFFFFF;
+}
+.navbar-primary:before {
+  border-bottom: none !important;
+}
+.navbar-primary .sidebar-minimize i {
+  color: #FFFFFF;
+}
+.navbar-primary .navbar-left .navbar-minimize {
+  border-right: none;
+}
+.navbar-primary .navbar-left .navbar-minimize a:hover, .navbar-primary .navbar-left .navbar-minimize a:focus, .navbar-primary .navbar-left .navbar-minimize a:active {
+  background-color: #2fd3ff;
+}
+.navbar-primary .navbar-left .navbar-minimize a:hover i, .navbar-primary .navbar-left .navbar-minimize a:focus i, .navbar-primary .navbar-left .navbar-minimize a:active i {
+  color: #FFFFFF;
+}
+.navbar-primary .navbar-left .navbar-minimize a i {
+  color: #FFFFFF;
+}
+.navbar-primary .navbar-left .navbar-search .navbar-form input {
+  background-color: #2fd3ff !important;
+  color: #FFFFFF !important;
+}
+.navbar-primary .navbar-left .navbar-search .navbar-form input::-webkit-input-placeholder {
+  color: #FFFFFF;
+}
+.navbar-primary .navbar-left .navbar-search .navbar-form input:-moz-placeholder {
+  color: #FFFFFF;
+}
+.navbar-primary .navbar-left .navbar-search .navbar-form input::-moz-placeholder {
+  color: #FFFFFF;
+}
+.navbar-primary .navbar-left .navbar-search .navbar-form input:-ms-input-placeholder {
+  color: #FFFFFF;
+}
+.navbar-primary .navbar-left .navbar-search .navbar-form button[type=submit]:before {
+  color: #FFFFFF;
+}
+.navbar-primary .navbar-right .dropdown > a:hover, .navbar-primary .navbar-right .dropdown > a:focus, .navbar-primary .navbar-right .dropdown > a:active, .navbar-primary .navbar-right .dropdown > a:visited {
+  background-color: #2fd3ff !important;
+}
+.navbar-primary .navbar-right .dropdown > a > i {
+  color: #FFFFFF;
+}
+.navbar-primary .navbar-right .navbar-setting {
+  border-left: none;
+}
+.navbar-primary .navbar-right .navbar-setting a:hover, .navbar-primary .navbar-right .navbar-setting a:focus, .navbar-primary .navbar-right .navbar-setting a:active, .navbar-primary .navbar-right .navbar-setting a:visited {
+  background-color: #2fd3ff !important;
+}
+.navbar-primary .navbar-right .navbar-setting a i {
+  color: #FFFFFF;
+}
+.navbar-primary .navbar-right .navbar-profile > a .meta .text, .navbar-primary .navbar-right .navbar-profile > a .meta .caret {
+  color: #FFFFFF;
+}
+.navbar-primary .navbar-right .navbar-chat {
+  border-left: none;
+}
+.navbar-primary .navbar-right .navbar-chat a i {
+  color: #FFFFFF;
+}
+.navbar-primary .navbar-form input {
+  border: 1px solid #00B1E1 !important;
+}
+.navbar-primary .navbar-form input:focus, .navbar-primary .navbar-form input:active {
+  border: 1px solid #00B1E1 !important;
+}
+.navbar-primary .navbar-form .form-group .btn {
+  background-color: #00B1E1;
+  border: 1px solid #00B1E1;
+}
+
+.navbar-success {
+  background-color: #8CC152;
+  color: #FFFFFF;
+}
+.navbar-success:before {
+  border-bottom: none !important;
+}
+.navbar-success .sidebar-minimize i {
+  color: #FFFFFF;
+}
+.navbar-success .navbar-left .navbar-minimize {
+  border-right: none;
+}
+.navbar-success .navbar-left .navbar-minimize a:hover, .navbar-success .navbar-left .navbar-minimize a:focus, .navbar-success .navbar-left .navbar-minimize a:active {
+  background-color: #b1d58a;
+}
+.navbar-success .navbar-left .navbar-minimize a:hover i, .navbar-success .navbar-left .navbar-minimize a:focus i, .navbar-success .navbar-left .navbar-minimize a:active i {
+  color: #FFFFFF;
+}
+.navbar-success .navbar-left .navbar-minimize a i {
+  color: #FFFFFF;
+}
+.navbar-success .navbar-left .navbar-search .navbar-form input {
+  background-color: #b1d58a !important;
+  color: #FFFFFF !important;
+}
+.navbar-success .navbar-left .navbar-search .navbar-form input::-webkit-input-placeholder {
+  color: #FFFFFF;
+}
+.navbar-success .navbar-left .navbar-search .navbar-form input:-moz-placeholder {
+  color: #FFFFFF;
+}
+.navbar-success .navbar-left .navbar-search .navbar-form input::-moz-placeholder {
+  color: #FFFFFF;
+}
+.navbar-success .navbar-left .navbar-search .navbar-form input:-ms-input-placeholder {
+  color: #FFFFFF;
+}
+.navbar-success .navbar-left .navbar-search .navbar-form button[type=submit]:before {
+  color: #FFFFFF;
+}
+.navbar-success .navbar-right .dropdown > a:hover, .navbar-success .navbar-right .dropdown > a:focus, .navbar-success .navbar-right .dropdown > a:active, .navbar-success .navbar-right .dropdown > a:visited {
+  background-color: #b1d58a !important;
+}
+.navbar-success .navbar-right .dropdown > a > i {
+  color: #FFFFFF;
+}
+.navbar-success .navbar-right .navbar-setting {
+  border-left: none;
+}
+.navbar-success .navbar-right .navbar-setting a:hover, .navbar-success .navbar-right .navbar-setting a:focus, .navbar-success .navbar-right .navbar-setting a:active, .navbar-success .navbar-right .navbar-setting a:visited {
+  background-color: #b1d58a !important;
+}
+.navbar-success .navbar-right .navbar-setting a i {
+  color: #FFFFFF;
+}
+.navbar-success .navbar-right .navbar-profile > a .meta .text, .navbar-success .navbar-right .navbar-profile > a .meta .caret {
+  color: #FFFFFF;
+}
+.navbar-success .navbar-right .navbar-chat {
+  border-left: none;
+}
+.navbar-success .navbar-right .navbar-chat a i {
+  color: #FFFFFF;
+}
+.navbar-success .navbar-form input {
+  border: 1px solid #8CC152 !important;
+}
+.navbar-success .navbar-form input:focus, .navbar-success .navbar-form input:active {
+  border: 1px solid #8CC152 !important;
+}
+.navbar-success .navbar-form .form-group .btn {
+  background-color: #8CC152;
+  border: 1px solid #8CC152;
+}
+
+.navbar-info {
+  background-color: #63D3E9;
+  color: #FFFFFF;
+}
+.navbar-info:before {
+  border-bottom: none !important;
+}
+.navbar-info .sidebar-minimize i {
+  color: #FFFFFF;
+}
+.navbar-info .navbar-left .navbar-minimize {
+  border-right: none;
+}
+.navbar-info .navbar-left .navbar-minimize a:hover, .navbar-info .navbar-left .navbar-minimize a:focus, .navbar-info .navbar-left .navbar-minimize a:active {
+  background-color: #a6e6f2;
+}
+.navbar-info .navbar-left .navbar-minimize a:hover i, .navbar-info .navbar-left .navbar-minimize a:focus i, .navbar-info .navbar-left .navbar-minimize a:active i {
+  color: #FFFFFF;
+}
+.navbar-info .navbar-left .navbar-minimize a i {
+  color: #FFFFFF;
+}
+.navbar-info .navbar-left .navbar-search .navbar-form input {
+  background-color: #a6e6f2 !important;
+  color: #FFFFFF !important;
+}
+.navbar-info .navbar-left .navbar-search .navbar-form input::-webkit-input-placeholder {
+  color: #FFFFFF;
+}
+.navbar-info .navbar-left .navbar-search .navbar-form input:-moz-placeholder {
+  color: #FFFFFF;
+}
+.navbar-info .navbar-left .navbar-search .navbar-form input::-moz-placeholder {
+  color: #FFFFFF;
+}
+.navbar-info .navbar-left .navbar-search .navbar-form input:-ms-input-placeholder {
+  color: #FFFFFF;
+}
+.navbar-info .navbar-left .navbar-search .navbar-form button[type=submit]:before {
+  color: #FFFFFF;
+}
+.navbar-info .navbar-right .dropdown > a:hover, .navbar-info .navbar-right .dropdown > a:focus, .navbar-info .navbar-right .dropdown > a:active, .navbar-info .navbar-right .dropdown > a:visited {
+  background-color: #a6e6f2 !important;
+}
+.navbar-info .navbar-right .dropdown > a > i {
+  color: #FFFFFF;
+}
+.navbar-info .navbar-right .navbar-setting {
+  border-left: none;
+}
+.navbar-info .navbar-right .navbar-setting a:hover, .navbar-info .navbar-right .navbar-setting a:focus, .navbar-info .navbar-right .navbar-setting a:active, .navbar-info .navbar-right .navbar-setting a:visited {
+  background-color: #a6e6f2 !important;
+}
+.navbar-info .navbar-right .navbar-setting a i {
+  color: #FFFFFF;
+}
+.navbar-info .navbar-right .navbar-profile > a .meta .text, .navbar-info .navbar-right .navbar-profile > a .meta .caret {
+  color: #FFFFFF;
+}
+.navbar-info .navbar-right .navbar-chat {
+  border-left: none;
+}
+.navbar-info .navbar-right .navbar-chat a i {
+  color: #FFFFFF;
+}
+.navbar-info .navbar-form input {
+  border: 1px solid #63D3E9 !important;
+}
+.navbar-info .navbar-form input:focus, .navbar-info .navbar-form input:active {
+  border: 1px solid #63D3E9 !important;
+}
+.navbar-info .navbar-form .form-group .btn {
+  background-color: #63D3E9;
+  border: 1px solid #63D3E9;
+}
+
+.navbar-warning {
+  background-color: #F6BB42;
+  color: #FFFFFF;
+}
+.navbar-warning:before {
+  border-bottom: none !important;
+}
+.navbar-warning .sidebar-minimize i {
+  color: #FFFFFF;
+}
+.navbar-warning .navbar-left .navbar-minimize {
+  border-right: none;
+}
+.navbar-warning .navbar-left .navbar-minimize a:hover, .navbar-warning .navbar-left .navbar-minimize a:focus, .navbar-warning .navbar-left .navbar-minimize a:active {
+  background-color: #f9d58b;
+}
+.navbar-warning .navbar-left .navbar-minimize a:hover i, .navbar-warning .navbar-left .navbar-minimize a:focus i, .navbar-warning .navbar-left .navbar-minimize a:active i {
+  color: #FFFFFF;
+}
+.navbar-warning .navbar-left .navbar-minimize a i {
+  color: #FFFFFF;
+}
+.navbar-warning .navbar-left .navbar-search .navbar-form input {
+  background-color: #f9d58b !important;
+  color: #FFFFFF !important;
+}
+.navbar-warning .navbar-left .navbar-search .navbar-form input::-webkit-input-placeholder {
+  color: #FFFFFF;
+}
+.navbar-warning .navbar-left .navbar-search .navbar-form input:-moz-placeholder {
+  color: #FFFFFF;
+}
+.navbar-warning .navbar-left .navbar-search .navbar-form input::-moz-placeholder {
+  color: #FFFFFF;
+}
+.navbar-warning .navbar-left .navbar-search .navbar-form input:-ms-input-placeholder {
+  color: #FFFFFF;
+}
+.navbar-warning .navbar-left .navbar-search .navbar-form button[type=submit]:before {
+  color: #FFFFFF;
+}
+.navbar-warning .navbar-right .dropdown > a:hover, .navbar-warning .navbar-right .dropdown > a:focus, .navbar-warning .navbar-right .dropdown > a:active, .navbar-warning .navbar-right .dropdown > a:visited {
+  background-color: #f9d58b !important;
+}
+.navbar-warning .navbar-right .dropdown > a > i {
+  color: #FFFFFF;
+}
+.navbar-warning .navbar-right .navbar-setting {
+  border-left: none;
+}
+.navbar-warning .navbar-right .navbar-setting a:hover, .navbar-warning .navbar-right .navbar-setting a:focus, .navbar-warning .navbar-right .navbar-setting a:active, .navbar-warning .navbar-right .navbar-setting a:visited {
+  background-color: #f9d58b !important;
+}
+.navbar-warning .navbar-right .navbar-setting a i {
+  color: #FFFFFF;
+}
+.navbar-warning .navbar-right .navbar-profile > a .meta .text, .navbar-warning .navbar-right .navbar-profile > a .meta .caret {
+  color: #FFFFFF;
+}
+.navbar-warning .navbar-right .navbar-chat {
+  border-left: none;
+}
+.navbar-warning .navbar-right .navbar-chat a i {
+  color: #FFFFFF;
+}
+.navbar-warning .navbar-form input {
+  border: 1px solid #F6BB42 !important;
+}
+.navbar-warning .navbar-form input:focus, .navbar-warning .navbar-form input:active {
+  border: 1px solid #F6BB42 !important;
+}
+.navbar-warning .navbar-form .form-group .btn {
+  background-color: #F6BB42;
+  border: 1px solid #F6BB42;
+}
+
+.navbar-danger {
+  background-color: #E9573F;
+  color: #FFFFFF;
+}
+.navbar-danger:before {
+  border-bottom: none !important;
+}
+.navbar-danger .sidebar-minimize i {
+  color: #FFFFFF;
+}
+.navbar-danger .navbar-left .navbar-minimize {
+  border-right: none;
+}
+.navbar-danger .navbar-left .navbar-minimize a:hover, .navbar-danger .navbar-left .navbar-minimize a:focus, .navbar-danger .navbar-left .navbar-minimize a:active {
+  background-color: #f19384;
+}
+.navbar-danger .navbar-left .navbar-minimize a:hover i, .navbar-danger .navbar-left .navbar-minimize a:focus i, .navbar-danger .navbar-left .navbar-minimize a:active i {
+  color: #FFFFFF;
+}
+.navbar-danger .navbar-left .navbar-minimize a i {
+  color: #FFFFFF;
+}
+.navbar-danger .navbar-left .navbar-search .navbar-form input {
+  background-color: #f19384 !important;
+  color: #FFFFFF !important;
+}
+.navbar-danger .navbar-left .navbar-search .navbar-form input::-webkit-input-placeholder {
+  color: #FFFFFF;
+}
+.navbar-danger .navbar-left .navbar-search .navbar-form input:-moz-placeholder {
+  color: #FFFFFF;
+}
+.navbar-danger .navbar-left .navbar-search .navbar-form input::-moz-placeholder {
+  color: #FFFFFF;
+}
+.navbar-danger .navbar-left .navbar-search .navbar-form input:-ms-input-placeholder {
+  color: #FFFFFF;
+}
+.navbar-danger .navbar-left .navbar-search .navbar-form button[type=submit]:before {
+  color: #FFFFFF;
+}
+.navbar-danger .navbar-right .dropdown > a:hover, .navbar-danger .navbar-right .dropdown > a:focus, .navbar-danger .navbar-right .dropdown > a:active, .navbar-danger .navbar-right .dropdown > a:visited {
+  background-color: #f19384 !important;
+}
+.navbar-danger .navbar-right .dropdown > a > i {
+  color: #FFFFFF;
+}
+.navbar-danger .navbar-right .navbar-setting {
+  border-left: none;
+}
+.navbar-danger .navbar-right .navbar-setting a:hover, .navbar-danger .navbar-right .navbar-setting a:focus, .navbar-danger .navbar-right .navbar-setting a:active, .navbar-danger .navbar-right .navbar-setting a:visited {
+  background-color: #f19384 !important;
+}
+.navbar-danger .navbar-right .navbar-setting a i {
+  color: #FFFFFF;
+}
+.navbar-danger .navbar-right .navbar-profile > a .meta .text, .navbar-danger .navbar-right .navbar-profile > a .meta .caret {
+  color: #FFFFFF;
+}
+.navbar-danger .navbar-right .navbar-chat {
+  border-left: none;
+}
+.navbar-danger .navbar-right .navbar-chat a i {
+  color: #FFFFFF;
+}
+.navbar-danger .navbar-form input {
+  border: 1px solid #E9573F !important;
+}
+.navbar-danger .navbar-form input:focus, .navbar-danger .navbar-form input:active {
+  border: 1px solid #E9573F !important;
+}
+.navbar-danger .navbar-form .form-group .btn {
+  background-color: #E9573F;
+  border: 1px solid #E9573F;
+}
+
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+#page-content {
+  background-color: #E9EAED;
+  margin-left: 220px;
+  z-index: 100;
+}
+
+@media (max-width: 1024px) {
+  #page-content .header-content h2 span {
+    display: none;
+  }
+}
+@media (max-width: 800px) {
+  #page-content {
+    margin-right: 0px;
+  }
+  #page-content .header-content h2 {
+    font-size: 20px;
+  }
+  #page-content .header-content .breadcrumb-wrapper {
+    display: none;
+  }
+}
+@media (max-width: 768px) {
+  #page-content {
+    position: relative;
+    display: block;
+    width: 100%;
+    margin-left: 0px !important;
+    margin-top: 50px;
+    margin-right: 0px !important;
+  }
+  #page-content .header-content {
+    padding: 12px 10px;
+  }
+  #page-content .header-content .breadcrumb-wrapper {
+    right: 10px;
+    display: block;
+  }
+}
+@media (max-width: 600px) {
+  #page-content .navbar-form input {
+    min-width: 230px !important;
+  }
+  #page-content .navbar-form .tt-dropdown-menu {
+    width: 300px !important;
+  }
+}
+@media (max-width: 480px) {
+  #page-content .navbar-form input {
+    min-width: 200px !important;
+  }
+  #page-content .navbar-left {
+    margin: 7.5px 0px 7.5px 5px !important;
+  }
+  #page-content .navbar-right {
+    margin: 0px !important;
+  }
+}
+/* ========================================================================
+ * HEADER CONTENT
+ * ======================================================================== */
+.header-content {
+  padding: 12px 20px;
+  border-bottom: 1px solid #DDD;
+  background: #fbfbfb;
+  position: relative;
+  margin: 0px;
+}
+.header-content h2 {
+  font-size: 22px;
+  color: #1D2939;
+  letter-spacing: -0.5px;
+  margin: 0;
+}
+.header-content h2 i {
+  font-size: 21px;
+  margin-right: 7px;
+  border-right: 1px dotted #DDD;
+  padding-right: 10px;
+}
+.header-content h2 span {
+  font-size: 13px;
+  text-transform: none;
+  color: #999;
+  font-style: italic;
+  vertical-align: middle;
+  letter-spacing: 0;
+  margin-left: 5px;
+}
+.header-content .breadcrumb-wrapper {
+  position: absolute;
+  top: 15px;
+  right: 20px;
+}
+.header-content .breadcrumb-wrapper .label {
+  color: #999;
+  text-transform: uppercase;
+  font-size: 11px;
+  font-weight: normal;
+  display: inline-block;
+}
+.header-content .breadcrumb-wrapper .breadcrumb {
+  background: none;
+  display: inline-block;
+  padding: 0px;
+  margin: 0px;
+  border: none;
+}
+.header-content .breadcrumb-wrapper .breadcrumb li {
+  font-size: 12px;
+  white-space: nowrap;
+}
+.header-content .breadcrumb-wrapper .breadcrumb li + li:before {
+  content: "";
+  padding: 0px;
+}
+.header-content .breadcrumb-wrapper .breadcrumb li span, .header-content .breadcrumb-wrapper .breadcrumb li i {
+  color: #999;
+  width: 1.25em;
+  text-align: center;
+}
+.header-content .breadcrumb-wrapper .breadcrumb li span {
+  padding: 0px 3px;
+}
+.header-content .breadcrumb-wrapper .breadcrumb li a {
+  color: #999;
+}
+.header-content .breadcrumb-wrapper .breadcrumb li.active {
+  color: #999;
+  padding-left: 3px;
+}
+.header-content .breadcrumb-wrapper .breadcrumb li:last-child a {
+  text-decoration: none;
+  cursor: default;
+}
+.header-content .breadcrumb-wrapper .breadcrumb li:last-child i:last-child {
+  display: none;
+}
+
+/* ========================================================================
+ * BODY CONTENT
+ * ======================================================================== */
+.body-content {
+  background-color: #E9EAED;
+  padding: 20px;
+  min-height: inherit;
+  position: relative;
+}
+
+/* ========================================================================
+ * FOOTER CONTENT
+ * ======================================================================== */
+.footer-content {
+  background-color: white;
+  padding: 8px 11px;
+  font-size: 12px;
+  border-top: 1px solid #DDD;
+  border-bottom: 1px solid #DDD;
+  color: #999;
+}
+
+@media (max-width: 800px) {
+  .footer-content {
+    text-align: center;
+  }
+  .footer-content .pull-left, .footer-content .pull-right {
+    display: none;
+  }
+}
+/* ========================================================================
+ * SIDEBAR LEFT
+ * ======================================================================== */
+#sidebar-left {
+  width: 220px;
+  float: left;
+  z-index: 200;
+  position: absolute;
+  background-color: #2A2A2A;
+}
+#sidebar-left:after {
+  background-color: #2A2A2A;
+  position: fixed;
+  height: 100%;
+  top: 0px;
+  bottom: 0px;
+  display: block;
+  content: "";
+  width: 220px;
+  z-index: -2;
+}
+
+@media (max-width: 768px) {
+  #sidebar-left {
+    top: 100px;
+    left: -220px;
+    z-index: 9999;
+    position: absolute;
+  }
+  #sidebar-left:after {
+    left: -220px;
+  }
+  #sidebar-left .sidebar-content {
+    padding: 23px 10px;
+  }
+  #sidebar-left .sidebar-menu > li:first-child a {
+    padding-top: 13px;
+  }
+}
+/* ========================================================================
+ * SIDEBAR RIGHT
+ * ======================================================================== */
+#sidebar-right {
+  top: 0px;
+  right: -220px;
+  visibility: hidden;
+  width: 220px;
+  position: fixed;
+  z-index: 500;
+}
+#sidebar-right:after {
+  background-color: #2A2A2A;
+  position: fixed;
+  height: 100%;
+  top: 0px;
+  bottom: 0px;
+  display: block;
+  content: "";
+  width: 220px;
+  z-index: -1;
+}
+#sidebar-right .panel {
+  border: none;
+}
+#sidebar-right .panel .panel-heading {
+  background-color: #2A2A2A;
+}
+#sidebar-right .panel .panel-heading .nav-tabs li.active a {
+  background-color: #2A2A2A;
+}
+#sidebar-right .panel .panel-heading .nav-tabs li.active a i {
+  color: #ffffff;
+}
+#sidebar-right .panel .panel-heading .nav-tabs li a {
+  background-color: #2A2A2A;
+}
+#sidebar-right .panel .panel-heading .nav-tabs li a:hover {
+  background-color: #323232;
+}
+#sidebar-right .panel .panel-heading .nav-tabs li i {
+  color: #7F7F7F;
+}
+#sidebar-right .panel .panel-heading ul li a {
+  padding: 12px 15px !important;
+}
+#sidebar-right .media-list {
+  background-color: #2A2A2A;
+}
+#sidebar-right .media-list .media:hover {
+  background-color: #2A2A2A;
+  opacity: 1;
+}
+#sidebar-right .media-list .media .media-heading {
+  color: #777;
+}
+#sidebar-right .media-list .media .media-body {
+  border-bottom: 1px solid #323232;
+}
+#sidebar-right .media-list .media:last-child .media-body {
+  border-bottom: none;
+}
+#sidebar-right .panel-tab {
+  background-color: transparent;
+}
+#sidebar-right .panel .panel-heading {
+  border-bottom: none;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+#sidebar-right .panel .panel-heading .nav-tabs li a {
+  cursor: pointer;
+  border: none;
+}
+#sidebar-right .panel .panel-heading .nav-tabs li a i {
+  font-size: 20px;
+  line-height: 30px;
+}
+#sidebar-right .panel .panel-body {
+  background-color: #2A2A2A;
+}
+#sidebar-right .sidebar-menu {
+  margin-top: 0px;
+}
+#sidebar-right .sidebar-menu > li > ul {
+  background-color: #2A2A2A;
+}
+#sidebar-right .sidebar-menu > li > ul > li {
+  border-bottom: none;
+}
+#sidebar-right .media-list .media .media-object {
+  margin-top: 10px;
+}
+#sidebar-right .media-list .media .media-object i {
+  top: 12px !important;
+}
+#sidebar-right .media-list .media .media-heading {
+  font-weight: 300;
+}
+#sidebar-right .media-list .media .media-body {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+@media (max-width: 768px) {
+  #sidebar-right {
+    top: 100px;
+  }
+  #sidebar-right.sidebar-show {
+    top: 100px;
+  }
+}
+@media (max-width: 480px) {
+  #sidebar-right .panel-tab .panel-heading ul li {
+    width: inherit;
+  }
+}
+/* ========================================================================
+ * SIDEBAR CONTENT
+ * ======================================================================== */
+.sidebar-content {
+  position: relative;
+  padding: 15px 10px;
+  border-bottom: 2px solid #373737;
+  min-height: 81px;
+}
+.sidebar-content .media-heading {
+  color: #777;
+}
+.sidebar-content .media-heading span {
+  color: #d0d0d0;
+}
+.sidebar-content small {
+  color: #777;
+}
+.sidebar-content .close {
+  color: white;
+}
+.sidebar-content:after {
+  position: absolute;
+  content: "";
+  left: 37px;
+  top: 0px;
+  bottom: 0px;
+  z-index: -1;
+}
+.sidebar-content img {
+  width: 54px;
+  height: 54px;
+}
+.sidebar-content .media {
+  margin-top: 0;
+}
+.sidebar-content .media-heading {
+  font-weight: 300 !important;
+  margin-bottom: 2px;
+  margin-top: 5px;
+}
+.sidebar-content .close {
+  position: absolute;
+  top: -2px;
+  right: 2px;
+  font-size: 19px;
+  font-weight: normal;
+  text-shadow: 0 1px 0 #FFF;
+}
+.sidebar-content .btn {
+  opacity: .7;
+}
+.sidebar-content .btn:hover {
+  opacity: 1;
+}
+
+/* ========================================================================
+ * SIDEBAR MENU
+ * ======================================================================== */
+.sidebar-menu {
+  list-style: none;
+  padding: 0;
+  position: relative;
+  margin-bottom: 0px;
+}
+.sidebar-menu li:after {
+  position: absolute;
+  content: "";
+  left: 55px;
+  bottom: -1px;
+}
+.sidebar-menu li.submenu .label.pull-right, .sidebar-menu li.submenu .badge.pull-right {
+  margin-right: 10px !important;
+}
+.sidebar-menu li.submenu .fa.arrow {
+  font-size: 15px;
+  margin-right: 15px;
+}
+.sidebar-menu li .label, .sidebar-menu li .badge {
+  text-shadow: 0px 1px 1px #777;
+  color: #f7f7f7;
+  padding: 3px 4px 4px 4px;
+}
+.sidebar-menu > li {
+  display: block;
+  position: relative;
+}
+.sidebar-menu > li:after {
+  border-left: 2px solid #373737;
+}
+.sidebar-menu > li:first-child.active {
+  margin-top: -1px;
+}
+.sidebar-menu > li:first-child > a > .icon:after {
+  top: -1px;
+}
+.sidebar-menu > li:last-child:after {
+  bottom: 10px;
+}
+.sidebar-menu > li:last-child > a > .icon:after {
+  bottom: 6px;
+}
+.sidebar-menu > li.active {
+  background-color: #3c3c3c;
+}
+.sidebar-menu > li.active .icon {
+  text-shadow: 0px 1px 1px #777;
+}
+.sidebar-menu > li.active > a span {
+  color: #d0d0d0;
+}
+.sidebar-menu > li.active > a .arrow {
+  color: #777;
+}
+.sidebar-menu > li.active > a > .plus:before {
+  content: "\f147";
+}
+.sidebar-menu > li.active > a > .icon i {
+  color: #d0d0d0;
+}
+.sidebar-menu > li.sidebar-minimize-end > a > .icon:after {
+  bottom: 6px !important;
+}
+.sidebar-menu > li > a {
+  display: block;
+  padding: 6px 15px;
+  text-decoration: none;
+}
+.sidebar-menu > li > a:hover span {
+  color: #d0d0d0;
+}
+.sidebar-menu > li > a:hover .text, .sidebar-menu > li > a:hover .icon > i {
+  color: #d0d0d0;
+}
+.sidebar-menu > li > a:after {
+  position: absolute;
+  content: "";
+  left: 29px;
+  top: -13px;
+  bottom: 0px;
+  z-index: -1;
+}
+.sidebar-menu > li > a > span {
+  display: inline;
+  color: #777;
+}
+.sidebar-menu > li > a > .count {
+  float: right;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+  font-size: 11px;
+  width: 22px;
+  height: 22px;
+  text-align: center;
+  line-height: 19px;
+  background-color: #373737;
+}
+.sidebar-menu > li > a > .icon {
+  margin-right: 10px;
+}
+.sidebar-menu > li > a > .icon:after {
+  content: "";
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  left: 29px;
+  z-index: -1;
+}
+.sidebar-menu > li > a > .icon i {
+  text-align: center;
+  line-height: 25px;
+  width: 29px;
+  font-size: 12px;
+  color: #777;
+}
+.sidebar-menu > li > a > .arrow, .sidebar-menu > li > a > .plus {
+  vertical-align: middle;
+  font-weight: 400;
+  text-align: center;
+  font-size: 13px;
+  position: absolute;
+  top: 10px;
+  right: 20px;
+}
+.sidebar-menu > li > a > .arrow:before, .sidebar-menu > li > a > .plus:before {
+  font-family: FontAwesome;
+  font-size: 15px;
+}
+.sidebar-menu > li > a > .arrow:before {
+  content: "\f105";
+}
+.sidebar-menu > li > a > .arrow.open:before {
+  content: "\f107" !important;
+}
+.sidebar-menu > li > a > .selected {
+  display: block;
+  background-image: none;
+  float: right;
+  position: absolute;
+  right: 0px;
+  top: 14px;
+  background: none;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-top: 6px double transparent;
+  border-bottom: 6px double transparent;
+  border-left: 0;
+  border-right: 6px solid #F3F3F4;
+}
+.sidebar-menu > li > a > .plus:before {
+  content: "\f196";
+}
+.sidebar-menu > li > a > .plus.open:before {
+  content: "\f147" !important;
+}
+.sidebar-menu > li > a > .pull-right {
+  margin-top: 5px;
+}
+.sidebar-menu > li.submenu ul {
+  display: none;
+}
+.sidebar-menu > li.submenu.active .arrow:before {
+  content: "\f107";
+}
+.sidebar-menu > li.submenu.active > ul {
+  display: block;
+}
+.sidebar-menu > li.submenu.active > ul > li.submenu.active .arrow:before {
+  content: "\f103" !important;
+}
+.sidebar-menu > li.submenu.active > ul > li.submenu.active > ul {
+  display: block;
+}
+.sidebar-menu > li.submenu.active > ul > li.submenu.active > ul > li.active a {
+  color: #d0d0d0;
+}
+.sidebar-menu > li.submenu.active > ul > li.submenu.active > ul > li.active a:before {
+  color: #81B71A;
+}
+.sidebar-menu > li.submenu.active > ul > li.submenu.active > ul > li a {
+  color: #777;
+}
+.sidebar-menu > li.submenu.active > ul > li.submenu.active > ul > li a:hover {
+  color: #d0d0d0;
+}
+.sidebar-menu > li > ul:after {
+  position: absolute;
+  content: "";
+  left: 29px;
+  top: 39px;
+  bottom: 0;
+}
+.sidebar-menu > li > ul > li {
+  line-height: 15px;
+  border-bottom: 1px solid #373737;
+}
+.sidebar-menu > li > ul > li > a:hover {
+  background-color: black;
+}
+.sidebar-menu > li > ul > li > a > .text {
+  min-width: 110px;
+}
+.sidebar-menu > li > ul > li > a > .arrow {
+  float: right;
+  margin-right: 21px;
+  vertical-align: middle;
+  font-weight: 400;
+  width: 30px;
+  text-align: right;
+  font-size: 13px;
+}
+.sidebar-menu > li > ul > li > a > .arrow:before {
+  font-family: FontAwesome;
+  font-size: 15px;
+  content: "\f101" !important;
+  margin-right: -6px;
+}
+.sidebar-menu > li > ul > li > a > .arrow.open:before {
+  content: "\f103" !important;
+}
+.sidebar-menu > li > ul > li > ul {
+  background-color: #161616;
+}
+.sidebar-menu > li > ul > li > ul > li > a {
+  padding: 8px 0px 8px 30px;
+}
+.sidebar-menu > li > ul > li > ul > li > a:hover {
+  background-color: black;
+}
+.sidebar-menu > li > ul > li > ul > li > ul {
+  background-color: #111111;
+}
+.sidebar-menu > li > ul > li > ul > li > ul > li > a {
+  padding: 8px 0px 8px 35px;
+}
+.sidebar-menu > li > ul > li > ul > li > ul > li > a:hover {
+  background-color: black;
+}
+.sidebar-menu > li > ul > li > ul > li > ul > li > ul {
+  background-color: #0b0b0b;
+}
+.sidebar-menu > li > ul > li > ul > li > ul > li > ul > li > a {
+  padding: 8px 0px 8px 40px;
+}
+.sidebar-menu > li > ul > li > ul > li > ul > li > ul > li > a:hover {
+  background-color: black;
+}
+.sidebar-menu > li > ul > li > ul > li > ul > li > ul > li > ul {
+  background-color: #060606;
+}
+.sidebar-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
+  padding: 8px 0px 8px 45px;
+}
+.sidebar-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover {
+  background-color: black;
+}
+.sidebar-menu > li > ul > li.active {
+  background-color: black;
+}
+.sidebar-menu > li > ul > li.active.submenu > a {
+  background-color: #373737;
+}
+.sidebar-menu ul {
+  margin: 0;
+  padding: 0;
+  background-color: #1d1d1d;
+  list-style: none;
+}
+.sidebar-menu ul li {
+  position: relative;
+}
+.sidebar-menu ul li:after {
+  background-color: #2A2A2A;
+}
+.sidebar-menu ul li a {
+  font-size: 12px;
+  text-decoration: none;
+  padding: 8px 0 8px 22px;
+  display: block;
+  text-transform: capitalize;
+  color: #777;
+}
+.sidebar-menu ul li a:hover {
+  color: #b7b7b7;
+}
+.sidebar-menu ul li a:before {
+  color: #373737;
+}
+.sidebar-menu ul li.active a {
+  color: #b7b7b7;
+}
+.sidebar-menu ul li.active a:before {
+  color: #373737;
+}
+.sidebar-menu ul li.active ul li.active > a {
+  color: #b7b7b7;
+}
+.sidebar-menu ul li.active ul li > a {
+  color: #777;
+}
+.sidebar-menu ul li.active ul li > a:hover {
+  color: #b7b7b7;
+}
+.sidebar-menu .submenu-header {
+  display: none;
+}
+
+/* ========================================================================
+ * SIDEBAR CATEGORY
+ * ======================================================================== */
+.sidebar-category {
+  padding: 0px 20px;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 40px;
+  margin: 0px;
+  text-transform: uppercase;
+  background-color: #323232;
+  color: #7f7f7f;
+}
+
+/* ========================================================================
+ * SIDEBAR FOOTER
+ * ======================================================================== */
+.sidebar-footer {
+  line-height: 40px;
+  height: 40px;
+}
+.sidebar-footer a {
+  color: #777;
+}
+.sidebar-footer a:hover {
+  color: black;
+}
+.sidebar-footer .pull-left {
+  width: 25%;
+  text-align: center;
+}
+.sidebar-footer .pull-left i {
+  font-size: 12px;
+}
+
+/* ========================================================================
+ * SIDEBAR COLORS
+ * ======================================================================== */
+.sidebar-light {
+  background-color: #FFFFFF !important;
+}
+.sidebar-light:after {
+  background-color: #FFFFFF !important;
+}
+.sidebar-light .sidebar-content {
+  border-bottom: 2px solid #DDD !important;
+}
+.sidebar-light .sidebar-content img, .sidebar-light .sidebar-content .online {
+  border: 2px solid #DDD !important;
+}
+.sidebar-light .sidebar-menu > li:hover {
+  background-color: #e4e4e7 !important;
+}
+.sidebar-light .sidebar-menu > li:hover.submenu > ul {
+  background-color: #f7f7f8 !important;
+}
+.sidebar-light .sidebar-menu > li:hover.submenu > ul > li:hover a {
+  background-color: #f4f4f5 !important;
+}
+.sidebar-light .sidebar-menu > li:hover.submenu > ul > li > ul {
+  background-color: #f7f7f8 !important;
+}
+.sidebar-light .sidebar-menu > li:first-child > a > .icon:after {
+  top: -1px;
+}
+.sidebar-light .sidebar-menu > li:last-child > a > .icon:after {
+  bottom: 6px;
+}
+.sidebar-light .sidebar-menu > li > a:hover .text, .sidebar-light .sidebar-menu > li > a:hover .icon > i {
+  color: #777;
+}
+.sidebar-light .sidebar-menu > li > a > .icon i {
+  color: #777;
+}
+.sidebar-light .sidebar-menu > li > a > .count {
+  background-color: white;
+  color: #777;
+}
+.sidebar-light .sidebar-menu > li > a > span {
+  color: #777;
+}
+.sidebar-light .sidebar-menu > li > a > span.label, .sidebar-light .sidebar-menu > li > a > span.badge {
+  color: #FFFFFF !important;
+}
+.sidebar-light .sidebar-menu > li.active {
+  background-color: #fafafa !important;
+}
+.sidebar-light .sidebar-menu > li.active > a > .icon {
+  text-shadow: none !important;
+}
+.sidebar-light .sidebar-menu > li.active > a > .icon i {
+  color: #FFFFFF !important;
+}
+.sidebar-light .sidebar-menu > li.active > a span {
+  color: #777;
+}
+.sidebar-light .sidebar-menu > li > ul {
+  background-color: white;
+}
+.sidebar-light .sidebar-menu > li > ul > li:after {
+  background-color: white !important;
+}
+.sidebar-light .sidebar-menu > li > ul > li a {
+  color: #777;
+}
+.sidebar-light .sidebar-menu > li > ul > li a:before {
+  color: #DDD !important;
+}
+.sidebar-light .sidebar-menu > li > ul > li a:hover:before {
+  color: #777 !important;
+}
+.sidebar-light .sidebar-menu > li > ul > li.active a {
+  color: #777;
+}
+.sidebar-light .sidebar-menu > li > ul > li.active a:before {
+  color: white;
+}
+.sidebar-light .sidebar-menu > li > ul > li ul {
+  background-color: #f7f7f8;
+}
+.sidebar-light .sidebar-menu li {
+  color: #777 !important;
+}
+.sidebar-light .sidebar-menu li.sidebar-category {
+  background-color: #DDD !important;
+}
+.sidebar-light > .sidebar-content {
+  border-bottom: 2px solid white;
+}
+.sidebar-light > .sidebar-content .media-heading span {
+  color: #777;
+}
+.sidebar-light > .sidebar-content small, .sidebar-light > .sidebar-content .media-heading {
+  color: #777;
+}
+.sidebar-light > .sidebar-content .online {
+  border: 2px solid white;
+  background-color: #72a53b !important;
+}
+.sidebar-light > .sidebar-footer {
+  background-color: white;
+}
+.sidebar-light > .sidebar-footer a {
+  color: #777;
+}
+.sidebar-light .nicescroll-rails div {
+  background-color: white !important;
+}
+.sidebar-light.sidebar-box .sidebar-menu > li > a > .icon:after, .sidebar-light.sidebar-rounded .sidebar-menu > li > a > .icon:after, .sidebar-light.sidebar-circle .sidebar-menu > li > a > .icon:after {
+  border: 1px solid #DDD;
+}
+.sidebar-light.sidebar-box .sidebar-menu > li > a > .icon i, .sidebar-light.sidebar-rounded .sidebar-menu > li > a > .icon i, .sidebar-light.sidebar-circle .sidebar-menu > li > a > .icon i {
+  border: 2px solid #DDD;
+  background-color: white;
+}
+.sidebar-light.sidebar-box .sidebar-menu > li > ul:after, .sidebar-light.sidebar-rounded .sidebar-menu > li > ul:after, .sidebar-light.sidebar-circle .sidebar-menu > li > ul:after {
+  border-left: 2px solid #DDD !important;
+}
+.sidebar-light.sidebar-box .sidebar-menu > li > ul > li:after, .sidebar-light.sidebar-rounded .sidebar-menu > li > ul > li:after, .sidebar-light.sidebar-circle .sidebar-menu > li > ul > li:after {
+  z-index: 1;
+  width: 8px;
+  height: 8px;
+  left: 26px;
+  top: 13px;
+  bottom: auto;
+  border-color: transparent;
+  -moz-transition: all 0.5s ease-in-out 0s;
+  -o-transition: all 0.5s ease-in-out 0s;
+  -webkit-transition: all 0.5s ease-in-out;
+  -webkit-transition-delay: 0s;
+  transition: all 0.5s ease-in-out 0s;
+  -moz-box-shadow: 0 0 0 2px #DDD;
+  -webkit-box-shadow: 0 0 0 2px #DDD;
+  box-shadow: 0 0 0 2px #DDD;
+}
+.sidebar-light.sidebar-box .sidebar-menu > li > ul > li a:before, .sidebar-light.sidebar-rounded .sidebar-menu > li > ul > li a:before, .sidebar-light.sidebar-circle .sidebar-menu > li > ul > li a:before {
+  content: "\2014\00a0";
+  margin-left: 13px;
+}
+
+.sidebar-primary {
+  background-color: #00a5d2 !important;
+}
+.sidebar-primary:after {
+  background-color: #00a5d2 !important;
+}
+.sidebar-primary > .sidebar-menu > li:hover {
+  background-color: #009dc8 !important;
+}
+.sidebar-primary > .sidebar-menu > li:hover.submenu > ul > li:hover a {
+  background-color: #0091b8 !important;
+}
+.sidebar-primary > .sidebar-menu > li:hover.submenu > ul > li > ul {
+  background-color: #00a5d2 !important;
+}
+.sidebar-primary > .sidebar-menu > li:first-child > a > .icon:after {
+  top: -1px;
+}
+.sidebar-primary > .sidebar-menu > li:last-child > a > .icon:after {
+  bottom: 6px;
+}
+.sidebar-primary > .sidebar-menu > li.sidebar-category {
+  background-color: #00bdf0 !important;
+}
+.sidebar-primary > .sidebar-menu > li > a:hover .text, .sidebar-primary > .sidebar-menu > li > a:hover .icon > i {
+  color: #FFFFFF;
+}
+.sidebar-primary > .sidebar-menu > li > a > .icon i {
+  color: #ffffff;
+}
+.sidebar-primary > .sidebar-menu > li > a > .count {
+  background-color: #00c5fb;
+  color: #FFFFFF;
+}
+.sidebar-primary > .sidebar-menu > li > a > span {
+  color: #FFFFFF;
+}
+.sidebar-primary > .sidebar-menu > li.active {
+  background-color: #00c5fb !important;
+}
+.sidebar-primary > .sidebar-menu > li.active > a > .icon {
+  text-shadow: none !important;
+}
+.sidebar-primary > .sidebar-menu > li.active > a > .icon i {
+  color: #FFFFFF !important;
+}
+.sidebar-primary > .sidebar-menu > li.active > a span {
+  color: #FFFFFF;
+}
+.sidebar-primary > .sidebar-menu > li > ul > li {
+  background-color: #0089ae;
+}
+.sidebar-primary > .sidebar-menu > li > ul > li:after {
+  background-color: #00bdf0 !important;
+}
+.sidebar-primary > .sidebar-menu > li > ul > li a {
+  color: #FFFFFF;
+}
+.sidebar-primary > .sidebar-menu > li > ul > li a:before {
+  color: #00bdf0 !important;
+}
+.sidebar-primary > .sidebar-menu > li > ul > li a:hover:before {
+  color: #FFFFFF !important;
+}
+.sidebar-primary > .sidebar-menu > li > ul > li.active a {
+  color: #FFFFFF;
+}
+.sidebar-primary > .sidebar-menu > li > ul > li.active a:before {
+  color: #00c5fb;
+}
+.sidebar-primary > .sidebar-menu > li > ul > li ul {
+  background-color: #00a5d2;
+}
+.sidebar-primary > .sidebar-menu li {
+  color: #FFFFFF !important;
+}
+.sidebar-primary > .sidebar-menu li.sidebar-category {
+  background-color: #00bdf0 !important;
+}
+.sidebar-primary > .sidebar-content {
+  border-bottom: 2px solid #00c5fb;
+}
+.sidebar-primary > .sidebar-content img, .sidebar-primary > .sidebar-content .online {
+  border: 2px solid #00c5fb !important;
+}
+.sidebar-primary > .sidebar-content .media-heading span {
+  color: #FFFFFF;
+}
+.sidebar-primary > .sidebar-content small, .sidebar-primary > .sidebar-content .media-heading {
+  color: #FFFFFF;
+}
+.sidebar-primary > .sidebar-content .online {
+  background-color: #72a53b !important;
+}
+.sidebar-primary > .sidebar-footer {
+  background-color: #00bdf0;
+}
+.sidebar-primary > .sidebar-footer a {
+  color: #FFFFFF;
+}
+.sidebar-primary .nicescroll-rails div {
+  background-color: #06caff !important;
+}
+.sidebar-primary.sidebar-box .sidebar-menu > li.active > a > .icon i, .sidebar-primary.sidebar-rounded .sidebar-menu > li.active > a > .icon i, .sidebar-primary.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #15cdff !important;
+}
+.sidebar-primary.sidebar-box .sidebar-menu > li > a > .icon:after, .sidebar-primary.sidebar-rounded .sidebar-menu > li > a > .icon:after, .sidebar-primary.sidebar-circle .sidebar-menu > li > a > .icon:after {
+  border: 1px solid #00bdf0;
+}
+.sidebar-primary.sidebar-box .sidebar-menu > li > a > .icon i, .sidebar-primary.sidebar-rounded .sidebar-menu > li > a > .icon i, .sidebar-primary.sidebar-circle .sidebar-menu > li > a > .icon i {
+  border: 2px solid #00bdf0;
+  background-color: #00b9eb;
+}
+.sidebar-primary.sidebar-box .sidebar-menu > li > ul:after, .sidebar-primary.sidebar-rounded .sidebar-menu > li > ul:after, .sidebar-primary.sidebar-circle .sidebar-menu > li > ul:after {
+  border-left: 2px solid #00B1E1 !important;
+}
+.sidebar-primary.sidebar-box .sidebar-menu > li > ul > li:after, .sidebar-primary.sidebar-rounded .sidebar-menu > li > ul > li:after, .sidebar-primary.sidebar-circle .sidebar-menu > li > ul > li:after {
+  z-index: 1;
+  width: 8px;
+  height: 8px;
+  left: 26px;
+  top: 13px;
+  bottom: auto;
+  border-color: transparent;
+  -moz-transition: all 0.5s ease-in-out 0s;
+  -o-transition: all 0.5s ease-in-out 0s;
+  -webkit-transition: all 0.5s ease-in-out;
+  -webkit-transition-delay: 0s;
+  transition: all 0.5s ease-in-out 0s;
+  -moz-box-shadow: 0 0 0 2px #00B1E1;
+  -webkit-box-shadow: 0 0 0 2px #00B1E1;
+  box-shadow: 0 0 0 2px #00B1E1;
+}
+.sidebar-primary.sidebar-box .sidebar-menu > li > ul > li a:before, .sidebar-primary.sidebar-rounded .sidebar-menu > li > ul > li a:before, .sidebar-primary.sidebar-circle .sidebar-menu > li > ul > li a:before {
+  content: "\2014\00a0";
+  margin-left: 13px;
+}
+
+.sidebar-success {
+  background-color: #85bd47 !important;
+}
+.sidebar-success:after {
+  background-color: #85bd47 !important;
+}
+.sidebar-success > .sidebar-menu > li:hover {
+  background-color: #7fb842 !important;
+}
+.sidebar-success > .sidebar-menu > li:hover.submenu > ul > li:hover a {
+  background-color: #78ac3e !important;
+}
+.sidebar-success > .sidebar-menu > li:hover.submenu > ul > li > ul {
+  background-color: #85bd47 !important;
+}
+.sidebar-success > .sidebar-menu > li:first-child > a > .icon:after {
+  top: -1px;
+}
+.sidebar-success > .sidebar-menu > li:last-child > a > .icon:after {
+  bottom: 6px;
+}
+.sidebar-success > .sidebar-menu > li.sidebar-category {
+  background-color: #93c55d !important;
+}
+.sidebar-success > .sidebar-menu > li > a:hover .text, .sidebar-success > .sidebar-menu > li > a:hover .icon > i {
+  color: #FFFFFF;
+}
+.sidebar-success > .sidebar-menu > li > a > .icon i {
+  color: #ffffff;
+}
+.sidebar-success > .sidebar-menu > li > a > .count {
+  background-color: #98c865;
+  color: #FFFFFF;
+}
+.sidebar-success > .sidebar-menu > li > a > span {
+  color: #FFFFFF;
+}
+.sidebar-success > .sidebar-menu > li.active {
+  background-color: #98c865 !important;
+}
+.sidebar-success > .sidebar-menu > li.active > a > .icon {
+  text-shadow: none !important;
+}
+.sidebar-success > .sidebar-menu > li.active > a > .icon i {
+  color: #FFFFFF !important;
+}
+.sidebar-success > .sidebar-menu > li.active > a span {
+  color: #FFFFFF;
+}
+.sidebar-success > .sidebar-menu > li > ul > li {
+  background-color: #72a53b;
+}
+.sidebar-success > .sidebar-menu > li > ul > li:after {
+  background-color: #93c55d !important;
+}
+.sidebar-success > .sidebar-menu > li > ul > li a {
+  color: #FFFFFF;
+}
+.sidebar-success > .sidebar-menu > li > ul > li a:before {
+  color: #93c55d !important;
+}
+.sidebar-success > .sidebar-menu > li > ul > li a:hover:before {
+  color: #FFFFFF !important;
+}
+.sidebar-success > .sidebar-menu > li > ul > li.active a {
+  color: #FFFFFF;
+}
+.sidebar-success > .sidebar-menu > li > ul > li.active a:before {
+  color: #98c865;
+}
+.sidebar-success > .sidebar-menu > li > ul > li ul {
+  background-color: #85bd47;
+}
+.sidebar-success > .sidebar-menu li {
+  color: #FFFFFF !important;
+}
+.sidebar-success > .sidebar-menu li.sidebar-category {
+  background-color: #93c55d !important;
+}
+.sidebar-success > .sidebar-content {
+  border-bottom: 2px solid #98c865;
+}
+.sidebar-success > .sidebar-content img, .sidebar-success > .sidebar-content .online {
+  border: 2px solid #98c865 !important;
+}
+.sidebar-success > .sidebar-content .media-heading span {
+  color: #FFFFFF;
+}
+.sidebar-success > .sidebar-content small, .sidebar-success > .sidebar-content .media-heading {
+  color: #FFFFFF;
+}
+.sidebar-success > .sidebar-content .online {
+  background-color: #72a53b !important;
+}
+.sidebar-success > .sidebar-footer {
+  background-color: #93c55d;
+}
+.sidebar-success > .sidebar-footer a {
+  color: #FFFFFF;
+}
+.sidebar-success .nicescroll-rails div {
+  background-color: #9dca6c !important;
+}
+.sidebar-success.sidebar-box .sidebar-menu > li.active > a > .icon i, .sidebar-success.sidebar-rounded .sidebar-menu > li.active > a > .icon i, .sidebar-success.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #a5ce78 !important;
+}
+.sidebar-success.sidebar-box .sidebar-menu > li > a > .icon:after, .sidebar-success.sidebar-rounded .sidebar-menu > li > a > .icon:after, .sidebar-success.sidebar-circle .sidebar-menu > li > a > .icon:after {
+  border: 1px solid #93c55d;
+}
+.sidebar-success.sidebar-box .sidebar-menu > li > a > .icon i, .sidebar-success.sidebar-rounded .sidebar-menu > li > a > .icon i, .sidebar-success.sidebar-circle .sidebar-menu > li > a > .icon i {
+  border: 2px solid #93c55d;
+  background-color: #91c45a;
+}
+.sidebar-success.sidebar-box .sidebar-menu > li > ul:after, .sidebar-success.sidebar-rounded .sidebar-menu > li > ul:after, .sidebar-success.sidebar-circle .sidebar-menu > li > ul:after {
+  border-left: 2px solid #8CC152 !important;
+}
+.sidebar-success.sidebar-box .sidebar-menu > li > ul > li:after, .sidebar-success.sidebar-rounded .sidebar-menu > li > ul > li:after, .sidebar-success.sidebar-circle .sidebar-menu > li > ul > li:after {
+  z-index: 1;
+  width: 8px;
+  height: 8px;
+  left: 26px;
+  top: 13px;
+  bottom: auto;
+  border-color: transparent;
+  -moz-transition: all 0.5s ease-in-out 0s;
+  -o-transition: all 0.5s ease-in-out 0s;
+  -webkit-transition: all 0.5s ease-in-out;
+  -webkit-transition-delay: 0s;
+  transition: all 0.5s ease-in-out 0s;
+  -moz-box-shadow: 0 0 0 2px #8CC152;
+  -webkit-box-shadow: 0 0 0 2px #8CC152;
+  box-shadow: 0 0 0 2px #8CC152;
+}
+.sidebar-success.sidebar-box .sidebar-menu > li > ul > li a:before, .sidebar-success.sidebar-rounded .sidebar-menu > li > ul > li a:before, .sidebar-success.sidebar-circle .sidebar-menu > li > ul > li a:before {
+  content: "\2014\00a0";
+  margin-left: 13px;
+}
+
+.sidebar-info {
+  background-color: #56cfe7 !important;
+}
+.sidebar-info:after {
+  background-color: #56cfe7 !important;
+}
+.sidebar-info > .sidebar-menu > li:hover {
+  background-color: #4dcde6 !important;
+}
+.sidebar-info > .sidebar-menu > li:hover.submenu > ul > li:hover a {
+  background-color: #3fc9e4 !important;
+}
+.sidebar-info > .sidebar-menu > li:hover.submenu > ul > li > ul {
+  background-color: #56cfe7 !important;
+}
+.sidebar-info > .sidebar-menu > li:first-child > a > .icon:after {
+  top: -1px;
+}
+.sidebar-info > .sidebar-menu > li:last-child > a > .icon:after {
+  bottom: 6px;
+}
+.sidebar-info > .sidebar-menu > li.sidebar-category {
+  background-color: #70d7eb !important;
+}
+.sidebar-info > .sidebar-menu > li > a:hover .text, .sidebar-info > .sidebar-menu > li > a:hover .icon > i {
+  color: #FFFFFF;
+}
+.sidebar-info > .sidebar-menu > li > a > .icon i {
+  color: #ffffff;
+}
+.sidebar-info > .sidebar-menu > li > a > .count {
+  background-color: #79d9ec;
+  color: #FFFFFF;
+}
+.sidebar-info > .sidebar-menu > li > a > span {
+  color: #FFFFFF;
+}
+.sidebar-info > .sidebar-menu > li.active {
+  background-color: #79d9ec !important;
+}
+.sidebar-info > .sidebar-menu > li.active > a > .icon {
+  text-shadow: none !important;
+}
+.sidebar-info > .sidebar-menu > li.active > a > .icon i {
+  color: #FFFFFF !important;
+}
+.sidebar-info > .sidebar-menu > li.active > a span {
+  color: #FFFFFF;
+}
+.sidebar-info > .sidebar-menu > li > ul > li {
+  background-color: #36c6e3;
+}
+.sidebar-info > .sidebar-menu > li > ul > li:after {
+  background-color: #70d7eb !important;
+}
+.sidebar-info > .sidebar-menu > li > ul > li a {
+  color: #FFFFFF;
+}
+.sidebar-info > .sidebar-menu > li > ul > li a:before {
+  color: #70d7eb !important;
+}
+.sidebar-info > .sidebar-menu > li > ul > li a:hover:before {
+  color: #FFFFFF !important;
+}
+.sidebar-info > .sidebar-menu > li > ul > li.active a {
+  color: #FFFFFF;
+}
+.sidebar-info > .sidebar-menu > li > ul > li.active a:before {
+  color: #79d9ec;
+}
+.sidebar-info > .sidebar-menu > li > ul > li ul {
+  background-color: #56cfe7;
+}
+.sidebar-info > .sidebar-menu li {
+  color: #FFFFFF !important;
+}
+.sidebar-info > .sidebar-menu li.sidebar-category {
+  background-color: #70d7eb !important;
+}
+.sidebar-info > .sidebar-content {
+  border-bottom: 2px solid #79d9ec;
+}
+.sidebar-info > .sidebar-content img, .sidebar-info > .sidebar-content .online {
+  border: 2px solid #79d9ec !important;
+}
+.sidebar-info > .sidebar-content .media-heading span {
+  color: #FFFFFF;
+}
+.sidebar-info > .sidebar-content small, .sidebar-info > .sidebar-content .media-heading {
+  color: #FFFFFF;
+}
+.sidebar-info > .sidebar-content .online {
+  background-color: #72a53b !important;
+}
+.sidebar-info > .sidebar-footer {
+  background-color: #70d7eb;
+}
+.sidebar-info > .sidebar-footer a {
+  color: #FFFFFF;
+}
+.sidebar-info .nicescroll-rails div {
+  background-color: #82dced !important;
+}
+.sidebar-info.sidebar-box .sidebar-menu > li.active > a > .icon i, .sidebar-info.sidebar-rounded .sidebar-menu > li.active > a > .icon i, .sidebar-info.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #90e0ef !important;
+}
+.sidebar-info.sidebar-box .sidebar-menu > li > a > .icon:after, .sidebar-info.sidebar-rounded .sidebar-menu > li > a > .icon:after, .sidebar-info.sidebar-circle .sidebar-menu > li > a > .icon:after {
+  border: 1px solid #70d7eb;
+}
+.sidebar-info.sidebar-box .sidebar-menu > li > a > .icon i, .sidebar-info.sidebar-rounded .sidebar-menu > li > a > .icon i, .sidebar-info.sidebar-circle .sidebar-menu > li > a > .icon i {
+  border: 2px solid #70d7eb;
+  background-color: #6cd6ea;
+}
+.sidebar-info.sidebar-box .sidebar-menu > li > ul:after, .sidebar-info.sidebar-rounded .sidebar-menu > li > ul:after, .sidebar-info.sidebar-circle .sidebar-menu > li > ul:after {
+  border-left: 2px solid #63D3E9 !important;
+}
+.sidebar-info.sidebar-box .sidebar-menu > li > ul > li:after, .sidebar-info.sidebar-rounded .sidebar-menu > li > ul > li:after, .sidebar-info.sidebar-circle .sidebar-menu > li > ul > li:after {
+  z-index: 1;
+  width: 8px;
+  height: 8px;
+  left: 26px;
+  top: 13px;
+  bottom: auto;
+  border-color: transparent;
+  -moz-transition: all 0.5s ease-in-out 0s;
+  -o-transition: all 0.5s ease-in-out 0s;
+  -webkit-transition: all 0.5s ease-in-out;
+  -webkit-transition-delay: 0s;
+  transition: all 0.5s ease-in-out 0s;
+  -moz-box-shadow: 0 0 0 2px #63D3E9;
+  -webkit-box-shadow: 0 0 0 2px #63D3E9;
+  box-shadow: 0 0 0 2px #63D3E9;
+}
+.sidebar-info.sidebar-box .sidebar-menu > li > ul > li a:before, .sidebar-info.sidebar-rounded .sidebar-menu > li > ul > li a:before, .sidebar-info.sidebar-circle .sidebar-menu > li > ul > li a:before {
+  content: "\2014\00a0";
+  margin-left: 13px;
+}
+
+.sidebar-warning {
+  background-color: #f5b633 !important;
+}
+.sidebar-warning:after {
+  background-color: #f5b633 !important;
+}
+.sidebar-warning > .sidebar-menu > li:hover {
+  background-color: #f5b22a !important;
+}
+.sidebar-warning > .sidebar-menu > li:hover.submenu > ul > li:hover a {
+  background-color: #f4ad1b !important;
+}
+.sidebar-warning > .sidebar-menu > li:hover.submenu > ul > li > ul {
+  background-color: #f5b633 !important;
+}
+.sidebar-warning > .sidebar-menu > li:first-child > a > .icon:after {
+  top: -1px;
+}
+.sidebar-warning > .sidebar-menu > li:last-child > a > .icon:after {
+  bottom: 6px;
+}
+.sidebar-warning > .sidebar-menu > li.sidebar-category {
+  background-color: #f7c051 !important;
+}
+.sidebar-warning > .sidebar-menu > li > a:hover .text, .sidebar-warning > .sidebar-menu > li > a:hover .icon > i {
+  color: #FFFFFF;
+}
+.sidebar-warning > .sidebar-menu > li > a > .icon i {
+  color: #ffffff;
+}
+.sidebar-warning > .sidebar-menu > li > a > .count {
+  background-color: #f7c45a;
+  color: #FFFFFF;
+}
+.sidebar-warning > .sidebar-menu > li > a > span {
+  color: #FFFFFF;
+}
+.sidebar-warning > .sidebar-menu > li.active {
+  background-color: #f7c45a !important;
+}
+.sidebar-warning > .sidebar-menu > li.active > a > .icon {
+  text-shadow: none !important;
+}
+.sidebar-warning > .sidebar-menu > li.active > a > .icon i {
+  color: #FFFFFF !important;
+}
+.sidebar-warning > .sidebar-menu > li.active > a span {
+  color: #FFFFFF;
+}
+.sidebar-warning > .sidebar-menu > li > ul > li {
+  background-color: #f4a911;
+}
+.sidebar-warning > .sidebar-menu > li > ul > li:after {
+  background-color: #f7c051 !important;
+}
+.sidebar-warning > .sidebar-menu > li > ul > li a {
+  color: #FFFFFF;
+}
+.sidebar-warning > .sidebar-menu > li > ul > li a:before {
+  color: #f7c051 !important;
+}
+.sidebar-warning > .sidebar-menu > li > ul > li a:hover:before {
+  color: #FFFFFF !important;
+}
+.sidebar-warning > .sidebar-menu > li > ul > li.active a {
+  color: #FFFFFF;
+}
+.sidebar-warning > .sidebar-menu > li > ul > li.active a:before {
+  color: #f7c45a;
+}
+.sidebar-warning > .sidebar-menu > li > ul > li ul {
+  background-color: #f5b633;
+}
+.sidebar-warning > .sidebar-menu li {
+  color: #FFFFFF !important;
+}
+.sidebar-warning > .sidebar-menu li.sidebar-category {
+  background-color: #f7c051 !important;
+}
+.sidebar-warning > .sidebar-content {
+  border-bottom: 2px solid #f7c45a;
+}
+.sidebar-warning > .sidebar-content img, .sidebar-warning > .sidebar-content .online {
+  border: 2px solid #f7c45a !important;
+}
+.sidebar-warning > .sidebar-content .media-heading span {
+  color: #FFFFFF;
+}
+.sidebar-warning > .sidebar-content small, .sidebar-warning > .sidebar-content .media-heading {
+  color: #FFFFFF;
+}
+.sidebar-warning > .sidebar-content .online {
+  background-color: #72a53b !important;
+}
+.sidebar-warning > .sidebar-footer {
+  background-color: #f7c051;
+}
+.sidebar-warning > .sidebar-footer a {
+  color: #FFFFFF;
+}
+.sidebar-warning .nicescroll-rails div {
+  background-color: #f8c764 !important;
+}
+.sidebar-warning.sidebar-box .sidebar-menu > li.active > a > .icon i, .sidebar-warning.sidebar-rounded .sidebar-menu > li.active > a > .icon i, .sidebar-warning.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #f8cd73 !important;
+}
+.sidebar-warning.sidebar-box .sidebar-menu > li > a > .icon:after, .sidebar-warning.sidebar-rounded .sidebar-menu > li > a > .icon:after, .sidebar-warning.sidebar-circle .sidebar-menu > li > a > .icon:after {
+  border: 1px solid #f7c051;
+}
+.sidebar-warning.sidebar-box .sidebar-menu > li > a > .icon i, .sidebar-warning.sidebar-rounded .sidebar-menu > li > a > .icon i, .sidebar-warning.sidebar-circle .sidebar-menu > li > a > .icon i {
+  border: 2px solid #f7c051;
+  background-color: #f6bf4c;
+}
+.sidebar-warning.sidebar-box .sidebar-menu > li > ul:after, .sidebar-warning.sidebar-rounded .sidebar-menu > li > ul:after, .sidebar-warning.sidebar-circle .sidebar-menu > li > ul:after {
+  border-left: 2px solid #F6BB42 !important;
+}
+.sidebar-warning.sidebar-box .sidebar-menu > li > ul > li:after, .sidebar-warning.sidebar-rounded .sidebar-menu > li > ul > li:after, .sidebar-warning.sidebar-circle .sidebar-menu > li > ul > li:after {
+  z-index: 1;
+  width: 8px;
+  height: 8px;
+  left: 26px;
+  top: 13px;
+  bottom: auto;
+  border-color: transparent;
+  -moz-transition: all 0.5s ease-in-out 0s;
+  -o-transition: all 0.5s ease-in-out 0s;
+  -webkit-transition: all 0.5s ease-in-out;
+  -webkit-transition-delay: 0s;
+  transition: all 0.5s ease-in-out 0s;
+  -moz-box-shadow: 0 0 0 2px #F6BB42;
+  -webkit-box-shadow: 0 0 0 2px #F6BB42;
+  box-shadow: 0 0 0 2px #F6BB42;
+}
+.sidebar-warning.sidebar-box .sidebar-menu > li > ul > li a:before, .sidebar-warning.sidebar-rounded .sidebar-menu > li > ul > li a:before, .sidebar-warning.sidebar-circle .sidebar-menu > li > ul > li a:before {
+  content: "\2014\00a0";
+  margin-left: 13px;
+}
+
+.sidebar-danger {
+  background-color: #e74b31 !important;
+}
+.sidebar-danger:after {
+  background-color: #e74b31 !important;
+}
+.sidebar-danger > .sidebar-menu > li:hover {
+  background-color: #e64328 !important;
+}
+.sidebar-danger > .sidebar-menu > li:hover.submenu > ul > li:hover a {
+  background-color: #e5371a !important;
+}
+.sidebar-danger > .sidebar-menu > li:hover.submenu > ul > li > ul {
+  background-color: #e74b31 !important;
+}
+.sidebar-danger > .sidebar-menu > li:first-child > a > .icon:after {
+  top: -1px;
+}
+.sidebar-danger > .sidebar-menu > li:last-child > a > .icon:after {
+  bottom: 6px;
+}
+.sidebar-danger > .sidebar-menu > li.sidebar-category {
+  background-color: #eb634d !important;
+}
+.sidebar-danger > .sidebar-menu > li > a:hover .text, .sidebar-danger > .sidebar-menu > li > a:hover .icon > i {
+  color: #FFFFFF;
+}
+.sidebar-danger > .sidebar-menu > li > a > .icon i {
+  color: #ffffff;
+}
+.sidebar-danger > .sidebar-menu > li > a > .count {
+  background-color: #ec6b56;
+  color: #FFFFFF;
+}
+.sidebar-danger > .sidebar-menu > li > a > span {
+  color: #FFFFFF;
+}
+.sidebar-danger > .sidebar-menu > li.active {
+  background-color: #ec6b56 !important;
+}
+.sidebar-danger > .sidebar-menu > li.active > a > .icon {
+  text-shadow: none !important;
+}
+.sidebar-danger > .sidebar-menu > li.active > a > .icon i {
+  color: #FFFFFF !important;
+}
+.sidebar-danger > .sidebar-menu > li.active > a span {
+  color: #FFFFFF;
+}
+.sidebar-danger > .sidebar-menu > li > ul > li {
+  background-color: #dc3519;
+}
+.sidebar-danger > .sidebar-menu > li > ul > li:after {
+  background-color: #eb634d !important;
+}
+.sidebar-danger > .sidebar-menu > li > ul > li a {
+  color: #FFFFFF;
+}
+.sidebar-danger > .sidebar-menu > li > ul > li a:before {
+  color: #eb634d !important;
+}
+.sidebar-danger > .sidebar-menu > li > ul > li a:hover:before {
+  color: #FFFFFF !important;
+}
+.sidebar-danger > .sidebar-menu > li > ul > li.active a {
+  color: #FFFFFF;
+}
+.sidebar-danger > .sidebar-menu > li > ul > li.active a:before {
+  color: #ec6b56;
+}
+.sidebar-danger > .sidebar-menu > li > ul > li ul {
+  background-color: #e74b31;
+}
+.sidebar-danger > .sidebar-menu li {
+  color: #FFFFFF !important;
+}
+.sidebar-danger > .sidebar-menu li.sidebar-category {
+  background-color: #eb634d !important;
+}
+.sidebar-danger > .sidebar-content {
+  border-bottom: 2px solid #ec6b56;
+}
+.sidebar-danger > .sidebar-content img, .sidebar-danger > .sidebar-content .online {
+  border: 2px solid #ec6b56 !important;
+}
+.sidebar-danger > .sidebar-content .media-heading span {
+  color: #FFFFFF;
+}
+.sidebar-danger > .sidebar-content small, .sidebar-danger > .sidebar-content .media-heading {
+  color: #FFFFFF;
+}
+.sidebar-danger > .sidebar-content .online {
+  background-color: #72a53b !important;
+}
+.sidebar-danger > .sidebar-footer {
+  background-color: #eb634d;
+}
+.sidebar-danger > .sidebar-footer a {
+  color: #FFFFFF;
+}
+.sidebar-danger .nicescroll-rails div {
+  background-color: #ed735f !important;
+}
+.sidebar-danger.sidebar-box .sidebar-menu > li.active > a > .icon i, .sidebar-danger.sidebar-rounded .sidebar-menu > li.active > a > .icon i, .sidebar-danger.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #ee7f6d !important;
+}
+.sidebar-danger.sidebar-box .sidebar-menu > li > a > .icon:after, .sidebar-danger.sidebar-rounded .sidebar-menu > li > a > .icon:after, .sidebar-danger.sidebar-circle .sidebar-menu > li > a > .icon:after {
+  border: 1px solid #eb634d;
+}
+.sidebar-danger.sidebar-box .sidebar-menu > li > a > .icon i, .sidebar-danger.sidebar-rounded .sidebar-menu > li > a > .icon i, .sidebar-danger.sidebar-circle .sidebar-menu > li > a > .icon i {
+  border: 2px solid #eb634d;
+  background-color: #ea5f48;
+}
+.sidebar-danger.sidebar-box .sidebar-menu > li > ul:after, .sidebar-danger.sidebar-rounded .sidebar-menu > li > ul:after, .sidebar-danger.sidebar-circle .sidebar-menu > li > ul:after {
+  border-left: 2px solid #E9573F !important;
+}
+.sidebar-danger.sidebar-box .sidebar-menu > li > ul > li:after, .sidebar-danger.sidebar-rounded .sidebar-menu > li > ul > li:after, .sidebar-danger.sidebar-circle .sidebar-menu > li > ul > li:after {
+  z-index: 1;
+  width: 8px;
+  height: 8px;
+  left: 26px;
+  top: 13px;
+  bottom: auto;
+  border-color: transparent;
+  -moz-transition: all 0.5s ease-in-out 0s;
+  -o-transition: all 0.5s ease-in-out 0s;
+  -webkit-transition: all 0.5s ease-in-out;
+  -webkit-transition-delay: 0s;
+  transition: all 0.5s ease-in-out 0s;
+  -moz-box-shadow: 0 0 0 2px #E9573F;
+  -webkit-box-shadow: 0 0 0 2px #E9573F;
+  box-shadow: 0 0 0 2px #E9573F;
+}
+.sidebar-danger.sidebar-box .sidebar-menu > li > ul > li a:before, .sidebar-danger.sidebar-rounded .sidebar-menu > li > ul > li a:before, .sidebar-danger.sidebar-circle .sidebar-menu > li > ul > li a:before {
+  content: "\2014\00a0";
+  margin-left: 13px;
+}
+
+/* ========================================================================
+ * SIDEBAR VARIANT
+ * ======================================================================== */
+.sidebar-box .sidebar-menu > li > a > .icon:after, .sidebar-rounded .sidebar-menu > li > a > .icon:after, .sidebar-circle .sidebar-menu > li > a > .icon:after {
+  border: 1px solid #373737;
+}
+.sidebar-box .sidebar-menu > li > a > .icon i, .sidebar-rounded .sidebar-menu > li > a > .icon i, .sidebar-circle .sidebar-menu > li > a > .icon i {
+  border: 2px solid #373737;
+  background-color: #222222;
+}
+.sidebar-box .sidebar-menu > li > ul:after, .sidebar-rounded .sidebar-menu > li > ul:after, .sidebar-circle .sidebar-menu > li > ul:after {
+  border-left: 2px solid #373737;
+}
+.sidebar-box .sidebar-menu > li > ul > li:after, .sidebar-rounded .sidebar-menu > li > ul > li:after, .sidebar-circle .sidebar-menu > li > ul > li:after {
+  z-index: 1;
+  width: 8px;
+  height: 8px;
+  left: 26px;
+  top: 13px;
+  bottom: auto;
+  border-color: transparent;
+  -moz-transition: all 0.5s ease-in-out 0s;
+  -o-transition: all 0.5s ease-in-out 0s;
+  -webkit-transition: all 0.5s ease-in-out;
+  -webkit-transition-delay: 0s;
+  transition: all 0.5s ease-in-out 0s;
+  -moz-box-shadow: 0 0 0 2px #373737;
+  -webkit-box-shadow: 0 0 0 2px #373737;
+  box-shadow: 0 0 0 2px #373737;
+}
+.sidebar-box .sidebar-menu > li > ul > li a:before, .sidebar-rounded .sidebar-menu > li > ul > li a:before, .sidebar-circle .sidebar-menu > li > ul > li a:before {
+  content: "\2014\00a0";
+  margin-left: 13px;
+}
+
+.sidebar-box .sidebar-content img {
+  border-radius: 0px;
+}
+.sidebar-box .sidebar-menu > li > a > .icon i {
+  border-radius: 0px;
+}
+.sidebar-box .sidebar-menu > li > ul > li:after {
+  border-radius: 0px;
+}
+
+.sidebar-rounded .sidebar-content img {
+  border-radius: 3px;
+}
+.sidebar-rounded .sidebar-menu > li > a > .icon i {
+  border-radius: 3px;
+}
+.sidebar-rounded .sidebar-menu > li > ul > li:after {
+  border-radius: 3px;
+}
+
+.sidebar-circle .sidebar-content img {
+  border-radius: 50%;
+}
+.sidebar-circle .sidebar-menu > li > a > .icon i {
+  border-radius: 50%;
+}
+.sidebar-circle .sidebar-menu > li > ul > li:after {
+  border-radius: 50%;
+}
+
+/* ========================================================================
+ * SIDEBAR PROFILE
+ * ======================================================================== */
+.sidebar-profile {
+  background-color: #2A2A2A;
+}
+.sidebar-profile .panel {
+  background-color: #323232;
+}
+.sidebar-profile .list-unstyled {
+  margin: 15px;
+}
+.sidebar-profile .list-unstyled li {
+  padding: 5px 0px;
+  font-size: 12px;
+  color: #777;
+}
+.sidebar-profile .list-unstyled li:first-child {
+  padding-top: 0px;
+}
+.sidebar-profile .list-unstyled li:last-child {
+  padding-bottom: 0px;
+}
+.sidebar-profile .list-unstyled li i {
+  width: 15px;
+}
+.sidebar-profile .media .media-body .media-heading {
+  font-weight: 400;
+}
+.sidebar-profile .media-list {
+  width: 220px;
+  height: auto;
+  padding: 5px 0px;
+}
+.sidebar-profile .media-list.activity > .media .media-object {
+  width: 15px;
+  height: 15px;
+}
+.sidebar-profile .media-list.activity > .media .media-heading {
+  font-size: 13px;
+}
+.sidebar-profile .media-list.activity > .media .media-meta.time {
+  float: left !important;
+}
+.sidebar-profile .media-list.activity > .media .media-body {
+  border-bottom: none !important;
+}
+.sidebar-profile .media-list.working > .media .media-object {
+  width: 35px;
+  height: 35px;
+}
+.sidebar-profile .media-list > .media {
+  padding: 0px 15px;
+  line-height: 18px;
+  opacity: .8;
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+.sidebar-profile .media-list > .media .media-object i {
+  color: #777;
+}
+.sidebar-profile .media-list > .media .media-heading {
+  text-transform: capitalize !important;
+  font-weight: 400 !important;
+  font-size: 14px;
+  color: #777 !important;
+}
+.sidebar-profile .media-list > .media .media-body {
+  position: relative;
+  width: 145px;
+}
+.sidebar-profile .media-list > .media .media-body .media-meta {
+  color: #5a5a5a !important;
+}
+.sidebar-profile .media-list > .media .media-body .media-meta.status {
+  float: left;
+  text-transform: capitalize;
+  margin-top: 3px;
+}
+.sidebar-profile .media-list > .media .media-body .media-meta.time {
+  float: right;
+  margin-top: 3px;
+}
+.sidebar-profile .media-list > .media .media-body .media-meta.device {
+  position: absolute;
+  top: 5px;
+  right: 8px;
+}
+.sidebar-profile .media-list > a {
+  border: none;
+}
+
+/* ========================================================================
+ * SIDEBAR LAYOUT
+ * ======================================================================== */
+.sidebar-layout {
+  background-color: #2A2A2A;
+}
+.sidebar-layout .list-unstyled {
+  margin: 15px;
+}
+.sidebar-layout .list-unstyled li {
+  padding: 3px 0px;
+  font-size: 13px;
+}
+.sidebar-layout .list-unstyled li:first-child {
+  padding-top: 0px;
+}
+.sidebar-layout .list-unstyled li:last-child {
+  padding-bottom: 0px;
+}
+.sidebar-layout .list-unstyled li i {
+  width: 15px;
+}
+.sidebar-layout .list-unstyled li .rdio {
+  margin-top: 0px;
+}
+.sidebar-layout .list-unstyled li .rdio label {
+  vertical-align: middle;
+  color: #777;
+}
+.sidebar-layout .list-unstyled li .rdio label:before {
+  border: none !important;
+  background-color: #444444;
+}
+.sidebar-layout .list-unstyled li:last-child .rdio label {
+  margin-bottom: 0px !important;
+  vertical-align: top;
+  margin-top: 2px;
+}
+
+/* ========================================================================
+ * SIDEBAR SETTINGS
+ * ======================================================================== */
+.sidebar-setting {
+  background-color: #2A2A2A;
+}
+.sidebar-setting .list-group .list-group-item {
+  background-color: #2A2A2A;
+  border: none;
+  border-bottom: 2px solid #373737 !important;
+}
+.sidebar-setting .list-group .list-group-item:last-child {
+  border-bottom: none;
+}
+.sidebar-setting .list-group .list-group-item .progress {
+  background-color: #373737;
+}
+.sidebar-setting > .content {
+  height: 592px;
+}
+.sidebar-setting .media .media-body .media-heading {
+  font-weight: 400;
+}
+.sidebar-setting .list-group {
+  padding: 10px;
+}
+.sidebar-setting .list-group .list-group-item {
+  padding: 10px 5px;
+  border: none;
+}
+.sidebar-setting .list-group .list-group-item:first-child {
+  padding-top: 0px;
+}
+.sidebar-setting .list-group .list-group-item:last-child {
+  padding-bottom: 0px;
+  border-bottom: none;
+}
+.sidebar-setting .details {
+  margin: 0px 0px 5px 0px;
+}
+.sidebar-setting .details span {
+  font-size: 12px;
+  opacity: .7;
+}
+
+/* ========================================================================
+ * SIDEBAR CHAT
+ * ======================================================================== */
+.sidebar-chat {
+  background-color: #2A2A2A;
+}
+.sidebar-chat .panel {
+  background-color: #323232;
+}
+.sidebar-chat .media-list {
+  width: 220px;
+  height: auto;
+  padding: 10px 0px;
+}
+.sidebar-chat .media-list > .media {
+  padding: 5px 15px;
+  line-height: 18px;
+  opacity: .8;
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+.sidebar-chat .media-list > .media .media-object {
+  width: 35px;
+  height: 35px;
+}
+.sidebar-chat .media-list > .media .media-heading {
+  text-transform: capitalize !important;
+  font-weight: 400 !important;
+  font-size: 14px;
+  color: #777 !important;
+}
+.sidebar-chat .media-list > .media .media-body {
+  position: relative;
+  width: 145px;
+}
+.sidebar-chat .media-list > .media .media-body .media-meta {
+  color: #5a5a5a !important;
+}
+.sidebar-chat .media-list > .media .media-body .media-meta.status {
+  float: left;
+  text-transform: capitalize;
+  margin-top: 3px;
+}
+.sidebar-chat .media-list > .media .media-body .media-meta.time {
+  float: right;
+  margin-top: 3px;
+}
+.sidebar-chat .media-list > .media .media-body .media-meta.device {
+  position: absolute;
+  top: 5px;
+  right: 8px;
+}
+.sidebar-chat .media-list > a {
+  border: none;
+}
+.sidebar-chat form {
+  margin: 15px !important;
+}
+.sidebar-chat form .form-group {
+  margin-bottom: 0px !important;
+}
+.sidebar-chat form .form-group input {
+  background-color: #323232;
+  border: none;
+  padding-right: 33px;
+}
+.sidebar-chat form .form-group input:focus, .sidebar-chat form .form-group input:active {
+  border: none !important;
+}
+.sidebar-chat form .form-group .form-control-feedback {
+  right: 0px;
+  color: #777;
+}
+
+/* ========================================================================
+ * SIDEBAR SUMMARY
+ * ======================================================================== */
+.sidebar-summary {
+  padding: 0px;
+  margin: 20px 0px 0px;
+  list-style: none outside none;
+}
+.sidebar-summary .title {
+  color: #848484;
+}
+.sidebar-summary li {
+  padding: 5px 15px;
+}
+.sidebar-summary li:first-child {
+  padding-top: 20px;
+}
+.sidebar-summary li:last-child {
+  padding-bottom: 10px;
+}
+.sidebar-summary li .list-info {
+  float: left;
+  line-height: normal;
+}
+.sidebar-summary li .list-info span {
+  line-height: normal;
+  text-transform: uppercase;
+  font-size: 10px;
+  opacity: 0.4;
+  color: #919191;
+}
+.sidebar-summary li .list-info h4 {
+  margin: 2px 0px 0px 0px;
+  font-size: 16px;
+  opacity: 0.7;
+  color: #d0d0d0;
+}
+.sidebar-summary li .chart {
+  float: right;
+  margin-top: 5px;
+  opacity: 0.6;
+  width: auto;
+  height: auto;
+  background-color: #373737;
+  padding: 5px;
+}
+.sidebar-summary .sidebar-category {
+  padding: 0px 15px;
+  margin: 0px;
+}
+
+/* ========================================================================
+ * SIDEBAR THEMES
+ * ======================================================================== */
+.sidebar-themes {
+  text-align: center;
+  padding: 15px 10px 10px 10px;
+}
+.sidebar-themes.navbar-color a, .sidebar-themes.sidebar-color a {
+  width: 24px;
+}
+.sidebar-themes a {
+  width: 18px;
+  height: 18px;
+  display: inline-block;
+  opacity: .7;
+}
+.sidebar-themes a:hover {
+  opacity: 1;
+}
+
+/* ========================================================================
+ * SIDEBAR TASK
+ * ======================================================================== */
+.sidebar-task {
+  padding: 10px 10px 15px !important;
+}
diff --git a/vendor/stylesheets/plugins.css b/vendor/stylesheets/plugins.css
new file mode 100755
index 0000000..c3fd024
--- /dev/null
+++ b/vendor/stylesheets/plugins.css
@@ -0,0 +1,2349 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+   JQUERY SPARKLINE
+   GMAP3
+   ICONS MAP
+   JQVMAP
+   FlOT CHART
+   MORRIS CHART
+   C3JS CHART
+   CHARTJS CHART
+   CHOOSE THEMES
+   DROPZONE
+   BOOTSTRAP TAG INPUT
+   BOOTSTRAP FILE UPLOAD
+   TYPEAHEAD
+   CALENDAR
+   BOOTSTRAP SWITCH
+   BOOTSTRAP DATEPICKER
+   JQUERY COLORPICKER
+   JASNY BOOTSTRAP
+   CHOSEN SELECT
+   ION RANGESLIDER
+   SUMMERNOTE
+   WYSIHTML5
+   DATATABLE
+   FONT AWESOME
+   GRITTER NOTIFICATION
+   NICESCROLL
+   FUEL UX
+   CODE PRETTIFY
+   BLOCKUI
+   CUBEPORTFOLIO
+   PEITY CHARTS
+   EASY PIE CHART
+   BOOTSTRAP COLOR PICKER
+   BOOTSTRAP DATE RANGE PICKER
+   GRID STACK
+   SELECT2
+ * ======================================================================== */
+/* ========================================================================
+ * JQUERY SPARKLINE
+ * ======================================================================== */
+.jqstooltip {
+  min-width: 30px;
+  height: 25px !important;
+  text-align: center;
+}
+
+/* ========================================================================
+ * GMAP3
+ * ======================================================================== */
+#panel-box {
+  background-color: rgba(255, 255, 255, 0.51);
+  width: 180px;
+  height: 64px;
+  font-size: 11px;
+  padding: 5px;
+}
+#panel-box:hover {
+  background: #FFFFFF;
+}
+#panel-box .line-panel {
+  overflow: auto;
+  clear: both;
+  height: 18px;
+}
+#panel-box #lng-west {
+  border-bottom: 0px;
+}
+#panel-box .name {
+  width: 50px;
+  float: left;
+  font-size: 13px;
+  line-height: 16px;
+}
+#panel-box .value {
+  float: left;
+  font-size: 11px;
+  line-height: 15px;
+}
+#panel-box .value:before {
+  content: ": ";
+}
+
+.map {
+  width: 100%;
+  height: 300px;
+}
+.map.map-lg {
+  height: 400px;
+}
+
+.map-continent {
+  margin-left: auto;
+  margin-right: auto;
+  height: 300px;
+}
+
+/* ========================================================================
+ * ICONS MAP
+ * ======================================================================== */
+.marker-label,
+.marker-icon {
+  z-index: 99;
+  position: absolute;
+  display: block;
+  margin-top: -50px;
+  margin-left: -25px;
+  width: 50px;
+  height: 50px;
+  font-size: 30px !important;
+  text-align: center;
+  color: #FFFFFF;
+  white-space: nowrap;
+}
+
+.icon-maps-example {
+  font-size: 13px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  cursor: pointer;
+}
+.icon-maps-example span {
+  font-size: 20px;
+  vertical-align: middle;
+}
+
+/* ========================================================================
+ * JQVMAP
+ * ======================================================================== */
+.resize-map {
+  width: 100%;
+  height: 450px;
+}
+
+.jqvmap-label {
+  position: absolute;
+  display: none;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 0px;
+  background: #505050;
+  color: white;
+  font-size: 0.9em;
+  padding: 5px 10px;
+  border-top: 5px solid #2A2A2A;
+}
+
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  position: absolute !important;
+  left: 10px !important;
+  -moz-border-radius: 50% !important;
+  -webkit-border-radius: 50%;
+  border-radius: 50% !important;
+  padding: 3px !important;
+  color: #969fa1 !important;
+  width: 30px !important;
+  height: 30px !important;
+  cursor: pointer !important;
+  line-height: 0px !important;
+  font-size: 0px !important;
+  text-align: center !important;
+  transition: background 0.2s;
+}
+
+.jqvmap-zoomin {
+  top: 10px !important;
+}
+.jqvmap-zoomin:before {
+  font-family: FontAwesome;
+  color: #fff;
+  text-align: center;
+  line-height: 25px;
+  font-size: 16px;
+  content: "\f067";
+}
+
+.jqvmap-zoomout {
+  top: 45px !important;
+}
+.jqvmap-zoomout:before {
+  font-family: FontAwesome;
+  color: #fff;
+  text-align: center;
+  line-height: 25px;
+  font-size: 16px;
+  content: "\f068";
+}
+
+.jqvmap-region {
+  cursor: pointer;
+}
+
+.jqvmap-ajax_response {
+  width: 100%;
+  height: 500px;
+}
+
+/* ========================================================================
+ * FlOT CHART
+ * ======================================================================== */
+#flotTip {
+  font-size: 12px !important;
+  font-weight: 600;
+  position: relative;
+  z-index: 5;
+  padding: 4px 5px !important;
+  border-radius: 3px !important;
+  border-color: transparent !important;
+  background-color: #444 !important;
+  color: #EEE !important;
+}
+
+.tooltipflot {
+  background-color: #2A2A2A;
+  color: #FFFFFF !important;
+  padding: 2px 4px;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+  font-size: 12px;
+}
+
+.legendColorBox > div {
+  margin-right: 5px;
+  border: none !important;
+}
+
+/* ========================================================================
+ * MORRIS CHART
+ * ======================================================================== */
+.morris-hover {
+  padding: 0px 0px 10px 0px;
+  text-align: center;
+}
+.morris-hover.morris-default-style {
+  background-color: #FFFFFF !important;
+  position: absolute !important;
+  min-width: 100px;
+}
+.morris-hover.morris-default-style .morris-hover-row-label {
+  margin-bottom: 10px;
+  padding: 5px 0px;
+  text-align: center;
+}
+.morris-hover.morris-default-style .morris-hover-point {
+  padding: 0px 10px;
+  text-align: left;
+}
+
+/* ========================================================================
+ * C3JS CHART
+ * ======================================================================== */
+.c3-region.success {
+  background-color: #8CC152;
+}
+
+.c3-region.warning {
+  background-color: #F6BB42;
+}
+
+.c3-region.danger {
+  background-color: #E9573F;
+}
+
+/* ========================================================================
+ * CHARTJS CHART
+ * ======================================================================== */
+canvas.chartjs {
+  width: 100% !important;
+  max-width: 800px;
+  height: auto !important;
+}
+
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dropzone {
+  padding: 20px 0px 0px 0px !important;
+  border: none !important;
+}
+.dropzone .dz-preview {
+  -moz-border-radius: 3px !important;
+  -webkit-border-radius: 3px;
+  border-radius: 3px !important;
+  padding: 0px !important;
+  margin: 0px 0px 20px 20px !important;
+}
+.dropzone .dz-preview .dz-filename {
+  text-align: center !important;
+}
+.dropzone .dz-preview .dz-details {
+  height: 110px !important;
+}
+.dropzone .dz-preview .dz-details img {
+  position: absolute !important;
+  top: 5px !important;
+  width: 90px !important;
+  height: 100px !important;
+}
+.dropzone .dz-preview .dz-details .dz-size {
+  line-height: 32px !important;
+}
+.dropzone .dz-preview .dz-error-message {
+  min-width: 100px !important;
+  padding: 0px 10px !important;
+  overflow: hidden !important;
+  height: 0px !important;
+}
+.dropzone .dz-error {
+  width: 102px !important;
+  height: 134px !important;
+}
+
+.dz-size {
+  left: 0 !important;
+  right: 0 !important;
+  text-align: center !important;
+}
+
+.dropzone {
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+.dropzone.dz-started .dz-default.dz-message {
+  display: none !important;
+}
+.dropzone .dz-default.dz-message {
+  position: relative !important;
+  width: 265px !important;
+  height: 257px !important;
+  top: inherit !important;
+  left: inherit !important;
+  margin: 25px auto !important;
+  background-image: url("../../../assets/global/img/plugins/dropzone/uploadfile.png") !important;
+  background-size: 150px !important;
+  background-position: 50% !important;
+}
+
+@media (max-width: 320px) {
+  .dropzone .dz-default.dz-message {
+    background-position: -15px 0px !important;
+    background-size: 205px;
+    margin-left: 50px !important;
+  }
+}
+.dropzone .dz-preview, .dropzone-previews .dz-preview {
+  -moz-box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  border: 1px solid #DDD !important;
+}
+
+.dz-file-preview .dz-details:before {
+  font-family: "Glyphicons Halflings" !important;
+  content: "\e117" !important;
+  font-size: 45px !important;
+  position: absolute !important;
+  top: 50px !important;
+  left: 27px !important;
+}
+
+@media (max-width: 360px) {
+  .dropzone .dz-preview {
+    margin-bottom: 30px !important;
+    margin-left: auto !important;
+    margin-right: auto !important;
+    display: block !important;
+    width: 114px !important;
+  }
+}
+/* ========================================================================
+ * BOOTSTRAP TAG INPUT
+ * ======================================================================== */
+input.rounded + .bootstrap-tagsinput {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+input.rounded + .bootstrap-tagsinput .tag {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+
+.bootstrap-tagsinput {
+  padding: 5px 7px 7px;
+  -moz-box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+  width: 100%;
+}
+.bootstrap-tagsinput input {
+  border: none !important;
+}
+.bootstrap-tagsinput input:focus {
+  border: none !important;
+}
+.bootstrap-tagsinput .tag {
+  display: inline-block;
+  padding: 5px 7px 8px;
+}
+
+@media (max-width: 360px) {
+  .bootstrap-tagsinput .tag {
+    margin-bottom: 4px;
+  }
+}
+/* ========================================================================
+ * BOOTSTRAP FILE UPLOAD
+ * ======================================================================== */
+.fileupload .btn {
+  margin-left: 0px;
+  line-height: 20px;
+}
+
+.fileupload-new .input-append .btn-file {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+
+.uneditable-input {
+  width: 155px !important;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+  height: 32px;
+}
+
+/* ========================================================================
+ * TYPEAHEAD
+ * ======================================================================== */
+.tt-hint {
+  color: #999;
+}
+
+.empty-message {
+  padding: 20px;
+}
+
+.tt-dropdown-menu {
+  top: 45px !important;
+  width: 350px;
+  max-height: 360px;
+  background-color: #fff;
+  border-bottom: 1px solid #DDD;
+  overflow-y: auto;
+  -webkit-border-bottom-left-radius: 3px !important;
+  -moz-border-radius-bottomleft: 3px !important;
+  border-bottom-left-radius: 3px !important;
+  -webkit-border-bottom-right-radius: 3px !important;
+  -moz-border-radius-bottomright: 3px !important;
+  border-bottom-right-radius: 3px !important;
+}
+.tt-dropdown-menu a.media {
+  display: block;
+  text-decoration: none;
+  border-bottom: 1px solid #DDD;
+}
+.tt-dropdown-menu a.media:hover {
+  background-color: #EEEEEE;
+}
+.tt-dropdown-menu .media {
+  position: relative;
+  padding: 8px 15px;
+}
+.tt-dropdown-menu .media.border-dotted:after {
+  border-bottom-style: dotted;
+}
+.tt-dropdown-menu .media .media-heading {
+  text-transform: capitalize;
+}
+.tt-dropdown-menu .media .media-object {
+  width: 50px;
+  height: 50px;
+  text-align: center;
+  margin-top: 10px;
+}
+.tt-dropdown-menu .media .media-object i {
+  display: block;
+  width: 34px;
+  height: 34px;
+  margin: 0 auto;
+  line-height: 33px;
+  text-align: center;
+  color: #ffffff;
+  border-radius: 50%;
+}
+.tt-dropdown-menu .media .media-object i.bg-default {
+  background-color: gray;
+}
+.tt-dropdown-menu .media .pull-left {
+  margin-right: 10px;
+  display: table-cell;
+}
+.tt-dropdown-menu .media .media-body {
+  display: table-cell;
+}
+.tt-dropdown-menu .media .media-body .media-text {
+  display: block;
+  color: #999;
+  font-size: 13px;
+  margin: 0;
+}
+
+.tt-suggestions .repo-language {
+  float: right;
+  font-style: italic;
+}
+.tt-suggestions .repo-name {
+  font-size: 20px;
+  font-weight: bold;
+}
+.tt-suggestions .repo-description {
+  margin: 0;
+  color: red !important;
+}
+
+/* ========================================================================
+ * CALENDAR
+ * ======================================================================== */
+.calendar-toolbar {
+  border-bottom: 5px dotted #DDD;
+  padding-bottom: 20px;
+  margin-bottom: 15px;
+}
+
+.cal-month-box, .cal-year-box, .cal-week-box {
+  border: none !important;
+}
+
+.cal-month-box, .cal-week-box, .cal-year-box {
+  background-color: white;
+}
+
+.cal-year-box .row-fluid, .cal-month-box .cal-row-fluid {
+  border-bottom: 1px solid #f7f7f7 !important;
+}
+
+.cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] {
+  border-right: 1px solid #f7f7f7 !important;
+}
+
+.cal-year-box .row-fluid [class*="span"]:last-child {
+  border-right: none !important;
+}
+
+.cal-month-box .cal-row-fluid [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+
+.cal-month-box span[data-cal-date], .cal-month-day span[data-cal-date] {
+  font-size: 25px;
+}
+.cal-month-box [data-cal-row="-day1"] .cal-day-weekend span[data-cal-date], .cal-month-day [data-cal-row="-day1"] .cal-day-weekend span[data-cal-date] {
+  color: #E9573F;
+}
+
+.cal-year-box {
+  color: #2A2A2A;
+}
+.cal-year-box .col-md-3 {
+  width: 25%;
+}
+.cal-year-box .col-md-3 span[data-cal-date] {
+  margin-right: auto !important;
+}
+
+#cal-week-box {
+  display: none !important;
+}
+
+#cal-day-box .day-highlight {
+  border: none !important;
+}
+#cal-day-box .day-event {
+  margin-left: 23px !important;
+}
+
+#cal-day-panel #cal-day-panel-hour .cal-day-hour .cal-day-hour-part .span1 {
+  padding-top: 4px;
+}
+#cal-day-panel #cal-day-panel-hour .cal-day-hour .cal-day-hour-part b:before {
+  font-family: "fontawesome";
+  content: "\f017";
+  margin-right: 5px;
+}
+
+#cal-slide-content {
+  background-color: #F5F5F5 !important;
+  -moz-box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  color: #999;
+  border-bottom: 1px solid #DDD;
+  background-image: none !important;
+}
+#cal-slide-content a.event-item {
+  color: #999;
+}
+
+#cal-day-tick {
+  background-color: #F5F5F5;
+  display: none;
+}
+
+#cal-slide-tick {
+  display: none !important;
+}
+
+.cal-row-head [class*="cal-cell"] {
+  padding: 10px 3px;
+  font-weight: 400;
+}
+.cal-row-head [class*="cal-cell"]:first-child {
+  padding: 10px 0px;
+  font-weight: 400;
+}
+
+.cal-row-head + .cal-day-hour {
+  padding-top: 15px;
+  padding-bottom: 10px;
+  padding-right: 15px;
+}
+.cal-row-head + .cal-day-hour [class*="col-xs-"] {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+.cal-row-head + .cal-day-hour [class*="col-xs-"].span1 {
+  text-align: center;
+}
+
+.event {
+  width: 15px !important;
+  height: 15px !important;
+  -moz-box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  -moz-border-radius: 10px !important;
+  -webkit-border-radius: 10px;
+  border-radius: 10px !important;
+  border: none !important;
+}
+
+.event-important {
+  background-color: #E9573F !important;
+}
+
+.event-info {
+  background-color: #63D3E9 !important;
+}
+
+.event-warning {
+  background-color: #F6BB42 !important;
+}
+
+.event-inverse {
+  background-color: #2A2A2A !important;
+}
+
+.event-success {
+  background-color: #8CC152 !important;
+}
+
+.event-special {
+  background-color: #906094 !important;
+}
+
+#eventlist li {
+  position: relative;
+  display: block;
+  font-size: 13px;
+}
+#eventlist li:first-child {
+  border-top: none;
+}
+#eventlist li a {
+  padding: 0px;
+  margin-bottom: 10px;
+}
+#eventlist li a i {
+  background-color: white;
+  width: 30px;
+  height: 30px;
+  text-align: center;
+  display: inline-block;
+  line-height: 28px;
+  font-size: 14px;
+}
+
+#events-modal {
+  z-index: 9999;
+}
+
+.day-highlight .dh-event-important {
+  background-color: #E9573F !important;
+  border: none;
+}
+.day-highlight .dh-event-important:hover {
+  background-color: #e64328;
+}
+.day-highlight .dh-event-important .cal-hours {
+  color: #69190c;
+}
+.day-highlight .dh-event-important a {
+  color: white;
+}
+.day-highlight .dh-event-info {
+  background-color: #63D3E9 !important;
+  border: none;
+}
+.day-highlight .dh-event-info:hover {
+  background-color: #4dcde6;
+}
+.day-highlight .dh-event-info .cal-hours {
+  color: #137487;
+}
+.day-highlight .dh-event-info a {
+  color: white;
+}
+.day-highlight .dh-event-warning {
+  background-color: #F6BB42 !important;
+  border: none;
+}
+.day-highlight .dh-event-warning:hover {
+  background-color: #f5b22a;
+}
+.day-highlight .dh-event-warning .cal-hours {
+  color: #7f5806;
+}
+.day-highlight .dh-event-warning a {
+  color: white;
+}
+.day-highlight .dh-event-inverse {
+  background-color: #2A2A2A !important;
+  border: none;
+}
+.day-highlight .dh-event-inverse:hover {
+  background-color: #1d1d1d;
+}
+.day-highlight .dh-event-inverse .cal-hours {
+  color: black;
+}
+.day-highlight .dh-event-inverse a {
+  color: white;
+}
+.day-highlight .dh-event-success {
+  background-color: #8CC152 !important;
+  border: none;
+}
+.day-highlight .dh-event-success:hover {
+  background-color: #7fb842;
+}
+.day-highlight .dh-event-success .cal-hours {
+  color: #314719;
+}
+.day-highlight .dh-event-success a {
+  color: white;
+}
+.day-highlight .dh-event-special {
+  background-color: #906094 !important;
+  border: none;
+}
+.day-highlight .dh-event-special:hover {
+  background-color: #815685;
+}
+.day-highlight .dh-event-special .cal-hours {
+  color: #271a28;
+}
+.day-highlight .dh-event-special a {
+  color: white;
+}
+
+@media (max-width: 800px) {
+  .cal-month-box span[data-cal-date], .cal-month-day span[data-cal-date] {
+    font-size: 15px;
+    margin-top: 5px !important;
+    margin-right: 10px !important;
+  }
+}
+@media (max-width: 480px) {
+  .cal-year-box .col-md-3 {
+    width: 50%;
+  }
+
+  .events-list {
+    max-height: 60px !important;
+  }
+}
+/* ========================================================================
+ * BOOTSTRAP SWITCH
+ * ======================================================================== */
+.bootstrap-switch {
+  min-width: 60px !important;
+  border: none !important;
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.bootstrap-switch .bootstrap-switch-container, .bootstrap-switch .bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on {
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
+  line-height: 15px !important;
+  font-size: 11px !important;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-default {
+  background: #EEEEEE;
+  color: white;
+  border: 1px solid #EEEEEE;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-default + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-default + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-default + .bootstrap-switch-label {
+  border: 1px solid #EEEEEE;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-default + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-default + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-default + .bootstrap-switch-label + .bootstrap-switch-handle-off {
+  border: 1px solid #EEEEEE;
+  border-left: none;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-primary {
+  background: #00B1E1;
+  color: white;
+  border: 1px solid #00B1E1;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-primary + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-primary + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-primary + .bootstrap-switch-label {
+  border: 1px solid #00B1E1;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-primary + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-primary + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-primary + .bootstrap-switch-label + .bootstrap-switch-handle-off {
+  border: 1px solid #00B1E1;
+  border-left: none;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-success {
+  background: #8CC152;
+  color: white;
+  border: 1px solid #8CC152;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-success + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-success + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-success + .bootstrap-switch-label {
+  border: 1px solid #8CC152;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-success + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-success + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-success + .bootstrap-switch-label + .bootstrap-switch-handle-off {
+  border: 1px solid #8CC152;
+  border-left: none;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-info {
+  background: #63D3E9;
+  color: white;
+  border: 1px solid #63D3E9;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-info + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-info + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-info + .bootstrap-switch-label {
+  border: 1px solid #63D3E9;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-info + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-info + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-info + .bootstrap-switch-label + .bootstrap-switch-handle-off {
+  border: 1px solid #63D3E9;
+  border-left: none;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-warning {
+  background: #F6BB42;
+  color: white;
+  border: 1px solid #F6BB42;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-warning + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-warning + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-warning + .bootstrap-switch-label {
+  border: 1px solid #F6BB42;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-warning + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-warning + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-warning + .bootstrap-switch-label + .bootstrap-switch-handle-off {
+  border: 1px solid #F6BB42;
+  border-left: none;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-danger {
+  background: #E9573F;
+  color: white;
+  border: 1px solid #E9573F;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-danger + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-danger + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-danger + .bootstrap-switch-label {
+  border: 1px solid #E9573F;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-danger + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-danger + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-danger + .bootstrap-switch-label + .bootstrap-switch-handle-off {
+  border: 1px solid #E9573F;
+  border-left: none;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-lilac, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-lilac, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-lilac {
+  background: #906094;
+  color: white;
+  border: 1px solid #906094;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-lilac + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-lilac + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-lilac + .bootstrap-switch-label {
+  border: 1px solid #906094;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-lilac + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-lilac + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-lilac + .bootstrap-switch-label + .bootstrap-switch-handle-off {
+  border: 1px solid #906094;
+  border-left: none;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-inverse, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-inverse, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-inverse {
+  background: #2A2A2A;
+  color: white;
+  border: 1px solid #2A2A2A;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-inverse + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-inverse + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-inverse + .bootstrap-switch-label {
+  border: 1px solid #2A2A2A;
+}
+.bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-inverse + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-off .bootstrap-switch-inverse + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label .bootstrap-switch-inverse + .bootstrap-switch-label + .bootstrap-switch-handle-off {
+  border: 1px solid #2A2A2A;
+  border-left: none;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-label.bootstrap-switch-default {
+  color: gray !important;
+  border: 1px solid #EEEEEE !important;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-label.bootstrap-switch-default + .bootstrap-switch-label {
+  border: 1px solid #EEEEEE !important;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label.bootstrap-switch-default + .bootstrap-switch-label + .bootstrap-switch-handle-off {
+  border: 1px solid #EEEEEE !important;
+  border-left: none !important;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal, .bootstrap-switch .bootstrap-switch-label.bootstrap-switch-teal {
+  background: #37BC9B !important;
+  border: 1px solid #37BC9B !important;
+  color: white !important;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal + .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-label.bootstrap-switch-teal + .bootstrap-switch-label {
+  border: 1px solid #37BC9B !important;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal + .bootstrap-switch-label + .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label.bootstrap-switch-teal + .bootstrap-switch-label + .bootstrap-switch-handle-off {
+  border: 1px solid #37BC9B !important;
+  border-left: none !important;
+}
+.bootstrap-switch.bootstrap-switch-focused {
+  outline: none !important;
+  box-shadow: none !important;
+}
+.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+.bootstrap-switch .bootstrap-switch.bootstrap-switch-handle-on
+.bootstrap-switch .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+
+/* ========================================================================
+ * BOOTSTRAP DATEPICKER
+ * ======================================================================== */
+.datepicker {
+  padding: 0px;
+}
+.datepicker table thead tr {
+  color: white;
+}
+.datepicker table thead tr:first-child {
+  -webkit-border-top-left-radius: 3px;
+  -moz-border-radius-topleft: 3px;
+  border-top-left-radius: 3px;
+  -webkit-border-top-right-radius: 3px;
+  -moz-border-radius-topright: 3px;
+  border-top-right-radius: 3px;
+}
+.datepicker table thead tr:first-child th {
+  border-bottom: none;
+}
+.datepicker table thead tr:first-child:first-child th {
+  -webkit-border-top-left-radius: 3px;
+  -moz-border-radius-topleft: 3px;
+  border-top-left-radius: 3px;
+}
+.datepicker table thead tr:first-child:last-child th {
+  -webkit-border-top-right-radius: 3px;
+  -moz-border-radius-topright: 3px;
+  border-top-right-radius: 3px;
+}
+.datepicker table thead tr th {
+  font-weight: 300;
+  min-width: 40px;
+  vertical-align: middle;
+  border-width: 1px 1px 7px;
+  border-style: solid;
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+.datepicker table thead tr .prev, .datepicker table thead tr .switch, .datepicker table thead tr .next {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.datepicker table tbody tr:first-child td {
+  border-top: none;
+}
+.datepicker table tbody tr td {
+  min-width: 40px;
+  background-color: #EEEEEE;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+  padding: 9px;
+}
+.datepicker table tbody tr td:first-child {
+  color: #E9573F;
+}
+.datepicker table tbody tr td.old, .datepicker table tbody tr td.new {
+  background-color: #e6e6e6;
+}
+.datepicker table tbody tr td.active, .datepicker table tbody tr td.active:hover, .datepicker table tbody tr td.active:disabled, .datepicker table tbody tr td.active.disabled:hover {
+  text-shadow: none;
+}
+.datepicker table tbody tr td.active.active {
+  text-shadow: none;
+  background-image: none;
+  background-repeat: no-repeat;
+  color: white;
+}
+.datepicker table tfoot tr .today {
+  background-color: #d5d5d5;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.datepicker table tfoot tr .today:hover {
+  background-color: #e1e1e1;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+
+.datepicker-dropdown {
+  border: none;
+  box-shadow: none;
+}
+
+@media (max-width: 320px) {
+  .datepicker-inline table {
+    margin-left: -14px !important;
+  }
+}
+/* ========================================================================
+ * JQUERY COLORPICKER
+ * ======================================================================== */
+#colorselector {
+  position: relative;
+  width: 36px;
+  height: 36px;
+  background: url("../plugins/jquery-colorpicker/images/select2.png");
+}
+#colorselector div {
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: 30px;
+  height: 30px;
+  background: url("../plugins/jquery-colorpicker/images/select2.png") center;
+}
+
+/* ========================================================================
+ * JASNY BOOTSTRAP
+ * ======================================================================== */
+.fileinput-new .form-control {
+  border-right: none;
+}
+.fileinput-new .btn-file {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.fileinput-new.input-group .btn-file {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.fileinput-new .input-group .btn-file {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+
+.close.fileinput-exists {
+  color: #E9573F;
+}
+
+/* ========================================================================
+ * CHOSEN SELECT
+ * ======================================================================= */
+.chosen-select.rounded + .chosen-container-single .chosen-single {
+  -moz-border-radius: 3px !important;
+  -webkit-border-radius: 3px;
+  border-radius: 3px !important;
+}
+.chosen-select.circle + .chosen-container-single .chosen-single {
+  -moz-border-radius: 50% !important;
+  -webkit-border-radius: 50%;
+  border-radius: 50% !important;
+}
+
+.chosen-container {
+  width: 100% !important;
+  margin-bottom: 10px !important;
+}
+.chosen-container:last-child {
+  margin-bottom: 0px;
+}
+.chosen-container .chosen-drop {
+  border: 1px solid #DDD !important;
+  -moz-box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+.chosen-container .chosen-results li.group-result {
+  background-color: #EEEEEE;
+}
+
+.chosen-container-single .chosen-single {
+  color: #A2A2A2 !important;
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+.chosen-container-single .chosen-drop {
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+
+.chosen-container-single .chosen-single, .chosen-container-single.chosen-with-drop .chosen-single {
+  background: #FFFFFF !important;
+  -moz-box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  border: 1px solid #DDD !important;
+  height: 28px !important;
+  line-height: 26px !important;
+}
+.chosen-container-single .chosen-single div b, .chosen-container-single.chosen-with-drop .chosen-single div b {
+  background-position: 0px 4px !important;
+}
+
+.chosen-container-multi .chosen-choices {
+  background-image: none !important;
+}
+
+.chosen-container-multi .chosen-choices {
+  border: 1px solid #DDD;
+}
+.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
+  height: 25px;
+}
+
+.chosen-container-active .chosen-choices {
+  border-top: 1px solid #DDD;
+  border-left: 1px solid #DDD;
+  border-right: 1px solid #DDD;
+  -moz-box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.chosen-container-multi .chosen-choices li.search-choice {
+  border: none;
+  background: #EEEEEE;
+}
+
+@media (max-width: 600px) {
+  .chosen-container {
+    margin-bottom: 15px;
+  }
+}
+/* ========================================================================
+ * ION RANGESLIDER
+ * ======================================================================= */
+#result-rangeSlider {
+  position: relative;
+  white-space: pre;
+  line-height: 1.5;
+}
+
+.irs-line-mid,
+.irs-line-left,
+.irs-line-right,
+.irs-diapason,
+.irs-slider {
+  background-color: #e1e4e9;
+  background-repeat: repeat-x;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+}
+
+.irs {
+  height: 40px;
+}
+
+.irs-with-grid {
+  height: 60px;
+}
+
+.irs-line {
+  height: 12px;
+  top: 25px;
+}
+
+.irs-line-left {
+  height: 12px;
+  background-color: #e1e4e9;
+}
+
+.irs-line-mid {
+  height: 12px;
+  background-color: #e1e4e9;
+}
+
+.irs-line-right {
+  height: 12px;
+  background-color: #e1e4e9;
+}
+
+.irs-diapason {
+  height: 12px;
+  top: 25px;
+}
+
+.irs-slider {
+  width: 16px;
+  height: 18px;
+  top: 22px;
+}
+
+.irs-min, .irs-max {
+  color: #999;
+  font-size: 10px;
+  line-height: 1.333;
+  text-shadow: none;
+  top: 0;
+  padding: 1px 3px;
+  background: #e1e4e9;
+  border-radius: 4px;
+}
+
+.irs-from, .irs-to, .irs-single {
+  color: #fff;
+  font-size: 10px;
+  line-height: 1.333;
+  text-shadow: none;
+  padding: 1px 5px;
+  border-radius: 4px;
+}
+
+.irs-from:after, .irs-to:after, .irs-single:after {
+  position: absolute;
+  display: block;
+  content: "";
+  bottom: -6px;
+  left: 50%;
+  width: 0;
+  height: 0;
+  margin-left: -3px;
+  overflow: hidden;
+  border: 3px solid transparent;
+}
+
+.irs-grid-pol {
+  background: #e1e4e9;
+}
+
+.irs-grid-text {
+  color: #999;
+}
+
+.slider-teal .irs-line-mid,
+.slider-teal .irs-line-left,
+.slider-teal .irs-line-right,
+.slider-teal .irs-diapason,
+.slider-teal .irs-slider {
+  background-color: #e1e4e9;
+  background-repeat: repeat-x;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+}
+.slider-teal .irs {
+  height: 40px;
+}
+.slider-teal .irs-with-grid {
+  height: 60px;
+}
+.slider-teal .irs-line {
+  height: 12px;
+  top: 25px;
+}
+.slider-teal .irs-line-left {
+  height: 12px;
+  background-color: #e1e4e9;
+}
+.slider-teal .irs-line-mid {
+  height: 12px;
+  background-color: #e1e4e9;
+}
+.slider-teal .irs-line-right {
+  height: 12px;
+  background-color: #e1e4e9;
+}
+.slider-teal .irs-diapason {
+  height: 12px;
+  top: 25px;
+  background-color: #44c8a8;
+}
+.slider-teal .irs-slider {
+  width: 16px;
+  height: 18px;
+  top: 22px;
+  background-color: #37BC9B;
+}
+.slider-teal #irs-active-slider, .slider-teal .irs-slider:hover {
+  background-color: #37BC9B;
+}
+.slider-teal .irs-min, .slider-teal .irs-max {
+  color: #999;
+  font-size: 10px;
+  line-height: 1.333;
+  text-shadow: none;
+  top: 0;
+  padding: 1px 3px;
+  background: #e1e4e9;
+  border-radius: 4px;
+}
+.slider-teal .irs-from, .slider-teal .irs-to, .slider-teal .irs-single {
+  color: #fff;
+  font-size: 10px;
+  line-height: 1.333;
+  text-shadow: none;
+  padding: 1px 5px;
+  background-color: #37BC9B;
+  border-radius: 4px;
+}
+.slider-teal .irs-from:after, .slider-teal .irs-to:after, .slider-teal .irs-single:after {
+  position: absolute;
+  display: block;
+  content: "";
+  bottom: -6px;
+  left: 50%;
+  width: 0;
+  height: 0;
+  margin-left: -3px;
+  overflow: hidden;
+  border: 3px solid transparent;
+  border-top-color: #37BC9B;
+}
+.slider-teal .irs-grid-pol {
+  background: #e1e4e9;
+}
+.slider-teal .irs-grid-text {
+  color: #999;
+}
+.slider-teal.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+}
+
+.slider-primary .irs-diapason {
+  background-color: #00c5fb !important;
+}
+.slider-primary .irs-slider {
+  background-color: #00B1E1 !important;
+}
+.slider-primary #irs-active-slider, .slider-primary .irs-slider:hover {
+  background-color: #00B1E1 !important;
+}
+.slider-primary .irs-from, .slider-primary .irs-to, .slider-primary .irs-single {
+  background-color: #00B1E1 !important;
+}
+.slider-primary .irs-from:after, .slider-primary .irs-to:after, .slider-primary .irs-single:after {
+  border-top-color: #00B1E1 !important;
+}
+.slider-primary .circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-primary .donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #00B1E1;
+  margin-left: -3px;
+}
+
+.slider-success .irs-diapason {
+  background-color: #98c865 !important;
+}
+.slider-success .irs-slider {
+  background-color: #8CC152 !important;
+}
+.slider-success #irs-active-slider, .slider-success .irs-slider:hover {
+  background-color: #8CC152 !important;
+}
+.slider-success .irs-from, .slider-success .irs-to, .slider-success .irs-single {
+  background-color: #8CC152 !important;
+}
+.slider-success .irs-from:after, .slider-success .irs-to:after, .slider-success .irs-single:after {
+  border-top-color: #8CC152 !important;
+}
+.slider-success .circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-success .donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #8CC152;
+  margin-left: -3px;
+}
+
+.slider-info .irs-diapason {
+  background-color: #79d9ec !important;
+}
+.slider-info .irs-slider {
+  background-color: #63D3E9 !important;
+}
+.slider-info #irs-active-slider, .slider-info .irs-slider:hover {
+  background-color: #63D3E9 !important;
+}
+.slider-info .irs-from, .slider-info .irs-to, .slider-info .irs-single {
+  background-color: #63D3E9 !important;
+}
+.slider-info .irs-from:after, .slider-info .irs-to:after, .slider-info .irs-single:after {
+  border-top-color: #63D3E9 !important;
+}
+.slider-info .circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-info .donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #63D3E9;
+  margin-left: -3px;
+}
+
+.slider-warning .irs-diapason {
+  background-color: #f7c45a !important;
+}
+.slider-warning .irs-slider {
+  background-color: #F6BB42 !important;
+}
+.slider-warning #irs-active-slider, .slider-warning .irs-slider:hover {
+  background-color: #F6BB42 !important;
+}
+.slider-warning .irs-from, .slider-warning .irs-to, .slider-warning .irs-single {
+  background-color: #F6BB42 !important;
+}
+.slider-warning .irs-from:after, .slider-warning .irs-to:after, .slider-warning .irs-single:after {
+  border-top-color: #F6BB42 !important;
+}
+.slider-warning .circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-warning .donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #F6BB42;
+  margin-left: -3px;
+}
+
+.slider-danger .irs-diapason {
+  background-color: #ec6b56 !important;
+}
+.slider-danger .irs-slider {
+  background-color: #E9573F !important;
+}
+.slider-danger #irs-active-slider, .slider-danger .irs-slider:hover {
+  background-color: #E9573F !important;
+}
+.slider-danger .irs-from, .slider-danger .irs-to, .slider-danger .irs-single {
+  background-color: #E9573F !important;
+}
+.slider-danger .irs-from:after, .slider-danger .irs-to:after, .slider-danger .irs-single:after {
+  border-top-color: #E9573F !important;
+}
+.slider-danger .circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-danger .donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #E9573F;
+  margin-left: -3px;
+}
+
+.slider-lilac .irs-diapason {
+  background-color: #9c6da0 !important;
+}
+.slider-lilac .irs-slider {
+  background-color: #906094 !important;
+}
+.slider-lilac #irs-active-slider, .slider-lilac .irs-slider:hover {
+  background-color: #906094 !important;
+}
+.slider-lilac .irs-from, .slider-lilac .irs-to, .slider-lilac .irs-single {
+  background-color: #906094 !important;
+}
+.slider-lilac .irs-from:after, .slider-lilac .irs-to:after, .slider-lilac .irs-single:after {
+  border-top-color: #906094 !important;
+}
+.slider-lilac .circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-lilac .donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #906094;
+  margin-left: -3px;
+}
+
+.slider-inverse .irs-diapason {
+  background-color: #373737 !important;
+}
+.slider-inverse .irs-slider {
+  background-color: #2A2A2A !important;
+}
+.slider-inverse #irs-active-slider, .slider-inverse .irs-slider:hover {
+  background-color: #2A2A2A !important;
+}
+.slider-inverse .irs-from, .slider-inverse .irs-to, .slider-inverse .irs-single {
+  background-color: #2A2A2A !important;
+}
+.slider-inverse .irs-from:after, .slider-inverse .irs-to:after, .slider-inverse .irs-single:after {
+  border-top-color: #2A2A2A !important;
+}
+.slider-inverse .circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-inverse .donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #2A2A2A;
+  margin-left: -3px;
+}
+
+/* ========================================================================
+ * SUMMERNOTE
+ * ======================================================================= */
+.note-editor {
+  border: 1px solid #DDD;
+}
+.note-editor .note-toolbar {
+  border-bottom: 1px solid #DDD;
+}
+.note-editor .note-editable {
+  min-height: 200px;
+}
+
+/* ========================================================================
+ * WYSIHTML5
+ * ======================================================================= */
+textarea.rounded + input + .wysihtml5-sandbox {
+  -moz-border-radius: 3px !important;
+  -webkit-border-radius: 3px;
+  border-radius: 3px !important;
+}
+textarea.circle + input + .wysihtml5-sandbox {
+  -moz-border-radius: 50% !important;
+  -webkit-border-radius: 50%;
+  border-radius: 50% !important;
+}
+textarea + input + .wysihtml5-sandbox {
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+  border: 1px solid #DDD !important;
+}
+
+.icon-list:before, .icon-th-list:before, .icon-indent-right:before, .icon-indent-left:before, .icon-share:before, .icon-picture:before {
+  font-family: 'FontAwesome';
+  font-style: normal;
+  color: #99999C;
+}
+
+.icon-list:before {
+  content: "\f03a";
+}
+
+.icon-th-list:before {
+  content: "\f00b";
+}
+
+.icon-indent-right:before {
+  content: "\f03b";
+}
+
+.icon-indent-left:before {
+  content: "\f03c";
+}
+
+.icon-share:before {
+  content: "\f0c1";
+}
+
+.icon-picture:before {
+  content: "\f03e";
+}
+
+/* ========================================================================
+ * DATATABLE
+ * ======================================================================= */
+.table-default.table.dataTable thead .sorting, .table-default.table.dataTable thead .sorting_asc, .table-default.table.dataTable thead .sorting_desc, .table-default.table.dataTable thead .sorting_asc_disabled, .table-default.table.dataTable thead .sorting_desc_disabled {
+  background: #EEE !important;
+}
+
+table.dataTable thead tr th, table.dataTable tfoot tr th {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+table.dataTable tbody tr td {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+table.dataTable tbody tr td.sorting_1 {
+  background: #EEEEEE;
+  border-bottom: 1px solid #DDD;
+}
+
+table.has-columns-hidden > tbody > tr > td > span.responsiveExpander {
+  vertical-align: middle;
+}
+table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  font-family: "fontawesome";
+  content: "\f0fe";
+  margin-right: 10px;
+  cursor: pointer;
+  font-size: 20px;
+}
+
+table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander {
+  vertical-align: middle;
+}
+table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  font-family: "fontawesome";
+  content: "\f146";
+  margin-right: 10px;
+  cursor: pointer;
+  font-size: 20px;
+}
+
+div.dataTables_filter input {
+  margin-left: 10px;
+}
+
+div.dataTables_length select {
+  margin-right: 10px;
+}
+
+.dataTable thead tr th:first-child {
+  min-width: 150px;
+}
+
+table.dataTable th.dataTables_empty, td.dataTables_empty {
+  padding: 30px !important;
+  text-align: center;
+}
+table.dataTable th.dataTables_empty:before, td.dataTables_empty:before {
+  font-family: "fontawesome";
+  content: "\f119";
+  display: block;
+  font-size: 110px;
+  margin-bottom: 5px;
+}
+
+@media (max-width: 768px) {
+  div.dataTables_length label {
+    width: 93%;
+  }
+  div.dataTables_length select {
+    display: inline-block;
+  }
+
+  div.dataTables_filter label {
+    line-height: 30px;
+  }
+  div.dataTables_filter input {
+    display: inline-block;
+    float: right;
+    width: 13em !important;
+    margin-right: 0px;
+  }
+
+  div.dataTables_info {
+    text-align: center;
+    margin-bottom: 10px;
+  }
+
+  div.dataTables_paginate {
+    float: none !important;
+    text-align: center;
+  }
+}
+@media (max-width: 480px) {
+  table.dataTable thead tr th:first-child {
+    -moz-border-radius: 3px 3px 0px 0px !important;
+    -webkit-border-radius: 3px;
+    border-radius: 3px 3px 0px 0px !important;
+  }
+  table.dataTable tfoot tr th:first-child {
+    -moz-border-radius: 0px 0px 3px 3px !important;
+    -webkit-border-radius: 0px;
+    border-radius: 0px 0px 3px 3px !important;
+  }
+
+  .dataTables_wrapper .col-xs-6 {
+    width: 100%;
+  }
+
+  div.dataTables_length label {
+    display: none;
+  }
+}
+@media (max-width: 360px) {
+  .dataTables_paginate .pagination .previous {
+    display: none;
+  }
+  .dataTables_paginate .pagination > li:nth-child(2) a {
+    -moz-border-radius: 3px 0px 0px 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px 0px 0px 3px;
+  }
+
+  div.dataTables_filter input {
+    width: 19em;
+  }
+}
+@media (max-width: 320px) {
+  div.dataTables_filter input {
+    width: 16em !important;
+  }
+}
+/* ========================================================================
+ * FONT AWESOME
+ * ======================================================================= */
+.fontawesome-icon-list .fa-hover a {
+  display: block;
+  line-height: 32px;
+  height: 32px;
+  color: #636E7B;
+  text-decoration: none;
+  padding-left: 10px;
+}
+.fontawesome-icon-list .fa-hover a:hover {
+  background-color: #EEEEEE;
+}
+.fontawesome-icon-list .fa-hover a .fa {
+  font-size: 14px;
+  display: inline-block;
+  margin-right: 10px;
+}
+
+/* ========================================================================
+ * GRITTER NOTIFICATION
+ * ======================================================================= */
+.gritter-item-wrapper, .gritter-item, .gritter-top, .gritter-bottom {
+  background: fadeout(#2A2A2A, 35% !important);
+  -moz-border-radius: 3px !important;
+  -webkit-border-radius: 3px;
+  border-radius: 3px !important;
+}
+
+#gritter-notice-wrapper {
+  top: 70px !important;
+  right: 20px !important;
+  z-index: 1030 !important;
+}
+
+.gritter-close {
+  left: auto !important;
+  right: 3px !important;
+}
+
+.gritter-title {
+  font-size: 18px;
+  font-weight: 300;
+  text-shadow: none;
+}
+
+.gritter-item {
+  font-family: 'Open Sans';
+}
+
+.gritter-top {
+  background: url(../images/gritter.png) no-repeat left -35px;
+  height: 0;
+}
+
+.gritter-bottom {
+  height: 0;
+}
+
+.gritter-image {
+  margin-top: 10px;
+}
+
+.gritter-with-image {
+  margin-top: 10px;
+}
+
+.gritter-item-wrapper, .gritter-item, .gritter-top, .gritter-bottom {
+  -moz-border-radius: 0 !important;
+  -webkit-border-radius: 0;
+  border-radius: 0 !important;
+}
+
+/* ========================================================================
+ * NICESCROLL
+ * ======================================================================= */
+.nicescroll-rails#ascrail2000-hr {
+  display: none !important;
+}
+.nicescroll-rails div {
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+
+/* ========================================================================
+ * FUEL UX
+ * ======================================================================= */
+.fuelux .repeater-thumbnail {
+  width: 109px;
+}
+.fuelux .repeater-thumbnail img {
+  margin-top: 0px;
+}
+.fuelux .repeater-thumbnail-cont.align-left .repeater-thumbnail {
+  font-size: 13px;
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+.fuelux .repeater, .fuelux .repeater-header {
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.fuelux .repeater-list-header td.sortable:last-child {
+  text-align: center;
+}
+.fuelux .repeater-list-header td.sortable:hover {
+  background: transparent;
+}
+.fuelux .repeater-list-items td:last-child {
+  text-align: center;
+}
+.fuelux .repeater-list table thead > tr > th {
+  border-bottom: none;
+}
+.fuelux .repeater table thead tr th:nth-child(1), .fuelux .repeater table thead tr th:nth-child(3), .fuelux .repeater table thead tr th:nth-child(6) {
+  text-align: center;
+}
+.fuelux .repeater table thead tr th:nth-child(2) {
+  width: 200px !important;
+}
+.fuelux .repeater table thead tr th:nth-child(4) {
+  text-align: right;
+}
+.fuelux .repeater table thead tr th:last-child {
+  text-align: center;
+}
+.fuelux .repeater table tbody tr td {
+  vertical-align: middle;
+  font-size: 12px;
+}
+.fuelux .repeater table tbody tr td:nth-child(1), .fuelux .repeater table tbody tr td:nth-child(3), .fuelux .repeater table tbody tr td:nth-child(6) {
+  text-align: center;
+}
+.fuelux .repeater table tbody tr td:nth-child(4) {
+  text-align: right;
+}
+.fuelux .repeater table tbody tr td:last-child {
+  text-align: center;
+}
+
+.repeater-header-right .repeater-filters > button {
+  width: 150px !important;
+  text-align: left !important;
+}
+
+/* ========================================================================
+ * CODE PRETIFFY
+ * ======================================================================= */
+ol.linenums {
+  padding: 0px;
+}
+
+/* ========================================================================
+ * BLOCKUI
+ * ======================================================================= */
+.blockUI.blockOverlay {
+  background-color: white !important;
+}
+
+.blockMsg h1 {
+  font-size: 15px;
+  margin: 10px 0px;
+}
+
+/* ========================================================================
+ * CUBEPORTFOLIO
+ * ======================================================================= */
+.cbp {
+  margin-bottom: 20px;
+}
+
+.cbp-panel {
+  width: 100%;
+}
+
+.cbp-l-filters-list .cbp-filter-item {
+  margin-top: 0;
+}
+
+.cbp-l-filters-list-first, .cbp-l-filters-list-last {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+}
+
+.cbp-l-loadMore-button .cbp-l-loadMore-link, .cbp-l-loadMore-button .cbp-l-loadMore-button-link {
+  margin-bottom: 20px;
+}
+
+.cbp-l-filters-button {
+  margin-bottom: 5px;
+}
+.cbp-l-filters-button .cbp-filter-item {
+  margin-top: 0;
+  margin-bottom: 15px;
+}
+
+#grid-container {
+  margin-top: -20px;
+  margin-bottom: 50px;
+}
+
+.cbp-l-project-details-list {
+  list-style: none;
+  padding: 0;
+}
+
+.cbp-l-project-related-wrap {
+  padding: 0;
+}
+.cbp-l-project-related-wrap a {
+  text-decoration: none;
+}
+
+.cbp-l-project-details-visit {
+  text-decoration: none !important;
+}
+
+.cbp-l-filters-dropdown {
+  margin-bottom: 0;
+}
+
+.cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover {
+  color: white !important;
+}
+
+/* ========================================================================
+ * PEITY CHARTS
+ * ======================================================================= */
+.peity {
+  width: inherit;
+}
+
+/* ========================================================================
+ * EASY PIE CHART
+ * ======================================================================= */
+.easy-pie-chart {
+  text-align: center;
+  margin: 10px;
+  display: inline-block;
+}
+.easy-pie-chart.easy-pie-xs .percentage {
+  width: 50px;
+  height: 50px;
+  line-height: 50px;
+  font-size: 9px;
+}
+.easy-pie-chart.easy-pie-xs .percentage img {
+  margin: 0 auto;
+  padding: 15px;
+}
+.easy-pie-chart.easy-pie-xs .percentage i {
+  font-size: 13px;
+}
+.easy-pie-chart.easy-pie-xs .title {
+  margin-top: 5px;
+}
+.easy-pie-chart.easy-pie-sm .percentage {
+  width: 100px;
+  height: 100px;
+  line-height: 100px;
+  font-size: 15px;
+}
+.easy-pie-chart.easy-pie-sm .percentage img {
+  margin: 0 auto;
+  padding: 25px;
+}
+.easy-pie-chart.easy-pie-sm .percentage i {
+  font-size: 23px;
+}
+.easy-pie-chart.easy-pie-sm .title {
+  margin-top: 10px;
+}
+.easy-pie-chart.easy-pie-md .percentage {
+  width: 150px;
+  height: 150px;
+  line-height: 150px;
+  font-size: 20px;
+}
+.easy-pie-chart.easy-pie-md .percentage img {
+  margin: 0 auto;
+  padding: 35px;
+}
+.easy-pie-chart.easy-pie-md .percentage i {
+  font-size: 33px;
+}
+.easy-pie-chart.easy-pie-lg .percentage {
+  width: 200px;
+  height: 200px;
+  line-height: 200px;
+  font-size: 25px;
+}
+.easy-pie-chart.easy-pie-lg .percentage img {
+  margin: 0 auto;
+  padding: 45px;
+}
+.easy-pie-chart.easy-pie-lg .percentage i {
+  font-size: 43px;
+}
+.easy-pie-chart.easy-pie-xl .percentage {
+  width: 250px;
+  height: 250px;
+  line-height: 250px;
+  font-size: 30px;
+}
+.easy-pie-chart.easy-pie-xl .percentage img {
+  margin: 0 auto;
+  padding: 55px;
+}
+.easy-pie-chart.easy-pie-xl .percentage i {
+  font-size: 53px;
+}
+.easy-pie-chart .percentage {
+  color: #333;
+  font-weight: 100;
+  font-size: 1em;
+  margin: 0 auto;
+  position: relative;
+  text-align: center;
+}
+.easy-pie-chart .percentage canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.easy-pie-chart .title {
+  display: block;
+  text-align: center;
+  color: #333;
+  font-weight: 300;
+  font-size: 16px;
+  margin-top: 20px;
+  text-decoration: none;
+}
+.easy-pie-chart .title.up {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
+/* ========================================================================
+ * BOOTSTRAP COLOR PICKER
+ * ======================================================================= */
+.colorpicker.dropdown-menu {
+  padding: 4px;
+}
+
+.colorpicker-2x .colorpicker-saturation {
+  width: 200px;
+  height: 200px;
+}
+.colorpicker-2x .colorpicker-hue, .colorpicker-2x .colorpicker-alpha {
+  width: 30px;
+  height: 200px;
+}
+
+.colorpicker-2x .colorpicker-color,
+.colorpicker-2x .colorpicker-color div {
+  height: 30px;
+}
+
+/* ========================================================================
+ * BOOTSTRAP DATE RANGE PICKER
+ * ======================================================================= */
+.daterangepicker {
+  padding: 10px;
+}
+.daterangepicker .input-mini {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+  outline: none !important;
+}
+.daterangepicker .input-mini:link, .daterangepicker .input-mini:focus, .daterangepicker .input-mini:active, .daterangepicker .input-mini:visited {
+  border: 1px solid #8CC152;
+}
+.daterangepicker .input-mini.active {
+  border: 1px solid #8CC152;
+}
+.daterangepicker .calendar-time {
+  margin: 15px auto;
+  padding-left: 0;
+}
+.daterangepicker .calendar-time i {
+  font-size: 25px;
+  margin-top: -5px;
+  left: 0;
+}
+.daterangepicker .calendar-table {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+}
+.daterangepicker th:hover {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+}
+.daterangepicker td.active, .daterangepicker td.active:hover {
+  background-color: #8CC152;
+  border-color: #8CC152;
+  color: #fff;
+}
+.daterangepicker td.start-date, .daterangepicker td.end-date, .daterangepicker td.start-date.end-date {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+}
+.daterangepicker td:hover {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+}
+.daterangepicker .daterangepicker_input {
+  margin-bottom: 15px;
+}
+.daterangepicker .ranges ul {
+  margin-bottom: 15px;
+}
+.daterangepicker .ranges .range_inputs .btn:first-child {
+  margin-right: 5px;
+}
+.daterangepicker .ranges li {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+  color: darkgray;
+}
+.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
+  background: #8CC152;
+  border: 1px solid #8CC152;
+}
+
+/* ========================================================================
+ * GRID STACK
+ * ======================================================================= */
+.panel.grid-stack-item-content {
+  background-color: #FBFBFB;
+}
+
+/* ========================================================================
+ * SELECT2
+ * ======================================================================= */
+.select2-container {
+  width: 100% !important;
+}
+
+.select2-result-repository {
+  padding-top: 4px;
+  padding-bottom: 3px;
+}
+
+.select2-result-repository__avatar {
+  float: left;
+  width: 60px;
+  margin-right: 10px;
+}
+
+.select2-result-repository__avatar img {
+  width: 100%;
+  height: auto;
+  border-radius: 2px;
+}
+
+.select2-result-repository__meta {
+  margin-left: 70px;
+}
+
+.select2-result-repository__title {
+  color: black;
+  font-weight: bold;
+  word-wrap: break-word;
+  line-height: 1.1;
+  margin-bottom: 4px;
+}
+
+.select2-result-repository__forks, .select2-result-repository__stargazers {
+  margin-right: 1em;
+}
+
+.select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers {
+  display: inline-block;
+  color: #aaa;
+  font-size: 11px;
+}
+
+.select2-result-repository__description {
+  font-size: 13px;
+  color: #777;
+  margin-top: 4px;
+}
+
+.select2-results__option--highlighted .select2-result-repository__title {
+  color: white;
+}
+
+.select2-results__option--highlighted .select2-result-repository__forks, .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-results__option--highlighted .select2-result-repository__description, .select2-results__option--highlighted .select2-result-repository__watchers {
+  color: #c6dcef;
+}
+
+.select2-container--default .select2-selection--single {
+  background-color: #fff;
+  border: 1px solid #DDD;
+  border-radius: 0;
+  color: #a2a2a2 !important;
+}
+
+.select2-container .select2-selection--single {
+  height: 35px;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  line-height: 31px;
+  padding-left: 11px;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__arrow b {
+  margin-left: -10px;
+  margin-top: 2px;
+}
+
+.select2-container--default .select2-selection--multiple {
+  border: 1px solid #DDD;
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+}
diff --git a/vendor/stylesheets/reset.css b/vendor/stylesheets/reset.css
new file mode 100755
index 0000000..715dea0
--- /dev/null
+++ b/vendor/stylesheets/reset.css
@@ -0,0 +1,91 @@
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+body, html {
+  background-color: #E9EAED;
+  font-family: "Open Sans", sans-serif;
+  color: #636E7B;
+  -webkit-font-smoothing: antialiased;
+  direction: ltr;
+  line-height: 21px;
+  font-size: 13px;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0 !important;
+}
+
+a, button {
+  outline: none !important;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+textarea,
+select {
+  border: 1px solid #DDD;
+  -moz-box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  color: #a2a2a2 !important;
+  font-size: 13px !important;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+textarea:focus,
+select:focus {
+  box-shadow: none !important;
+}
+
+input[type=file] {
+  border: none !important;
+}
+
+input[type=checkbox]:disabled + label, input[type=radio]:disabled + label {
+  color: #999;
+  cursor: not-allowed;
+}
+
+label {
+  font-weight: normal;
+}
+
+code {
+  background: transparent;
+}
+
+pre {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+svg {
+  width: 100%;
+}
diff --git a/vendor/stylesheets/themes/ajax.theme.css b/vendor/stylesheets/themes/ajax.theme.css
new file mode 100755
index 0000000..63dfa65
--- /dev/null
+++ b/vendor/stylesheets/themes/ajax.theme.css
@@ -0,0 +1,767 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #6880b0;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #5772a7;
+}
+#header .navbar-header {
+  background-color: #6880b0;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #6880b0;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #6880b0;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #4f6796;
+  -moz-box-shadow: 0 0 0 5px #4f6796;
+  box-shadow: 0 0 0 5px #4f6796;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #6880b0;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #6880b0;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #6880b0;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #6880b0;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #6880b0 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #6880b0;
+  border-bottom: 1px solid #6880b0;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #5772a7;
+  border-bottom: 1px solid #5772a7;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #6880b0;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #5772a7;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #4f6796;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #5772a7;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #6880b0;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #6880b0;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #6880b0;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #6880b0;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #657dae;
+}
+.sign-text:before {
+  background-color: #899cc2;
+}
+.sign-header {
+  background-color: #6880b0;
+  border-bottom: 10px solid #546da0;
+}
+.sign-text span {
+  background-color: #6880b0;
+}
+.sign-text img {
+  border: 7px solid #6880b0;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #6880b0;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #6880b0;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #6880b0;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #4f6796;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #6880b0 !important;
+  border-right: 1px solid #6880b0 !important;
+  border-bottom: 1px solid #6880b0 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #6880b0 !important;
+  border-none: 1px solid #6880b0 !important;
+  border-bottom: 1px solid #6880b0 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #6880b0 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #6880b0;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #6880b0;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #6880b0;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #4f6796;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #4f6796;
+  border: 1px solid #4f6796;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #6880b0;
+  border: 1px solid #6880b0;
+}
+.pager > li > a {
+  color: #4f6796;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #6880b0;
+}
+.rating .star.active:before {
+  color: #6880b0;
+}
+.rating .star.active ~ .star:before {
+  color: #6880b0;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #6880b0;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #6880b0;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #5772a7;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #6880b0;
+  border-color: #6880b0;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #6880b0;
+  border-color: #6880b0;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #6880b0;
+  background-color: #6880b0;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #6880b0;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #6880b0;
+  background-color: #6880b0;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #6880b0;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #6880b0;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #6880b0;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #6880b0 !important;
+  border-color: #798eb9 #798eb9 #546da0 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #94a5c7 !important;
+  color: white;
+  border-bottom: 1px solid #abb8d3 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #6880b0 !important;
+  border-color: #546da0 #798eb9 #798eb9 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #6880b0;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #abb8d3 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #6880b0;
+  border-color: #6880b0;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #5772a7;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #6880b0;
+  border-color: #5772a7;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #5772a7;
+  border: 1px solid #6880b0;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #4f6796;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #6880b0;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #5772a7;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #6880b0;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #6880b0;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #6880b0;
+}
+.btn-theme.btn-double {
+  border: 4px double #6880b0;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #6880b0;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #4f6796;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #4f6796;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #4f6796;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #4f6796;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #4f6796;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #6880b0;
+  box-shadow: 0 6px #4f6796;
+  -webkit-transition: none;
+  -moz-transition: none;
+  -ms-transition: none;
+  -o-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #4f6796;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #4f6796;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #6880b0;
+  box-shadow: 6px 0 #4f6796;
+  -webkit-transition: none;
+  -moz-transition: none;
+  -ms-transition: none;
+  -o-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #4f6796;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #4f6796;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #6880b0;
+  border: 1px solid #657dae;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #5772a7;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #6880b0;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #6880b0;
+}
+.progress-bar-theme {
+  background-color: #6880b0;
+}
+.fg-theme {
+  color: #6880b0 !important;
+}
+.nicescroll-rails div {
+  background-color: #6880b0 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #546da0 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #6880b0;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #798eb9 #798eb9 #546da0 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #6880b0 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #798eb9 #798eb9 #546da0 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #546da0 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #6880b0 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #546da0 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #6880b0 !important;
+  border: 1px solid #6880b0;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #4f6796;
+}
+#back-top:hover {
+  background: #6880b0;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #6880b0 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #4f6796 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #6880b0 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #6880b0;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #6880b0;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #6880b0;
+}
+.datepicker table thead tr:last-child {
+  background-color: #4f6796;
+}
+.datepicker table thead tr th {
+  background-color: #6880b0;
+  border-color: #5772a7 #5772a7 #546da0;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #5772a7 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #6880b0;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #6880b0;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #4f6796;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #6880b0;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #798eb9 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #6880b0 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #6880b0 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #6880b0 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #6880b0 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #6880b0;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/alizarin-crimson.theme.css b/vendor/stylesheets/themes/alizarin-crimson.theme.css
new file mode 100755
index 0000000..32094bf
--- /dev/null
+++ b/vendor/stylesheets/themes/alizarin-crimson.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #f06f6f;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #ee5858;
+}
+#header .navbar-header {
+  background-color: #f06f6f;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #f06f6f;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #f06f6f;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #eb4141;
+  -moz-box-shadow: 0 0 0 5px #eb4141;
+  box-shadow: 0 0 0 5px #eb4141;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #f06f6f;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #f06f6f;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #f06f6f;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #f06f6f;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #f06f6f !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #f06f6f;
+  border-bottom: 1px solid #f06f6f;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #ee5858;
+  border-bottom: 1px solid #ee5858;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #f06f6f;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #ee5858;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #eb4141;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #ee5858;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #f06f6f;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #f06f6f;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #f06f6f;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #f06f6f;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #f06a6a;
+}
+.sign-text:before {
+  background-color: #f59d9d;
+}
+.sign-header {
+  background-color: #f06f6f;
+  border-bottom: 10px solid #ed4f4f;
+}
+.sign-text span {
+  background-color: #f06f6f;
+}
+.sign-text img {
+  border: 7px solid #f06f6f;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #f06f6f;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #f06f6f;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #f06f6f;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #eb4141;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #f06f6f !important;
+  border-right: 1px solid #f06f6f !important;
+  border-bottom: 1px solid #f06f6f !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #f06f6f !important;
+  border-none: 1px solid #f06f6f !important;
+  border-bottom: 1px solid #f06f6f !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #f06f6f !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #f06f6f;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #f06f6f;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #f06f6f;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #eb4141;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #eb4141;
+  border: 1px solid #eb4141;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #f06f6f;
+  border: 1px solid #f06f6f;
+}
+.pager > li > a {
+  color: #eb4141;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #f06f6f;
+}
+.rating .star.active:before {
+  color: #f06f6f;
+}
+.rating .star.active ~ .star:before {
+  color: #f06f6f;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #f06f6f;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #f06f6f;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #ee5858;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #f06f6f;
+  border-color: #f06f6f;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #f06f6f;
+  border-color: #f06f6f;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #f06f6f;
+  background-color: #f06f6f;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #f06f6f;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #f06f6f;
+  background-color: #f06f6f;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #f06f6f;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #f06f6f;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #f06f6f;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #f06f6f !important;
+  border-color: #f28686 #f28686 #ed4f4f !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #f6abab !important;
+  color: white;
+  border-bottom: 1px solid #facbcb !important;
+}
+.table-theme tfoot tr th {
+  background-color: #f06f6f !important;
+  border-color: #ed4f4f #f28686 #f28686 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #f06f6f;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #facbcb !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #f06f6f;
+  border-color: #f06f6f;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #ee5858;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #f06f6f;
+  border-color: #ee5858;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #ee5858;
+  border: 1px solid #f06f6f;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #eb4141;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #f06f6f;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #ee5858;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #f06f6f;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #f06f6f;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #f06f6f;
+}
+.btn-theme.btn-double {
+  border: 4px double #f06f6f;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #f06f6f;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #eb4141;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #eb4141;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #eb4141;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #eb4141;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #eb4141;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #f06f6f;
+  box-shadow: 0 6px #eb4141;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #eb4141;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #eb4141;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #f06f6f;
+  box-shadow: 6px 0 #eb4141;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #eb4141;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #eb4141;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #f06f6f;
+  border: 1px solid #f06a6a;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #ee5858;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #f06f6f;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #f06f6f;
+}
+.progress-bar-theme {
+  background-color: #f06f6f;
+}
+.fg-theme {
+  color: #f06f6f !important;
+}
+.nicescroll-rails div {
+  background-color: #f06f6f !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #ed4f4f !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #f06f6f;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #f28686 #f28686 #ed4f4f !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #f06f6f !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #f28686 #f28686 #ed4f4f !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #ed4f4f !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #f06f6f !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #ed4f4f !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #f06f6f !important;
+  border: 1px solid #f06f6f;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #eb4141;
+}
+#back-top:hover {
+  background: #f06f6f;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #f06f6f !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #eb4141 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #f06f6f !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #f06f6f;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #f06f6f;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #f06f6f;
+}
+.datepicker table thead tr:last-child {
+  background-color: #eb4141;
+}
+.datepicker table thead tr th {
+  background-color: #f06f6f;
+  border-color: #ee5858 #ee5858 #ed4f4f;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #ee5858 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #f06f6f;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #f06f6f;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #eb4141;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #f06f6f;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #f28686 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #f06f6f !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #f06f6f !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #f06f6f !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #f06f6f !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #f06f6f;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/amazon.theme.css b/vendor/stylesheets/themes/amazon.theme.css
new file mode 100755
index 0000000..70b3504
--- /dev/null
+++ b/vendor/stylesheets/themes/amazon.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #8bc4b9;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #7abbaf;
+}
+#header .navbar-header {
+  background-color: #8bc4b9;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #8bc4b9;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #8bc4b9;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #69b3a5;
+  -moz-box-shadow: 0 0 0 5px #69b3a5;
+  box-shadow: 0 0 0 5px #69b3a5;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #8bc4b9;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #8bc4b9;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #8bc4b9;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #8bc4b9;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #8bc4b9 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #8bc4b9;
+  border-bottom: 1px solid #8bc4b9;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #7abbaf;
+  border-bottom: 1px solid #7abbaf;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #8bc4b9;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #7abbaf;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #69b3a5;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #7abbaf;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #8bc4b9;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #8bc4b9;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #8bc4b9;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #8bc4b9;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #88c2b7;
+}
+.sign-text:before {
+  background-color: #add5cd;
+}
+.sign-header {
+  background-color: #8bc4b9;
+  border-bottom: 10px solid #73b8ab;
+}
+.sign-text span {
+  background-color: #8bc4b9;
+}
+.sign-text img {
+  border: 7px solid #8bc4b9;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #8bc4b9;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #8bc4b9;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #8bc4b9;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #69b3a5;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #8bc4b9 !important;
+  border-right: 1px solid #8bc4b9 !important;
+  border-bottom: 1px solid #8bc4b9 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #8bc4b9 !important;
+  border-none: 1px solid #8bc4b9 !important;
+  border-bottom: 1px solid #8bc4b9 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #8bc4b9 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #8bc4b9;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #8bc4b9;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #8bc4b9;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #69b3a5;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #69b3a5;
+  border: 1px solid #69b3a5;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #8bc4b9;
+  border: 1px solid #8bc4b9;
+}
+.pager > li > a {
+  color: #69b3a5;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #8bc4b9;
+}
+.rating .star.active:before {
+  color: #8bc4b9;
+}
+.rating .star.active ~ .star:before {
+  color: #8bc4b9;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #8bc4b9;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #8bc4b9;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #7abbaf;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #8bc4b9;
+  border-color: #8bc4b9;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #8bc4b9;
+  border-color: #8bc4b9;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #8bc4b9;
+  background-color: #8bc4b9;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #8bc4b9;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #8bc4b9;
+  background-color: #8bc4b9;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #8bc4b9;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #8bc4b9;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #8bc4b9;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #8bc4b9 !important;
+  border-color: #9ccdc3 #9ccdc3 #73b8ab !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #b7dad4 !important;
+  color: white;
+  border-bottom: 1px solid #cfe6e2 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #8bc4b9 !important;
+  border-color: #73b8ab #9ccdc3 #9ccdc3 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #8bc4b9;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #cfe6e2 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #8bc4b9;
+  border-color: #8bc4b9;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #7abbaf;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #8bc4b9;
+  border-color: #7abbaf;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #7abbaf;
+  border: 1px solid #8bc4b9;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #69b3a5;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #8bc4b9;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #7abbaf;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #8bc4b9;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #8bc4b9;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #8bc4b9;
+}
+.btn-theme.btn-double {
+  border: 4px double #8bc4b9;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #8bc4b9;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #69b3a5;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #69b3a5;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #69b3a5;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #69b3a5;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #69b3a5;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #8bc4b9;
+  box-shadow: 0 6px #69b3a5;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #69b3a5;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #69b3a5;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #8bc4b9;
+  box-shadow: 6px 0 #69b3a5;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #69b3a5;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #69b3a5;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #8bc4b9;
+  border: 1px solid #88c2b7;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #7abbaf;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #8bc4b9;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #8bc4b9;
+}
+.progress-bar-theme {
+  background-color: #8bc4b9;
+}
+.fg-theme {
+  color: #8bc4b9 !important;
+}
+.nicescroll-rails div {
+  background-color: #8bc4b9 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #73b8ab !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #8bc4b9;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #9ccdc3 #9ccdc3 #73b8ab !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #8bc4b9 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #9ccdc3 #9ccdc3 #73b8ab !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #73b8ab !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #8bc4b9 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #73b8ab !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #8bc4b9 !important;
+  border: 1px solid #8bc4b9;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #69b3a5;
+}
+#back-top:hover {
+  background: #8bc4b9;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #8bc4b9 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #69b3a5 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #8bc4b9 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #8bc4b9;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #8bc4b9;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #8bc4b9;
+}
+.datepicker table thead tr:last-child {
+  background-color: #69b3a5;
+}
+.datepicker table thead tr th {
+  background-color: #8bc4b9;
+  border-color: #7abbaf #7abbaf #73b8ab;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #7abbaf !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #8bc4b9;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #8bc4b9;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #69b3a5;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #8bc4b9;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #9ccdc3 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #8bc4b9 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #8bc4b9 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #8bc4b9 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #8bc4b9 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #8bc4b9;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/amber.theme.css b/vendor/stylesheets/themes/amber.theme.css
new file mode 100755
index 0000000..bd3c1bc
--- /dev/null
+++ b/vendor/stylesheets/themes/amber.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #b0b069;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #a7a758;
+}
+#header .navbar-header {
+  background-color: #b0b069;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #b0b069;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #b0b069;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #97974f;
+  -moz-box-shadow: 0 0 0 5px #97974f;
+  box-shadow: 0 0 0 5px #97974f;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #b0b069;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #b0b069;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #b0b069;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #b0b069;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #b0b069 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #b0b069;
+  border-bottom: 1px solid #b0b069;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #a7a758;
+  border-bottom: 1px solid #a7a758;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #b0b069;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #a7a758;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #97974f;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #a7a758;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #b0b069;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #b0b069;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #b0b069;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #b0b069;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #aeae66;
+}
+.sign-text:before {
+  background-color: #c2c28a;
+}
+.sign-header {
+  background-color: #b0b069;
+  border-bottom: 10px solid #a1a155;
+}
+.sign-text span {
+  background-color: #b0b069;
+}
+.sign-text img {
+  border: 7px solid #b0b069;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #b0b069;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #b0b069;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #b0b069;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #97974f;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #b0b069 !important;
+  border-right: 1px solid #b0b069 !important;
+  border-bottom: 1px solid #b0b069 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #b0b069 !important;
+  border-none: 1px solid #b0b069 !important;
+  border-bottom: 1px solid #b0b069 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #b0b069 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #b0b069;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #b0b069;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #b0b069;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #97974f;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #97974f;
+  border: 1px solid #97974f;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #b0b069;
+  border: 1px solid #b0b069;
+}
+.pager > li > a {
+  color: #97974f;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #b0b069;
+}
+.rating .star.active:before {
+  color: #b0b069;
+}
+.rating .star.active ~ .star:before {
+  color: #b0b069;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #b0b069;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #b0b069;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #a7a758;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #b0b069;
+  border-color: #b0b069;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #b0b069;
+  border-color: #b0b069;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #b0b069;
+  background-color: #b0b069;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #b0b069;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #b0b069;
+  background-color: #b0b069;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #b0b069;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #b0b069;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #b0b069;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #b0b069 !important;
+  border-color: #b9b97a #b9b97a #a1a155 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #c7c794 !important;
+  color: white;
+  border-bottom: 1px solid #d3d3ac !important;
+}
+.table-theme tfoot tr th {
+  background-color: #b0b069 !important;
+  border-color: #a1a155 #b9b97a #b9b97a !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #b0b069;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #d3d3ac !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #b0b069;
+  border-color: #b0b069;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #a7a758;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #b0b069;
+  border-color: #a7a758;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #a7a758;
+  border: 1px solid #b0b069;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #97974f;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #b0b069;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #a7a758;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #b0b069;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #b0b069;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #b0b069;
+}
+.btn-theme.btn-double {
+  border: 4px double #b0b069;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #b0b069;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #97974f;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #97974f;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #97974f;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #97974f;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #97974f;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #b0b069;
+  box-shadow: 0 6px #97974f;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #97974f;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #97974f;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #b0b069;
+  box-shadow: 6px 0 #97974f;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #97974f;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #97974f;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #b0b069;
+  border: 1px solid #aeae66;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #a7a758;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #b0b069;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #b0b069;
+}
+.progress-bar-theme {
+  background-color: #b0b069;
+}
+.fg-theme {
+  color: #b0b069 !important;
+}
+.nicescroll-rails div {
+  background-color: #b0b069 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #a1a155 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #b0b069;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #b9b97a #b9b97a #a1a155 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #b0b069 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #b9b97a #b9b97a #a1a155 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #a1a155 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #b0b069 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #a1a155 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #b0b069 !important;
+  border: 1px solid #b0b069;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #97974f;
+}
+#back-top:hover {
+  background: #b0b069;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #b0b069 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #97974f !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #b0b069 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #b0b069;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #b0b069;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #b0b069;
+}
+.datepicker table thead tr:last-child {
+  background-color: #97974f;
+}
+.datepicker table thead tr th {
+  background-color: #b0b069;
+  border-color: #a7a758 #a7a758 #a1a155;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #a7a758 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #b0b069;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #b0b069;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #97974f;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #b0b069;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #b9b97a !important;
+}
+.slider-theme .irs-slider {
+  background-color: #b0b069 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #b0b069 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #b0b069 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #b0b069 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #b0b069;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/android-green.theme.css b/vendor/stylesheets/themes/android-green.theme.css
new file mode 100755
index 0000000..98a157e
--- /dev/null
+++ b/vendor/stylesheets/themes/android-green.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #a9c784;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #9dbf72;
+}
+#header .navbar-header {
+  background-color: #a9c784;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #a9c784;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #a9c784;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #90b761;
+  -moz-box-shadow: 0 0 0 5px #90b761;
+  box-shadow: 0 0 0 5px #90b761;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #a9c784;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #a9c784;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #a9c784;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #a9c784;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #a9c784 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #a9c784;
+  border-bottom: 1px solid #a9c784;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #9dbf72;
+  border-bottom: 1px solid #9dbf72;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #a9c784;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #9dbf72;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #90b761;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #9dbf72;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #a9c784;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #a9c784;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #a9c784;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #a9c784;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #a7c580;
+}
+.sign-text:before {
+  background-color: #c2d7a7;
+}
+.sign-header {
+  background-color: #a9c784;
+  border-bottom: 10px solid #98bc6b;
+}
+.sign-text span {
+  background-color: #a9c784;
+}
+.sign-text img {
+  border: 7px solid #a9c784;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #a9c784;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #a9c784;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #a9c784;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #90b761;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #a9c784 !important;
+  border-right: 1px solid #a9c784 !important;
+  border-bottom: 1px solid #a9c784 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #a9c784 !important;
+  border-none: 1px solid #a9c784 !important;
+  border-bottom: 1px solid #a9c784 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #a9c784 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #a9c784;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #a9c784;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #a9c784;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #90b761;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #90b761;
+  border: 1px solid #90b761;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #a9c784;
+  border: 1px solid #a9c784;
+}
+.pager > li > a {
+  color: #90b761;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #a9c784;
+}
+.rating .star.active:before {
+  color: #a9c784;
+}
+.rating .star.active ~ .star:before {
+  color: #a9c784;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #a9c784;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #a9c784;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #9dbf72;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #a9c784;
+  border-color: #a9c784;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #a9c784;
+  border-color: #a9c784;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #a9c784;
+  background-color: #a9c784;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #a9c784;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #a9c784;
+  background-color: #a9c784;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #a9c784;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #a9c784;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #a9c784;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #a9c784 !important;
+  border-color: #b5cf96 #b5cf96 #98bc6b !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #c9dcb2 !important;
+  color: white;
+  border-bottom: 1px solid #dae7ca !important;
+}
+.table-theme tfoot tr th {
+  background-color: #a9c784 !important;
+  border-color: #98bc6b #b5cf96 #b5cf96 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #a9c784;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #dae7ca !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #a9c784;
+  border-color: #a9c784;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #9dbf72;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #a9c784;
+  border-color: #9dbf72;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #9dbf72;
+  border: 1px solid #a9c784;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #90b761;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #a9c784;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #9dbf72;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #a9c784;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #a9c784;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #a9c784;
+}
+.btn-theme.btn-double {
+  border: 4px double #a9c784;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #a9c784;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #90b761;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #90b761;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #90b761;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #90b761;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #90b761;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #a9c784;
+  box-shadow: 0 6px #90b761;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #90b761;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #90b761;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #a9c784;
+  box-shadow: 6px 0 #90b761;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #90b761;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #90b761;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #a9c784;
+  border: 1px solid #a7c580;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #9dbf72;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #a9c784;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #a9c784;
+}
+.progress-bar-theme {
+  background-color: #a9c784;
+}
+.fg-theme {
+  color: #a9c784 !important;
+}
+.nicescroll-rails div {
+  background-color: #a9c784 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #98bc6b !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #a9c784;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #b5cf96 #b5cf96 #98bc6b !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #a9c784 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #b5cf96 #b5cf96 #98bc6b !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #98bc6b !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #a9c784 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #98bc6b !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #a9c784 !important;
+  border: 1px solid #a9c784;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #90b761;
+}
+#back-top:hover {
+  background: #a9c784;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #a9c784 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #90b761 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #a9c784 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #a9c784;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #a9c784;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #a9c784;
+}
+.datepicker table thead tr:last-child {
+  background-color: #90b761;
+}
+.datepicker table thead tr th {
+  background-color: #a9c784;
+  border-color: #9dbf72 #9dbf72 #98bc6b;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #9dbf72 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #a9c784;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #a9c784;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #90b761;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #a9c784;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #b5cf96 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #a9c784 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #a9c784 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #a9c784 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #a9c784 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #a9c784;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/angularjs-theme.css b/vendor/stylesheets/themes/angularjs-theme.css
new file mode 100755
index 0000000..0e5c1f5
--- /dev/null
+++ b/vendor/stylesheets/themes/angularjs-theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #a90329;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #900323;
+}
+#header .navbar-header {
+  background-color: #a90329;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #a90329;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #a90329;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #77021d;
+  -moz-box-shadow: 0 0 0 5px #77021d;
+  box-shadow: 0 0 0 5px #77021d;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #a90329;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #a90329;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #a90329;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #a90329;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #a90329 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #a90329;
+  border-bottom: 1px solid #a90329;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #900323;
+  border-bottom: 1px solid #900323;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #a90329;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #900323;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #77021d;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #900323;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #a90329;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #a90329;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #a90329;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #a90329;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #a40328;
+}
+.sign-text:before {
+  background-color: #db0435;
+}
+.sign-header {
+  background-color: #a90329;
+  border-bottom: 10px solid #860220;
+}
+.sign-text span {
+  background-color: #a90329;
+}
+.sign-text img {
+  border: 7px solid #a90329;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #a90329;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #a90329;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #a90329;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #77021d;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #a90329 !important;
+  border-right: 1px solid #a90329 !important;
+  border-bottom: 1px solid #a90329 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #a90329 !important;
+  border-none: 1px solid #a90329 !important;
+  border-bottom: 1px solid #a90329 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #a90329 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #a90329;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #a90329;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #a90329;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #77021d;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #77021d;
+  border: 1px solid #77021d;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #a90329;
+  border: 1px solid #a90329;
+}
+.pager > li > a {
+  color: #77021d;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #a90329;
+}
+.rating .star.active:before {
+  color: #a90329;
+}
+.rating .star.active ~ .star:before {
+  color: #a90329;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #a90329;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #a90329;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #900323;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #a90329;
+  border-color: #a90329;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #a90329;
+  border-color: #a90329;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #a90329;
+  background-color: #a90329;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #a90329;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #a90329;
+  background-color: #a90329;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #a90329;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #a90329;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #a90329;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #a90329 !important;
+  border-color: #c2032f #c2032f #860220 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #ea0439 !important;
+  color: white;
+  border-bottom: 1px solid #fb174b !important;
+}
+.table-theme tfoot tr th {
+  background-color: #a90329 !important;
+  border-color: #860220 #c2032f #c2032f !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #a90329;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #fb174b !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #a90329;
+  border-color: #a90329;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #900323;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #a90329;
+  border-color: #900323;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #900323;
+  border: 1px solid #a90329;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #77021d;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #a90329;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #900323;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #a90329;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #a90329;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #a90329;
+}
+.btn-theme.btn-double {
+  border: 4px double #a90329;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #a90329;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #77021d;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #77021d;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #77021d;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #77021d;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #77021d;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #a90329;
+  box-shadow: 0 6px #77021d;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #77021d;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #77021d;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #a90329;
+  box-shadow: 6px 0 #77021d;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #77021d;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #77021d;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #a90329;
+  border: 1px solid #a40328;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #900323;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #a90329;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #a90329;
+}
+.progress-bar-theme {
+  background-color: #a90329;
+}
+.fg-theme {
+  color: #a90329 !important;
+}
+.nicescroll-rails div {
+  background-color: #a90329 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #860220 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #a90329;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #c2032f #c2032f #860220 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #a90329 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #c2032f #c2032f #860220 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #860220 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #a90329 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #860220 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #a90329 !important;
+  border: 1px solid #a90329;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #77021d;
+}
+#back-top:hover {
+  background: #a90329;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #a90329 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #77021d !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #a90329 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #a90329;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #a90329;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #a90329;
+}
+.datepicker table thead tr:last-child {
+  background-color: #77021d;
+}
+.datepicker table thead tr th {
+  background-color: #a90329;
+  border-color: #900323 #900323 #860220;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #900323 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #a90329;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #a90329;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #77021d;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #a90329;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #c2032f !important;
+}
+.slider-theme .irs-slider {
+  background-color: #a90329 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #a90329 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #a90329 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #a90329 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #a90329;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/antique-brass.theme.css b/vendor/stylesheets/themes/antique-brass.theme.css
new file mode 100755
index 0000000..a60c717
--- /dev/null
+++ b/vendor/stylesheets/themes/antique-brass.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #b3998a;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #a98c7b;
+}
+#header .navbar-header {
+  background-color: #b3998a;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #b3998a;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #b3998a;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #9f7e6b;
+  -moz-box-shadow: 0 0 0 5px #9f7e6b;
+  box-shadow: 0 0 0 5px #9f7e6b;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #b3998a;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #b3998a;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #b3998a;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #b3998a;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #b3998a !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #b3998a;
+  border-bottom: 1px solid #b3998a;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #a98c7b;
+  border-bottom: 1px solid #a98c7b;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #b3998a;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #a98c7b;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #9f7e6b;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #a98c7b;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #b3998a;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #b3998a;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #b3998a;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #b3998a;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #b19687;
+}
+.sign-text:before {
+  background-color: #c7b4a9;
+}
+.sign-header {
+  background-color: #b3998a;
+  border-bottom: 10px solid #a58674;
+}
+.sign-text span {
+  background-color: #b3998a;
+}
+.sign-text img {
+  border: 7px solid #b3998a;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #b3998a;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #b3998a;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #b3998a;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #9f7e6b;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #b3998a !important;
+  border-right: 1px solid #b3998a !important;
+  border-bottom: 1px solid #b3998a !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #b3998a !important;
+  border-none: 1px solid #b3998a !important;
+  border-bottom: 1px solid #b3998a !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #b3998a !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #b3998a;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #b3998a;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #b3998a;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #9f7e6b;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #9f7e6b;
+  border: 1px solid #9f7e6b;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #b3998a;
+  border: 1px solid #b3998a;
+}
+.pager > li > a {
+  color: #9f7e6b;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #b3998a;
+}
+.rating .star.active:before {
+  color: #b3998a;
+}
+.rating .star.active ~ .star:before {
+  color: #b3998a;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #b3998a;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #b3998a;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #a98c7b;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #b3998a;
+  border-color: #b3998a;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #b3998a;
+  border-color: #b3998a;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #b3998a;
+  background-color: #b3998a;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #b3998a;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #b3998a;
+  background-color: #b3998a;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #b3998a;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #b3998a;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #b3998a;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #b3998a !important;
+  border-color: #bda699 #bda699 #a58674 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #cdbcb2 !important;
+  color: white;
+  border-bottom: 1px solid #dbcfc8 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #b3998a !important;
+  border-color: #a58674 #bda699 #bda699 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #b3998a;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #dbcfc8 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #b3998a;
+  border-color: #b3998a;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #a98c7b;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #b3998a;
+  border-color: #a98c7b;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #a98c7b;
+  border: 1px solid #b3998a;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #9f7e6b;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #b3998a;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #a98c7b;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #b3998a;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #b3998a;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #b3998a;
+}
+.btn-theme.btn-double {
+  border: 4px double #b3998a;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #b3998a;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #9f7e6b;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #9f7e6b;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #9f7e6b;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #9f7e6b;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #9f7e6b;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #b3998a;
+  box-shadow: 0 6px #9f7e6b;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #9f7e6b;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #9f7e6b;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #b3998a;
+  box-shadow: 6px 0 #9f7e6b;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #9f7e6b;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #9f7e6b;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #b3998a;
+  border: 1px solid #b19687;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #a98c7b;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #b3998a;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #b3998a;
+}
+.progress-bar-theme {
+  background-color: #b3998a;
+}
+.fg-theme {
+  color: #b3998a !important;
+}
+.nicescroll-rails div {
+  background-color: #b3998a !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #a58674 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #b3998a;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #bda699 #bda699 #a58674 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #b3998a !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #bda699 #bda699 #a58674 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #a58674 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #b3998a !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #a58674 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #b3998a !important;
+  border: 1px solid #b3998a;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #9f7e6b;
+}
+#back-top:hover {
+  background: #b3998a;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #b3998a !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #9f7e6b !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #b3998a !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #b3998a;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #b3998a;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #b3998a;
+}
+.datepicker table thead tr:last-child {
+  background-color: #9f7e6b;
+}
+.datepicker table thead tr th {
+  background-color: #b3998a;
+  border-color: #a98c7b #a98c7b #a58674;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #a98c7b !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #b3998a;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #b3998a;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #9f7e6b;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #b3998a;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #bda699 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #b3998a !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #b3998a !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #b3998a !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #b3998a !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #b3998a;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/antique-bronze.theme.css b/vendor/stylesheets/themes/antique-bronze.theme.css
new file mode 100755
index 0000000..2cb0df2
--- /dev/null
+++ b/vendor/stylesheets/themes/antique-bronze.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #8d8d6e;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #7f7f63;
+}
+#header .navbar-header {
+  background-color: #8d8d6e;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #8d8d6e;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #8d8d6e;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #707058;
+  -moz-box-shadow: 0 0 0 5px #707058;
+  box-shadow: 0 0 0 5px #707058;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #8d8d6e;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #8d8d6e;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #8d8d6e;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #8d8d6e;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #8d8d6e !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #8d8d6e;
+  border-bottom: 1px solid #8d8d6e;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #7f7f63;
+  border-bottom: 1px solid #7f7f63;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #8d8d6e;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #7f7f63;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #707058;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #7f7f63;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #8d8d6e;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #8d8d6e;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #8d8d6e;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #8d8d6e;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #8a8a6c;
+}
+.sign-text:before {
+  background-color: #a4a48a;
+}
+.sign-header {
+  background-color: #8d8d6e;
+  border-bottom: 10px solid #79795e;
+}
+.sign-text span {
+  background-color: #8d8d6e;
+}
+.sign-text img {
+  border: 7px solid #8d8d6e;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #8d8d6e;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #8d8d6e;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #8d8d6e;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #707058;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #8d8d6e !important;
+  border-right: 1px solid #8d8d6e !important;
+  border-bottom: 1px solid #8d8d6e !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #8d8d6e !important;
+  border-none: 1px solid #8d8d6e !important;
+  border-bottom: 1px solid #8d8d6e !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #8d8d6e !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #8d8d6e;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #8d8d6e;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #8d8d6e;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #707058;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #707058;
+  border: 1px solid #707058;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #8d8d6e;
+  border: 1px solid #8d8d6e;
+}
+.pager > li > a {
+  color: #707058;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #8d8d6e;
+}
+.rating .star.active:before {
+  color: #8d8d6e;
+}
+.rating .star.active ~ .star:before {
+  color: #8d8d6e;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #8d8d6e;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #8d8d6e;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #7f7f63;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #8d8d6e;
+  border-color: #8d8d6e;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #8d8d6e;
+  border-color: #8d8d6e;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #8d8d6e;
+  background-color: #8d8d6e;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #8d8d6e;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #8d8d6e;
+  background-color: #8d8d6e;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #8d8d6e;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #8d8d6e;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #8d8d6e;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #8d8d6e !important;
+  border-color: #99997c #99997c #79795e !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #abab93 !important;
+  color: white;
+  border-bottom: 1px solid #babaa7 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #8d8d6e !important;
+  border-color: #79795e #99997c #99997c !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #8d8d6e;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #babaa7 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #8d8d6e;
+  border-color: #8d8d6e;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #7f7f63;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #8d8d6e;
+  border-color: #7f7f63;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #7f7f63;
+  border: 1px solid #8d8d6e;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #707058;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #8d8d6e;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #7f7f63;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #8d8d6e;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #8d8d6e;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #8d8d6e;
+}
+.btn-theme.btn-double {
+  border: 4px double #8d8d6e;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #8d8d6e;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #707058;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #707058;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #707058;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #707058;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #707058;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #8d8d6e;
+  box-shadow: 0 6px #707058;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #707058;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #707058;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #8d8d6e;
+  box-shadow: 6px 0 #707058;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #707058;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #707058;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #8d8d6e;
+  border: 1px solid #8a8a6c;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #7f7f63;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #8d8d6e;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #8d8d6e;
+}
+.progress-bar-theme {
+  background-color: #8d8d6e;
+}
+.fg-theme {
+  color: #8d8d6e !important;
+}
+.nicescroll-rails div {
+  background-color: #8d8d6e !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #79795e !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #8d8d6e;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #99997c #99997c #79795e !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #8d8d6e !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #99997c #99997c #79795e !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #79795e !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #8d8d6e !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #79795e !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #8d8d6e !important;
+  border: 1px solid #8d8d6e;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #707058;
+}
+#back-top:hover {
+  background: #8d8d6e;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #8d8d6e !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #707058 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #8d8d6e !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #8d8d6e;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #8d8d6e;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #8d8d6e;
+}
+.datepicker table thead tr:last-child {
+  background-color: #707058;
+}
+.datepicker table thead tr th {
+  background-color: #8d8d6e;
+  border-color: #7f7f63 #7f7f63 #79795e;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #7f7f63 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #8d8d6e;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #8d8d6e;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #707058;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #8d8d6e;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #99997c !important;
+}
+.slider-theme .irs-slider {
+  background-color: #8d8d6e !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #8d8d6e !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #8d8d6e !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #8d8d6e !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #8d8d6e;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/artichoke.theme.css b/vendor/stylesheets/themes/artichoke.theme.css
new file mode 100755
index 0000000..a217fcd
--- /dev/null
+++ b/vendor/stylesheets/themes/artichoke.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #b0b69d;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #a4ab8e;
+}
+#header .navbar-header {
+  background-color: #b0b69d;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #b0b69d;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #b0b69d;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #98a080;
+  -moz-box-shadow: 0 0 0 5px #98a080;
+  box-shadow: 0 0 0 5px #98a080;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #b0b69d;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #b0b69d;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #b0b69d;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #b0b69d;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #b0b69d !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #b0b69d;
+  border-bottom: 1px solid #b0b69d;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #a4ab8e;
+  border-bottom: 1px solid #a4ab8e;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #b0b69d;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #a4ab8e;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #98a080;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #a4ab8e;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #b0b69d;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #b0b69d;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #b0b69d;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #b0b69d;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #aeb49a;
+}
+.sign-text:before {
+  background-color: #c8ccba;
+}
+.sign-header {
+  background-color: #b0b69d;
+  border-bottom: 10px solid #a0a789;
+}
+.sign-text span {
+  background-color: #b0b69d;
+}
+.sign-text img {
+  border: 7px solid #b0b69d;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #b0b69d;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #b0b69d;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #b0b69d;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #98a080;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #b0b69d !important;
+  border-right: 1px solid #b0b69d !important;
+  border-bottom: 1px solid #b0b69d !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #b0b69d !important;
+  border-none: 1px solid #b0b69d !important;
+  border-bottom: 1px solid #b0b69d !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #b0b69d !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #b0b69d;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #b0b69d;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #b0b69d;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #98a080;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #98a080;
+  border: 1px solid #98a080;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #b0b69d;
+  border: 1px solid #b0b69d;
+}
+.pager > li > a {
+  color: #98a080;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #b0b69d;
+}
+.rating .star.active:before {
+  color: #b0b69d;
+}
+.rating .star.active ~ .star:before {
+  color: #b0b69d;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #b0b69d;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #b0b69d;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #a4ab8e;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #b0b69d;
+  border-color: #b0b69d;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #b0b69d;
+  border-color: #b0b69d;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #b0b69d;
+  background-color: #b0b69d;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #b0b69d;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #b0b69d;
+  background-color: #b0b69d;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #b0b69d;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #b0b69d;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #b0b69d;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #b0b69d !important;
+  border-color: #bcc1ac #bcc1ac #a0a789 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #cfd2c3 !important;
+  color: white;
+  border-bottom: 1px solid #dfe2d7 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #b0b69d !important;
+  border-color: #a0a789 #bcc1ac #bcc1ac !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #b0b69d;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #dfe2d7 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #b0b69d;
+  border-color: #b0b69d;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #a4ab8e;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #b0b69d;
+  border-color: #a4ab8e;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #a4ab8e;
+  border: 1px solid #b0b69d;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #98a080;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #b0b69d;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #a4ab8e;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #b0b69d;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #b0b69d;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #b0b69d;
+}
+.btn-theme.btn-double {
+  border: 4px double #b0b69d;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #b0b69d;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #98a080;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #98a080;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #98a080;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #98a080;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #98a080;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #b0b69d;
+  box-shadow: 0 6px #98a080;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #98a080;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #98a080;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #b0b69d;
+  box-shadow: 6px 0 #98a080;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #98a080;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #98a080;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #b0b69d;
+  border: 1px solid #aeb49a;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #a4ab8e;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #b0b69d;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #b0b69d;
+}
+.progress-bar-theme {
+  background-color: #b0b69d;
+}
+.fg-theme {
+  color: #b0b69d !important;
+}
+.nicescroll-rails div {
+  background-color: #b0b69d !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #a0a789 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #b0b69d;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #bcc1ac #bcc1ac #a0a789 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #b0b69d !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #bcc1ac #bcc1ac #a0a789 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #a0a789 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #b0b69d !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #a0a789 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #b0b69d !important;
+  border: 1px solid #b0b69d;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #98a080;
+}
+#back-top:hover {
+  background: #b0b69d;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #b0b69d !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #98a080 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #b0b69d !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #b0b69d;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #b0b69d;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #b0b69d;
+}
+.datepicker table thead tr:last-child {
+  background-color: #98a080;
+}
+.datepicker table thead tr th {
+  background-color: #b0b69d;
+  border-color: #a4ab8e #a4ab8e #a0a789;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #a4ab8e !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #b0b69d;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #b0b69d;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #98a080;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #b0b69d;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #bcc1ac !important;
+}
+.slider-theme .irs-slider {
+  background-color: #b0b69d !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #b0b69d !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #b0b69d !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #b0b69d !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #b0b69d;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/atomic-tangerine.theme.css b/vendor/stylesheets/themes/atomic-tangerine.theme.css
new file mode 100755
index 0000000..d591ad3
--- /dev/null
+++ b/vendor/stylesheets/themes/atomic-tangerine.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #f19b69;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #ef8b52;
+}
+#header .navbar-header {
+  background-color: #f19b69;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #f19b69;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #f19b69;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #ed7c3a;
+  -moz-box-shadow: 0 0 0 5px #ed7c3a;
+  box-shadow: 0 0 0 5px #ed7c3a;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #f19b69;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #f19b69;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #f19b69;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #f19b69;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #f19b69 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #f19b69;
+  border-bottom: 1px solid #f19b69;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #ef8b52;
+  border-bottom: 1px solid #ef8b52;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #f19b69;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #ef8b52;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #ed7c3a;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #ef8b52;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #f19b69;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #f19b69;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #f19b69;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #f19b69;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #f19864;
+}
+.sign-text:before {
+  background-color: #f5ba98;
+}
+.sign-header {
+  background-color: #f19b69;
+  border-bottom: 10px solid #ee8548;
+}
+.sign-text span {
+  background-color: #f19b69;
+}
+.sign-text img {
+  border: 7px solid #f19b69;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #f19b69;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #f19b69;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #f19b69;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #ed7c3a;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #f19b69 !important;
+  border-right: 1px solid #f19b69 !important;
+  border-bottom: 1px solid #f19b69 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #f19b69 !important;
+  border-none: 1px solid #f19b69 !important;
+  border-bottom: 1px solid #f19b69 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #f19b69 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #f19b69;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #f19b69;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #f19b69;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #ed7c3a;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #ed7c3a;
+  border: 1px solid #ed7c3a;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #f19b69;
+  border: 1px solid #f19b69;
+}
+.pager > li > a {
+  color: #ed7c3a;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #f19b69;
+}
+.rating .star.active:before {
+  color: #f19b69;
+}
+.rating .star.active ~ .star:before {
+  color: #f19b69;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #f19b69;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #f19b69;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #ef8b52;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #f19b69;
+  border-color: #f19b69;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #f19b69;
+  border-color: #f19b69;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #f19b69;
+  background-color: #f19b69;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #f19b69;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #f19b69;
+  background-color: #f19b69;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #f19b69;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #f19b69;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #f19b69;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #f19b69 !important;
+  border-color: #f3ab80 #f3ab80 #ee8548 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #f7c3a6 !important;
+  color: white;
+  border-bottom: 1px solid #fad9c6 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #f19b69 !important;
+  border-color: #ee8548 #f3ab80 #f3ab80 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #f19b69;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #fad9c6 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #f19b69;
+  border-color: #f19b69;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #ef8b52;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #f19b69;
+  border-color: #ef8b52;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #ef8b52;
+  border: 1px solid #f19b69;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #ed7c3a;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #f19b69;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #ef8b52;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #f19b69;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #f19b69;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #f19b69;
+}
+.btn-theme.btn-double {
+  border: 4px double #f19b69;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #f19b69;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #ed7c3a;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #ed7c3a;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #ed7c3a;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #ed7c3a;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #ed7c3a;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #f19b69;
+  box-shadow: 0 6px #ed7c3a;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #ed7c3a;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #ed7c3a;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #f19b69;
+  box-shadow: 6px 0 #ed7c3a;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #ed7c3a;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #ed7c3a;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #f19b69;
+  border: 1px solid #f19864;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #ef8b52;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #f19b69;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #f19b69;
+}
+.progress-bar-theme {
+  background-color: #f19b69;
+}
+.fg-theme {
+  color: #f19b69 !important;
+}
+.nicescroll-rails div {
+  background-color: #f19b69 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #ee8548 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #f19b69;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #f3ab80 #f3ab80 #ee8548 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #f19b69 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #f3ab80 #f3ab80 #ee8548 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #ee8548 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #f19b69 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #ee8548 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #f19b69 !important;
+  border: 1px solid #f19b69;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #ed7c3a;
+}
+#back-top:hover {
+  background: #f19b69;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #f19b69 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #ed7c3a !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #f19b69 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #f19b69;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #f19b69;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #f19b69;
+}
+.datepicker table thead tr:last-child {
+  background-color: #ed7c3a;
+}
+.datepicker table thead tr th {
+  background-color: #f19b69;
+  border-color: #ef8b52 #ef8b52 #ee8548;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #ef8b52 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #f19b69;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #f19b69;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #ed7c3a;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #f19b69;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #f3ab80 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #f19b69 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #f19b69 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #f19b69 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #f19b69 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #f19b69;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/bazaar.theme.css b/vendor/stylesheets/themes/bazaar.theme.css
new file mode 100755
index 0000000..165fd10
--- /dev/null
+++ b/vendor/stylesheets/themes/bazaar.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #98777b;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #8c6a6e;
+}
+#header .navbar-header {
+  background-color: #98777b;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #98777b;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #98777b;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #7d5f62;
+  -moz-box-shadow: 0 0 0 5px #7d5f62;
+  box-shadow: 0 0 0 5px #7d5f62;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #98777b;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #98777b;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #98777b;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #98777b;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #98777b !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #98777b;
+  border-bottom: 1px solid #98777b;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #8c6a6e;
+  border-bottom: 1px solid #8c6a6e;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #98777b;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #8c6a6e;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #7d5f62;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #8c6a6e;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #98777b;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #98777b;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #98777b;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #98777b;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #967478;
+}
+.sign-text:before {
+  background-color: #ae9497;
+}
+.sign-header {
+  background-color: #98777b;
+  border-bottom: 10px solid #866569;
+}
+.sign-text span {
+  background-color: #98777b;
+}
+.sign-text img {
+  border: 7px solid #98777b;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #98777b;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #98777b;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #98777b;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #7d5f62;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #98777b !important;
+  border-right: 1px solid #98777b !important;
+  border-bottom: 1px solid #98777b !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #98777b !important;
+  border-none: 1px solid #98777b !important;
+  border-bottom: 1px solid #98777b !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #98777b !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #98777b;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #98777b;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #98777b;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #7d5f62;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #7d5f62;
+  border: 1px solid #7d5f62;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #98777b;
+  border: 1px solid #98777b;
+}
+.pager > li > a {
+  color: #7d5f62;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #98777b;
+}
+.rating .star.active:before {
+  color: #98777b;
+}
+.rating .star.active ~ .star:before {
+  color: #98777b;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #98777b;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #98777b;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #8c6a6e;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #98777b;
+  border-color: #98777b;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #98777b;
+  border-color: #98777b;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #98777b;
+  background-color: #98777b;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #98777b;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #98777b;
+  background-color: #98777b;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #98777b;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #98777b;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #98777b;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #98777b !important;
+  border-color: #a38689 #a38689 #866569 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #b59da0 !important;
+  color: white;
+  border-bottom: 1px solid #c4b1b3 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #98777b !important;
+  border-color: #866569 #a38689 #a38689 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #98777b;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #c4b1b3 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #98777b;
+  border-color: #98777b;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #8c6a6e;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #98777b;
+  border-color: #8c6a6e;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #8c6a6e;
+  border: 1px solid #98777b;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #7d5f62;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #98777b;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #8c6a6e;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #98777b;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #98777b;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #98777b;
+}
+.btn-theme.btn-double {
+  border: 4px double #98777b;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #98777b;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #7d5f62;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #7d5f62;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #7d5f62;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #7d5f62;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #7d5f62;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #98777b;
+  box-shadow: 0 6px #7d5f62;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #7d5f62;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #7d5f62;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #98777b;
+  box-shadow: 6px 0 #7d5f62;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #7d5f62;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #7d5f62;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #98777b;
+  border: 1px solid #967478;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #8c6a6e;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #98777b;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #98777b;
+}
+.progress-bar-theme {
+  background-color: #98777b;
+}
+.fg-theme {
+  color: #98777b !important;
+}
+.nicescroll-rails div {
+  background-color: #98777b !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #866569 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #98777b;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #a38689 #a38689 #866569 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #98777b !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #a38689 #a38689 #866569 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #866569 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #98777b !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #866569 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #98777b !important;
+  border: 1px solid #98777b;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #7d5f62;
+}
+#back-top:hover {
+  background: #98777b;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #98777b !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #7d5f62 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #98777b !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #98777b;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #98777b;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #98777b;
+}
+.datepicker table thead tr:last-child {
+  background-color: #7d5f62;
+}
+.datepicker table thead tr th {
+  background-color: #98777b;
+  border-color: #8c6a6e #8c6a6e #866569;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #8c6a6e !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #98777b;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #98777b;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #7d5f62;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #98777b;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #a38689 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #98777b !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #98777b !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #98777b !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #98777b !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #98777b;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/bistre-brown.theme.css b/vendor/stylesheets/themes/bistre-brown.theme.css
new file mode 100755
index 0000000..742ab19
--- /dev/null
+++ b/vendor/stylesheets/themes/bistre-brown.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #c3a961;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #bc9f4f;
+}
+#header .navbar-header {
+  background-color: #c3a961;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #c3a961;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #c3a961;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #af9242;
+  -moz-box-shadow: 0 0 0 5px #af9242;
+  box-shadow: 0 0 0 5px #af9242;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #c3a961;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #c3a961;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #c3a961;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #c3a961;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #c3a961 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #c3a961;
+  border-bottom: 1px solid #c3a961;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #bc9f4f;
+  border-bottom: 1px solid #bc9f4f;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #c3a961;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #bc9f4f;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #af9242;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #bc9f4f;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #c3a961;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #c3a961;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #c3a961;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #c3a961;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #c2a75d;
+}
+.sign-text:before {
+  background-color: #d1bd86;
+}
+.sign-header {
+  background-color: #c3a961;
+  border-bottom: 10px solid #b99b47;
+}
+.sign-text span {
+  background-color: #c3a961;
+}
+.sign-text img {
+  border: 7px solid #c3a961;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #c3a961;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #c3a961;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #c3a961;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #af9242;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #c3a961 !important;
+  border-right: 1px solid #c3a961 !important;
+  border-bottom: 1px solid #c3a961 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #c3a961 !important;
+  border-none: 1px solid #c3a961 !important;
+  border-bottom: 1px solid #c3a961 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #c3a961 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #c3a961;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #c3a961;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #c3a961;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #af9242;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #af9242;
+  border: 1px solid #af9242;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #c3a961;
+  border: 1px solid #c3a961;
+}
+.pager > li > a {
+  color: #af9242;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #c3a961;
+}
+.rating .star.active:before {
+  color: #c3a961;
+}
+.rating .star.active ~ .star:before {
+  color: #c3a961;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #c3a961;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #c3a961;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #bc9f4f;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #c3a961;
+  border-color: #c3a961;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #c3a961;
+  border-color: #c3a961;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #c3a961;
+  background-color: #c3a961;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #c3a961;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #c3a961;
+  background-color: #c3a961;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #c3a961;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #c3a961;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #c3a961;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #c3a961 !important;
+  border-color: #cab373 #cab373 #b99b47 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #d5c391 !important;
+  color: white;
+  border-bottom: 1px solid #dfd1ab !important;
+}
+.table-theme tfoot tr th {
+  background-color: #c3a961 !important;
+  border-color: #b99b47 #cab373 #cab373 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #c3a961;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #dfd1ab !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #c3a961;
+  border-color: #c3a961;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #bc9f4f;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #c3a961;
+  border-color: #bc9f4f;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #bc9f4f;
+  border: 1px solid #c3a961;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #af9242;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #c3a961;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #bc9f4f;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #c3a961;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #c3a961;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #c3a961;
+}
+.btn-theme.btn-double {
+  border: 4px double #c3a961;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #c3a961;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #af9242;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #af9242;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #af9242;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #af9242;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #af9242;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #c3a961;
+  box-shadow: 0 6px #af9242;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #af9242;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #af9242;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #c3a961;
+  box-shadow: 6px 0 #af9242;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #af9242;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #af9242;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #c3a961;
+  border: 1px solid #c2a75d;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #bc9f4f;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #c3a961;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #c3a961;
+}
+.progress-bar-theme {
+  background-color: #c3a961;
+}
+.fg-theme {
+  color: #c3a961 !important;
+}
+.nicescroll-rails div {
+  background-color: #c3a961 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #b99b47 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #c3a961;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #cab373 #cab373 #b99b47 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #c3a961 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #cab373 #cab373 #b99b47 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #b99b47 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #c3a961 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #b99b47 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #c3a961 !important;
+  border: 1px solid #c3a961;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #af9242;
+}
+#back-top:hover {
+  background: #c3a961;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #c3a961 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #af9242 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #c3a961 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #c3a961;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #c3a961;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #c3a961;
+}
+.datepicker table thead tr:last-child {
+  background-color: #af9242;
+}
+.datepicker table thead tr th {
+  background-color: #c3a961;
+  border-color: #bc9f4f #bc9f4f #b99b47;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #bc9f4f !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #c3a961;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #c3a961;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #af9242;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #c3a961;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #cab373 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #c3a961 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #c3a961 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #c3a961 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #c3a961 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #c3a961;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/bittersweet.theme.css b/vendor/stylesheets/themes/bittersweet.theme.css
new file mode 100755
index 0000000..48295d5
--- /dev/null
+++ b/vendor/stylesheets/themes/bittersweet.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #d6725e;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #d1604a;
+}
+#header .navbar-header {
+  background-color: #d6725e;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #d6725e;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #d6725e;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #cc4e35;
+  -moz-box-shadow: 0 0 0 5px #cc4e35;
+  box-shadow: 0 0 0 5px #cc4e35;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #d6725e;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #d6725e;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #d6725e;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #d6725e;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #d6725e !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #d6725e;
+  border-bottom: 1px solid #d6725e;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #d1604a;
+  border-bottom: 1px solid #d1604a;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #d6725e;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #d1604a;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #cc4e35;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #d1604a;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #d6725e;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #d6725e;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #d6725e;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #d6725e;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #d56e5a;
+}
+.sign-text:before {
+  background-color: #e09687;
+}
+.sign-header {
+  background-color: #d6725e;
+  border-bottom: 10px solid #cf5942;
+}
+.sign-text span {
+  background-color: #d6725e;
+}
+.sign-text img {
+  border: 7px solid #d6725e;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #d6725e;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #d6725e;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #d6725e;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #cc4e35;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #d6725e !important;
+  border-right: 1px solid #d6725e !important;
+  border-bottom: 1px solid #d6725e !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #d6725e !important;
+  border-none: 1px solid #d6725e !important;
+  border-bottom: 1px solid #d6725e !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #d6725e !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #d6725e;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #d6725e;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #d6725e;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #cc4e35;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #cc4e35;
+  border: 1px solid #cc4e35;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #d6725e;
+  border: 1px solid #d6725e;
+}
+.pager > li > a {
+  color: #cc4e35;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #d6725e;
+}
+.rating .star.active:before {
+  color: #d6725e;
+}
+.rating .star.active ~ .star:before {
+  color: #d6725e;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #d6725e;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #d6725e;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #d1604a;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #d6725e;
+  border-color: #d6725e;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #d6725e;
+  border-color: #d6725e;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #d6725e;
+  background-color: #d6725e;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #d6725e;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #d6725e;
+  background-color: #d6725e;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #d6725e;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #d6725e;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #d6725e;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #d6725e !important;
+  border-color: #db8472 #db8472 #cf5942 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #e3a093 !important;
+  color: white;
+  border-bottom: 1px solid #ebb9af !important;
+}
+.table-theme tfoot tr th {
+  background-color: #d6725e !important;
+  border-color: #cf5942 #db8472 #db8472 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #d6725e;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #ebb9af !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #d6725e;
+  border-color: #d6725e;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #d1604a;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #d6725e;
+  border-color: #d1604a;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #d1604a;
+  border: 1px solid #d6725e;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #cc4e35;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #d6725e;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #d1604a;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #d6725e;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #d6725e;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #d6725e;
+}
+.btn-theme.btn-double {
+  border: 4px double #d6725e;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #d6725e;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #cc4e35;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #cc4e35;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #cc4e35;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #cc4e35;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #cc4e35;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #d6725e;
+  box-shadow: 0 6px #cc4e35;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #cc4e35;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #cc4e35;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #d6725e;
+  box-shadow: 6px 0 #cc4e35;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #cc4e35;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #cc4e35;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #d6725e;
+  border: 1px solid #d56e5a;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #d1604a;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #d6725e;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #d6725e;
+}
+.progress-bar-theme {
+  background-color: #d6725e;
+}
+.fg-theme {
+  color: #d6725e !important;
+}
+.nicescroll-rails div {
+  background-color: #d6725e !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #cf5942 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #d6725e;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #db8472 #db8472 #cf5942 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #d6725e !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #db8472 #db8472 #cf5942 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #cf5942 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #d6725e !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #cf5942 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #d6725e !important;
+  border: 1px solid #d6725e;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #cc4e35;
+}
+#back-top:hover {
+  background: #d6725e;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #d6725e !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #cc4e35 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #d6725e !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #d6725e;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #d6725e;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #d6725e;
+}
+.datepicker table thead tr:last-child {
+  background-color: #cc4e35;
+}
+.datepicker table thead tr th {
+  background-color: #d6725e;
+  border-color: #d1604a #d1604a #cf5942;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #d1604a !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #d6725e;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #d6725e;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #cc4e35;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #d6725e;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #db8472 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #d6725e !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #d6725e !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #d6725e !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #d6725e !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #d6725e;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/black-and-white.theme.css b/vendor/stylesheets/themes/black-and-white.theme.css
new file mode 100755
index 0000000..4062ddd
--- /dev/null
+++ b/vendor/stylesheets/themes/black-and-white.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #979797;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #8a8a8a;
+}
+#header .navbar-header {
+  background-color: #979797;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #979797;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #979797;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #7e7e7e;
+  -moz-box-shadow: 0 0 0 5px #7e7e7e;
+  box-shadow: 0 0 0 5px #7e7e7e;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #979797;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #979797;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #979797;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #979797;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #979797 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #979797;
+  border-bottom: 1px solid #979797;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #8a8a8a;
+  border-bottom: 1px solid #8a8a8a;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #979797;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #8a8a8a;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #7e7e7e;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #8a8a8a;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #979797;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #979797;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #979797;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #979797;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #949494;
+}
+.sign-text:before {
+  background-color: #b1b1b1;
+}
+.sign-header {
+  background-color: #979797;
+  border-bottom: 10px solid #858585;
+}
+.sign-text span {
+  background-color: #979797;
+}
+.sign-text img {
+  border: 7px solid #979797;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #979797;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #979797;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #979797;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #7e7e7e;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #979797 !important;
+  border-right: 1px solid #979797 !important;
+  border-bottom: 1px solid #979797 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #979797 !important;
+  border-none: 1px solid #979797 !important;
+  border-bottom: 1px solid #979797 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #979797 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #979797;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #979797;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #979797;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #7e7e7e;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #7e7e7e;
+  border: 1px solid #7e7e7e;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #979797;
+  border: 1px solid #979797;
+}
+.pager > li > a {
+  color: #7e7e7e;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #979797;
+}
+.rating .star.active:before {
+  color: #979797;
+}
+.rating .star.active ~ .star:before {
+  color: #979797;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #979797;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #979797;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #8a8a8a;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #979797;
+  border-color: #979797;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #979797;
+  border-color: #979797;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #979797;
+  background-color: #979797;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #979797;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #979797;
+  background-color: #979797;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #979797;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #979797;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #979797;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #979797 !important;
+  border-color: #a4a4a4 #a4a4a4 #858585 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #b8b8b8 !important;
+  color: white;
+  border-bottom: 1px solid #cacaca !important;
+}
+.table-theme tfoot tr th {
+  background-color: #979797 !important;
+  border-color: #858585 #a4a4a4 #a4a4a4 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #979797;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #cacaca !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #979797;
+  border-color: #979797;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #8a8a8a;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #979797;
+  border-color: #8a8a8a;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #8a8a8a;
+  border: 1px solid #979797;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #7e7e7e;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #979797;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #8a8a8a;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #979797;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #979797;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #979797;
+}
+.btn-theme.btn-double {
+  border: 4px double #979797;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #979797;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #7e7e7e;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #7e7e7e;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #7e7e7e;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #7e7e7e;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #7e7e7e;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #979797;
+  box-shadow: 0 6px #7e7e7e;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #7e7e7e;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #7e7e7e;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #979797;
+  box-shadow: 6px 0 #7e7e7e;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #7e7e7e;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #7e7e7e;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #979797;
+  border: 1px solid #949494;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #8a8a8a;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #979797;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #979797;
+}
+.progress-bar-theme {
+  background-color: #979797;
+}
+.fg-theme {
+  color: #979797 !important;
+}
+.nicescroll-rails div {
+  background-color: #979797 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #858585 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #979797;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #a4a4a4 #a4a4a4 #858585 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #979797 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #a4a4a4 #a4a4a4 #858585 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #858585 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #979797 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #858585 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #979797 !important;
+  border: 1px solid #979797;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #7e7e7e;
+}
+#back-top:hover {
+  background: #979797;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #979797 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #7e7e7e !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #979797 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #979797;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #979797;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #979797;
+}
+.datepicker table thead tr:last-child {
+  background-color: #7e7e7e;
+}
+.datepicker table thead tr th {
+  background-color: #979797;
+  border-color: #8a8a8a #8a8a8a #858585;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #8a8a8a !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #979797;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #979797;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #7e7e7e;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #979797;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #a4a4a4 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #979797 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #979797 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #979797 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #979797 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #979797;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/blue-gray.theme.css b/vendor/stylesheets/themes/blue-gray.theme.css
new file mode 100755
index 0000000..1952131
--- /dev/null
+++ b/vendor/stylesheets/themes/blue-gray.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #5577b4;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #496ba6;
+}
+#header .navbar-header {
+  background-color: #5577b4;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #5577b4;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #5577b4;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #425f94;
+  -moz-box-shadow: 0 0 0 5px #425f94;
+  box-shadow: 0 0 0 5px #425f94;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #5577b4;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #5577b4;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #5577b4;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #5577b4;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #5577b4 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #5577b4;
+  border-bottom: 1px solid #5577b4;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #496ba6;
+  border-bottom: 1px solid #496ba6;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #5577b4;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #496ba6;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #425f94;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #496ba6;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #5577b4;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #5577b4;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #5577b4;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #5577b4;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #5174b2;
+}
+.sign-text:before {
+  background-color: #7893c4;
+}
+.sign-header {
+  background-color: #5577b4;
+  border-bottom: 10px solid #46669f;
+}
+.sign-text span {
+  background-color: #5577b4;
+}
+.sign-text img {
+  border: 7px solid #5577b4;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #5577b4;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #5577b4;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #5577b4;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #425f94;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #5577b4 !important;
+  border-right: 1px solid #5577b4 !important;
+  border-bottom: 1px solid #5577b4 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #5577b4 !important;
+  border-none: 1px solid #5577b4 !important;
+  border-bottom: 1px solid #5577b4 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #5577b4 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #5577b4;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #5577b4;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #5577b4;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #425f94;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #425f94;
+  border: 1px solid #425f94;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #5577b4;
+  border: 1px solid #5577b4;
+}
+.pager > li > a {
+  color: #425f94;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #5577b4;
+}
+.rating .star.active:before {
+  color: #5577b4;
+}
+.rating .star.active ~ .star:before {
+  color: #5577b4;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #5577b4;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #5577b4;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #496ba6;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #5577b4;
+  border-color: #5577b4;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #5577b4;
+  border-color: #5577b4;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #5577b4;
+  background-color: #5577b4;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #5577b4;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #5577b4;
+  background-color: #5577b4;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #5577b4;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #5577b4;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #5577b4;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #5577b4 !important;
+  border-color: #6785bc #6785bc #46669f !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #839cc8 !important;
+  color: white;
+  border-bottom: 1px solid #9cb0d3 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #5577b4 !important;
+  border-color: #46669f #6785bc #6785bc !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #5577b4;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #9cb0d3 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #5577b4;
+  border-color: #5577b4;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #496ba6;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #5577b4;
+  border-color: #496ba6;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #496ba6;
+  border: 1px solid #5577b4;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #425f94;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #5577b4;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #496ba6;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #5577b4;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #5577b4;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #5577b4;
+}
+.btn-theme.btn-double {
+  border: 4px double #5577b4;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #5577b4;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #425f94;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #425f94;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #425f94;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #425f94;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #425f94;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #5577b4;
+  box-shadow: 0 6px #425f94;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #425f94;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #425f94;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #5577b4;
+  box-shadow: 6px 0 #425f94;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #425f94;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #425f94;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #5577b4;
+  border: 1px solid #5174b2;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #496ba6;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #5577b4;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #5577b4;
+}
+.progress-bar-theme {
+  background-color: #5577b4;
+}
+.fg-theme {
+  color: #5577b4 !important;
+}
+.nicescroll-rails div {
+  background-color: #5577b4 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #46669f !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #5577b4;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #6785bc #6785bc #46669f !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #5577b4 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #6785bc #6785bc #46669f !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #46669f !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #5577b4 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #46669f !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #5577b4 !important;
+  border: 1px solid #5577b4;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #425f94;
+}
+#back-top:hover {
+  background: #5577b4;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #5577b4 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #425f94 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #5577b4 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #5577b4;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #5577b4;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #5577b4;
+}
+.datepicker table thead tr:last-child {
+  background-color: #425f94;
+}
+.datepicker table thead tr th {
+  background-color: #5577b4;
+  border-color: #496ba6 #496ba6 #46669f;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #496ba6 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #5577b4;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #5577b4;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #425f94;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #5577b4;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #6785bc !important;
+}
+.slider-theme .irs-slider {
+  background-color: #5577b4 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #5577b4 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #5577b4 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #5577b4 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #5577b4;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/blue-sea.theme.css b/vendor/stylesheets/themes/blue-sea.theme.css
new file mode 100755
index 0000000..9a576a1
--- /dev/null
+++ b/vendor/stylesheets/themes/blue-sea.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #63d3e9;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #4dcde6;
+}
+#header .navbar-header {
+  background-color: #63d3e9;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #63d3e9;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #63d3e9;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #36c6e3;
+  -moz-box-shadow: 0 0 0 5px #36c6e3;
+  box-shadow: 0 0 0 5px #36c6e3;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #63d3e9;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #63d3e9;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #63d3e9;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #63d3e9;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #63d3e9 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #63d3e9;
+  border-bottom: 1px solid #63d3e9;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #4dcde6;
+  border-bottom: 1px solid #4dcde6;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #63d3e9;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #4dcde6;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #36c6e3;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #4dcde6;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #63d3e9;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #63d3e9;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #63d3e9;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #63d3e9;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #5fd2e8;
+}
+.sign-text:before {
+  background-color: #90e0ef;
+}
+.sign-header {
+  background-color: #63d3e9;
+  border-bottom: 10px solid #44cae5;
+}
+.sign-text span {
+  background-color: #63d3e9;
+}
+.sign-text img {
+  border: 7px solid #63d3e9;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #63d3e9;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #63d3e9;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #63d3e9;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #36c6e3;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #63d3e9 !important;
+  border-right: 1px solid #63d3e9 !important;
+  border-bottom: 1px solid #63d3e9 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #63d3e9 !important;
+  border-none: 1px solid #63d3e9 !important;
+  border-bottom: 1px solid #63d3e9 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #63d3e9 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #63d3e9;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #63d3e9;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #63d3e9;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #36c6e3;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #36c6e3;
+  border: 1px solid #36c6e3;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #63d3e9;
+  border: 1px solid #63d3e9;
+}
+.pager > li > a {
+  color: #36c6e3;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #63d3e9;
+}
+.rating .star.active:before {
+  color: #63d3e9;
+}
+.rating .star.active ~ .star:before {
+  color: #63d3e9;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #63d3e9;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #63d3e9;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #4dcde6;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #63d3e9;
+  border-color: #63d3e9;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #63d3e9;
+  border-color: #63d3e9;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #63d3e9;
+  background-color: #63d3e9;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #63d3e9;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #63d3e9;
+  background-color: #63d3e9;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #63d3e9;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #63d3e9;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #63d3e9;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #63d3e9 !important;
+  border-color: #79d9ec #79d9ec #44cae5 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #9de3f1 !important;
+  color: white;
+  border-bottom: 1px solid #bcecf6 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #63d3e9 !important;
+  border-color: #44cae5 #79d9ec #79d9ec !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #63d3e9;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #bcecf6 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #63d3e9;
+  border-color: #63d3e9;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #4dcde6;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #63d3e9;
+  border-color: #4dcde6;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #4dcde6;
+  border: 1px solid #63d3e9;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #36c6e3;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #63d3e9;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #4dcde6;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #63d3e9;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #63d3e9;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #63d3e9;
+}
+.btn-theme.btn-double {
+  border: 4px double #63d3e9;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #63d3e9;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #36c6e3;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #36c6e3;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #36c6e3;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #36c6e3;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #36c6e3;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #63d3e9;
+  box-shadow: 0 6px #36c6e3;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #36c6e3;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #36c6e3;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #63d3e9;
+  box-shadow: 6px 0 #36c6e3;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #36c6e3;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #36c6e3;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #63d3e9;
+  border: 1px solid #5fd2e8;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #4dcde6;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #63d3e9;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #63d3e9;
+}
+.progress-bar-theme {
+  background-color: #63d3e9;
+}
+.fg-theme {
+  color: #63d3e9 !important;
+}
+.nicescroll-rails div {
+  background-color: #63d3e9 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #44cae5 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #63d3e9;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #79d9ec #79d9ec #44cae5 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #63d3e9 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #79d9ec #79d9ec #44cae5 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #44cae5 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #63d3e9 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #44cae5 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #63d3e9 !important;
+  border: 1px solid #63d3e9;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #36c6e3;
+}
+#back-top:hover {
+  background: #63d3e9;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #63d3e9 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #36c6e3 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #63d3e9 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #63d3e9;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #63d3e9;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #63d3e9;
+}
+.datepicker table thead tr:last-child {
+  background-color: #36c6e3;
+}
+.datepicker table thead tr th {
+  background-color: #63d3e9;
+  border-color: #4dcde6 #4dcde6 #44cae5;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #4dcde6 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #63d3e9;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #63d3e9;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #36c6e3;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #63d3e9;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #79d9ec !important;
+}
+.slider-theme .irs-slider {
+  background-color: #63d3e9 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #63d3e9 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #63d3e9 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #63d3e9 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #63d3e9;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/blue.theme.css b/vendor/stylesheets/themes/blue.theme.css
new file mode 100755
index 0000000..181c87a
--- /dev/null
+++ b/vendor/stylesheets/themes/blue.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #00b1e1;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #009dc8;
+}
+#header .navbar-header {
+  background-color: #00b1e1;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #00b1e1;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #00b1e1;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #0089ae;
+  -moz-box-shadow: 0 0 0 5px #0089ae;
+  box-shadow: 0 0 0 5px #0089ae;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #00b1e1;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #00b1e1;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #00b1e1;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #00b1e1;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #00b1e1 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #00b1e1;
+  border-bottom: 1px solid #00b1e1;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #009dc8;
+  border-bottom: 1px solid #009dc8;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #00b1e1;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #009dc8;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #0089ae;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #009dc8;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #00b1e1;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #00b1e1;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #00b1e1;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #00b1e1;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #00addc;
+}
+.sign-text:before {
+  background-color: #15cdff;
+}
+.sign-header {
+  background-color: #00b1e1;
+  border-bottom: 10px solid #0095bd;
+}
+.sign-text span {
+  background-color: #00b1e1;
+}
+.sign-text img {
+  border: 7px solid #00b1e1;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #00b1e1;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #00b1e1;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #00b1e1;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #0089ae;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #00b1e1 !important;
+  border-right: 1px solid #00b1e1 !important;
+  border-bottom: 1px solid #00b1e1 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #00b1e1 !important;
+  border-none: 1px solid #00b1e1 !important;
+  border-bottom: 1px solid #00b1e1 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #00b1e1 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #00b1e1;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #00b1e1;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #00b1e1;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #0089ae;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #0089ae;
+  border: 1px solid #0089ae;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #00b1e1;
+  border: 1px solid #00b1e1;
+}
+.pager > li > a {
+  color: #0089ae;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #00b1e1;
+}
+.rating .star.active:before {
+  color: #00b1e1;
+}
+.rating .star.active ~ .star:before {
+  color: #00b1e1;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #00b1e1;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #00b1e1;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #009dc8;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #00b1e1;
+  border-color: #00b1e1;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #00b1e1;
+  border-color: #00b1e1;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #00b1e1;
+  background-color: #00b1e1;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #00b1e1;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #00b1e1;
+  background-color: #00b1e1;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #00b1e1;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #00b1e1;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #00b1e1;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #00b1e1 !important;
+  border-color: #00c5fb #00c5fb #0095bd !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #24d0ff !important;
+  color: white;
+  border-bottom: 1px solid #48d8ff !important;
+}
+.table-theme tfoot tr th {
+  background-color: #00b1e1 !important;
+  border-color: #0095bd #00c5fb #00c5fb !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #00b1e1;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #48d8ff !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #00b1e1;
+  border-color: #00b1e1;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #009dc8;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #00b1e1;
+  border-color: #009dc8;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #009dc8;
+  border: 1px solid #00b1e1;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #0089ae;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #00b1e1;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #009dc8;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #00b1e1;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #00b1e1;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #00b1e1;
+}
+.btn-theme.btn-double {
+  border: 4px double #00b1e1;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #00b1e1;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #0089ae;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #0089ae;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #0089ae;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #0089ae;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #0089ae;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #00b1e1;
+  box-shadow: 0 6px #0089ae;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #0089ae;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #0089ae;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #00b1e1;
+  box-shadow: 6px 0 #0089ae;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #0089ae;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #0089ae;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #00b1e1;
+  border: 1px solid #00addc;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #009dc8;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #00b1e1;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #00b1e1;
+}
+.progress-bar-theme {
+  background-color: #00b1e1;
+}
+.fg-theme {
+  color: #00b1e1 !important;
+}
+.nicescroll-rails div {
+  background-color: #00b1e1 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #0095bd !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #00b1e1;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #00c5fb #00c5fb #0095bd !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #00b1e1 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #00c5fb #00c5fb #0095bd !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #0095bd !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #00b1e1 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #0095bd !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #00b1e1 !important;
+  border: 1px solid #00b1e1;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #0089ae;
+}
+#back-top:hover {
+  background: #00b1e1;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #00b1e1 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #0089ae !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #00b1e1 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #00b1e1;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #00b1e1;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #00b1e1;
+}
+.datepicker table thead tr:last-child {
+  background-color: #0089ae;
+}
+.datepicker table thead tr th {
+  background-color: #00b1e1;
+  border-color: #009dc8 #009dc8 #0095bd;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #009dc8 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #00b1e1;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #00b1e1;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #0089ae;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #00b1e1;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #00c5fb !important;
+}
+.slider-theme .irs-slider {
+  background-color: #00b1e1 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #00b1e1 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #00b1e1 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #00b1e1 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #00b1e1;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/blueberry.theme.css b/vendor/stylesheets/themes/blueberry.theme.css
new file mode 100755
index 0000000..503039a
--- /dev/null
+++ b/vendor/stylesheets/themes/blueberry.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #7789d1;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #6478cb;
+}
+#header .navbar-header {
+  background-color: #7789d1;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #7789d1;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #7789d1;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #5168c4;
+  -moz-box-shadow: 0 0 0 5px #5168c4;
+  box-shadow: 0 0 0 5px #5168c4;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #7789d1;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #7789d1;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #7789d1;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #7789d1;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #7789d1 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #7789d1;
+  border-bottom: 1px solid #7789d1;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #6478cb;
+  border-bottom: 1px solid #6478cb;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #7789d1;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #6478cb;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #5168c4;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #6478cb;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #7789d1;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #7789d1;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #7789d1;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #7789d1;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #7386d0;
+}
+.sign-text:before {
+  background-color: #9daade;
+}
+.sign-header {
+  background-color: #7789d1;
+  border-bottom: 10px solid #5c72c8;
+}
+.sign-text span {
+  background-color: #7789d1;
+}
+.sign-text img {
+  border: 7px solid #7789d1;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #7789d1;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #7789d1;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #7789d1;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #5168c4;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #7789d1 !important;
+  border-right: 1px solid #7789d1 !important;
+  border-bottom: 1px solid #7789d1 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #7789d1 !important;
+  border-none: 1px solid #7789d1 !important;
+  border-bottom: 1px solid #7789d1 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #7789d1 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #7789d1;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #7789d1;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #7789d1;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #5168c4;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #5168c4;
+  border: 1px solid #5168c4;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #7789d1;
+  border: 1px solid #7789d1;
+}
+.pager > li > a {
+  color: #5168c4;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #7789d1;
+}
+.rating .star.active:before {
+  color: #7789d1;
+}
+.rating .star.active ~ .star:before {
+  color: #7789d1;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #7789d1;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #7789d1;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #6478cb;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #7789d1;
+  border-color: #7789d1;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #7789d1;
+  border-color: #7789d1;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #7789d1;
+  background-color: #7789d1;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #7789d1;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #7789d1;
+  background-color: #7789d1;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #7789d1;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #7789d1;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #7789d1;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #7789d1 !important;
+  border-color: #8a9ad7 #8a9ad7 #5c72c8 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #a9b4e2 !important;
+  color: white;
+  border-bottom: 1px solid #c3cbeb !important;
+}
+.table-theme tfoot tr th {
+  background-color: #7789d1 !important;
+  border-color: #5c72c8 #8a9ad7 #8a9ad7 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #7789d1;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #c3cbeb !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #7789d1;
+  border-color: #7789d1;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #6478cb;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #7789d1;
+  border-color: #6478cb;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #6478cb;
+  border: 1px solid #7789d1;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #5168c4;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #7789d1;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #6478cb;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #7789d1;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #7789d1;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #7789d1;
+}
+.btn-theme.btn-double {
+  border: 4px double #7789d1;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #7789d1;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #5168c4;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #5168c4;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #5168c4;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #5168c4;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #5168c4;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #7789d1;
+  box-shadow: 0 6px #5168c4;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #5168c4;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #5168c4;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #7789d1;
+  box-shadow: 6px 0 #5168c4;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #5168c4;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #5168c4;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #7789d1;
+  border: 1px solid #7386d0;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #6478cb;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #7789d1;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #7789d1;
+}
+.progress-bar-theme {
+  background-color: #7789d1;
+}
+.fg-theme {
+  color: #7789d1 !important;
+}
+.nicescroll-rails div {
+  background-color: #7789d1 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #5c72c8 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #7789d1;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #8a9ad7 #8a9ad7 #5c72c8 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #7789d1 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #8a9ad7 #8a9ad7 #5c72c8 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #5c72c8 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #7789d1 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #5c72c8 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #7789d1 !important;
+  border: 1px solid #7789d1;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #5168c4;
+}
+#back-top:hover {
+  background: #7789d1;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #7789d1 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #5168c4 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #7789d1 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #7789d1;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #7789d1;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #7789d1;
+}
+.datepicker table thead tr:last-child {
+  background-color: #5168c4;
+}
+.datepicker table thead tr th {
+  background-color: #7789d1;
+  border-color: #6478cb #6478cb #5c72c8;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #6478cb !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #7789d1;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #7789d1;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #5168c4;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #7789d1;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #8a9ad7 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #7789d1 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #7789d1 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #7789d1 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #7789d1 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #7789d1;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/brown.theme.css b/vendor/stylesheets/themes/brown.theme.css
new file mode 100755
index 0000000..f3174f0
--- /dev/null
+++ b/vendor/stylesheets/themes/brown.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #d39174;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #cd8261;
+}
+#header .navbar-header {
+  background-color: #d39174;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #d39174;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #d39174;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #c7724d;
+  -moz-box-shadow: 0 0 0 5px #c7724d;
+  box-shadow: 0 0 0 5px #c7724d;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #d39174;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #d39174;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #d39174;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #d39174;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #d39174 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #d39174;
+  border-bottom: 1px solid #d39174;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #cd8261;
+  border-bottom: 1px solid #cd8261;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #d39174;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #cd8261;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #c7724d;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #cd8261;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #d39174;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #d39174;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #d39174;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #d39174;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #d28e70;
+}
+.sign-text:before {
+  background-color: #dfb09b;
+}
+.sign-header {
+  background-color: #d39174;
+  border-bottom: 10px solid #ca7c59;
+}
+.sign-text span {
+  background-color: #d39174;
+}
+.sign-text img {
+  border: 7px solid #d39174;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #d39174;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #d39174;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #d39174;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #c7724d;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #d39174 !important;
+  border-right: 1px solid #d39174 !important;
+  border-bottom: 1px solid #d39174 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #d39174 !important;
+  border-none: 1px solid #d39174 !important;
+  border-bottom: 1px solid #d39174 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #d39174 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #d39174;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #d39174;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #d39174;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #c7724d;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #c7724d;
+  border: 1px solid #c7724d;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #d39174;
+  border: 1px solid #d39174;
+}
+.pager > li > a {
+  color: #c7724d;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #d39174;
+}
+.rating .star.active:before {
+  color: #d39174;
+}
+.rating .star.active ~ .star:before {
+  color: #d39174;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #d39174;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #d39174;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #cd8261;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #d39174;
+  border-color: #d39174;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #d39174;
+  border-color: #d39174;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #d39174;
+  background-color: #d39174;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #d39174;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #d39174;
+  background-color: #d39174;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #d39174;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #d39174;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #d39174;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #d39174 !important;
+  border-color: #d9a087 #d9a087 #ca7c59 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #e3b9a6 !important;
+  color: white;
+  border-bottom: 1px solid #eccec1 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #d39174 !important;
+  border-color: #ca7c59 #d9a087 #d9a087 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #d39174;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #eccec1 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #d39174;
+  border-color: #d39174;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #cd8261;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #d39174;
+  border-color: #cd8261;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #cd8261;
+  border: 1px solid #d39174;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #c7724d;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #d39174;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #cd8261;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #d39174;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #d39174;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #d39174;
+}
+.btn-theme.btn-double {
+  border: 4px double #d39174;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #d39174;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #c7724d;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #c7724d;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #c7724d;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #c7724d;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #c7724d;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #d39174;
+  box-shadow: 0 6px #c7724d;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #c7724d;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #c7724d;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #d39174;
+  box-shadow: 6px 0 #c7724d;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #c7724d;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #c7724d;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #d39174;
+  border: 1px solid #d28e70;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #cd8261;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #d39174;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #d39174;
+}
+.progress-bar-theme {
+  background-color: #d39174;
+}
+.fg-theme {
+  color: #d39174 !important;
+}
+.nicescroll-rails div {
+  background-color: #d39174 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #ca7c59 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #d39174;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #d9a087 #d9a087 #ca7c59 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #d39174 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #d9a087 #d9a087 #ca7c59 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #ca7c59 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #d39174 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #ca7c59 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #d39174 !important;
+  border: 1px solid #d39174;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #c7724d;
+}
+#back-top:hover {
+  background: #d39174;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #d39174 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #c7724d !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #d39174 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #d39174;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #d39174;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #d39174;
+}
+.datepicker table thead tr:last-child {
+  background-color: #c7724d;
+}
+.datepicker table thead tr th {
+  background-color: #d39174;
+  border-color: #cd8261 #cd8261 #ca7c59;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #cd8261 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #d39174;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #d39174;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #c7724d;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #d39174;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #d9a087 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #d39174 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #d39174 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #d39174 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #d39174 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #d39174;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/bud-green.theme.css b/vendor/stylesheets/themes/bud-green.theme.css
new file mode 100755
index 0000000..a276471
--- /dev/null
+++ b/vendor/stylesheets/themes/bud-green.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #6fa362;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #639457;
+}
+#header .navbar-header {
+  background-color: #6fa362;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #6fa362;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #6fa362;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #59844e;
+  -moz-box-shadow: 0 0 0 5px #59844e;
+  box-shadow: 0 0 0 5px #59844e;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #6fa362;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #6fa362;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #6fa362;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #6fa362;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #6fa362 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #6fa362;
+  border-bottom: 1px solid #6fa362;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #639457;
+  border-bottom: 1px solid #639457;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #6fa362;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #639457;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #59844e;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #639457;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #6fa362;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #6fa362;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #6fa362;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #6fa362;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #6ca15f;
+}
+.sign-text:before {
+  background-color: #8cb682;
+}
+.sign-header {
+  background-color: #6fa362;
+  border-bottom: 10px solid #5f8e53;
+}
+.sign-text span {
+  background-color: #6fa362;
+}
+.sign-text img {
+  border: 7px solid #6fa362;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #6fa362;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #6fa362;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #6fa362;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #59844e;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #6fa362 !important;
+  border-right: 1px solid #6fa362 !important;
+  border-bottom: 1px solid #6fa362 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #6fa362 !important;
+  border-none: 1px solid #6fa362 !important;
+  border-bottom: 1px solid #6fa362 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #6fa362 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #6fa362;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #6fa362;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #6fa362;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #59844e;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #59844e;
+  border: 1px solid #59844e;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #6fa362;
+  border: 1px solid #6fa362;
+}
+.pager > li > a {
+  color: #59844e;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #6fa362;
+}
+.rating .star.active:before {
+  color: #6fa362;
+}
+.rating .star.active ~ .star:before {
+  color: #6fa362;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #6fa362;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #6fa362;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #639457;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #6fa362;
+  border-color: #6fa362;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #6fa362;
+  border-color: #6fa362;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #6fa362;
+  background-color: #6fa362;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #6fa362;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #6fa362;
+  background-color: #6fa362;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #6fa362;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #6fa362;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #6fa362;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #6fa362 !important;
+  border-color: #7eac72 #7eac72 #5f8e53 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #95bb8c !important;
+  color: white;
+  border-bottom: 1px solid #aac9a2 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #6fa362 !important;
+  border-color: #5f8e53 #7eac72 #7eac72 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #6fa362;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #aac9a2 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #6fa362;
+  border-color: #6fa362;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #639457;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #6fa362;
+  border-color: #639457;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #639457;
+  border: 1px solid #6fa362;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #59844e;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #6fa362;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #639457;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #6fa362;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #6fa362;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #6fa362;
+}
+.btn-theme.btn-double {
+  border: 4px double #6fa362;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #6fa362;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #59844e;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #59844e;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #59844e;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #59844e;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #59844e;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #6fa362;
+  box-shadow: 0 6px #59844e;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #59844e;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #59844e;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #6fa362;
+  box-shadow: 6px 0 #59844e;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #59844e;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #59844e;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #6fa362;
+  border: 1px solid #6ca15f;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #639457;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #6fa362;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #6fa362;
+}
+.progress-bar-theme {
+  background-color: #6fa362;
+}
+.fg-theme {
+  color: #6fa362 !important;
+}
+.nicescroll-rails div {
+  background-color: #6fa362 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #5f8e53 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #6fa362;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #7eac72 #7eac72 #5f8e53 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #6fa362 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #7eac72 #7eac72 #5f8e53 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #5f8e53 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #6fa362 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #5f8e53 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #6fa362 !important;
+  border: 1px solid #6fa362;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #59844e;
+}
+#back-top:hover {
+  background: #6fa362;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #6fa362 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #59844e !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #6fa362 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #6fa362;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #6fa362;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #6fa362;
+}
+.datepicker table thead tr:last-child {
+  background-color: #59844e;
+}
+.datepicker table thead tr th {
+  background-color: #6fa362;
+  border-color: #639457 #639457 #5f8e53;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #639457 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #6fa362;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #6fa362;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #59844e;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #6fa362;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #7eac72 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #6fa362 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #6fa362 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #6fa362 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #6fa362 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #6fa362;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/codeigniter.theme.css b/vendor/stylesheets/themes/codeigniter.theme.css
new file mode 100755
index 0000000..78814a0
--- /dev/null
+++ b/vendor/stylesheets/themes/codeigniter.theme.css
@@ -0,0 +1,767 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #dd4814;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #c64012;
+}
+#header .navbar-header {
+  background-color: #dd4814;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #dd4814;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #dd4814;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #ae3910;
+  -moz-box-shadow: 0 0 0 5px #ae3910;
+  box-shadow: 0 0 0 5px #ae3910;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #dd4814;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #dd4814;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #dd4814;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #dd4814;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #dd4814 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #dd4814;
+  border-bottom: 1px solid #dd4814;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #c64012;
+  border-bottom: 1px solid #c64012;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #dd4814;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #c64012;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #ae3910;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #c64012;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #dd4814;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #dd4814;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #dd4814;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #dd4814;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #d84614;
+}
+.sign-text:before {
+  background-color: #ed6637;
+}
+.sign-header {
+  background-color: #dd4814;
+  border-bottom: 10px solid #bc3d11;
+}
+.sign-text span {
+  background-color: #dd4814;
+}
+.sign-text img {
+  border: 7px solid #dd4814;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #dd4814;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #dd4814;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #dd4814;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #ae3910;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #dd4814 !important;
+  border-right: 1px solid #dd4814 !important;
+  border-bottom: 1px solid #dd4814 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #dd4814 !important;
+  border-none: 1px solid #dd4814 !important;
+  border-bottom: 1px solid #dd4814 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #dd4814 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #dd4814;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #dd4814;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #dd4814;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #ae3910;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #ae3910;
+  border: 1px solid #ae3910;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #dd4814;
+  border: 1px solid #dd4814;
+}
+.pager > li > a {
+  color: #ae3910;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #dd4814;
+}
+.rating .star.active:before {
+  color: #dd4814;
+}
+.rating .star.active ~ .star:before {
+  color: #dd4814;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #dd4814;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #dd4814;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #c64012;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #dd4814;
+  border-color: #dd4814;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #dd4814;
+  border-color: #dd4814;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #dd4814;
+  background-color: #dd4814;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #dd4814;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #dd4814;
+  background-color: #dd4814;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #dd4814;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #dd4814;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #dd4814;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #dd4814 !important;
+  border-color: #eb5420 #eb5420 #bc3d11 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #ee7145 !important;
+  color: white;
+  border-bottom: 1px solid #f18a66 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #dd4814 !important;
+  border-color: #bc3d11 #eb5420 #eb5420 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #dd4814;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #f18a66 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #dd4814;
+  border-color: #dd4814;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #c64012;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #dd4814;
+  border-color: #c64012;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #c64012;
+  border: 1px solid #dd4814;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #ae3910;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #dd4814;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #c64012;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #dd4814;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #dd4814;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #dd4814;
+}
+.btn-theme.btn-double {
+  border: 4px double #dd4814;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #dd4814;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #ae3910;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #ae3910;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #ae3910;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #ae3910;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #ae3910;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #dd4814;
+  box-shadow: 0 6px #ae3910;
+  -webkit-transition: none;
+  -moz-transition: none;
+  -ms-transition: none;
+  -o-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #ae3910;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #ae3910;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #dd4814;
+  box-shadow: 6px 0 #ae3910;
+  -webkit-transition: none;
+  -moz-transition: none;
+  -ms-transition: none;
+  -o-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #ae3910;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #ae3910;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #dd4814;
+  border: 1px solid #d84614;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #c64012;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #dd4814;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #dd4814;
+}
+.progress-bar-theme {
+  background-color: #dd4814;
+}
+.fg-theme {
+  color: #dd4814 !important;
+}
+.nicescroll-rails div {
+  background-color: #dd4814 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #bc3d11 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #dd4814;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #eb5420 #eb5420 #bc3d11 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #dd4814 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #eb5420 #eb5420 #bc3d11 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #bc3d11 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #dd4814 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #bc3d11 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #dd4814 !important;
+  border: 1px solid #dd4814;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #ae3910;
+}
+#back-top:hover {
+  background: #dd4814;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #dd4814 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #ae3910 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #dd4814 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #dd4814;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #dd4814;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #dd4814;
+}
+.datepicker table thead tr:last-child {
+  background-color: #ae3910;
+}
+.datepicker table thead tr th {
+  background-color: #dd4814;
+  border-color: #c64012 #c64012 #bc3d11;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #c64012 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #dd4814;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #dd4814;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #ae3910;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #dd4814;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #eb5420 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #dd4814 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #dd4814 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #dd4814 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #dd4814 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #dd4814;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/cyan.theme.css b/vendor/stylesheets/themes/cyan.theme.css
new file mode 100755
index 0000000..4a746f8
--- /dev/null
+++ b/vendor/stylesheets/themes/cyan.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #37bc9b;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #31a88b;
+}
+#header .navbar-header {
+  background-color: #37bc9b;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #37bc9b;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #37bc9b;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #2b957a;
+  -moz-box-shadow: 0 0 0 5px #2b957a;
+  box-shadow: 0 0 0 5px #2b957a;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #37bc9b;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #37bc9b;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #37bc9b;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #37bc9b;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #37bc9b !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #37bc9b;
+  border-bottom: 1px solid #37bc9b;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #31a88b;
+  border-bottom: 1px solid #31a88b;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #37bc9b;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #31a88b;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #2b957a;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #31a88b;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #37bc9b;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #37bc9b;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #37bc9b;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #37bc9b;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #36b898;
+}
+.sign-text:before {
+  background-color: #58ceb1;
+}
+.sign-header {
+  background-color: #37bc9b;
+  border-bottom: 10px solid #2fa084;
+}
+.sign-text span {
+  background-color: #37bc9b;
+}
+.sign-text img {
+  border: 7px solid #37bc9b;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #37bc9b;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #37bc9b;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #37bc9b;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #2b957a;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #37bc9b !important;
+  border-right: 1px solid #37bc9b !important;
+  border-bottom: 1px solid #37bc9b !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #37bc9b !important;
+  border-none: 1px solid #37bc9b !important;
+  border-bottom: 1px solid #37bc9b !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #37bc9b !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #37bc9b;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #37bc9b;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #37bc9b;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #2b957a;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #2b957a;
+  border: 1px solid #2b957a;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #37bc9b;
+  border: 1px solid #37bc9b;
+}
+.pager > li > a {
+  color: #2b957a;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #37bc9b;
+}
+.rating .star.active:before {
+  color: #37bc9b;
+}
+.rating .star.active ~ .star:before {
+  color: #37bc9b;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #37bc9b;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #37bc9b;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #31a88b;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #37bc9b;
+  border-color: #37bc9b;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #37bc9b;
+  border-color: #37bc9b;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #37bc9b;
+  background-color: #37bc9b;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #37bc9b;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #37bc9b;
+  background-color: #37bc9b;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #37bc9b;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #37bc9b;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #37bc9b;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #37bc9b !important;
+  border-color: #44c8a8 #44c8a8 #2fa084 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #64d2b6 !important;
+  color: white;
+  border-bottom: 1px solid #7fdac3 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #37bc9b !important;
+  border-color: #2fa084 #44c8a8 #44c8a8 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #37bc9b;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #7fdac3 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #37bc9b;
+  border-color: #37bc9b;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #31a88b;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #37bc9b;
+  border-color: #31a88b;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #31a88b;
+  border: 1px solid #37bc9b;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #2b957a;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #37bc9b;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #31a88b;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #37bc9b;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #37bc9b;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #37bc9b;
+}
+.btn-theme.btn-double {
+  border: 4px double #37bc9b;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #37bc9b;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #2b957a;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #2b957a;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #2b957a;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #2b957a;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #2b957a;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #37bc9b;
+  box-shadow: 0 6px #2b957a;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #2b957a;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #2b957a;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #37bc9b;
+  box-shadow: 6px 0 #2b957a;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #2b957a;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #2b957a;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #37bc9b;
+  border: 1px solid #36b898;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #31a88b;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #37bc9b;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #37bc9b;
+}
+.progress-bar-theme {
+  background-color: #37bc9b;
+}
+.fg-theme {
+  color: #37bc9b !important;
+}
+.nicescroll-rails div {
+  background-color: #37bc9b !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #2fa084 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #37bc9b;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #44c8a8 #44c8a8 #2fa084 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #37bc9b !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #44c8a8 #44c8a8 #2fa084 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #2fa084 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #37bc9b !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #2fa084 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #37bc9b !important;
+  border: 1px solid #37bc9b;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #2b957a;
+}
+#back-top:hover {
+  background: #37bc9b;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #37bc9b !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #2b957a !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #37bc9b !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #37bc9b;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #37bc9b;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #37bc9b;
+}
+.datepicker table thead tr:last-child {
+  background-color: #2b957a;
+}
+.datepicker table thead tr th {
+  background-color: #37bc9b;
+  border-color: #31a88b #31a88b #2fa084;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #31a88b !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #37bc9b;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #37bc9b;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #2b957a;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #37bc9b;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #44c8a8 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #37bc9b !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #37bc9b !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #37bc9b !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #37bc9b !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #37bc9b;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/default.theme.css b/vendor/stylesheets/themes/default.theme.css
new file mode 100755
index 0000000..f286581
--- /dev/null
+++ b/vendor/stylesheets/themes/default.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #81b71a;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #71a117;
+}
+#header .navbar-header {
+  background-color: #81b71a;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #81b71a;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #81b71a;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #628a14;
+  -moz-box-shadow: 0 0 0 5px #628a14;
+  box-shadow: 0 0 0 5px #628a14;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #81b71a;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #81b71a;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #81b71a;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #81b71a;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #81b71a !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #81b71a;
+  border-bottom: 1px solid #81b71a;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #71a117;
+  border-bottom: 1px solid #71a117;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #81b71a;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #71a117;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #628a14;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #71a117;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #81b71a;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #81b71a;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #81b71a;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #81b71a;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #7eb319;
+}
+.sign-text:before {
+  background-color: #9fe024;
+}
+.sign-header {
+  background-color: #81b71a;
+  border-bottom: 10px solid #6b9816;
+}
+.sign-text span {
+  background-color: #81b71a;
+}
+.sign-text img {
+  border: 7px solid #81b71a;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #81b71a;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #81b71a;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #81b71a;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #628a14;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #81b71a !important;
+  border-right: 1px solid #81b71a !important;
+  border-bottom: 1px solid #81b71a !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #81b71a !important;
+  border-none: 1px solid #81b71a !important;
+  border-bottom: 1px solid #81b71a !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #81b71a !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #81b71a;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #81b71a;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #81b71a;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #628a14;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #628a14;
+  border: 1px solid #628a14;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #81b71a;
+  border: 1px solid #81b71a;
+}
+.pager > li > a {
+  color: #628a14;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #81b71a;
+}
+.rating .star.active:before {
+  color: #81b71a;
+}
+.rating .star.active ~ .star:before {
+  color: #81b71a;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #81b71a;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #81b71a;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #71a117;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #81b71a;
+  border-color: #81b71a;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #81b71a;
+  border-color: #81b71a;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #81b71a;
+  background-color: #81b71a;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #81b71a;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #81b71a;
+  background-color: #81b71a;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #81b71a;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #81b71a;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #81b71a;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #81b71a !important;
+  border-color: #91cd1d #91cd1d #6b9816 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #a5e231 !important;
+  color: white;
+  border-bottom: 1px solid #b3e651 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #81b71a !important;
+  border-color: #6b9816 #91cd1d #91cd1d !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #81b71a;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #b3e651 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #81b71a;
+  border-color: #81b71a;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #71a117;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #81b71a;
+  border-color: #71a117;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #71a117;
+  border: 1px solid #81b71a;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #628a14;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #81b71a;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #71a117;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #81b71a;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #81b71a;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #81b71a;
+}
+.btn-theme.btn-double {
+  border: 4px double #81b71a;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #81b71a;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #628a14;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #628a14;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #628a14;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #628a14;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #628a14;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #81b71a;
+  box-shadow: 0 6px #628a14;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #628a14;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #628a14;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #81b71a;
+  box-shadow: 6px 0 #628a14;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #628a14;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #628a14;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #81b71a;
+  border: 1px solid #7eb319;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #71a117;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #81b71a;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #81b71a;
+}
+.progress-bar-theme {
+  background-color: #81b71a;
+}
+.fg-theme {
+  color: #81b71a !important;
+}
+.nicescroll-rails div {
+  background-color: #81b71a !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #6b9816 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #81b71a;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #91cd1d #91cd1d #6b9816 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #81b71a !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #91cd1d #91cd1d #6b9816 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #6b9816 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #81b71a !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #6b9816 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #81b71a !important;
+  border: 1px solid #81b71a;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #628a14;
+}
+#back-top:hover {
+  background: #81b71a;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #81b71a !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #628a14 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #81b71a !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #81b71a;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #81b71a;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #81b71a;
+}
+.datepicker table thead tr:last-child {
+  background-color: #628a14;
+}
+.datepicker table thead tr th {
+  background-color: #81b71a;
+  border-color: #71a117 #71a117 #6b9816;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #71a117 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #81b71a;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #81b71a;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #628a14;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #81b71a;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #91cd1d !important;
+}
+.slider-theme .irs-slider {
+  background-color: #81b71a !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #81b71a !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #81b71a !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #81b71a !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #81b71a;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/green-army.theme.css b/vendor/stylesheets/themes/green-army.theme.css
new file mode 100755
index 0000000..6202fed
--- /dev/null
+++ b/vendor/stylesheets/themes/green-army.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #9fb478;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #93ab68;
+}
+#header .navbar-header {
+  background-color: #9fb478;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #9fb478;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #9fb478;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #87a059;
+  -moz-box-shadow: 0 0 0 5px #87a059;
+  box-shadow: 0 0 0 5px #87a059;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #9fb478;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #9fb478;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #9fb478;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #9fb478;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #9fb478 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #9fb478;
+  border-bottom: 1px solid #9fb478;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #93ab68;
+  border-bottom: 1px solid #93ab68;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #9fb478;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #93ab68;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #87a059;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #93ab68;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #9fb478;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #9fb478;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #9fb478;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #9fb478;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #9db275;
+}
+.sign-text:before {
+  background-color: #b6c699;
+}
+.sign-header {
+  background-color: #9fb478;
+  border-bottom: 10px solid #8fa761;
+}
+.sign-text span {
+  background-color: #9fb478;
+}
+.sign-text img {
+  border: 7px solid #9fb478;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #9fb478;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #9fb478;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #9fb478;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #87a059;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #9fb478 !important;
+  border-right: 1px solid #9fb478 !important;
+  border-bottom: 1px solid #9fb478 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #9fb478 !important;
+  border-none: 1px solid #9fb478 !important;
+  border-bottom: 1px solid #9fb478 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #9fb478 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #9fb478;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #9fb478;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #9fb478;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #87a059;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #87a059;
+  border: 1px solid #87a059;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #9fb478;
+  border: 1px solid #9fb478;
+}
+.pager > li > a {
+  color: #87a059;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #9fb478;
+}
+.rating .star.active:before {
+  color: #9fb478;
+}
+.rating .star.active ~ .star:before {
+  color: #9fb478;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #9fb478;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #9fb478;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #93ab68;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #9fb478;
+  border-color: #9fb478;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #9fb478;
+  border-color: #9fb478;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #9fb478;
+  background-color: #9fb478;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #9fb478;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #9fb478;
+  background-color: #9fb478;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #9fb478;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #9fb478;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #9fb478;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #9fb478 !important;
+  border-color: #abbd88 #abbd88 #8fa761 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #bdcca3 !important;
+  color: white;
+  border-bottom: 1px solid #ced8ba !important;
+}
+.table-theme tfoot tr th {
+  background-color: #9fb478 !important;
+  border-color: #8fa761 #abbd88 #abbd88 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #9fb478;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #ced8ba !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #9fb478;
+  border-color: #9fb478;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #93ab68;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #9fb478;
+  border-color: #93ab68;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #93ab68;
+  border: 1px solid #9fb478;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #87a059;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #9fb478;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #93ab68;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #9fb478;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #9fb478;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #9fb478;
+}
+.btn-theme.btn-double {
+  border: 4px double #9fb478;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #9fb478;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #87a059;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #87a059;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #87a059;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #87a059;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #87a059;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #9fb478;
+  box-shadow: 0 6px #87a059;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #87a059;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #87a059;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #9fb478;
+  box-shadow: 6px 0 #87a059;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #87a059;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #87a059;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #9fb478;
+  border: 1px solid #9db275;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #93ab68;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #9fb478;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #9fb478;
+}
+.progress-bar-theme {
+  background-color: #9fb478;
+}
+.fg-theme {
+  color: #9fb478 !important;
+}
+.nicescroll-rails div {
+  background-color: #9fb478 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #8fa761 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #9fb478;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #abbd88 #abbd88 #8fa761 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #9fb478 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #abbd88 #abbd88 #8fa761 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #8fa761 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #9fb478 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #8fa761 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #9fb478 !important;
+  border: 1px solid #9fb478;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #87a059;
+}
+#back-top:hover {
+  background: #9fb478;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #9fb478 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #87a059 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #9fb478 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #9fb478;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #9fb478;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #9fb478;
+}
+.datepicker table thead tr:last-child {
+  background-color: #87a059;
+}
+.datepicker table thead tr th {
+  background-color: #9fb478;
+  border-color: #93ab68 #93ab68 #8fa761;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #93ab68 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #9fb478;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #9fb478;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #87a059;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #9fb478;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #abbd88 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #9fb478 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #9fb478 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #9fb478 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #9fb478 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #9fb478;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/green.theme.css b/vendor/stylesheets/themes/green.theme.css
new file mode 100755
index 0000000..719aff5
--- /dev/null
+++ b/vendor/stylesheets/themes/green.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #8cc152;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #7fb842;
+}
+#header .navbar-header {
+  background-color: #8cc152;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #8cc152;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #8cc152;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #72a53b;
+  -moz-box-shadow: 0 0 0 5px #72a53b;
+  box-shadow: 0 0 0 5px #72a53b;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #8cc152;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #8cc152;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #8cc152;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #8cc152;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #8cc152 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #8cc152;
+  border-bottom: 1px solid #8cc152;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #7fb842;
+  border-bottom: 1px solid #7fb842;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #8cc152;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #7fb842;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #72a53b;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #7fb842;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #8cc152;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #8cc152;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #8cc152;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #8cc152;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #8ac04e;
+}
+.sign-text:before {
+  background-color: #a5ce78;
+}
+.sign-header {
+  background-color: #8cc152;
+  border-bottom: 10px solid #7ab03f;
+}
+.sign-text span {
+  background-color: #8cc152;
+}
+.sign-text img {
+  border: 7px solid #8cc152;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #8cc152;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #8cc152;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #8cc152;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #72a53b;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #8cc152 !important;
+  border-right: 1px solid #8cc152 !important;
+  border-bottom: 1px solid #8cc152 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #8cc152 !important;
+  border-none: 1px solid #8cc152 !important;
+  border-bottom: 1px solid #8cc152 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #8cc152 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #8cc152;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #8cc152;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #8cc152;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #72a53b;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #72a53b;
+  border: 1px solid #72a53b;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #8cc152;
+  border: 1px solid #8cc152;
+}
+.pager > li > a {
+  color: #72a53b;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #8cc152;
+}
+.rating .star.active:before {
+  color: #8cc152;
+}
+.rating .star.active ~ .star:before {
+  color: #8cc152;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #8cc152;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #8cc152;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #7fb842;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #8cc152;
+  border-color: #8cc152;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #8cc152;
+  border-color: #8cc152;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #8cc152;
+  background-color: #8cc152;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #8cc152;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #8cc152;
+  background-color: #8cc152;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #8cc152;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #8cc152;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #8cc152;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #8cc152 !important;
+  border-color: #98c865 #98c865 #7ab03f !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #acd283 !important;
+  color: white;
+  border-bottom: 1px solid #bedc9d !important;
+}
+.table-theme tfoot tr th {
+  background-color: #8cc152 !important;
+  border-color: #7ab03f #98c865 #98c865 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #8cc152;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #bedc9d !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #8cc152;
+  border-color: #8cc152;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #7fb842;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #8cc152;
+  border-color: #7fb842;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #7fb842;
+  border: 1px solid #8cc152;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #72a53b;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #8cc152;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #7fb842;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #8cc152;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #8cc152;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #8cc152;
+}
+.btn-theme.btn-double {
+  border: 4px double #8cc152;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #8cc152;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #72a53b;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #72a53b;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #72a53b;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #72a53b;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #72a53b;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #8cc152;
+  box-shadow: 0 6px #72a53b;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #72a53b;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #72a53b;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #8cc152;
+  box-shadow: 6px 0 #72a53b;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #72a53b;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #72a53b;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #8cc152;
+  border: 1px solid #8ac04e;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #7fb842;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #8cc152;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #8cc152;
+}
+.progress-bar-theme {
+  background-color: #8cc152;
+}
+.fg-theme {
+  color: #8cc152 !important;
+}
+.nicescroll-rails div {
+  background-color: #8cc152 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #7ab03f !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #8cc152;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #98c865 #98c865 #7ab03f !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #8cc152 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #98c865 #98c865 #7ab03f !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #7ab03f !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #8cc152 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #7ab03f !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #8cc152 !important;
+  border: 1px solid #8cc152;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #72a53b;
+}
+#back-top:hover {
+  background: #8cc152;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #8cc152 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #72a53b !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #8cc152 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #8cc152;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #8cc152;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #8cc152;
+}
+.datepicker table thead tr:last-child {
+  background-color: #72a53b;
+}
+.datepicker table thead tr th {
+  background-color: #8cc152;
+  border-color: #7fb842 #7fb842 #7ab03f;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #7fb842 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #8cc152;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #8cc152;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #72a53b;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #8cc152;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #98c865 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #8cc152 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #8cc152 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #8cc152 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #8cc152 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #8cc152;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/laravel.theme.css b/vendor/stylesheets/themes/laravel.theme.css
new file mode 100755
index 0000000..cd5981d
--- /dev/null
+++ b/vendor/stylesheets/themes/laravel.theme.css
@@ -0,0 +1,767 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #f4645f;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #f24d47;
+}
+#header .navbar-header {
+  background-color: #f4645f;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #f4645f;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #f4645f;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #f1362f;
+  -moz-box-shadow: 0 0 0 5px #f1362f;
+  box-shadow: 0 0 0 5px #f1362f;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #f4645f;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #f4645f;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #f4645f;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #f4645f;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #f4645f !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #f4645f;
+  border-bottom: 1px solid #f4645f;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #f24d47;
+  border-bottom: 1px solid #f24d47;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #f4645f;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #f24d47;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #f1362f;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #f24d47;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #f4645f;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #f4645f;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #f4645f;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #f4645f;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #f45f5a;
+}
+.sign-text:before {
+  background-color: #f7928f;
+}
+.sign-header {
+  background-color: #f4645f;
+  border-bottom: 10px solid #f2443e;
+}
+.sign-text span {
+  background-color: #f4645f;
+}
+.sign-text img {
+  border: 7px solid #f4645f;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #f4645f;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #f4645f;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #f4645f;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #f1362f;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #f4645f !important;
+  border-right: 1px solid #f4645f !important;
+  border-bottom: 1px solid #f4645f !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #f4645f !important;
+  border-none: 1px solid #f4645f !important;
+  border-bottom: 1px solid #f4645f !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #f4645f !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #f4645f;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #f4645f;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #f4645f;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #f1362f;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #f1362f;
+  border: 1px solid #f1362f;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #f4645f;
+  border: 1px solid #f4645f;
+}
+.pager > li > a {
+  color: #f1362f;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #f4645f;
+}
+.rating .star.active:before {
+  color: #f4645f;
+}
+.rating .star.active ~ .star:before {
+  color: #f4645f;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #f4645f;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #f4645f;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #f24d47;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #f4645f;
+  border-color: #f4645f;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #f4645f;
+  border-color: #f4645f;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #f4645f;
+  background-color: #f4645f;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #f4645f;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #f4645f;
+  background-color: #f4645f;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #f4645f;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #f4645f;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #f4645f;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #f4645f !important;
+  border-color: #f67b77 #f67b77 #f2443e !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #f8a09d !important;
+  color: white;
+  border-bottom: 1px solid #fbc0be !important;
+}
+.table-theme tfoot tr th {
+  background-color: #f4645f !important;
+  border-color: #f2443e #f67b77 #f67b77 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #f4645f;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #fbc0be !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #f4645f;
+  border-color: #f4645f;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #f24d47;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #f4645f;
+  border-color: #f24d47;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #f24d47;
+  border: 1px solid #f4645f;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #f1362f;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #f4645f;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #f24d47;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #f4645f;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #f4645f;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #f4645f;
+}
+.btn-theme.btn-double {
+  border: 4px double #f4645f;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #f4645f;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #f1362f;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #f1362f;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #f1362f;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #f1362f;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #f1362f;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #f4645f;
+  box-shadow: 0 6px #f1362f;
+  -webkit-transition: none;
+  -moz-transition: none;
+  -ms-transition: none;
+  -o-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #f1362f;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #f1362f;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #f4645f;
+  box-shadow: 6px 0 #f1362f;
+  -webkit-transition: none;
+  -moz-transition: none;
+  -ms-transition: none;
+  -o-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #f1362f;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #f1362f;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #f4645f;
+  border: 1px solid #f45f5a;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #f24d47;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #f4645f;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #f4645f;
+}
+.progress-bar-theme {
+  background-color: #f4645f;
+}
+.fg-theme {
+  color: #f4645f !important;
+}
+.nicescroll-rails div {
+  background-color: #f4645f !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #f2443e !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #f4645f;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #f67b77 #f67b77 #f2443e !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #f4645f !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #f67b77 #f67b77 #f2443e !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #f2443e !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #f4645f !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #f2443e !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #f4645f !important;
+  border: 1px solid #f4645f;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #f1362f;
+}
+#back-top:hover {
+  background: #f4645f;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #f4645f !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #f1362f !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #f4645f !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #f4645f;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #f4645f;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #f4645f;
+}
+.datepicker table thead tr:last-child {
+  background-color: #f1362f;
+}
+.datepicker table thead tr th {
+  background-color: #f4645f;
+  border-color: #f24d47 #f24d47 #f2443e;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #f24d47 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #f4645f;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #f4645f;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #f1362f;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #f4645f;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #f67b77 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #f4645f !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #f4645f !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #f4645f !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #f4645f !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #f4645f;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/material-design.theme.css b/vendor/stylesheets/themes/material-design.theme.css
new file mode 100755
index 0000000..c9a8210
--- /dev/null
+++ b/vendor/stylesheets/themes/material-design.theme.css
@@ -0,0 +1,723 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #2196F3;
+  color: #FFFFFF;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #0d8aee;
+}
+
+#header .navbar-header {
+  background-color: #2196F3;
+}
+
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img, #sidebar-left.sidebar-rounded .sidebar-content img, #sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #2196F3;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i, #sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i, #sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #2196F3;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after, #sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after, #sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -moz-box-shadow: 0 0 0 5px #0c7cd5;
+  -webkit-box-shadow: 0 0 0 5px #0c7cd5;
+  box-shadow: 0 0 0 5px #0c7cd5;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #2196F3;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #2196F3;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #2196F3;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #2196F3;
+}
+
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize, body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #2196F3 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a, body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #2196F3;
+  border-bottom: 1px solid #2196F3;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover, body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #0d8aee;
+  border-bottom: 1px solid #0d8aee;
+}
+body.page-sidebar-minimize .navbar-minimize a i, body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #FFFFFF;
+}
+
+.navbar-minimize-mobile {
+  background-color: #2196F3;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #0d8aee;
+}
+
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile, body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #0c7cd5;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover, body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #0d8aee;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #2196F3;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #2196F3;
+  box-shadow: none;
+  border: none;
+  color: #FFFFFF;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #2196F3;
+}
+
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #2196F3;
+}
+.sign-wrapper a:hover, .sign-wrapper a:focus, .sign-wrapper a:active {
+  color: #1c94f3;
+}
+
+.sign-text:before {
+  background-color: #51adf6;
+}
+
+.sign-header {
+  background-color: #2196F3;
+  border-bottom: 10px solid #0c84e4;
+}
+
+.sign-text span {
+  background-color: #2196F3;
+}
+.sign-text img {
+  border: 7px solid #2196F3;
+}
+
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #2196F3;
+}
+
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #2196F3;
+}
+
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #2196F3;
+}
+a:hover, a:active, a:focus {
+  color: #0c7cd5;
+}
+
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #2196F3;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #2196F3;
+}
+
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #2196F3;
+}
+
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #0c7cd5;
+}
+.pagination > .active > a, .pagination > .active > span {
+  background-color: #0c7cd5;
+  border: 1px solid #0c7cd5;
+}
+.pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span:hover, .pagination > .active > span:focus {
+  background-color: #2196F3;
+  border: 1px solid #2196F3;
+}
+
+.pager > li > a {
+  color: #0c7cd5;
+}
+
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #2196F3;
+}
+.rating .star.active:before {
+  color: #2196F3;
+}
+.rating .star.active ~ .star:before {
+  color: #2196F3;
+}
+
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #2196F3;
+}
+.dropdown-menu li.active:hover a, .dropdown-menu li.active:focus a, .dropdown-menu li.active:active a {
+  background-color: #2196F3;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #0d8aee;
+}
+
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #2196F3;
+  border-color: #2196F3;
+}
+a.list-group-item.active:hover, a.list-group-item.active:focus {
+  background-color: #2196F3;
+  border-color: #2196F3;
+}
+
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #2196F3;
+  background-color: #2196F3;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #2196F3;
+  opacity: .5;
+}
+
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #2196F3;
+  background-color: #2196F3;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #2196F3;
+  opacity: .5;
+}
+
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #2196F3 !important;
+  border-color: #39a1f4 #39a1f4 #0c84e4 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #60b4f6 !important;
+  color: white;
+  border-bottom: 1px solid #82c4f8 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #2196F3 !important;
+  border-color: #0c84e4 #39a1f4 #39a1f4 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #2196F3;
+}
+.table-theme.table-bordered thead tr th:first-child, .table-theme.table-bordered thead tr th:last-child, .table-theme.table-bordered tfoot tr th:first-child, .table-theme.table-bordered tfoot tr th:last-child {
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #82c4f8 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #2196F3;
+  border-color: #2196F3;
+  color: white;
+}
+.btn-theme:hover, .btn-theme:focus, .btn-theme:active, .btn-theme.active, .btn-theme[disabled], .btn-theme.disabled {
+  background-color: #0d8aee;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #2196F3;
+  border-color: #0d8aee;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #0d8aee;
+  border: 1px solid #2196F3;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #0c7cd5;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #2196F3;
+  background-color: transparent;
+  color: #2196F3;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #0d8aee;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #2196F3;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #2196F3;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #2196F3;
+}
+.btn-theme.btn-double {
+  border: 4px double #2196F3;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #2196F3;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -moz-border-radius: 50% 50% 50% 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #0c7cd5;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover, .btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after, .btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #0c7cd5;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover, .btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after, .btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #0c7cd5;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #0c7cd5;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #0c7cd5;
+  opacity: 0;
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #2196F3;
+  box-shadow: 0 6px #0c7cd5;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #0c7cd5;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #0c7cd5;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #2196F3;
+  box-shadow: 6px 0 #0c7cd5;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #0c7cd5;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #0c7cd5;
+  left: 6px;
+}
+
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme > .panel-heading {
+  background-color: #2196F3;
+  border: 1px solid #1c94f3;
+  color: white;
+}
+.panel-theme > .panel-heading .option .btn:hover {
+  background-color: #0d8aee;
+  color: white;
+}
+.panel-theme > .panel-heading .option .btn i {
+  color: white;
+}
+
+.panel-bg-theme .panel-body {
+  background-color: #2196F3;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #2196F3;
+}
+
+.progress-bar-theme {
+  background-color: #2196F3;
+}
+
+.fg-theme {
+  color: #2196F3 !important;
+}
+
+.nicescroll-rails div {
+  background-color: #2196F3 !important;
+}
+
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+
+.cal-month-box {
+  border-top: 7px solid #0c84e4 !important;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+
+.cal-row-head [class*="cal-cell1"], .cal-row-head [class*="cal-cell"] {
+  background-color: #2196F3;
+  color: #FFFFFF;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #39a1f4 #39a1f4 #0c84e4 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover, .cal-row-head [class*="cal-cell"]:hover {
+  background-color: #2196F3 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child, .cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #39a1f4 #39a1f4 #0c84e4 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child, .cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+
+#cal-day-panel {
+  border-top: 7px solid #0c84e4 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+
+.cal-day-today {
+  background-color: #2196F3 !important;
+}
+
+.cal-row-head + .cal-day-hour {
+  background-color: #0c84e4 !important;
+  color: #FFFFFF;
+}
+
+.bg-theme {
+  background-color: #2196F3 !important;
+  border: 1px solid #2196F3;
+  color: white;
+}
+.bg-theme a, .bg-theme i, .bg-theme span, .bg-theme small, .bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #0c7cd5;
+}
+
+#back-top:hover {
+  background: #2196F3;
+  box-shadow: 0 0 0 6px #FFFFFF;
+}
+
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #2196F3 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #0c7cd5 !important;
+}
+
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #2196F3 !important;
+  background-image: none !important;
+}
+
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #2196F3;
+}
+
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #2196F3;
+}
+
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #2196F3;
+}
+.datepicker table thead tr:last-child {
+  background-color: #0c7cd5;
+}
+.datepicker table thead tr th {
+  background-color: #2196F3;
+  border-color: #0d8aee #0d8aee #0c84e4;
+}
+.datepicker table thead tr .prev:hover, .datepicker table thead tr .switch:hover, .datepicker table thead tr .next:hover {
+  background-color: #0d8aee !important;
+}
+.datepicker table tbody tr td.active, .datepicker table tbody tr td.active:hover, .datepicker table tbody tr td.active:disabled, .datepicker table tbody tr td.active.disabled:hover {
+  background-color: #2196F3;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #2196F3;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #0c7cd5;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #2196F3;
+}
+
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #39a1f4 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #2196F3 !important;
+}
+.slider-theme #irs-active-slider, .slider-theme .irs-slider:hover {
+  background-color: #2196F3 !important;
+}
+.slider-theme .irs-from, .slider-theme .irs-to, .slider-theme .irs-single {
+  background-color: #2196F3 !important;
+}
+.slider-theme .irs-from:after, .slider-theme .irs-to:after, .slider-theme .irs-single:after {
+  border-top-color: #2196F3 !important;
+}
+.slider-theme .circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme .donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #2196F3;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/php.theme.css b/vendor/stylesheets/themes/php.theme.css
new file mode 100755
index 0000000..3d564b3
--- /dev/null
+++ b/vendor/stylesheets/themes/php.theme.css
@@ -0,0 +1,767 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #5a67a5;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #515d95;
+}
+#header .navbar-header {
+  background-color: #5a67a5;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #5a67a5;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #5a67a5;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #485284;
+  -moz-box-shadow: 0 0 0 5px #485284;
+  box-shadow: 0 0 0 5px #485284;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #5a67a5;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #5a67a5;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #5a67a5;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #5a67a5;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #5a67a5 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #5a67a5;
+  border-bottom: 1px solid #5a67a5;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #515d95;
+  border-bottom: 1px solid #515d95;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #5a67a5;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #515d95;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #485284;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #515d95;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #5a67a5;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #5a67a5;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #5a67a5;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #5a67a5;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #5865a2;
+}
+.sign-text:before {
+  background-color: #7b85b7;
+}
+.sign-header {
+  background-color: #5a67a5;
+  border-bottom: 10px solid #4d598e;
+}
+.sign-text span {
+  background-color: #5a67a5;
+}
+.sign-text img {
+  border: 7px solid #5a67a5;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #5a67a5;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #5a67a5;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #5a67a5;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #485284;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #5a67a5 !important;
+  border-right: 1px solid #5a67a5 !important;
+  border-bottom: 1px solid #5a67a5 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #5a67a5 !important;
+  border-none: 1px solid #5a67a5 !important;
+  border-bottom: 1px solid #5a67a5 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #5a67a5 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #5a67a5;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #5a67a5;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #5a67a5;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #485284;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #485284;
+  border: 1px solid #485284;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #5a67a5;
+  border: 1px solid #5a67a5;
+}
+.pager > li > a {
+  color: #485284;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #5a67a5;
+}
+.rating .star.active:before {
+  color: #5a67a5;
+}
+.rating .star.active ~ .star:before {
+  color: #5a67a5;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #5a67a5;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #5a67a5;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #515d95;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #5a67a5;
+  border-color: #5a67a5;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #5a67a5;
+  border-color: #5a67a5;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #5a67a5;
+  background-color: #5a67a5;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #5a67a5;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #5a67a5;
+  background-color: #5a67a5;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #5a67a5;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #5a67a5;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #5a67a5;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #5a67a5 !important;
+  border-color: #6a76ae #6a76ae #4d598e !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #858fbc !important;
+  color: white;
+  border-bottom: 1px solid #9ca4c9 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #5a67a5 !important;
+  border-color: #4d598e #6a76ae #6a76ae !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #5a67a5;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #9ca4c9 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #5a67a5;
+  border-color: #5a67a5;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #515d95;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #5a67a5;
+  border-color: #515d95;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #515d95;
+  border: 1px solid #5a67a5;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #485284;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #5a67a5;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #515d95;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #5a67a5;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #5a67a5;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #5a67a5;
+}
+.btn-theme.btn-double {
+  border: 4px double #5a67a5;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #5a67a5;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #485284;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #485284;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #485284;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #485284;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #485284;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #5a67a5;
+  box-shadow: 0 6px #485284;
+  -webkit-transition: none;
+  -moz-transition: none;
+  -ms-transition: none;
+  -o-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #485284;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #485284;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #5a67a5;
+  box-shadow: 6px 0 #485284;
+  -webkit-transition: none;
+  -moz-transition: none;
+  -ms-transition: none;
+  -o-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #485284;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #485284;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #5a67a5;
+  border: 1px solid #5865a2;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #515d95;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #5a67a5;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #5a67a5;
+}
+.progress-bar-theme {
+  background-color: #5a67a5;
+}
+.fg-theme {
+  color: #5a67a5 !important;
+}
+.nicescroll-rails div {
+  background-color: #5a67a5 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #4d598e !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #5a67a5;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #6a76ae #6a76ae #4d598e !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #5a67a5 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #6a76ae #6a76ae #4d598e !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #4d598e !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #5a67a5 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #4d598e !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #5a67a5 !important;
+  border: 1px solid #5a67a5;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #485284;
+}
+#back-top:hover {
+  background: #5a67a5;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #5a67a5 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #485284 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #5a67a5 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #5a67a5;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #5a67a5;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #5a67a5;
+}
+.datepicker table thead tr:last-child {
+  background-color: #485284;
+}
+.datepicker table thead tr th {
+  background-color: #5a67a5;
+  border-color: #515d95 #515d95 #4d598e;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #515d95 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #5a67a5;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #5a67a5;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #485284;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #5a67a5;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #6a76ae !important;
+}
+.slider-theme .irs-slider {
+  background-color: #5a67a5 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #5a67a5 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #5a67a5 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #5a67a5 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #5a67a5;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/purple-gray.theme.css b/vendor/stylesheets/themes/purple-gray.theme.css
new file mode 100755
index 0000000..1c6e468
--- /dev/null
+++ b/vendor/stylesheets/themes/purple-gray.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #af86b9;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #a476b0;
+}
+#header .navbar-header {
+  background-color: #af86b9;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #af86b9;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #af86b9;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #9a66a6;
+  -moz-box-shadow: 0 0 0 5px #9a66a6;
+  box-shadow: 0 0 0 5px #9a66a6;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #af86b9;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #af86b9;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #af86b9;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #af86b9;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #af86b9 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #af86b9;
+  border-bottom: 1px solid #af86b9;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #a476b0;
+  border-bottom: 1px solid #a476b0;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #af86b9;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #a476b0;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #9a66a6;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #a476b0;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #af86b9;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #af86b9;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #af86b9;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #af86b9;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #ad83b7;
+}
+.sign-text:before {
+  background-color: #c4a6cc;
+}
+.sign-header {
+  background-color: #af86b9;
+  border-bottom: 10px solid #a06fac;
+}
+.sign-text span {
+  background-color: #af86b9;
+}
+.sign-text img {
+  border: 7px solid #af86b9;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #af86b9;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #af86b9;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #af86b9;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #9a66a6;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #af86b9 !important;
+  border-right: 1px solid #af86b9 !important;
+  border-bottom: 1px solid #af86b9 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #af86b9 !important;
+  border-none: 1px solid #af86b9 !important;
+  border-bottom: 1px solid #af86b9 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #af86b9 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #af86b9;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #af86b9;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #af86b9;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #9a66a6;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #9a66a6;
+  border: 1px solid #9a66a6;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #af86b9;
+  border: 1px solid #af86b9;
+}
+.pager > li > a {
+  color: #9a66a6;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #af86b9;
+}
+.rating .star.active:before {
+  color: #af86b9;
+}
+.rating .star.active ~ .star:before {
+  color: #af86b9;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #af86b9;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #af86b9;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #a476b0;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #af86b9;
+  border-color: #af86b9;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #af86b9;
+  border-color: #af86b9;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #af86b9;
+  background-color: #af86b9;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #af86b9;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #af86b9;
+  background-color: #af86b9;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #af86b9;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #af86b9;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #af86b9;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #af86b9 !important;
+  border-color: #ba96c2 #ba96c2 #a06fac !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #cbb0d1 !important;
+  color: white;
+  border-bottom: 1px solid #dac7de !important;
+}
+.table-theme tfoot tr th {
+  background-color: #af86b9 !important;
+  border-color: #a06fac #ba96c2 #ba96c2 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #af86b9;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #dac7de !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #af86b9;
+  border-color: #af86b9;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #a476b0;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #af86b9;
+  border-color: #a476b0;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #a476b0;
+  border: 1px solid #af86b9;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #9a66a6;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #af86b9;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #a476b0;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #af86b9;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #af86b9;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #af86b9;
+}
+.btn-theme.btn-double {
+  border: 4px double #af86b9;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #af86b9;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #9a66a6;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #9a66a6;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #9a66a6;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #9a66a6;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #9a66a6;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #af86b9;
+  box-shadow: 0 6px #9a66a6;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #9a66a6;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #9a66a6;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #af86b9;
+  box-shadow: 6px 0 #9a66a6;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #9a66a6;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #9a66a6;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #af86b9;
+  border: 1px solid #ad83b7;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #a476b0;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #af86b9;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #af86b9;
+}
+.progress-bar-theme {
+  background-color: #af86b9;
+}
+.fg-theme {
+  color: #af86b9 !important;
+}
+.nicescroll-rails div {
+  background-color: #af86b9 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #a06fac !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #af86b9;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #ba96c2 #ba96c2 #a06fac !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #af86b9 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #ba96c2 #ba96c2 #a06fac !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #a06fac !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #af86b9 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #a06fac !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #af86b9 !important;
+  border: 1px solid #af86b9;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #9a66a6;
+}
+#back-top:hover {
+  background: #af86b9;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #af86b9 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #9a66a6 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #af86b9 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #af86b9;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #af86b9;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #af86b9;
+}
+.datepicker table thead tr:last-child {
+  background-color: #9a66a6;
+}
+.datepicker table thead tr th {
+  background-color: #af86b9;
+  border-color: #a476b0 #a476b0 #a06fac;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #a476b0 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #af86b9;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #af86b9;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #9a66a6;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #af86b9;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #ba96c2 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #af86b9 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #af86b9 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #af86b9 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #af86b9 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #af86b9;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/purple-wine.theme.css b/vendor/stylesheets/themes/purple-wine.theme.css
new file mode 100755
index 0000000..827804f
--- /dev/null
+++ b/vendor/stylesheets/themes/purple-wine.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #cc6788;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #c65479;
+}
+#header .navbar-header {
+  background-color: #cc6788;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #cc6788;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #cc6788;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #bf416a;
+  -moz-box-shadow: 0 0 0 5px #bf416a;
+  box-shadow: 0 0 0 5px #bf416a;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #cc6788;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #cc6788;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #cc6788;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #cc6788;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #cc6788 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #cc6788;
+  border-bottom: 1px solid #cc6788;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #c65479;
+  border-bottom: 1px solid #c65479;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #cc6788;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #c65479;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #bf416a;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #c65479;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #cc6788;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #cc6788;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #cc6788;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #cc6788;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #cb6385;
+}
+.sign-text:before {
+  background-color: #d98da6;
+}
+.sign-header {
+  background-color: #cc6788;
+  border-bottom: 10px solid #c34c73;
+}
+.sign-text span {
+  background-color: #cc6788;
+}
+.sign-text img {
+  border: 7px solid #cc6788;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #cc6788;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #cc6788;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #cc6788;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #bf416a;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #cc6788 !important;
+  border-right: 1px solid #cc6788 !important;
+  border-bottom: 1px solid #cc6788 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #cc6788 !important;
+  border-none: 1px solid #cc6788 !important;
+  border-bottom: 1px solid #cc6788 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #cc6788 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #cc6788;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #cc6788;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #cc6788;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #bf416a;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #bf416a;
+  border: 1px solid #bf416a;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #cc6788;
+  border: 1px solid #cc6788;
+}
+.pager > li > a {
+  color: #bf416a;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #cc6788;
+}
+.rating .star.active:before {
+  color: #cc6788;
+}
+.rating .star.active ~ .star:before {
+  color: #cc6788;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #cc6788;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #cc6788;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #c65479;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #cc6788;
+  border-color: #cc6788;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #cc6788;
+  border-color: #cc6788;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #cc6788;
+  background-color: #cc6788;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #cc6788;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #cc6788;
+  background-color: #cc6788;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #cc6788;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #cc6788;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #cc6788;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #cc6788 !important;
+  border-color: #d27a97 #d27a97 #c34c73 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #dd99af !important;
+  color: white;
+  border-bottom: 1px solid #e6b3c4 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #cc6788 !important;
+  border-color: #c34c73 #d27a97 #d27a97 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #cc6788;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #e6b3c4 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #cc6788;
+  border-color: #cc6788;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #c65479;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #cc6788;
+  border-color: #c65479;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #c65479;
+  border: 1px solid #cc6788;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #bf416a;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #cc6788;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #c65479;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #cc6788;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #cc6788;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #cc6788;
+}
+.btn-theme.btn-double {
+  border: 4px double #cc6788;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #cc6788;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #bf416a;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #bf416a;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #bf416a;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #bf416a;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #bf416a;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #cc6788;
+  box-shadow: 0 6px #bf416a;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #bf416a;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #bf416a;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #cc6788;
+  box-shadow: 6px 0 #bf416a;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #bf416a;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #bf416a;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #cc6788;
+  border: 1px solid #cb6385;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #c65479;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #cc6788;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #cc6788;
+}
+.progress-bar-theme {
+  background-color: #cc6788;
+}
+.fg-theme {
+  color: #cc6788 !important;
+}
+.nicescroll-rails div {
+  background-color: #cc6788 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #c34c73 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #cc6788;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #d27a97 #d27a97 #c34c73 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #cc6788 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #d27a97 #d27a97 #c34c73 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #c34c73 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #cc6788 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #c34c73 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #cc6788 !important;
+  border: 1px solid #cc6788;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #bf416a;
+}
+#back-top:hover {
+  background: #cc6788;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #cc6788 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #bf416a !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #cc6788 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #cc6788;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #cc6788;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #cc6788;
+}
+.datepicker table thead tr:last-child {
+  background-color: #bf416a;
+}
+.datepicker table thead tr th {
+  background-color: #cc6788;
+  border-color: #c65479 #c65479 #c34c73;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #c65479 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #cc6788;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #cc6788;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #bf416a;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #cc6788;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #d27a97 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #cc6788 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #cc6788 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #cc6788 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #cc6788 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #cc6788;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/purple.theme.css b/vendor/stylesheets/themes/purple.theme.css
new file mode 100755
index 0000000..8d3e2d1
--- /dev/null
+++ b/vendor/stylesheets/themes/purple.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #906094;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #815685;
+}
+#header .navbar-header {
+  background-color: #906094;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #906094;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #906094;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #724c75;
+  -moz-box-shadow: 0 0 0 5px #724c75;
+  box-shadow: 0 0 0 5px #724c75;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #906094;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #906094;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #906094;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #906094;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #906094 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #906094;
+  border-bottom: 1px solid #906094;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #815685;
+  border-bottom: 1px solid #815685;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #906094;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #815685;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #724c75;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #815685;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #906094;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #906094;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #906094;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #906094;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #8d5e91;
+}
+.sign-text:before {
+  background-color: #a77daa;
+}
+.sign-header {
+  background-color: #906094;
+  border-bottom: 10px solid #7b527e;
+}
+.sign-text span {
+  background-color: #906094;
+}
+.sign-text img {
+  border: 7px solid #906094;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #906094;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #906094;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #906094;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #724c75;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #906094 !important;
+  border-right: 1px solid #906094 !important;
+  border-bottom: 1px solid #906094 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #906094 !important;
+  border-none: 1px solid #906094 !important;
+  border-bottom: 1px solid #906094 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #906094 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #906094;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #906094;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #906094;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #724c75;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #724c75;
+  border: 1px solid #724c75;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #906094;
+  border: 1px solid #906094;
+}
+.pager > li > a {
+  color: #724c75;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #906094;
+}
+.rating .star.active:before {
+  color: #906094;
+}
+.rating .star.active ~ .star:before {
+  color: #906094;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #906094;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #906094;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #815685;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #906094;
+  border-color: #906094;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #906094;
+  border-color: #906094;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #906094;
+  background-color: #906094;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #906094;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #906094;
+  background-color: #906094;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #906094;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #906094;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #906094;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #906094 !important;
+  border-color: #9c6da0 #9c6da0 #7b527e !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #ad86b0 !important;
+  color: white;
+  border-bottom: 1px solid #bc9cbe !important;
+}
+.table-theme tfoot tr th {
+  background-color: #906094 !important;
+  border-color: #7b527e #9c6da0 #9c6da0 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #906094;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #bc9cbe !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #906094;
+  border-color: #906094;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #815685;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #906094;
+  border-color: #815685;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #815685;
+  border: 1px solid #906094;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #724c75;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #906094;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #815685;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #906094;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #906094;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #906094;
+}
+.btn-theme.btn-double {
+  border: 4px double #906094;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #906094;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #724c75;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #724c75;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #724c75;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #724c75;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #724c75;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #906094;
+  box-shadow: 0 6px #724c75;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #724c75;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #724c75;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #906094;
+  box-shadow: 6px 0 #724c75;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #724c75;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #724c75;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #906094;
+  border: 1px solid #8d5e91;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #815685;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #906094;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #906094;
+}
+.progress-bar-theme {
+  background-color: #906094;
+}
+.fg-theme {
+  color: #906094 !important;
+}
+.nicescroll-rails div {
+  background-color: #906094 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #7b527e !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #906094;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #9c6da0 #9c6da0 #7b527e !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #906094 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #9c6da0 #9c6da0 #7b527e !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #7b527e !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #906094 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #7b527e !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #906094 !important;
+  border: 1px solid #906094;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #724c75;
+}
+#back-top:hover {
+  background: #906094;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #906094 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #724c75 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #906094 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #906094;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #906094;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #906094;
+}
+.datepicker table thead tr:last-child {
+  background-color: #724c75;
+}
+.datepicker table thead tr th {
+  background-color: #906094;
+  border-color: #815685 #815685 #7b527e;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #815685 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #906094;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #906094;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #724c75;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #906094;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #9c6da0 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #906094 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #906094 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #906094 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #906094 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #906094;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/red.theme.css b/vendor/stylesheets/themes/red.theme.css
new file mode 100755
index 0000000..4c3e8b4
--- /dev/null
+++ b/vendor/stylesheets/themes/red.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #e9573f;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #e64328;
+}
+#header .navbar-header {
+  background-color: #e9573f;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #e9573f;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #e9573f;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #dc3519;
+  -moz-box-shadow: 0 0 0 5px #dc3519;
+  box-shadow: 0 0 0 5px #dc3519;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #e9573f;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #e9573f;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #e9573f;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #e9573f;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #e9573f !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #e9573f;
+  border-bottom: 1px solid #e9573f;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #e64328;
+  border-bottom: 1px solid #e64328;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #e9573f;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #e64328;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #dc3519;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #e64328;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #e9573f;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #e9573f;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #e9573f;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #e9573f;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #e8533a;
+}
+.sign-text:before {
+  background-color: #ee7f6d;
+}
+.sign-header {
+  background-color: #e9573f;
+  border-bottom: 10px solid #e53b1f;
+}
+.sign-text span {
+  background-color: #e9573f;
+}
+.sign-text img {
+  border: 7px solid #e9573f;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #e9573f;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #e9573f;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #e9573f;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #dc3519;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #e9573f !important;
+  border-right: 1px solid #e9573f !important;
+  border-bottom: 1px solid #e9573f !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #e9573f !important;
+  border-none: 1px solid #e9573f !important;
+  border-bottom: 1px solid #e9573f !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #e9573f !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #e9573f;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #e9573f;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #e9573f;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #dc3519;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #dc3519;
+  border: 1px solid #dc3519;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #e9573f;
+  border: 1px solid #e9573f;
+}
+.pager > li > a {
+  color: #dc3519;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #e9573f;
+}
+.rating .star.active:before {
+  color: #e9573f;
+}
+.rating .star.active ~ .star:before {
+  color: #e9573f;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #e9573f;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #e9573f;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #e64328;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #e9573f;
+  border-color: #e9573f;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #e9573f;
+  border-color: #e9573f;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #e9573f;
+  background-color: #e9573f;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #e9573f;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #e9573f;
+  background-color: #e9573f;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #e9573f;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #e9573f;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #e9573f;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #e9573f !important;
+  border-color: #ec6b56 #ec6b56 #e53b1f !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #f08b7a !important;
+  color: white;
+  border-bottom: 1px solid #f3a79b !important;
+}
+.table-theme tfoot tr th {
+  background-color: #e9573f !important;
+  border-color: #e53b1f #ec6b56 #ec6b56 !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #e9573f;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #f3a79b !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #e9573f;
+  border-color: #e9573f;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #e64328;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #e9573f;
+  border-color: #e64328;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #e64328;
+  border: 1px solid #e9573f;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #dc3519;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #e9573f;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #e64328;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #e9573f;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #e9573f;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #e9573f;
+}
+.btn-theme.btn-double {
+  border: 4px double #e9573f;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #e9573f;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #dc3519;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #dc3519;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #dc3519;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #dc3519;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #dc3519;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #e9573f;
+  box-shadow: 0 6px #dc3519;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #dc3519;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #dc3519;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #e9573f;
+  box-shadow: 6px 0 #dc3519;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #dc3519;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #dc3519;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #e9573f;
+  border: 1px solid #e8533a;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #e64328;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #e9573f;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #e9573f;
+}
+.progress-bar-theme {
+  background-color: #e9573f;
+}
+.fg-theme {
+  color: #e9573f !important;
+}
+.nicescroll-rails div {
+  background-color: #e9573f !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #e53b1f !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #e9573f;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #ec6b56 #ec6b56 #e53b1f !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #e9573f !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #ec6b56 #ec6b56 #e53b1f !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #e53b1f !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #e9573f !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #e53b1f !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #e9573f !important;
+  border: 1px solid #e9573f;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #dc3519;
+}
+#back-top:hover {
+  background: #e9573f;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #e9573f !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #dc3519 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #e9573f !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #e9573f;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #e9573f;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #e9573f;
+}
+.datepicker table thead tr:last-child {
+  background-color: #dc3519;
+}
+.datepicker table thead tr th {
+  background-color: #e9573f;
+  border-color: #e64328 #e64328 #e53b1f;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #e64328 !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #e9573f;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #e9573f;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #dc3519;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #e9573f;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #ec6b56 !important;
+}
+.slider-theme .irs-slider {
+  background-color: #e9573f !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #e9573f !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #e9573f !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #e9573f !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #e9573f;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/themes/yellow.theme.css b/vendor/stylesheets/themes/yellow.theme.css
new file mode 100755
index 0000000..1d825fb
--- /dev/null
+++ b/vendor/stylesheets/themes/yellow.theme.css
@@ -0,0 +1,763 @@
+/* ========================================================================
+ * TABLE OF CONTENTS
+ * ========================================================================
+ 
+ * ========================================================================
+ * LAYOUT
+ * ========================================================================
+   01. HEADER
+   02. SIDEBAR LEFT & RIGHT
+   03. PAGE CONTENT
+ * ========================================================================
+ 
+ * ========================================================================
+ * PAGES
+ * ========================================================================
+   01. SIGN
+   02. ERROR
+   03. INVOICE
+ * ========================================================================
+ 
+ * ========================================================================
+ * COMPONENT
+ * ========================================================================
+   01. RESET
+   02. PANEL
+   03. MEDIA MANAGER
+   04. PAGINATION
+   05. RATING STAR
+   06. DROPDOWN
+   07. LIST GROUP
+   08. FORM
+   09. TABLE
+   10. BUTTON
+   11. MISC
+ * ========================================================================
+ 
+ * ========================================================================
+ * PLUGINS
+ * ========================================================================
+   01. CHOSEN
+   02. DROPZONE
+   03. JPRELOADER
+   04. DATEPICKER
+   05. ION SLIDER
+ * ======================================================================== */
+/* ========================================================================
+ * HEADER
+ * ======================================================================== */
+body.page-sidebar-minimize #header .navbar-minimize > a {
+  background-color: #f6bb42;
+  color: #ffffff;
+}
+body.page-sidebar-minimize #header .navbar-minimize:hover > a {
+  background-color: #f5b22a;
+}
+#header .navbar-header {
+  background-color: #f6bb42;
+}
+/* ========================================================================
+ * SIDEBAR LEFT & RIGHT
+ * ======================================================================== */
+#sidebar-left.sidebar-box .sidebar-content img,
+#sidebar-left.sidebar-rounded .sidebar-content img,
+#sidebar-left.sidebar-circle .sidebar-content img {
+  border: 2px solid #f6bb42;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
+#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
+  background-color: #f6bb42;
+}
+#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
+#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
+  -webkit-box-shadow: 0 0 0 5px #f4a911;
+  -moz-box-shadow: 0 0 0 5px #f4a911;
+  box-shadow: 0 0 0 5px #f4a911;
+}
+#sidebar-left .sidebar-menu ul li:hover:after {
+  background-color: #f6bb42;
+}
+#sidebar-left .sidebar-menu ul li:hover a:before {
+  color: #f6bb42;
+}
+#sidebar-left .sidebar-menu ul li.active:after {
+  background-color: #f6bb42;
+}
+#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
+  color: #f6bb42;
+}
+/* ========================================================================
+ * PAGE CONTENT
+ * ======================================================================== */
+body.page-sidebar-minimize .navbar-minimize,
+body.page-sidebar-minimize-auto .navbar-minimize {
+  border-right: 1px solid #f6bb42 !important;
+}
+body.page-sidebar-minimize .navbar-minimize a,
+body.page-sidebar-minimize-auto .navbar-minimize a {
+  background-color: #f6bb42;
+  border-bottom: 1px solid #f6bb42;
+}
+body.page-sidebar-minimize .navbar-minimize a:hover,
+body.page-sidebar-minimize-auto .navbar-minimize a:hover {
+  background-color: #f5b22a;
+  border-bottom: 1px solid #f5b22a;
+}
+body.page-sidebar-minimize .navbar-minimize a i,
+body.page-sidebar-minimize-auto .navbar-minimize a i {
+  color: #ffffff;
+}
+.navbar-minimize-mobile {
+  background-color: #f6bb42;
+}
+.navbar-minimize-mobile:hover {
+  background-color: #f5b22a;
+}
+@media (max-width: 768px) {
+  body.page-sidebar-left-show .navbar-minimize-mobile,
+  body.page-sidebar-right-show .navbar-minimize-mobile {
+    background-color: #f4a911;
+  }
+  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
+  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
+    background-color: #f5b22a;
+  }
+}
+.navbar-toolbar .navbar-form input:focus {
+  border: 1px solid #f6bb42;
+}
+.navbar-toolbar .navbar-form .btn-focus {
+  background-color: #f6bb42;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+}
+.navbar-toolbar .navbar-right .dropdown > a:focus > i {
+  color: #f6bb42;
+}
+/* ========================================================================
+ * SIGN
+ * ======================================================================== */
+.sign-wrapper a {
+  color: #f6bb42;
+}
+.sign-wrapper a:hover,
+.sign-wrapper a:focus,
+.sign-wrapper a:active {
+  color: #f6b93d;
+}
+.sign-text:before {
+  background-color: #f8cd73;
+}
+.sign-header {
+  background-color: #f6bb42;
+  border-bottom: 10px solid #f4af20;
+}
+.sign-text span {
+  background-color: #f6bb42;
+}
+.sign-text img {
+  border: 7px solid #f6bb42;
+}
+/* ========================================================================
+ * ERROR
+ * ======================================================================== */
+.error-wrapper h1 {
+  color: #f6bb42;
+}
+/* ========================================================================
+ * INVOICE
+ * ======================================================================== */
+.product-num {
+  background-color: #f6bb42;
+}
+/* ========================================================================
+ * RESET
+ * ======================================================================== */
+a {
+  color: #f6bb42;
+}
+a:hover,
+a:active,
+a:focus {
+  color: #f4a911;
+}
+input.no-border-left:focus,
+textarea.no-border-left:focus {
+  border-top: 1px solid #f6bb42 !important;
+  border-right: 1px solid #f6bb42 !important;
+  border-bottom: 1px solid #f6bb42 !important;
+  border-left: none !important;
+}
+input.no-border-right:focus,
+textarea.no-border-right:focus {
+  border-top: 1px solid #f6bb42 !important;
+  border-none: 1px solid #f6bb42 !important;
+  border-bottom: 1px solid #f6bb42 !important;
+  border-right: none !important;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #f6bb42 !important;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-tab .panel-heading ul li.active a i {
+  color: #f6bb42;
+}
+.panel-tab .panel-heading ul li a:hover i {
+  color: #f6bb42;
+}
+/* ========================================================================
+ * MEDIA MANAGER
+ * ======================================================================== */
+.media-manager .media-manager-options .filter-type a.active {
+  color: #f6bb42;
+}
+/* ========================================================================
+ * PAGINATION
+ * ======================================================================== */
+.pagination > li > a {
+  color: #f4a911;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+  background-color: #f4a911;
+  border: 1px solid #f4a911;
+}
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  background-color: #f6bb42;
+  border: 1px solid #f6bb42;
+}
+.pager > li > a {
+  color: #f4a911;
+}
+/* ========================================================================
+ * RATING STAR
+ * ======================================================================== */
+.rating .star:hover:before {
+  color: #f6bb42;
+}
+.rating .star.active:before {
+  color: #f6bb42;
+}
+.rating .star.active ~ .star:before {
+  color: #f6bb42;
+}
+/* ========================================================================
+ * DROPDOWN
+ * ======================================================================== */
+.dropdown-menu li {
+  position: relative;
+}
+.dropdown-menu li.active a {
+  background-color: #f6bb42;
+}
+.dropdown-menu li.active:hover a,
+.dropdown-menu li.active:focus a,
+.dropdown-menu li.active:active a {
+  background-color: #f6bb42;
+  cursor: default;
+}
+.dropdown-menu li > a:hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+  border-left: 3px solid #f5b22a;
+}
+/* ========================================================================
+ * LIST GROUP
+ * ======================================================================== */
+a.list-group-item.active {
+  background-color: #f6bb42;
+  border-color: #f6bb42;
+}
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  background-color: #f6bb42;
+  border-color: #f6bb42;
+}
+/* ========================================================================
+ * FORM
+ * ======================================================================== */
+.ckbox-theme input[type=checkbox]:checked + label::after {
+  border-color: #f6bb42;
+  background-color: #f6bb42;
+}
+.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
+  border-color: #f6bb42;
+  opacity: .5;
+}
+.rdio-theme input[type=radio]:checked + label::after {
+  border-color: #f6bb42;
+  background-color: #f6bb42;
+}
+.rdio-theme input[type=radio][disabled]:checked + label::after {
+  border-color: #f6bb42;
+  opacity: .5;
+}
+.form-control:focus {
+  border: 1px solid #f6bb42;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.form-focus {
+  border: 1px solid #f6bb42;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* ========================================================================
+ * TABLE
+ * ======================================================================== */
+.table-theme thead tr th {
+  background-color: #f6bb42 !important;
+  border-color: #f7c45a #f7c45a #f4af20 !important;
+  color: #fff;
+}
+.table-theme tbody tr td.sorting_1 {
+  background: #f9d281 !important;
+  color: white;
+  border-bottom: 1px solid #fbdea3 !important;
+}
+.table-theme tfoot tr th {
+  background-color: #f6bb42 !important;
+  border-color: #f4af20 #f7c45a #f7c45a !important;
+  color: #fff;
+}
+.table-theme.table-bordered {
+  border: 1px solid #f6bb42;
+}
+.table-theme.table-bordered thead tr th:first-child,
+.table-theme.table-bordered tfoot tr th:first-child,
+.table-theme.table-bordered thead tr th:last-child,
+.table-theme.table-bordered tfoot tr th:last-child {
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+.table-theme.table-bordered tbody tr td.sorting_1 {
+  border-right: 1px solid #fbdea3 !important;
+}
+.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
+  color: white;
+}
+.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
+  color: white;
+}
+/* ========================================================================
+ * BUTTON
+ * ======================================================================== */
+.btn-theme {
+  background-color: #f6bb42;
+  border-color: #f6bb42;
+  color: white;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.btn-theme[disabled],
+.btn-theme.disabled {
+  background-color: #f5b22a;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.dropdown-toggle.btn-theme {
+  background-color: #f6bb42;
+  border-color: #f5b22a;
+  color: white;
+}
+.btn-theme.btn-alt {
+  background-color: #f5b22a;
+  border: 1px solid #f6bb42;
+}
+.btn-theme.btn-alt:hover {
+  background-color: #f4a911;
+}
+.btn-theme.btn-stroke {
+  border: 1px double #f6bb42;
+  background-color: transparent;
+  color: #999;
+}
+.btn-theme.btn-stroke:hover {
+  background-color: #f5b22a;
+  border-color: transparent;
+  color: white;
+}
+.btn-theme.btn-solid {
+  border: 1px solid #f6bb42;
+}
+.btn-theme.btn-dashed {
+  border: 1px dashed #f6bb42;
+}
+.btn-theme.btn-dotted {
+  border: 1px dotted #f6bb42;
+}
+.btn-theme.btn-double {
+  border: 4px double #f6bb42;
+}
+.btn-theme.btn-inset {
+  border: 4px inset #f6bb42;
+}
+.btn-theme.btn-circle {
+  padding-left: 0;
+  padding-right: 0;
+  width: 34px;
+  -webkit-border-radius: 50% 50% 50% 50%;
+  -moz-border-radius: 50% 50% 50% 50%;
+  border-radius: 50% 50% 50% 50%;
+}
+.btn-theme.btn-slidedown:after {
+  width: 100%;
+  height: 0;
+  top: 0;
+  left: 0;
+  background-color: #f4a911;
+  z-index: -1;
+}
+.btn-theme.btn-slidedown:hover,
+.btn-theme.btn-slidedown:active {
+  color: white;
+}
+.btn-theme.btn-slidedown:hover:after,
+.btn-theme.btn-slidedown:active:after {
+  height: 100%;
+}
+.btn-theme.btn-slideright:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: #f4a911;
+  z-index: -1;
+}
+.btn-theme.btn-slideright:hover,
+.btn-theme.btn-slideright:active {
+  color: white;
+}
+.btn-theme.btn-slideright:hover:after,
+.btn-theme.btn-slideright:active:after {
+  width: 100%;
+}
+.btn-theme.btn-expand:after {
+  width: 0;
+  height: 103%;
+  top: 50%;
+  left: 50%;
+  background-color: #f4a911;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-expand:hover:after {
+  width: 90%;
+  opacity: 1;
+}
+.btn-theme.btn-expand:active:after {
+  width: 101%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate {
+  overflow: hidden;
+}
+.btn-theme.btn-rotate:after {
+  width: 100%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #f4a911;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+.btn-theme.btn-rotate:hover:after {
+  height: 260%;
+  opacity: 1;
+}
+.btn-theme.btn-rotate:active:after {
+  height: 400%;
+  opacity: 1;
+}
+.btn-theme.btn-open {
+  overflow: hidden;
+}
+.btn-theme.btn-open:after {
+  width: 101%;
+  height: 0;
+  top: 50%;
+  left: 50%;
+  background-color: #f4a911;
+  opacity: 0;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+.btn-theme.btn-open:hover:after {
+  height: 75%;
+  opacity: 1;
+}
+.btn-theme.btn-open:active:after {
+  height: 130%;
+  opacity: 1;
+}
+.btn-theme.btn-push {
+  background: #f6bb42;
+  box-shadow: 0 6px #f4a911;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-push:hover {
+  box-shadow: 0 4px #f4a911;
+  top: 2px;
+}
+.btn-theme.btn-push:active {
+  box-shadow: 0 0 #f4a911;
+  top: 6px;
+}
+.btn-theme.btn-pushright {
+  background: #f6bb42;
+  box-shadow: 6px 0 #f4a911;
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+.btn-theme.btn-pushright:hover {
+  box-shadow: 4px 0 #f4a911;
+  left: 2px;
+}
+.btn-theme.btn-pushright:active {
+  box-shadow: 0 0 #f4a911;
+  left: 6px;
+}
+/* ========================================================================
+ * PANEL
+ * ======================================================================== */
+.panel-theme .panel-heading {
+  background-color: #f6bb42;
+  border: 1px solid #f6b93d;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn:hover {
+  background-color: #f5b22a;
+  color: white;
+}
+.panel-theme .panel-heading .option .btn i {
+  color: white;
+}
+.panel-bg-theme .panel-body {
+  background-color: #f6bb42;
+  color: white;
+}
+.panel-bg-theme .panel-body .text-muted {
+  color: #f2f2f2;
+}
+/* ========================================================================
+ * MISC
+ * ======================================================================== */
+.img-bordered-theme {
+  border: 2px solid #f6bb42;
+}
+.progress-bar-theme {
+  background-color: #f6bb42;
+}
+.fg-theme {
+  color: #f6bb42 !important;
+}
+.nicescroll-rails div {
+  background-color: #f6bb42 !important;
+}
+.sidebar .nicescroll-rails div {
+  background-color: #323232 !important;
+}
+.cal-month-box {
+  border-top: 7px solid #f4af20 !important;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+.cal-row-head [class*="cal-cell1"],
+.cal-row-head [class*="cal-cell"] {
+  background-color: #f6bb42;
+  color: #ffffff;
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #f7c45a #f7c45a #f4af20 !important;
+  border-left: none !important;
+}
+.cal-row-head [class*="cal-cell1"]:hover,
+.cal-row-head [class*="cal-cell"]:hover {
+  background-color: #f6bb42 !important;
+}
+.cal-row-head [class*="cal-cell1"]:first-child,
+.cal-row-head [class*="cal-cell"]:first-child {
+  border-width: 0px 1px 0px !important;
+  border-style: solid;
+  border-color: #f7c45a #f7c45a #f4af20 !important;
+}
+.cal-row-head [class*="cal-cell1"]:last-child,
+.cal-row-head [class*="cal-cell"]:last-child {
+  border-right: none !important;
+}
+#cal-day-panel {
+  border-top: 7px solid #f4af20 !important;
+  background-color: rgba(255, 255, 255, 0.28);
+}
+.cal-day-today {
+  background-color: #f6bb42 !important;
+}
+.cal-row-head + .cal-day-hour {
+  background-color: #f4af20 !important;
+  color: #ffffff;
+}
+.bg-theme {
+  background-color: #f6bb42 !important;
+  border: 1px solid #f6bb42;
+  color: white;
+}
+.bg-theme a,
+.bg-theme i,
+.bg-theme span,
+.bg-theme small,
+.bg-theme p {
+  color: white;
+}
+.bg-theme .flot-tick-label.tickLabel {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bg-theme .morris-hover-row-label {
+  background-color: #f4a911;
+}
+#back-top:hover {
+  background: #f6bb42;
+  box-shadow: 0 0 0 6px #ffffff;
+}
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background: #f6bb42 !important;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+  background: #f4a911 !important;
+}
+/* ========================================================================
+ * CHOSEN
+ * ======================================================================== */
+.chosen-container .chosen-results li.highlighted {
+  background-color: #f6bb42 !important;
+  background-image: none !important;
+}
+/* ========================================================================
+ * DROPZONE
+ * ======================================================================== */
+.dz-file-preview .dz-details:before {
+  color: #f6bb42;
+}
+/* ========================================================================
+ * JPRELOADER
+ * ======================================================================== */
+#jpreBar {
+  background-color: #f6bb42;
+}
+/* ========================================================================
+ * DATEPICKER
+ * ======================================================================== */
+.datepicker table thead tr:first-child {
+  background-color: #f6bb42;
+}
+.datepicker table thead tr:last-child {
+  background-color: #f4a911;
+}
+.datepicker table thead tr th {
+  background-color: #f6bb42;
+  border-color: #f5b22a #f5b22a #f4af20;
+}
+.datepicker table thead tr .prev:hover,
+.datepicker table thead tr .switch:hover,
+.datepicker table thead tr .next:hover {
+  background-color: #f5b22a !important;
+}
+.datepicker table tbody tr td.active,
+.datepicker table tbody tr td.active:hover,
+.datepicker table tbody tr td.active:disabled,
+.datepicker table tbody tr td.active.disabled:hover {
+  background-color: #f6bb42;
+}
+.datepicker table tbody tr td.active.active {
+  background-color: #f6bb42;
+}
+.datepicker table tbody tr td.active.active:hover {
+  background-color: #f4a911;
+}
+.datepicker .icon-arrow-left:before {
+  font-family: "FontAwesome";
+  content: "\f104";
+}
+.datepicker .icon-arrow-right:before {
+  font-family: "FontAwesome";
+  content: "\f105";
+}
+.datepicker-dropdown:after {
+  border-bottom: 6px solid #f6bb42;
+}
+/* ========================================================================
+ * ION SLIDER
+ * ======================================================================== */
+.slider-theme .irs-diapason {
+  background-color: #f7c45a !important;
+}
+.slider-theme .irs-slider {
+  background-color: #f6bb42 !important;
+}
+.slider-theme #irs-active-slider,
+.slider-theme .irs-slider:hover {
+  background-color: #f6bb42 !important;
+}
+.slider-theme .irs-from,
+.slider-theme .irs-to,
+.slider-theme .irs-single {
+  background-color: #f6bb42 !important;
+}
+.slider-theme .irs-from:after,
+.slider-theme .irs-to:after,
+.slider-theme .irs-single:after {
+  border-top-color: #f6bb42 !important;
+}
+.slider-theme.circle .irs-slider {
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+.slider-theme.donut .irs-slider {
+  background: #e1e4e9 !important;
+  top: 21px;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 4px solid #f6bb42;
+  margin-left: -3px;
+}
diff --git a/vendor/stylesheets/wysiwyg-color.css b/vendor/stylesheets/wysiwyg-color.css
new file mode 100755
index 0000000..2ddc741
--- /dev/null
+++ b/vendor/stylesheets/wysiwyg-color.css
@@ -0,0 +1,67 @@
+.wysiwyg-color-black {
+  color: black;
+}
+
+.wysiwyg-color-silver {
+  color: silver;
+}
+
+.wysiwyg-color-gray {
+  color: gray;
+}
+
+.wysiwyg-color-white {
+  color: white;
+}
+
+.wysiwyg-color-maroon {
+  color: maroon;
+}
+
+.wysiwyg-color-red {
+  color: red;
+}
+
+.wysiwyg-color-purple {
+  color: purple;
+}
+
+.wysiwyg-color-fuchsia {
+  color: fuchsia;
+}
+
+.wysiwyg-color-green {
+  color: green;
+}
+
+.wysiwyg-color-lime {
+  color: lime;
+}
+
+.wysiwyg-color-olive {
+  color: olive;
+}
+
+.wysiwyg-color-yellow {
+  color: yellow;
+}
+
+.wysiwyg-color-navy {
+  color: navy;
+}
+
+.wysiwyg-color-blue {
+  color: blue;
+}
+
+.wysiwyg-color-teal {
+  color: teal;
+}
+
+.wysiwyg-color-aqua {
+  color: aqua;
+}
+
+.wysiwyg-color-orange {
+  color: orange;
+}
\ No newline at end of file