fleetio_spark 0.1.0

data/app/helpers/spark/tag_helper.rb

@@ -0,0 +1,27 @@
+module Spark
+  module TagHelper 
+    
+    # Takes an options hash, appends classnames (array or string)
+    def add_class( options, classnames )
+      options = options.stringify_keys
+      options['class'] = ([options['class']].flatten | [classnames].flatten).compact
+      options
+    end
+
+    def select_input_tag( name, option_tags=nil, options={}, &block )
+      if option_tags.is_a? Hash
+        options = option_tags
+        option_tags = nil
+      end
+
+      option_tags ||= capture( &block ).html_safe if block_given?
+
+      input_tag( :select, name, option_tags, options )
+    end
+
+    def search_input_tag( name, value = nil, options = {}, &block )
+      input_tag( :search, name, value, options, &block )
+    end
+
+  end
+end

data/app/helpers/spark/trial_helper.rb

@@ -0,0 +1,23 @@
+module Spark
+  module TrialHelper 
+    def trialing( end_date, url, options={} )
+
+      options[:class] = 'trial-status'
+
+      days = [0, ( end_date.to_date - Date.current ).to_i].max
+      text = %Q{#{pluralize(days, 'day')} left in trial}
+
+      if days < 1
+        options[:class] += ' trial-ended'
+      elsif days < 5
+        options[:class] += ' trial-ending-soon'
+      end
+
+      content_tag( :div, options ) do
+        concat content_tag( :span, class: 'trial-status-text' ) { text }
+        concat " "
+        concat link_to "Upgrade", url, class: 'trial-status-link'
+      end
+    end
+  end
+end

data/app/views/layouts/spark/application.html.slim

@@ -0,0 +1,28 @@
+doctype html
+- body_classes ||= []
+
+html#ng-app class='ng-app:app' ng-app="app" xmlns:ng="http://angularjs.org"
+  head
+    meta charset="utf-8"
+    meta http-equiv="X-UA-Compatible" content="IE=edge"
+    meta name="HandheldFriendly" content="True"
+    meta name="viewport" content="width=device-width, initial-scale=1.0"
+    = csrf_meta_tags
+    = yield :stylesheets
+    = yield :head
+    script
+      |console.log("FleetioSpark: v#{FleetioSpark::VERSION}")
+
+  body class=body_classes.join(' ')
+    = yield :body_start
+
+    main.main-container *ng_attrs
+      = yield :main_start
+      .container-fluid
+        = yield :container_start
+
+        = yield
+
+    = yield :body_end
+    / Spark and app javascripts
+    = yield :javascripts

data/app/views/layouts/spark/blank.html.slim

@@ -0,0 +1,9 @@
+doctype html
+- body_classes ||= []
+html#ng-app class='ng-app:app' ng-app="app" xmlns:ng="http://angularjs.org"
+  head
+    = yield :stylesheets
+    = yield :head
+    = javascript_tag "spark"
+    script
+      |console.log("FleetioSpark: v#{FleetioSpark::VERSION}")

data/app/views/layouts/spark/default.html.slim

@@ -0,0 +1,13 @@
+doctype html
+html#ng-app ng-app="app" class="ng-app:app" xmlns:ng="http://angularjs.org"
+  head
+    = csrf_meta_tags
+    = yield :stylesheets
+    = yield :head
+  body class=body_class
+    = svg_symbols
+
+    = yield
+
+    = javascript_tag "spark"
+    = yield :javascripts

data/config/autoprefixer.yml

@@ -0,0 +1,4 @@
+browsers:
+  - "> 1%"
+  - "last 2 versions"
+  - "IE > 9"

data/config/esvg.yml

@@ -0,0 +1,20 @@
+print: true
+sizes:
+  icon_xs:  { height: 10 }
+  icon_s:   { height: 14 }
+  icon_m:   { height: 16 }
+  icon_l:   { height: 18 }
+  icon_xl:  { height: 24 }
+  icon_xxl: { height: 32 }
+
+presets:
+  icon: 
+    class: icon
+    height: 10
+  nav_icon:
+    height: 18px
+  sidebar_icon:
+    height: 18px
+    class: 'sidebar-icon'
+
+class: 'icon'

data/lib/fleetio_spark.rb

@@ -0,0 +1,14 @@
+require 'spark_engine'
+require 'fleetio_spark/version'
+require 'fleetio_spark/helper'
+require 'slim-rails'
+
+module FleetioSpark
+  class Plugin < SparkEngine::Plugin
+  end
+end
+
+SparkEngine.register(FleetioSpark::Plugin, {
+  gem: 'fleetio_spark',
+  engine: 'spark'
+})

data/lib/fleetio_spark/helper.rb

@@ -0,0 +1,163 @@
+require 'block_helpers'
+
+module Spark
+  class Helper < BlockHelpers::Base
+  end
+
+  module Helpers
+    extend self
+
+    # Move top level keys under data:
+    def set_data_keys( options={}, tl_keys=[] )
+      tl_keys = tl_keys.split(' ') if tl_keys.is_a? String
+      tl_keys = tl_keys | DEFAULT_DATA_KEYS
+      sub_key options, tl_keys, 'data'
+    end
+
+    # Convert aria: { key: val } to 'aria-key' => val
+    def set_aria_keys( options, tl_keys=[] )
+
+      # Add 'aria' parent to passed top level keys
+      tl_keys = tl_keys.split(' ') if tl_keys.is_a? String
+      tl_keys = tl_keys | DEFAULT_ARIA_KEYS
+
+      options = sub_key options, tl_keys, 'aria'
+      opts = {}
+
+      options['aria'].each do |key, val|
+        opts["aria-#{key}"] = val
+      end
+
+      options.delete 'aria'
+      options.merge! opts
+
+      options
+    end
+
+    # Move top level keys under new parent key
+    def sub_key(options, tl_keys, parent)
+      options = dasherize_keys( options )
+      tl_keys = tl_keys.split(' ') if tl_keys.is_a? String
+
+      parent = parent.to_s if parent.is_a?( Symbol ) 
+      options[parent] ||= {}
+
+      new_hash = {}
+
+      # Look through option keys and reparent keys which match dasherized search keys
+      options.each do |k,v|
+        new_hash[dasherize k] = options.delete k if tl_keys.include? dasherize k
+      end
+
+      options[parent].merge! new_hash
+      options
+
+    end
+
+    def set_type_defaults( type, options={} )
+      ( INPUT_OPTIONS[type] || {} ).deep_merge options
+    end
+
+    def dasherize_keys(obj)
+      obj.deep_transform_keys{ |key| dasherize(key.to_s) }
+    end
+
+    def dasherize(input)
+      input.gsub(/[\W,_]/, '-').gsub(/-{2,}/, '-')
+    end
+
+  end
+
+  DEFAULT_DATA_KEYS = %w(toggle show hide show-menu show-panel show-dialog stack stack-nav)
+  DEFAULT_ARIA_KEYS = %w(haspopup expanded)
+
+  INPUT_OPTIONS = {
+    email: {
+      type: "email",
+      placeholder: "Email address",
+      pattern: "[^@]+@[^@]+\\.[a-zA-Z]{2,}",
+      autocorrect: "off",
+      autocapitalize: "off",
+      spellcheck: "false",
+      data: { message: "Please enter a valid email address." }
+    },
+
+    password: {
+      type: "password",
+      placeholder: "Password"
+    },
+
+    text: {
+      type: "text"
+    },
+
+    search: {
+      autocorrect: "off",
+      role: "search",
+      type: "text"
+    },
+
+    number: {
+      type: "number",
+      step: "any"
+    },
+
+    tel: {
+      type: "tel",
+      placeholder: "Phone number"
+    },
+
+    url: {
+      type: "text",
+      placeholder: "Web address",
+      autocorrect: "off",
+      autocapitalize: "off",
+      spellcheck: "false",
+      pattern: ".+\\.[a-zA-Z]{2,}"
+    },
+
+    card_number: {
+      type: "text",
+      required: true,
+      pattern: "[0-9 -]{13,20}",
+      placeholder: "Credit Card Number",
+      data: {
+        stripe: "number",
+        message: "Please enter a valid credit card number."
+      }
+    },
+
+    card_month: {
+      type: "text",
+      required: true,
+      pattern: "0[1-9]|1[012]",
+      placeholder: "MM",
+      data: {
+        stripe: "exp_month",
+        message: "Please enter a valid expiration month."
+      }
+    },
+
+    card_year: {
+      type: "text",
+      required: true,
+      pattern: "[0-9]{4}",
+      placeholder: "YYYY",
+      data: {
+        stripe: "exp_year",
+        message: "Please enter a valid expiration year."
+      }
+    },
+
+    card_cvc: {
+      type: "text",
+      required: true,
+      pattern: "[0-9]{3,4}",
+      placeholder: "CVC",
+      data: {
+        stripe: "cvc",
+        message: "Please enter a valid security code."
+      }
+    }
+  }
+end

data/lib/fleetio_spark/version.rb

@@ -0,0 +1,3 @@
+module FleetioSpark
+  VERSION = "0.1.0"
+end

data/public/spark-0.1.0.css

@@ -0,0 +1,1442 @@
+.inline-icon {
+  position: relative;
+  height: 1em;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex; }
+.inline-icon svg {
+  position: relative;
+  bottom: -0.125em;
+  width: auto; }
+
+svg {
+  fill: currentColor; }
+
+*, *:after, *:before {
+  margin: 0;
+  padding: 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; }
+
+.hidden {
+  display: none; }
+
+.app-layout {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  width: 100%;
+  position: relative; }
+.app-layout main {
+  min-height: 100vh; }
+
+@media all and (min-width: 1000px) {
+  .app-layout {
+    margin-left: 250px; }
+  .app-layout .app-nav-header {
+    left: 250px; }
+  .app-layout .sidebar-nav {
+    z-index: 1050; }
+  .app-layout .hide-sidebar .app-layout {
+    margin-left: 0; }
+  .app-layout .hide-sidebar .app-nav-header {
+    left: 0; }
+  .app-layout .hide-sidebar .sidebar-nav {
+    z-index: -1; } }
+
+.app-container {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  position: relative;
+  padding-top: 60px;
+  background-color: #F6F7F7; }
+
+body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  min-height: 100%; }
+
+@-webkit-keyframes fade-in {
+  0% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@keyframes fade-in {
+  0% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes fade-out {
+  0% {
+    opacity: 1; }
+  100% {
+    opacity: 0; } }
+@keyframes fade-out {
+  0% {
+    opacity: 1; }
+  100% {
+    opacity: 0; } }
+@-webkit-keyframes slide-down {
+  0% {
+    -webkit-transform: translateY(-100%);
+            transform: translateY(-100%); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@keyframes slide-down {
+  0% {
+    -webkit-transform: translateY(-100%);
+            transform: translateY(-100%); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@-webkit-keyframes slide-bg-down {
+  0% {
+    background-position: left bottom; }
+  100% {
+    background-position: left top; } }
+@keyframes slide-bg-down {
+  0% {
+    background-position: left bottom; }
+  100% {
+    background-position: left top; } }
+@-webkit-keyframes slide-bg-up {
+  0% {
+    background-position: left top; }
+  100% {
+    background-position: left bottom; } }
+@keyframes slide-bg-up {
+  0% {
+    background-position: left top; }
+  100% {
+    background-position: left bottom; } }
+@-webkit-keyframes slide-up {
+  0% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); }
+  100% {
+    -webkit-transform: translateY(-100%);
+            transform: translateY(-100%); } }
+@keyframes slide-up {
+  0% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); }
+  100% {
+    -webkit-transform: translateY(-100%);
+            transform: translateY(-100%); } }
+@-webkit-keyframes modal-open {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.97) perspective(300px);
+            transform: scale(0.97) perspective(300px); }
+  20% {
+    opacity: 1; }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1) perspective(300px);
+            transform: scale(1) perspective(300px); } }
+@keyframes modal-open {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.97) perspective(300px);
+            transform: scale(0.97) perspective(300px); }
+  20% {
+    opacity: 1; }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1) perspective(300px);
+            transform: scale(1) perspective(300px); } }
+@-webkit-keyframes modal-close {
+  0% {
+    opacity: 1;
+    -webkit-transform: scale(1) perspective(300px);
+            transform: scale(1) perspective(300px); }
+  80% {
+    opacity: 0; }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.97) perspective(300px);
+            transform: scale(0.97) perspective(300px); } }
+@keyframes modal-close {
+  0% {
+    opacity: 1;
+    -webkit-transform: scale(1) perspective(300px);
+            transform: scale(1) perspective(300px); }
+  80% {
+    opacity: 0; }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.97) perspective(300px);
+            transform: scale(0.97) perspective(300px); } }
+@-webkit-keyframes dialog-open {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(-50px) scale(0.95) perspective(300px) rotateX(-3deg);
+            transform: translateY(-50px) scale(0.95) perspective(300px) rotateX(-3deg); }
+  20% {
+    opacity: 1; }
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0) scale(1) perspective(300px) rotateX(0);
+            transform: translateY(0) scale(1) perspective(300px) rotateX(0); } }
+@keyframes dialog-open {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(-50px) scale(0.95) perspective(300px) rotateX(-3deg);
+            transform: translateY(-50px) scale(0.95) perspective(300px) rotateX(-3deg); }
+  20% {
+    opacity: 1; }
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0) scale(1) perspective(300px) rotateX(0);
+            transform: translateY(0) scale(1) perspective(300px) rotateX(0); } }
+@-webkit-keyframes dialog-close {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0px) scale(1) perspective(300px) rotateX(0deg);
+            transform: translateY(0px) scale(1) perspective(300px) rotateX(0deg); }
+  80% {
+    opacity: 0; }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-50px) scale(0.95) perspective(300px) rotateX(-3deg);
+            transform: translateY(-50px) scale(0.95) perspective(300px) rotateX(-3deg); } }
+@keyframes dialog-close {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0px) scale(1) perspective(300px) rotateX(0deg);
+            transform: translateY(0px) scale(1) perspective(300px) rotateX(0deg); }
+  80% {
+    opacity: 0; }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-50px) scale(0.95) perspective(300px) rotateX(-3deg);
+            transform: translateY(-50px) scale(0.95) perspective(300px) rotateX(-3deg); } }
+@-webkit-keyframes fade-in-right {
+  0% {
+    opacity: 0;
+    -webkit-transform: perspective(1px) translate3d(200px, 0, 0);
+            transform: perspective(1px) translate3d(200px, 0, 0); }
+  100% {
+    opacity: 1;
+    -webkit-transform: perspective(1px) translate3d(0, 0, 0);
+            transform: perspective(1px) translate3d(0, 0, 0); } }
+@keyframes fade-in-right {
+  0% {
+    opacity: 0;
+    -webkit-transform: perspective(1px) translate3d(200px, 0, 0);
+            transform: perspective(1px) translate3d(200px, 0, 0); }
+  100% {
+    opacity: 1;
+    -webkit-transform: perspective(1px) translate3d(0, 0, 0);
+            transform: perspective(1px) translate3d(0, 0, 0); } }
+@-webkit-keyframes fade-out-left {
+  0% {
+    opacity: 1;
+    -webkit-transform: perspective(1px) translate3d(0, 0, 0);
+            transform: perspective(1px) translate3d(0, 0, 0); }
+  99% {
+    opacity: 0;
+    -webkit-transform: perspective(1px) translate3d(-200px, 0, 0);
+            transform: perspective(1px) translate3d(-200px, 0, 0); }
+  100% {
+    opacity: 0;
+    -webkit-transform: perspective(1px) translate3d(-9999px, 0, 0);
+            transform: perspective(1px) translate3d(-9999px, 0, 0); } }
+@keyframes fade-out-left {
+  0% {
+    opacity: 1;
+    -webkit-transform: perspective(1px) translate3d(0, 0, 0);
+            transform: perspective(1px) translate3d(0, 0, 0); }
+  99% {
+    opacity: 0;
+    -webkit-transform: perspective(1px) translate3d(-200px, 0, 0);
+            transform: perspective(1px) translate3d(-200px, 0, 0); }
+  100% {
+    opacity: 0;
+    -webkit-transform: perspective(1px) translate3d(-9999px, 0, 0);
+            transform: perspective(1px) translate3d(-9999px, 0, 0); } }
+@-webkit-keyframes fade-out-right {
+  0% {
+    opacity: 1;
+    -webkit-transform: perspective(1px) translate3d(0, 0, 0);
+            transform: perspective(1px) translate3d(0, 0, 0); }
+  99% {
+    opacity: 0;
+    -webkit-transform: perspective(1px) translate3d(200px, 0, 0);
+            transform: perspective(1px) translate3d(200px, 0, 0); }
+  100% {
+    opacity: 0;
+    -webkit-transform: perspective(1px) translate3d(9999px, 0, 0);
+            transform: perspective(1px) translate3d(9999px, 0, 0); } }
+@keyframes fade-out-right {
+  0% {
+    opacity: 1;
+    -webkit-transform: perspective(1px) translate3d(0, 0, 0);
+            transform: perspective(1px) translate3d(0, 0, 0); }
+  99% {
+    opacity: 0;
+    -webkit-transform: perspective(1px) translate3d(200px, 0, 0);
+            transform: perspective(1px) translate3d(200px, 0, 0); }
+  100% {
+    opacity: 0;
+    -webkit-transform: perspective(1px) translate3d(9999px, 0, 0);
+            transform: perspective(1px) translate3d(9999px, 0, 0); } }
+@-webkit-keyframes fade-in-left {
+  0% {
+    opacity: 0;
+    -webkit-transform: perspective(1px) translate3d(-200px, 0, 0);
+            transform: perspective(1px) translate3d(-200px, 0, 0); }
+  100% {
+    opacity: 1;
+    -webkit-transform: perspective(1px) translate3d(0, 0, 0);
+            transform: perspective(1px) translate3d(0, 0, 0); } }
+@keyframes fade-in-left {
+  0% {
+    opacity: 0;
+    -webkit-transform: perspective(1px) translate3d(-200px, 0, 0);
+            transform: perspective(1px) translate3d(-200px, 0, 0); }
+  100% {
+    opacity: 1;
+    -webkit-transform: perspective(1px) translate3d(0, 0, 0);
+            transform: perspective(1px) translate3d(0, 0, 0); } }
+body {
+  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-size: 14px;
+  line-height: 1.5; }
+
+.tick-input-label [type=checkbox], .tick-input-label [type=radio] {
+  position: absolute;
+  border: none;
+  cursor: pointer;
+  opacity: 0;
+  z-index: -1; }
+
+.switch-label, .tick-label {
+  pointer-events: none; }
+.switch-label *, .tick-label * {
+  pointer-events: all; }
+
+[class*=-input-label] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  position: relative;
+  -webkit-box-flex: 1;
+      -ms-flex: 1 0 auto;
+          flex: 1 0 auto;
+  -webkit-transition: background-color, -webkit-box-shadow;
+  transition: background-color, -webkit-box-shadow;
+  transition: box-shadow, background-color;
+  transition: box-shadow, background-color, -webkit-box-shadow;
+  -webkit-transition-duration: 0.2s;
+          transition-duration: 0.2s;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+[class*=-input-label] *, [class*=-input-label] *:before, [class*=-input-label] *:after {
+  -webkit-transition-duration: 0.2s;
+          transition-duration: 0.2s;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+[class*=-input-label] .input-label-text {
+  -webkit-transition-property: color, -webkit-box-shadow;
+  transition-property: color, -webkit-box-shadow;
+  transition-property: box-shadow, color;
+  transition-property: box-shadow, color, -webkit-box-shadow;
+  -webkit-transition-duration: 0.2s;
+          transition-duration: 0.2s;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  padding-bottom: .4em;
+  font-size: 1.1em;
+  font-weight: 500; }
+[class*=-input-label] .input-label-description {
+  color: #78858A;
+  font-size: 12px;
+  line-height: 1.3em;
+  padding-bottom: .8em; }
+[class*=-input-label] .input-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center; }
+[class*=-input-label] .input-container {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1; }
+
+[class*=-input-label] textarea, [class*=-input-label] input[type=url], [class*=-input-label] input[type=tel], [class*=-input-label] input[type=text], [class*=-input-label] input[type=email], [class*=-input-label] input[type=number], [class*=-input-label] input[type=password], [class*=-input-label] input[type=search] {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: none;
+  width: 100%;
+  background: none;
+  line-height: 1.4em;
+  padding: 8px 12px;
+  border-radius: 4px;
+  -webkit-transition: background-color, -webkit-box-shadow;
+  transition: background-color, -webkit-box-shadow;
+  transition: box-shadow, background-color;
+  transition: box-shadow, background-color, -webkit-box-shadow;
+  -webkit-transition-duration: 0.2s;
+          transition-duration: 0.2s;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+[class*=-input-label] textarea::-webkit-input-placeholder, [class*=-input-label] input[type=url]::-webkit-input-placeholder, [class*=-input-label] input[type=tel]::-webkit-input-placeholder, [class*=-input-label] input[type=text]::-webkit-input-placeholder, [class*=-input-label] input[type=email]::-webkit-input-placeholder, [class*=-input-label] input[type=number]::-webkit-input-placeholder, [class*=-input-label] input[type=password]::-webkit-input-placeholder, [class*=-input-label] input[type=search]::-webkit-input-placeholder {
+  color: #636F73;
+  -webkit-transition: color;
+  transition: color;
+  -webkit-transition-duration: 0.2s;
+          transition-duration: 0.2s;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+[class*=-input-label] textarea:-ms-input-placeholder, [class*=-input-label] input[type=url]:-ms-input-placeholder, [class*=-input-label] input[type=tel]:-ms-input-placeholder, [class*=-input-label] input[type=text]:-ms-input-placeholder, [class*=-input-label] input[type=email]:-ms-input-placeholder, [class*=-input-label] input[type=number]:-ms-input-placeholder, [class*=-input-label] input[type=password]:-ms-input-placeholder, [class*=-input-label] input[type=search]:-ms-input-placeholder {
+  color: #636F73;
+  -webkit-transition: color;
+  transition: color;
+  transition-duration: 0.2s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+[class*=-input-label] textarea::-ms-input-placeholder, [class*=-input-label] input[type=url]::-ms-input-placeholder, [class*=-input-label] input[type=tel]::-ms-input-placeholder, [class*=-input-label] input[type=text]::-ms-input-placeholder, [class*=-input-label] input[type=email]::-ms-input-placeholder, [class*=-input-label] input[type=number]::-ms-input-placeholder, [class*=-input-label] input[type=password]::-ms-input-placeholder, [class*=-input-label] input[type=search]::-ms-input-placeholder {
+  color: #636F73;
+  -webkit-transition: color;
+  transition: color;
+  transition-duration: 0.2s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+[class*=-input-label] textarea::placeholder, [class*=-input-label] input[type=url]::placeholder, [class*=-input-label] input[type=tel]::placeholder, [class*=-input-label] input[type=text]::placeholder, [class*=-input-label] input[type=email]::placeholder, [class*=-input-label] input[type=number]::placeholder, [class*=-input-label] input[type=password]::placeholder, [class*=-input-label] input[type=search]::placeholder {
+  color: #636F73;
+  -webkit-transition: color;
+  transition: color;
+  -webkit-transition-duration: 0.2s;
+          transition-duration: 0.2s;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+[class*=-input-label] textarea::-webkit-input-placeholder, [class*=-input-label] input[type=url]::-webkit-input-placeholder, [class*=-input-label] input[type=tel]::-webkit-input-placeholder, [class*=-input-label] input[type=text]::-webkit-input-placeholder, [class*=-input-label] input[type=email]::-webkit-input-placeholder, [class*=-input-label] input[type=number]::-webkit-input-placeholder, [class*=-input-label] input[type=password]::-webkit-input-placeholder, [class*=-input-label] input[type=search]::-webkit-input-placeholder {
+  color: #636F73;
+  -webkit-transition: color;
+  transition: color;
+  -webkit-transition-duration: 0.2s;
+          transition-duration: 0.2s;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+[class*=-input-label] textarea::-moz-placeholder, [class*=-input-label] input[type=url]::-moz-placeholder, [class*=-input-label] input[type=tel]::-moz-placeholder, [class*=-input-label] input[type=text]::-moz-placeholder, [class*=-input-label] input[type=email]::-moz-placeholder, [class*=-input-label] input[type=number]::-moz-placeholder, [class*=-input-label] input[type=password]::-moz-placeholder, [class*=-input-label] input[type=search]::-moz-placeholder {
+  color: #636F73;
+  -webkit-transition: color;
+  transition: color;
+  transition-duration: 0.2s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  opacity: 1; }
+[class*=-input-label] textarea:-moz-placeholder, [class*=-input-label] input[type=url]:-moz-placeholder, [class*=-input-label] input[type=tel]:-moz-placeholder, [class*=-input-label] input[type=text]:-moz-placeholder, [class*=-input-label] input[type=email]:-moz-placeholder, [class*=-input-label] input[type=number]:-moz-placeholder, [class*=-input-label] input[type=password]:-moz-placeholder, [class*=-input-label] input[type=search]:-moz-placeholder {
+  color: #636F73;
+  -webkit-transition: color;
+  transition: color;
+  transition-duration: 0.2s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  opacity: 1; }
+[class*=-input-label] textarea:-ms-input-placeholder, [class*=-input-label] input[type=url]:-ms-input-placeholder, [class*=-input-label] input[type=tel]:-ms-input-placeholder, [class*=-input-label] input[type=text]:-ms-input-placeholder, [class*=-input-label] input[type=email]:-ms-input-placeholder, [class*=-input-label] input[type=number]:-ms-input-placeholder, [class*=-input-label] input[type=password]:-ms-input-placeholder, [class*=-input-label] input[type=search]:-ms-input-placeholder {
+  color: #636F73;
+  -webkit-transition: color;
+  transition: color;
+  transition-duration: 0.2s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+[class*=-input-label] textarea:focus, [class*=-input-label] input[type=url]:focus, [class*=-input-label] input[type=tel]:focus, [class*=-input-label] input[type=text]:focus, [class*=-input-label] input[type=email]:focus, [class*=-input-label] input[type=number]:focus, [class*=-input-label] input[type=password]:focus, [class*=-input-label] input[type=search]:focus {
+  outline: none; }
+[class*=-input-label] textarea:focus::-webkit-input-placeholder, [class*=-input-label] input[type=url]:focus::-webkit-input-placeholder, [class*=-input-label] input[type=tel]:focus::-webkit-input-placeholder, [class*=-input-label] input[type=text]:focus::-webkit-input-placeholder, [class*=-input-label] input[type=email]:focus::-webkit-input-placeholder, [class*=-input-label] input[type=number]:focus::-webkit-input-placeholder, [class*=-input-label] input[type=password]:focus::-webkit-input-placeholder, [class*=-input-label] input[type=search]:focus::-webkit-input-placeholder {
+  color: #B7BEC1; }
+[class*=-input-label] textarea:focus:-ms-input-placeholder, [class*=-input-label] input[type=url]:focus:-ms-input-placeholder, [class*=-input-label] input[type=tel]:focus:-ms-input-placeholder, [class*=-input-label] input[type=text]:focus:-ms-input-placeholder, [class*=-input-label] input[type=email]:focus:-ms-input-placeholder, [class*=-input-label] input[type=number]:focus:-ms-input-placeholder, [class*=-input-label] input[type=password]:focus:-ms-input-placeholder, [class*=-input-label] input[type=search]:focus:-ms-input-placeholder {
+  color: #B7BEC1; }
+[class*=-input-label] textarea:focus::-ms-input-placeholder, [class*=-input-label] input[type=url]:focus::-ms-input-placeholder, [class*=-input-label] input[type=tel]:focus::-ms-input-placeholder, [class*=-input-label] input[type=text]:focus::-ms-input-placeholder, [class*=-input-label] input[type=email]:focus::-ms-input-placeholder, [class*=-input-label] input[type=number]:focus::-ms-input-placeholder, [class*=-input-label] input[type=password]:focus::-ms-input-placeholder, [class*=-input-label] input[type=search]:focus::-ms-input-placeholder {
+  color: #B7BEC1; }
+[class*=-input-label] textarea:focus::placeholder, [class*=-input-label] input[type=url]:focus::placeholder, [class*=-input-label] input[type=tel]:focus::placeholder, [class*=-input-label] input[type=text]:focus::placeholder, [class*=-input-label] input[type=email]:focus::placeholder, [class*=-input-label] input[type=number]:focus::placeholder, [class*=-input-label] input[type=password]:focus::placeholder, [class*=-input-label] input[type=search]:focus::placeholder {
+  color: #B7BEC1; }
+[class*=-input-label] textarea:focus::-webkit-input-placeholder, [class*=-input-label] input[type=url]:focus::-webkit-input-placeholder, [class*=-input-label] input[type=tel]:focus::-webkit-input-placeholder, [class*=-input-label] input[type=text]:focus::-webkit-input-placeholder, [class*=-input-label] input[type=email]:focus::-webkit-input-placeholder, [class*=-input-label] input[type=number]:focus::-webkit-input-placeholder, [class*=-input-label] input[type=password]:focus::-webkit-input-placeholder, [class*=-input-label] input[type=search]:focus::-webkit-input-placeholder {
+  color: #B7BEC1; }
+[class*=-input-label] textarea:focus::-moz-placeholder, [class*=-input-label] input[type=url]:focus::-moz-placeholder, [class*=-input-label] input[type=tel]:focus::-moz-placeholder, [class*=-input-label] input[type=text]:focus::-moz-placeholder, [class*=-input-label] input[type=email]:focus::-moz-placeholder, [class*=-input-label] input[type=number]:focus::-moz-placeholder, [class*=-input-label] input[type=password]:focus::-moz-placeholder, [class*=-input-label] input[type=search]:focus::-moz-placeholder {
+  color: #B7BEC1;
+  opacity: 1; }
+[class*=-input-label] textarea:focus:-moz-placeholder, [class*=-input-label] input[type=url]:focus:-moz-placeholder, [class*=-input-label] input[type=tel]:focus:-moz-placeholder, [class*=-input-label] input[type=text]:focus:-moz-placeholder, [class*=-input-label] input[type=email]:focus:-moz-placeholder, [class*=-input-label] input[type=number]:focus:-moz-placeholder, [class*=-input-label] input[type=password]:focus:-moz-placeholder, [class*=-input-label] input[type=search]:focus:-moz-placeholder {
+  color: #B7BEC1;
+  opacity: 1; }
+[class*=-input-label] textarea:focus:-ms-input-placeholder, [class*=-input-label] input[type=url]:focus:-ms-input-placeholder, [class*=-input-label] input[type=tel]:focus:-ms-input-placeholder, [class*=-input-label] input[type=text]:focus:-ms-input-placeholder, [class*=-input-label] input[type=email]:focus:-ms-input-placeholder, [class*=-input-label] input[type=number]:focus:-ms-input-placeholder, [class*=-input-label] input[type=password]:focus:-ms-input-placeholder, [class*=-input-label] input[type=search]:focus:-ms-input-placeholder {
+  color: #B7BEC1; }
+[class*=-input-label] textarea::-ms-clear, [class*=-input-label] input[type=url]::-ms-clear, [class*=-input-label] input[type=tel]::-ms-clear, [class*=-input-label] input[type=text]::-ms-clear, [class*=-input-label] input[type=email]::-ms-clear, [class*=-input-label] input[type=number]::-ms-clear, [class*=-input-label] input[type=password]::-ms-clear, [class*=-input-label] input[type=search]::-ms-clear {
+  display: none;
+  width: 0;
+  height: 0; }
+
+.check-switch {
+  cursor: pointer;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center; }
+.check-switch .check-switch-panel {
+  width: 40px;
+  height: 22px; }
+.check-switch .check-switch-tick {
+  width: 18px;
+  height: 18px;
+  border-radius: 22px; }
+.check-switch .check-switch-panel {
+  border-radius: 22px; }
+.check-switch input:checked + .check-switch-panel .check-switch-tick {
+  -webkit-transform: translate3d(18px, 0, 0);
+          transform: translate3d(18px, 0, 0); }
+.check-switch input:checked:focus ~ .check-switch-panel .check-switch-tick, .check-switch input:checked:active ~ .check-switch-panel .check-switch-tick {
+  -webkit-transform: scale(1.1) translate3d(16px, 0, 0);
+          transform: scale(1.1) translate3d(16px, 0, 0); }
+.check-switch .label-text {
+  margin-right: 10px;
+  padding-bottom: 0;
+  line-height: 1.5em; }
+.check-switch-label {
+  position: absolute;
+  color: transparent;
+  font-size: 0; }
+.check-switch-panel {
+  background: rgba(38, 44, 45, 0.1);
+  position: relative;
+  -webkit-transition-property: background, border-color, -webkit-box-shadow;
+  transition-property: background, border-color, -webkit-box-shadow;
+  transition-property: background, box-shadow, border-color;
+  transition-property: background, box-shadow, border-color, -webkit-box-shadow;
+  -webkit-box-shadow: 0 0 0 1px rgba(38, 44, 45, 0.1) inset, 0 0 0 transparent;
+          box-shadow: 0 0 0 1px rgba(38, 44, 45, 0.1) inset, 0 0 0 transparent; }
+.check-switch-tick {
+  background: #FFFFFF;
+  position: absolute;
+  bottom: 2px;
+  left: 2px;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+  -webkit-box-shadow: 0 1px 4px rgba(38, 44, 45, 0.4);
+          box-shadow: 0 1px 4px rgba(38, 44, 45, 0.4);
+  font-weight: 500; }
+.check-switch input {
+  opacity: 0;
+  position: absolute; }
+.check-switch input:focus ~ .check-switch-panel, .check-switch input:active ~ .check-switch-panel {
+  background: rgba(38, 44, 45, 0.2); }
+.check-switch input:focus ~ .check-switch-panel .check-switch-tick, .check-switch input:active ~ .check-switch-panel .check-switch-tick {
+  -webkit-transform: scale(1.1);
+          transform: scale(1.1); }
+input:checked + .check-switch-panel {
+  background: #0091E6; }
+.check-switch input:checked:focus ~ .check-switch-panel, .check-switch input:checked:active ~ .check-switch-panel {
+  background: #008bdc;
+  -webkit-box-shadow: 0 0 0 1px #007FD0 inset, 0 0 0 transparent;
+          box-shadow: 0 0 0 1px #007FD0 inset, 0 0 0 transparent; }
+.check-switch.small .check-switch-panel {
+  width: 32px;
+  height: 16px; }
+.check-switch.small .check-switch-tick {
+  width: 14px;
+  height: 12px;
+  border-radius: 16px; }
+.check-switch.small .check-switch-panel {
+  border-radius: 16px; }
+.check-switch.small input:checked + .check-switch-panel .check-switch-tick {
+  -webkit-transform: translate3d(14px, 0, 0);
+          transform: translate3d(14px, 0, 0); }
+.check-switch.small input:checked:focus ~ .check-switch-panel .check-switch-tick, .check-switch.small input:checked:active ~ .check-switch-panel .check-switch-tick {
+  -webkit-transform: scale(1.1) translate3d(12px, 0, 0);
+          transform: scale(1.1) translate3d(12px, 0, 0); }
+.check-switch.expanded .label-text {
+  margin-right: auto; }
+
+.modal-panel {
+  border-radius: 5px;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background: #FFFFFF;
+  -webkit-box-shadow: 0px 12px 14px -7px rgba(0, 0, 0, 0.12), 0px 24px 40px 3px rgba(0, 0, 0, 0.08), 0px 10px 48px 10px rgba(0, 0, 0, 0.1);
+          box-shadow: 0px 12px 14px -7px rgba(0, 0, 0, 0.12), 0px 24px 40px 3px rgba(0, 0, 0, 0.08), 0px 10px 48px 10px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  left: 0;
+  right: 0; }
+.modal-panel[aria-hidden=true] {
+  display: none; }
+.modal-panel[aria-hidden=false] {
+  z-index: 1000; }
+.modal-panel-header, .modal-panel-footer {
+  padding: 8px 16px;
+  font-size: 11px;
+  color: #78858A; }
+.modal-panel-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 16px 16px 8px;
+  border-bottom: 1px solid #D3D9DB;
+  margin-bottom: -1px;
+  position: relative;
+  z-index: 2; }
+.modal-panel-header [data-stack-nav] {
+  -ms-flex-item-align: start;
+      align-self: flex-start;
+  width: 0;
+  overflow: visible;
+  white-space: pre;
+  -webkit-box-ordinal-group: 0;
+      -ms-flex-order: -1;
+          order: -1;
+  color: inherit;
+  line-height: 1.1em;
+  text-decoration: none; }
+.modal-panel-header [data-stack-nav]:hover, .modal-panel-header [data-stack-nav]:focus {
+  color: #0091E6;
+  outline: none; }
+.modal-panel-title {
+  text-transform: uppercase;
+  font-size: 11px;
+  font-weight: normal;
+  margin: 0 auto; }
+.modal-panel-footer {
+  border-top: 1px solid rgba(0, 0, 0, 0.1); }
+.modal-panel [aria-hidden=true] {
+  height: 0;
+  overflow: hidden; }
+
+.modal-is-opening {
+  -webkit-animation: modal-open 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: modal-open 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
+
+.modal-is-closing {
+  -webkit-animation: modal-close 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: modal-close 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
+
+.nav-menu[aria-hidden=true] {
+  height: 0; }
+.modal-panel .nav-menu {
+  max-height: 80vh;
+  overflow-y: auto; }
+.nav-menu-group {
+  list-style: none;
+  margin: 0;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-left-color: transparent;
+  border-right-color: transparent; }
+.nav-menu-group > *:last-child .nav-menu-item-content {
+  border-bottom-color: transparent; }
+.nav-menu-group:last-child {
+  border-bottom-color: transparent; }
+.nav-menu-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 16px 16px 8px;
+  background: #F6F7F7; }
+.nav-menu-header .nav-menu-title {
+  margin: 0;
+  text-transform: uppercase;
+  font-size: 11px;
+  font-weight: normal; }
+.nav-menu-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+.nav-menu-item {
+  background: #FFFFFF;
+  padding-left: 16px;
+  text-decoration: none;
+  color: inherit;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%; }
+.nav-menu-item-content {
+  padding: 8px;
+  padding-left: 0;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
+.nav-menu-item:hover, .nav-menu-item:focus {
+  background-color: #d8eefc;
+  outline: none;
+  position: relative;
+  z-index: 1;
+  -webkit-box-shadow: 0 0 0 1px #d8eefc;
+          box-shadow: 0 0 0 1px #d8eefc; }
+.nav-menu-item:hover .nav-menu-item-content, .nav-menu-item:focus .nav-menu-item-content {
+  border-color: transparent; }
+.nav-menu-more {
+  color: #4EB3EF;
+  font-size: 12px; }
+
+[data-stack='root'] {
+  overflow: hidden; }
+
+.enter[data-direction=forward] nav {
+  -webkit-animation: fade-in-right .12s forwards;
+          animation: fade-in-right .12s forwards; }
+.enter[data-direction=reverse] nav {
+  -webkit-animation: fade-in-left .12s forwards;
+          animation: fade-in-left .12s forwards; }
+.enter .modal-panel-header * {
+  -webkit-animation: fade-in .12s forwards;
+          animation: fade-in .12s forwards; }
+
+.exit[data-direction=forward] nav {
+  -webkit-animation: fade-out-left .12s forwards;
+          animation: fade-out-left .12s forwards; }
+.exit[data-direction=reverse] nav {
+  -webkit-animation: fade-out-right .12s forwards;
+          animation: fade-out-right .12s forwards; }
+.exit .modal-panel-header * {
+  -webkit-animation: fade-out .12s forwards;
+          animation: fade-out .12s forwards; }
+
+.sidebar-nav {
+  height: 100%;
+  background-color: #00467A;
+  position: fixed;
+  width: 250px;
+  top: 0;
+  left: 0;
+  height: 100%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+.sidebar-nav .nav-wrapper {
+  position: relative;
+  width: auto;
+  height: 100%; }
+.sidebar-nav .nav-tree {
+  list-style: none;
+  overflow: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: 0;
+  padding: 0 0 76px; }
+.sidebar-nav .nav-tree-item-icon {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  width: 18px;
+  height: 18px; }
+.sidebar-nav .nav-tree-item-icon + .nav-tree-item-content {
+  margin-left: 16px; }
+.sidebar-nav .nav-tree-item-content {
+  border: none; }
+.sidebar-nav .nav-tree-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  position: relative;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.8);
+  padding: 9px 20px;
+  text-decoration: none;
+  font-size: 14px;
+  font-weight: 500;
+  -webkit-transition: color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: color 0.1s cubic-bezier(0.4, 0, 0.2, 1); }
+.sidebar-nav .nav-tree-item:hover, .sidebar-nav .nav-tree-item:focus {
+  color: #FFFFFF;
+  outline: none;
+  background-color: #004c84; }
+.sidebar-nav .nav-tree-item:hover .expand-icon, .sidebar-nav .nav-tree-item:focus .expand-icon {
+  color: inherit; }
+.sidebar-nav .nav-tree-item .expand-icon {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  height: 9px;
+  width: 9px;
+  -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  color: rgba(255, 255, 255, 0.5); }
+.sidebar-nav .nav-tree-item.active {
+  color: #FFFFFF;
+  background-color: #003d6b; }
+.sidebar-nav .nav-tree-item.active + .nav-tree-group {
+  background-color: #003d6b; }
+.sidebar-nav .nav-tree-item-content {
+  width: 100%;
+  min-width: 0;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden; }
+.sidebar-nav .nav-tree-group {
+  list-style: none;
+  opacity: 0; }
+.sidebar-nav .nav-tree-group .nav-tree-item {
+  padding: 4px;
+  padding-left: 54px;
+  color: rgba(255, 255, 255, 0.55);
+  font-size: 13px; }
+.sidebar-nav .nav-tree-group .nav-tree-item:hover, .sidebar-nav .nav-tree-group .nav-tree-item:focus {
+  color: #FFFFFF;
+  background-color: transparent; }
+.sidebar-nav .nav-tree-group .active {
+  color: #FFFFFF; }
+.sidebar-nav .nav-tree-group .new:before, .sidebar-nav .nav-tree-group .active:before {
+  content: "";
+  position: absolute;
+  display: block;
+  z-index: 1;
+  left: 26px;
+  top: 10px;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%; }
+.sidebar-nav .nav-tree-group .new:before {
+  background-color: #F2AA2A; }
+.sidebar-nav .nav-tree-group .new .nav-tree-item-content:after {
+  content: " New";
+  font-size: 85%;
+  letter-spacing: .02em;
+  color: #F2AA2A;
+  margin-left: 2px; }
+.sidebar-nav .nav-tree-group .active:before {
+  background-color: #0091E6; }
+.sidebar-nav .triggered .nav-tree-group {
+  -webkit-transition-property: max-height, opacity, padding;
+  transition-property: max-height, opacity, padding;
+  -webkit-transition-duration: 0.2s;
+          transition-duration: 0.2s;
+  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
+          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
+.sidebar-nav [aria-expanded=true] > .nav-tree-group {
+  max-height: 800px;
+  opacity: 1;
+  padding: 2px 0 8px;
+  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
+          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }
+
+.sidebar-nav-header > a {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: #FFFFFF;
+  height: 60px;
+  padding: 0 20px;
+  text-decoration: none;
+  -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  background-color: #003d6b;
+  line-height: 1.4; }
+.sidebar-nav-header > a:hover, .sidebar-nav-header > a:focus {
+  color: #FFFFFF;
+  background-color: #00345b; }
+.sidebar-nav-header > a:hover .dropdown-icon, .sidebar-nav-header > a:focus .dropdown-icon {
+  color: inherit; }
+.sidebar-nav-header .dropdown-icon {
+  margin: 0 8px;
+  color: rgba(255, 255, 255, 0.5);
+  -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
+.sidebar-nav-header .details {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  margin-right: auto;
+  line-height: 1.5;
+  padding-right: 8px; }
+.sidebar-nav-header .details, .sidebar-nav-header .details * {
+  white-space: nowrap;
+  overflow: hidden;
+  min-width: 0;
+  text-overflow: ellipsis; }
+.sidebar-nav-header .details .account-name {
+  font-weight: 700; }
+.sidebar-nav-header .details .user-name {
+  font-size: 12px;
+  opacity: .75;
+  font-weight: 500; }
+.sidebar-nav-header .user-avatar img {
+  width: 100%;
+  max-width: none;
+  vertical-align: middle;
+  border-radius: 50%;
+  width: 32px;
+  height: 32px; }
+.sidebar-nav-header .dropdown-menu {
+  border: 1px solid transparent;
+  max-height: 85vh;
+  overflow-y: auto;
+  min-width: 260px;
+  -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.12), 0px 16px 24px 2px rgba(0, 0, 0, 0.08), 0px 6px 32px 6px rgba(0, 0, 0, 0.1);
+          box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.12), 0px 16px 24px 2px rgba(0, 0, 0, 0.08), 0px 6px 32px 6px rgba(0, 0, 0, 0.1);
+  border-radius: 6px;
+  margin-top: -4px;
+  margin-left: 16px;
+  padding: 12px 8px; }
+.sidebar-nav-header .dropdown-menu .divider {
+  margin: 8px; }
+.sidebar-nav-header .dropdown-menu .divider.full-width {
+  margin-left: -8px;
+  margin-right: -8px; }
+.sidebar-nav-header .dropdown-menu .user-name {
+  padding: 0 8px;
+  margin: 12px 0; }
+.sidebar-nav-header .dropdown-menu .user-avatar {
+  width: 40px;
+  height: 40px; }
+.sidebar-nav-header .dropdown-menu > li > a, .sidebar-nav-header .dropdown-menu > li > label {
+  font-size: 14px;
+  border-radius: 3px;
+  padding: 5px 8px 6px;
+  margin-bottom: 0;
+  color: #3A4245; }
+.sidebar-nav-header .dropdown-menu > li i {
+  font-size: 16px;
+  margin-right: 12px; }
+.sidebar-nav-header .dropdown-menu > li .pull-right i {
+  font-size: 14px;
+  margin-right: 0; }
+
+[role=tree] [role=group] {
+  overflow: hidden; }
+[role=tree] [role=treeitem][aria-expanded=false] > [role=group] {
+  max-height: 0; }
+[role=tree] [role=treeitem][aria-expanded=true] .expand-icon {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg); }
+
+.has-tooltip {
+  cursor: pointer; }
+.has-tooltip:before, .has-tooltip:after {
+  opacity: 0;
+  -webkit-transition: none;
+  transition: none; }
+.has-tooltip:before {
+  content: ""; }
+.has-tooltip:after {
+  content: attr(aria-label);
+  font-size: 0; }
+
+.has-tooltip:focus, .has-tooltip:hover {
+  position: relative;
+  z-index: 1; }
+.has-tooltip:focus:before, .has-tooltip:focus:after, .has-tooltip:hover:before, .has-tooltip:hover:after {
+  opacity: 1;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translate3d(-50%, 0, 0);
+          transform: translate3d(-50%, 0, 0);
+  z-index: 100000;
+  pointer-events: none;
+  -webkit-animation: fade-in .2s ease-in;
+          animation: fade-in .2s ease-in;
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards; }
+.has-tooltip:focus:after, .has-tooltip:hover:after {
+  -webkit-font-smoothing: subpixel-antialiased;
+  top: calc(100% + 6px);
+  background-color: rgba(0, 0, 0, 0.8);
+  color: #fff;
+  white-space: nowrap;
+  font-size: 10px;
+  line-height: 1.5em;
+  padding: 5px 8px;
+  border-radius: 4px; }
+.has-tooltip:focus:before, .has-tooltip:hover:before {
+  top: 100%;
+  content: ""; }
+
+.app-nav-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  height: 60px;
+  border-bottom: 1px solid #D3D9DB;
+  background-color: #FFFFFF;
+  padding: 0 16px;
+  position: fixed;
+  z-index: 1040;
+  top: 0;
+  right: 0;
+  left: 0; }
+@media all and (min-width: 600px) {
+  .app-nav-header {
+    padding: 0 24px; } }
+.app-nav-header .sidebar-nav-toggle {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  text-align: center;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  color: #78858A;
+  margin-left: -8px;
+  margin-right: 16px;
+  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
+.app-nav-header .sidebar-nav-toggle:hover {
+  color: #4E595C;
+  border-radius: 50%;
+  background-color: #EDF1F2; }
+.app-nav-header .app-navbar-logo {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin-right: 16px; }
+@media all and (min-width: 600px) {
+  .app-nav-header .app-navbar-logo {
+    margin-right: 24px; } }
+.app-nav-header .dropdown-menu {
+  border: 1px solid transparent;
+  max-height: 85vh;
+  overflow-y: auto;
+  min-width: 260px;
+  -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.12), 0px 16px 24px 2px rgba(0, 0, 0, 0.08), 0px 6px 32px 6px rgba(0, 0, 0, 0.1);
+          box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.12), 0px 16px 24px 2px rgba(0, 0, 0, 0.08), 0px 6px 32px 6px rgba(0, 0, 0, 0.1);
+  border-radius: 6px;
+  margin-top: 8px;
+  margin-right: -8px;
+  padding: 12px 8px;
+  font-size: 14px; }
+.app-nav-header .dropdown-menu .divider {
+  margin: 8px; }
+.app-nav-header .dropdown-menu > li > a {
+  border-radius: 3px;
+  padding: 5px 8px 6px; }
+.app-nav-header .dropdown-menu > li i {
+  font-size: 16px;
+  margin-right: 12px; }
+.app-nav-header .dropdown-menu > li .pull-right i {
+  font-size: 14px;
+  margin-right: 0; }
+
+.app-nav-actions {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-left: auto; }
+.modal-active + .app-nav-actions {
+  position: absolute;
+  right: 24px;
+  z-index: -1; }
+.app-nav-actions > .dropdown {
+  margin: 0 8px; }
+.app-nav-actions > .dropdown:last-of-type {
+  margin-right: 0; }
+.app-nav-actions .dropdown-menu {
+  left: auto;
+  right: 0; }
+.app-nav-actions .quick-add-btn, .app-nav-actions .help-menu-btn {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  text-align: center;
+  color: #78858A;
+  border: 1px solid #D3D9DB;
+  -webkit-transition-property: color, border-color;
+  transition-property: color, border-color;
+  -webkit-transition-duration: 0.2s;
+          transition-duration: 0.2s;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+.app-nav-actions .quick-add-btn:hover, .app-nav-actions .quick-add-btn:focus, .app-nav-actions .help-menu-btn:hover, .app-nav-actions .help-menu-btn:focus {
+  color: #4E595C;
+  border-color: #A2ABAE; }
+.app-nav-actions .help-menu-btn.new-announcements:before {
+  content: '';
+  display: block;
+  position: absolute;
+  width: 9px;
+  height: 9px;
+  border-radius: 50%;
+  top: 0;
+  right: 0;
+  background-color: #F2AA2A;
+  -webkit-box-shadow: 0 0 0 2px #FFFFFF;
+          box-shadow: 0 0 0 2px #FFFFFF;
+  z-index: 10; }
+.app-nav-actions .help-menu-btn + .dropdown-menu .new-announcements {
+  font-weight: 500;
+  color: #F2AA2A; }
+.app-nav-actions .help-menu-btn + .dropdown-menu .new-announcements:hover, .app-nav-actions .help-menu-btn + .dropdown-menu .new-announcements:focus {
+  color: #F2AA2A;
+  background-color: #FFFAEE; }
+.app-nav-actions .help-menu-btn + .dropdown-menu .new-announcements .badge-dot i {
+  color: inherit;
+  font-size: 10px;
+  margin-right: 2px; }
+
+.app-admin-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  height: 39px;
+  background-color: #FFE8AF;
+  border-top: 3px solid #CC5E10;
+  border-bottom: 1px solid #FFD571;
+  padding: 0 16px;
+  position: fixed;
+  z-index: 1050;
+  top: 0;
+  right: 0;
+  left: 0;
+  color: #CC5E10;
+  font-size: 12px; }
+.app-admin-header ~ * {
+  top: 39px; }
+.app-admin-header ~ .app-container {
+  min-height: calc(100vh - 39px); }
+.app-admin-header ~ .sidebar-nav .nav-wrapper {
+  height: calc(100% - 39px); }
+.app-admin-header .admin-user {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  min-width: 0; }
+.app-admin-header .admin-user .icon {
+  margin-right: 8px;
+  -ms-flex-negative: 0;
+      flex-shrink: 0; }
+.app-admin-header .admin-user strong {
+  margin-right: 4px;
+  font-weight: 600; }
+.app-admin-header .admin-user span {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+.app-admin-header .actions {
+  margin-left: auto; }
+.app-admin-header .actions > a {
+  color: inherit;
+  margin-left: 8px;
+  text-decoration: none; }
+@media all and (min-width: 420px) {
+  .app-admin-header .actions > a {
+    margin-left: 16px; } }
+.app-admin-header .actions .back-to-admin {
+  padding: 4px 8px;
+  background-color: #FFD571;
+  border-radius: 3px;
+  -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  white-space: nowrap; }
+.app-admin-header .actions .back-to-admin:hover {
+  background-color: #FFCC52; }
+.app-admin-header .actions .close-admin-header {
+  display: none;
+  padding: 4px; }
+@media all and (min-width: 420px) {
+  .app-admin-header .actions .close-admin-header {
+    display: inline-block; } }
+
+.trial-status {
+  display: none;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  white-space: nowrap;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: 12px;
+  color: #6C66C9; }
+.trial-status .trial-status-link {
+  font-weight: 500;
+  text-decoration: none;
+  color: inherit;
+  background-color: transparent;
+  padding: 2px 8px;
+  border-radius: 3px;
+  border: 1px solid #CECBF5;
+  margin-left: 8px;
+  -webkit-transition-property: background-color, border-color;
+  transition-property: background-color, border-color;
+  -webkit-transition-duration: 0.2s;
+          transition-duration: 0.2s;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+.trial-status .trial-status-link:hover, .trial-status .trial-status-link:focus {
+  background-color: #F5F4FD;
+  border-color: #BBB6F1; }
+@media all and (min-width: 600px) {
+  .trial-status {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    margin-right: 16px; } }
+.trial-status.trial-ending-soon {
+  color: #F2AA2A;
+  background-color: #FFF1CF; }
+.trial-status.trial-ended {
+  color: #EA352B;
+  background-color: #FFF0EF; }
+
+.search-panel {
+  width: 100%;
+  background: #FFFFFF;
+  margin-right: 16px;
+  -webkit-transform-style: preserve-3d;
+          transform-style: preserve-3d;
+  -webkit-transform: translateZ(0);
+          transform: translateZ(0); }
+.search-panel .modal-is-opening {
+  -webkit-animation: fade-in 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: fade-in 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
+.search-panel .modal-is-closing {
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s; }
+.search-panel.modal-active {
+  position: absolute;
+  left: 16px;
+  width: calc( 100% - 32px );
+  margin-right: 0; }
+.search-panel.modal-active label {
+  border-color: transparent;
+  border-radius: 5px; }
+@media all and (min-width: 600px) {
+  .search-panel {
+    margin-right: 24px; } }
+@media all and (min-width: 800px) {
+  .search-panel {
+    max-width: 450px;
+    position: relative;
+    -webkit-transition: max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
+  .search-panel.modal-active {
+    position: relative;
+    max-width: 900px;
+    left: 0;
+    right: 0; }
+  .search-panel .modal-is-closing {
+    -webkit-animation: fade-out 0.1s cubic-bezier(0.4, 0, 0.2, 1);
+            animation: fade-out 0.1s cubic-bezier(0.4, 0, 0.2, 1); } }
+.search-panel label {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  position: relative;
+  z-index: 1001;
+  border: 1px solid #D3D9DB;
+  border-radius: 32px;
+  padding: 0 12px;
+  -webkit-transition: border cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
+  transition: border cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
+  background: none;
+  margin: 0; }
+.search-panel input {
+  font-size: 15px; }
+.search-panel .clear-search {
+  background: none;
+  border: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  color: transparent;
+  cursor: pointer;
+  position: relative;
+  width: 15px;
+  padding: 4px 8px;
+  opacity: 0;
+  -webkit-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
+  transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.2s; }
+.search-panel .clear-search:after, .search-panel .clear-search:before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  display: block;
+  width: 15px;
+  height: 2px;
+  background: #D3D9DB;
+  -webkit-transition: background-color cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
+  transition: background-color cubic-bezier(0.4, 0, 0.2, 1) 0.2s; }
+.search-panel .clear-search:before {
+  -webkit-transform: translate(50%, -50%) rotate(-45deg);
+          transform: translate(50%, -50%) rotate(-45deg); }
+.search-panel .clear-search:after {
+  -webkit-transform: translate(50%, -50%) rotate(45deg);
+          transform: translate(50%, -50%) rotate(45deg); }
+.search-panel .clear-search:hover:after, .search-panel .clear-search:hover:before {
+  background: #78858A; }
+.search-panel.modal-active .clear-search {
+  opacity: 1; }
+.search-panel select {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: none;
+  padding: 0 12px;
+  cursor: pointer;
+  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 20'%3E%3Cpolygon fill='%237A7B7C' points='3.5,14 0,8 7,8'/%3E%3C/svg%3E") calc(100% - 14px) 50%/7px 18px no-repeat; }
+.search-panel .modal-panel {
+  -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.12), 0px 16px 24px 2px rgba(0, 0, 0, 0.08), 0px 6px 32px 6px rgba(0, 0, 0, 0.1);
+          box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.12), 0px 16px 24px 2px rgba(0, 0, 0, 0.08), 0px 6px 32px 6px rgba(0, 0, 0, 0.1);
+  background: #FFFFFF;
+  border-radius: 8px;
+  padding-top: 38px;
+  top: 1px;
+  left: -4px;
+  right: -4px; }
+.search-panel .modal-panel:before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 37px;
+  right: 0;
+  height: 15px;
+  z-index: 1;
+  border-top: 1px solid #D3D9DB; }
+.search-panel .modal-panel-header {
+  background: #F6F7F7; }
+.search-panel .svg-search {
+  width: 14px;
+  height: 14px;
+  fill: #78858A;
+  position: relative;
+  top: .1em;
+  -webkit-transform-style: preserve-3d; }
+.search-panel kbd {
+  display: inline-block;
+  height: 18px;
+  line-height: 18px;
+  padding: 0 4px;
+  text-align: center;
+  border: 1px solid #D3D9DB;
+  border-radius: 4px;
+  background: #fff;
+  position: relative;
+  color: inherit;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  font-size: inherit; }
+.search-panel kbd:after {
+  position: absolute;
+  content: "";
+  top: 3px;
+  border-radius: 4px;
+  left: -1px;
+  right: -1px;
+  z-index: -1;
+  bottom: -3px;
+  border: 1px solid #D3D9DB; }
+
+@-webkit-keyframes search-open {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(-10px) perspective(300px);
+            transform: translateY(-10px) perspective(300px); }
+  20% {
+    opacity: 1; }
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0px) perspective(300px);
+            transform: translateY(0px) perspective(300px); } }
+
+@keyframes search-open {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(-10px) perspective(300px);
+            transform: translateY(-10px) perspective(300px); }
+  20% {
+    opacity: 1; }
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0px) perspective(300px);
+            transform: translateY(0px) perspective(300px); } }
+@-webkit-keyframes search-close {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0px) perspective(300px);
+            transform: translateY(0px) perspective(300px); }
+  80% {
+    opacity: 0; }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-10px) perspective(300px);
+            transform: translateY(-10px) perspective(300px); } }
+@keyframes search-close {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0px) perspective(300px);
+            transform: translateY(0px) perspective(300px); }
+  80% {
+    opacity: 0; }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-10px) perspective(300px);
+            transform: translateY(-10px) perspective(300px); } }
+.search-result {
+  color: #3A4245;
+  line-height: 1.1em; }
+.search-result-heading {
+  font-size: 14px;
+  font-weight: 500;
+  margin-bottom: 5px; }
+.search-result-body {
+  font-size: 12px; }
+.search-result-meta {
+  font-size: 12px;
+  color: #8D989C; }
+.search-result mark {
+  color: #1d4e71;
+  background-color: rgba(156, 213, 247, 0.45);
+  padding: 0 2px;
+  margin: 0 -1px;
+  border-radius: 2px; }