diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 00000000..10e2e8da
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,27 @@
+# Change Log
+
+## 1.0
+This is the first really stable and usable release of Uniform. Many of the components were rewritten, removed, and added. In general, this release brings a shift in methodology. Building with Uniform now supplies and relies on more helpers to build things out.
+
+*This will break everything in previous versions.* Many component names went from `title-case` to `camelCase`, and many modifier classes inside of components were removed in favor of using helper classes in html.
+
+### Added
+- `uniformAlert`
+- `uniformDropdown`
+- `uniformSelect`
+- `uniformFloatingLabel`
+- `uniformModal`
+- `uniformTable`
+- `uniformTooltip`
+- tons of helper classes like `margin`, `pad`, `border-top`...
+
+### Removed
+- `bourbon` and `neat` dependencies
+- custom sass functions
+- `uniform-list`, `uniform-checks`, `uniform-step`, `uniform-icons`
+
+### Changed
+- `title-case` to `camelCase` for all compontents
+- `inline-input` to `uniformInputGroup`
+- `.container` to `.grid` was completely overhauld to use flexbox
+- `table-container` to `table`
diff --git a/Gemfile b/Gemfile
index 02812ccc..4dd9e727 100644
--- a/Gemfile
+++ b/Gemfile
@@ -1,12 +1,8 @@
-source "http://rubygems.org"
-
# Specify your gem's dependencies in uniform.gemspec
source 'https://rubygems.org'
# Stylesheets
gem 'sass'
gem 'sprockets-sass'
-gem 'bourbon'
-gem 'neat'
gem 'rake'
gem 'activesupport'
\ No newline at end of file
diff --git a/Gemfile.lock b/Gemfile.lock
index 5bfffdf8..474db66a 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,5 +1,4 @@
GEM
- remote: http://rubygems.org/
remote: https://rubygems.org/
specs:
activesupport (5.0.0.1)
@@ -7,17 +6,11 @@ GEM
i18n (~> 0.7)
minitest (~> 5.1)
tzinfo (~> 1.1)
- bourbon (4.2.7)
- sass (~> 3.4)
- thor (~> 0.19)
concurrent-ruby (1.0.2)
hike (1.2.3)
i18n (0.7.0)
minitest (5.9.0)
multi_json (1.12.1)
- neat (1.8.0)
- sass (>= 3.3)
- thor (~> 0.19)
rack (1.6.4)
rake (11.3.0)
sass (3.4.22)
@@ -29,7 +22,6 @@ GEM
sprockets-sass (1.3.1)
sprockets (~> 2.0)
tilt (~> 1.1)
- thor (0.19.1)
thread_safe (0.3.5)
tilt (1.4.1)
tzinfo (1.2.2)
@@ -40,11 +32,9 @@ PLATFORMS
DEPENDENCIES
activesupport
- bourbon
- neat
rake
sass
sprockets-sass
BUNDLED WITH
- 1.12.5
+ 1.15.4
diff --git a/README.md b/README.md
index c86e7826..9f1ee08f 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,4 @@
-Uniform
-=======
+
A rails gem of sass compenents and defaults for building a UI that's on fleak.
diff --git a/Rakefile b/Rakefile
index 3e4df843..27ca6b43 100644
--- a/Rakefile
+++ b/Rakefile
@@ -25,27 +25,45 @@ task :compile do
# Render the test html file
File.open('./index.html', 'w') do |file|
- file.write(ERB.new(File.read('preview/index.html.erb')).result(binding))
+ file.write(
+ render_with_layout("preview/index.html.erb")
+ )
end
-
-end
-desc "Compile preview"
-task :preview do
-
- File.open('./site/site/uniform.css', "w") do |file|
- file << environment['uniform.scss']
- end
-
- File.open('./site/site/preview.css', "w") do |file|
- file << environment['preview.scss']
+ Dir.foreach(File.join('preview')).select{|file| file =~ /\.erb$/}.each do |file_name|
+ File.open("./site/#{file_name.gsub('.erb', '')}", 'w') do |file|
+ file.write(
+ render_with_layout("preview/#{file_name}")
+ )
+ end
end
- # Render the test html file
- File.open('./site/index.html', 'w') do |file|
- file.write(ERB.new(File.read('preview/index.html.erb')).result(binding))
+end
+
+def capture
+ old_output = @output
+ @output = ""
+ yield
+ensure
+ @output = old_output
+end
+
+def html_block(**options, &block)
+ @output << ""
+ @output << CGI::escapeHTML(capture(&block).strip)
+ @output << " "
+end
+
+def render_with_layout(template_path, context = self)
+ template = File.read(template_path)
+ layout = File.read('preview/layout.html.erb')
+ [template, layout].inject(nil) do |prev, temp|
+ render(temp){prev}
end
-
+end
+
+def render(template)
+ ERB.new(template, nil, nil, "@output").result( binding )
end
class UrlGenerator < Sprockets::DirectiveProcessor
diff --git a/index.html b/index.html
index e449fee7..6de65917 100644
--- a/index.html
+++ b/index.html
@@ -3,1233 +3,249 @@
Uniform
-
-
-
-
-
-
-
-
-
-
+
+
-
Sass components and defaults for building a UI that's on fleak.
-
-
-
-
-
-
-
Installation
-
-
Add to your gem filegem 'uniform-ui'
-
Execute:$ bundle
-
Or install it yourself:$ gem install uniform-ui
-
Include the css library in your asset pipeline.@import 'uniform';
-
-
-
-
-
-
Philosophy
-
-
Don't use ID's
-
Unless you have to, and even then, think twice. HTML Id's make things not reusable. There should only be one instance of an id in a document
-
-
Use Semanitc Classes Presentationaly :)
-
Here's a decent post on OOCSS (Object Oriented CSS) as it relates to semantic vs presentational classes: OOCSS v OOSCSS
-
TL;DR: Semantic classes explain what that element is. Presentational classes explain what the shoud look like.
-
class="property-list" vs class="ul-list col-sm-4"
-
Some of us don't want to touch css files (preference: presentational), and some of us live there (preference: semantic). Honestly, the art of good ui development is balancing semantic and presentational classes. Each taken to their extreme is bad.
-
Structure html so that the semantic class is first and presentational classes follow.
-
class="property-list ul-list col-sm-4"
-
-
Save the Namespace, save the world
-
Don't make presentational classes that will clash with elements that could mean something else. I'm looking at you Bootsrap!
-
class="label" should be class="text-label"
-
-
Train-case
-
Use train-case for class names, not camelCase or snake_case. It's quicker to type and honestly just conventional.
-
-
-
-
Wrappers and Containers
-
The order of nesting should go Wrapper > Element > Container. Sometimes you have to have an inside layer to do advanced css things, and the container should be that layer. This is not a suggestion for every object; use wrapper and/or container as needed.
-
-
-
-
<![CDATA[<div class="property-wrapper">
-<div class="property">
- <div class="property-container">
- </div>
-</div>
-</div>]]>
-
-
-
-
-
-
-
-
Colors
-
-
-
-
-
- sass// $green-lightclass// .green-light
-
-
- sass// $greenclass// .green
-
-
- sass// $green-darkclass// .green-dark
-
-
- sass// $blue-lightclass// .blue-light
-
-
- sass// $blueclass// .blue
-
-
- sass// $blue-darkclass// .blue-dark
-
-
- sass// $red-lightclass// .red-light
-
-
- sass// $redclass// .red
-
-
- sass// $red-darkclass// .red-dark
-
-
- sass// $gray-lightclass// .gray-light
-
-
- sass// $grayclass// .gray
-
-
- sass// $gray-darkclass// .gray-dark
-
-
- sass// $yellow-lightclass// .yellow-light
-
-
- sass// $yellowclass// .yellow
-
-
- sass// $yellow-darkclass// .yellow-dark
-
-
-
-
-
-
-
-
Buttons
-
-
Mix and match styles to make the right button, all colors are available as well.
-
<a href='#' class='uniform-btn'></a>
-
-
-
-
-
-
-
Grid
-
-
Uses Bootstrap3 grid notation
-
-
-
-
-
<![CDATA[<div class="row">
- <div class="col-sm-4">
- <div class="green-light-bg">col-sm-4</div>
- </div>
- <div class="col-sm-4">
- <div class="green-light-bg">col-sm-4</div>
- </div>
- <div class="col-sm-4">
- <div class="green-light-bg">col-sm-4</div>
- </div>
-</div>]]>
-
-
-
-
.col-sm-3 .col-sm-push-2
-
-
-
-
-
-
-
-
Breakpoints
-
xs = 480px
-
sm = 768px
-
md = 992px
-
lg = 1200px
-
-
-
-
-
-
Inputs
-
-
Uniform Input
-
-
-
-
<![CDATA[<input type="text" class="uniform-input" />]]>
-
<![CDATA[<input type="text" class="uniform-input large" />]]>
-
-
-
-
Custom Inputs
-
-
-
Styled Select Box
-
An Option
-
-
-
<![CDATA[<span class='uniform-select'>
-<select>
- <option>An Option</option>
-</select>
-</span>]]>
-
-
-
-
Inline Inputs
-
Ever want to put in an input and it's label in line, and have it be 100% width responsive? Well, you can't, unless you use something like inline-input.
-
-
-
-
- $
-
-
-
-
- /hour
-
-
-
-
-
<![CDATA[<div class="inline-input">
-<span class="label">$</span>
-<span>
- <input id="name" placeholder="Jonathan Doe">
-</span>
-<span class="units">/hour</span>
-</div>]]>
-
-
-
-
-
- Car Preference Tesla
-
-
-
<![CDATA[<div class="inline-input">
-<span class="label">
- <label for="car">Car Preference</label>
-</span>
-<span>
- <select id="car"><option>Tesla</option></select>
-</span>
-</div>]]>
-
-
-
-
-
-
- Car Preference
-
-
-
-
-
-
-
<![CDATA[<div class="inline-input block">
-<span class="label">
- <label for="car">Car Preference</label>
-</span>
-<span>
- <input id="name" value="Jonathan Doe" disabled>
-</span>
-</div>]]>
-
-
-
-
-
-
-
-
Forms
-
-
-
-
-
<![CDATA[<form class="uniform-form">
- <div class="row">
- <div class="uniform-form-group col-sm-4">
- <label>Name</label>
- <input type="text">
- </div>
- <div class="uniform-form-group col-sm-4">
- <label>Email</label>
- <input type="text">
- </div>
- <div class="uniform-form-group col-sm-4">
- <label>Phone</label>
- <input type="text">
- </div>
- </div>
- <div class="row">
- <div class="uniform-form-group col-sm-4">
- <label>Twitter</label>
- <input type="text">
- <label>Facebook</label>
- <input type="text">
- <label>Instagram</label>
- <input type="text">
- </div>
- <div class="uniform-form-group col-sm-8">
- <label>Details</label>
- <textarea rows="9"></textarea>
- </div>
- </div>
- </form>]]>
-
-
-
-
Has Error
-
-
-
-
<![CDATA[<form class="uniform-form">
- <div class="row">
- <div class="uniform-form-group col-sm-4">
- <div class="has-error">
- <label>Name</label>
- <input type="text">
- </div>
- </div>
- </div>
-</form>]]>
-
-
-
-
-
-
-
<![CDATA[<form class="uniform-form uniform-form-table">
- <div class="row">
- <div class="uniform-form-group col-sm-4">
- <label>Name</label>
- <input type="text">
- </div>
- <div class="uniform-form-group col-sm-4">
- <label>Email</label>
- <input type="text">
- </div>
- <div class="uniform-form-group col-sm-4">
- <label>Phone</label>
- <input type="text">
- </div>
- </div>
- <div class="row">
- <div class="uniform-form-group col-sm-4">
- <label>Twitter</label>
- <input type="text">
- <label>Facebook</label>
- <input type="text">
- <label>Instagram</label>
- <input type="text">
- </div>
- <div class="uniform-form-group col-sm-8 col-span-2">
- <label>Details</label>
- <textarea rows="6"></textarea>
- </div>
- </div>
-</form>]]>
-
-
-
-
-
-
-
-
Loaders
-
-
-
-
-
<![CDATA[<div class="uniform-loader">
- <div class="uniform-loader-container">
- <span>•</span>
- <span>•</span>
- <span>•</span>
- </div>
-</div>]]>
-
-
-
-
-
-
-
-
-
<![CDATA[<span style="position:relative; display:inline-block">
- <img src="https://unsplash.it/150/100/?random" style="display:block;">
- <div class="uniform-loader cover">
- <div class="uniform-loader-container">
- <span>•</span>
- <span>•</span>
- <span>•</span>
- </div>
- </div>
-</span>]]>
-
-
-
-
-
-
-
-
-
<![CDATA[<span style="position:relative; display:inline-block">
- <img src="https://unsplash.it/150/100/?random" style="display:block;">
- <div class="uniform-loader cover light">
- <div class="uniform-loader-container">
- <span>•</span>
- <span>•</span>
- <span>•</span>
- </div>
- </div>
-</span>]]>
-
-
-
-
-
-
-
-
Cards
-
-
-
-
-
<![CDATA[<div class="uniform-card">
- <div class="uniform-card-title">
- <span class="title">Sample Card</span>
- </div>
- <div class="uniform-card-body">Put Content In Here</div>
-</div>]]>
-
-
-
-
-
-
<![CDATA[<div class="uniform-card">
- <div class="uniform-card-avatar">
- <img src="https://unsplash.it/166/166/?random" style="display:block;" height="166" width="166">
- </div>
- <div class="uniform-card-container">
- <div class="uniform-card-title">
- <span class="title">John Dozer</span>
- <div class="actions">
- <a class="uniform-btn">Edit</a>
- </div>
- </div>
- <div class="uniform-card-body">
- <div class="uniform-card-attributes">
- <div>
- <div>Company</div>
- <div>Friendly Associates</div>
- </div>
- <div>
- <div>Title</div>
- <div>Head Dude</div>
- </div>
- <div>
- <div>Skills</div>
- <div>Stapling, Jogging</div>
- </div>
- </div>
- </div>
- </div>
-</div>]]>
-
-
-
-
-
-
-
-
Tiles
-
- TODO
-
-
-
-
-
-
-
-
-
Lists
-
-
-
-
- Fill out the form
- Join the club
- Chill
-
-
-
-
<![CDATA[
-<ol class="uniform-step">
- <li>Fill out the form</li>
- <li>Join the club</li>
- <li>Chill</li>
-</ol>]]>
-
-
-
-
-
-
-
<![CDATA[
-<ul class="uniform-checks">
- <li>Fill out the form</li>
- <li>Join the club</li>
- <li>Chill</li>
-</ul>]]>
-
-
-
-
-
-
-
<![CDATA[
-<ul class="uniform-icons">
- <li data-icon="">Fill out the form</li>
- <li data-icon="">Join the club</li>
- <li data-icon="">Chill</li>
-</ul>]]>
-
-
-
-
-
-
-
-
Tables
-
- TODO
-
-
-
-
-
-
Nav
-
-
-
-
-
-
<![CDATA[<div class="uniform-nav">
- <div class="brand">
- <img src="site/logo.png" height="31" width="137">
- </div>
- <ul>
- <li><a href="#">Home</a></li>
- <li><a href="#">About</a></li>
- <li><a href="#">Contact</a></li>
- </ul>
- <ul class="uniform-nav-right">
- <li><a href="#">Login</a></li>
- </ul>
-</div>
-<div class="uniform-nav uniform-nav-subnav">
- <ul>
- <li><a href="#">Home</a></li>
- <li><span style="font-family: 'fortycons'"></span></li>
- <li><a href="#">Nav</a></li>
- <li><span style="font-family: 'fortycons'"></span></li>
- <li><a href="#">Preview</a></li>
- </ul>
-</div>]]>
-
-
-
-
-
-
Tabs
-
- TODO
-
-
-
-
-
-
Helpers
-
-
-
- 21
-
-
-
<![CDATA[<span class="uniform-count">21</span>]]>
-
-
-
-
- 21
-
-
-
<![CDATA[<span class="uniform-count invert">21</span>]]>
-
-
-
-
- 21
-
-
-
<![CDATA[<span class="uniform-count outline">21</span>]]>
-
-
-
-
-
-
-
- .rounded, .round
-
-
-
-
-
-
-
- .honeypot
-
-
-
<![CDATA[position:absolute !important;
-left:-999999px !important;
-width:1px !important;
-display:block !important;
-]]>
-
-
-
-
-
-
-
-
-
-
- .text-overflow
-
-
-
<![CDATA[text-overflow: inherit;
-white-space: inherit;
-overflow: inherit;]]>
-
-
-
-
-
- .light, .text-light
-
-
-
-
-
-
- .warn
-
-
-
<![CDATA[color:lighten($gray, 20);
-&:hover{
- color:$red;
-}]]>
-
-
-
-
- p.large
-
-
-
<![CDATA[font-size:1.5em;
-font-weight:300;
-margin-bottom:20px;]]>
-
-
-
-
- .nowrap
-
-
-
<![CDATA[white-space: nowrap;
-overflow:hidden;]]>
-
-
-
-
-
- .counter-pad
-
-
-
<![CDATA[margin-left: -15px;
-margin-right:-15px;]]>
-
-
-
-
-
+
Sass components and helpers for building a UI.
+
+
Installation
+
Add to your gem filegem 'uniform-ui'
+
Execute:$ bundle
+
Or install it yourself:$ gem install uniform-ui
+
Include the css library in your asset pipeline.@import 'uniform';
+
Include the javascript library in your asset pipeline.//= require uniform
+
Scope Components
+
Optionally, you can scope the components you want included in your assets.
+
// css
+@import 'uniform';
+// - OR -
+@import 'uniform/base';
+@import 'uniform/helpers';
+@import 'uniform/defaults';
+@import 'uniform/helpers/text';
+@import 'uniform/helpers/colors';
+@import 'uniform/helpers/sizes';
+@import 'uniform/helpers/margin';
+@import 'uniform/helpers/padding';
+@import 'uniform/components/tile';
+@import 'uniform/components/label';
+@import 'uniform/components/form';
+@import 'uniform/components/buttons';
+@import 'uniform/components/select';
+@import 'uniform/components/card';
+@import 'uniform/components/grid';
+@import 'uniform/components/table';
+@import 'uniform/components/row';
+@import 'uniform/components/tabs';
+@import 'uniform/components/tooltip';
+@import 'uniform/components/dropdown';
+@import 'uniform/components/alert';
+@import 'uniform/components/loaders';
+@import 'uniform/components/nav';
+@import 'uniform/components/modal';
+
+// javascript
+//= require uniform
+// - OR -
+//= require uniform/base
+//= require uniform/select
+
+
+
Philosophy
+
Don't use ID's
+
Unless you have to, and even then, think twice. HTML Id's make things not
+ reusable. There should only be one instance of an id in a document
+
+
Use Semanitc Classes Presentationaly :)
+
+ Here's a decent post on OOCSS (Object Oriented CSS) as it relates to
+ semantic vs presentational classes:
+ OOCSS v OOSCSS
+
+ TL;DR: Semantic classes explain what that element is.
+ Presentational classes explain what the shoud look like.
+
+
+ class="property-list" vs class="ul-list col-sm-4"
+
+
+ Some of us don't want to touch css files (preference: presentational),
+ and some of us live there (preference: semantic). Honestly, the art of
+ good ui development is balancing semantic and presentational classes.
+ Each taken to their extreme is bad.
+
+
+ Structure html so that the semantic class is first and presentational
+ classes follow.
+
+
class="property-list ul-list col-sm-4"
+
+
Save the Namespace, save the world
+
Don't make presentational classes that will clash with elements that could mean something else. I'm looking at you Bootsrap!
+
class="label" should be class="text-label"
+
+
camelCase vs train-case
+
Use camelCase for class names for components, not train-case or snake_case.
+
Use tran-case for class names for helpers or modifiers.
+
+
Wrappers and Containers
+
+ Both wrapper and container can be used as class names
+ for an element that goes around a component. The difference is nuanced.
+ wrapper should be used to wrap a single element for a formatting purpose.
+ A container should be used to wrap multiple elements.
+
+
+
Mix and match styles to make the right button, all colors are available as well.
-<%= CGI::escapeHTML "
-
\ No newline at end of file
diff --git a/preview/_cards.html.erb b/preview/_cards.html.erb
deleted file mode 100644
index 511d4632..00000000
--- a/preview/_cards.html.erb
+++ /dev/null
@@ -1,82 +0,0 @@
-
-
-
-
<![CDATA[<div class="uniform-card">
- <div class="uniform-card-title">
- <span class="title">Sample Card</span>
- </div>
- <div class="uniform-card-body">Put Content In Here</div>
-</div>]]>
-
-
-
-
-
<![CDATA[<div class="uniform-card">
- <div class="uniform-card-avatar">
- <img src="https://unsplash.it/166/166/?random" style="display:block;" height="166" width="166">
- </div>
- <div class="uniform-card-container">
- <div class="uniform-card-title">
- <span class="title">John Dozer</span>
- <div class="actions">
- <a class="uniform-btn">Edit</a>
- </div>
- </div>
- <div class="uniform-card-body">
- <div class="uniform-card-attributes">
- <div>
- <div>Company</div>
- <div>Friendly Associates</div>
- </div>
- <div>
- <div>Title</div>
- <div>Head Dude</div>
- </div>
- <div>
- <div>Skills</div>
- <div>Stapling, Jogging</div>
- </div>
- </div>
- </div>
- </div>
-</div>]]>
-
-
-<% %w(green blue red gray yellow).each do |color| %>
- <% ["-light", "", "-dark"].each do |style| %>
-
- sass// $<%= color %><%= style %>class// .<%= color %><%= style %>
- <% end %>
-
\ No newline at end of file
diff --git a/preview/_forms.html.erb b/preview/_forms.html.erb
deleted file mode 100644
index d442f591..00000000
--- a/preview/_forms.html.erb
+++ /dev/null
@@ -1,196 +0,0 @@
-
-
-
-
<![CDATA[<form class="uniform-form">
- <div class="row">
- <div class="uniform-form-group col-sm-4">
- <label>Name</label>
- <input type="text">
- </div>
- <div class="uniform-form-group col-sm-4">
- <label>Email</label>
- <input type="text">
- </div>
- <div class="uniform-form-group col-sm-4">
- <label>Phone</label>
- <input type="text">
- </div>
- </div>
- <div class="row">
- <div class="uniform-form-group col-sm-4">
- <label>Twitter</label>
- <input type="text">
- <label>Facebook</label>
- <input type="text">
- <label>Instagram</label>
- <input type="text">
- </div>
- <div class="uniform-form-group col-sm-8">
- <label>Details</label>
- <textarea rows="9"></textarea>
- </div>
- </div>
- </form>]]>
-
-
Has Error
-
-
-
-
<![CDATA[<form class="uniform-form">
- <div class="row">
- <div class="uniform-form-group col-sm-4">
- <div class="has-error">
- <label>Name</label>
- <input type="text">
- </div>
- </div>
- </div>
-</form>]]>
-
-
-
-
-
<![CDATA[<form class="uniform-form uniform-form-table">
- <div class="row">
- <div class="uniform-form-group col-sm-4">
- <label>Name</label>
- <input type="text">
- </div>
- <div class="uniform-form-group col-sm-4">
- <label>Email</label>
- <input type="text">
- </div>
- <div class="uniform-form-group col-sm-4">
- <label>Phone</label>
- <input type="text">
- </div>
- </div>
- <div class="row">
- <div class="uniform-form-group col-sm-4">
- <label>Twitter</label>
- <input type="text">
- <label>Facebook</label>
- <input type="text">
- <label>Instagram</label>
- <input type="text">
- </div>
- <div class="uniform-form-group col-sm-8 col-span-2">
- <label>Details</label>
- <textarea rows="6"></textarea>
- </div>
- </div>
-</form>]]>
-
-
Uses Bootstrap3 grid notation
-
-<![CDATA[<div class="row">
- <div class="col-sm-4">
- <div class="green-light-bg">col-sm-4</div>
- </div>
- <div class="col-sm-4">
- <div class="green-light-bg">col-sm-4</div>
- </div>
- <div class="col-sm-4">
- <div class="green-light-bg">col-sm-4</div>
- </div>
-</div>]]>
-
-
.col-sm-3 .col-sm-push-2
-
-
Breakpoints
-xs = 480px
-sm = 768px
-md = 992px
-lg = 1200px
\ No newline at end of file
diff --git a/preview/_helpers.html.erb b/preview/_helpers.html.erb
deleted file mode 100644
index 6dafec95..00000000
--- a/preview/_helpers.html.erb
+++ /dev/null
@@ -1,192 +0,0 @@
-
-
- 21
-
-
-
<![CDATA[<span class="uniform-count">21</span>]]>
-
-
-
- 21
-
-
-
<![CDATA[<span class="uniform-count invert">21</span>]]>
-
-
-
- 21
-
-
-
<![CDATA[<span class="uniform-count outline">21</span>]]>
-
-
-
- .rounded, .round
-
-
-
-
- .honeypot
-
-
-
<![CDATA[position:absolute !important;
-left:-999999px !important;
-width:1px !important;
-display:block !important;
-]]>
-
-
-
- .text-overflow
-
-
-
<![CDATA[text-overflow: inherit;
-white-space: inherit;
-overflow: inherit;]]>
-
-
-
- .light, .text-light
-
-
-
-
- .warn
-
-
-
<![CDATA[color:lighten($gray, 20);
-&:hover{
- color:$red;
-}]]>
-
-
-
- p.large
-
-
-
<![CDATA[font-size:1.5em;
-font-weight:300;
-margin-bottom:20px;]]>
-
-
-
- .nowrap
-
-
-
<![CDATA[white-space: nowrap;
-overflow:hidden;]]>
-
-
-
- .counter-pad
-
-
-
<![CDATA[margin-left: -15px;
-margin-right:-15px;]]>
-
-
Uniform Input
-
-
-
-
<![CDATA[<input type="text" class="uniform-input" />]]>
-
<![CDATA[<input type="text" class="uniform-input large" />]]>
-
-
Custom Inputs
-
-
-
Styled Select Box
-
An Option
-
-
-
<![CDATA[<span class='uniform-select'>
-<select>
- <option>An Option</option>
-</select>
-</span>]]>
-
-
Inline Inputs
-Ever want to put in an input and it's label in line, and have it be 100% width responsive? Well, you can't, unless you use something like inline-input.
-
-
-
-
- $
-
-
-
-
- /hour
-
-
-
-
-
<![CDATA[<div class="inline-input">
-<span class="label">$</span>
-<span>
- <input id="name" placeholder="Jonathan Doe">
-</span>
-<span class="units">/hour</span>
-</div>]]>
-
-
-
-
- Car Preference Tesla
-
-
-
<![CDATA[<div class="inline-input">
-<span class="label">
- <label for="car">Car Preference</label>
-</span>
-<span>
- <select id="car"><option>Tesla</option></select>
-</span>
-</div>]]>
-
-
-
-
-
- Car Preference
-
-
-
-
-
-
-
<![CDATA[<div class="inline-input block">
-<span class="label">
- <label for="car">Car Preference</label>
-</span>
-<span>
- <input id="name" value="Jonathan Doe" disabled>
-</span>
-</div>]]>
-
-
Add to your gem filegem 'uniform-ui'
-Execute:$ bundle
-Or install it yourself:$ gem install uniform-ui
-Include the css library in your asset pipeline.@import 'uniform';
\ No newline at end of file
diff --git a/preview/_lists.html.erb b/preview/_lists.html.erb
deleted file mode 100644
index b112dddd..00000000
--- a/preview/_lists.html.erb
+++ /dev/null
@@ -1,53 +0,0 @@
-
-
-
- Fill out the form
- Join the club
- Chill
-
-
-
-
<![CDATA[
-<ol class="uniform-step">
- <li>Fill out the form</li>
- <li>Join the club</li>
- <li>Chill</li>
-</ol>]]>
-
-
-
-
-
<![CDATA[
-<ul class="uniform-checks">
- <li>Fill out the form</li>
- <li>Join the club</li>
- <li>Chill</li>
-</ul>]]>
-
-
-
-
-
<![CDATA[
-<ul class="uniform-icons">
- <li data-icon="">Fill out the form</li>
- <li data-icon="">Join the club</li>
- <li data-icon="">Chill</li>
-</ul>]]>
-
-
-
-
-
<![CDATA[<div class="uniform-loader">
- <div class="uniform-loader-container">
- <span>•</span>
- <span>•</span>
- <span>•</span>
- </div>
-</div>]]>
-
-
-
-
-
-
-
-
<![CDATA[<span style="position:relative; display:inline-block">
- <img src="https://unsplash.it/150/100/?random" style="display:block;">
- <div class="uniform-loader cover">
- <div class="uniform-loader-container">
- <span>•</span>
- <span>•</span>
- <span>•</span>
- </div>
- </div>
-</span>]]>
-
-
-
-
-
-
-
-
<![CDATA[<span style="position:relative; display:inline-block">
- <img src="https://unsplash.it/150/100/?random" style="display:block;">
- <div class="uniform-loader cover light">
- <div class="uniform-loader-container">
- <span>•</span>
- <span>•</span>
- <span>•</span>
- </div>
- </div>
-</span>]]>
-
-
<![CDATA[<div class="uniform-nav">
- <div class="brand">
- <img src="site/logo.png" height="31" width="137">
- </div>
- <ul>
- <li><a href="#">Home</a></li>
- <li><a href="#">About</a></li>
- <li><a href="#">Contact</a></li>
- </ul>
- <ul class="uniform-nav-right">
- <li><a href="#">Login</a></li>
- </ul>
-</div>
-<div class="uniform-nav uniform-nav-subnav">
- <ul>
- <li><a href="#">Home</a></li>
- <li><span style="font-family: 'fortycons'"></span></li>
- <li><a href="#">Nav</a></li>
- <li><span style="font-family: 'fortycons'"></span></li>
- <li><a href="#">Preview</a></li>
- </ul>
-</div>]]> Don't use ID's
-Unless you have to, and even then, think twice. HTML Id's make things not reusable. There should only be one instance of an id in a document
-
-Use Semanitc Classes Presentationaly :)
-Here's a decent post on OOCSS (Object Oriented CSS) as it relates to semantic vs presentational classes: OOCSS v OOSCSS
-
TL;DR: Semantic classes explain what that element is. Presentational classes explain what the shoud look like.
-class="property-list" vs class="ul-list col-sm-4"
-
Some of us don't want to touch css files (preference: presentational), and some of us live there (preference: semantic). Honestly, the art of good ui development is balancing semantic and presentational classes. Each taken to their extreme is bad.
-Structure html so that the semantic class is first and presentational classes follow.
-class="property-list ul-list col-sm-4"
-
-Save the Namespace, save the world
-Don't make presentational classes that will clash with elements that could mean something else. I'm looking at you Bootsrap!
-class="label" should be class="text-label"
-
-Train-case
-Use train-case for class names, not camelCase or snake_case. It's quicker to type and honestly just conventional.
-
-
-
-
Wrappers and Containers
-
The order of nesting should go Wrapper > Element > Container. Sometimes you have to have an inside layer to do advanced css things, and the container should be that layer. This is not a suggestion for every object; use wrapper and/or container as needed.
-
-
-
-
<![CDATA[<div class="property-wrapper">
-<div class="property">
- <div class="property-container">
- </div>
-</div>
-</div>]]>
-
-
-
-
-
-
- John Doe
- ABC Designs
-
-
- Garland, TX
-
-
- Texas Ranger Fan
-
-
-
-
-
-
-
-
- Jack Doe
- ABC Designs
-
-
- Mesquite, TX
-
-
- Dallas Cowboy Fan
-
-
-
-<![CDATA[<a class="uniform-row" href="#rows">
- <span class="uniform-row-avatar">
- <img src="https://unsplash.it/63/47/?random" width="63" height="47">
- </span>
- <span class="uniform-row-container">
- <span class="col-sm-6">
- John Doe
- <span class="uniform-row-secondary">ABC Designs</span>
- </span>
- <span class="col-sm-3">
- Garland, TX
- </span>
- <span class="col-sm-3">
- Texas Ranger Fan
- </span>
- </span>
-</a>]]>
-
-
Sass components and defaults for building a UI that's on fleak.
-
+
Buttons
+
Mix and match styles to make the right button, all colors are available as well.
+
<%= CGI::escapeHTML "
+
+
+
uniformButtonGroup
+
+
+
Cards
+
+
+
+ <% html_block do %>
+
+ <% end %>
+
+
+
+
Forms
+
UniformForm
+
+
+
+ <% html_block do %>
+
+ <% end %>
+
+
+
+
+
+
+ <% html_block do %>
+
+ <% end %>
+
+
+
+
+
UniformInput
+
+
+
Custom Inputs
+
+
+
Styled Select Box
+
An Option
+
+
+ <% html_block do %>
+
+
+ An Option
+
+
+ <% end %>
+
+
+
+
+
+
+
+
+
+
+
+
Floating Label
+
Requires Javascript to fully work, but fails gracefully when not applied.
+
+
+
+ <% html_block do %>
+
+ Name
+
+ <% end %>
+
+
+
+
Input Group
+
Ever want to put in an input and it's label in line, and have it be 100% width responsive? Well, you can't, unless you use something like uniformInputGroup.
+
+
+
+
+ $
+
+
+
+
+ /hour
+
+
+
+
+ <% html_block do %>
+
+
+ $
+
+
+
+
+ /hour
+
+
+ <% end %>
+
+
+
+
+
+
+ Car Preference
+
+
+
+
+
+
+ <% html_block do %>
+
+
+ Car Preference
+
+
+
+
+ <% end %>
+
+
+
+
Grid
+
Similar to Bootstrap 4 with some modifications. Uses flexbox with a host of helper options.
+
Breakpoints
+
+ Any helper can have -sm, -md, -lg,
+ or -xl added to cause helper to only go into effect for that
+ breakpoint.
+
+
xs = 480px
+
sm = 768px
+
md = 992px
+
lg = 1200px
+ <% html_block do %>
+
+
content
+
content
+
content
+
+ <% end %>
+
Grid Options
+ <% [
+ 'grid-center',
+ 'grid-top',
+ 'grid-bottom',
+ 'grid-stretch',
+ 'grid-h-left',
+ 'grid-h-center',
+ 'grid-h-right',
+ 'grid-h-around',
+ 'grid-h-between'
+ ].each do |klass| %>
+
+ .grid .<%= klass %>
+
+
+ <% end %>
+
+ <% [
+ 'grid-v-top',
+ 'grid-v-center',
+ 'grid-v-bottom',
+ 'grid-v-around',
+ 'grid-v-between',
+ 'grid-v-stretch'
+ ].each do |klass| %>
+
+ .grid .<%= klass %> .height-300-px
+
+
+ <% end %>
+
+
+
+ .grid .no-wrap .height-300-px
+
+
+
+
+ .grid .grid-vertical
+
+
+
+
+
+
+
+
+
+
+
Col Options
+
+ .grid
+
+
+
+
+
+ col > width-200-px
+
+
+
+
+
+
+
+
+ .grid
+
+
+
+
+
+ col > width-200-px
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ .grid
+
+
+
+
+
+ col > width-200-px
+
+
+
+
+
+
+
+
+
+ .grid
+
+
+
+
+ col no-gutter > width-200-px
+
+
+
+
+
+
+
+
+
Helpers
+
These classes are mostly used as modifieres to base elements or compontents
+
+
Breakpoints
+
+ Any helper can have -sm, -md, -lg,
+ or -xl added to cause helper to only go into effect for that
+ breakpoint.
+
+
+
Padding
+
+
+
Margin
+
+
+
Colors
+
+
+
Sizes
+
+
+
Text
+
+
+
Layout
+
+
+
Uniform
-
-
-
-
-
+
+
+
Sass components and helpers for building a UI.
-
- <% sections.each do |section| %>
-
-
- <% if section != :uniform %>
-
<%= section.to_s.titleize %>
- <% end %>
- <%= ERB.new(File.read("preview/_#{section}.html.erb")).result %>
-
+
+
Installation
+
Add to your gem filegem 'uniform-ui'
+
Execute:$ bundle
+
Or install it yourself:$ gem install uniform-ui
+
Include the css library in your asset pipeline.@import 'uniform';
+
Include the javascript library in your asset pipeline.//= require uniform
+
Scope Components
+
Optionally, you can scope the components you want included in your assets.
+ <% html_block do %>
+// css
+@import 'uniform';
+// - OR -
+@import 'uniform/base';<% (Dir.foreach(File.join('vendor', 'assets', 'stylesheets', 'uniform')).reject{|x| %w(variables.scss mixins.scss base.scss).include?(x)}.to_a +
+ Dir.foreach(File.join('vendor', 'assets', 'stylesheets', 'uniform', 'helpers')).map{|x| "helpers/#{x}"}.to_a +
+ Dir.foreach(File.join('vendor', 'assets', 'stylesheets', 'uniform', 'components')).map{|x| "components/#{x}"}.to_a).select{|x| x.split('.').last == "scss"}.each do |x| %>
+@import 'uniform/<%= x.remove('.scss') %>';<% end %>
+
+// javascript
+//= require uniform
+// - OR -
+//= require uniform/base
+//= require uniform/select
<% end %>
+
-
-
+
Philosophy
+
Don't use ID's
+
Unless you have to, and even then, think twice. HTML Id's make things not
+ reusable. There should only be one instance of an id in a document
+
+
Use Semanitc Classes Presentationaly :)
+
+ Here's a decent post on OOCSS (Object Oriented CSS) as it relates to
+ semantic vs presentational classes:
+ OOCSS v OOSCSS
+
+ TL;DR: Semantic classes explain what that element is.
+ Presentational classes explain what the shoud look like.
+
+
+ class="property-list" vs class="ul-list col-sm-4"
+
+
+ Some of us don't want to touch css files (preference: presentational),
+ and some of us live there (preference: semantic). Honestly, the art of
+ good ui development is balancing semantic and presentational classes.
+ Each taken to their extreme is bad.
+
+
+ Structure html so that the semantic class is first and presentational
+ classes follow.
+
+
class="property-list ul-list col-sm-4"
+
+
Save the Namespace, save the world
+
Don't make presentational classes that will clash with elements that could mean something else. I'm looking at you Bootsrap!
+
class="label" should be class="text-label"
+
+
camelCase vs train-case
+
Use camelCase for class names for components, not train-case or snake_case.
+
Use tran-case for class names for helpers or modifiers.
+
+
Wrappers and Containers
+
+ Both wrapper and container can be used as class names
+ for an element that goes around a component. The difference is nuanced.
+ wrapper should be used to wrap a single element for a formatting purpose.
+ A container should be used to wrap multiple elements.
+
+
+
Uniform
+
+ <%= yield %>
+
+
+
+
+
+
\ No newline at end of file
diff --git a/preview/loaders.html.erb b/preview/loaders.html.erb
new file mode 100644
index 00000000..48086977
--- /dev/null
+++ b/preview/loaders.html.erb
@@ -0,0 +1,83 @@
+
+
Loaders
+
+
+
+ <% html_block do %>
+
+ <% end %>
+
+
+
+
+
.cover
+
+
+
+
+ <% html_block do %>
+
+
+ <% end %>
+
+
+
+
+
.cover.light
+
+
+
+
+ <% html_block do %>
+
+
+ <% end %>
+
+
+
+
Nav
+
+ <% html_block do %>
+
+ <% end %>
+
+
Vertical
+
+
+
+ <% html_block class: "width-100-p" do %>
+
+ <% end %>
+
+
+
+
//TODO show more options
+
+
uniformTabs
+
+ <% html_block do %>
+
+ <% end %>
+
Uniform
+
+ TODO
+
+
+
+
+
+
\ No newline at end of file
diff --git a/site/alerts.html copy b/site/alerts.html copy
new file mode 100644
index 00000000..bdbbd883
--- /dev/null
+++ b/site/alerts.html copy
@@ -0,0 +1,133 @@
+
+
+ Uniform
+
+ TODO
+
+
+
+
+
+
\ No newline at end of file
diff --git a/site/buttons.html b/site/buttons.html
new file mode 100644
index 00000000..0ce336e4
--- /dev/null
+++ b/site/buttons.html
@@ -0,0 +1,286 @@
+
+
+ Uniform
+
+
+
Buttons
+
Mix and match styles to make the right button, all colors are available as well.
+
<a href='#' class='uniformButton'></a>
+
+
+
uniformButtonGroup
+
+
+
Uniform
+
+
+
Cards
+
+
+
+
<div class="uniformCard">
+ <div class="uniformCard-header">
+ <span class="title">Sample Card</span>
+ </div>
+ <div class="uniformCard-body">Put Content In Here</div>
+</div>
+
+
+
+
Uniform
+ Uniform
+
+ TODO
+
+
+
+
+
+
\ No newline at end of file
diff --git a/site/dropdown.html copy b/site/dropdown.html copy
new file mode 100644
index 00000000..c0ed4981
--- /dev/null
+++ b/site/dropdown.html copy
@@ -0,0 +1,141 @@
+
+
+ Uniform
+
+ TODO
+
+
+
+
+
+
\ No newline at end of file
diff --git a/site/form.html b/site/form.html
new file mode 100644
index 00000000..483c6e70
--- /dev/null
+++ b/site/form.html
@@ -0,0 +1,369 @@
+
+
+ Uniform
+
+
+
Forms
+
UniformForm
+
+
+
+
<form class="uniformForm">
+ <div class="form-group">
+ <label>Name</label>
+ <input type="text">
+ </div>
+ <div class="form-group" data-error-message="example error message">
+ <label>Phone</label>
+ <input type="text">
+ </div>
+ <div class="form-group">
+ <label>Email</label>
+ <input type="text">
+ </div>
+</form>
+
+
+
+
+
+
+
<form class="uniformForm uniformForm-table">
+ <div class="form-group">
+ <label>Name</label>
+ <input type="text">
+ </div>
+ <div class="form-group" data-error-message="example error message">
+ <label>Phone</label>
+ <input type="text">
+ </div>
+ <div class="form-group">
+ <label>Email</label>
+ <input type="text">
+ </div>
+</form>
+
+
+
+
+
UniformInput
+
+
+
+
<input type="text" class="uniformInput" />
+
<input type="text" class="uniformInput large" />
+
+
+
+
Custom Inputs
+
+
+
Styled Select Box
+
An Option
+
+
+
<span class='uniformSelect'>
+ <select>
+ <option>An Option</option>
+ </select>
+</span>
+
+
+
+
+
<div class="uniformCheckboxCollection">
+ <label><input type="checkbox"> Option 1</label>
+ <label><input type="checkbox"> Option 2</label>
+ <label><input type="checkbox"> Option 3</label>
+</div>
+
+
+
+
+
<div class="uniformCheckboxCollection inline">
+ <label><input type="radio"> Option 1</label>
+ <label><input type="radio"> Option 2</label>
+ <label><input type="radio"> Option 3</label>
+</div>
+
+
+
+
+
+
Floating Label
+
Requires Javascript to fully work, but fails gracefully when not applied.
+
+
+
+
<div class="uniformFloatingLabel">
+ <label for="example-1">Name</label>
+ <input type="text" class="pad-more" id="example-1">
+</div>
+
+
+
+
Input Group
+
Ever want to put in an input and it's label in line, and have it be 100% width responsive? Well, you can't, unless you use something like uniformInputGroup.
+
+
+
+
+ $
+
+
+
+
+ /hour
+
+
+
+
+
<div class="uniformInputGroup">
+ <span class="label">
+ <label for="rate">$</label>
+ </span>
+ <span class="input">
+ <input id="rate">
+ </span>
+ <span class="units">
+ <label for="rate">/hour</label>
+ </span>
+ </div>
+
+
+
+
+
+
+ Car Preference
+
+
+
+
+
+
+
<div class="uniformInputGroup">
+ <span class="label">
+ <label for="car">Car Preference</label>
+ </span>
+ <span class="input">
+ <input id="name" value="Jonathan Doe" disabled>
+ </span>
+</div>
+
+
+
+
Uniform
+
+
+
Grid
+
Similar to Bootstrap 4 with some modifications. Uses flexbox with a host of helper options.
+
Breakpoints
+
+ Any helper can have -sm, -md, -lg,
+ or -xl added to cause helper to only go into effect for that
+ breakpoint.
+
+
xs = 480px
+
sm = 768px
+
md = 992px
+
lg = 1200px
+
<div class="grid">
+ <div class="col">content</div>
+ <div class="col">content</div>
+ <div class="col">content</div>
+</div>
+
Grid Options
+
+
+
+
+
+
+
+
+ .grid .grid-stretch
+
+
+
+
+
+
+ .grid .grid-h-center
+
+
+
+
+ .grid .grid-h-right
+
+
+
+
+ .grid .grid-h-around
+
+
+
+
+ .grid .grid-h-between
+
+
+
+
+
+
+ .grid .grid-v-top .height-300-px
+
+
+
+
+ .grid .grid-v-center .height-300-px
+
+
+
+
+ .grid .grid-v-bottom .height-300-px
+
+
+
+
+ .grid .grid-v-around .height-300-px
+
+
+
+
+ .grid .grid-v-between .height-300-px
+
+
+
+
+ .grid .grid-v-stretch .height-300-px
+
+
+
+
+
+
+ .grid .no-wrap .height-300-px
+
+
+
+
+ .grid .grid-vertical
+
+
+
+
+
+
+
+
+
+
+
Col Options
+
+ .grid
+
+
+
+
+
+ col > width-200-px
+
+
+
+
+
+
+
+
+ .grid
+
+
+
+
+
+ col > width-200-px
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ .grid
+
+
+
+
+
+ col > width-200-px
+
+
+
+
+
+
+
+
+
+ .grid
+
+
+
+
+ col no-gutter > width-200-px
+
+
+
+
+
+
+
+
+
Uniform
+
+
+
Helpers
+
These classes are mostly used as modifieres to base elements or compontents
+
+
Breakpoints
+
+ Any helper can have -sm, -md, -lg,
+ or -xl added to cause helper to only go into effect for that
+ breakpoint.
+
+
+
Padding
+
+
+
Margin
+
+
+
Colors
+
+
+
Sizes
+
+
+
Text
+
+
+
Layout
+
+
+
+
Uniform
-
-
-
-
Uniform
+
+ TODO
+
+
+
+
+
+
\ No newline at end of file
diff --git a/site/layout.html b/site/layout.html
new file mode 100644
index 00000000..97f1af16
--- /dev/null
+++ b/site/layout.html
@@ -0,0 +1,313 @@
+
+
+ Uniform
+
+
+
+
+
Uniform
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Uniform
+
+
+
Loaders
+
+
+
+
<div class="uniform-loader">
+ <div class="uniform-loader-container">
+ <span>•</span>
+ <span>•</span>
+ <span>•</span>
+ </div>
+</div>
+
+
+
+
+
.cover
+
+
+
+
+
<span style="position:relative; display:inline-block">
+ <img src="https://unsplash.it/150/100/?random" style="display:block;">
+ <div class="uniform-loader cover">
+ <div class="uniform-loader-container">
+ <span>•</span>
+ <span>•</span>
+ <span>•</span>
+ </div>
+ </div>
+</span>
+
+
+
+
+
.cover.light
+
+
+
+
+
<span style="position:relative; display:inline-block">
+ <img src="https://unsplash.it/150/100/?random" style="display:block;">
+ <div class="uniform-loader cover light">
+ <div class="uniform-loader-container">
+ <span>•</span>
+ <span>•</span>
+ <span>•</span>
+ </div>
+ </div>
+</span>
+
+
+
+
Uniform
+
+ TODO
+
+
+
+
+
+
\ No newline at end of file
diff --git a/site/nav.html b/site/nav.html
new file mode 100644
index 00000000..66d65bb8
--- /dev/null
+++ b/site/nav.html
@@ -0,0 +1,229 @@
+
+
+ Uniform
+
+
+
Nav
+
+
<div class="uniformNav">
+ <div class="mobile-nav">
+ <button type="button">
+ <img src="/site/logo.png" height="31" width="137">
+ </button>
+ </div>
+ <div class="non-mobile-nav">
+ <div class="nav">
+ <a href="#" class="pad-none pad-right"><img src="/site/logo.png" height="31" width="137"></a>
+ <a href="#">Home</a>
+ <a href="#">About</a>
+ <a href="#">Contact</a>
+ </div>
+ </div>
+</div>
+
+
Vertical
+
+
+
+
<div class="uniformNav vertical">
+ <div class="mobile-nav">
+ <button type="button">
+ <img src="/site/logo.png" height="31" width="137">
+ </button>
+ </div>
+ <div class="non-mobile-nav">
+ <div class="nav">
+ <a href="#" class="pad-none pad-right"><img src="/site/logo.png" height="31" width="137"></a>
+ <a href="#">Home</a>
+ <a href="#">About</a>
+ <a href="#">Contact</a>
+ </div>
+ </div>
+</div>
+
+
+
+
//TODO show more options
+
+
Uniform
+
+
+
Rows
+
+
+
+
+ John Doe
+ ABC Designs
+
+
+ Garland, TX
+
+
+ Texas Ranger Fan
+
+
+
+
<a class="uniformRow grid" href="#rows">
+ <span class="col-90-px avatar">
+ <img src="https://unsplash.it/63/47/?random" width="63" height="47">
+ </span>
+ <span class="col-fill">
+ John Doe
+ <span class="subtle block">ABC Designs</span>
+ </span>
+ <span class="col">
+ Garland, TX
+ </span>
+ <span class="col">
+ Texas Ranger Fan
+ </span>
+</a>
+
+
Uniform
+
+ TODO
+
+
+
+
+
+
\ No newline at end of file
diff --git a/site/site/logo.png b/site/site/logo.png
deleted file mode 100644
index 040aa960..00000000
Binary files a/site/site/logo.png and /dev/null differ
diff --git a/site/site/preview.css b/site/site/preview.css
deleted file mode 100644
index 8c9c5f06..00000000
--- a/site/site/preview.css
+++ /dev/null
@@ -1 +0,0 @@
-*{box-sizing:border-box}html,body{font-family:Helvetica, sans-serif}.section{width:100%;padding:100px 50px;border-bottom:1px solid #cccccc}.section pre:first-of-type{margin-top:0}.side-nav{position:fixed;overflow-y:scroll;width:250px;height:100%;border-right:1px solid #cccccc}.side-nav a{color:black}.main-content{margin-left:250px}.swatch{height:1em;width:4em;margin-right:5px;background:gray;display:inline-block;vertical-align:middle}.table{width:100%}.table td{padding:5px}
diff --git a/site/site/uniform.css b/site/site/uniform.css
deleted file mode 100644
index 7c128427..00000000
--- a/site/site/uniform.css
+++ /dev/null
@@ -1 +0,0 @@
-html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}@font-face{font-family:"fortycons";src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAa0AA0AAAAACegAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGmAAAABoAAAAcejGAE09TLzIAAAGgAAAASQAAAGBP8V2PY21hcAAAAhgAAABjAAABasT8+NNjdnQgAAACfAAAAAQAAAAEABEBRGdhc3AAAAaQAAAACAAAAAj//wADZ2x5ZgAAAqQAAAJgAAADgKSJlBZoZWFkAAABMAAAAC4AAAA2CTBYU2hoZWEAAAFgAAAAHQAAACQD5gHLaG10eAAAAewAAAAqAAAALAURAXVsb2NhAAACgAAAACQAAAAkBnIHWm1heHAAAAGAAAAAHwAAACAAVwBRbmFtZQAABQQAAAEtAAACH1PcdXNwb3N0AAAGNAAAAFsAAACs9304oXjaY2BkYGAA4pQC8+/x/DZfGbiZGEDgCjf3awT9/yjjb8bdQC4HA1gaACXyCuEAAHjaY2BkYGDc/f8ogx4TAwgw/mZgZEAFrABjGAO0AAAAeNpjYGRgYBBkUGBgYQABJiBmZACJOTDogQQACGYAqQB42mNgYXzJOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGAQYECEhzTWFoYFD42M144P8BBj3G3QzWIDVIShQYGAFROAwjAAAAeNpj2M0gyAACq4D4BAMDEwODMkMXECoD+UJgGRUGBQZjBlaGBAB0WASJAAB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTAxqDwUeSj7EfFj1Ufu///B4orfBT8KPVRAcjv+v///2O+z3zv+N7wTeFrhZqDBBjZGOCCjExAggldAcQJwxkAAJf1F34AABEBRAAAACoAKgAqACoASgBqAIgAqgDEAOAA+gEUATQBagGCAawBwHjaZZLPaxNBFMff2+2brZm4221rAjZQ8zsXW8ymiYfQivaiIILSi4fQivQgXrxUyEFyKCIqNhAQRISC9GQvidA9iIsKIhYK+QPqSRAPij0pWNk4bze1LcLsMvtmPt/v980OaGADwBOcAx0MmGgjTFY7xgB8L7YFbVc7uqam0Na5TFzuGAL/VDvIdcd27Lxjp+17txcXcc5/YaOj1BDScAE/YRmGAEbilXIxNmqhSE1irlQunvU8siK0KUyxSRELT7kuSZM+khqmhIC/3/uMS/iM+WxsNCRnMNTBWwe2k6sdFCPvP34G8+w6jmGGXGnlkJ92OE2Q/XyQfVh55w0Tc/nQmxVECj3P049EdPqHXHJdXdN0sd8CqgzXMYsROAqQ2W/dSRYxKxpkqUcaCIO+RQ1Sw2JmGE6Ci1eYGbEP9uxKtU0wJ/FMDwypvkyWCHsFxa2FXDlsccoOGl4LEIY/mH1HZkPmMmbhV5hPpJOpvRYxKwf7Foq7GeLKWzEZOI7buAiWEogpH5VPMeNYKcexK+XvqFyRMhWVC1syiqejclfKpoympLy2JaW6XSd6O/gGm4qPwzj/18MauSIfb64UK5ZLuZQYxYtES0TnhBgimpgX9Hy9Xl+vP1qu1ZZrO4LXZomGhJhYIGrWefFnjRcBNHB6X/ELPg3uNIxU0EjmMe4k8HHCv8tvvJPwbyR4xmc4ANR7j7v4KtjP+aDCN3sqeYyTcKJMP923wkucnt1oNDYa/utuq9VtJXHaf/egUPjR4Opqi4vAGeZhDFfxaphhTy/gx3DGf/uwUFDb/gKY8a9XeNqFj89qwkAYxGf9V3IpxUNvhe9SUDBhjSAoPSnm0KMFD71JSJOgZmWN0LxBj32SPlEfppO47algYPl+Ozs7OwFwiy8oXL4HPDlW8FA4buEGH47beMS34w48de+4izu1cNyjntKpOh538+ZWzQp9vDpu8d13x20849NxB33VctyFKHHco/6CJQyOqGCRI0WGEoIBYgw5Q2iMMcWIvEDC9oIVPQfsuMPSHCubp1kpg3gooR5PR7JIClllhx2P35hsmVcxzfDuiZKxZRWbgrhmQooz9tjShXWSnvdbQtR4y2ZaOpKmR8Amwv+Wf1IveogJfMy4flsjMkUZGZsmEgZa5vL3Ojmc+DO/rnyt54YNLLW8ORNm1+lBM+tO2CT2lJtCtB4HWmu5EvgDhrVU0QAAAHjabcw9DkBAFATgN7tY/4nSLeyS0FriLhqd+7kZwuhMMvmayYiSJ+chtfylugtRoqGgESBEBIMYCVJkyFGgNPu2LtZa6mhLOzpSTyc6v7qG8qfnfvj0F1PpHzUAAAAAAf//AAJ42mNgYGBkAIJL0hk2IPoKN/drGA0ANXYFPQAA") format("woff");font-weight:normal;font-style:normal}vr{height:30px;border-left:1px solid #d9d9d9;margin:0 10px;display:inline-block;vertical-align:middle}.rounded,.round{border-radius:50%}.pointer{cursor:pointer !important}.handle{cursor:hand}.honeypot{position:absolute !important;left:-999999px !important;width:1px !important;display:block !important}.hide,.hidden{display:none}.right{float:right}.text-right{text-align:right}.center{text-align:center}.clear{clear:both}.bleed-fix{position:static;overflow:hidden}.no-gutter{padding-left:0;padding-right:0}.no-pad{padding-left:0;padding-right:0}.less-pad{padding-left:5px;padding-right:5px}.pad{padding:10px}.text-overflow{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.strong,strong,.bold{font-weight:700}.light,.text-light{font-weight:300}.text-normal{font-weight:normal}.italic{font-style:italic}.required{color:#E1563E}.warn{color:#828487}.warn:hover{color:#E1563E}h1.no-margin,h2.no-margin,h3.no-margin,h4.no-margin,h5.no-margin,h6.no-margin{margin:0;margin-top:10px}h1.no-margin-top,h2.no-margin-top,h3.no-margin-top,h4.no-margin-top,h5.no-margin-top,h6.no-margin-top{margin-top:0}.green{color:#97C848}.green-light{color:#BBFF00}.blue{color:#0994E2}.blue-light{color:#A7CDF2}p.large{font-size:1.5em;font-weight:300;margin-bottom:20px}.nowrap{white-space:nowrap;overflow:hidden}.green{color:#97C848}.green-light{color:#BBFF00}.green-dark{color:#BBFF00}.green-bg{background-color:#97C848}.green-light-bg{background-color:#BBFF00}.green-dark-bg{background-color:#709239}.blue{color:#0994E2}.blue-light{color:#A7CDF2}.blue-dark{color:#A7CDF2}.blue-bg{background-color:#0994E2}.blue-light-bg{background-color:#A7CDF2}.blue-dark-bg{background-color:#167DBA}.red{color:#E1563E}.red-light{color:#E5766C}.red-dark{color:#E5766C}.red-bg{background-color:#E1563E}.red-light-bg{background-color:#E5766C}.red-dark-bg{background-color:#971710}.gray{color:#505153}.gray-light{color:#d9d9d9}.gray-dark{color:#d9d9d9}.gray-bg{background-color:#505153}.gray-light-bg{background-color:#d9d9d9}.gray-dark-bg{background-color:#373839}.yellow{color:#D7E542}.yellow-light{color:#E9F75A}.yellow-dark{color:#E9F75A}.yellow-bg{background-color:#D7E542}.yellow-light-bg{background-color:#E9F75A}.yellow-dark-bg{background-color:#BBC02C}a{color:#0994E2}a:hover{color:#167DBA}blockquote{border-left-color:#c4e096}mark{background:#e4ff99}code{border-radius:4px;padding:2px 4px;font-size:90%;background:#ebffb3;color:#709239;font-weight:normal}pre{display:block;background:#e6e6e6;border:1px solid #dedede;padding:15px 10px;overflow:auto}pre xmp{margin:0}.uniform-btn{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:white;background-image:-webkit-linear-gradient(#fff, #f7f7f7);background-image:linear-gradient(#fff, #f7f7f7);border:1px solid #d9d9d9;border-radius:3pt;padding:6px 12px;cursor:pointer;display:inline-block;vertical-align:middle;text-align:center;line-height:1;color:#505153}.uniform-btn .fortycon{line-height:1em;vertical-align:-2px;font-size:1.2em;margin-right:3px}.uniform-btn .subtext{display:block;font-weight:300;text-transform:none}.uniform-btn:visited{color:#505153}.uniform-btn:hover,.uniform-btn.hover,.uniform-btn:focus{outline:none;color:#709239;border-color:#97C848;background-image:none !important}.uniform-btn:active,.uniform-btn.active{box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);background-image:none !important;outline:none}.uniform-btn:disabled,.uniform-btn.disabled{color:#505153;background-image:none !important;background:#f2f2f2}.uniform-btn.outline{background:none !important;text-shadow:none !important}.uniform-btn.outline.dashed{border-style:dashed}.uniform-btn.dashed{border-style:dashed}.uniform-btn.circle{border-radius:2em}.uniform-btn.subtle,.uniform-btn.uniform-btn-xs{padding:0.05em 0.5em}.uniform-btn.small,.uniform-btn.uniform-btn-sm{padding:0.1em 0.5em;font-size:0.8em;vertical-align:top;display:inline-block}.uniform-btn.large,.uniform-btn.uniform-btn-lg{padding:1.2em 2.4em;text-transform:uppercase;letter-spacing:1px;font-weight:bold;font-size:110%}.uniform-btn.large.form-control,.uniform-btn.uniform-btn-lg.form-control{padding-top:0;padding-bottom:0}.uniform-btn.large .fortycon,.uniform-btn.uniform-btn-lg .fortycon{line-height:0.5em;vertical-align:-6px;font-size:2em;margin-right:7px;font-weight:normal}.uniform-btn.warn:hover{border-color:#E1563E;background:#E1563E}.uniform-btn.warn:hover.outline{color:#E1563E}.uniform-btn.block,.uniform-btn.uniform-btn-block{padding-left:5px !important;padding-right:5px !important;display:block;width:100%}.uniform-btn.green,.uniform-btn.uniform-btn-primary{background-color:#a2ce5c;background-image:-webkit-linear-gradient(#a2ce5c, #90c43c);background-image:linear-gradient(#a2ce5c, #90c43c);border-color:#8bbe39;color:white;text-shadow:0 -1px 0 rgba(112,146,57,0.5)}.uniform-btn.green.outline,.uniform-btn.uniform-btn-primary.outline{color:#709239}.uniform-btn.green.outline.inv,.uniform-btn.uniform-btn-primary.outline.inv{color:#BBFF00}.uniform-btn.green:hover,.uniform-btn.green.hover,.uniform-btn.uniform-btn-primary:hover,.uniform-btn.uniform-btn-primary.hover{background:#709239;border-color:#628032}.uniform-btn.green:hover.inv,.uniform-btn.green.hover.inv,.uniform-btn.uniform-btn-primary:hover.inv,.uniform-btn.uniform-btn-primary.hover.inv{border-color:#BBFF00}.uniform-btn.red,.uniform-btn.uniform-btn-danger{background-color:#E1563E;background-image:-webkit-linear-gradient(#E1563E, #df4a31);background-image:linear-gradient(#E1563E, #df4a31);border-color:#de4328;color:white}.uniform-btn.red.outline,.uniform-btn.uniform-btn-danger.outline{color:#971710}.uniform-btn.blue,.uniform-btn.uniform-btn-danger{background-color:#0994E2;background-image:-webkit-linear-gradient(#0994E2, #088ad3);background-image:linear-gradient(#0994E2, #088ad3);border-color:#0994E2;color:white}.uniform-btn.blue.outline,.uniform-btn.uniform-btn-danger.outline{color:#0994E2}.uniform-btn.white.outline{color:white;border-color:white}.uniform-btn.warning.outline:hover{color:#E1563E;border-color:#E1563E}span.uniform-btn{cursor:auto}.uniform-card{overflow:hidden;background:white;border:1px solid #d8d8d9;border-bottom-color:#bebfc0;border-right-color:#bebfc0;border-radius:3px;margin:10px 0}.uniform-card.selected{border-color:#0994E2;box-shadow:0 0 3px #0994E2}.uniform-card .uniform-card-actions .fortycon{margin-right:0}.uniform-card .uniform-card-actions .delete{margin-left:20px}.uniform-card .uniform-card-actions .delete .fortycon{width:14px}.uniform-card .uniform-card-actions .select{margin-bottom:0}.uniform-card .uniform-card-actions .select input{font-size:2em}.uniform-card .uniform-card-avatar{float:left}.uniform-card .uniform-card-container{overflow:hidden}.uniform-card .uniform-card-title{display:table;width:100%;border-bottom:1px solid #d9d9d9}.uniform-card .uniform-card-title>*{display:table-cell;padding:10px 20px}.uniform-card .uniform-card-title .type{text-transform:uppercase;font-weight:bold;color:#828487}.uniform-card .uniform-card-title .actions{text-align:right}.uniform-card .uniform-card-title .actions .uniform-btn{margin-top:-5px;margin-bottom:-5px}.uniform-card .uniform-card-body{padding:10px 20px}.uniform-card .uniform-card-attributes{display:table}.uniform-card .uniform-card-attributes>*{display:table-row}.uniform-card .uniform-card-attributes>*>*{display:table-cell;padding:7px 0;border-bottom:1px solid #d9d9d9}.uniform-card .uniform-card-attributes>*:last-child>*{border-bottom:none}.uniform-card .uniform-card-attributes>*>*:first-child{font-weight:bold;font-size:0.8em;padding-right:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uniform-card .uniform-card-attributes>*>*:last-child{width:100%}.uniformBigInput{width:100%;display:block;padding:10px 15px;font-size:1.3em;font-weight:300;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;box-shadow:none;border:1px solid #d9d9d9}.uniformBigInput:focus{border-color:#0994E2}.uniform-form.viking-dialog{padding:0}.uniform-form .section{background:white;border:1px solid #d8d8d9;display:block;overflow:hidden;margin-bottom:20px}.uniform-form .section-head{background:#f7f7f7;overflow:hidden;padding:10px 15px;border-bottom:1px solid #d8d8d9}.uniform-form .section-head>*{margin:0}.uniform-form .section-head h1,.uniform-form .section-head h2,.uniform-form .section-head h3,.uniform-form .section-head h4,.uniform-form .section-head h5,.uniform-form .section-head h6{margin:0;display:inline-block}.uniform-form .section-head .nav-tabs{border-bottom:none;margin-bottom:-10px}.uniform-form .section-head .action{float:right;color:#97C848;text-decoration:none}.uniform-form .section-head .action a{text-decoration:none}.uniform-form .section-head .action .fortycon{font-size:1.2em;vertical-align:middle}.uniform-form .section-foot{background:#f7f7f7;border-top:1px solid #d8d8d9;text-align:center;padding:10px 15px}.uniform-form .row .form-group{margin-top:10px;margin-bottom:10px}.uniform-form .checkbox-group label{font-weight:normal;display:block}.uniform-form .checkbox-group input{margin-right:3px}.uniform-form .show-more{color:#c3c4c5;font-size:0.8em;margin-top:10px;margin-bottom:10px;padding:0 15px;padding-top:8px;min-height:53px;display:inline-block;padding-left:25px;cursor:pointer;border:1px solid transparent;text-decoration:none}.uniform-form .show-more>span{font-size:1.2em;display:block;font-weight:bold;margin-bottom:2px;margin-left:-18px}.uniform-form .show-more>span:before{font-family:"fortycons";display:inline-block;content:"";margin-right:5px}.uniform-form .show-more .indicator{display:inline-block;width:6px;height:6px;border-radius:50%;margin:1px 3px;border:1px solid #c3c4c5}.uniform-form .show-more .indicator.full{background:#c3c4c5}.uniform-form .show-more:hover{border-color:#0994E2;color:#0994E2}.uniform-form .show-more:hover .indicator{border-color:#0994E2}.uniform-form .show-more:hover .indicator.full{background:#0994E2}.uniform-form .form-group{margin-bottom:0}.uniform-form .form-group .has-error>label,.uniform-form .form-group>label{display:block}.uniform-form .form-group .has-error>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-form .form-group textarea,.uniform-form .form-group>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-form .form-group textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;box-shadow:none;width:100%;padding:5px;border:1px solid #d9d9d9}.uniform-form .form-group .has-error>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):focus,.uniform-form .form-group textarea:focus,.uniform-form .form-group>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):focus,.uniform-form .form-group textarea:focus{border-color:#0994E2}.uniform-form .form-group .has-error>select,.uniform-form .form-group>select{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:1px;cursor:pointer;text-indent:1px;text-overflow:ellipsis;font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;border:1px solid #d9d9d9;margin:0;padding:5px;padding-right:20px;line-height:1.2;min-height:30px;background:white;border-radius:0;background:url(asset_path("arrow_down_large.svg")) no-repeat;background-size:10px 10px;background-position:right 5px center;width:100%}.uniform-form .form-group .has-error>select:focus,.uniform-form .form-group>select:focus{border-color:#0994E2}.uniform-form .form-group .inline-input{width:100%}.uniform-form .form-group .inline-input select{background:none}.uniform-form .form-group .inline-input.active{box-shadow:none;border-color:#0994E2}.uniform-form .form-group .inline-input .add-on{width:30px;border-right:none}.uniform-form .form-group select.select2{max-height:30px}.uniform-form .form-group .select2{width:100%}.uniform-form .form-group .select2 .select2-selection{border-radius:0;border-color:#d9d9d9;min-height:30px}.uniform-form .form-group .select2 .select2-selection .select2-selection__arrow{height:30px}.uniform-form .form-group .select2 .select2-selection--multiple{line-height:1}.uniform-form .form-group .select2 .select2-selection__choice{margin-top:3px;line-height:1.4}.uniform-form .form-group .select2 .select2-selection--single{height:30px}.uniform-form .form-group .select2 .select2-selection--single .select2-selection__rendered{line-height:30px}.uniform-form .has-error label{color:#E1563E !important}.uniform-form .has-error input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-form .has-error textarea{border-color:#E1563E !important}.uniform-form .has-error .select2 .select2-selection{border-color:#E1563E !important}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container:before,.container:after{content:" ";display:table}.container:after{clear:both}@media screen and (min-width: 768px){.container{width:750px}}@media screen and (min-width: 992px){.container{width:970px}}@media screen and (min-width: 1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container-fluid:before,.container-fluid:after{content:" ";display:table}.container-fluid:after{clear:both}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.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-left:15px;padding-right: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-1{width:8.33333%}.col-xs-2{width:16.66667%}.col-xs-3{width:25%}.col-xs-4{width:33.33333%}.col-xs-5{width:41.66667%}.col-xs-6{width:50%}.col-xs-7{width:58.33333%}.col-xs-8{width:66.66667%}.col-xs-9{width:75%}.col-xs-10{width:83.33333%}.col-xs-11{width:91.66667%}.col-xs-12{width:100%}.col-xs-pull-0{right:auto}.col-xs-pull-1{right:8.33333%}.col-xs-pull-2{right:16.66667%}.col-xs-pull-3{right:25%}.col-xs-pull-4{right:33.33333%}.col-xs-pull-5{right:41.66667%}.col-xs-pull-6{right:50%}.col-xs-pull-7{right:58.33333%}.col-xs-pull-8{right:66.66667%}.col-xs-pull-9{right:75%}.col-xs-pull-10{right:83.33333%}.col-xs-pull-11{right:91.66667%}.col-xs-pull-12{right:100%}.col-xs-push-0{left:auto}.col-xs-push-1{left:8.33333%}.col-xs-push-2{left:16.66667%}.col-xs-push-3{left:25%}.col-xs-push-4{left:33.33333%}.col-xs-push-5{left:41.66667%}.col-xs-push-6{left:50%}.col-xs-push-7{left:58.33333%}.col-xs-push-8{left:66.66667%}.col-xs-push-9{left:75%}.col-xs-push-10{left:83.33333%}.col-xs-push-11{left:91.66667%}.col-xs-push-12{left:100%}.col-xs-offset-0{margin-left:0%}.col-xs-offset-1{margin-left:8.33333%}.col-xs-offset-2{margin-left:16.66667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333%}.col-xs-offset-5{margin-left:41.66667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333%}.col-xs-offset-8{margin-left:66.66667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333%}.col-xs-offset-11{margin-left:91.66667%}.col-xs-offset-12{margin-left:100%}@media screen and (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-1{width:8.33333%}.col-sm-2{width:16.66667%}.col-sm-3{width:25%}.col-sm-4{width:33.33333%}.col-sm-5{width:41.66667%}.col-sm-6{width:50%}.col-sm-7{width:58.33333%}.col-sm-8{width:66.66667%}.col-sm-9{width:75%}.col-sm-10{width:83.33333%}.col-sm-11{width:91.66667%}.col-sm-12{width:100%}.col-sm-pull-0{right:auto}.col-sm-pull-1{right:8.33333%}.col-sm-pull-2{right:16.66667%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.33333%}.col-sm-pull-5{right:41.66667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.33333%}.col-sm-pull-8{right:66.66667%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.33333%}.col-sm-pull-11{right:91.66667%}.col-sm-pull-12{right:100%}.col-sm-push-0{left:auto}.col-sm-push-1{left:8.33333%}.col-sm-push-2{left:16.66667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.33333%}.col-sm-push-5{left:41.66667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.33333%}.col-sm-push-8{left:66.66667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.33333%}.col-sm-push-11{left:91.66667%}.col-sm-push-12{left:100%}.col-sm-offset-0{margin-left:0%}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-offset-12{margin-left:100%}}@media screen and (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-1{width:8.33333%}.col-md-2{width:16.66667%}.col-md-3{width:25%}.col-md-4{width:33.33333%}.col-md-5{width:41.66667%}.col-md-6{width:50%}.col-md-7{width:58.33333%}.col-md-8{width:66.66667%}.col-md-9{width:75%}.col-md-10{width:83.33333%}.col-md-11{width:91.66667%}.col-md-12{width:100%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.33333%}.col-md-pull-2{right:16.66667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.33333%}.col-md-pull-5{right:41.66667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.33333%}.col-md-pull-8{right:66.66667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.33333%}.col-md-pull-11{right:91.66667%}.col-md-pull-12{right:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.33333%}.col-md-push-2{left:16.66667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.33333%}.col-md-push-5{left:41.66667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.33333%}.col-md-push-8{left:66.66667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.33333%}.col-md-push-11{left:91.66667%}.col-md-push-12{left:100%}.col-md-offset-0{margin-left:0%}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-offset-12{margin-left:100%}}@media screen and (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-1{width:8.33333%}.col-lg-2{width:16.66667%}.col-lg-3{width:25%}.col-lg-4{width:33.33333%}.col-lg-5{width:41.66667%}.col-lg-6{width:50%}.col-lg-7{width:58.33333%}.col-lg-8{width:66.66667%}.col-lg-9{width:75%}.col-lg-10{width:83.33333%}.col-lg-11{width:91.66667%}.col-lg-12{width:100%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.33333%}.col-lg-pull-2{right:16.66667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.33333%}.col-lg-pull-5{right:41.66667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.33333%}.col-lg-pull-8{right:66.66667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.33333%}.col-lg-pull-11{right:91.66667%}.col-lg-pull-12{right:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.33333%}.col-lg-push-2{left:16.66667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.33333%}.col-lg-push-5{left:41.66667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.33333%}.col-lg-push-8{left:66.66667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.33333%}.col-lg-push-11{left:91.66667%}.col-lg-push-12{left:100%}.col-lg-offset-0{margin-left:0%}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-offset-12{margin-left:100%}}.uniform-select{position:relative}.uniform-select select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;position:relative;z-index:1;outline:1px;cursor:pointer;text-indent:1px;text-overflow:ellipsis;font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;border:1px solid #828487;padding:0.3em 0.5em;padding-right:1.7em;background:white;border-radius:0;background:none}.uniform-select:after{color:#828487;font-size:1em;font-family:"fortycons";content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:0.3em;z-index:0}.uniform-select:focus{border-color:#0994E2}.inline-input{display:table;background:white;overflow:hidden;border:1px solid #d9d9d9;border-top-color:#cccccc}.inline-input.block>*{width:100%}.inline-input>*{display:table-cell;vertical-align:middle;float:none}.inline-input>*.top{vertical-align:top}.inline-input input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.inline-input .textbox,.inline-input textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;padding:10px;box-shadow:none;border:none;width:100%}.inline-input input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):disabled,.inline-input textarea:disabled,.inline-input .textbox:disabled,.inline-input select:disabled{color:#828487;font-style:italic}.inline-input select{width:100%;border:none;margin:0;margin-top:1px;height:37px;line-height:37px;background:none}.inline-input label{margin:0;font-weight:bold;padding:5px;width:100%;font-size:0.8em}.inline-input .label,.inline-input .add-on,.inline-input .units{white-space:nowrap;width:auto;padding-left:7px;padding-right:7px;color:gray}.inline-input.active{box-shadow:0 0 3px 1px #97C848;border-color:#97C848}.inline-input.error{border-color:#E1563E}li[data-step]{list-style:none;margin:0.5em 0;position:relative}li[data-step]:before{content:attr(data-step);color:#97C848;font-size:1em;vertical-align:-2px;border-radius:50%;border:2px solid #97C848;width:1.3em;height:1.3em;font-weight:normal;line-height:1.1;text-align:center;position:absolute;left:-1.5em}li[data-number]{list-style:none;margin:0.5em 0;position:relative}li[data-number]:before{content:attr(data-number);font-size:1em;width:1.5em;height:1.3em;font-weight:bold;line-height:1.3;text-align:center;position:absolute;left:-1.5em}ul.custom li,ul.checks li,li[data-fortycon],li[data-icon]{position:relative}ul.custom li:before,ul.checks li:before,li[data-fortycon]:before,li[data-icon]:before{content:"c";font-size:1.2em;position:absolute;left:-1.5em;line-height:1}li[data-fortycon]:before,li[data-icon]:before{content:attr(data-fortycon)}ul.checks li:before{color:#97C848}.uniform-loader{display:inline-block}.uniform-loader .uniform-loader-container{letter-spacing:-.05em;white-space:nowrap}.uniform-loader .uniform-loader-container span{font-size:2em;line-height:1em;color:black;-webkit-animation:uniform-loader 1s infinite linear;-moz-animation:uniform-loader 1s infinite linear;animation:uniform-loader 1s infinite linear;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;animation-delay:0.4s}.uniform-loader .uniform-loader-container span:first-of-type{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;animation-delay:0.2s}.uniform-loader .uniform-loader-container span:last-of-type{-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;animation-delay:0.6s}.uniform-loader.light .uniform-loader-container span{color:white;-webkit-animation:uniform-loader-light 1s infinite linear;-moz-animation:uniform-loader-light 1s infinite linear;animation:uniform-loader-light 1s infinite linear;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;animation-delay:0.4s}.uniform-loader.light .uniform-loader-container span:first-of-type{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;animation-delay:0.2s}.uniform-loader.light .uniform-loader-container span:last-of-type{-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;animation-delay:0.6s}.uniform-loader.cover{display:block;background:rgba(255,255,255,0.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:999999999}.uniform-loader.cover .uniform-loader-container{position:absolute;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.uniform-loader.cover.light{background:rgba(0,0,0,0.5)}@-webkit-keyframes uniform-loader{0%{color:black}25%{color:rgba(0,0,0,0.2)}100%{color:rgba(0,0,0,0.2)}}@-moz-keyframes uniform-loader{0%{color:black}25%{color:rgba(0,0,0,0.2)}100%{color:rgba(0,0,0,0.2)}}@keyframes uniform-loader{0%{color:black}25%{color:rgba(0,0,0,0.2)}100%{color:rgba(0,0,0,0.2)}}@-webkit-keyframes uniform-loader-light{0%{color:white}25%{color:rgba(255,255,255,0.2)}100%{color:rgba(255,255,255,0.2)}}@-moz-keyframes uniform-loader-light{0%{color:white}25%{color:rgba(255,255,255,0.2)}100%{color:rgba(255,255,255,0.2)}}@keyframes uniform-loader-light{0%{color:white}25%{color:rgba(255,255,255,0.2)}100%{color:rgba(255,255,255,0.2)}}.uniform-nav{list-style:none;margin:0;padding:0}.uniform-nav ul{list-style:none;margin:0;padding:0}.uniform-nav li{display:block}.uniform-nav li>*{display:block;padding:10px 20px;text-decoration:none}.uniform-nav li>*:hover{color:black;background:rgba(187,255,0,0.3)}.uniform-nav.horizontal .uniform-nav-container{display:table}.uniform-nav.horizontal .uniform-nav-container>*{display:table-cell;vertical-align:middle}.uniform-nav.horizontal .right{text-align:right;float:none}.uniform-nav.main{border-bottom:1px solid #d9d9d9}.uniform-nav.main .uniform-nav-container{width:100%}.uniform-row{line-height:1.3;font-size:13px;border-bottom:1px solid #d9d9d9;min-height:49px;position:relative;overflow:hidden}.uniform-row:hover{background-color:#eaf3fc}.uniform-row.archived{color:#9c9da0}.uniform-row.archived a{color:#9c9da0}.uniform-row a:visited{color:#6738e4}.uniform-row .uniform-btn.outline{background:white !important}.uniform-row time{display:none}.uniform-row .highlight{position:absolute;right:0;top:0;bottom:0;width:10px;background:#97C848}.uniform-row .details{overflow:hidden}.uniform-row .details>div{padding:0;overflow:hidden}.uniform-row .details>div>.pad{display:block;padding:8px 0}.uniform-row .details>div>a:not(.uniform-btn){display:block;padding:8px 12px;text-decoration:none}.uniform-row .secondary{font-weight:normal;display:block;font-size:0.9em;color:#9c9da0}.uniform-row .actions{padding-right:10px}.uniform-row .actions a:visited{color:inherit}.uniform-row .title{font-weight:bold}.uniform-row .avatar{vertical-align:top;text-align:center;position:relative;color:#a4a5a7;background-color:#a4a5a7}.uniform-row .avatar a{padding:0}.uniform-row .avatar img{min-width:70px;background-color:#505153;display:inline-block}.uniform-row .avatar .label{min-width:70px;min-height:63px;display:block;padding-top:26px;color:white !important;font-size:10px}@media screen and (max-width: 767px){.uniform-row .details>div>a{padding-top:0;padding-bottom:8px}.uniform-row .details .title a{padding-top:8px}.uniform-row .details .address .unit{display:block}.uniform-row .avatar{width:33%}.uniform-row .avatar img{width:100%;height:auto}}.uniform-row-header{position:relative;overflow:visible !important;line-height:1em;font-size:0.85em;padding:3px !important;font-weight:normal;border-bottom:2px solid #d9d9d9}.uniform-row-header .sort-label{text-align:right;padding:7px 10px;padding-bottom:3px;text-transform:uppercase;color:#9c9da0;vertical-align:bottom;white-space:nowrap}.uniform-row-header .col-label{font-weight:bold;text-transform:uppercase;color:#505153}.uniform-row-header .fortycon{margin-top:-2px;margin-right:2px;color:#bebfc0;font-size:1.2em}.uniform-row-header .details{overflow:hidden}.uniform-row-header .details>div{padding:0}.uniform-row-header .details>div>*{text-decoration:none;display:block;padding:7px 6px;white-space:nowrap;border-radius:3px}.uniform-row-header .details>div>a:hover{background:#d3e6f9}.uniform-row-header .details>.active{background:none !important}.uniform-row-header .details>.active .fortycon{color:black}.uniform-row-header .details>.active>*{color:black;background:#e6e6e6}.table-container{display:table;width:100%}.table-container>*,.table-container .table-row>*{display:table-cell;float:none}.table-container>*.top,.table-container .table-row>*.top{vertical-align:top}.table-container>*.middle>*,.table-container .table-row>*.middle>*{vertical-align:middle}.table-container .table-row{display:table-row}.table-container.middle>*,.table-container .middle{vertical-align:middle}.table-container.top>*,.table-container .top{vertical-align:top}@media screen and (max-width: 767px){.table-container.break-xs>*,.table-container.break-xs .table-row>*{display:block;float:inherit}.table-container.break-xs .table-row{display:block}}@media screen and (max-width: 767px){.block-xs{display:block}}.uniform-table-form input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-table-form .textbox,.uniform-table-form textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;font-size:1.3em;font-weight:300;border:1px solid #d8d8d9;display:inline-block;width:100%;padding:10px;-webkit-transition:box-shadow 0.2s ease-in;-moz-transition:box-shadow 0.2s ease-in;transition:box-shadow 0.2s ease-in}.uniform-table-form input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):focus,.uniform-table-form .textbox:focus,.uniform-table-form textarea:focus{box-shadow:inset 0 -3px 0 #97C848}.uniform-table-form select:focus{box-shadow:inset 0 -3px 0 #97C848}.uniform-table-form .inline-input .split{font-size:1.6em;text-align:center;font-weight:300}.uniform-table-form .inline-input select{font-size:1.3em;font-weight:300}.uniform-table-form .select2-container{font-weight:300;font-size:1.3em}.uniform-table-form select{font-size:17px;font-weight:300;background:none;color:#505153}.uniform-table-form .dropzone{border:dashed 2px #828487;margin:5px}.uniform-table-form .dropzone .dz-message{font-size:17px;font-weight:300}.uniform-table-form{position:relative;display:block}.uniform-table-form.bordered{border:1px solid #cccccc}.uniform-table-form .uniform-table-form-container{display:table;width:100%;border-radius:3px;border:1px solid #cccccc;background:white;overflow:hidden}.uniform-table-form .uniform-table-form-container .form-group{display:table-row}.uniform-table-form label{font-weight:bold;display:block;padding:10px;width:100%;text-transform:uppercase;color:#9c9da0}.uniform-table-form label .hint{text-transform:none;font-weight:normal}.uniform-table-form label.no-pad{padding:0}.uniform-table-form label.input{padding:5px !important;font-size:1em;font-weight:normal;padding-left:25px !important;text-indent:-20px}.uniform-table-form label.input input[type="checkbox"]{margin-right:5px}.uniform-table-form [class^=select2]{border:none !important;border-radius:0}.uniform-table-form input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-table-form textarea{border:none !important;display:block !important}.uniform-table-form textarea{width:100%;max-width:100%;min-width:100%}.uniform-table-form .inline-input{display:table;width:100%;margin:0;border:none}.uniform-table-form .inline-input>*{border:none !important;padding:0 !important}.uniform-table-form .inline-input label{font-size:1em;font-weight:normal}.uniform-table-form .inline-input select{padding-left:5px;font-size:13px;font-weight:normal}.uniform-table-form .form-group{display:table;width:100%;margin:0;border:none}.uniform-table-form .form-group label{padding-bottom:0}.uniform-table-form .form-group>div:not([class^="col-"]){width:auto}.uniform-table-form .form-group>*{background:none;border-left:none !important;border-bottom:1px solid #cccccc}.uniform-table-form .form-group>*:not(:last-of-type){border-right:1px solid #cccccc}.uniform-table-form .form-group:last-of-type>div{border-bottom-style:none}.uniform-table-form .form-group.bordered>div{border-bottom-style:solid}.uniform-table-form .form-group.has-error label,.uniform-table-form .form-group .has-error label{color:#E1563E}.uniform-table-form .form-group.has-error input,.uniform-table-form .form-group.has-error textarea,.uniform-table-form .form-group.has-error select,.uniform-table-form .form-group .has-error input,.uniform-table-form .form-group .has-error textarea,.uniform-table-form .form-group .has-error select{box-shadow:inset 0 -3px 0 #E1563E !important}.uniform-table-form .form-group input[type="checkbox"]{font-size:14px}.uniform-table-form .form-group a.action{display:block;width:100%;padding:10px 0;text-decoration:none}.uniform-table-form .form-group a.action.red{color:#E1563E}.uniform-table-form .form-group a.action.disabled{color:#d9d9d9;cursor:help}.uniform-table-form.no-align{display:block}.uniform-table-form.no-align .form-group{display:table;width:100%}.uniform-table-form .error{white-space:nowrap}.uniform-table-form .submit{text-align:center;margin-top:10px}.uniform-table-form .submit2{text-align:center;padding:5px}.uniform-table-form .footer{border-top:1px solid #cccccc;background:white;padding:10px;text-align:center}.uniform-table-form .control-label{white-space:normal;text-align:center}.uniform-table-form input.has-error{box-shadow:inset 0 -3px 0 #E1563E !important}.uniform-table-form .section-head{background:#f7f7f7;padding:5px 7px;font-size:1.4em;font-weight:300}.uniform-table-form .form-group .section-head .action{display:inline-block;width:auto;padding:0;font-size:12px;color:#97C848}.uniform-table-form .radio-table{width:100%}.uniform-table-form .radio-table .label{background:none;font-weight:normal;color:#505153;border:none;text-align:left}.uniform-table-form .radio-table td,.uniform-table-form .radio-table th{padding:0 3px;text-align:center;vertical-align:middle}.uniform-table-form .alert{border-left:0;border-right:0;border-radius:0;margin:0}.uniform-table-form .alert.alert-danger{border-color:#E1563E;color:#E1563E;background-color:#FFEBEE}.uniform-table-form .select2-container{width:100% !important}.uniformTabs{border:none}.uniformTabs>li{margin-left:10px;margin-right:10px}.uniformTabs>li>a{border:none;padding-left:0;padding-right:0;border-bottom:3px solid transparent;color:#828487}.uniformTabs>li>a:hover{background:none}.uniformTabs>li:first-of-type{margin-left:0}.uniformTabs>li:last-of-type{margin-right:0}.uniformTabs>li.active>a,.uniformTabs>li.active>a:hover,.uniformTabs>li.active>a:focus{color:#709239;border:none;background:none;border-bottom:3px solid #97C848}.uniformTile{border:1px solid #cbcccd;border-radius:3px;margin-top:20px;margin-bottom:20px;overflow:hidden}.uniformTile .avatar img{width:100%;height:auto}.uniformTile a{color:#505153;text-decoration:none}.uniformTile .title{vertical-align:middle;font-size:12px;padding-top:10px;padding-bottom:10px}.uniformTile .title .name{font-size:16px;margin-bottom:5px}.uniformTile .title .company{font-weight:bold}
diff --git a/site/tables.html b/site/tables.html
new file mode 100644
index 00000000..305e02cf
--- /dev/null
+++ b/site/tables.html
@@ -0,0 +1,157 @@
+
+
+ Uniform
+
+ TODO
+
+
+
+
+
+
\ No newline at end of file
diff --git a/site/tabs.html b/site/tabs.html
new file mode 100644
index 00000000..46748a00
--- /dev/null
+++ b/site/tabs.html
@@ -0,0 +1,171 @@
+
+
+ Uniform
+
+
+
uniformTabs
+
+
<div class="uniformTabs">
+ <a>Tab 1</a>
+ <a class="active">Tab 2</a>
+ <a>Tab 3</a>
+ <a>Tab 4</a>
+</div>
+
+
Uniform
+
+ TODO
+
+
+
+
+
+
\ No newline at end of file
diff --git a/site/tiles.html copy b/site/tiles.html copy
new file mode 100644
index 00000000..e2a6acb8
--- /dev/null
+++ b/site/tiles.html copy
@@ -0,0 +1,109 @@
+
+
+ Uniform
+
+ TODO
+
+
+
+
+
+
\ No newline at end of file
diff --git a/site/tooltip b/site/tooltip
new file mode 100644
index 00000000..305e02cf
--- /dev/null
+++ b/site/tooltip
@@ -0,0 +1,157 @@
+
+
+ Uniform
+
+ TODO
+
+
+
+
+
+
\ No newline at end of file
diff --git a/site/uniform.css b/site/uniform.css
index 1372df04..37b2141e 100644
--- a/site/uniform.css
+++ b/site/uniform.css
@@ -1 +1 @@
-html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}@font-face{font-family:"fortycons";src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAa0AA0AAAAACegAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGmAAAABoAAAAcejGAE09TLzIAAAGgAAAASQAAAGBP8V2PY21hcAAAAhgAAABjAAABasT8+NNjdnQgAAACfAAAAAQAAAAEABEBRGdhc3AAAAaQAAAACAAAAAj//wADZ2x5ZgAAAqQAAAJgAAADgKSJlBZoZWFkAAABMAAAAC4AAAA2CTBYU2hoZWEAAAFgAAAAHQAAACQD5gHLaG10eAAAAewAAAAqAAAALAURAXVsb2NhAAACgAAAACQAAAAkBnIHWm1heHAAAAGAAAAAHwAAACAAVwBRbmFtZQAABQQAAAEtAAACH1PcdXNwb3N0AAAGNAAAAFsAAACs9304oXjaY2BkYGAA4pQC8+/x/DZfGbiZGEDgCjf3awT9/yjjb8bdQC4HA1gaACXyCuEAAHjaY2BkYGDc/f8ogx4TAwgw/mZgZEAFrABjGAO0AAAAeNpjYGRgYBBkUGBgYQABJiBmZACJOTDogQQACGYAqQB42mNgYXzJOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGAQYECEhzTWFoYFD42M144P8BBj3G3QzWIDVIShQYGAFROAwjAAAAeNpj2M0gyAACq4D4BAMDEwODMkMXECoD+UJgGRUGBQZjBlaGBAB0WASJAAB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTAxqDwUeSj7EfFj1Ufu///B4orfBT8KPVRAcjv+v///2O+z3zv+N7wTeFrhZqDBBjZGOCCjExAggldAcQJwxkAAJf1F34AABEBRAAAACoAKgAqACoASgBqAIgAqgDEAOAA+gEUATQBagGCAawBwHjaZZLPaxNBFMff2+2brZm4221rAjZQ8zsXW8ymiYfQivaiIILSi4fQivQgXrxUyEFyKCIqNhAQRISC9GQvidA9iIsKIhYK+QPqSRAPij0pWNk4bze1LcLsMvtmPt/v980OaGADwBOcAx0MmGgjTFY7xgB8L7YFbVc7uqam0Na5TFzuGAL/VDvIdcd27Lxjp+17txcXcc5/YaOj1BDScAE/YRmGAEbilXIxNmqhSE1irlQunvU8siK0KUyxSRELT7kuSZM+khqmhIC/3/uMS/iM+WxsNCRnMNTBWwe2k6sdFCPvP34G8+w6jmGGXGnlkJ92OE2Q/XyQfVh55w0Tc/nQmxVECj3P049EdPqHXHJdXdN0sd8CqgzXMYsROAqQ2W/dSRYxKxpkqUcaCIO+RQ1Sw2JmGE6Ci1eYGbEP9uxKtU0wJ/FMDwypvkyWCHsFxa2FXDlsccoOGl4LEIY/mH1HZkPmMmbhV5hPpJOpvRYxKwf7Foq7GeLKWzEZOI7buAiWEogpH5VPMeNYKcexK+XvqFyRMhWVC1syiqejclfKpoympLy2JaW6XSd6O/gGm4qPwzj/18MauSIfb64UK5ZLuZQYxYtES0TnhBgimpgX9Hy9Xl+vP1qu1ZZrO4LXZomGhJhYIGrWefFnjRcBNHB6X/ELPg3uNIxU0EjmMe4k8HHCv8tvvJPwbyR4xmc4ANR7j7v4KtjP+aDCN3sqeYyTcKJMP923wkucnt1oNDYa/utuq9VtJXHaf/egUPjR4Opqi4vAGeZhDFfxaphhTy/gx3DGf/uwUFDb/gKY8a9XeNqFj89qwkAYxGf9V3IpxUNvhe9SUDBhjSAoPSnm0KMFD71JSJOgZmWN0LxBj32SPlEfppO47algYPl+Ozs7OwFwiy8oXL4HPDlW8FA4buEGH47beMS34w48de+4izu1cNyjntKpOh538+ZWzQp9vDpu8d13x20849NxB33VctyFKHHco/6CJQyOqGCRI0WGEoIBYgw5Q2iMMcWIvEDC9oIVPQfsuMPSHCubp1kpg3gooR5PR7JIClllhx2P35hsmVcxzfDuiZKxZRWbgrhmQooz9tjShXWSnvdbQtR4y2ZaOpKmR8Amwv+Wf1IveogJfMy4flsjMkUZGZsmEgZa5vL3Ojmc+DO/rnyt54YNLLW8ORNm1+lBM+tO2CT2lJtCtB4HWmu5EvgDhrVU0QAAAHjabcw9DkBAFATgN7tY/4nSLeyS0FriLhqd+7kZwuhMMvmayYiSJ+chtfylugtRoqGgESBEBIMYCVJkyFGgNPu2LtZa6mhLOzpSTyc6v7qG8qfnfvj0F1PpHzUAAAAAAf//AAJ42mNgYGBkAIJL0hk2IPoKN/drGA0ANXYFPQAA") format("woff");font-weight:normal;font-style:normal}vr{height:30px;border-left:1px solid #d9d9d9;margin:0 10px;display:inline-block;vertical-align:middle}.rounded,.round{border-radius:50%}.pointer{cursor:pointer !important}.handle{cursor:hand}.honeypot{position:absolute !important;left:-999999px !important;width:1px !important;display:block !important}.hide,.hidden{display:none}.right{float:right}.text-right{text-align:right}.text-center{text-align:center}.clear{clear:both}.bleed-fix{position:static;overflow:hidden}.no-gutter{padding-left:0;padding-right:0}.no-pad{padding-left:0;padding-right:0}.less-pad{padding-left:5px;padding-right:5px}.pad{padding:10px}.counter-pad{margin-left:-15px;margin-right:-15px}.text-overflow{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.strong,strong,.bold{font-weight:700}.light,.text-light{font-weight:300}.text-normal{font-weight:normal}.italic{font-style:italic}.required{color:#E1563E}.warn{color:#828487}.warn:hover{color:#E1563E}h1.no-margin,h2.no-margin,h3.no-margin,h4.no-margin,h5.no-margin,h6.no-margin{margin:0;margin-top:10px}h1.no-margin-top,h2.no-margin-top,h3.no-margin-top,h4.no-margin-top,h5.no-margin-top,h6.no-margin-top{margin-top:0}p.large{font-size:1.5em;font-weight:300;margin-bottom:20px}.nowrap{white-space:nowrap;overflow:hidden}.green{color:#97C848}.green-bg{background-color:#97C848}.green-light{color:#BBFF00}.green-light-bg{background-color:#BBFF00}.green-dark{color:#709239}.green-dark-bg{background-color:#709239}.blue{color:#0994E2}.blue-bg{background-color:#0994E2}.blue-light{color:#A7CDF2}.blue-light-bg{background-color:#A7CDF2}.blue-dark{color:#167DBA}.blue-dark-bg{background-color:#167DBA}.red{color:#E1563E}.red-bg{background-color:#E1563E}.red-light{color:#E5766C}.red-light-bg{background-color:#E5766C}.red-dark{color:#971710}.red-dark-bg{background-color:#971710}.gray{color:#505153}.gray-bg{background-color:#505153}.gray-light{color:#d9d9d9}.gray-light-bg{background-color:#d9d9d9}.gray-dark{color:#373839}.gray-dark-bg{background-color:#373839}.yellow{color:#D7E542}.yellow-bg{background-color:#D7E542}.yellow-light{color:#E9F75A}.yellow-light-bg{background-color:#E9F75A}.yellow-dark{color:#BBC02C}.yellow-dark-bg{background-color:#BBC02C}.uniform-count{padding:0.1em 0.6em;border-radius:1em;background:#505153;font-size:0.8em;font-weight:bold;color:white;vertical-align:1px}.uniform-count.invert{background:white;color:#505153}.uniform-count.outline{background:none;border:1px solid #505153;color:#505153}*{box-sizing:border-box}a{color:#0994E2}a:hover{color:#167DBA}blockquote{border-left-color:#c4e096}mark{background:#e4ff99}code{border-radius:4px;padding:2px 4px;font-size:90%;background:#ebffb3;color:#709239;font-weight:normal}pre{display:block;background:#e6e6e6;border:1px solid #dedede;padding:15px 10px;overflow:auto}pre xmp{margin:0}.uniform-btn{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:white;background-image:-webkit-linear-gradient(#fff, #f7f7f7);background-image:linear-gradient(#fff, #f7f7f7);border:1px solid #d9d9d9;border-radius:3pt;padding:6px 12px;cursor:pointer;display:inline-block;vertical-align:middle;text-align:center;line-height:1;color:#505153}.uniform-btn .fortycon{line-height:1em;vertical-align:-2px;font-size:1.2em;margin-right:3px}.uniform-btn .subtext{display:block;font-weight:300;text-transform:none}.uniform-btn:visited{color:#505153}.uniform-btn:hover,.uniform-btn.hover,.uniform-btn:focus{outline:none;color:#709239;border-color:#97C848;background-image:none !important}.uniform-btn:active,.uniform-btn.active{box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);background-image:none !important;outline:none}.uniform-btn:disabled,.uniform-btn.disabled{color:#505153;background-image:none !important;background:#f2f2f2}.uniform-btn.outline{background:none !important;text-shadow:none !important}.uniform-btn.outline.dashed{border-style:dashed}.uniform-btn.dashed{border-style:dashed}.uniform-btn.circle{border-radius:2em}.uniform-btn.subtle,.uniform-btn.uniform-btn-xs{padding:0.05em 0.5em}.uniform-btn.small,.uniform-btn.uniform-btn-sm{padding:0.1em 0.5em;font-size:0.8em;vertical-align:top;display:inline-block}.uniform-btn.large,.uniform-btn.uniform-btn-lg{padding:1.2em 2.4em;text-transform:uppercase;letter-spacing:1px;font-weight:bold;font-size:110%}.uniform-btn.large.form-control,.uniform-btn.uniform-btn-lg.form-control{padding-top:0;padding-bottom:0}.uniform-btn.large .fortycon,.uniform-btn.uniform-btn-lg .fortycon{line-height:0.5em;vertical-align:-6px;font-size:2em;margin-right:7px;font-weight:normal}.uniform-btn.warn:hover{border-color:#E1563E;background:#E1563E}.uniform-btn.warn:hover.outline{color:#E1563E}.uniform-btn.block,.uniform-btn.uniform-btn-block{padding-left:5px !important;padding-right:5px !important;display:block;width:100%}.uniform-btn.green,.uniform-btn.uniform-btn-primary{background-color:#a2ce5c;background-image:-webkit-linear-gradient(#a2ce5c, #90c43c);background-image:linear-gradient(#a2ce5c, #90c43c);border-color:#8bbe39;color:white;text-shadow:0 -1px 0 rgba(112,146,57,0.5)}.uniform-btn.green.outline,.uniform-btn.uniform-btn-primary.outline{color:#709239}.uniform-btn.green.outline.inv,.uniform-btn.uniform-btn-primary.outline.inv{color:#BBFF00}.uniform-btn.green:hover,.uniform-btn.green.hover,.uniform-btn.uniform-btn-primary:hover,.uniform-btn.uniform-btn-primary.hover{background:#709239;border-color:#628032}.uniform-btn.green:hover.inv,.uniform-btn.green.hover.inv,.uniform-btn.uniform-btn-primary:hover.inv,.uniform-btn.uniform-btn-primary.hover.inv{border-color:#BBFF00}.uniform-btn.red,.uniform-btn.uniform-btn-danger{background-color:#E1563E;background-image:-webkit-linear-gradient(#E1563E, #df4a31);background-image:linear-gradient(#E1563E, #df4a31);border-color:#de4328;color:white}.uniform-btn.red.outline,.uniform-btn.uniform-btn-danger.outline{color:#971710}.uniform-btn.blue,.uniform-btn.uniform-btn-danger{background-color:#0994E2;background-image:-webkit-linear-gradient(#0994E2, #088ad3);background-image:linear-gradient(#0994E2, #088ad3);border-color:#0994E2;color:white}.uniform-btn.blue.outline,.uniform-btn.uniform-btn-danger.outline{color:#0994E2}.uniform-btn.white.outline{color:white;border-color:white}.uniform-btn.warning.outline:hover{color:#E1563E;border-color:#E1563E}span.uniform-btn{cursor:auto}.uniform-card{overflow:hidden;background:white;border:1px solid #d8d8d9;border-bottom-color:#bebfc0;border-right-color:#bebfc0;border-radius:3px;margin:10px 0}.uniform-card.selected{border-color:#0994E2;box-shadow:0 0 3px #0994E2}.uniform-card .uniform-card-actions .fortycon{margin-right:0}.uniform-card .uniform-card-actions .delete{margin-left:20px}.uniform-card .uniform-card-actions .delete .fortycon{width:14px}.uniform-card .uniform-card-actions .select{margin-bottom:0}.uniform-card .uniform-card-actions .select input{font-size:2em}.uniform-card .uniform-card-avatar{float:left}.uniform-card .uniform-card-container{overflow:hidden}.uniform-card .uniform-card-title{display:table;width:100%;border-bottom:1px solid #d9d9d9}.uniform-card .uniform-card-title>*{display:table-cell;padding:10px 20px}.uniform-card .uniform-card-title .title{text-transform:uppercase;font-weight:bold;color:#828487}.uniform-card .uniform-card-title .actions{text-align:right}.uniform-card .uniform-card-title .actions .uniform-btn{margin-top:-5px;margin-bottom:-5px}.uniform-card .uniform-card-body{padding:10px 20px}.uniform-card .uniform-card-attributes{display:table}.uniform-card .uniform-card-attributes>*{display:table-row}.uniform-card .uniform-card-attributes>*>*{display:table-cell;padding:7px 0;border-bottom:1px solid #d9d9d9}.uniform-card .uniform-card-attributes>*:last-child>*{border-bottom:none}.uniform-card .uniform-card-attributes>*>*:first-child{font-weight:bold;font-size:0.8em;padding-right:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uniform-card .uniform-card-attributes>*>*:last-child{width:100%}.uniform-select{position:relative}.uniform-select select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;position:relative;z-index:1;outline:1px;cursor:pointer;text-indent:1px;text-overflow:ellipsis;font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;border:1px solid #828487;padding:0.3em 0.5em;padding-right:1.7em;background:white;border-radius:0;background:none}.uniform-select:after{color:#828487;font-size:1em;font-family:"fortycons";content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:0.3em;z-index:0}.uniform-select:focus{border-color:#0994E2}.uniform-input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;border:1px solid #d8d8d9;display:inline-block;padding:7px;-webkit-transition:box-shadow 0.2s ease-in;-moz-transition:box-shadow 0.2s ease-in;transition:box-shadow 0.2s ease-in}.uniform-input:focus{border-color:#97C848;box-shadow:inset 0 -3px 0 #97C848}.uniform-input.large{padding:10px;font-size:1.3em;font-weight:300}.inline-input{display:table;background:white;overflow:hidden;border:1px solid #d9d9d9;border-top-color:#cccccc}.inline-input:focus{background:red}.inline-input.block>*{width:100%}.inline-input>*{display:table-cell;vertical-align:middle;float:none}.inline-input>*.top{vertical-align:top}.inline-input input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.inline-input .textbox,.inline-input textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;padding:10px;box-shadow:none;border:none;width:100%}.inline-input input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):disabled,.inline-input textarea:disabled,.inline-input .textbox:disabled,.inline-input select:disabled{color:#828487;font-style:italic}.inline-input select{width:100%;border:none;margin:0;margin-top:1px;height:37px;line-height:37px;background:none}.inline-input label{margin:0;font-weight:bold;padding:5px;width:100%;font-size:0.8em}.inline-input .label,.inline-input .add-on,.inline-input .units{white-space:nowrap;width:auto;padding-left:7px;padding-right:7px;color:gray}.inline-input.active{box-shadow:0 0 3px 1px #97C848;border-color:#97C848}.inline-input.error{border-color:#E1563E}.uniform-form .uniform-form-section{background:white;border:1px solid #d8d8d9;display:block;overflow:hidden;margin-bottom:20px}.uniform-form .uniform-form-section-head{background:#f7f7f7;overflow:hidden;padding:10px 15px;border-bottom:1px solid #d8d8d9}.uniform-form .uniform-form-section-head>*{margin:0}.uniform-form .uniform-form-section-head h1,.uniform-form .uniform-form-section-head h2,.uniform-form .uniform-form-section-head h3,.uniform-form .uniform-form-section-head h4,.uniform-form .uniform-form-section-head h5,.uniform-form .uniform-form-section-head h6{margin:0;display:inline-block}.uniform-form .uniform-form-section-foot{background:#f7f7f7;border-top:1px solid #d8d8d9;text-align:center;padding:10px 15px}.uniform-form .row .uniform-form-group{margin-top:10px;margin-bottom:10px}.uniform-form .uniform-form-group{margin-bottom:0}.uniform-form .uniform-form-group .has-error>label,.uniform-form .uniform-form-group>label{display:block}.uniform-form .uniform-form-group .has-error>label:not(:first-of-type),.uniform-form .uniform-form-group>label:not(:first-of-type){margin-top:20px}.uniform-form .uniform-form-group .has-error>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-form .uniform-form-group>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-form .uniform-form-group textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;border:1px solid #d8d8d9;display:inline-block;padding:7px;-webkit-transition:box-shadow 0.2s ease-in;-moz-transition:box-shadow 0.2s ease-in;transition:box-shadow 0.2s ease-in;width:100%}.uniform-form .uniform-form-group .has-error>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):focus,.uniform-form .uniform-form-group>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):focus,.uniform-form .uniform-form-group textarea:focus{border-color:#97C848;box-shadow:inset 0 -3px 0 #97C848}.uniform-form .uniform-form-group .has-error>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]).large,.uniform-form .uniform-form-group>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]).large,.uniform-form .uniform-form-group textarea.large{padding:10px;font-size:1.3em;font-weight:300}.uniform-form .uniform-form-group .has-error>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):focus{box-shadow:inset 0 -3px 0 #E1563E}.uniform-form .uniform-form-group .has-error>select,.uniform-form .uniform-form-group>select{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:1px;cursor:pointer;text-indent:1px;text-overflow:ellipsis;font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;border:1px solid #d9d9d9;margin:0;padding:5px;padding-right:20px;line-height:1.2;min-height:30px;background:white;border-radius:0;background:url(asset_path("arrow_down_large.svg")) no-repeat;background-size:10px 10px;background-position:right 5px center;width:100%}.uniform-form .uniform-form-group .has-error>select:focus,.uniform-form .uniform-form-group>select:focus{border-color:#0994E2}.uniform-form .uniform-form-group .inline-input{width:100%}.uniform-form .uniform-form-group .inline-input select{background:none}.uniform-form .uniform-form-group .inline-input.active{box-shadow:none;border-color:#0994E2}.uniform-form .uniform-form-group .inline-input .add-on{width:30px;border-right:none}.uniform-form .has-error label{color:#E1563E !important}.uniform-form .has-error input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-form .has-error textarea{border-color:#E1563E !important}.uniform-form .has-error .select2 .select2-selection{border-color:#E1563E !important}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container:before,.container:after{content:" ";display:table}.container:after{clear:both}@media screen and (min-width: 768px){.container{width:750px}}@media screen and (min-width: 992px){.container{width:970px}}@media screen and (min-width: 1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container-fluid:before,.container-fluid:after{content:" ";display:table}.container-fluid:after{clear:both}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.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-left:15px;padding-right: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-1{width:8.33333%}.col-xs-2{width:16.66667%}.col-xs-3{width:25%}.col-xs-4{width:33.33333%}.col-xs-5{width:41.66667%}.col-xs-6{width:50%}.col-xs-7{width:58.33333%}.col-xs-8{width:66.66667%}.col-xs-9{width:75%}.col-xs-10{width:83.33333%}.col-xs-11{width:91.66667%}.col-xs-12{width:100%}.col-xs-pull-0{right:auto}.col-xs-pull-1{right:8.33333%}.col-xs-pull-2{right:16.66667%}.col-xs-pull-3{right:25%}.col-xs-pull-4{right:33.33333%}.col-xs-pull-5{right:41.66667%}.col-xs-pull-6{right:50%}.col-xs-pull-7{right:58.33333%}.col-xs-pull-8{right:66.66667%}.col-xs-pull-9{right:75%}.col-xs-pull-10{right:83.33333%}.col-xs-pull-11{right:91.66667%}.col-xs-pull-12{right:100%}.col-xs-push-0{left:auto}.col-xs-push-1{left:8.33333%}.col-xs-push-2{left:16.66667%}.col-xs-push-3{left:25%}.col-xs-push-4{left:33.33333%}.col-xs-push-5{left:41.66667%}.col-xs-push-6{left:50%}.col-xs-push-7{left:58.33333%}.col-xs-push-8{left:66.66667%}.col-xs-push-9{left:75%}.col-xs-push-10{left:83.33333%}.col-xs-push-11{left:91.66667%}.col-xs-push-12{left:100%}.col-xs-offset-0{margin-left:0%}.col-xs-offset-1{margin-left:8.33333%}.col-xs-offset-2{margin-left:16.66667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333%}.col-xs-offset-5{margin-left:41.66667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333%}.col-xs-offset-8{margin-left:66.66667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333%}.col-xs-offset-11{margin-left:91.66667%}.col-xs-offset-12{margin-left:100%}@media screen and (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-1{width:8.33333%}.col-sm-2{width:16.66667%}.col-sm-3{width:25%}.col-sm-4{width:33.33333%}.col-sm-5{width:41.66667%}.col-sm-6{width:50%}.col-sm-7{width:58.33333%}.col-sm-8{width:66.66667%}.col-sm-9{width:75%}.col-sm-10{width:83.33333%}.col-sm-11{width:91.66667%}.col-sm-12{width:100%}.col-sm-pull-0{right:auto}.col-sm-pull-1{right:8.33333%}.col-sm-pull-2{right:16.66667%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.33333%}.col-sm-pull-5{right:41.66667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.33333%}.col-sm-pull-8{right:66.66667%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.33333%}.col-sm-pull-11{right:91.66667%}.col-sm-pull-12{right:100%}.col-sm-push-0{left:auto}.col-sm-push-1{left:8.33333%}.col-sm-push-2{left:16.66667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.33333%}.col-sm-push-5{left:41.66667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.33333%}.col-sm-push-8{left:66.66667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.33333%}.col-sm-push-11{left:91.66667%}.col-sm-push-12{left:100%}.col-sm-offset-0{margin-left:0%}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-offset-12{margin-left:100%}}@media screen and (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-1{width:8.33333%}.col-md-2{width:16.66667%}.col-md-3{width:25%}.col-md-4{width:33.33333%}.col-md-5{width:41.66667%}.col-md-6{width:50%}.col-md-7{width:58.33333%}.col-md-8{width:66.66667%}.col-md-9{width:75%}.col-md-10{width:83.33333%}.col-md-11{width:91.66667%}.col-md-12{width:100%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.33333%}.col-md-pull-2{right:16.66667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.33333%}.col-md-pull-5{right:41.66667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.33333%}.col-md-pull-8{right:66.66667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.33333%}.col-md-pull-11{right:91.66667%}.col-md-pull-12{right:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.33333%}.col-md-push-2{left:16.66667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.33333%}.col-md-push-5{left:41.66667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.33333%}.col-md-push-8{left:66.66667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.33333%}.col-md-push-11{left:91.66667%}.col-md-push-12{left:100%}.col-md-offset-0{margin-left:0%}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-offset-12{margin-left:100%}}@media screen and (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-1{width:8.33333%}.col-lg-2{width:16.66667%}.col-lg-3{width:25%}.col-lg-4{width:33.33333%}.col-lg-5{width:41.66667%}.col-lg-6{width:50%}.col-lg-7{width:58.33333%}.col-lg-8{width:66.66667%}.col-lg-9{width:75%}.col-lg-10{width:83.33333%}.col-lg-11{width:91.66667%}.col-lg-12{width:100%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.33333%}.col-lg-pull-2{right:16.66667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.33333%}.col-lg-pull-5{right:41.66667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.33333%}.col-lg-pull-8{right:66.66667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.33333%}.col-lg-pull-11{right:91.66667%}.col-lg-pull-12{right:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.33333%}.col-lg-push-2{left:16.66667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.33333%}.col-lg-push-5{left:41.66667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.33333%}.col-lg-push-8{left:66.66667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.33333%}.col-lg-push-11{left:91.66667%}.col-lg-push-12{left:100%}.col-lg-offset-0{margin-left:0%}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-offset-12{margin-left:100%}}.row.dividers>div{border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;margin-right:-1px}.row.dividers>div:first-of-type{border-left:none}.row.dividers>div:last-of-type{border-right:none}.uniform-select{position:relative}.uniform-select select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;position:relative;z-index:1;outline:1px;cursor:pointer;text-indent:1px;text-overflow:ellipsis;font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;border:1px solid #828487;padding:0.3em 0.5em;padding-right:1.7em;background:white;border-radius:0;background:none}.uniform-select:after{color:#828487;font-size:1em;font-family:"fortycons";content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:0.3em;z-index:0}.uniform-select:focus{border-color:#0994E2}.uniform-input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;border:1px solid #d8d8d9;display:inline-block;padding:7px;-webkit-transition:box-shadow 0.2s ease-in;-moz-transition:box-shadow 0.2s ease-in;transition:box-shadow 0.2s ease-in}.uniform-input:focus{border-color:#97C848;box-shadow:inset 0 -3px 0 #97C848}.uniform-input.large{padding:10px;font-size:1.3em;font-weight:300}.inline-input{display:table;background:white;overflow:hidden;border:1px solid #d9d9d9;border-top-color:#cccccc}.inline-input:focus{background:red}.inline-input.block>*{width:100%}.inline-input>*{display:table-cell;vertical-align:middle;float:none}.inline-input>*.top{vertical-align:top}.inline-input input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.inline-input .textbox,.inline-input textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;padding:10px;box-shadow:none;border:none;width:100%}.inline-input input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):disabled,.inline-input textarea:disabled,.inline-input .textbox:disabled,.inline-input select:disabled{color:#828487;font-style:italic}.inline-input select{width:100%;border:none;margin:0;margin-top:1px;height:37px;line-height:37px;background:none}.inline-input label{margin:0;font-weight:bold;padding:5px;width:100%;font-size:0.8em}.inline-input .label,.inline-input .add-on,.inline-input .units{white-space:nowrap;width:auto;padding-left:7px;padding-right:7px;color:gray}.inline-input.active{box-shadow:0 0 3px 1px #97C848;border-color:#97C848}.inline-input.error{border-color:#E1563E}.uniform-label{padding:0.1em 0.5em;font-size:0.9em;font-weight:bold;color:white;background:#505153;border-radius:0.3em;border:1px solid #505153}.uniform-label.green{background:#97C848}.uniform-label.red{background:#E1563E}.uniform-label.yellow{background:#D7E542}.uniform-label.blue{background:#0994E2}.uniform-label.outline{background:none;color:#505153}.uniform-label.outline.green{border-color:#97C848;color:#97C848}.uniform-label.outline.red{border-color:#E1563E;color:#E1563E}.uniform-label.outline.yellow{border-color:#D7E542;color:#D7E542}.uniform-label.outline.blue{border-color:#0994E2;color:#0994E2}ul.uniform-list{list-style:none;margin:0;padding:0}ul.uniform-checks,ol.uniform-step,ul.uniform-icons{list-style:none;margin:0;padding:0}ul.uniform-checks li,ol.uniform-step li,ul.uniform-icons li{margin:0.2em 0;text-indent:-2em;margin-left:2em}ul.uniform-checks li:before,ol.uniform-step li:before,ul.uniform-icons li:before{margin-right:0.5em}ol.uniform-step{counter-reset:item}ol.uniform-step li{counter-increment:item}ol.uniform-step li:before{content:counter(item);color:#97C848;font-size:1em;border-radius:50%;border:0.15em solid #97C848;width:1.35em;height:1.35em;font-weight:normal;line-height:1.1;text-align:center;text-indent:0;display:inline-block;margin-right:0.5em}ul.uniform-checks li:before{font-family:"fortycons";content:"";color:#97C848;font-size:1.3em;vertical-align:-0.1em}ul.uniform-icons li:before{font-family:"fortycons";content:attr(data-icon);font-size:1.3em;vertical-align:-0.1em}.uniform-loader{display:inline-block}.uniform-loader .uniform-loader-container{letter-spacing:-.05em;white-space:nowrap}.uniform-loader .uniform-loader-container span{font-size:2em;line-height:1em;color:black;-webkit-animation:uniform-loader 1s infinite linear;-moz-animation:uniform-loader 1s infinite linear;animation:uniform-loader 1s infinite linear;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;animation-delay:0.4s}.uniform-loader .uniform-loader-container span:first-of-type{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;animation-delay:0.2s}.uniform-loader .uniform-loader-container span:last-of-type{-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;animation-delay:0.6s}.uniform-loader.light .uniform-loader-container span{color:white;-webkit-animation:uniform-loader-light 1s infinite linear;-moz-animation:uniform-loader-light 1s infinite linear;animation:uniform-loader-light 1s infinite linear;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;animation-delay:0.4s}.uniform-loader.light .uniform-loader-container span:first-of-type{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;animation-delay:0.2s}.uniform-loader.light .uniform-loader-container span:last-of-type{-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;animation-delay:0.6s}.uniform-loader.cover{display:block;background:rgba(255,255,255,0.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:999999999}.uniform-loader.cover .uniform-loader-container{position:absolute;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.uniform-loader.cover.light{background:rgba(0,0,0,0.5)}@-webkit-keyframes uniform-loader{0%{color:black}25%{color:rgba(0,0,0,0.2)}100%{color:rgba(0,0,0,0.2)}}@-moz-keyframes uniform-loader{0%{color:black}25%{color:rgba(0,0,0,0.2)}100%{color:rgba(0,0,0,0.2)}}@keyframes uniform-loader{0%{color:black}25%{color:rgba(0,0,0,0.2)}100%{color:rgba(0,0,0,0.2)}}@-webkit-keyframes uniform-loader-light{0%{color:white}25%{color:rgba(255,255,255,0.2)}100%{color:rgba(255,255,255,0.2)}}@-moz-keyframes uniform-loader-light{0%{color:white}25%{color:rgba(255,255,255,0.2)}100%{color:rgba(255,255,255,0.2)}}@keyframes uniform-loader-light{0%{color:white}25%{color:rgba(255,255,255,0.2)}100%{color:rgba(255,255,255,0.2)}}.uniform-nav{position:relative;background:white;box-shadow:0 1px 0 0 rgba(0,0,0,0.15);color:#505153;z-index:2;position:relative}.uniform-nav .brand{padding:7px 0;margin-right:10px}.uniform-nav .container,.uniform-nav .container-fluid{display:block}.uniform-nav .container>*,.uniform-nav .container-fluid>*{display:inline-block;vertical-align:bottom}.uniform-nav>*{display:inline-block;vertical-align:bottom}.uniform-nav a{color:#505153}.uniform-nav img{display:inline-block}.uniform-nav ul{margin:0;padding:0;list-style:none}.uniform-nav ul>li{display:inline-block}.uniform-nav ul>li>*{display:inline-block;text-decoration:none;padding:16px 10px;padding-top:17px;background:none}.uniform-nav ul>li>a:hover{color:#0994E2}.uniform-nav .uniform-nav-right{float:right}.uniform-nav.uniform-nav-subnav{z-index:1}.uniform-nav.uniform-nav-subnav ul>li{vertical-align:middle}.uniform-nav.uniform-nav-subnav ul>li>*{padding-top:10px;padding-bottom:9px}.uniform-nav.invert{background:#505153;color:white;box-shadow:0 1px 0 0 #373839}.uniform-nav.invert ul>li>*{color:#d9d9d9}.uniform-nav.invert ul>li>a:hover{color:#BBFF00}.uniform-nav.invert ul>li>a.active{color:white;background:#373839}.uniform-nav.vertical ul{width:100%}.uniform-nav.vertical ul li{display:block}.uniform-nav.vertical ul li>*{display:block;padding:10px 20px}.uniform-nav.vertical ul li>a:hover{color:black;background:rgba(187,255,0,0.3)}.uniform-nav.vertical ul li>a.active{background:#505153;color:white}.uniform-nav.vertical ul li .title{font-weight:bold}.uniform-nav.vertical.transparent{background:none;box-shadow:none}.uniform-row-table{display:table;width:100%}.uniform-row-table .uniform-row{display:table-row}.uniform-row-table .uniform-row>*{display:table-cell;padding:8px 12px;float:none}.uniform-row-table .uniform-row.middle>*{vertical-align:middle}.uniform-row{line-height:1.3;font-size:13px;border:1px solid #d9d9d9;border-bottom:none;min-height:49px;position:relative;overflow:hidden;display:block;color:#505153;text-decoration:none}.uniform-row.bordered{border:none;border-bottom:1px solid #d9d9d9}.uniform-row.bordered:last-of-type{border-bottom:none}.uniform-row:hover{background-color:#eaf3fc}.uniform-row a:visited{color:#6738e4}.uniform-row:last-of-type{border-bottom:1px solid #d9d9d9}.uniform-row .uniform-row-container{overflow:hidden;display:block}.uniform-row .uniform-row-container>*{display:block;padding:8px 12px;overflow:hidden}.uniform-row .uniform-row-container>*>.pad{display:block;padding:8px 0}.uniform-row .uniform-row-secondary{font-weight:normal;display:block;font-size:0.9em;color:#9c9da0;display:block}.uniform-row .uniform-row-avatar{vertical-align:top;text-align:center;position:relative;color:#a4a5a7;background-color:#a4a5a7;float:left}.uniform-row .uniform-row-avatar img{min-width:70px;background-color:#505153;display:block}@media screen and (max-width: 767px){.uniform-row .uniform-row-container>div>a{padding-top:0;padding-bottom:8px}.uniform-row .uniform-row-avatar{width:33%}.uniform-row .uniform-row-avatar img{width:100%;height:auto}}.uniform-row-header{position:relative;overflow:visible !important;line-height:1em;font-size:0.85em;padding:3px !important;font-weight:normal;border-bottom:2px solid #d9d9d9}.uniform-row-header .sort-label{text-align:right;padding:7px 10px;padding-bottom:3px;text-transform:uppercase;color:#9c9da0;vertical-align:bottom;white-space:nowrap}.uniform-row-header .col-label{font-weight:bold;text-transform:uppercase;color:#505153}.uniform-row-header .fortycon{margin-top:-2px;margin-right:2px;color:#bebfc0;font-size:1.2em}.uniform-row-header .details{overflow:hidden}.uniform-row-header .details>div{padding:0}.uniform-row-header .details>div>*{text-decoration:none;display:block;padding:7px 6px;white-space:nowrap;border-radius:3px}.uniform-row-header .details>div>a:hover{background:#d3e6f9}.uniform-row-header .details>.active{background:none !important}.uniform-row-header .details>.active .fortycon{color:black}.uniform-row-header .details>.active>*{color:black;background:#e6e6e6}.table-container{display:table;width:100%}.table-container>*,.table-container .table-row>*{display:table-cell;float:none}.table-container>*.top,.table-container .table-row>*.top{vertical-align:top}.table-container>*.middle>*,.table-container .table-row>*.middle>*{vertical-align:middle}.table-container .table-row{display:table-row}.table-container.middle>*,.table-container .middle{vertical-align:middle}.table-container.top>*,.table-container .top{vertical-align:top}@media screen and (max-width: 767px){.table-container.break-xs>*,.table-container.break-xs .table-row>*{display:block;float:inherit}.table-container.break-xs .table-row{display:block}}@media screen and (max-width: 767px){.block-xs{display:block}}.uniform-form-table{border:1px solid #cccccc}.uniform-form-table .row{margin:0;display:table;width:100%}.uniform-form-table .row:not(:last-of-type)>*{border-bottom:1px solid #cccccc}.uniform-form-table .row>*{float:none;display:table-cell;padding:0}.uniform-form-table .row>*:not(:last-of-type){border-right:1px solid #cccccc}.uniform-form-table .row>* textarea{width:100%;max-width:100%;min-width:100%;height:100%}.uniform-form-table .row>*.col-span-2{column-span:2}.uniform-form-table .row .has-error>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-form-table .row .has-error>.textbox,.uniform-form-table .row .has-error textarea,.uniform-form-table .row>*>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-form-table .row>*>.textbox,.uniform-form-table .row>* textarea{border:none;display:block;width:100%}.uniform-form-table .row .has-error>label,.uniform-form-table .row>*>label{padding:7px;padding-bottom:0;font-weight:bold;font-size:0.8em}.uniform-form-table .row .has-error>label:not(:first-of-type),.uniform-form-table .row>*>label:not(:first-of-type){margin:0;border-top:1px solid #cccccc}.uniform-form-table .row .has-error{box-shadow:0 0 0 1px #E1563E;z-index:2;position:relative}.uniform-tabs{border:none}.uniform-tabs>li{margin-left:10px;margin-right:10px}.uniform-tabs>li>a{border:none;padding-left:0;padding-right:0;border-bottom:3px solid transparent;color:#828487}.uniform-tabs>li>a:hover{background:none}.uniform-tabs>li:first-of-type{margin-left:0}.uniform-tabs>li:last-of-type{margin-right:0}.uniform-tabs>li.active>a,.uniform-tabs>li.active>a:hover,.uniform-tabs>li.active>a:focus{color:#709239;border:none;background:none;border-bottom:3px solid #97C848}.uniform-tile{border:1px solid #cbcccd;border-radius:3px;margin-top:20px;margin-bottom:20px;overflow:hidden}.uniform-tile .avatar img{width:100%;height:auto}.uniform-tile a{color:#505153;text-decoration:none}.uniform-tile .title{vertical-align:middle;font-size:12px;padding-top:10px;padding-bottom:10px}.uniform-tile .title .name{font-size:16px;margin-bottom:5px}.uniform-tile .title .company{font-weight:bold}
+html{font-size:14px}body{font-size:1rem}*{box-sizing:border-box}a{color:#0994E2}a:hover{color:#167DBA}a:visited{color:#6738e4}h1,h2,h3,h4,h5,h6,p,ul,ol,dl,pre{margin:0;margin-bottom:1em}ul ul,ul ol,ul dl,ol ul,ol ol,ol dl,dl ul,dl ol,dl dl{margin-bottom:0}dd{margin-left:0;margin-bottom:0.5em}dt{font-weight:bold}table{background-color:transparent;border-collapse:collapse}table td,table th{display:table-cell;text-align:left}fieldset{margin:0;padding:0;border:none}textarea{resize:vertical}input,select,textarea,button{margin:0;line-height:inherit}input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),textarea{border:1px solid #b6b7b9}[hidden]{display:none !important}time{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;color:#505153;cursor:pointer}.square-icon{display:inline-block;height:1em;width:1em;border:1px solid #505153;border-radius:0.1em;vertical-align:middle}.square-icon.gray-light{border-color:#b6b7b9}.hidden{display:none !important}.round{border-radius:50%}.rounded{border-radius:0.25em}[data-href],.pointer{cursor:pointer !important}.cursor-help{cursor:help}.handle{cursor:hand}.honeypot{position:absolute !important;left:-999999px !important;width:1px !important;display:block !important}.border{border:1px solid #cccccc}@media only screen and (max-width: 719px){.border-sm{border:1px solid #cccccc}}@media only screen and (min-width: 720px){.border-md{border:1px solid #cccccc}}@media only screen and (min-width: 1080px){.border-lg{border:1px solid #cccccc}}@media only screen and (min-width: 1440px){.border-xl{border:1px solid #cccccc}}.border-top{border-top:1px solid #cccccc}@media only screen and (max-width: 719px){.border-top-sm{border-top:1px solid #cccccc}}@media only screen and (min-width: 720px){.border-top-md{border-top:1px solid #cccccc}}@media only screen and (min-width: 1080px){.border-top-lg{border-top:1px solid #cccccc}}@media only screen and (min-width: 1440px){.border-top-xl{border-top:1px solid #cccccc}}.border-dark-top{border-top:1px solid #999999}@media only screen and (max-width: 719px){.border-dark-top-sm{border-top:1px solid #999999}}@media only screen and (min-width: 720px){.border-dark-top-md{border-top:1px solid #999999}}@media only screen and (min-width: 1080px){.border-dark-top-lg{border-top:1px solid #999999}}@media only screen and (min-width: 1440px){.border-dark-top-xl{border-top:1px solid #999999}}.border-right{border-right:1px solid #cccccc}@media only screen and (max-width: 719px){.border-right-sm{border-right:1px solid #cccccc}}@media only screen and (min-width: 720px){.border-right-md{border-right:1px solid #cccccc}}@media only screen and (min-width: 1080px){.border-right-lg{border-right:1px solid #cccccc}}@media only screen and (min-width: 1440px){.border-right-xl{border-right:1px solid #cccccc}}.border-dark-right{border-right:1px solid #999999}@media only screen and (max-width: 719px){.border-dark-right-sm{border-right:1px solid #999999}}@media only screen and (min-width: 720px){.border-dark-right-md{border-right:1px solid #999999}}@media only screen and (min-width: 1080px){.border-dark-right-lg{border-right:1px solid #999999}}@media only screen and (min-width: 1440px){.border-dark-right-xl{border-right:1px solid #999999}}.border-bottom{border-bottom:1px solid #cccccc}@media only screen and (max-width: 719px){.border-bottom-sm{border-bottom:1px solid #cccccc}}@media only screen and (min-width: 720px){.border-bottom-md{border-bottom:1px solid #cccccc}}@media only screen and (min-width: 1080px){.border-bottom-lg{border-bottom:1px solid #cccccc}}@media only screen and (min-width: 1440px){.border-bottom-xl{border-bottom:1px solid #cccccc}}.border-dark-bottom{border-bottom:1px solid #999999}@media only screen and (max-width: 719px){.border-dark-bottom-sm{border-bottom:1px solid #999999}}@media only screen and (min-width: 720px){.border-dark-bottom-md{border-bottom:1px solid #999999}}@media only screen and (min-width: 1080px){.border-dark-bottom-lg{border-bottom:1px solid #999999}}@media only screen and (min-width: 1440px){.border-dark-bottom-xl{border-bottom:1px solid #999999}}.border-left{border-left:1px solid #cccccc}@media only screen and (max-width: 719px){.border-left-sm{border-left:1px solid #cccccc}}@media only screen and (min-width: 720px){.border-left-md{border-left:1px solid #cccccc}}@media only screen and (min-width: 1080px){.border-left-lg{border-left:1px solid #cccccc}}@media only screen and (min-width: 1440px){.border-left-xl{border-left:1px solid #cccccc}}.border-dark-left{border-left:1px solid #999999}@media only screen and (max-width: 719px){.border-dark-left-sm{border-left:1px solid #999999}}@media only screen and (min-width: 720px){.border-dark-left-md{border-left:1px solid #999999}}@media only screen and (min-width: 1080px){.border-dark-left-lg{border-left:1px solid #999999}}@media only screen and (min-width: 1440px){.border-dark-left-xl{border-left:1px solid #999999}}img.disabled{opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(grayscale=$gray)";filter:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cfilter%20id%3D%22desaturate%22%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22/%3E%3C/filter%3E%3C/svg%3E#desaturate);filter:gray(1);-webkit-filter:grayscale(100%)}table.fixed{table-layout:fixed}.float-right{float:right}.float-right.margin{margin:0 0 1rem 1rem}@media only screen and (max-width: 719px){.float-right-sm{float:right}.float-right-sm.margin{margin:0 0 1rem 1rem}}@media only screen and (min-width: 720px){.float-right-md{float:right}.float-right-md.margin{margin:0 0 1rem 1rem}}@media only screen and (min-width: 1080px){.float-right-lg{float:right}.float-right-lg.margin{margin:0 0 1rem 1rem}}@media only screen and (min-width: 1440px){.float-right-xl{float:right}.float-right-xl.margin{margin:0 0 1rem 1rem}}.float-left{float:left}.float-left.margin{margin:0 1rem 1rem 0}.bleed-fix{position:static;overflow:hidden}.clear{clear:both}.block{display:block}@media only screen and (max-width: 719px){.block-sm{display:block}}@media only screen and (min-width: 720px){.block-md{display:block}}@media only screen and (min-width: 1080px){.block-lg{display:block}}@media only screen and (min-width: 1440px){.block-xl{display:block}}.inline-block{display:inline-block !important}@media only screen and (max-width: 719px){.inline-block-sm{display:inline-block !important}}@media only screen and (min-width: 720px){.inline-block-md{display:inline-block !important}}@media only screen and (min-width: 1080px){.inline-block-lg{display:inline-block !important}}@media only screen and (min-width: 1440px){.inline-block-xl{display:inline-block !important}}.align-middle{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.relative{position:relative}ul.raw{margin:0;padding:0;list-style:none}.text-col-2{column-count:2;column-gap:5em}button.raw{outline:none;appearance:none;border:none;background:none}.overflow-hidden{overflow:hidden}.overflow-y{overflow-y:auto}img.block{display:block;width:100%}.height-auto{height:auto}.text-green{color:#97C848 !important}.a-hover-green a:hover{color:#97C848 !important}.bg-green{background-color:#97C848 !important}.uniformLabel-green{border-color:#97C848 !important}.a-green a{color:#97C848}.a-green a:hover{color:#c4e096}.a-green a:visited{color:#97C848}.text-green-light{color:#BBFF00 !important}.a-hover-green-light a:hover{color:#BBFF00 !important}.bg-green-light{background-color:#BBFF00 !important}.uniformLabel-green-light{border-color:#BBFF00 !important}.a-green-light a{color:#BBFF00}.a-green-light a:hover{color:#d6ff66}.a-green-light a:visited{color:#BBFF00}.text-green-dark{color:#709239 !important}.a-hover-green-dark a:hover{color:#709239 !important}.bg-green-dark{background-color:#709239 !important}.uniformLabel-green-dark{border-color:#709239 !important}.a-green-dark a{color:#709239}.a-green-dark a:hover{color:#a3c56c}.a-green-dark a:visited{color:#709239}.text-blue{color:#0994E2 !important}.a-hover-blue a:hover{color:#0994E2 !important}.bg-blue{background-color:#0994E2 !important}.uniformLabel-blue{border-color:#0994E2 !important}.a-blue a{color:#0994E2}.a-blue a:hover{color:#59bff8}.a-blue a:visited{color:#0994E2}.text-blue-light{color:#A7CDF2 !important}.a-hover-blue-light a:hover{color:#A7CDF2 !important}.bg-blue-light{background-color:#A7CDF2 !important}.uniformLabel-blue-light{border-color:#A7CDF2 !important}.a-blue-light a{color:#A7CDF2}.a-blue-light a:hover{color:white}.a-blue-light a:visited{color:#A7CDF2}.text-blue-dark{color:#167DBA !important}.a-hover-blue-dark a:hover{color:#167DBA !important}.bg-blue-dark{background-color:#167DBA !important}.uniformLabel-blue-dark{border-color:#167DBA !important}.a-blue-dark a{color:#167DBA}.a-blue-dark a:hover{color:#4cafea}.a-blue-dark a:visited{color:#167DBA}.text-red{color:#E1563E !important}.a-hover-red a:hover{color:#E1563E !important}.bg-red{background-color:#E1563E !important}.uniformLabel-red{border-color:#E1563E !important}.a-red a{color:#E1563E}.a-red a:hover{color:#efa396}.a-red a:visited{color:#E1563E}.text-red-light{color:#E5766C !important}.a-hover-red-light a:hover{color:#E5766C !important}.bg-red-light{background-color:#E5766C !important}.uniformLabel-red-light{border-color:#E5766C !important}.a-red-light a{color:#E5766C}.a-red-light a:hover{color:#f4c7c3}.a-red-light a:visited{color:#E5766C}.text-red-dark{color:#971710 !important}.a-hover-red-dark a:hover{color:#971710 !important}.bg-red-dark{background-color:#971710 !important}.uniformLabel-red-dark{border-color:#971710 !important}.a-red-dark a{color:#971710}.a-red-dark a:hover{color:#e82f25}.a-red-dark a:visited{color:#971710}.text-gray{color:#505153 !important}.a-hover-gray a:hover{color:#505153 !important}.bg-gray{background-color:#505153 !important}.uniformLabel-gray{border-color:#505153 !important}.a-gray a{color:#505153}.a-gray a:hover{color:#828487}.a-gray a:visited{color:#505153}.text-gray-light{color:#cccccc !important}.a-hover-gray-light a:hover{color:#cccccc !important}.bg-gray-light{background-color:#cccccc !important}.uniformLabel-gray-light{border-color:#cccccc !important}.a-gray-light a{color:#cccccc}.a-gray-light a:hover{color:white}.a-gray-light a:visited{color:#cccccc}.text-gray-dark{color:#373839 !important}.a-hover-gray-dark a:hover{color:#373839 !important}.bg-gray-dark{background-color:#373839 !important}.uniformLabel-gray-dark{border-color:#373839 !important}.a-gray-dark a{color:#373839}.a-gray-dark a:hover{color:#696a6d}.a-gray-dark a:visited{color:#373839}.text-yellow{color:#D7E542 !important}.a-hover-yellow a:hover{color:#D7E542 !important}.bg-yellow{background-color:#D7E542 !important}.uniformLabel-yellow{border-color:#D7E542 !important}.a-yellow a{color:#D7E542}.a-yellow a:hover{color:#eaf19c}.a-yellow a:visited{color:#D7E542}.text-yellow-light{color:#E9F75A !important}.a-hover-yellow-light a:hover{color:#E9F75A !important}.bg-yellow-light{background-color:#E9F75A !important}.uniformLabel-yellow-light{border-color:#E9F75A !important}.a-yellow-light a{color:#E9F75A}.a-yellow-light a:hover{color:#f6fcbb}.a-yellow-light a:visited{color:#E9F75A}.text-yellow-dark{color:#BBC02C !important}.a-hover-yellow-dark a:hover{color:#BBC02C !important}.bg-yellow-dark{background-color:#BBC02C !important}.uniformLabel-yellow-dark{border-color:#BBC02C !important}.a-yellow-dark a{color:#BBC02C}.a-yellow-dark a:hover{color:#dbdf73}.a-yellow-dark a:visited{color:#BBC02C}.text-background{color:#f2f2f2 !important}.a-hover-background a:hover{color:#f2f2f2 !important}.bg-background{background-color:#f2f2f2 !important}.uniformLabel-background{border-color:#f2f2f2 !important}.a-background a{color:#f2f2f2}.a-background a:hover{color:white}.a-background a:visited{color:#f2f2f2}.text-background-light{color:#f7f7f7 !important}.a-hover-background-light a:hover{color:#f7f7f7 !important}.bg-background-light{background-color:#f7f7f7 !important}.uniformLabel-background-light{border-color:#f7f7f7 !important}.a-background-light a{color:#f7f7f7}.a-background-light a:hover{color:white}.a-background-light a:visited{color:#f7f7f7}.text-background-dark{color:#e5e5e6 !important}.a-hover-background-dark a:hover{color:#e5e5e6 !important}.bg-background-dark{background-color:#e5e5e6 !important}.uniformLabel-background-dark{border-color:#e5e5e6 !important}.a-background-dark a{color:#e5e5e6}.a-background-dark a:hover{color:white}.a-background-dark a:visited{color:#e5e5e6}.text-white{color:#FFFFFF !important}.a-hover-white a:hover{color:#FFFFFF !important}.bg-white{background-color:#FFFFFF !important}.uniformLabel-white{border-color:#FFFFFF !important}.a-white a{color:#FFFFFF}.a-white a:hover{color:white}.a-white a:visited{color:#FFFFFF}.text-muted{color:#9c9da0 !important}.a-hover-muted a:hover{color:#9c9da0 !important}.bg-muted{background-color:#9c9da0 !important}.uniformLabel-muted{border-color:#9c9da0 !important}.a-muted a{color:#9c9da0}.a-muted a:hover{color:#d0d1d2}.a-muted a:visited{color:#9c9da0}.margin{margin-top:1em;margin-bottom:1em}.margin-h{margin-left:1em;margin-right:1em}.margin-more{margin-top:2em !important;margin-bottom:2em !important}.margin-super{margin-top:4em !important;margin-bottom:4em !important}.margin-less{margin-top:0.5em;margin-bottom:0.5em}@media only screen and (max-width: 719px){.margin-less-sm{margin-top:0.5em;margin-bottom:0.5em}}@media only screen and (min-width: 720px){.margin-less-md{margin-top:0.5em;margin-bottom:0.5em}}@media only screen and (min-width: 1080px){.margin-less-lg{margin-top:0.5em;margin-bottom:0.5em}}@media only screen and (min-width: 1440px){.margin-less-xl{margin-top:0.5em;margin-bottom:0.5em}}.margin-tiny{margin-top:0.25em;margin-bottom:0.25em}.margin-none{margin:0 !important}.margin-top-none{margin-top:0 !important}.margin-top-tiny{margin-top:0.25em !important}.margin-top-less{margin-top:0.5em !important}.margin-top{margin-top:1em !important}@media only screen and (max-width: 719px){.margin-top-sm{margin-top:1em !important}}@media only screen and (min-width: 720px){.margin-top-md{margin-top:1em !important}}@media only screen and (min-width: 1080px){.margin-top-lg{margin-top:1em !important}}@media only screen and (min-width: 1440px){.margin-top-xl{margin-top:1em !important}}.margin-top-more{margin-top:2em !important}@media only screen and (max-width: 719px){.margin-top-more-sm{margin-top:2em !important}}@media only screen and (min-width: 720px){.margin-top-more-md{margin-top:2em !important}}@media only screen and (min-width: 1080px){.margin-top-more-lg{margin-top:2em !important}}@media only screen and (min-width: 1440px){.margin-top-more-xl{margin-top:2em !important}}.margin-right-none{margin-right:0 !important}.margin-right-tiny{margin-right:0.25em !important}.margin-right-less{margin-right:0.5em !important}.margin-right{margin-right:1em !important}@media only screen and (max-width: 719px){.margin-right-sm{margin-right:1em !important}}@media only screen and (min-width: 720px){.margin-right-md{margin-right:1em !important}}@media only screen and (min-width: 1080px){.margin-right-lg{margin-right:1em !important}}@media only screen and (min-width: 1440px){.margin-right-xl{margin-right:1em !important}}.margin-right-more{margin-right:2em !important}@media only screen and (max-width: 719px){.margin-right-more-sm{margin-right:2em !important}}@media only screen and (min-width: 720px){.margin-right-more-md{margin-right:2em !important}}@media only screen and (min-width: 1080px){.margin-right-more-lg{margin-right:2em !important}}@media only screen and (min-width: 1440px){.margin-right-more-xl{margin-right:2em !important}}.margin-bottom-none{margin-bottom:0 !important}.margin-bottom-tiny{margin-bottom:0.25em !important}.margin-bottom-less{margin-bottom:0.5em !important}.margin-bottom{margin-bottom:1em !important}@media only screen and (max-width: 719px){.margin-bottom-sm{margin-bottom:1em !important}}@media only screen and (min-width: 720px){.margin-bottom-md{margin-bottom:1em !important}}@media only screen and (min-width: 1080px){.margin-bottom-lg{margin-bottom:1em !important}}@media only screen and (min-width: 1440px){.margin-bottom-xl{margin-bottom:1em !important}}.margin-bottom-more{margin-bottom:2em !important}@media only screen and (max-width: 719px){.margin-bottom-more-sm{margin-bottom:2em !important}}@media only screen and (min-width: 720px){.margin-bottom-more-md{margin-bottom:2em !important}}@media only screen and (min-width: 1080px){.margin-bottom-more-lg{margin-bottom:2em !important}}@media only screen and (min-width: 1440px){.margin-bottom-more-xl{margin-bottom:2em !important}}.margin-left-none{margin-left:0 !important}.margin-left-tiny{margin-left:0.25em !important}.margin-left-less{margin-left:0.5em !important}.margin-left{margin-left:1em !important}@media only screen and (max-width: 719px){.margin-left-sm{margin-left:1em !important}}@media only screen and (min-width: 720px){.margin-left-md{margin-left:1em !important}}@media only screen and (min-width: 1080px){.margin-left-lg{margin-left:1em !important}}@media only screen and (min-width: 1440px){.margin-left-xl{margin-left:1em !important}}.margin-left-more{margin-left:2em !important}@media only screen and (max-width: 719px){.margin-left-more-sm{margin-left:2em !important}}@media only screen and (min-width: 720px){.margin-left-more-md{margin-left:2em !important}}@media only screen and (min-width: 1080px){.margin-left-more-lg{margin-left:2em !important}}@media only screen and (min-width: 1440px){.margin-left-more-xl{margin-left:2em !important}}.pad{padding:1em}@media only screen and (max-width: 719px){.pad-sm{padding:1em}}@media only screen and (min-width: 720px){.pad-md{padding:1em}}@media only screen and (min-width: 1080px){.pad-lg{padding:1em}}@media only screen and (min-width: 1440px){.pad-xl{padding:1em}}.pad-tiny{padding:0.25em}@media only screen and (max-width: 719px){.pad-tiny-sm{padding:0.25em}}@media only screen and (min-width: 720px){.pad-tiny-md{padding:0.25em}}@media only screen and (min-width: 1080px){.pad-tiny-lg{padding:0.25em}}@media only screen and (min-width: 1440px){.pad-tiny-xl{padding:0.25em}}.pad-less{padding:0.5em}@media only screen and (max-width: 719px){.pad-less-sm{padding:0.5em}}@media only screen and (min-width: 720px){.pad-less-md{padding:0.5em}}@media only screen and (min-width: 1080px){.pad-less-lg{padding:0.5em}}@media only screen and (min-width: 1440px){.pad-less-xl{padding:0.5em}}.pad-more{padding:2em}@media only screen and (max-width: 719px){.pad-more-sm{padding:2em}}@media only screen and (min-width: 720px){.pad-more-md{padding:2em}}@media only screen and (min-width: 1080px){.pad-more-lg{padding:2em}}@media only screen and (min-width: 1440px){.pad-more-xl{padding:2em}}.pad-super{padding:4em}@media only screen and (max-width: 719px){.pad-super-sm{padding:4em}}@media only screen and (min-width: 720px){.pad-super-md{padding:4em}}@media only screen and (min-width: 1080px){.pad-super-lg{padding:4em}}@media only screen and (min-width: 1440px){.pad-super-xl{padding:4em}}.pad-more-important{padding:2em !important}@media only screen and (max-width: 719px){.pad-more-important-sm{padding:2em !important}}@media only screen and (min-width: 720px){.pad-more-important-md{padding:2em !important}}@media only screen and (min-width: 1080px){.pad-more-important-lg{padding:2em !important}}@media only screen and (min-width: 1440px){.pad-more-important-xl{padding:2em !important}}.pad-h{padding-left:1em;padding-right:1em}.pad-h-less{padding-left:0.5em;padding-right:0.5em}.pad-v{padding-top:1em;padding-bottom:1em}.pad-v-less{padding-top:0.5em;padding-bottom:0.5em}.pad-v-more{padding-top:2em;padding-bottom:2em}.pad-v-super{padding-top:4em;padding-bottom:4em}.pad-none{padding:0 !important}.pad-none-h{padding-left:0 !important;padding-right:0 !important}.un-pad{margin-left:-1em;margin-right:-1em}.un-pad-less{margin-left:-0.5em;margin-right:-0.5em}.x-pad{padding:4em}.pad-top-tiny{padding-top:0.25em !important}@media only screen and (max-width: 719px){.pad-top-tiny-sm{padding-top:0.25em !important}}@media only screen and (min-width: 720px){.pad-top-tiny-md{padding-top:0.25em !important}}@media only screen and (min-width: 1080px){.pad-top-tiny-lg{padding-top:0.25em !important}}@media only screen and (min-width: 1440px){.pad-top-tiny-xl{padding-top:0.25em !important}}.pad-top-less{padding-top:0.5em !important}@media only screen and (max-width: 719px){.pad-top-less-sm{padding-top:0.5em !important}}@media only screen and (min-width: 720px){.pad-top-less-md{padding-top:0.5em !important}}@media only screen and (min-width: 1080px){.pad-top-less-lg{padding-top:0.5em !important}}@media only screen and (min-width: 1440px){.pad-top-less-xl{padding-top:0.5em !important}}.pad-top{padding-top:1em !important}@media only screen and (max-width: 719px){.pad-top-sm{padding-top:1em !important}}@media only screen and (min-width: 720px){.pad-top-md{padding-top:1em !important}}@media only screen and (min-width: 1080px){.pad-top-lg{padding-top:1em !important}}@media only screen and (min-width: 1440px){.pad-top-xl{padding-top:1em !important}}.pad-top-more{padding-top:2em !important}@media only screen and (max-width: 719px){.pad-top-more-sm{padding-top:2em !important}}@media only screen and (min-width: 720px){.pad-top-more-md{padding-top:2em !important}}@media only screen and (min-width: 1080px){.pad-top-more-lg{padding-top:2em !important}}@media only screen and (min-width: 1440px){.pad-top-more-xl{padding-top:2em !important}}.pad-right-tiny{padding-right:0.25em !important}@media only screen and (max-width: 719px){.pad-right-tiny-sm{padding-right:0.25em !important}}@media only screen and (min-width: 720px){.pad-right-tiny-md{padding-right:0.25em !important}}@media only screen and (min-width: 1080px){.pad-right-tiny-lg{padding-right:0.25em !important}}@media only screen and (min-width: 1440px){.pad-right-tiny-xl{padding-right:0.25em !important}}.pad-right-less{padding-right:0.5em !important}@media only screen and (max-width: 719px){.pad-right-less-sm{padding-right:0.5em !important}}@media only screen and (min-width: 720px){.pad-right-less-md{padding-right:0.5em !important}}@media only screen and (min-width: 1080px){.pad-right-less-lg{padding-right:0.5em !important}}@media only screen and (min-width: 1440px){.pad-right-less-xl{padding-right:0.5em !important}}.pad-right{padding-right:1em !important}@media only screen and (max-width: 719px){.pad-right-sm{padding-right:1em !important}}@media only screen and (min-width: 720px){.pad-right-md{padding-right:1em !important}}@media only screen and (min-width: 1080px){.pad-right-lg{padding-right:1em !important}}@media only screen and (min-width: 1440px){.pad-right-xl{padding-right:1em !important}}.pad-right-more{padding-right:2em !important}@media only screen and (max-width: 719px){.pad-right-more-sm{padding-right:2em !important}}@media only screen and (min-width: 720px){.pad-right-more-md{padding-right:2em !important}}@media only screen and (min-width: 1080px){.pad-right-more-lg{padding-right:2em !important}}@media only screen and (min-width: 1440px){.pad-right-more-xl{padding-right:2em !important}}.pad-bottom-tiny{padding-bottom:0.25em !important}@media only screen and (max-width: 719px){.pad-bottom-tiny-sm{padding-bottom:0.25em !important}}@media only screen and (min-width: 720px){.pad-bottom-tiny-md{padding-bottom:0.25em !important}}@media only screen and (min-width: 1080px){.pad-bottom-tiny-lg{padding-bottom:0.25em !important}}@media only screen and (min-width: 1440px){.pad-bottom-tiny-xl{padding-bottom:0.25em !important}}.pad-bottom-less{padding-bottom:0.5em !important}@media only screen and (max-width: 719px){.pad-bottom-less-sm{padding-bottom:0.5em !important}}@media only screen and (min-width: 720px){.pad-bottom-less-md{padding-bottom:0.5em !important}}@media only screen and (min-width: 1080px){.pad-bottom-less-lg{padding-bottom:0.5em !important}}@media only screen and (min-width: 1440px){.pad-bottom-less-xl{padding-bottom:0.5em !important}}.pad-bottom{padding-bottom:1em !important}@media only screen and (max-width: 719px){.pad-bottom-sm{padding-bottom:1em !important}}@media only screen and (min-width: 720px){.pad-bottom-md{padding-bottom:1em !important}}@media only screen and (min-width: 1080px){.pad-bottom-lg{padding-bottom:1em !important}}@media only screen and (min-width: 1440px){.pad-bottom-xl{padding-bottom:1em !important}}.pad-bottom-more{padding-bottom:2em !important}@media only screen and (max-width: 719px){.pad-bottom-more-sm{padding-bottom:2em !important}}@media only screen and (min-width: 720px){.pad-bottom-more-md{padding-bottom:2em !important}}@media only screen and (min-width: 1080px){.pad-bottom-more-lg{padding-bottom:2em !important}}@media only screen and (min-width: 1440px){.pad-bottom-more-xl{padding-bottom:2em !important}}.pad-left-tiny{padding-left:0.25em !important}@media only screen and (max-width: 719px){.pad-left-tiny-sm{padding-left:0.25em !important}}@media only screen and (min-width: 720px){.pad-left-tiny-md{padding-left:0.25em !important}}@media only screen and (min-width: 1080px){.pad-left-tiny-lg{padding-left:0.25em !important}}@media only screen and (min-width: 1440px){.pad-left-tiny-xl{padding-left:0.25em !important}}.pad-left-less{padding-left:0.5em !important}@media only screen and (max-width: 719px){.pad-left-less-sm{padding-left:0.5em !important}}@media only screen and (min-width: 720px){.pad-left-less-md{padding-left:0.5em !important}}@media only screen and (min-width: 1080px){.pad-left-less-lg{padding-left:0.5em !important}}@media only screen and (min-width: 1440px){.pad-left-less-xl{padding-left:0.5em !important}}.pad-left{padding-left:1em !important}@media only screen and (max-width: 719px){.pad-left-sm{padding-left:1em !important}}@media only screen and (min-width: 720px){.pad-left-md{padding-left:1em !important}}@media only screen and (min-width: 1080px){.pad-left-lg{padding-left:1em !important}}@media only screen and (min-width: 1440px){.pad-left-xl{padding-left:1em !important}}.pad-left-more{padding-left:2em !important}@media only screen and (max-width: 719px){.pad-left-more-sm{padding-left:2em !important}}@media only screen and (min-width: 720px){.pad-left-more-md{padding-left:2em !important}}@media only screen and (min-width: 1080px){.pad-left-more-lg{padding-left:2em !important}}@media only screen and (min-width: 1440px){.pad-left-more-xl{padding-left:2em !important}}.col-5-px{flex:0 0 5px;max-width:5px}.col-1-p{flex:0 0 1%;max-width:1%}.width-1-p{width:1%;max-width:1%}.width-5-px{width:5px}.max-width-5-px{max-width:5px}.max-width-1-p{max-width:1%}.height-5-px{height:5px}.height-5-p{height:5%}.max-height-5-px{max-height:5px}.col-10-px{flex:0 0 10px;max-width:10px}.col-2-p{flex:0 0 2%;max-width:2%}.width-2-p{width:2%;max-width:2%}.width-10-px{width:10px}.max-width-10-px{max-width:10px}.max-width-2-p{max-width:2%}.height-10-px{height:10px}.height-10-p{height:10%}.max-height-10-px{max-height:10px}.col-15-px{flex:0 0 15px;max-width:15px}.col-3-p{flex:0 0 3%;max-width:3%}.width-3-p{width:3%;max-width:3%}.width-15-px{width:15px}.max-width-15-px{max-width:15px}.max-width-3-p{max-width:3%}.height-15-px{height:15px}.height-15-p{height:15%}.max-height-15-px{max-height:15px}.col-20-px{flex:0 0 20px;max-width:20px}.col-4-p{flex:0 0 4%;max-width:4%}.width-4-p{width:4%;max-width:4%}.width-20-px{width:20px}.max-width-20-px{max-width:20px}.max-width-4-p{max-width:4%}.height-20-px{height:20px}.height-20-p{height:20%}.max-height-20-px{max-height:20px}.col-25-px{flex:0 0 25px;max-width:25px}.col-5-p{flex:0 0 5%;max-width:5%}.width-5-p{width:5%;max-width:5%}.width-25-px{width:25px}.max-width-25-px{max-width:25px}.max-width-5-p{max-width:5%}.height-25-px{height:25px}.height-25-p{height:25%}.max-height-25-px{max-height:25px}.col-30-px{flex:0 0 30px;max-width:30px}.col-6-p{flex:0 0 6%;max-width:6%}.width-6-p{width:6%;max-width:6%}.width-30-px{width:30px}.max-width-30-px{max-width:30px}.max-width-6-p{max-width:6%}.height-30-px{height:30px}.height-30-p{height:30%}.max-height-30-px{max-height:30px}.col-35-px{flex:0 0 35px;max-width:35px}.col-7-p{flex:0 0 7%;max-width:7%}.width-7-p{width:7%;max-width:7%}.width-35-px{width:35px}.max-width-35-px{max-width:35px}.max-width-7-p{max-width:7%}.height-35-px{height:35px}.height-35-p{height:35%}.max-height-35-px{max-height:35px}.col-40-px{flex:0 0 40px;max-width:40px}.col-8-p{flex:0 0 8%;max-width:8%}.width-8-p{width:8%;max-width:8%}.width-40-px{width:40px}.max-width-40-px{max-width:40px}.max-width-8-p{max-width:8%}.height-40-px{height:40px}.height-40-p{height:40%}.max-height-40-px{max-height:40px}.col-45-px{flex:0 0 45px;max-width:45px}.col-9-p{flex:0 0 9%;max-width:9%}.width-9-p{width:9%;max-width:9%}.width-45-px{width:45px}.max-width-45-px{max-width:45px}.max-width-9-p{max-width:9%}.height-45-px{height:45px}.height-45-p{height:45%}.max-height-45-px{max-height:45px}.col-50-px{flex:0 0 50px;max-width:50px}.col-10-p{flex:0 0 10%;max-width:10%}.width-10-p{width:10%;max-width:10%}.width-50-px{width:50px}.max-width-50-px{max-width:50px}.max-width-10-p{max-width:10%}.height-50-px{height:50px}.height-50-p{height:50%}.max-height-50-px{max-height:50px}.col-55-px{flex:0 0 55px;max-width:55px}.col-11-p{flex:0 0 11%;max-width:11%}.width-11-p{width:11%;max-width:11%}.width-55-px{width:55px}.max-width-55-px{max-width:55px}.max-width-11-p{max-width:11%}.height-55-px{height:55px}.height-55-p{height:55%}.max-height-55-px{max-height:55px}.col-60-px{flex:0 0 60px;max-width:60px}.col-12-p{flex:0 0 12%;max-width:12%}.width-12-p{width:12%;max-width:12%}.width-60-px{width:60px}.max-width-60-px{max-width:60px}.max-width-12-p{max-width:12%}.height-60-px{height:60px}.height-60-p{height:60%}.max-height-60-px{max-height:60px}.col-65-px{flex:0 0 65px;max-width:65px}.col-13-p{flex:0 0 13%;max-width:13%}.width-13-p{width:13%;max-width:13%}.width-65-px{width:65px}.max-width-65-px{max-width:65px}.max-width-13-p{max-width:13%}.height-65-px{height:65px}.height-65-p{height:65%}.max-height-65-px{max-height:65px}.col-70-px{flex:0 0 70px;max-width:70px}.col-14-p{flex:0 0 14%;max-width:14%}.width-14-p{width:14%;max-width:14%}.width-70-px{width:70px}.max-width-70-px{max-width:70px}.max-width-14-p{max-width:14%}.height-70-px{height:70px}.height-70-p{height:70%}.max-height-70-px{max-height:70px}.col-75-px{flex:0 0 75px;max-width:75px}.col-15-p{flex:0 0 15%;max-width:15%}.width-15-p{width:15%;max-width:15%}.width-75-px{width:75px}.max-width-75-px{max-width:75px}.max-width-15-p{max-width:15%}.height-75-px{height:75px}.height-75-p{height:75%}.max-height-75-px{max-height:75px}.col-80-px{flex:0 0 80px;max-width:80px}.col-16-p{flex:0 0 16%;max-width:16%}.width-16-p{width:16%;max-width:16%}.width-80-px{width:80px}.max-width-80-px{max-width:80px}.max-width-16-p{max-width:16%}.height-80-px{height:80px}.height-80-p{height:80%}.max-height-80-px{max-height:80px}.col-85-px{flex:0 0 85px;max-width:85px}.col-17-p{flex:0 0 17%;max-width:17%}.width-17-p{width:17%;max-width:17%}.width-85-px{width:85px}.max-width-85-px{max-width:85px}.max-width-17-p{max-width:17%}.height-85-px{height:85px}.height-85-p{height:85%}.max-height-85-px{max-height:85px}.col-90-px{flex:0 0 90px;max-width:90px}.col-18-p{flex:0 0 18%;max-width:18%}.width-18-p{width:18%;max-width:18%}.width-90-px{width:90px}.max-width-90-px{max-width:90px}.max-width-18-p{max-width:18%}.height-90-px{height:90px}.height-90-p{height:90%}.max-height-90-px{max-height:90px}.col-95-px{flex:0 0 95px;max-width:95px}.col-19-p{flex:0 0 19%;max-width:19%}.width-19-p{width:19%;max-width:19%}.width-95-px{width:95px}.max-width-95-px{max-width:95px}.max-width-19-p{max-width:19%}.height-95-px{height:95px}.height-95-p{height:95%}.max-height-95-px{max-height:95px}.col-100-px{flex:0 0 100px;max-width:100px}.col-20-p{flex:0 0 20%;max-width:20%}.width-20-p{width:20%;max-width:20%}.width-100-px{width:100px}.max-width-100-px{max-width:100px}.max-width-20-p{max-width:20%}.height-100-px{height:100px}.height-100-p{height:100%}.max-height-100-px{max-height:100px}.col-105-px{flex:0 0 105px;max-width:105px}.col-21-p{flex:0 0 21%;max-width:21%}.width-21-p{width:21%;max-width:21%}.width-105-px{width:105px}.max-width-105-px{max-width:105px}.max-width-21-p{max-width:21%}.height-105-px{height:105px}.height-105-p{height:105%}.max-height-105-px{max-height:105px}.col-110-px{flex:0 0 110px;max-width:110px}.col-22-p{flex:0 0 22%;max-width:22%}.width-22-p{width:22%;max-width:22%}.width-110-px{width:110px}.max-width-110-px{max-width:110px}.max-width-22-p{max-width:22%}.height-110-px{height:110px}.height-110-p{height:110%}.max-height-110-px{max-height:110px}.col-115-px{flex:0 0 115px;max-width:115px}.col-23-p{flex:0 0 23%;max-width:23%}.width-23-p{width:23%;max-width:23%}.width-115-px{width:115px}.max-width-115-px{max-width:115px}.max-width-23-p{max-width:23%}.height-115-px{height:115px}.height-115-p{height:115%}.max-height-115-px{max-height:115px}.col-120-px{flex:0 0 120px;max-width:120px}.col-24-p{flex:0 0 24%;max-width:24%}.width-24-p{width:24%;max-width:24%}.width-120-px{width:120px}.max-width-120-px{max-width:120px}.max-width-24-p{max-width:24%}.height-120-px{height:120px}.height-120-p{height:120%}.max-height-120-px{max-height:120px}.col-125-px{flex:0 0 125px;max-width:125px}.col-25-p{flex:0 0 25%;max-width:25%}.width-25-p{width:25%;max-width:25%}.width-125-px{width:125px}.max-width-125-px{max-width:125px}.max-width-25-p{max-width:25%}.height-125-px{height:125px}.height-125-p{height:125%}.max-height-125-px{max-height:125px}.col-130-px{flex:0 0 130px;max-width:130px}.col-26-p{flex:0 0 26%;max-width:26%}.width-26-p{width:26%;max-width:26%}.width-130-px{width:130px}.max-width-130-px{max-width:130px}.max-width-26-p{max-width:26%}.height-130-px{height:130px}.height-130-p{height:130%}.max-height-130-px{max-height:130px}.col-135-px{flex:0 0 135px;max-width:135px}.col-27-p{flex:0 0 27%;max-width:27%}.width-27-p{width:27%;max-width:27%}.width-135-px{width:135px}.max-width-135-px{max-width:135px}.max-width-27-p{max-width:27%}.height-135-px{height:135px}.height-135-p{height:135%}.max-height-135-px{max-height:135px}.col-140-px{flex:0 0 140px;max-width:140px}.col-28-p{flex:0 0 28%;max-width:28%}.width-28-p{width:28%;max-width:28%}.width-140-px{width:140px}.max-width-140-px{max-width:140px}.max-width-28-p{max-width:28%}.height-140-px{height:140px}.height-140-p{height:140%}.max-height-140-px{max-height:140px}.col-145-px{flex:0 0 145px;max-width:145px}.col-29-p{flex:0 0 29%;max-width:29%}.width-29-p{width:29%;max-width:29%}.width-145-px{width:145px}.max-width-145-px{max-width:145px}.max-width-29-p{max-width:29%}.height-145-px{height:145px}.height-145-p{height:145%}.max-height-145-px{max-height:145px}.col-150-px{flex:0 0 150px;max-width:150px}.col-30-p{flex:0 0 30%;max-width:30%}.width-30-p{width:30%;max-width:30%}.width-150-px{width:150px}.max-width-150-px{max-width:150px}.max-width-30-p{max-width:30%}.height-150-px{height:150px}.height-150-p{height:150%}.max-height-150-px{max-height:150px}.col-155-px{flex:0 0 155px;max-width:155px}.col-31-p{flex:0 0 31%;max-width:31%}.width-31-p{width:31%;max-width:31%}.width-155-px{width:155px}.max-width-155-px{max-width:155px}.max-width-31-p{max-width:31%}.height-155-px{height:155px}.height-155-p{height:155%}.max-height-155-px{max-height:155px}.col-160-px{flex:0 0 160px;max-width:160px}.col-32-p{flex:0 0 32%;max-width:32%}.width-32-p{width:32%;max-width:32%}.width-160-px{width:160px}.max-width-160-px{max-width:160px}.max-width-32-p{max-width:32%}.height-160-px{height:160px}.height-160-p{height:160%}.max-height-160-px{max-height:160px}.col-165-px{flex:0 0 165px;max-width:165px}.col-33-p{flex:0 0 33%;max-width:33%}.width-33-p{width:33%;max-width:33%}.width-165-px{width:165px}.max-width-165-px{max-width:165px}.max-width-33-p{max-width:33%}.height-165-px{height:165px}.height-165-p{height:165%}.max-height-165-px{max-height:165px}.col-170-px{flex:0 0 170px;max-width:170px}.col-34-p{flex:0 0 34%;max-width:34%}.width-34-p{width:34%;max-width:34%}.width-170-px{width:170px}.max-width-170-px{max-width:170px}.max-width-34-p{max-width:34%}.height-170-px{height:170px}.height-170-p{height:170%}.max-height-170-px{max-height:170px}.col-175-px{flex:0 0 175px;max-width:175px}.col-35-p{flex:0 0 35%;max-width:35%}.width-35-p{width:35%;max-width:35%}.width-175-px{width:175px}.max-width-175-px{max-width:175px}.max-width-35-p{max-width:35%}.height-175-px{height:175px}.height-175-p{height:175%}.max-height-175-px{max-height:175px}.col-180-px{flex:0 0 180px;max-width:180px}.col-36-p{flex:0 0 36%;max-width:36%}.width-36-p{width:36%;max-width:36%}.width-180-px{width:180px}.max-width-180-px{max-width:180px}.max-width-36-p{max-width:36%}.height-180-px{height:180px}.height-180-p{height:180%}.max-height-180-px{max-height:180px}.col-185-px{flex:0 0 185px;max-width:185px}.col-37-p{flex:0 0 37%;max-width:37%}.width-37-p{width:37%;max-width:37%}.width-185-px{width:185px}.max-width-185-px{max-width:185px}.max-width-37-p{max-width:37%}.height-185-px{height:185px}.height-185-p{height:185%}.max-height-185-px{max-height:185px}.col-190-px{flex:0 0 190px;max-width:190px}.col-38-p{flex:0 0 38%;max-width:38%}.width-38-p{width:38%;max-width:38%}.width-190-px{width:190px}.max-width-190-px{max-width:190px}.max-width-38-p{max-width:38%}.height-190-px{height:190px}.height-190-p{height:190%}.max-height-190-px{max-height:190px}.col-195-px{flex:0 0 195px;max-width:195px}.col-39-p{flex:0 0 39%;max-width:39%}.width-39-p{width:39%;max-width:39%}.width-195-px{width:195px}.max-width-195-px{max-width:195px}.max-width-39-p{max-width:39%}.height-195-px{height:195px}.height-195-p{height:195%}.max-height-195-px{max-height:195px}.col-200-px{flex:0 0 200px;max-width:200px}.col-40-p{flex:0 0 40%;max-width:40%}.width-40-p{width:40%;max-width:40%}.width-200-px{width:200px}.max-width-200-px{max-width:200px}.max-width-40-p{max-width:40%}.height-200-px{height:200px}.height-200-p{height:200%}.max-height-200-px{max-height:200px}.col-205-px{flex:0 0 205px;max-width:205px}.col-41-p{flex:0 0 41%;max-width:41%}.width-41-p{width:41%;max-width:41%}.width-205-px{width:205px}.max-width-205-px{max-width:205px}.max-width-41-p{max-width:41%}.height-205-px{height:205px}.height-205-p{height:205%}.max-height-205-px{max-height:205px}.col-210-px{flex:0 0 210px;max-width:210px}.col-42-p{flex:0 0 42%;max-width:42%}.width-42-p{width:42%;max-width:42%}.width-210-px{width:210px}.max-width-210-px{max-width:210px}.max-width-42-p{max-width:42%}.height-210-px{height:210px}.height-210-p{height:210%}.max-height-210-px{max-height:210px}.col-215-px{flex:0 0 215px;max-width:215px}.col-43-p{flex:0 0 43%;max-width:43%}.width-43-p{width:43%;max-width:43%}.width-215-px{width:215px}.max-width-215-px{max-width:215px}.max-width-43-p{max-width:43%}.height-215-px{height:215px}.height-215-p{height:215%}.max-height-215-px{max-height:215px}.col-220-px{flex:0 0 220px;max-width:220px}.col-44-p{flex:0 0 44%;max-width:44%}.width-44-p{width:44%;max-width:44%}.width-220-px{width:220px}.max-width-220-px{max-width:220px}.max-width-44-p{max-width:44%}.height-220-px{height:220px}.height-220-p{height:220%}.max-height-220-px{max-height:220px}.col-225-px{flex:0 0 225px;max-width:225px}.col-45-p{flex:0 0 45%;max-width:45%}.width-45-p{width:45%;max-width:45%}.width-225-px{width:225px}.max-width-225-px{max-width:225px}.max-width-45-p{max-width:45%}.height-225-px{height:225px}.height-225-p{height:225%}.max-height-225-px{max-height:225px}.col-230-px{flex:0 0 230px;max-width:230px}.col-46-p{flex:0 0 46%;max-width:46%}.width-46-p{width:46%;max-width:46%}.width-230-px{width:230px}.max-width-230-px{max-width:230px}.max-width-46-p{max-width:46%}.height-230-px{height:230px}.height-230-p{height:230%}.max-height-230-px{max-height:230px}.col-235-px{flex:0 0 235px;max-width:235px}.col-47-p{flex:0 0 47%;max-width:47%}.width-47-p{width:47%;max-width:47%}.width-235-px{width:235px}.max-width-235-px{max-width:235px}.max-width-47-p{max-width:47%}.height-235-px{height:235px}.height-235-p{height:235%}.max-height-235-px{max-height:235px}.col-240-px{flex:0 0 240px;max-width:240px}.col-48-p{flex:0 0 48%;max-width:48%}.width-48-p{width:48%;max-width:48%}.width-240-px{width:240px}.max-width-240-px{max-width:240px}.max-width-48-p{max-width:48%}.height-240-px{height:240px}.height-240-p{height:240%}.max-height-240-px{max-height:240px}.col-245-px{flex:0 0 245px;max-width:245px}.col-49-p{flex:0 0 49%;max-width:49%}.width-49-p{width:49%;max-width:49%}.width-245-px{width:245px}.max-width-245-px{max-width:245px}.max-width-49-p{max-width:49%}.height-245-px{height:245px}.height-245-p{height:245%}.max-height-245-px{max-height:245px}.col-250-px{flex:0 0 250px;max-width:250px}.col-50-p{flex:0 0 50%;max-width:50%}.width-50-p{width:50%;max-width:50%}.width-250-px{width:250px}.max-width-250-px{max-width:250px}.max-width-50-p{max-width:50%}.height-250-px{height:250px}.height-250-p{height:250%}.max-height-250-px{max-height:250px}.col-255-px{flex:0 0 255px;max-width:255px}.col-51-p{flex:0 0 51%;max-width:51%}.width-51-p{width:51%;max-width:51%}.width-255-px{width:255px}.max-width-255-px{max-width:255px}.max-width-51-p{max-width:51%}.height-255-px{height:255px}.height-255-p{height:255%}.max-height-255-px{max-height:255px}.col-260-px{flex:0 0 260px;max-width:260px}.col-52-p{flex:0 0 52%;max-width:52%}.width-52-p{width:52%;max-width:52%}.width-260-px{width:260px}.max-width-260-px{max-width:260px}.max-width-52-p{max-width:52%}.height-260-px{height:260px}.height-260-p{height:260%}.max-height-260-px{max-height:260px}.col-265-px{flex:0 0 265px;max-width:265px}.col-53-p{flex:0 0 53%;max-width:53%}.width-53-p{width:53%;max-width:53%}.width-265-px{width:265px}.max-width-265-px{max-width:265px}.max-width-53-p{max-width:53%}.height-265-px{height:265px}.height-265-p{height:265%}.max-height-265-px{max-height:265px}.col-270-px{flex:0 0 270px;max-width:270px}.col-54-p{flex:0 0 54%;max-width:54%}.width-54-p{width:54%;max-width:54%}.width-270-px{width:270px}.max-width-270-px{max-width:270px}.max-width-54-p{max-width:54%}.height-270-px{height:270px}.height-270-p{height:270%}.max-height-270-px{max-height:270px}.col-275-px{flex:0 0 275px;max-width:275px}.col-55-p{flex:0 0 55%;max-width:55%}.width-55-p{width:55%;max-width:55%}.width-275-px{width:275px}.max-width-275-px{max-width:275px}.max-width-55-p{max-width:55%}.height-275-px{height:275px}.height-275-p{height:275%}.max-height-275-px{max-height:275px}.col-280-px{flex:0 0 280px;max-width:280px}.col-56-p{flex:0 0 56%;max-width:56%}.width-56-p{width:56%;max-width:56%}.width-280-px{width:280px}.max-width-280-px{max-width:280px}.max-width-56-p{max-width:56%}.height-280-px{height:280px}.height-280-p{height:280%}.max-height-280-px{max-height:280px}.col-285-px{flex:0 0 285px;max-width:285px}.col-57-p{flex:0 0 57%;max-width:57%}.width-57-p{width:57%;max-width:57%}.width-285-px{width:285px}.max-width-285-px{max-width:285px}.max-width-57-p{max-width:57%}.height-285-px{height:285px}.height-285-p{height:285%}.max-height-285-px{max-height:285px}.col-290-px{flex:0 0 290px;max-width:290px}.col-58-p{flex:0 0 58%;max-width:58%}.width-58-p{width:58%;max-width:58%}.width-290-px{width:290px}.max-width-290-px{max-width:290px}.max-width-58-p{max-width:58%}.height-290-px{height:290px}.height-290-p{height:290%}.max-height-290-px{max-height:290px}.col-295-px{flex:0 0 295px;max-width:295px}.col-59-p{flex:0 0 59%;max-width:59%}.width-59-p{width:59%;max-width:59%}.width-295-px{width:295px}.max-width-295-px{max-width:295px}.max-width-59-p{max-width:59%}.height-295-px{height:295px}.height-295-p{height:295%}.max-height-295-px{max-height:295px}.col-300-px{flex:0 0 300px;max-width:300px}.col-60-p{flex:0 0 60%;max-width:60%}.width-60-p{width:60%;max-width:60%}.width-300-px{width:300px}.max-width-300-px{max-width:300px}.max-width-60-p{max-width:60%}.height-300-px{height:300px}.height-300-p{height:300%}.max-height-300-px{max-height:300px}.col-305-px{flex:0 0 305px;max-width:305px}.col-61-p{flex:0 0 61%;max-width:61%}.width-61-p{width:61%;max-width:61%}.width-305-px{width:305px}.max-width-305-px{max-width:305px}.max-width-61-p{max-width:61%}.height-305-px{height:305px}.height-305-p{height:305%}.max-height-305-px{max-height:305px}.col-310-px{flex:0 0 310px;max-width:310px}.col-62-p{flex:0 0 62%;max-width:62%}.width-62-p{width:62%;max-width:62%}.width-310-px{width:310px}.max-width-310-px{max-width:310px}.max-width-62-p{max-width:62%}.height-310-px{height:310px}.height-310-p{height:310%}.max-height-310-px{max-height:310px}.col-315-px{flex:0 0 315px;max-width:315px}.col-63-p{flex:0 0 63%;max-width:63%}.width-63-p{width:63%;max-width:63%}.width-315-px{width:315px}.max-width-315-px{max-width:315px}.max-width-63-p{max-width:63%}.height-315-px{height:315px}.height-315-p{height:315%}.max-height-315-px{max-height:315px}.col-320-px{flex:0 0 320px;max-width:320px}.col-64-p{flex:0 0 64%;max-width:64%}.width-64-p{width:64%;max-width:64%}.width-320-px{width:320px}.max-width-320-px{max-width:320px}.max-width-64-p{max-width:64%}.height-320-px{height:320px}.height-320-p{height:320%}.max-height-320-px{max-height:320px}.col-325-px{flex:0 0 325px;max-width:325px}.col-65-p{flex:0 0 65%;max-width:65%}.width-65-p{width:65%;max-width:65%}.width-325-px{width:325px}.max-width-325-px{max-width:325px}.max-width-65-p{max-width:65%}.height-325-px{height:325px}.height-325-p{height:325%}.max-height-325-px{max-height:325px}.col-330-px{flex:0 0 330px;max-width:330px}.col-66-p{flex:0 0 66%;max-width:66%}.width-66-p{width:66%;max-width:66%}.width-330-px{width:330px}.max-width-330-px{max-width:330px}.max-width-66-p{max-width:66%}.height-330-px{height:330px}.height-330-p{height:330%}.max-height-330-px{max-height:330px}.col-335-px{flex:0 0 335px;max-width:335px}.col-67-p{flex:0 0 67%;max-width:67%}.width-67-p{width:67%;max-width:67%}.width-335-px{width:335px}.max-width-335-px{max-width:335px}.max-width-67-p{max-width:67%}.height-335-px{height:335px}.height-335-p{height:335%}.max-height-335-px{max-height:335px}.col-340-px{flex:0 0 340px;max-width:340px}.col-68-p{flex:0 0 68%;max-width:68%}.width-68-p{width:68%;max-width:68%}.width-340-px{width:340px}.max-width-340-px{max-width:340px}.max-width-68-p{max-width:68%}.height-340-px{height:340px}.height-340-p{height:340%}.max-height-340-px{max-height:340px}.col-345-px{flex:0 0 345px;max-width:345px}.col-69-p{flex:0 0 69%;max-width:69%}.width-69-p{width:69%;max-width:69%}.width-345-px{width:345px}.max-width-345-px{max-width:345px}.max-width-69-p{max-width:69%}.height-345-px{height:345px}.height-345-p{height:345%}.max-height-345-px{max-height:345px}.col-350-px{flex:0 0 350px;max-width:350px}.col-70-p{flex:0 0 70%;max-width:70%}.width-70-p{width:70%;max-width:70%}.width-350-px{width:350px}.max-width-350-px{max-width:350px}.max-width-70-p{max-width:70%}.height-350-px{height:350px}.height-350-p{height:350%}.max-height-350-px{max-height:350px}.col-355-px{flex:0 0 355px;max-width:355px}.col-71-p{flex:0 0 71%;max-width:71%}.width-71-p{width:71%;max-width:71%}.width-355-px{width:355px}.max-width-355-px{max-width:355px}.max-width-71-p{max-width:71%}.height-355-px{height:355px}.height-355-p{height:355%}.max-height-355-px{max-height:355px}.col-360-px{flex:0 0 360px;max-width:360px}.col-72-p{flex:0 0 72%;max-width:72%}.width-72-p{width:72%;max-width:72%}.width-360-px{width:360px}.max-width-360-px{max-width:360px}.max-width-72-p{max-width:72%}.height-360-px{height:360px}.height-360-p{height:360%}.max-height-360-px{max-height:360px}.col-365-px{flex:0 0 365px;max-width:365px}.col-73-p{flex:0 0 73%;max-width:73%}.width-73-p{width:73%;max-width:73%}.width-365-px{width:365px}.max-width-365-px{max-width:365px}.max-width-73-p{max-width:73%}.height-365-px{height:365px}.height-365-p{height:365%}.max-height-365-px{max-height:365px}.col-370-px{flex:0 0 370px;max-width:370px}.col-74-p{flex:0 0 74%;max-width:74%}.width-74-p{width:74%;max-width:74%}.width-370-px{width:370px}.max-width-370-px{max-width:370px}.max-width-74-p{max-width:74%}.height-370-px{height:370px}.height-370-p{height:370%}.max-height-370-px{max-height:370px}.col-375-px{flex:0 0 375px;max-width:375px}.col-75-p{flex:0 0 75%;max-width:75%}.width-75-p{width:75%;max-width:75%}.width-375-px{width:375px}.max-width-375-px{max-width:375px}.max-width-75-p{max-width:75%}.height-375-px{height:375px}.height-375-p{height:375%}.max-height-375-px{max-height:375px}.col-380-px{flex:0 0 380px;max-width:380px}.col-76-p{flex:0 0 76%;max-width:76%}.width-76-p{width:76%;max-width:76%}.width-380-px{width:380px}.max-width-380-px{max-width:380px}.max-width-76-p{max-width:76%}.height-380-px{height:380px}.height-380-p{height:380%}.max-height-380-px{max-height:380px}.col-385-px{flex:0 0 385px;max-width:385px}.col-77-p{flex:0 0 77%;max-width:77%}.width-77-p{width:77%;max-width:77%}.width-385-px{width:385px}.max-width-385-px{max-width:385px}.max-width-77-p{max-width:77%}.height-385-px{height:385px}.height-385-p{height:385%}.max-height-385-px{max-height:385px}.col-390-px{flex:0 0 390px;max-width:390px}.col-78-p{flex:0 0 78%;max-width:78%}.width-78-p{width:78%;max-width:78%}.width-390-px{width:390px}.max-width-390-px{max-width:390px}.max-width-78-p{max-width:78%}.height-390-px{height:390px}.height-390-p{height:390%}.max-height-390-px{max-height:390px}.col-395-px{flex:0 0 395px;max-width:395px}.col-79-p{flex:0 0 79%;max-width:79%}.width-79-p{width:79%;max-width:79%}.width-395-px{width:395px}.max-width-395-px{max-width:395px}.max-width-79-p{max-width:79%}.height-395-px{height:395px}.height-395-p{height:395%}.max-height-395-px{max-height:395px}.col-400-px{flex:0 0 400px;max-width:400px}.col-80-p{flex:0 0 80%;max-width:80%}.width-80-p{width:80%;max-width:80%}.width-400-px{width:400px}.max-width-400-px{max-width:400px}.max-width-80-p{max-width:80%}.height-400-px{height:400px}.height-400-p{height:400%}.max-height-400-px{max-height:400px}.col-405-px{flex:0 0 405px;max-width:405px}.col-81-p{flex:0 0 81%;max-width:81%}.width-81-p{width:81%;max-width:81%}.width-405-px{width:405px}.max-width-405-px{max-width:405px}.max-width-81-p{max-width:81%}.height-405-px{height:405px}.height-405-p{height:405%}.max-height-405-px{max-height:405px}.col-410-px{flex:0 0 410px;max-width:410px}.col-82-p{flex:0 0 82%;max-width:82%}.width-82-p{width:82%;max-width:82%}.width-410-px{width:410px}.max-width-410-px{max-width:410px}.max-width-82-p{max-width:82%}.height-410-px{height:410px}.height-410-p{height:410%}.max-height-410-px{max-height:410px}.col-415-px{flex:0 0 415px;max-width:415px}.col-83-p{flex:0 0 83%;max-width:83%}.width-83-p{width:83%;max-width:83%}.width-415-px{width:415px}.max-width-415-px{max-width:415px}.max-width-83-p{max-width:83%}.height-415-px{height:415px}.height-415-p{height:415%}.max-height-415-px{max-height:415px}.col-420-px{flex:0 0 420px;max-width:420px}.col-84-p{flex:0 0 84%;max-width:84%}.width-84-p{width:84%;max-width:84%}.width-420-px{width:420px}.max-width-420-px{max-width:420px}.max-width-84-p{max-width:84%}.height-420-px{height:420px}.height-420-p{height:420%}.max-height-420-px{max-height:420px}.col-425-px{flex:0 0 425px;max-width:425px}.col-85-p{flex:0 0 85%;max-width:85%}.width-85-p{width:85%;max-width:85%}.width-425-px{width:425px}.max-width-425-px{max-width:425px}.max-width-85-p{max-width:85%}.height-425-px{height:425px}.height-425-p{height:425%}.max-height-425-px{max-height:425px}.col-430-px{flex:0 0 430px;max-width:430px}.col-86-p{flex:0 0 86%;max-width:86%}.width-86-p{width:86%;max-width:86%}.width-430-px{width:430px}.max-width-430-px{max-width:430px}.max-width-86-p{max-width:86%}.height-430-px{height:430px}.height-430-p{height:430%}.max-height-430-px{max-height:430px}.col-435-px{flex:0 0 435px;max-width:435px}.col-87-p{flex:0 0 87%;max-width:87%}.width-87-p{width:87%;max-width:87%}.width-435-px{width:435px}.max-width-435-px{max-width:435px}.max-width-87-p{max-width:87%}.height-435-px{height:435px}.height-435-p{height:435%}.max-height-435-px{max-height:435px}.col-440-px{flex:0 0 440px;max-width:440px}.col-88-p{flex:0 0 88%;max-width:88%}.width-88-p{width:88%;max-width:88%}.width-440-px{width:440px}.max-width-440-px{max-width:440px}.max-width-88-p{max-width:88%}.height-440-px{height:440px}.height-440-p{height:440%}.max-height-440-px{max-height:440px}.col-445-px{flex:0 0 445px;max-width:445px}.col-89-p{flex:0 0 89%;max-width:89%}.width-89-p{width:89%;max-width:89%}.width-445-px{width:445px}.max-width-445-px{max-width:445px}.max-width-89-p{max-width:89%}.height-445-px{height:445px}.height-445-p{height:445%}.max-height-445-px{max-height:445px}.col-450-px{flex:0 0 450px;max-width:450px}.col-90-p{flex:0 0 90%;max-width:90%}.width-90-p{width:90%;max-width:90%}.width-450-px{width:450px}.max-width-450-px{max-width:450px}.max-width-90-p{max-width:90%}.height-450-px{height:450px}.height-450-p{height:450%}.max-height-450-px{max-height:450px}.col-455-px{flex:0 0 455px;max-width:455px}.col-91-p{flex:0 0 91%;max-width:91%}.width-91-p{width:91%;max-width:91%}.width-455-px{width:455px}.max-width-455-px{max-width:455px}.max-width-91-p{max-width:91%}.height-455-px{height:455px}.height-455-p{height:455%}.max-height-455-px{max-height:455px}.col-460-px{flex:0 0 460px;max-width:460px}.col-92-p{flex:0 0 92%;max-width:92%}.width-92-p{width:92%;max-width:92%}.width-460-px{width:460px}.max-width-460-px{max-width:460px}.max-width-92-p{max-width:92%}.height-460-px{height:460px}.height-460-p{height:460%}.max-height-460-px{max-height:460px}.col-465-px{flex:0 0 465px;max-width:465px}.col-93-p{flex:0 0 93%;max-width:93%}.width-93-p{width:93%;max-width:93%}.width-465-px{width:465px}.max-width-465-px{max-width:465px}.max-width-93-p{max-width:93%}.height-465-px{height:465px}.height-465-p{height:465%}.max-height-465-px{max-height:465px}.col-470-px{flex:0 0 470px;max-width:470px}.col-94-p{flex:0 0 94%;max-width:94%}.width-94-p{width:94%;max-width:94%}.width-470-px{width:470px}.max-width-470-px{max-width:470px}.max-width-94-p{max-width:94%}.height-470-px{height:470px}.height-470-p{height:470%}.max-height-470-px{max-height:470px}.col-475-px{flex:0 0 475px;max-width:475px}.col-95-p{flex:0 0 95%;max-width:95%}.width-95-p{width:95%;max-width:95%}.width-475-px{width:475px}.max-width-475-px{max-width:475px}.max-width-95-p{max-width:95%}.height-475-px{height:475px}.height-475-p{height:475%}.max-height-475-px{max-height:475px}.col-480-px{flex:0 0 480px;max-width:480px}.col-96-p{flex:0 0 96%;max-width:96%}.width-96-p{width:96%;max-width:96%}.width-480-px{width:480px}.max-width-480-px{max-width:480px}.max-width-96-p{max-width:96%}.height-480-px{height:480px}.height-480-p{height:480%}.max-height-480-px{max-height:480px}.col-485-px{flex:0 0 485px;max-width:485px}.col-97-p{flex:0 0 97%;max-width:97%}.width-97-p{width:97%;max-width:97%}.width-485-px{width:485px}.max-width-485-px{max-width:485px}.max-width-97-p{max-width:97%}.height-485-px{height:485px}.height-485-p{height:485%}.max-height-485-px{max-height:485px}.col-490-px{flex:0 0 490px;max-width:490px}.col-98-p{flex:0 0 98%;max-width:98%}.width-98-p{width:98%;max-width:98%}.width-490-px{width:490px}.max-width-490-px{max-width:490px}.max-width-98-p{max-width:98%}.height-490-px{height:490px}.height-490-p{height:490%}.max-height-490-px{max-height:490px}.col-495-px{flex:0 0 495px;max-width:495px}.col-99-p{flex:0 0 99%;max-width:99%}.width-99-p{width:99%;max-width:99%}.width-495-px{width:495px}.max-width-495-px{max-width:495px}.max-width-99-p{max-width:99%}.height-495-px{height:495px}.height-495-p{height:495%}.max-height-495-px{max-height:495px}.col-500-px{flex:0 0 500px;max-width:500px}.col-100-p{flex:0 0 100%;max-width:100%}.width-100-p{width:100%;max-width:100%}.width-500-px{width:500px}.max-width-500-px{max-width:500px}.max-width-100-p{max-width:100%}.height-500-px{height:500px}.height-500-p{height:500%}.max-height-500-px{max-height:500px}.width-5-vw{width:5vw}.height-5-vh{height:5vh}.min-height-5-vh{min-height:5vh}.width-10-vw{width:10vw}.height-10-vh{height:10vh}.min-height-10-vh{min-height:10vh}.width-15-vw{width:15vw}.height-15-vh{height:15vh}.min-height-15-vh{min-height:15vh}.width-20-vw{width:20vw}.height-20-vh{height:20vh}.min-height-20-vh{min-height:20vh}.width-25-vw{width:25vw}.height-25-vh{height:25vh}.min-height-25-vh{min-height:25vh}.width-30-vw{width:30vw}.height-30-vh{height:30vh}.min-height-30-vh{min-height:30vh}.width-35-vw{width:35vw}.height-35-vh{height:35vh}.min-height-35-vh{min-height:35vh}.width-40-vw{width:40vw}.height-40-vh{height:40vh}.min-height-40-vh{min-height:40vh}.width-45-vw{width:45vw}.height-45-vh{height:45vh}.min-height-45-vh{min-height:45vh}.width-50-vw{width:50vw}.height-50-vh{height:50vh}.min-height-50-vh{min-height:50vh}.width-55-vw{width:55vw}.height-55-vh{height:55vh}.min-height-55-vh{min-height:55vh}.width-60-vw{width:60vw}.height-60-vh{height:60vh}.min-height-60-vh{min-height:60vh}.width-65-vw{width:65vw}.height-65-vh{height:65vh}.min-height-65-vh{min-height:65vh}.width-70-vw{width:70vw}.height-70-vh{height:70vh}.min-height-70-vh{min-height:70vh}.width-75-vw{width:75vw}.height-75-vh{height:75vh}.min-height-75-vh{min-height:75vh}.width-80-vw{width:80vw}.height-80-vh{height:80vh}.min-height-80-vh{min-height:80vh}.width-85-vw{width:85vw}.height-85-vh{height:85vh}.min-height-85-vh{min-height:85vh}.width-90-vw{width:90vw}.height-90-vh{height:90vh}.min-height-90-vh{min-height:90vh}.width-95-vw{width:95vw}.height-95-vh{height:95vh}.min-height-95-vh{min-height:95vh}.width-100-vw{width:100vw}.height-100-vh{height:100vh}.min-height-100-vh{min-height:100vh}@media only screen and (max-width: 719px){.col-5-px-sm{flex:0 0 5px;max-width:5px}.col-1-p-sm{flex:0 0 1%;max-width:1%}.width-1-p-sm{width:1%;max-width:1%}.width-5-px-sm{width:5px}.col-10-px-sm{flex:0 0 10px;max-width:10px}.col-2-p-sm{flex:0 0 2%;max-width:2%}.width-2-p-sm{width:2%;max-width:2%}.width-10-px-sm{width:10px}.col-15-px-sm{flex:0 0 15px;max-width:15px}.col-3-p-sm{flex:0 0 3%;max-width:3%}.width-3-p-sm{width:3%;max-width:3%}.width-15-px-sm{width:15px}.col-20-px-sm{flex:0 0 20px;max-width:20px}.col-4-p-sm{flex:0 0 4%;max-width:4%}.width-4-p-sm{width:4%;max-width:4%}.width-20-px-sm{width:20px}.col-25-px-sm{flex:0 0 25px;max-width:25px}.col-5-p-sm{flex:0 0 5%;max-width:5%}.width-5-p-sm{width:5%;max-width:5%}.width-25-px-sm{width:25px}.col-30-px-sm{flex:0 0 30px;max-width:30px}.col-6-p-sm{flex:0 0 6%;max-width:6%}.width-6-p-sm{width:6%;max-width:6%}.width-30-px-sm{width:30px}.col-35-px-sm{flex:0 0 35px;max-width:35px}.col-7-p-sm{flex:0 0 7%;max-width:7%}.width-7-p-sm{width:7%;max-width:7%}.width-35-px-sm{width:35px}.col-40-px-sm{flex:0 0 40px;max-width:40px}.col-8-p-sm{flex:0 0 8%;max-width:8%}.width-8-p-sm{width:8%;max-width:8%}.width-40-px-sm{width:40px}.col-45-px-sm{flex:0 0 45px;max-width:45px}.col-9-p-sm{flex:0 0 9%;max-width:9%}.width-9-p-sm{width:9%;max-width:9%}.width-45-px-sm{width:45px}.col-50-px-sm{flex:0 0 50px;max-width:50px}.col-10-p-sm{flex:0 0 10%;max-width:10%}.width-10-p-sm{width:10%;max-width:10%}.width-50-px-sm{width:50px}.col-55-px-sm{flex:0 0 55px;max-width:55px}.col-11-p-sm{flex:0 0 11%;max-width:11%}.width-11-p-sm{width:11%;max-width:11%}.width-55-px-sm{width:55px}.col-60-px-sm{flex:0 0 60px;max-width:60px}.col-12-p-sm{flex:0 0 12%;max-width:12%}.width-12-p-sm{width:12%;max-width:12%}.width-60-px-sm{width:60px}.col-65-px-sm{flex:0 0 65px;max-width:65px}.col-13-p-sm{flex:0 0 13%;max-width:13%}.width-13-p-sm{width:13%;max-width:13%}.width-65-px-sm{width:65px}.col-70-px-sm{flex:0 0 70px;max-width:70px}.col-14-p-sm{flex:0 0 14%;max-width:14%}.width-14-p-sm{width:14%;max-width:14%}.width-70-px-sm{width:70px}.col-75-px-sm{flex:0 0 75px;max-width:75px}.col-15-p-sm{flex:0 0 15%;max-width:15%}.width-15-p-sm{width:15%;max-width:15%}.width-75-px-sm{width:75px}.col-80-px-sm{flex:0 0 80px;max-width:80px}.col-16-p-sm{flex:0 0 16%;max-width:16%}.width-16-p-sm{width:16%;max-width:16%}.width-80-px-sm{width:80px}.col-85-px-sm{flex:0 0 85px;max-width:85px}.col-17-p-sm{flex:0 0 17%;max-width:17%}.width-17-p-sm{width:17%;max-width:17%}.width-85-px-sm{width:85px}.col-90-px-sm{flex:0 0 90px;max-width:90px}.col-18-p-sm{flex:0 0 18%;max-width:18%}.width-18-p-sm{width:18%;max-width:18%}.width-90-px-sm{width:90px}.col-95-px-sm{flex:0 0 95px;max-width:95px}.col-19-p-sm{flex:0 0 19%;max-width:19%}.width-19-p-sm{width:19%;max-width:19%}.width-95-px-sm{width:95px}.col-100-px-sm{flex:0 0 100px;max-width:100px}.col-20-p-sm{flex:0 0 20%;max-width:20%}.width-20-p-sm{width:20%;max-width:20%}.width-100-px-sm{width:100px}.col-105-px-sm{flex:0 0 105px;max-width:105px}.col-21-p-sm{flex:0 0 21%;max-width:21%}.width-21-p-sm{width:21%;max-width:21%}.width-105-px-sm{width:105px}.col-110-px-sm{flex:0 0 110px;max-width:110px}.col-22-p-sm{flex:0 0 22%;max-width:22%}.width-22-p-sm{width:22%;max-width:22%}.width-110-px-sm{width:110px}.col-115-px-sm{flex:0 0 115px;max-width:115px}.col-23-p-sm{flex:0 0 23%;max-width:23%}.width-23-p-sm{width:23%;max-width:23%}.width-115-px-sm{width:115px}.col-120-px-sm{flex:0 0 120px;max-width:120px}.col-24-p-sm{flex:0 0 24%;max-width:24%}.width-24-p-sm{width:24%;max-width:24%}.width-120-px-sm{width:120px}.col-125-px-sm{flex:0 0 125px;max-width:125px}.col-25-p-sm{flex:0 0 25%;max-width:25%}.width-25-p-sm{width:25%;max-width:25%}.width-125-px-sm{width:125px}.col-130-px-sm{flex:0 0 130px;max-width:130px}.col-26-p-sm{flex:0 0 26%;max-width:26%}.width-26-p-sm{width:26%;max-width:26%}.width-130-px-sm{width:130px}.col-135-px-sm{flex:0 0 135px;max-width:135px}.col-27-p-sm{flex:0 0 27%;max-width:27%}.width-27-p-sm{width:27%;max-width:27%}.width-135-px-sm{width:135px}.col-140-px-sm{flex:0 0 140px;max-width:140px}.col-28-p-sm{flex:0 0 28%;max-width:28%}.width-28-p-sm{width:28%;max-width:28%}.width-140-px-sm{width:140px}.col-145-px-sm{flex:0 0 145px;max-width:145px}.col-29-p-sm{flex:0 0 29%;max-width:29%}.width-29-p-sm{width:29%;max-width:29%}.width-145-px-sm{width:145px}.col-150-px-sm{flex:0 0 150px;max-width:150px}.col-30-p-sm{flex:0 0 30%;max-width:30%}.width-30-p-sm{width:30%;max-width:30%}.width-150-px-sm{width:150px}.col-155-px-sm{flex:0 0 155px;max-width:155px}.col-31-p-sm{flex:0 0 31%;max-width:31%}.width-31-p-sm{width:31%;max-width:31%}.width-155-px-sm{width:155px}.col-160-px-sm{flex:0 0 160px;max-width:160px}.col-32-p-sm{flex:0 0 32%;max-width:32%}.width-32-p-sm{width:32%;max-width:32%}.width-160-px-sm{width:160px}.col-165-px-sm{flex:0 0 165px;max-width:165px}.col-33-p-sm{flex:0 0 33%;max-width:33%}.width-33-p-sm{width:33%;max-width:33%}.width-165-px-sm{width:165px}.col-170-px-sm{flex:0 0 170px;max-width:170px}.col-34-p-sm{flex:0 0 34%;max-width:34%}.width-34-p-sm{width:34%;max-width:34%}.width-170-px-sm{width:170px}.col-175-px-sm{flex:0 0 175px;max-width:175px}.col-35-p-sm{flex:0 0 35%;max-width:35%}.width-35-p-sm{width:35%;max-width:35%}.width-175-px-sm{width:175px}.col-180-px-sm{flex:0 0 180px;max-width:180px}.col-36-p-sm{flex:0 0 36%;max-width:36%}.width-36-p-sm{width:36%;max-width:36%}.width-180-px-sm{width:180px}.col-185-px-sm{flex:0 0 185px;max-width:185px}.col-37-p-sm{flex:0 0 37%;max-width:37%}.width-37-p-sm{width:37%;max-width:37%}.width-185-px-sm{width:185px}.col-190-px-sm{flex:0 0 190px;max-width:190px}.col-38-p-sm{flex:0 0 38%;max-width:38%}.width-38-p-sm{width:38%;max-width:38%}.width-190-px-sm{width:190px}.col-195-px-sm{flex:0 0 195px;max-width:195px}.col-39-p-sm{flex:0 0 39%;max-width:39%}.width-39-p-sm{width:39%;max-width:39%}.width-195-px-sm{width:195px}.col-200-px-sm{flex:0 0 200px;max-width:200px}.col-40-p-sm{flex:0 0 40%;max-width:40%}.width-40-p-sm{width:40%;max-width:40%}.width-200-px-sm{width:200px}.col-205-px-sm{flex:0 0 205px;max-width:205px}.col-41-p-sm{flex:0 0 41%;max-width:41%}.width-41-p-sm{width:41%;max-width:41%}.width-205-px-sm{width:205px}.col-210-px-sm{flex:0 0 210px;max-width:210px}.col-42-p-sm{flex:0 0 42%;max-width:42%}.width-42-p-sm{width:42%;max-width:42%}.width-210-px-sm{width:210px}.col-215-px-sm{flex:0 0 215px;max-width:215px}.col-43-p-sm{flex:0 0 43%;max-width:43%}.width-43-p-sm{width:43%;max-width:43%}.width-215-px-sm{width:215px}.col-220-px-sm{flex:0 0 220px;max-width:220px}.col-44-p-sm{flex:0 0 44%;max-width:44%}.width-44-p-sm{width:44%;max-width:44%}.width-220-px-sm{width:220px}.col-225-px-sm{flex:0 0 225px;max-width:225px}.col-45-p-sm{flex:0 0 45%;max-width:45%}.width-45-p-sm{width:45%;max-width:45%}.width-225-px-sm{width:225px}.col-230-px-sm{flex:0 0 230px;max-width:230px}.col-46-p-sm{flex:0 0 46%;max-width:46%}.width-46-p-sm{width:46%;max-width:46%}.width-230-px-sm{width:230px}.col-235-px-sm{flex:0 0 235px;max-width:235px}.col-47-p-sm{flex:0 0 47%;max-width:47%}.width-47-p-sm{width:47%;max-width:47%}.width-235-px-sm{width:235px}.col-240-px-sm{flex:0 0 240px;max-width:240px}.col-48-p-sm{flex:0 0 48%;max-width:48%}.width-48-p-sm{width:48%;max-width:48%}.width-240-px-sm{width:240px}.col-245-px-sm{flex:0 0 245px;max-width:245px}.col-49-p-sm{flex:0 0 49%;max-width:49%}.width-49-p-sm{width:49%;max-width:49%}.width-245-px-sm{width:245px}.col-250-px-sm{flex:0 0 250px;max-width:250px}.col-50-p-sm{flex:0 0 50%;max-width:50%}.width-50-p-sm{width:50%;max-width:50%}.width-250-px-sm{width:250px}.col-255-px-sm{flex:0 0 255px;max-width:255px}.col-51-p-sm{flex:0 0 51%;max-width:51%}.width-51-p-sm{width:51%;max-width:51%}.width-255-px-sm{width:255px}.col-260-px-sm{flex:0 0 260px;max-width:260px}.col-52-p-sm{flex:0 0 52%;max-width:52%}.width-52-p-sm{width:52%;max-width:52%}.width-260-px-sm{width:260px}.col-265-px-sm{flex:0 0 265px;max-width:265px}.col-53-p-sm{flex:0 0 53%;max-width:53%}.width-53-p-sm{width:53%;max-width:53%}.width-265-px-sm{width:265px}.col-270-px-sm{flex:0 0 270px;max-width:270px}.col-54-p-sm{flex:0 0 54%;max-width:54%}.width-54-p-sm{width:54%;max-width:54%}.width-270-px-sm{width:270px}.col-275-px-sm{flex:0 0 275px;max-width:275px}.col-55-p-sm{flex:0 0 55%;max-width:55%}.width-55-p-sm{width:55%;max-width:55%}.width-275-px-sm{width:275px}.col-280-px-sm{flex:0 0 280px;max-width:280px}.col-56-p-sm{flex:0 0 56%;max-width:56%}.width-56-p-sm{width:56%;max-width:56%}.width-280-px-sm{width:280px}.col-285-px-sm{flex:0 0 285px;max-width:285px}.col-57-p-sm{flex:0 0 57%;max-width:57%}.width-57-p-sm{width:57%;max-width:57%}.width-285-px-sm{width:285px}.col-290-px-sm{flex:0 0 290px;max-width:290px}.col-58-p-sm{flex:0 0 58%;max-width:58%}.width-58-p-sm{width:58%;max-width:58%}.width-290-px-sm{width:290px}.col-295-px-sm{flex:0 0 295px;max-width:295px}.col-59-p-sm{flex:0 0 59%;max-width:59%}.width-59-p-sm{width:59%;max-width:59%}.width-295-px-sm{width:295px}.col-300-px-sm{flex:0 0 300px;max-width:300px}.col-60-p-sm{flex:0 0 60%;max-width:60%}.width-60-p-sm{width:60%;max-width:60%}.width-300-px-sm{width:300px}.col-305-px-sm{flex:0 0 305px;max-width:305px}.col-61-p-sm{flex:0 0 61%;max-width:61%}.width-61-p-sm{width:61%;max-width:61%}.width-305-px-sm{width:305px}.col-310-px-sm{flex:0 0 310px;max-width:310px}.col-62-p-sm{flex:0 0 62%;max-width:62%}.width-62-p-sm{width:62%;max-width:62%}.width-310-px-sm{width:310px}.col-315-px-sm{flex:0 0 315px;max-width:315px}.col-63-p-sm{flex:0 0 63%;max-width:63%}.width-63-p-sm{width:63%;max-width:63%}.width-315-px-sm{width:315px}.col-320-px-sm{flex:0 0 320px;max-width:320px}.col-64-p-sm{flex:0 0 64%;max-width:64%}.width-64-p-sm{width:64%;max-width:64%}.width-320-px-sm{width:320px}.col-325-px-sm{flex:0 0 325px;max-width:325px}.col-65-p-sm{flex:0 0 65%;max-width:65%}.width-65-p-sm{width:65%;max-width:65%}.width-325-px-sm{width:325px}.col-330-px-sm{flex:0 0 330px;max-width:330px}.col-66-p-sm{flex:0 0 66%;max-width:66%}.width-66-p-sm{width:66%;max-width:66%}.width-330-px-sm{width:330px}.col-335-px-sm{flex:0 0 335px;max-width:335px}.col-67-p-sm{flex:0 0 67%;max-width:67%}.width-67-p-sm{width:67%;max-width:67%}.width-335-px-sm{width:335px}.col-340-px-sm{flex:0 0 340px;max-width:340px}.col-68-p-sm{flex:0 0 68%;max-width:68%}.width-68-p-sm{width:68%;max-width:68%}.width-340-px-sm{width:340px}.col-345-px-sm{flex:0 0 345px;max-width:345px}.col-69-p-sm{flex:0 0 69%;max-width:69%}.width-69-p-sm{width:69%;max-width:69%}.width-345-px-sm{width:345px}.col-350-px-sm{flex:0 0 350px;max-width:350px}.col-70-p-sm{flex:0 0 70%;max-width:70%}.width-70-p-sm{width:70%;max-width:70%}.width-350-px-sm{width:350px}.col-355-px-sm{flex:0 0 355px;max-width:355px}.col-71-p-sm{flex:0 0 71%;max-width:71%}.width-71-p-sm{width:71%;max-width:71%}.width-355-px-sm{width:355px}.col-360-px-sm{flex:0 0 360px;max-width:360px}.col-72-p-sm{flex:0 0 72%;max-width:72%}.width-72-p-sm{width:72%;max-width:72%}.width-360-px-sm{width:360px}.col-365-px-sm{flex:0 0 365px;max-width:365px}.col-73-p-sm{flex:0 0 73%;max-width:73%}.width-73-p-sm{width:73%;max-width:73%}.width-365-px-sm{width:365px}.col-370-px-sm{flex:0 0 370px;max-width:370px}.col-74-p-sm{flex:0 0 74%;max-width:74%}.width-74-p-sm{width:74%;max-width:74%}.width-370-px-sm{width:370px}.col-375-px-sm{flex:0 0 375px;max-width:375px}.col-75-p-sm{flex:0 0 75%;max-width:75%}.width-75-p-sm{width:75%;max-width:75%}.width-375-px-sm{width:375px}.col-380-px-sm{flex:0 0 380px;max-width:380px}.col-76-p-sm{flex:0 0 76%;max-width:76%}.width-76-p-sm{width:76%;max-width:76%}.width-380-px-sm{width:380px}.col-385-px-sm{flex:0 0 385px;max-width:385px}.col-77-p-sm{flex:0 0 77%;max-width:77%}.width-77-p-sm{width:77%;max-width:77%}.width-385-px-sm{width:385px}.col-390-px-sm{flex:0 0 390px;max-width:390px}.col-78-p-sm{flex:0 0 78%;max-width:78%}.width-78-p-sm{width:78%;max-width:78%}.width-390-px-sm{width:390px}.col-395-px-sm{flex:0 0 395px;max-width:395px}.col-79-p-sm{flex:0 0 79%;max-width:79%}.width-79-p-sm{width:79%;max-width:79%}.width-395-px-sm{width:395px}.col-400-px-sm{flex:0 0 400px;max-width:400px}.col-80-p-sm{flex:0 0 80%;max-width:80%}.width-80-p-sm{width:80%;max-width:80%}.width-400-px-sm{width:400px}.col-405-px-sm{flex:0 0 405px;max-width:405px}.col-81-p-sm{flex:0 0 81%;max-width:81%}.width-81-p-sm{width:81%;max-width:81%}.width-405-px-sm{width:405px}.col-410-px-sm{flex:0 0 410px;max-width:410px}.col-82-p-sm{flex:0 0 82%;max-width:82%}.width-82-p-sm{width:82%;max-width:82%}.width-410-px-sm{width:410px}.col-415-px-sm{flex:0 0 415px;max-width:415px}.col-83-p-sm{flex:0 0 83%;max-width:83%}.width-83-p-sm{width:83%;max-width:83%}.width-415-px-sm{width:415px}.col-420-px-sm{flex:0 0 420px;max-width:420px}.col-84-p-sm{flex:0 0 84%;max-width:84%}.width-84-p-sm{width:84%;max-width:84%}.width-420-px-sm{width:420px}.col-425-px-sm{flex:0 0 425px;max-width:425px}.col-85-p-sm{flex:0 0 85%;max-width:85%}.width-85-p-sm{width:85%;max-width:85%}.width-425-px-sm{width:425px}.col-430-px-sm{flex:0 0 430px;max-width:430px}.col-86-p-sm{flex:0 0 86%;max-width:86%}.width-86-p-sm{width:86%;max-width:86%}.width-430-px-sm{width:430px}.col-435-px-sm{flex:0 0 435px;max-width:435px}.col-87-p-sm{flex:0 0 87%;max-width:87%}.width-87-p-sm{width:87%;max-width:87%}.width-435-px-sm{width:435px}.col-440-px-sm{flex:0 0 440px;max-width:440px}.col-88-p-sm{flex:0 0 88%;max-width:88%}.width-88-p-sm{width:88%;max-width:88%}.width-440-px-sm{width:440px}.col-445-px-sm{flex:0 0 445px;max-width:445px}.col-89-p-sm{flex:0 0 89%;max-width:89%}.width-89-p-sm{width:89%;max-width:89%}.width-445-px-sm{width:445px}.col-450-px-sm{flex:0 0 450px;max-width:450px}.col-90-p-sm{flex:0 0 90%;max-width:90%}.width-90-p-sm{width:90%;max-width:90%}.width-450-px-sm{width:450px}.col-455-px-sm{flex:0 0 455px;max-width:455px}.col-91-p-sm{flex:0 0 91%;max-width:91%}.width-91-p-sm{width:91%;max-width:91%}.width-455-px-sm{width:455px}.col-460-px-sm{flex:0 0 460px;max-width:460px}.col-92-p-sm{flex:0 0 92%;max-width:92%}.width-92-p-sm{width:92%;max-width:92%}.width-460-px-sm{width:460px}.col-465-px-sm{flex:0 0 465px;max-width:465px}.col-93-p-sm{flex:0 0 93%;max-width:93%}.width-93-p-sm{width:93%;max-width:93%}.width-465-px-sm{width:465px}.col-470-px-sm{flex:0 0 470px;max-width:470px}.col-94-p-sm{flex:0 0 94%;max-width:94%}.width-94-p-sm{width:94%;max-width:94%}.width-470-px-sm{width:470px}.col-475-px-sm{flex:0 0 475px;max-width:475px}.col-95-p-sm{flex:0 0 95%;max-width:95%}.width-95-p-sm{width:95%;max-width:95%}.width-475-px-sm{width:475px}.col-480-px-sm{flex:0 0 480px;max-width:480px}.col-96-p-sm{flex:0 0 96%;max-width:96%}.width-96-p-sm{width:96%;max-width:96%}.width-480-px-sm{width:480px}.col-485-px-sm{flex:0 0 485px;max-width:485px}.col-97-p-sm{flex:0 0 97%;max-width:97%}.width-97-p-sm{width:97%;max-width:97%}.width-485-px-sm{width:485px}.col-490-px-sm{flex:0 0 490px;max-width:490px}.col-98-p-sm{flex:0 0 98%;max-width:98%}.width-98-p-sm{width:98%;max-width:98%}.width-490-px-sm{width:490px}.col-495-px-sm{flex:0 0 495px;max-width:495px}.col-99-p-sm{flex:0 0 99%;max-width:99%}.width-99-p-sm{width:99%;max-width:99%}.width-495-px-sm{width:495px}.col-500-px-sm{flex:0 0 500px;max-width:500px}.col-100-p-sm{flex:0 0 100%;max-width:100%}.width-100-p-sm{width:100%;max-width:100%}.width-500-px-sm{width:500px}.height-5-vh-sm{height:5vh}.min-height-5-vh-sm{min-height:5vh}.height-10-vh-sm{height:10vh}.min-height-10-vh-sm{min-height:10vh}.height-15-vh-sm{height:15vh}.min-height-15-vh-sm{min-height:15vh}.height-20-vh-sm{height:20vh}.min-height-20-vh-sm{min-height:20vh}.height-25-vh-sm{height:25vh}.min-height-25-vh-sm{min-height:25vh}.height-30-vh-sm{height:30vh}.min-height-30-vh-sm{min-height:30vh}.height-35-vh-sm{height:35vh}.min-height-35-vh-sm{min-height:35vh}.height-40-vh-sm{height:40vh}.min-height-40-vh-sm{min-height:40vh}.height-45-vh-sm{height:45vh}.min-height-45-vh-sm{min-height:45vh}.height-50-vh-sm{height:50vh}.min-height-50-vh-sm{min-height:50vh}.height-55-vh-sm{height:55vh}.min-height-55-vh-sm{min-height:55vh}.height-60-vh-sm{height:60vh}.min-height-60-vh-sm{min-height:60vh}.height-65-vh-sm{height:65vh}.min-height-65-vh-sm{min-height:65vh}.height-70-vh-sm{height:70vh}.min-height-70-vh-sm{min-height:70vh}.height-75-vh-sm{height:75vh}.min-height-75-vh-sm{min-height:75vh}.height-80-vh-sm{height:80vh}.min-height-80-vh-sm{min-height:80vh}.height-85-vh-sm{height:85vh}.min-height-85-vh-sm{min-height:85vh}.height-90-vh-sm{height:90vh}.min-height-90-vh-sm{min-height:90vh}.height-95-vh-sm{height:95vh}.min-height-95-vh-sm{min-height:95vh}.height-100-vh-sm{height:100vh}.min-height-100-vh-sm{min-height:100vh}}@media only screen and (min-width: 720px){.col-5-px-md{flex:0 0 5px;max-width:5px}.col-1-p-md{flex:0 0 1%;max-width:1%}.width-1-p-md{width:1%;max-width:1%}.width-5-px-md{width:5px}.col-10-px-md{flex:0 0 10px;max-width:10px}.col-2-p-md{flex:0 0 2%;max-width:2%}.width-2-p-md{width:2%;max-width:2%}.width-10-px-md{width:10px}.col-15-px-md{flex:0 0 15px;max-width:15px}.col-3-p-md{flex:0 0 3%;max-width:3%}.width-3-p-md{width:3%;max-width:3%}.width-15-px-md{width:15px}.col-20-px-md{flex:0 0 20px;max-width:20px}.col-4-p-md{flex:0 0 4%;max-width:4%}.width-4-p-md{width:4%;max-width:4%}.width-20-px-md{width:20px}.col-25-px-md{flex:0 0 25px;max-width:25px}.col-5-p-md{flex:0 0 5%;max-width:5%}.width-5-p-md{width:5%;max-width:5%}.width-25-px-md{width:25px}.col-30-px-md{flex:0 0 30px;max-width:30px}.col-6-p-md{flex:0 0 6%;max-width:6%}.width-6-p-md{width:6%;max-width:6%}.width-30-px-md{width:30px}.col-35-px-md{flex:0 0 35px;max-width:35px}.col-7-p-md{flex:0 0 7%;max-width:7%}.width-7-p-md{width:7%;max-width:7%}.width-35-px-md{width:35px}.col-40-px-md{flex:0 0 40px;max-width:40px}.col-8-p-md{flex:0 0 8%;max-width:8%}.width-8-p-md{width:8%;max-width:8%}.width-40-px-md{width:40px}.col-45-px-md{flex:0 0 45px;max-width:45px}.col-9-p-md{flex:0 0 9%;max-width:9%}.width-9-p-md{width:9%;max-width:9%}.width-45-px-md{width:45px}.col-50-px-md{flex:0 0 50px;max-width:50px}.col-10-p-md{flex:0 0 10%;max-width:10%}.width-10-p-md{width:10%;max-width:10%}.width-50-px-md{width:50px}.col-55-px-md{flex:0 0 55px;max-width:55px}.col-11-p-md{flex:0 0 11%;max-width:11%}.width-11-p-md{width:11%;max-width:11%}.width-55-px-md{width:55px}.col-60-px-md{flex:0 0 60px;max-width:60px}.col-12-p-md{flex:0 0 12%;max-width:12%}.width-12-p-md{width:12%;max-width:12%}.width-60-px-md{width:60px}.col-65-px-md{flex:0 0 65px;max-width:65px}.col-13-p-md{flex:0 0 13%;max-width:13%}.width-13-p-md{width:13%;max-width:13%}.width-65-px-md{width:65px}.col-70-px-md{flex:0 0 70px;max-width:70px}.col-14-p-md{flex:0 0 14%;max-width:14%}.width-14-p-md{width:14%;max-width:14%}.width-70-px-md{width:70px}.col-75-px-md{flex:0 0 75px;max-width:75px}.col-15-p-md{flex:0 0 15%;max-width:15%}.width-15-p-md{width:15%;max-width:15%}.width-75-px-md{width:75px}.col-80-px-md{flex:0 0 80px;max-width:80px}.col-16-p-md{flex:0 0 16%;max-width:16%}.width-16-p-md{width:16%;max-width:16%}.width-80-px-md{width:80px}.col-85-px-md{flex:0 0 85px;max-width:85px}.col-17-p-md{flex:0 0 17%;max-width:17%}.width-17-p-md{width:17%;max-width:17%}.width-85-px-md{width:85px}.col-90-px-md{flex:0 0 90px;max-width:90px}.col-18-p-md{flex:0 0 18%;max-width:18%}.width-18-p-md{width:18%;max-width:18%}.width-90-px-md{width:90px}.col-95-px-md{flex:0 0 95px;max-width:95px}.col-19-p-md{flex:0 0 19%;max-width:19%}.width-19-p-md{width:19%;max-width:19%}.width-95-px-md{width:95px}.col-100-px-md{flex:0 0 100px;max-width:100px}.col-20-p-md{flex:0 0 20%;max-width:20%}.width-20-p-md{width:20%;max-width:20%}.width-100-px-md{width:100px}.col-105-px-md{flex:0 0 105px;max-width:105px}.col-21-p-md{flex:0 0 21%;max-width:21%}.width-21-p-md{width:21%;max-width:21%}.width-105-px-md{width:105px}.col-110-px-md{flex:0 0 110px;max-width:110px}.col-22-p-md{flex:0 0 22%;max-width:22%}.width-22-p-md{width:22%;max-width:22%}.width-110-px-md{width:110px}.col-115-px-md{flex:0 0 115px;max-width:115px}.col-23-p-md{flex:0 0 23%;max-width:23%}.width-23-p-md{width:23%;max-width:23%}.width-115-px-md{width:115px}.col-120-px-md{flex:0 0 120px;max-width:120px}.col-24-p-md{flex:0 0 24%;max-width:24%}.width-24-p-md{width:24%;max-width:24%}.width-120-px-md{width:120px}.col-125-px-md{flex:0 0 125px;max-width:125px}.col-25-p-md{flex:0 0 25%;max-width:25%}.width-25-p-md{width:25%;max-width:25%}.width-125-px-md{width:125px}.col-130-px-md{flex:0 0 130px;max-width:130px}.col-26-p-md{flex:0 0 26%;max-width:26%}.width-26-p-md{width:26%;max-width:26%}.width-130-px-md{width:130px}.col-135-px-md{flex:0 0 135px;max-width:135px}.col-27-p-md{flex:0 0 27%;max-width:27%}.width-27-p-md{width:27%;max-width:27%}.width-135-px-md{width:135px}.col-140-px-md{flex:0 0 140px;max-width:140px}.col-28-p-md{flex:0 0 28%;max-width:28%}.width-28-p-md{width:28%;max-width:28%}.width-140-px-md{width:140px}.col-145-px-md{flex:0 0 145px;max-width:145px}.col-29-p-md{flex:0 0 29%;max-width:29%}.width-29-p-md{width:29%;max-width:29%}.width-145-px-md{width:145px}.col-150-px-md{flex:0 0 150px;max-width:150px}.col-30-p-md{flex:0 0 30%;max-width:30%}.width-30-p-md{width:30%;max-width:30%}.width-150-px-md{width:150px}.col-155-px-md{flex:0 0 155px;max-width:155px}.col-31-p-md{flex:0 0 31%;max-width:31%}.width-31-p-md{width:31%;max-width:31%}.width-155-px-md{width:155px}.col-160-px-md{flex:0 0 160px;max-width:160px}.col-32-p-md{flex:0 0 32%;max-width:32%}.width-32-p-md{width:32%;max-width:32%}.width-160-px-md{width:160px}.col-165-px-md{flex:0 0 165px;max-width:165px}.col-33-p-md{flex:0 0 33%;max-width:33%}.width-33-p-md{width:33%;max-width:33%}.width-165-px-md{width:165px}.col-170-px-md{flex:0 0 170px;max-width:170px}.col-34-p-md{flex:0 0 34%;max-width:34%}.width-34-p-md{width:34%;max-width:34%}.width-170-px-md{width:170px}.col-175-px-md{flex:0 0 175px;max-width:175px}.col-35-p-md{flex:0 0 35%;max-width:35%}.width-35-p-md{width:35%;max-width:35%}.width-175-px-md{width:175px}.col-180-px-md{flex:0 0 180px;max-width:180px}.col-36-p-md{flex:0 0 36%;max-width:36%}.width-36-p-md{width:36%;max-width:36%}.width-180-px-md{width:180px}.col-185-px-md{flex:0 0 185px;max-width:185px}.col-37-p-md{flex:0 0 37%;max-width:37%}.width-37-p-md{width:37%;max-width:37%}.width-185-px-md{width:185px}.col-190-px-md{flex:0 0 190px;max-width:190px}.col-38-p-md{flex:0 0 38%;max-width:38%}.width-38-p-md{width:38%;max-width:38%}.width-190-px-md{width:190px}.col-195-px-md{flex:0 0 195px;max-width:195px}.col-39-p-md{flex:0 0 39%;max-width:39%}.width-39-p-md{width:39%;max-width:39%}.width-195-px-md{width:195px}.col-200-px-md{flex:0 0 200px;max-width:200px}.col-40-p-md{flex:0 0 40%;max-width:40%}.width-40-p-md{width:40%;max-width:40%}.width-200-px-md{width:200px}.col-205-px-md{flex:0 0 205px;max-width:205px}.col-41-p-md{flex:0 0 41%;max-width:41%}.width-41-p-md{width:41%;max-width:41%}.width-205-px-md{width:205px}.col-210-px-md{flex:0 0 210px;max-width:210px}.col-42-p-md{flex:0 0 42%;max-width:42%}.width-42-p-md{width:42%;max-width:42%}.width-210-px-md{width:210px}.col-215-px-md{flex:0 0 215px;max-width:215px}.col-43-p-md{flex:0 0 43%;max-width:43%}.width-43-p-md{width:43%;max-width:43%}.width-215-px-md{width:215px}.col-220-px-md{flex:0 0 220px;max-width:220px}.col-44-p-md{flex:0 0 44%;max-width:44%}.width-44-p-md{width:44%;max-width:44%}.width-220-px-md{width:220px}.col-225-px-md{flex:0 0 225px;max-width:225px}.col-45-p-md{flex:0 0 45%;max-width:45%}.width-45-p-md{width:45%;max-width:45%}.width-225-px-md{width:225px}.col-230-px-md{flex:0 0 230px;max-width:230px}.col-46-p-md{flex:0 0 46%;max-width:46%}.width-46-p-md{width:46%;max-width:46%}.width-230-px-md{width:230px}.col-235-px-md{flex:0 0 235px;max-width:235px}.col-47-p-md{flex:0 0 47%;max-width:47%}.width-47-p-md{width:47%;max-width:47%}.width-235-px-md{width:235px}.col-240-px-md{flex:0 0 240px;max-width:240px}.col-48-p-md{flex:0 0 48%;max-width:48%}.width-48-p-md{width:48%;max-width:48%}.width-240-px-md{width:240px}.col-245-px-md{flex:0 0 245px;max-width:245px}.col-49-p-md{flex:0 0 49%;max-width:49%}.width-49-p-md{width:49%;max-width:49%}.width-245-px-md{width:245px}.col-250-px-md{flex:0 0 250px;max-width:250px}.col-50-p-md{flex:0 0 50%;max-width:50%}.width-50-p-md{width:50%;max-width:50%}.width-250-px-md{width:250px}.col-255-px-md{flex:0 0 255px;max-width:255px}.col-51-p-md{flex:0 0 51%;max-width:51%}.width-51-p-md{width:51%;max-width:51%}.width-255-px-md{width:255px}.col-260-px-md{flex:0 0 260px;max-width:260px}.col-52-p-md{flex:0 0 52%;max-width:52%}.width-52-p-md{width:52%;max-width:52%}.width-260-px-md{width:260px}.col-265-px-md{flex:0 0 265px;max-width:265px}.col-53-p-md{flex:0 0 53%;max-width:53%}.width-53-p-md{width:53%;max-width:53%}.width-265-px-md{width:265px}.col-270-px-md{flex:0 0 270px;max-width:270px}.col-54-p-md{flex:0 0 54%;max-width:54%}.width-54-p-md{width:54%;max-width:54%}.width-270-px-md{width:270px}.col-275-px-md{flex:0 0 275px;max-width:275px}.col-55-p-md{flex:0 0 55%;max-width:55%}.width-55-p-md{width:55%;max-width:55%}.width-275-px-md{width:275px}.col-280-px-md{flex:0 0 280px;max-width:280px}.col-56-p-md{flex:0 0 56%;max-width:56%}.width-56-p-md{width:56%;max-width:56%}.width-280-px-md{width:280px}.col-285-px-md{flex:0 0 285px;max-width:285px}.col-57-p-md{flex:0 0 57%;max-width:57%}.width-57-p-md{width:57%;max-width:57%}.width-285-px-md{width:285px}.col-290-px-md{flex:0 0 290px;max-width:290px}.col-58-p-md{flex:0 0 58%;max-width:58%}.width-58-p-md{width:58%;max-width:58%}.width-290-px-md{width:290px}.col-295-px-md{flex:0 0 295px;max-width:295px}.col-59-p-md{flex:0 0 59%;max-width:59%}.width-59-p-md{width:59%;max-width:59%}.width-295-px-md{width:295px}.col-300-px-md{flex:0 0 300px;max-width:300px}.col-60-p-md{flex:0 0 60%;max-width:60%}.width-60-p-md{width:60%;max-width:60%}.width-300-px-md{width:300px}.col-305-px-md{flex:0 0 305px;max-width:305px}.col-61-p-md{flex:0 0 61%;max-width:61%}.width-61-p-md{width:61%;max-width:61%}.width-305-px-md{width:305px}.col-310-px-md{flex:0 0 310px;max-width:310px}.col-62-p-md{flex:0 0 62%;max-width:62%}.width-62-p-md{width:62%;max-width:62%}.width-310-px-md{width:310px}.col-315-px-md{flex:0 0 315px;max-width:315px}.col-63-p-md{flex:0 0 63%;max-width:63%}.width-63-p-md{width:63%;max-width:63%}.width-315-px-md{width:315px}.col-320-px-md{flex:0 0 320px;max-width:320px}.col-64-p-md{flex:0 0 64%;max-width:64%}.width-64-p-md{width:64%;max-width:64%}.width-320-px-md{width:320px}.col-325-px-md{flex:0 0 325px;max-width:325px}.col-65-p-md{flex:0 0 65%;max-width:65%}.width-65-p-md{width:65%;max-width:65%}.width-325-px-md{width:325px}.col-330-px-md{flex:0 0 330px;max-width:330px}.col-66-p-md{flex:0 0 66%;max-width:66%}.width-66-p-md{width:66%;max-width:66%}.width-330-px-md{width:330px}.col-335-px-md{flex:0 0 335px;max-width:335px}.col-67-p-md{flex:0 0 67%;max-width:67%}.width-67-p-md{width:67%;max-width:67%}.width-335-px-md{width:335px}.col-340-px-md{flex:0 0 340px;max-width:340px}.col-68-p-md{flex:0 0 68%;max-width:68%}.width-68-p-md{width:68%;max-width:68%}.width-340-px-md{width:340px}.col-345-px-md{flex:0 0 345px;max-width:345px}.col-69-p-md{flex:0 0 69%;max-width:69%}.width-69-p-md{width:69%;max-width:69%}.width-345-px-md{width:345px}.col-350-px-md{flex:0 0 350px;max-width:350px}.col-70-p-md{flex:0 0 70%;max-width:70%}.width-70-p-md{width:70%;max-width:70%}.width-350-px-md{width:350px}.col-355-px-md{flex:0 0 355px;max-width:355px}.col-71-p-md{flex:0 0 71%;max-width:71%}.width-71-p-md{width:71%;max-width:71%}.width-355-px-md{width:355px}.col-360-px-md{flex:0 0 360px;max-width:360px}.col-72-p-md{flex:0 0 72%;max-width:72%}.width-72-p-md{width:72%;max-width:72%}.width-360-px-md{width:360px}.col-365-px-md{flex:0 0 365px;max-width:365px}.col-73-p-md{flex:0 0 73%;max-width:73%}.width-73-p-md{width:73%;max-width:73%}.width-365-px-md{width:365px}.col-370-px-md{flex:0 0 370px;max-width:370px}.col-74-p-md{flex:0 0 74%;max-width:74%}.width-74-p-md{width:74%;max-width:74%}.width-370-px-md{width:370px}.col-375-px-md{flex:0 0 375px;max-width:375px}.col-75-p-md{flex:0 0 75%;max-width:75%}.width-75-p-md{width:75%;max-width:75%}.width-375-px-md{width:375px}.col-380-px-md{flex:0 0 380px;max-width:380px}.col-76-p-md{flex:0 0 76%;max-width:76%}.width-76-p-md{width:76%;max-width:76%}.width-380-px-md{width:380px}.col-385-px-md{flex:0 0 385px;max-width:385px}.col-77-p-md{flex:0 0 77%;max-width:77%}.width-77-p-md{width:77%;max-width:77%}.width-385-px-md{width:385px}.col-390-px-md{flex:0 0 390px;max-width:390px}.col-78-p-md{flex:0 0 78%;max-width:78%}.width-78-p-md{width:78%;max-width:78%}.width-390-px-md{width:390px}.col-395-px-md{flex:0 0 395px;max-width:395px}.col-79-p-md{flex:0 0 79%;max-width:79%}.width-79-p-md{width:79%;max-width:79%}.width-395-px-md{width:395px}.col-400-px-md{flex:0 0 400px;max-width:400px}.col-80-p-md{flex:0 0 80%;max-width:80%}.width-80-p-md{width:80%;max-width:80%}.width-400-px-md{width:400px}.col-405-px-md{flex:0 0 405px;max-width:405px}.col-81-p-md{flex:0 0 81%;max-width:81%}.width-81-p-md{width:81%;max-width:81%}.width-405-px-md{width:405px}.col-410-px-md{flex:0 0 410px;max-width:410px}.col-82-p-md{flex:0 0 82%;max-width:82%}.width-82-p-md{width:82%;max-width:82%}.width-410-px-md{width:410px}.col-415-px-md{flex:0 0 415px;max-width:415px}.col-83-p-md{flex:0 0 83%;max-width:83%}.width-83-p-md{width:83%;max-width:83%}.width-415-px-md{width:415px}.col-420-px-md{flex:0 0 420px;max-width:420px}.col-84-p-md{flex:0 0 84%;max-width:84%}.width-84-p-md{width:84%;max-width:84%}.width-420-px-md{width:420px}.col-425-px-md{flex:0 0 425px;max-width:425px}.col-85-p-md{flex:0 0 85%;max-width:85%}.width-85-p-md{width:85%;max-width:85%}.width-425-px-md{width:425px}.col-430-px-md{flex:0 0 430px;max-width:430px}.col-86-p-md{flex:0 0 86%;max-width:86%}.width-86-p-md{width:86%;max-width:86%}.width-430-px-md{width:430px}.col-435-px-md{flex:0 0 435px;max-width:435px}.col-87-p-md{flex:0 0 87%;max-width:87%}.width-87-p-md{width:87%;max-width:87%}.width-435-px-md{width:435px}.col-440-px-md{flex:0 0 440px;max-width:440px}.col-88-p-md{flex:0 0 88%;max-width:88%}.width-88-p-md{width:88%;max-width:88%}.width-440-px-md{width:440px}.col-445-px-md{flex:0 0 445px;max-width:445px}.col-89-p-md{flex:0 0 89%;max-width:89%}.width-89-p-md{width:89%;max-width:89%}.width-445-px-md{width:445px}.col-450-px-md{flex:0 0 450px;max-width:450px}.col-90-p-md{flex:0 0 90%;max-width:90%}.width-90-p-md{width:90%;max-width:90%}.width-450-px-md{width:450px}.col-455-px-md{flex:0 0 455px;max-width:455px}.col-91-p-md{flex:0 0 91%;max-width:91%}.width-91-p-md{width:91%;max-width:91%}.width-455-px-md{width:455px}.col-460-px-md{flex:0 0 460px;max-width:460px}.col-92-p-md{flex:0 0 92%;max-width:92%}.width-92-p-md{width:92%;max-width:92%}.width-460-px-md{width:460px}.col-465-px-md{flex:0 0 465px;max-width:465px}.col-93-p-md{flex:0 0 93%;max-width:93%}.width-93-p-md{width:93%;max-width:93%}.width-465-px-md{width:465px}.col-470-px-md{flex:0 0 470px;max-width:470px}.col-94-p-md{flex:0 0 94%;max-width:94%}.width-94-p-md{width:94%;max-width:94%}.width-470-px-md{width:470px}.col-475-px-md{flex:0 0 475px;max-width:475px}.col-95-p-md{flex:0 0 95%;max-width:95%}.width-95-p-md{width:95%;max-width:95%}.width-475-px-md{width:475px}.col-480-px-md{flex:0 0 480px;max-width:480px}.col-96-p-md{flex:0 0 96%;max-width:96%}.width-96-p-md{width:96%;max-width:96%}.width-480-px-md{width:480px}.col-485-px-md{flex:0 0 485px;max-width:485px}.col-97-p-md{flex:0 0 97%;max-width:97%}.width-97-p-md{width:97%;max-width:97%}.width-485-px-md{width:485px}.col-490-px-md{flex:0 0 490px;max-width:490px}.col-98-p-md{flex:0 0 98%;max-width:98%}.width-98-p-md{width:98%;max-width:98%}.width-490-px-md{width:490px}.col-495-px-md{flex:0 0 495px;max-width:495px}.col-99-p-md{flex:0 0 99%;max-width:99%}.width-99-p-md{width:99%;max-width:99%}.width-495-px-md{width:495px}.col-500-px-md{flex:0 0 500px;max-width:500px}.col-100-p-md{flex:0 0 100%;max-width:100%}.width-100-p-md{width:100%;max-width:100%}.width-500-px-md{width:500px}.height-5-vh-md{height:5vh}.min-height-5-vh-md{min-height:5vh}.height-10-vh-md{height:10vh}.min-height-10-vh-md{min-height:10vh}.height-15-vh-md{height:15vh}.min-height-15-vh-md{min-height:15vh}.height-20-vh-md{height:20vh}.min-height-20-vh-md{min-height:20vh}.height-25-vh-md{height:25vh}.min-height-25-vh-md{min-height:25vh}.height-30-vh-md{height:30vh}.min-height-30-vh-md{min-height:30vh}.height-35-vh-md{height:35vh}.min-height-35-vh-md{min-height:35vh}.height-40-vh-md{height:40vh}.min-height-40-vh-md{min-height:40vh}.height-45-vh-md{height:45vh}.min-height-45-vh-md{min-height:45vh}.height-50-vh-md{height:50vh}.min-height-50-vh-md{min-height:50vh}.height-55-vh-md{height:55vh}.min-height-55-vh-md{min-height:55vh}.height-60-vh-md{height:60vh}.min-height-60-vh-md{min-height:60vh}.height-65-vh-md{height:65vh}.min-height-65-vh-md{min-height:65vh}.height-70-vh-md{height:70vh}.min-height-70-vh-md{min-height:70vh}.height-75-vh-md{height:75vh}.min-height-75-vh-md{min-height:75vh}.height-80-vh-md{height:80vh}.min-height-80-vh-md{min-height:80vh}.height-85-vh-md{height:85vh}.min-height-85-vh-md{min-height:85vh}.height-90-vh-md{height:90vh}.min-height-90-vh-md{min-height:90vh}.height-95-vh-md{height:95vh}.min-height-95-vh-md{min-height:95vh}.height-100-vh-md{height:100vh}.min-height-100-vh-md{min-height:100vh}}@media only screen and (min-width: 1080px){.col-5-px-lg{flex:0 0 5px;max-width:5px}.col-1-p-lg{flex:0 0 1%;max-width:1%}.width-1-p-lg{width:1%;max-width:1%}.width-5-px-lg{width:5px}.col-10-px-lg{flex:0 0 10px;max-width:10px}.col-2-p-lg{flex:0 0 2%;max-width:2%}.width-2-p-lg{width:2%;max-width:2%}.width-10-px-lg{width:10px}.col-15-px-lg{flex:0 0 15px;max-width:15px}.col-3-p-lg{flex:0 0 3%;max-width:3%}.width-3-p-lg{width:3%;max-width:3%}.width-15-px-lg{width:15px}.col-20-px-lg{flex:0 0 20px;max-width:20px}.col-4-p-lg{flex:0 0 4%;max-width:4%}.width-4-p-lg{width:4%;max-width:4%}.width-20-px-lg{width:20px}.col-25-px-lg{flex:0 0 25px;max-width:25px}.col-5-p-lg{flex:0 0 5%;max-width:5%}.width-5-p-lg{width:5%;max-width:5%}.width-25-px-lg{width:25px}.col-30-px-lg{flex:0 0 30px;max-width:30px}.col-6-p-lg{flex:0 0 6%;max-width:6%}.width-6-p-lg{width:6%;max-width:6%}.width-30-px-lg{width:30px}.col-35-px-lg{flex:0 0 35px;max-width:35px}.col-7-p-lg{flex:0 0 7%;max-width:7%}.width-7-p-lg{width:7%;max-width:7%}.width-35-px-lg{width:35px}.col-40-px-lg{flex:0 0 40px;max-width:40px}.col-8-p-lg{flex:0 0 8%;max-width:8%}.width-8-p-lg{width:8%;max-width:8%}.width-40-px-lg{width:40px}.col-45-px-lg{flex:0 0 45px;max-width:45px}.col-9-p-lg{flex:0 0 9%;max-width:9%}.width-9-p-lg{width:9%;max-width:9%}.width-45-px-lg{width:45px}.col-50-px-lg{flex:0 0 50px;max-width:50px}.col-10-p-lg{flex:0 0 10%;max-width:10%}.width-10-p-lg{width:10%;max-width:10%}.width-50-px-lg{width:50px}.col-55-px-lg{flex:0 0 55px;max-width:55px}.col-11-p-lg{flex:0 0 11%;max-width:11%}.width-11-p-lg{width:11%;max-width:11%}.width-55-px-lg{width:55px}.col-60-px-lg{flex:0 0 60px;max-width:60px}.col-12-p-lg{flex:0 0 12%;max-width:12%}.width-12-p-lg{width:12%;max-width:12%}.width-60-px-lg{width:60px}.col-65-px-lg{flex:0 0 65px;max-width:65px}.col-13-p-lg{flex:0 0 13%;max-width:13%}.width-13-p-lg{width:13%;max-width:13%}.width-65-px-lg{width:65px}.col-70-px-lg{flex:0 0 70px;max-width:70px}.col-14-p-lg{flex:0 0 14%;max-width:14%}.width-14-p-lg{width:14%;max-width:14%}.width-70-px-lg{width:70px}.col-75-px-lg{flex:0 0 75px;max-width:75px}.col-15-p-lg{flex:0 0 15%;max-width:15%}.width-15-p-lg{width:15%;max-width:15%}.width-75-px-lg{width:75px}.col-80-px-lg{flex:0 0 80px;max-width:80px}.col-16-p-lg{flex:0 0 16%;max-width:16%}.width-16-p-lg{width:16%;max-width:16%}.width-80-px-lg{width:80px}.col-85-px-lg{flex:0 0 85px;max-width:85px}.col-17-p-lg{flex:0 0 17%;max-width:17%}.width-17-p-lg{width:17%;max-width:17%}.width-85-px-lg{width:85px}.col-90-px-lg{flex:0 0 90px;max-width:90px}.col-18-p-lg{flex:0 0 18%;max-width:18%}.width-18-p-lg{width:18%;max-width:18%}.width-90-px-lg{width:90px}.col-95-px-lg{flex:0 0 95px;max-width:95px}.col-19-p-lg{flex:0 0 19%;max-width:19%}.width-19-p-lg{width:19%;max-width:19%}.width-95-px-lg{width:95px}.col-100-px-lg{flex:0 0 100px;max-width:100px}.col-20-p-lg{flex:0 0 20%;max-width:20%}.width-20-p-lg{width:20%;max-width:20%}.width-100-px-lg{width:100px}.col-105-px-lg{flex:0 0 105px;max-width:105px}.col-21-p-lg{flex:0 0 21%;max-width:21%}.width-21-p-lg{width:21%;max-width:21%}.width-105-px-lg{width:105px}.col-110-px-lg{flex:0 0 110px;max-width:110px}.col-22-p-lg{flex:0 0 22%;max-width:22%}.width-22-p-lg{width:22%;max-width:22%}.width-110-px-lg{width:110px}.col-115-px-lg{flex:0 0 115px;max-width:115px}.col-23-p-lg{flex:0 0 23%;max-width:23%}.width-23-p-lg{width:23%;max-width:23%}.width-115-px-lg{width:115px}.col-120-px-lg{flex:0 0 120px;max-width:120px}.col-24-p-lg{flex:0 0 24%;max-width:24%}.width-24-p-lg{width:24%;max-width:24%}.width-120-px-lg{width:120px}.col-125-px-lg{flex:0 0 125px;max-width:125px}.col-25-p-lg{flex:0 0 25%;max-width:25%}.width-25-p-lg{width:25%;max-width:25%}.width-125-px-lg{width:125px}.col-130-px-lg{flex:0 0 130px;max-width:130px}.col-26-p-lg{flex:0 0 26%;max-width:26%}.width-26-p-lg{width:26%;max-width:26%}.width-130-px-lg{width:130px}.col-135-px-lg{flex:0 0 135px;max-width:135px}.col-27-p-lg{flex:0 0 27%;max-width:27%}.width-27-p-lg{width:27%;max-width:27%}.width-135-px-lg{width:135px}.col-140-px-lg{flex:0 0 140px;max-width:140px}.col-28-p-lg{flex:0 0 28%;max-width:28%}.width-28-p-lg{width:28%;max-width:28%}.width-140-px-lg{width:140px}.col-145-px-lg{flex:0 0 145px;max-width:145px}.col-29-p-lg{flex:0 0 29%;max-width:29%}.width-29-p-lg{width:29%;max-width:29%}.width-145-px-lg{width:145px}.col-150-px-lg{flex:0 0 150px;max-width:150px}.col-30-p-lg{flex:0 0 30%;max-width:30%}.width-30-p-lg{width:30%;max-width:30%}.width-150-px-lg{width:150px}.col-155-px-lg{flex:0 0 155px;max-width:155px}.col-31-p-lg{flex:0 0 31%;max-width:31%}.width-31-p-lg{width:31%;max-width:31%}.width-155-px-lg{width:155px}.col-160-px-lg{flex:0 0 160px;max-width:160px}.col-32-p-lg{flex:0 0 32%;max-width:32%}.width-32-p-lg{width:32%;max-width:32%}.width-160-px-lg{width:160px}.col-165-px-lg{flex:0 0 165px;max-width:165px}.col-33-p-lg{flex:0 0 33%;max-width:33%}.width-33-p-lg{width:33%;max-width:33%}.width-165-px-lg{width:165px}.col-170-px-lg{flex:0 0 170px;max-width:170px}.col-34-p-lg{flex:0 0 34%;max-width:34%}.width-34-p-lg{width:34%;max-width:34%}.width-170-px-lg{width:170px}.col-175-px-lg{flex:0 0 175px;max-width:175px}.col-35-p-lg{flex:0 0 35%;max-width:35%}.width-35-p-lg{width:35%;max-width:35%}.width-175-px-lg{width:175px}.col-180-px-lg{flex:0 0 180px;max-width:180px}.col-36-p-lg{flex:0 0 36%;max-width:36%}.width-36-p-lg{width:36%;max-width:36%}.width-180-px-lg{width:180px}.col-185-px-lg{flex:0 0 185px;max-width:185px}.col-37-p-lg{flex:0 0 37%;max-width:37%}.width-37-p-lg{width:37%;max-width:37%}.width-185-px-lg{width:185px}.col-190-px-lg{flex:0 0 190px;max-width:190px}.col-38-p-lg{flex:0 0 38%;max-width:38%}.width-38-p-lg{width:38%;max-width:38%}.width-190-px-lg{width:190px}.col-195-px-lg{flex:0 0 195px;max-width:195px}.col-39-p-lg{flex:0 0 39%;max-width:39%}.width-39-p-lg{width:39%;max-width:39%}.width-195-px-lg{width:195px}.col-200-px-lg{flex:0 0 200px;max-width:200px}.col-40-p-lg{flex:0 0 40%;max-width:40%}.width-40-p-lg{width:40%;max-width:40%}.width-200-px-lg{width:200px}.col-205-px-lg{flex:0 0 205px;max-width:205px}.col-41-p-lg{flex:0 0 41%;max-width:41%}.width-41-p-lg{width:41%;max-width:41%}.width-205-px-lg{width:205px}.col-210-px-lg{flex:0 0 210px;max-width:210px}.col-42-p-lg{flex:0 0 42%;max-width:42%}.width-42-p-lg{width:42%;max-width:42%}.width-210-px-lg{width:210px}.col-215-px-lg{flex:0 0 215px;max-width:215px}.col-43-p-lg{flex:0 0 43%;max-width:43%}.width-43-p-lg{width:43%;max-width:43%}.width-215-px-lg{width:215px}.col-220-px-lg{flex:0 0 220px;max-width:220px}.col-44-p-lg{flex:0 0 44%;max-width:44%}.width-44-p-lg{width:44%;max-width:44%}.width-220-px-lg{width:220px}.col-225-px-lg{flex:0 0 225px;max-width:225px}.col-45-p-lg{flex:0 0 45%;max-width:45%}.width-45-p-lg{width:45%;max-width:45%}.width-225-px-lg{width:225px}.col-230-px-lg{flex:0 0 230px;max-width:230px}.col-46-p-lg{flex:0 0 46%;max-width:46%}.width-46-p-lg{width:46%;max-width:46%}.width-230-px-lg{width:230px}.col-235-px-lg{flex:0 0 235px;max-width:235px}.col-47-p-lg{flex:0 0 47%;max-width:47%}.width-47-p-lg{width:47%;max-width:47%}.width-235-px-lg{width:235px}.col-240-px-lg{flex:0 0 240px;max-width:240px}.col-48-p-lg{flex:0 0 48%;max-width:48%}.width-48-p-lg{width:48%;max-width:48%}.width-240-px-lg{width:240px}.col-245-px-lg{flex:0 0 245px;max-width:245px}.col-49-p-lg{flex:0 0 49%;max-width:49%}.width-49-p-lg{width:49%;max-width:49%}.width-245-px-lg{width:245px}.col-250-px-lg{flex:0 0 250px;max-width:250px}.col-50-p-lg{flex:0 0 50%;max-width:50%}.width-50-p-lg{width:50%;max-width:50%}.width-250-px-lg{width:250px}.col-255-px-lg{flex:0 0 255px;max-width:255px}.col-51-p-lg{flex:0 0 51%;max-width:51%}.width-51-p-lg{width:51%;max-width:51%}.width-255-px-lg{width:255px}.col-260-px-lg{flex:0 0 260px;max-width:260px}.col-52-p-lg{flex:0 0 52%;max-width:52%}.width-52-p-lg{width:52%;max-width:52%}.width-260-px-lg{width:260px}.col-265-px-lg{flex:0 0 265px;max-width:265px}.col-53-p-lg{flex:0 0 53%;max-width:53%}.width-53-p-lg{width:53%;max-width:53%}.width-265-px-lg{width:265px}.col-270-px-lg{flex:0 0 270px;max-width:270px}.col-54-p-lg{flex:0 0 54%;max-width:54%}.width-54-p-lg{width:54%;max-width:54%}.width-270-px-lg{width:270px}.col-275-px-lg{flex:0 0 275px;max-width:275px}.col-55-p-lg{flex:0 0 55%;max-width:55%}.width-55-p-lg{width:55%;max-width:55%}.width-275-px-lg{width:275px}.col-280-px-lg{flex:0 0 280px;max-width:280px}.col-56-p-lg{flex:0 0 56%;max-width:56%}.width-56-p-lg{width:56%;max-width:56%}.width-280-px-lg{width:280px}.col-285-px-lg{flex:0 0 285px;max-width:285px}.col-57-p-lg{flex:0 0 57%;max-width:57%}.width-57-p-lg{width:57%;max-width:57%}.width-285-px-lg{width:285px}.col-290-px-lg{flex:0 0 290px;max-width:290px}.col-58-p-lg{flex:0 0 58%;max-width:58%}.width-58-p-lg{width:58%;max-width:58%}.width-290-px-lg{width:290px}.col-295-px-lg{flex:0 0 295px;max-width:295px}.col-59-p-lg{flex:0 0 59%;max-width:59%}.width-59-p-lg{width:59%;max-width:59%}.width-295-px-lg{width:295px}.col-300-px-lg{flex:0 0 300px;max-width:300px}.col-60-p-lg{flex:0 0 60%;max-width:60%}.width-60-p-lg{width:60%;max-width:60%}.width-300-px-lg{width:300px}.col-305-px-lg{flex:0 0 305px;max-width:305px}.col-61-p-lg{flex:0 0 61%;max-width:61%}.width-61-p-lg{width:61%;max-width:61%}.width-305-px-lg{width:305px}.col-310-px-lg{flex:0 0 310px;max-width:310px}.col-62-p-lg{flex:0 0 62%;max-width:62%}.width-62-p-lg{width:62%;max-width:62%}.width-310-px-lg{width:310px}.col-315-px-lg{flex:0 0 315px;max-width:315px}.col-63-p-lg{flex:0 0 63%;max-width:63%}.width-63-p-lg{width:63%;max-width:63%}.width-315-px-lg{width:315px}.col-320-px-lg{flex:0 0 320px;max-width:320px}.col-64-p-lg{flex:0 0 64%;max-width:64%}.width-64-p-lg{width:64%;max-width:64%}.width-320-px-lg{width:320px}.col-325-px-lg{flex:0 0 325px;max-width:325px}.col-65-p-lg{flex:0 0 65%;max-width:65%}.width-65-p-lg{width:65%;max-width:65%}.width-325-px-lg{width:325px}.col-330-px-lg{flex:0 0 330px;max-width:330px}.col-66-p-lg{flex:0 0 66%;max-width:66%}.width-66-p-lg{width:66%;max-width:66%}.width-330-px-lg{width:330px}.col-335-px-lg{flex:0 0 335px;max-width:335px}.col-67-p-lg{flex:0 0 67%;max-width:67%}.width-67-p-lg{width:67%;max-width:67%}.width-335-px-lg{width:335px}.col-340-px-lg{flex:0 0 340px;max-width:340px}.col-68-p-lg{flex:0 0 68%;max-width:68%}.width-68-p-lg{width:68%;max-width:68%}.width-340-px-lg{width:340px}.col-345-px-lg{flex:0 0 345px;max-width:345px}.col-69-p-lg{flex:0 0 69%;max-width:69%}.width-69-p-lg{width:69%;max-width:69%}.width-345-px-lg{width:345px}.col-350-px-lg{flex:0 0 350px;max-width:350px}.col-70-p-lg{flex:0 0 70%;max-width:70%}.width-70-p-lg{width:70%;max-width:70%}.width-350-px-lg{width:350px}.col-355-px-lg{flex:0 0 355px;max-width:355px}.col-71-p-lg{flex:0 0 71%;max-width:71%}.width-71-p-lg{width:71%;max-width:71%}.width-355-px-lg{width:355px}.col-360-px-lg{flex:0 0 360px;max-width:360px}.col-72-p-lg{flex:0 0 72%;max-width:72%}.width-72-p-lg{width:72%;max-width:72%}.width-360-px-lg{width:360px}.col-365-px-lg{flex:0 0 365px;max-width:365px}.col-73-p-lg{flex:0 0 73%;max-width:73%}.width-73-p-lg{width:73%;max-width:73%}.width-365-px-lg{width:365px}.col-370-px-lg{flex:0 0 370px;max-width:370px}.col-74-p-lg{flex:0 0 74%;max-width:74%}.width-74-p-lg{width:74%;max-width:74%}.width-370-px-lg{width:370px}.col-375-px-lg{flex:0 0 375px;max-width:375px}.col-75-p-lg{flex:0 0 75%;max-width:75%}.width-75-p-lg{width:75%;max-width:75%}.width-375-px-lg{width:375px}.col-380-px-lg{flex:0 0 380px;max-width:380px}.col-76-p-lg{flex:0 0 76%;max-width:76%}.width-76-p-lg{width:76%;max-width:76%}.width-380-px-lg{width:380px}.col-385-px-lg{flex:0 0 385px;max-width:385px}.col-77-p-lg{flex:0 0 77%;max-width:77%}.width-77-p-lg{width:77%;max-width:77%}.width-385-px-lg{width:385px}.col-390-px-lg{flex:0 0 390px;max-width:390px}.col-78-p-lg{flex:0 0 78%;max-width:78%}.width-78-p-lg{width:78%;max-width:78%}.width-390-px-lg{width:390px}.col-395-px-lg{flex:0 0 395px;max-width:395px}.col-79-p-lg{flex:0 0 79%;max-width:79%}.width-79-p-lg{width:79%;max-width:79%}.width-395-px-lg{width:395px}.col-400-px-lg{flex:0 0 400px;max-width:400px}.col-80-p-lg{flex:0 0 80%;max-width:80%}.width-80-p-lg{width:80%;max-width:80%}.width-400-px-lg{width:400px}.col-405-px-lg{flex:0 0 405px;max-width:405px}.col-81-p-lg{flex:0 0 81%;max-width:81%}.width-81-p-lg{width:81%;max-width:81%}.width-405-px-lg{width:405px}.col-410-px-lg{flex:0 0 410px;max-width:410px}.col-82-p-lg{flex:0 0 82%;max-width:82%}.width-82-p-lg{width:82%;max-width:82%}.width-410-px-lg{width:410px}.col-415-px-lg{flex:0 0 415px;max-width:415px}.col-83-p-lg{flex:0 0 83%;max-width:83%}.width-83-p-lg{width:83%;max-width:83%}.width-415-px-lg{width:415px}.col-420-px-lg{flex:0 0 420px;max-width:420px}.col-84-p-lg{flex:0 0 84%;max-width:84%}.width-84-p-lg{width:84%;max-width:84%}.width-420-px-lg{width:420px}.col-425-px-lg{flex:0 0 425px;max-width:425px}.col-85-p-lg{flex:0 0 85%;max-width:85%}.width-85-p-lg{width:85%;max-width:85%}.width-425-px-lg{width:425px}.col-430-px-lg{flex:0 0 430px;max-width:430px}.col-86-p-lg{flex:0 0 86%;max-width:86%}.width-86-p-lg{width:86%;max-width:86%}.width-430-px-lg{width:430px}.col-435-px-lg{flex:0 0 435px;max-width:435px}.col-87-p-lg{flex:0 0 87%;max-width:87%}.width-87-p-lg{width:87%;max-width:87%}.width-435-px-lg{width:435px}.col-440-px-lg{flex:0 0 440px;max-width:440px}.col-88-p-lg{flex:0 0 88%;max-width:88%}.width-88-p-lg{width:88%;max-width:88%}.width-440-px-lg{width:440px}.col-445-px-lg{flex:0 0 445px;max-width:445px}.col-89-p-lg{flex:0 0 89%;max-width:89%}.width-89-p-lg{width:89%;max-width:89%}.width-445-px-lg{width:445px}.col-450-px-lg{flex:0 0 450px;max-width:450px}.col-90-p-lg{flex:0 0 90%;max-width:90%}.width-90-p-lg{width:90%;max-width:90%}.width-450-px-lg{width:450px}.col-455-px-lg{flex:0 0 455px;max-width:455px}.col-91-p-lg{flex:0 0 91%;max-width:91%}.width-91-p-lg{width:91%;max-width:91%}.width-455-px-lg{width:455px}.col-460-px-lg{flex:0 0 460px;max-width:460px}.col-92-p-lg{flex:0 0 92%;max-width:92%}.width-92-p-lg{width:92%;max-width:92%}.width-460-px-lg{width:460px}.col-465-px-lg{flex:0 0 465px;max-width:465px}.col-93-p-lg{flex:0 0 93%;max-width:93%}.width-93-p-lg{width:93%;max-width:93%}.width-465-px-lg{width:465px}.col-470-px-lg{flex:0 0 470px;max-width:470px}.col-94-p-lg{flex:0 0 94%;max-width:94%}.width-94-p-lg{width:94%;max-width:94%}.width-470-px-lg{width:470px}.col-475-px-lg{flex:0 0 475px;max-width:475px}.col-95-p-lg{flex:0 0 95%;max-width:95%}.width-95-p-lg{width:95%;max-width:95%}.width-475-px-lg{width:475px}.col-480-px-lg{flex:0 0 480px;max-width:480px}.col-96-p-lg{flex:0 0 96%;max-width:96%}.width-96-p-lg{width:96%;max-width:96%}.width-480-px-lg{width:480px}.col-485-px-lg{flex:0 0 485px;max-width:485px}.col-97-p-lg{flex:0 0 97%;max-width:97%}.width-97-p-lg{width:97%;max-width:97%}.width-485-px-lg{width:485px}.col-490-px-lg{flex:0 0 490px;max-width:490px}.col-98-p-lg{flex:0 0 98%;max-width:98%}.width-98-p-lg{width:98%;max-width:98%}.width-490-px-lg{width:490px}.col-495-px-lg{flex:0 0 495px;max-width:495px}.col-99-p-lg{flex:0 0 99%;max-width:99%}.width-99-p-lg{width:99%;max-width:99%}.width-495-px-lg{width:495px}.col-500-px-lg{flex:0 0 500px;max-width:500px}.col-100-p-lg{flex:0 0 100%;max-width:100%}.width-100-p-lg{width:100%;max-width:100%}.width-500-px-lg{width:500px}.height-5-vh-lg{height:5vh}.min-height-5-vh-lg{min-height:5vh}.height-10-vh-lg{height:10vh}.min-height-10-vh-lg{min-height:10vh}.height-15-vh-lg{height:15vh}.min-height-15-vh-lg{min-height:15vh}.height-20-vh-lg{height:20vh}.min-height-20-vh-lg{min-height:20vh}.height-25-vh-lg{height:25vh}.min-height-25-vh-lg{min-height:25vh}.height-30-vh-lg{height:30vh}.min-height-30-vh-lg{min-height:30vh}.height-35-vh-lg{height:35vh}.min-height-35-vh-lg{min-height:35vh}.height-40-vh-lg{height:40vh}.min-height-40-vh-lg{min-height:40vh}.height-45-vh-lg{height:45vh}.min-height-45-vh-lg{min-height:45vh}.height-50-vh-lg{height:50vh}.min-height-50-vh-lg{min-height:50vh}.height-55-vh-lg{height:55vh}.min-height-55-vh-lg{min-height:55vh}.height-60-vh-lg{height:60vh}.min-height-60-vh-lg{min-height:60vh}.height-65-vh-lg{height:65vh}.min-height-65-vh-lg{min-height:65vh}.height-70-vh-lg{height:70vh}.min-height-70-vh-lg{min-height:70vh}.height-75-vh-lg{height:75vh}.min-height-75-vh-lg{min-height:75vh}.height-80-vh-lg{height:80vh}.min-height-80-vh-lg{min-height:80vh}.height-85-vh-lg{height:85vh}.min-height-85-vh-lg{min-height:85vh}.height-90-vh-lg{height:90vh}.min-height-90-vh-lg{min-height:90vh}.height-95-vh-lg{height:95vh}.min-height-95-vh-lg{min-height:95vh}.height-100-vh-lg{height:100vh}.min-height-100-vh-lg{min-height:100vh}}@media only screen and (min-width: 1440px){.col-5-px-xl{flex:0 0 5px;max-width:5px}.col-1-p-xl{flex:0 0 1%;max-width:1%}.width-1-p-xl{width:1%;max-width:1%}.width-5-px-xl{width:5px}.col-10-px-xl{flex:0 0 10px;max-width:10px}.col-2-p-xl{flex:0 0 2%;max-width:2%}.width-2-p-xl{width:2%;max-width:2%}.width-10-px-xl{width:10px}.col-15-px-xl{flex:0 0 15px;max-width:15px}.col-3-p-xl{flex:0 0 3%;max-width:3%}.width-3-p-xl{width:3%;max-width:3%}.width-15-px-xl{width:15px}.col-20-px-xl{flex:0 0 20px;max-width:20px}.col-4-p-xl{flex:0 0 4%;max-width:4%}.width-4-p-xl{width:4%;max-width:4%}.width-20-px-xl{width:20px}.col-25-px-xl{flex:0 0 25px;max-width:25px}.col-5-p-xl{flex:0 0 5%;max-width:5%}.width-5-p-xl{width:5%;max-width:5%}.width-25-px-xl{width:25px}.col-30-px-xl{flex:0 0 30px;max-width:30px}.col-6-p-xl{flex:0 0 6%;max-width:6%}.width-6-p-xl{width:6%;max-width:6%}.width-30-px-xl{width:30px}.col-35-px-xl{flex:0 0 35px;max-width:35px}.col-7-p-xl{flex:0 0 7%;max-width:7%}.width-7-p-xl{width:7%;max-width:7%}.width-35-px-xl{width:35px}.col-40-px-xl{flex:0 0 40px;max-width:40px}.col-8-p-xl{flex:0 0 8%;max-width:8%}.width-8-p-xl{width:8%;max-width:8%}.width-40-px-xl{width:40px}.col-45-px-xl{flex:0 0 45px;max-width:45px}.col-9-p-xl{flex:0 0 9%;max-width:9%}.width-9-p-xl{width:9%;max-width:9%}.width-45-px-xl{width:45px}.col-50-px-xl{flex:0 0 50px;max-width:50px}.col-10-p-xl{flex:0 0 10%;max-width:10%}.width-10-p-xl{width:10%;max-width:10%}.width-50-px-xl{width:50px}.col-55-px-xl{flex:0 0 55px;max-width:55px}.col-11-p-xl{flex:0 0 11%;max-width:11%}.width-11-p-xl{width:11%;max-width:11%}.width-55-px-xl{width:55px}.col-60-px-xl{flex:0 0 60px;max-width:60px}.col-12-p-xl{flex:0 0 12%;max-width:12%}.width-12-p-xl{width:12%;max-width:12%}.width-60-px-xl{width:60px}.col-65-px-xl{flex:0 0 65px;max-width:65px}.col-13-p-xl{flex:0 0 13%;max-width:13%}.width-13-p-xl{width:13%;max-width:13%}.width-65-px-xl{width:65px}.col-70-px-xl{flex:0 0 70px;max-width:70px}.col-14-p-xl{flex:0 0 14%;max-width:14%}.width-14-p-xl{width:14%;max-width:14%}.width-70-px-xl{width:70px}.col-75-px-xl{flex:0 0 75px;max-width:75px}.col-15-p-xl{flex:0 0 15%;max-width:15%}.width-15-p-xl{width:15%;max-width:15%}.width-75-px-xl{width:75px}.col-80-px-xl{flex:0 0 80px;max-width:80px}.col-16-p-xl{flex:0 0 16%;max-width:16%}.width-16-p-xl{width:16%;max-width:16%}.width-80-px-xl{width:80px}.col-85-px-xl{flex:0 0 85px;max-width:85px}.col-17-p-xl{flex:0 0 17%;max-width:17%}.width-17-p-xl{width:17%;max-width:17%}.width-85-px-xl{width:85px}.col-90-px-xl{flex:0 0 90px;max-width:90px}.col-18-p-xl{flex:0 0 18%;max-width:18%}.width-18-p-xl{width:18%;max-width:18%}.width-90-px-xl{width:90px}.col-95-px-xl{flex:0 0 95px;max-width:95px}.col-19-p-xl{flex:0 0 19%;max-width:19%}.width-19-p-xl{width:19%;max-width:19%}.width-95-px-xl{width:95px}.col-100-px-xl{flex:0 0 100px;max-width:100px}.col-20-p-xl{flex:0 0 20%;max-width:20%}.width-20-p-xl{width:20%;max-width:20%}.width-100-px-xl{width:100px}.col-105-px-xl{flex:0 0 105px;max-width:105px}.col-21-p-xl{flex:0 0 21%;max-width:21%}.width-21-p-xl{width:21%;max-width:21%}.width-105-px-xl{width:105px}.col-110-px-xl{flex:0 0 110px;max-width:110px}.col-22-p-xl{flex:0 0 22%;max-width:22%}.width-22-p-xl{width:22%;max-width:22%}.width-110-px-xl{width:110px}.col-115-px-xl{flex:0 0 115px;max-width:115px}.col-23-p-xl{flex:0 0 23%;max-width:23%}.width-23-p-xl{width:23%;max-width:23%}.width-115-px-xl{width:115px}.col-120-px-xl{flex:0 0 120px;max-width:120px}.col-24-p-xl{flex:0 0 24%;max-width:24%}.width-24-p-xl{width:24%;max-width:24%}.width-120-px-xl{width:120px}.col-125-px-xl{flex:0 0 125px;max-width:125px}.col-25-p-xl{flex:0 0 25%;max-width:25%}.width-25-p-xl{width:25%;max-width:25%}.width-125-px-xl{width:125px}.col-130-px-xl{flex:0 0 130px;max-width:130px}.col-26-p-xl{flex:0 0 26%;max-width:26%}.width-26-p-xl{width:26%;max-width:26%}.width-130-px-xl{width:130px}.col-135-px-xl{flex:0 0 135px;max-width:135px}.col-27-p-xl{flex:0 0 27%;max-width:27%}.width-27-p-xl{width:27%;max-width:27%}.width-135-px-xl{width:135px}.col-140-px-xl{flex:0 0 140px;max-width:140px}.col-28-p-xl{flex:0 0 28%;max-width:28%}.width-28-p-xl{width:28%;max-width:28%}.width-140-px-xl{width:140px}.col-145-px-xl{flex:0 0 145px;max-width:145px}.col-29-p-xl{flex:0 0 29%;max-width:29%}.width-29-p-xl{width:29%;max-width:29%}.width-145-px-xl{width:145px}.col-150-px-xl{flex:0 0 150px;max-width:150px}.col-30-p-xl{flex:0 0 30%;max-width:30%}.width-30-p-xl{width:30%;max-width:30%}.width-150-px-xl{width:150px}.col-155-px-xl{flex:0 0 155px;max-width:155px}.col-31-p-xl{flex:0 0 31%;max-width:31%}.width-31-p-xl{width:31%;max-width:31%}.width-155-px-xl{width:155px}.col-160-px-xl{flex:0 0 160px;max-width:160px}.col-32-p-xl{flex:0 0 32%;max-width:32%}.width-32-p-xl{width:32%;max-width:32%}.width-160-px-xl{width:160px}.col-165-px-xl{flex:0 0 165px;max-width:165px}.col-33-p-xl{flex:0 0 33%;max-width:33%}.width-33-p-xl{width:33%;max-width:33%}.width-165-px-xl{width:165px}.col-170-px-xl{flex:0 0 170px;max-width:170px}.col-34-p-xl{flex:0 0 34%;max-width:34%}.width-34-p-xl{width:34%;max-width:34%}.width-170-px-xl{width:170px}.col-175-px-xl{flex:0 0 175px;max-width:175px}.col-35-p-xl{flex:0 0 35%;max-width:35%}.width-35-p-xl{width:35%;max-width:35%}.width-175-px-xl{width:175px}.col-180-px-xl{flex:0 0 180px;max-width:180px}.col-36-p-xl{flex:0 0 36%;max-width:36%}.width-36-p-xl{width:36%;max-width:36%}.width-180-px-xl{width:180px}.col-185-px-xl{flex:0 0 185px;max-width:185px}.col-37-p-xl{flex:0 0 37%;max-width:37%}.width-37-p-xl{width:37%;max-width:37%}.width-185-px-xl{width:185px}.col-190-px-xl{flex:0 0 190px;max-width:190px}.col-38-p-xl{flex:0 0 38%;max-width:38%}.width-38-p-xl{width:38%;max-width:38%}.width-190-px-xl{width:190px}.col-195-px-xl{flex:0 0 195px;max-width:195px}.col-39-p-xl{flex:0 0 39%;max-width:39%}.width-39-p-xl{width:39%;max-width:39%}.width-195-px-xl{width:195px}.col-200-px-xl{flex:0 0 200px;max-width:200px}.col-40-p-xl{flex:0 0 40%;max-width:40%}.width-40-p-xl{width:40%;max-width:40%}.width-200-px-xl{width:200px}.col-205-px-xl{flex:0 0 205px;max-width:205px}.col-41-p-xl{flex:0 0 41%;max-width:41%}.width-41-p-xl{width:41%;max-width:41%}.width-205-px-xl{width:205px}.col-210-px-xl{flex:0 0 210px;max-width:210px}.col-42-p-xl{flex:0 0 42%;max-width:42%}.width-42-p-xl{width:42%;max-width:42%}.width-210-px-xl{width:210px}.col-215-px-xl{flex:0 0 215px;max-width:215px}.col-43-p-xl{flex:0 0 43%;max-width:43%}.width-43-p-xl{width:43%;max-width:43%}.width-215-px-xl{width:215px}.col-220-px-xl{flex:0 0 220px;max-width:220px}.col-44-p-xl{flex:0 0 44%;max-width:44%}.width-44-p-xl{width:44%;max-width:44%}.width-220-px-xl{width:220px}.col-225-px-xl{flex:0 0 225px;max-width:225px}.col-45-p-xl{flex:0 0 45%;max-width:45%}.width-45-p-xl{width:45%;max-width:45%}.width-225-px-xl{width:225px}.col-230-px-xl{flex:0 0 230px;max-width:230px}.col-46-p-xl{flex:0 0 46%;max-width:46%}.width-46-p-xl{width:46%;max-width:46%}.width-230-px-xl{width:230px}.col-235-px-xl{flex:0 0 235px;max-width:235px}.col-47-p-xl{flex:0 0 47%;max-width:47%}.width-47-p-xl{width:47%;max-width:47%}.width-235-px-xl{width:235px}.col-240-px-xl{flex:0 0 240px;max-width:240px}.col-48-p-xl{flex:0 0 48%;max-width:48%}.width-48-p-xl{width:48%;max-width:48%}.width-240-px-xl{width:240px}.col-245-px-xl{flex:0 0 245px;max-width:245px}.col-49-p-xl{flex:0 0 49%;max-width:49%}.width-49-p-xl{width:49%;max-width:49%}.width-245-px-xl{width:245px}.col-250-px-xl{flex:0 0 250px;max-width:250px}.col-50-p-xl{flex:0 0 50%;max-width:50%}.width-50-p-xl{width:50%;max-width:50%}.width-250-px-xl{width:250px}.col-255-px-xl{flex:0 0 255px;max-width:255px}.col-51-p-xl{flex:0 0 51%;max-width:51%}.width-51-p-xl{width:51%;max-width:51%}.width-255-px-xl{width:255px}.col-260-px-xl{flex:0 0 260px;max-width:260px}.col-52-p-xl{flex:0 0 52%;max-width:52%}.width-52-p-xl{width:52%;max-width:52%}.width-260-px-xl{width:260px}.col-265-px-xl{flex:0 0 265px;max-width:265px}.col-53-p-xl{flex:0 0 53%;max-width:53%}.width-53-p-xl{width:53%;max-width:53%}.width-265-px-xl{width:265px}.col-270-px-xl{flex:0 0 270px;max-width:270px}.col-54-p-xl{flex:0 0 54%;max-width:54%}.width-54-p-xl{width:54%;max-width:54%}.width-270-px-xl{width:270px}.col-275-px-xl{flex:0 0 275px;max-width:275px}.col-55-p-xl{flex:0 0 55%;max-width:55%}.width-55-p-xl{width:55%;max-width:55%}.width-275-px-xl{width:275px}.col-280-px-xl{flex:0 0 280px;max-width:280px}.col-56-p-xl{flex:0 0 56%;max-width:56%}.width-56-p-xl{width:56%;max-width:56%}.width-280-px-xl{width:280px}.col-285-px-xl{flex:0 0 285px;max-width:285px}.col-57-p-xl{flex:0 0 57%;max-width:57%}.width-57-p-xl{width:57%;max-width:57%}.width-285-px-xl{width:285px}.col-290-px-xl{flex:0 0 290px;max-width:290px}.col-58-p-xl{flex:0 0 58%;max-width:58%}.width-58-p-xl{width:58%;max-width:58%}.width-290-px-xl{width:290px}.col-295-px-xl{flex:0 0 295px;max-width:295px}.col-59-p-xl{flex:0 0 59%;max-width:59%}.width-59-p-xl{width:59%;max-width:59%}.width-295-px-xl{width:295px}.col-300-px-xl{flex:0 0 300px;max-width:300px}.col-60-p-xl{flex:0 0 60%;max-width:60%}.width-60-p-xl{width:60%;max-width:60%}.width-300-px-xl{width:300px}.col-305-px-xl{flex:0 0 305px;max-width:305px}.col-61-p-xl{flex:0 0 61%;max-width:61%}.width-61-p-xl{width:61%;max-width:61%}.width-305-px-xl{width:305px}.col-310-px-xl{flex:0 0 310px;max-width:310px}.col-62-p-xl{flex:0 0 62%;max-width:62%}.width-62-p-xl{width:62%;max-width:62%}.width-310-px-xl{width:310px}.col-315-px-xl{flex:0 0 315px;max-width:315px}.col-63-p-xl{flex:0 0 63%;max-width:63%}.width-63-p-xl{width:63%;max-width:63%}.width-315-px-xl{width:315px}.col-320-px-xl{flex:0 0 320px;max-width:320px}.col-64-p-xl{flex:0 0 64%;max-width:64%}.width-64-p-xl{width:64%;max-width:64%}.width-320-px-xl{width:320px}.col-325-px-xl{flex:0 0 325px;max-width:325px}.col-65-p-xl{flex:0 0 65%;max-width:65%}.width-65-p-xl{width:65%;max-width:65%}.width-325-px-xl{width:325px}.col-330-px-xl{flex:0 0 330px;max-width:330px}.col-66-p-xl{flex:0 0 66%;max-width:66%}.width-66-p-xl{width:66%;max-width:66%}.width-330-px-xl{width:330px}.col-335-px-xl{flex:0 0 335px;max-width:335px}.col-67-p-xl{flex:0 0 67%;max-width:67%}.width-67-p-xl{width:67%;max-width:67%}.width-335-px-xl{width:335px}.col-340-px-xl{flex:0 0 340px;max-width:340px}.col-68-p-xl{flex:0 0 68%;max-width:68%}.width-68-p-xl{width:68%;max-width:68%}.width-340-px-xl{width:340px}.col-345-px-xl{flex:0 0 345px;max-width:345px}.col-69-p-xl{flex:0 0 69%;max-width:69%}.width-69-p-xl{width:69%;max-width:69%}.width-345-px-xl{width:345px}.col-350-px-xl{flex:0 0 350px;max-width:350px}.col-70-p-xl{flex:0 0 70%;max-width:70%}.width-70-p-xl{width:70%;max-width:70%}.width-350-px-xl{width:350px}.col-355-px-xl{flex:0 0 355px;max-width:355px}.col-71-p-xl{flex:0 0 71%;max-width:71%}.width-71-p-xl{width:71%;max-width:71%}.width-355-px-xl{width:355px}.col-360-px-xl{flex:0 0 360px;max-width:360px}.col-72-p-xl{flex:0 0 72%;max-width:72%}.width-72-p-xl{width:72%;max-width:72%}.width-360-px-xl{width:360px}.col-365-px-xl{flex:0 0 365px;max-width:365px}.col-73-p-xl{flex:0 0 73%;max-width:73%}.width-73-p-xl{width:73%;max-width:73%}.width-365-px-xl{width:365px}.col-370-px-xl{flex:0 0 370px;max-width:370px}.col-74-p-xl{flex:0 0 74%;max-width:74%}.width-74-p-xl{width:74%;max-width:74%}.width-370-px-xl{width:370px}.col-375-px-xl{flex:0 0 375px;max-width:375px}.col-75-p-xl{flex:0 0 75%;max-width:75%}.width-75-p-xl{width:75%;max-width:75%}.width-375-px-xl{width:375px}.col-380-px-xl{flex:0 0 380px;max-width:380px}.col-76-p-xl{flex:0 0 76%;max-width:76%}.width-76-p-xl{width:76%;max-width:76%}.width-380-px-xl{width:380px}.col-385-px-xl{flex:0 0 385px;max-width:385px}.col-77-p-xl{flex:0 0 77%;max-width:77%}.width-77-p-xl{width:77%;max-width:77%}.width-385-px-xl{width:385px}.col-390-px-xl{flex:0 0 390px;max-width:390px}.col-78-p-xl{flex:0 0 78%;max-width:78%}.width-78-p-xl{width:78%;max-width:78%}.width-390-px-xl{width:390px}.col-395-px-xl{flex:0 0 395px;max-width:395px}.col-79-p-xl{flex:0 0 79%;max-width:79%}.width-79-p-xl{width:79%;max-width:79%}.width-395-px-xl{width:395px}.col-400-px-xl{flex:0 0 400px;max-width:400px}.col-80-p-xl{flex:0 0 80%;max-width:80%}.width-80-p-xl{width:80%;max-width:80%}.width-400-px-xl{width:400px}.col-405-px-xl{flex:0 0 405px;max-width:405px}.col-81-p-xl{flex:0 0 81%;max-width:81%}.width-81-p-xl{width:81%;max-width:81%}.width-405-px-xl{width:405px}.col-410-px-xl{flex:0 0 410px;max-width:410px}.col-82-p-xl{flex:0 0 82%;max-width:82%}.width-82-p-xl{width:82%;max-width:82%}.width-410-px-xl{width:410px}.col-415-px-xl{flex:0 0 415px;max-width:415px}.col-83-p-xl{flex:0 0 83%;max-width:83%}.width-83-p-xl{width:83%;max-width:83%}.width-415-px-xl{width:415px}.col-420-px-xl{flex:0 0 420px;max-width:420px}.col-84-p-xl{flex:0 0 84%;max-width:84%}.width-84-p-xl{width:84%;max-width:84%}.width-420-px-xl{width:420px}.col-425-px-xl{flex:0 0 425px;max-width:425px}.col-85-p-xl{flex:0 0 85%;max-width:85%}.width-85-p-xl{width:85%;max-width:85%}.width-425-px-xl{width:425px}.col-430-px-xl{flex:0 0 430px;max-width:430px}.col-86-p-xl{flex:0 0 86%;max-width:86%}.width-86-p-xl{width:86%;max-width:86%}.width-430-px-xl{width:430px}.col-435-px-xl{flex:0 0 435px;max-width:435px}.col-87-p-xl{flex:0 0 87%;max-width:87%}.width-87-p-xl{width:87%;max-width:87%}.width-435-px-xl{width:435px}.col-440-px-xl{flex:0 0 440px;max-width:440px}.col-88-p-xl{flex:0 0 88%;max-width:88%}.width-88-p-xl{width:88%;max-width:88%}.width-440-px-xl{width:440px}.col-445-px-xl{flex:0 0 445px;max-width:445px}.col-89-p-xl{flex:0 0 89%;max-width:89%}.width-89-p-xl{width:89%;max-width:89%}.width-445-px-xl{width:445px}.col-450-px-xl{flex:0 0 450px;max-width:450px}.col-90-p-xl{flex:0 0 90%;max-width:90%}.width-90-p-xl{width:90%;max-width:90%}.width-450-px-xl{width:450px}.col-455-px-xl{flex:0 0 455px;max-width:455px}.col-91-p-xl{flex:0 0 91%;max-width:91%}.width-91-p-xl{width:91%;max-width:91%}.width-455-px-xl{width:455px}.col-460-px-xl{flex:0 0 460px;max-width:460px}.col-92-p-xl{flex:0 0 92%;max-width:92%}.width-92-p-xl{width:92%;max-width:92%}.width-460-px-xl{width:460px}.col-465-px-xl{flex:0 0 465px;max-width:465px}.col-93-p-xl{flex:0 0 93%;max-width:93%}.width-93-p-xl{width:93%;max-width:93%}.width-465-px-xl{width:465px}.col-470-px-xl{flex:0 0 470px;max-width:470px}.col-94-p-xl{flex:0 0 94%;max-width:94%}.width-94-p-xl{width:94%;max-width:94%}.width-470-px-xl{width:470px}.col-475-px-xl{flex:0 0 475px;max-width:475px}.col-95-p-xl{flex:0 0 95%;max-width:95%}.width-95-p-xl{width:95%;max-width:95%}.width-475-px-xl{width:475px}.col-480-px-xl{flex:0 0 480px;max-width:480px}.col-96-p-xl{flex:0 0 96%;max-width:96%}.width-96-p-xl{width:96%;max-width:96%}.width-480-px-xl{width:480px}.col-485-px-xl{flex:0 0 485px;max-width:485px}.col-97-p-xl{flex:0 0 97%;max-width:97%}.width-97-p-xl{width:97%;max-width:97%}.width-485-px-xl{width:485px}.col-490-px-xl{flex:0 0 490px;max-width:490px}.col-98-p-xl{flex:0 0 98%;max-width:98%}.width-98-p-xl{width:98%;max-width:98%}.width-490-px-xl{width:490px}.col-495-px-xl{flex:0 0 495px;max-width:495px}.col-99-p-xl{flex:0 0 99%;max-width:99%}.width-99-p-xl{width:99%;max-width:99%}.width-495-px-xl{width:495px}.col-500-px-xl{flex:0 0 500px;max-width:500px}.col-100-p-xl{flex:0 0 100%;max-width:100%}.width-100-p-xl{width:100%;max-width:100%}.width-500-px-xl{width:500px}.height-5-vh-xl{height:5vh}.min-height-5-vh-xl{min-height:5vh}.height-10-vh-xl{height:10vh}.min-height-10-vh-xl{min-height:10vh}.height-15-vh-xl{height:15vh}.min-height-15-vh-xl{min-height:15vh}.height-20-vh-xl{height:20vh}.min-height-20-vh-xl{min-height:20vh}.height-25-vh-xl{height:25vh}.min-height-25-vh-xl{min-height:25vh}.height-30-vh-xl{height:30vh}.min-height-30-vh-xl{min-height:30vh}.height-35-vh-xl{height:35vh}.min-height-35-vh-xl{min-height:35vh}.height-40-vh-xl{height:40vh}.min-height-40-vh-xl{min-height:40vh}.height-45-vh-xl{height:45vh}.min-height-45-vh-xl{min-height:45vh}.height-50-vh-xl{height:50vh}.min-height-50-vh-xl{min-height:50vh}.height-55-vh-xl{height:55vh}.min-height-55-vh-xl{min-height:55vh}.height-60-vh-xl{height:60vh}.min-height-60-vh-xl{min-height:60vh}.height-65-vh-xl{height:65vh}.min-height-65-vh-xl{min-height:65vh}.height-70-vh-xl{height:70vh}.min-height-70-vh-xl{min-height:70vh}.height-75-vh-xl{height:75vh}.min-height-75-vh-xl{min-height:75vh}.height-80-vh-xl{height:80vh}.min-height-80-vh-xl{min-height:80vh}.height-85-vh-xl{height:85vh}.min-height-85-vh-xl{min-height:85vh}.height-90-vh-xl{height:90vh}.min-height-90-vh-xl{min-height:90vh}.height-95-vh-xl{height:95vh}.min-height-95-vh-xl{min-height:95vh}.height-100-vh-xl{height:100vh}.min-height-100-vh-xl{min-height:100vh}}.text-caps{text-transform:uppercase}.text-small-less{font-size:0.9em}.text-small{font-size:0.8em}@media only screen and (max-width: 719px){.text-small-sm{font-size:0.8em}}@media only screen and (min-width: 720px){.text-small-md{font-size:0.8em}}@media only screen and (min-width: 1080px){.text-small-lg{font-size:0.8em}}@media only screen and (min-width: 1440px){.text-small-xl{font-size:0.8em}}.text-large{font-size:1.2em}@media only screen and (max-width: 719px){.text-large-sm{font-size:1.2em}}@media only screen and (min-width: 720px){.text-large-md{font-size:1.2em}}@media only screen and (min-width: 1080px){.text-large-lg{font-size:1.2em}}@media only screen and (min-width: 1440px){.text-large-xl{font-size:1.2em}}.text-1rem{font-size:1rem}.text-larger{font-size:1.4em}.text-super{font-size:3em}.text-subtle{font-size:90%;opacity:0.8}.text-subtle-more{font-size:80%;opacity:0.6}.text-muted{opacity:0.8}.text-muted-more{opacity:0.6}.text-left{text-align:left !important}@media only screen and (max-width: 719px){.text-left-sm{text-align:left !important}}@media only screen and (min-width: 720px){.text-left-md{text-align:left !important}}@media only screen and (min-width: 1080px){.text-left-lg{text-align:left !important}}@media only screen and (min-width: 1440px){.text-left-xl{text-align:left !important}}.text-right{text-align:right}@media only screen and (max-width: 719px){.text-right-sm{text-align:right}}@media only screen and (min-width: 720px){.text-right-md{text-align:right}}@media only screen and (min-width: 1080px){.text-right-lg{text-align:right}}@media only screen and (min-width: 1440px){.text-right-xl{text-align:right}}.text-center{text-align:center}@media only screen and (max-width: 719px){.text-center-sm{text-align:center}}@media only screen and (min-width: 720px){.text-center-md{text-align:center}}@media only screen and (min-width: 1080px){.text-center-lg{text-align:center}}@media only screen and (min-width: 1440px){.text-center-xl{text-align:center}}.text-justify{text-align:justify}.text-overflow{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-bold{font-weight:700}.text-light{font-weight:300}.text-lightest{font-weight:100}.text-normal{font-weight:normal !important}.text-middle{vertical-align:middle}.text-top{vertical-align:top}.text-tight{line-height:1.3}.required{color:#E1563E}.warn:hover{color:#E1563E}p.large{font-size:1.5em;font-weight:300}.text-italic{font-style:italic}.text-no-wrap{white-space:nowrap;overflow:hidden}.text-no-decoration{text-decoration:none}.text-no-decoration a{text-decoration:none}.text-height-1{line-height:1}.text-warn:hover{color:#E1563E !important}blockquote.quote{font-style:italic;border:none;position:relative;z-index:2;padding-left:2em}blockquote.quote::before{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;z-index:-1;position:absolute;top:0;left:-1rem;line-height:0.7;font-size:8em;color:rgba(0,0,0,0.1);content:"“"}.uniformAlert{border-radius:0.2em;border:1px solid #505153;background:white;color:#505153;padding:1em}.uniformAlert p:last-of-type{margin-bottom:0 !important}.uniformAlert.green{border-color:#97C848;color:#709239;background:#f0f7e5}.uniformAlert.red{border-color:#E1563E;color:#E1563E;background:#fcf1ef}.uniformAlert.blue{border-color:#0994E2;color:#167DBA;background:#ecf8fe}.uniformButtonGroup a,.uniformButton{outline:none;appearance:none;cursor:pointer;display:inline-block;text-decoration:none;padding:0.5em 0.75em;vertical-align:middle;text-align:center;line-height:1;position:relative;transition:all 0.2s;color:#505153;background-color:white;background-image:linear-gradient(#fff 33%, #ededed);border-radius:0.25em;border:1px solid #b6b7b9}.uniformButtonGroup a .fortycon,.uniformButton .fortycon{line-height:0;vertical-align:-1px;font-size:1.2em;margin-right:3px}.uniformButtonGroup a .fortycon.end,.uniformButton .fortycon.end{margin-right:0;margin-left:3px}.uniformButtonGroup a:visited,.uniformButton:visited{color:#505153}.uniformButtonGroup a:hover,.uniformButtonGroup a:focus,.uniformButtonGroup a.hover,.uniformButton:hover,.uniformButton:focus,.uniformButton.hover{box-shadow:inset 0 0 10px rgba(0,0,0,0.1)}.uniformButtonGroup a.green,.uniformButtonGroup a.blue,.uniformButtonGroup a.red,.uniformButton.green,.uniformButton.blue,.uniformButton.red{color:white}.uniformButtonGroup a.green,.uniformButton.green{background:#97C848}.uniformButtonGroup a.blue,.uniformButton.blue{background:#0994E2}.uniformButtonGroup a.red,.uniformButton.red{background:#E1563E}.uniformButtonGroup a.green,.uniformButton.green{background:#97C848}.uniformButtonGroup a.blue,.uniformButton.blue{background:#0994E2}.uniformButtonGroup a.red,.uniformButton.red{background:#E1563E}.uniformButtonGroup a.clear,.uniformButton.clear{background:none;border-color:transparent}.uniformButtonGroup a.outline,.uniformButton.outline{border-color:#505153;background:none !important;text-shadow:none !important}.uniformButtonGroup a.outline.dashed,.uniformButton.outline.dashed{border-style:dashed}.uniformButtonGroup a.small,.uniformButton.small{padding:0.3em 0.5em;font-size:0.8em}.uniformButtonGroup a.large,.uniformButton.large{padding:1em 2em;font-weight:bold}.uniformButtonGroup a.large .fortycon,.uniformButton.large .fortycon{line-height:0.5em;vertical-align:-6px;font-size:2em;margin-right:7px;font-weight:normal}.uniformButtonGroup a.warn:hover,.uniformButton.warn:hover{border-color:#E1563E;background:#E1563E;color:white}.uniformButtonGroup a.warn:hover.clear,.uniformButton.warn:hover.clear{color:#E1563E;background:none}.uniformButtonGroup a.warn:hover.outline,.uniformButton.warn:hover.outline{color:#E1563E;border-color:#9c9da0}.uniformButtonGroup a.block,.uniformButton.block{padding-left:0.5em !important;padding-right:0.5em !important;display:block;width:100%}.uniformButtonGroup a.green,.uniformButton.green{background-color:#90c43c;background-image:linear-gradient(#a2ce5c, #90c43c);border-color:#90c43c}.uniformButtonGroup a.green.outline,.uniformButton.green.outline{border-color:#709239;color:#709239}.uniformButtonGroup a.green,.uniformButtonGroup a.red,.uniformButtonGroup a.blue,.uniformButton.green,.uniformButton.red,.uniformButton.blue{color:white;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.uniformButtonGroup a.red,.uniformButton.red{background-color:#df4a31;background-image:linear-gradient(#E1563E, #df4a31);border-color:#df4a31}.uniformButtonGroup a.red.outline,.uniformButton.red.outline{color:#971710;border-color:#971710}.uniformButtonGroup a.blue,.uniformButton.blue{background-color:#088ad3;background-image:linear-gradient(#0994E2, #088ad3);border-color:#088ad3}.uniformButtonGroup a.blue.outline,.uniformButton.blue.outline{color:#0994E2;border-color:#0994E2}.uniformButtonGroup a.white.outline,.uniformButton.white.outline{color:white;border-color:white}.uniformButtonGroup a.gray,.uniformButton.gray{color:#828487}.uniformButtonGroup a.gray.outline,.uniformButton.gray.outline{color:#828487;border-color:#9c9da0}.uniformButtonGroup a:disabled,.uniformButtonGroup a.disabled,.uniformButtonGroup a:disabled:hover,.uniformButtonGroup a.disabled:hover,.uniformButton:disabled,.uniformButton.disabled,.uniformButton:disabled:hover,.uniformButton.disabled:hover{cursor:not-allowed;color:#b6b7b9;background-image:none !important;background-color:#d8d8d9;border-color:#b6b7b9;text-shadow:none}span.uniformButton{cursor:auto}a.uniformButton{user-select:none}.uniformButtonGroup{font-size:0}.uniformButtonGroup a{font-size:1rem;position:relative;z-index:1;margin-right:-1px;border-radius:0}.uniformButtonGroup a:last-of-type{border-radius:0 0.25em 0.25em 0}.uniformButtonGroup a:first-of-type{border-radius:0.25em 0 0 0.25em}.uniformButtonGroup a.active{background-color:#90c43c;background-image:linear-gradient(#a2ce5c, #90c43c);border-color:#90c43c;color:white}.uniformCard{background:white;border:1px solid #cccccc;border-radius:0.25em;margin-bottom:1em}.uniformCard.width-auto{display:inline-block}.uniformCard.clip{overflow:hidden}.uniformCard .un-pad{margin-left:-0.5em;margin-right:-0.5em}.uniformCard .uniformCard-header,.uniformCard .uniformCard-footer{padding:0.5em}.uniformCard .uniformCard-header{border-bottom:1px solid #cccccc}.uniformCard .uniformCard-header .fortycon.arrow_down_large{transition:all 0.2s}.uniformCard .uniformCard-footer{border-top:1px solid #cccccc;clear:both}.uniformCard .uniformCard-body{padding:0.5em}.uniformCard .uniformCard-collapse{max-height:0;overflow:hidden;transition:max-height 0.2s}.uniformCard.expanded .uniformCard-header .fortycon.arrow_down_large{transform:rotate(180deg)}.uniformCard.expanded .uniformCard-collapse{max-height:9999px}.uniformCard.uniformCard-accordion{margin:0;margin-bottom:-1px;border-radius:0}.uniformCard.uniformCard-accordion:first-of-type{border-top-left-radius:0.25em;border-top-right-radius:0.25em}.uniformCard.uniformCard-accordion:last-of-type{border-bottom-left-radius:0.25em;border-bottom-right-radius:0.25em}.uniformCard.uniformCard-accordion .uniformCard-header{cursor:pointer;border-bottom-style:none}.uniformCard.uniformCard-accordion .uniformCard-header:hover{background:#ecf8fe}.uniformCard.uniformCard-accordion.expanded{margin:1em 0;border-radius:0.25em}.uniformCard.uniformCard-accordion.expanded:first-of-type{margin-top:0}.uniformCard.uniformCard-accordion.expanded:last-of-type{margin-bottom:0}.uniformCard.uniformCard-accordion.expanded .uniformCard-header{border-bottom-style:solid}.uniformCard.uniformCard-accordion.expanded .uniformCard-header:hover{background:none}.uniformDropdown{cursor:pointer}.uniformDropdown-dropdown{position:absolute;z-index:9999;background:white;border-top:white}.uniformDropdown-dropdown button{appearance:none;outline:none;border:none;background:none;width:100%;padding:0.5em;display:block}.uniformDropdown-dropdown button:hover{background:#d3eefd}.uniformDropdown-dropdown.absolute{box-shadow:0 0 3px 2px rgba(0,0,0,0.2)}@media only screen and (min-width: 720px){.uniformDropdown-dropdown .uniformDropdown-pointer{position:absolute;bottom:100%;left:50%;margin-left:-1em;width:2em;height:2em;overflow:hidden}.uniformDropdown-dropdown .uniformDropdown-pointer:after{content:"";position:absolute;width:100%;height:100%;background:white;transform:rotate(-45deg);top:85%;left:0;box-shadow:0 1px 3px 2px rgba(0,0,0,0.2)}}@media only screen and (min-width: 720px){.uniformDropdown-dropdown.has-pointer{margin-top:1em}}@media only screen and (max-width: 719px){.uniformOverlay{position:fixed;top:0;bottom:0;left:0;right:0;background:white;z-index:9998}.uniformDropdown-dropdown{left:0 !important;top:0 !important;box-shadow:none !important;width:100%}}div.uniformInputGroup{background:white;border:1px solid #b6b7b9;display:flex;align-items:center;transition:box-shadow 0.2s ease-in}div.uniformInputGroup>*{flex:0 1 auto}div.uniformInputGroup input{border:none !important;background:none;appearance:none;outline:none;display:block;width:100%;border-radius:0 !important}div.uniformInputGroup input:focus{box-shadow:none}div.uniformInputGroup .input{padding:0;flex:1 1 auto}div.uniformInputGroup>*:not(input){padding:0 0.5em}div.uniformInputGroup>*:not(input).pad-tiny{padding:0 0.25em}div.uniformInputGroup.focus{box-shadow:inset 0 -2px 0 #97C848}div.uniformInputGroup .label{color:#828487}@media only screen and (max-width: 719px){div.uniformInputGroup input{padding-top:0.5em;padding-bottom:0.5em}}div.uniformInputGroup.border-none{border:none}select.uniformInput,textarea.uniformInput,input.uniformInput,button.uniformInput,.uniformInput input,.uniformForm input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniformForm textarea{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;border:1px solid #b6b7b9;padding:0.5em;line-height:1.3;outline:none;appearance:none;transition:box-shadow 0.2s ease-in}select.uniformInput:focus,textarea.uniformInput:focus,input.uniformInput:focus,button.uniformInput:focus,.uniformInput input:focus,.uniformForm input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):focus,.uniformForm textarea:focus{box-shadow:inset 0 -2px 0 #97C848}select.uniformInput.block,textarea.uniformInput.block,input.uniformInput.block,button.uniformInput.block,.uniformInput input.block,.uniformForm input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]).block,.uniformForm textarea.block{width:100%;max-width:100%}@media only screen and (max-width: 719px){select.uniformInput,textarea.uniformInput,input.uniformInput,button.uniformInput,.uniformInput input,.uniformForm input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniformForm textarea{font-size:1.142em}}select.uniformInput.pad-more,textarea.uniformInput.pad-more,input.uniformInput.pad-more,button.uniformInput.pad-more,.uniformInput input.pad-more,.uniformForm input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]).pad-more,.uniformForm textarea.pad-more{padding:1em}select.uniformInput.large,textarea.uniformInput.large,input.uniformInput.large,button.uniformInput.large,.uniformInput input.large,.uniformForm input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]).large,.uniformForm textarea.large{font-size:1.2em}select.uniformInput{color:#505153;background:#fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNy4xNjdweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjcuMTY3IDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNy4xNjcgMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIGlkPSJpY29tb29uLWlnbm9yZSI+PC9nPjxwYXRoIGZpbGw9IiM1MDUxNTMiIGQ9Ik0xNiwxMWMwLDAuMjcxLTAuMSwwLjUwNS0wLjI5NywwLjcwM2wtNyw3QzguNTA1LDE4LjksOC4yNzEsMTksOCwxOXMtMC41MDUtMC4xLTAuNzAzLTAuMjk3bC03LTdDMC4wOTksMTEuNTA1LDAsMTEuMjcxLDAsMTFzMC4wOTktMC41MDUsMC4yOTctMC43MDNDMC40OTUsMTAuMDk5LDAuNzI5LDEwLDEsMTBoMTRjMC4yNzEsMCwwLjUwNSwwLjA5OSwwLjcwMywwLjI5N0MxNS45LDEwLjQ5NSwxNiwxMC43MjksMTYsMTF6Ii8+PC9zdmc+);background-position:center right;background-repeat:no-repeat;background-size:auto 40%;position:relative;border-radius:0;padding-right:1.5em !important}button.uniformInput{background:white;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uniformError{position:relative;border-color:#E1563E;color:#E1563E}.uniformError input{border-color:#E1563E !important}.uniformErrorMessage{color:#E1563E;font-size:11px;line-height:1.1}.uniformForm .form-group{position:relative;margin-bottom:0.9em}.uniformForm .form-group label{font-weight:bold;display:block}.uniformForm .form-group.collapse{margin-bottom:0}.uniformForm [data-error-message]{position:relative;color:#E1563E}.uniformForm [data-error-message] input{border-color:#E1563E !important}.uniformForm [data-error-message]::after{content:attr(data-error-message);color:#E1563E;position:absolute;bottom:-7px;left:1em;border:1px solid #E1563E;background:white;font-size:11px;line-height:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 0.5em;max-width:100%}.uniformForm select.uniformInput,.uniformForm input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniformForm textarea{display:block;width:100%;max-width:100%}.uniformForm .uniformForm-table,.uniformForm.uniformForm-table{display:table;width:100%}.uniformForm .uniformForm-table .form-group,.uniformForm.uniformForm-table .form-group{display:table-row}.uniformForm .uniformForm-table .form-group>*,.uniformForm.uniformForm-table .form-group>*{display:table-cell}.uniformForm .uniformForm-table .form-group>*.fill,.uniformForm.uniformForm-table .form-group>*.fill{width:100%}.uniformForm .uniformForm-table .form-group>label,.uniformForm .uniformForm-table .form-group>div,.uniformForm .uniformForm-table .form-group>span,.uniformForm.uniformForm-table .form-group>label,.uniformForm.uniformForm-table .form-group>div,.uniformForm.uniformForm-table .form-group>span{padding-bottom:1em;padding-right:0.5em}.uniformForm .uniformForm-table .form-group>label:last-child,.uniformForm .uniformForm-table .form-group>div:last-child,.uniformForm .uniformForm-table .form-group>span:last-child,.uniformForm.uniformForm-table .form-group>label:last-child,.uniformForm.uniformForm-table .form-group>div:last-child,.uniformForm.uniformForm-table .form-group>span:last-child{padding-right:0}.uniformForm.invert input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniformForm.invert textarea,.uniformForm.invert .uniformCheckboxCollection.inline,.uniformForm.invert .uniformCheckboxCollection.inline-md{border-color:#505153;border-radius:0.25em}.uniformForm.invert .has-error{color:#ffab9b}.uniformForm.invert .uniformInputGroup{overflow:hidden;border-color:#505153;border-radius:0.25em}.uniformCheckboxCollection label{display:block;margin-right:1em;font-weight:normal}.uniformCheckboxCollection label input{margin-right:0.25em}.uniformCheckboxCollection.inline{color:#505153;border:1px solid #b6b7b9;background:white;display:flex;align-items:center}.uniformCheckboxCollection.inline label{margin-right:0;padding:0.5em;line-height:1.3;flex:1 1 auto;border-left:1px solid #b6b7b9;text-align:center}.uniformCheckboxCollection.inline label:first-of-type{border-left:none}@media only screen and (max-width: 719px){.uniformCheckboxCollection-sm label{display:block;margin-right:1em;font-weight:normal}.uniformCheckboxCollection-sm label input{margin-right:0.25em}.uniformCheckboxCollection-sm.inline{color:#505153;border:1px solid #b6b7b9;background:white;display:flex;align-items:center}.uniformCheckboxCollection-sm.inline label{margin-right:0;padding:0.5em;line-height:1.3;flex:1 1 auto;border-left:1px solid #b6b7b9;text-align:center}.uniformCheckboxCollection-sm.inline label:first-of-type{border-left:none}}@media only screen and (min-width: 720px){.uniformCheckboxCollection-md label{display:block;margin-right:1em;font-weight:normal}.uniformCheckboxCollection-md label input{margin-right:0.25em}.uniformCheckboxCollection-md.inline{color:#505153;border:1px solid #b6b7b9;background:white;display:flex;align-items:center}.uniformCheckboxCollection-md.inline label{margin-right:0;padding:0.5em;line-height:1.3;flex:1 1 auto;border-left:1px solid #b6b7b9;text-align:center}.uniformCheckboxCollection-md.inline label:first-of-type{border-left:none}}@media only screen and (min-width: 1080px){.uniformCheckboxCollection-lg label{display:block;margin-right:1em;font-weight:normal}.uniformCheckboxCollection-lg label input{margin-right:0.25em}.uniformCheckboxCollection-lg.inline{color:#505153;border:1px solid #b6b7b9;background:white;display:flex;align-items:center}.uniformCheckboxCollection-lg.inline label{margin-right:0;padding:0.5em;line-height:1.3;flex:1 1 auto;border-left:1px solid #b6b7b9;text-align:center}.uniformCheckboxCollection-lg.inline label:first-of-type{border-left:none}}@media only screen and (min-width: 1440px){.uniformCheckboxCollection-xl label{display:block;margin-right:1em;font-weight:normal}.uniformCheckboxCollection-xl label input{margin-right:0.25em}.uniformCheckboxCollection-xl.inline{color:#505153;border:1px solid #b6b7b9;background:white;display:flex;align-items:center}.uniformCheckboxCollection-xl.inline label{margin-right:0;padding:0.5em;line-height:1.3;flex:1 1 auto;border-left:1px solid #b6b7b9;text-align:center}.uniformCheckboxCollection-xl.inline label:first-of-type{border-left:none}}.uniformForm-table{display:table;width:100%}.uniformForm-table .form-group{display:table-row}.uniformForm-table .form-group>*{display:table-cell}.uniformForm-table .form-group>*.fill{width:100%}.uniformForm-table .form-group>label,.uniformForm-table .form-group>div,.uniformForm-table .form-group>span{padding-bottom:1em;padding-right:0.5em}.uniformForm-table .form-group>label:last-child,.uniformForm-table .form-group>div:last-child,.uniformForm-table .form-group>span:last-child{padding-right:0}@media only screen and (max-width: 719px){.uniformForm-table-sm{display:table;width:100%}.uniformForm-table-sm .form-group{display:table-row}.uniformForm-table-sm .form-group>*{display:table-cell}.uniformForm-table-sm .form-group>*.fill{width:100%}.uniformForm-table-sm .form-group>label,.uniformForm-table-sm .form-group>div,.uniformForm-table-sm .form-group>span{padding-bottom:1em;padding-right:0.5em}.uniformForm-table-sm .form-group>label:last-child,.uniformForm-table-sm .form-group>div:last-child,.uniformForm-table-sm .form-group>span:last-child{padding-right:0}}@media only screen and (min-width: 720px){.uniformForm-table-md{display:table;width:100%}.uniformForm-table-md .form-group{display:table-row}.uniformForm-table-md .form-group>*{display:table-cell}.uniformForm-table-md .form-group>*.fill{width:100%}.uniformForm-table-md .form-group>label,.uniformForm-table-md .form-group>div,.uniformForm-table-md .form-group>span{padding-bottom:1em;padding-right:0.5em}.uniformForm-table-md .form-group>label:last-child,.uniformForm-table-md .form-group>div:last-child,.uniformForm-table-md .form-group>span:last-child{padding-right:0}}@media only screen and (min-width: 1080px){.uniformForm-table-lg{display:table;width:100%}.uniformForm-table-lg .form-group{display:table-row}.uniformForm-table-lg .form-group>*{display:table-cell}.uniformForm-table-lg .form-group>*.fill{width:100%}.uniformForm-table-lg .form-group>label,.uniformForm-table-lg .form-group>div,.uniformForm-table-lg .form-group>span{padding-bottom:1em;padding-right:0.5em}.uniformForm-table-lg .form-group>label:last-child,.uniformForm-table-lg .form-group>div:last-child,.uniformForm-table-lg .form-group>span:last-child{padding-right:0}}@media only screen and (min-width: 1440px){.uniformForm-table-xl{display:table;width:100%}.uniformForm-table-xl .form-group{display:table-row}.uniformForm-table-xl .form-group>*{display:table-cell}.uniformForm-table-xl .form-group>*.fill{width:100%}.uniformForm-table-xl .form-group>label,.uniformForm-table-xl .form-group>div,.uniformForm-table-xl .form-group>span{padding-bottom:1em;padding-right:0.5em}.uniformForm-table-xl .form-group>label:last-child,.uniformForm-table-xl .form-group>div:last-child,.uniformForm-table-xl .form-group>span:last-child{padding-right:0}}.uniformFloatingLabel{display:flex;align-items:center;border:1px solid #b6b7b9;position:relative;background:white}.uniformFloatingLabel>*{flex:0 1 auto}.uniformFloatingLabel label{z-index:1;padding:0 1em;font-weight:normal !important}.uniformFloatingLabel>input,.uniformFloatingLabel>textarea,.uniformFloatingLabel>select,.uniformFloatingLabel>.uniformInputGroup{position:relative;display:block;width:100%;border:none !important;background:none}.uniformFloatingLabel>select{z-index:2}.uniformFloatingLabel>.uniformInputGroup{display:flex}.uniformFloatingLabel.enabled label{transition:font-size 0.1s, line-height 0.1s, opacity 0.1s}.uniformFloatingLabel.inactive input::placeholder,.uniformFloatingLabel.inactive textarea::placeholder,.uniformFloatingLabel.inactive select::placeholder{color:transparent}.uniformFloatingLabel.float label{font-size:80%;opacity:0.8}.uniformFloatingLabel.active label{color:#709239;opacity:1}.uniformFloatingLabel input.pad-more{padding:1em}.container{max-width:100%;width:100%;margin-left:auto;margin-right:auto;padding-left:0.5em;padding-right:0.5em}@media only screen and (min-width: 1080px){.container{max-width:1080px}}@media only screen and (min-width: 1440px){.container{max-width:1440px}}.grid{display:flex;flex-wrap:wrap}.grid.grid-h-left{justify-content:flex-start}.grid.grid-h-center{justify-content:center}.grid.grid-h-right{justify-content:flex-end}.grid.grid-h-around{justify-content:space-around}.grid.grid-h-between{justify-content:space-between}.grid.grid-v-top{align-content:flex-start}.grid.grid-v-center{align-content:center}.grid.grid-v-bottom{align-content:flex-end}.grid.grid-v-around{align-content:space-around}.grid.grid-v-between{align-content:space-between}.grid.grid-v-stretch{align-content:space-stretch}.grid.grid-center{align-items:center}.grid.grid-top{align-items:flex-start}.grid.grid-bottom{align-items:flex-end}.grid.grid-stretch{align-items:stretch}.grid.grid-nowrap{flex-wrap:nowrap}.grid.grid-vertical{flex-direction:column}.grid.grid-vertical .col,.grid.grid-vertical [class*="col-"]{padding-left:0;padding-right:0;padding-top:1em;padding-bottom:1em}.grid.grid-vertical .col:first-child,.grid.grid-vertical [class*="col-"]:first-child{padding-top:0}.grid.grid-vertical .col:last-child,.grid.grid-vertical [class*="col-"]:last-child{padding-bottom:0}.grid.no-wrap{flex-wrap:nowrap}.grid.no-gutter .col,.grid.no-gutter [class*="col-"]{padding-left:0;padding-right:0}.grid.nest{margin-left:-1em;margin-right:-1em}@media only screen and (max-width: 719px){.grid.nest{margin-left:-0.5em;margin-right:-0.5em}}.grid.nest .col:first-child,.grid.nest [class*="col-"]:first-child{padding-left:0.5em}.grid.nest .col:last-child,.grid.nest [class*="col-"]:last-child{padding-right:0.5em}@media only screen and (min-width: 720px){.grid.nest .col:first-child,.grid.nest [class*="col-"]:first-child{padding-left:1em}.grid.nest .col:last-child,.grid.nest [class*="col-"]:last-child{padding-right:1em}}.grid .col,.grid [class*="col-"]{position:relative;padding-left:0.5em;padding-right:0.5em}.grid .col:first-child,.grid [class*="col-"]:first-child{padding-left:0}.grid .col:last-child,.grid [class*="col-"]:last-child{padding-right:0}.grid .col:last-child.pad,.grid [class*="col-"]:last-child.pad{padding-right:0.5em}.grid .col.no-gutter,.grid [class*="col-"].no-gutter{padding-left:0;padding-right:0}@media only screen and (min-width: 720px){.grid .col,.grid [class*="col-"]{padding-left:1em;padding-right:1em}.grid .col:last-child.pad,.grid [class*="col-"]:last-child.pad{padding-right:1em}}.grid .col.col-center,.grid [class*="col-"].col-center{align-self:center}.grid .col.col-top,.grid [class*="col-"].col-top{align-self:flex-start}.grid .col.col-bottom,.grid [class*="col-"].col-bottom{align-self:flex-end}.grid .col.col-stretch,.grid [class*="col-"].col-stretch{align-self:stretch}.grid-min-height-fix{width:100%;display:flex;flex-direction:row}.grid-min-height-fix .grid{width:100%}.col{flex:0 1 auto;max-width:100%}.col-fill{flex:1 1 auto;max-width:100%}.col-1{flex:0 0 8.33333%;max-width:8.33333%}.col-offset-1{margin-left:8.33333%}.col-push-1{position:relative;left:8.33333%}.col-pull-1{position:relative;right:-8.33333%}.col-fill-1{flex:1}.col-2{flex:0 0 16.66667%;max-width:16.66667%}.col-offset-2{margin-left:16.66667%}.col-push-2{position:relative;left:16.66667%}.col-pull-2{position:relative;right:-16.66667%}.col-fill-2{flex:2}.col-3{flex:0 0 25%;max-width:25%}.col-offset-3{margin-left:25%}.col-push-3{position:relative;left:25%}.col-pull-3{position:relative;right:-25%}.col-fill-3{flex:3}.col-4{flex:0 0 33.33333%;max-width:33.33333%}.col-offset-4{margin-left:33.33333%}.col-push-4{position:relative;left:33.33333%}.col-pull-4{position:relative;right:-33.33333%}.col-fill-4{flex:4}.col-5{flex:0 0 41.66667%;max-width:41.66667%}.col-offset-5{margin-left:41.66667%}.col-push-5{position:relative;left:41.66667%}.col-pull-5{position:relative;right:-41.66667%}.col-fill-5{flex:5}.col-6{flex:0 0 50%;max-width:50%}.col-offset-6{margin-left:50%}.col-push-6{position:relative;left:50%}.col-pull-6{position:relative;right:-50%}.col-fill-6{flex:6}.col-7{flex:0 0 58.33333%;max-width:58.33333%}.col-offset-7{margin-left:58.33333%}.col-push-7{position:relative;left:58.33333%}.col-pull-7{position:relative;right:-58.33333%}.col-fill-7{flex:7}.col-8{flex:0 0 66.66667%;max-width:66.66667%}.col-offset-8{margin-left:66.66667%}.col-push-8{position:relative;left:66.66667%}.col-pull-8{position:relative;right:-66.66667%}.col-fill-8{flex:8}.col-9{flex:0 0 75%;max-width:75%}.col-offset-9{margin-left:75%}.col-push-9{position:relative;left:75%}.col-pull-9{position:relative;right:-75%}.col-fill-9{flex:9}.col-10{flex:0 0 83.33333%;max-width:83.33333%}.col-offset-10{margin-left:83.33333%}.col-push-10{position:relative;left:83.33333%}.col-pull-10{position:relative;right:-83.33333%}.col-fill-10{flex:10}.col-11{flex:0 0 91.66667%;max-width:91.66667%}.col-offset-11{margin-left:91.66667%}.col-push-11{position:relative;left:91.66667%}.col-pull-11{position:relative;right:-91.66667%}.col-fill-11{flex:11}.col-12{flex:0 0 100%;max-width:100%}.col-offset-12{margin-left:100%}.col-push-12{position:relative;left:100%}.col-pull-12{position:relative;right:-100%}.col-fill-12{flex:12}.show-sm{display:none !important}@media only screen and (max-width: 719px){.grid-sm{display:flex;flex-wrap:wrap}.grid-sm.grid-h-left{justify-content:flex-start}.grid-sm.grid-h-center{justify-content:center}.grid-sm.grid-h-right{justify-content:flex-end}.grid-sm.grid-h-around{justify-content:space-around}.grid-sm.grid-h-between{justify-content:space-between}.grid-sm.grid-v-top{align-content:flex-start}.grid-sm.grid-v-center{align-content:center}.grid-sm.grid-v-bottom{align-content:flex-end}.grid-sm.grid-v-around{align-content:space-around}.grid-sm.grid-v-between{align-content:space-between}.grid-sm.grid-v-stretch{align-content:space-stretch}.grid-sm.grid-center{align-items:center}.grid-sm.grid-top{align-items:flex-start}.grid-sm.grid-bottom{align-items:flex-end}.grid-sm.grid-stretch{align-items:stretch}.grid-sm.grid-nowrap{flex-wrap:nowrap}.grid-sm.grid-vertical{flex-direction:column}.grid-sm.grid-vertical .col,.grid-sm.grid-vertical [class*="col-"]{padding-left:0;padding-right:0;padding-top:1em;padding-bottom:1em}.grid-sm.grid-vertical .col:first-child,.grid-sm.grid-vertical [class*="col-"]:first-child{padding-top:0}.grid-sm.grid-vertical .col:last-child,.grid-sm.grid-vertical [class*="col-"]:last-child{padding-bottom:0}.grid-sm.no-wrap{flex-wrap:nowrap}.grid-sm.no-gutter .col,.grid-sm.no-gutter [class*="col-"]{padding-left:0;padding-right:0}.grid-sm.nest{margin-left:-1em;margin-right:-1em}}@media only screen and (max-width: 719px) and (max-width: 719px){.grid-sm.nest{margin-left:-0.5em;margin-right:-0.5em}}@media only screen and (max-width: 719px){.grid-sm.nest .col:first-child,.grid-sm.nest [class*="col-"]:first-child{padding-left:0.5em}.grid-sm.nest .col:last-child,.grid-sm.nest [class*="col-"]:last-child{padding-right:0.5em}}@media only screen and (max-width: 719px) and (min-width: 720px){.grid-sm.nest .col:first-child,.grid-sm.nest [class*="col-"]:first-child{padding-left:1em}.grid-sm.nest .col:last-child,.grid-sm.nest [class*="col-"]:last-child{padding-right:1em}}@media only screen and (max-width: 719px){.grid-sm .col,.grid-sm [class*="col-"]{position:relative;padding-left:0.5em;padding-right:0.5em}.grid-sm .col:first-child,.grid-sm [class*="col-"]:first-child{padding-left:0}.grid-sm .col:last-child,.grid-sm [class*="col-"]:last-child{padding-right:0}.grid-sm .col:last-child.pad,.grid-sm [class*="col-"]:last-child.pad{padding-right:0.5em}.grid-sm .col.no-gutter,.grid-sm [class*="col-"].no-gutter{padding-left:0;padding-right:0}}@media only screen and (max-width: 719px) and (min-width: 720px){.grid-sm .col,.grid-sm [class*="col-"]{padding-left:1em;padding-right:1em}.grid-sm .col:last-child.pad,.grid-sm [class*="col-"]:last-child.pad{padding-right:1em}}@media only screen and (max-width: 719px){.grid-sm .col.col-center,.grid-sm [class*="col-"].col-center{align-self:center}.grid-sm .col.col-top,.grid-sm [class*="col-"].col-top{align-self:flex-start}.grid-sm .col.col-bottom,.grid-sm [class*="col-"].col-bottom{align-self:flex-end}.grid-sm .col.col-stretch,.grid-sm [class*="col-"].col-stretch{align-self:stretch}.text-col-2-sm{column-count:2;column-gap:5em}.show-sm{display:inherit !important}.show-sm.block{display:block !important}.hide-sm{display:none !important}.col-sm{flex:0 1 auto;max-width:100%}.col-fill-sm{flex:1 1 auto}.col-1-sm{flex:0 0 8.33333%;max-width:8.33333%}.col-offset-1-sm{margin-left:8.33333%}.col-push-1-sm{left:8.33333%}.col-pull-1-sm{right:8.33333%}.col-2-sm{flex:0 0 16.66667%;max-width:16.66667%}.col-offset-2-sm{margin-left:16.66667%}.col-push-2-sm{left:16.66667%}.col-pull-2-sm{right:16.66667%}.col-3-sm{flex:0 0 25%;max-width:25%}.col-offset-3-sm{margin-left:25%}.col-push-3-sm{left:25%}.col-pull-3-sm{right:25%}.col-4-sm{flex:0 0 33.33333%;max-width:33.33333%}.col-offset-4-sm{margin-left:33.33333%}.col-push-4-sm{left:33.33333%}.col-pull-4-sm{right:33.33333%}.col-5-sm{flex:0 0 41.66667%;max-width:41.66667%}.col-offset-5-sm{margin-left:41.66667%}.col-push-5-sm{left:41.66667%}.col-pull-5-sm{right:41.66667%}.col-6-sm{flex:0 0 50%;max-width:50%}.col-offset-6-sm{margin-left:50%}.col-push-6-sm{left:50%}.col-pull-6-sm{right:50%}.col-7-sm{flex:0 0 58.33333%;max-width:58.33333%}.col-offset-7-sm{margin-left:58.33333%}.col-push-7-sm{left:58.33333%}.col-pull-7-sm{right:58.33333%}.col-8-sm{flex:0 0 66.66667%;max-width:66.66667%}.col-offset-8-sm{margin-left:66.66667%}.col-push-8-sm{left:66.66667%}.col-pull-8-sm{right:66.66667%}.col-9-sm{flex:0 0 75%;max-width:75%}.col-offset-9-sm{margin-left:75%}.col-push-9-sm{left:75%}.col-pull-9-sm{right:75%}.col-10-sm{flex:0 0 83.33333%;max-width:83.33333%}.col-offset-10-sm{margin-left:83.33333%}.col-push-10-sm{left:83.33333%}.col-pull-10-sm{right:83.33333%}.col-11-sm{flex:0 0 91.66667%;max-width:91.66667%}.col-offset-11-sm{margin-left:91.66667%}.col-push-11-sm{left:91.66667%}.col-pull-11-sm{right:91.66667%}.col-12-sm{flex:0 0 100%;max-width:100%}.col-offset-12-sm{margin-left:100%}.col-push-12-sm{left:100%}.col-pull-12-sm{right:100%}}.show-md{display:none !important}@media only screen and (min-width: 720px){.grid-md{display:flex;flex-wrap:wrap}.grid-md.grid-h-left{justify-content:flex-start}.grid-md.grid-h-center{justify-content:center}.grid-md.grid-h-right{justify-content:flex-end}.grid-md.grid-h-around{justify-content:space-around}.grid-md.grid-h-between{justify-content:space-between}.grid-md.grid-v-top{align-content:flex-start}.grid-md.grid-v-center{align-content:center}.grid-md.grid-v-bottom{align-content:flex-end}.grid-md.grid-v-around{align-content:space-around}.grid-md.grid-v-between{align-content:space-between}.grid-md.grid-v-stretch{align-content:space-stretch}.grid-md.grid-center{align-items:center}.grid-md.grid-top{align-items:flex-start}.grid-md.grid-bottom{align-items:flex-end}.grid-md.grid-stretch{align-items:stretch}.grid-md.grid-nowrap{flex-wrap:nowrap}.grid-md.grid-vertical{flex-direction:column}.grid-md.grid-vertical .col,.grid-md.grid-vertical [class*="col-"]{padding-left:0;padding-right:0;padding-top:1em;padding-bottom:1em}.grid-md.grid-vertical .col:first-child,.grid-md.grid-vertical [class*="col-"]:first-child{padding-top:0}.grid-md.grid-vertical .col:last-child,.grid-md.grid-vertical [class*="col-"]:last-child{padding-bottom:0}.grid-md.no-wrap{flex-wrap:nowrap}.grid-md.no-gutter .col,.grid-md.no-gutter [class*="col-"]{padding-left:0;padding-right:0}.grid-md.nest{margin-left:-1em;margin-right:-1em}}@media only screen and (min-width: 720px) and (max-width: 719px){.grid-md.nest{margin-left:-0.5em;margin-right:-0.5em}}@media only screen and (min-width: 720px){.grid-md.nest .col:first-child,.grid-md.nest [class*="col-"]:first-child{padding-left:0.5em}.grid-md.nest .col:last-child,.grid-md.nest [class*="col-"]:last-child{padding-right:0.5em}}@media only screen and (min-width: 720px) and (min-width: 720px){.grid-md.nest .col:first-child,.grid-md.nest [class*="col-"]:first-child{padding-left:1em}.grid-md.nest .col:last-child,.grid-md.nest [class*="col-"]:last-child{padding-right:1em}}@media only screen and (min-width: 720px){.grid-md .col,.grid-md [class*="col-"]{position:relative;padding-left:0.5em;padding-right:0.5em}.grid-md .col:first-child,.grid-md [class*="col-"]:first-child{padding-left:0}.grid-md .col:last-child,.grid-md [class*="col-"]:last-child{padding-right:0}.grid-md .col:last-child.pad,.grid-md [class*="col-"]:last-child.pad{padding-right:0.5em}.grid-md .col.no-gutter,.grid-md [class*="col-"].no-gutter{padding-left:0;padding-right:0}}@media only screen and (min-width: 720px) and (min-width: 720px){.grid-md .col,.grid-md [class*="col-"]{padding-left:1em;padding-right:1em}.grid-md .col:last-child.pad,.grid-md [class*="col-"]:last-child.pad{padding-right:1em}}@media only screen and (min-width: 720px){.grid-md .col.col-center,.grid-md [class*="col-"].col-center{align-self:center}.grid-md .col.col-top,.grid-md [class*="col-"].col-top{align-self:flex-start}.grid-md .col.col-bottom,.grid-md [class*="col-"].col-bottom{align-self:flex-end}.grid-md .col.col-stretch,.grid-md [class*="col-"].col-stretch{align-self:stretch}.text-col-2-md{column-count:2;column-gap:5em}.show-md{display:inherit !important}.show-md.block{display:block !important}.hide-md{display:none !important}.col-md{flex:0 1 auto;max-width:100%}.col-fill-md{flex:1 1 auto}.col-1-md{flex:0 0 8.33333%;max-width:8.33333%}.col-offset-1-md{margin-left:8.33333%}.col-push-1-md{left:8.33333%}.col-pull-1-md{right:8.33333%}.col-2-md{flex:0 0 16.66667%;max-width:16.66667%}.col-offset-2-md{margin-left:16.66667%}.col-push-2-md{left:16.66667%}.col-pull-2-md{right:16.66667%}.col-3-md{flex:0 0 25%;max-width:25%}.col-offset-3-md{margin-left:25%}.col-push-3-md{left:25%}.col-pull-3-md{right:25%}.col-4-md{flex:0 0 33.33333%;max-width:33.33333%}.col-offset-4-md{margin-left:33.33333%}.col-push-4-md{left:33.33333%}.col-pull-4-md{right:33.33333%}.col-5-md{flex:0 0 41.66667%;max-width:41.66667%}.col-offset-5-md{margin-left:41.66667%}.col-push-5-md{left:41.66667%}.col-pull-5-md{right:41.66667%}.col-6-md{flex:0 0 50%;max-width:50%}.col-offset-6-md{margin-left:50%}.col-push-6-md{left:50%}.col-pull-6-md{right:50%}.col-7-md{flex:0 0 58.33333%;max-width:58.33333%}.col-offset-7-md{margin-left:58.33333%}.col-push-7-md{left:58.33333%}.col-pull-7-md{right:58.33333%}.col-8-md{flex:0 0 66.66667%;max-width:66.66667%}.col-offset-8-md{margin-left:66.66667%}.col-push-8-md{left:66.66667%}.col-pull-8-md{right:66.66667%}.col-9-md{flex:0 0 75%;max-width:75%}.col-offset-9-md{margin-left:75%}.col-push-9-md{left:75%}.col-pull-9-md{right:75%}.col-10-md{flex:0 0 83.33333%;max-width:83.33333%}.col-offset-10-md{margin-left:83.33333%}.col-push-10-md{left:83.33333%}.col-pull-10-md{right:83.33333%}.col-11-md{flex:0 0 91.66667%;max-width:91.66667%}.col-offset-11-md{margin-left:91.66667%}.col-push-11-md{left:91.66667%}.col-pull-11-md{right:91.66667%}.col-12-md{flex:0 0 100%;max-width:100%}.col-offset-12-md{margin-left:100%}.col-push-12-md{left:100%}.col-pull-12-md{right:100%}}.show-lg{display:none !important}@media only screen and (min-width: 1080px){.grid-lg{display:flex;flex-wrap:wrap}.grid-lg.grid-h-left{justify-content:flex-start}.grid-lg.grid-h-center{justify-content:center}.grid-lg.grid-h-right{justify-content:flex-end}.grid-lg.grid-h-around{justify-content:space-around}.grid-lg.grid-h-between{justify-content:space-between}.grid-lg.grid-v-top{align-content:flex-start}.grid-lg.grid-v-center{align-content:center}.grid-lg.grid-v-bottom{align-content:flex-end}.grid-lg.grid-v-around{align-content:space-around}.grid-lg.grid-v-between{align-content:space-between}.grid-lg.grid-v-stretch{align-content:space-stretch}.grid-lg.grid-center{align-items:center}.grid-lg.grid-top{align-items:flex-start}.grid-lg.grid-bottom{align-items:flex-end}.grid-lg.grid-stretch{align-items:stretch}.grid-lg.grid-nowrap{flex-wrap:nowrap}.grid-lg.grid-vertical{flex-direction:column}.grid-lg.grid-vertical .col,.grid-lg.grid-vertical [class*="col-"]{padding-left:0;padding-right:0;padding-top:1em;padding-bottom:1em}.grid-lg.grid-vertical .col:first-child,.grid-lg.grid-vertical [class*="col-"]:first-child{padding-top:0}.grid-lg.grid-vertical .col:last-child,.grid-lg.grid-vertical [class*="col-"]:last-child{padding-bottom:0}.grid-lg.no-wrap{flex-wrap:nowrap}.grid-lg.no-gutter .col,.grid-lg.no-gutter [class*="col-"]{padding-left:0;padding-right:0}.grid-lg.nest{margin-left:-1em;margin-right:-1em}}@media only screen and (min-width: 1080px) and (max-width: 719px){.grid-lg.nest{margin-left:-0.5em;margin-right:-0.5em}}@media only screen and (min-width: 1080px){.grid-lg.nest .col:first-child,.grid-lg.nest [class*="col-"]:first-child{padding-left:0.5em}.grid-lg.nest .col:last-child,.grid-lg.nest [class*="col-"]:last-child{padding-right:0.5em}}@media only screen and (min-width: 1080px) and (min-width: 720px){.grid-lg.nest .col:first-child,.grid-lg.nest [class*="col-"]:first-child{padding-left:1em}.grid-lg.nest .col:last-child,.grid-lg.nest [class*="col-"]:last-child{padding-right:1em}}@media only screen and (min-width: 1080px){.grid-lg .col,.grid-lg [class*="col-"]{position:relative;padding-left:0.5em;padding-right:0.5em}.grid-lg .col:first-child,.grid-lg [class*="col-"]:first-child{padding-left:0}.grid-lg .col:last-child,.grid-lg [class*="col-"]:last-child{padding-right:0}.grid-lg .col:last-child.pad,.grid-lg [class*="col-"]:last-child.pad{padding-right:0.5em}.grid-lg .col.no-gutter,.grid-lg [class*="col-"].no-gutter{padding-left:0;padding-right:0}}@media only screen and (min-width: 1080px) and (min-width: 720px){.grid-lg .col,.grid-lg [class*="col-"]{padding-left:1em;padding-right:1em}.grid-lg .col:last-child.pad,.grid-lg [class*="col-"]:last-child.pad{padding-right:1em}}@media only screen and (min-width: 1080px){.grid-lg .col.col-center,.grid-lg [class*="col-"].col-center{align-self:center}.grid-lg .col.col-top,.grid-lg [class*="col-"].col-top{align-self:flex-start}.grid-lg .col.col-bottom,.grid-lg [class*="col-"].col-bottom{align-self:flex-end}.grid-lg .col.col-stretch,.grid-lg [class*="col-"].col-stretch{align-self:stretch}.text-col-2-lg{column-count:2;column-gap:5em}.show-lg{display:inherit !important}.show-lg.block{display:block !important}.hide-lg{display:none !important}.col-lg{flex:0 1 auto;max-width:100%}.col-fill-lg{flex:1 1 auto}.col-1-lg{flex:0 0 8.33333%;max-width:8.33333%}.col-offset-1-lg{margin-left:8.33333%}.col-push-1-lg{left:8.33333%}.col-pull-1-lg{right:8.33333%}.col-2-lg{flex:0 0 16.66667%;max-width:16.66667%}.col-offset-2-lg{margin-left:16.66667%}.col-push-2-lg{left:16.66667%}.col-pull-2-lg{right:16.66667%}.col-3-lg{flex:0 0 25%;max-width:25%}.col-offset-3-lg{margin-left:25%}.col-push-3-lg{left:25%}.col-pull-3-lg{right:25%}.col-4-lg{flex:0 0 33.33333%;max-width:33.33333%}.col-offset-4-lg{margin-left:33.33333%}.col-push-4-lg{left:33.33333%}.col-pull-4-lg{right:33.33333%}.col-5-lg{flex:0 0 41.66667%;max-width:41.66667%}.col-offset-5-lg{margin-left:41.66667%}.col-push-5-lg{left:41.66667%}.col-pull-5-lg{right:41.66667%}.col-6-lg{flex:0 0 50%;max-width:50%}.col-offset-6-lg{margin-left:50%}.col-push-6-lg{left:50%}.col-pull-6-lg{right:50%}.col-7-lg{flex:0 0 58.33333%;max-width:58.33333%}.col-offset-7-lg{margin-left:58.33333%}.col-push-7-lg{left:58.33333%}.col-pull-7-lg{right:58.33333%}.col-8-lg{flex:0 0 66.66667%;max-width:66.66667%}.col-offset-8-lg{margin-left:66.66667%}.col-push-8-lg{left:66.66667%}.col-pull-8-lg{right:66.66667%}.col-9-lg{flex:0 0 75%;max-width:75%}.col-offset-9-lg{margin-left:75%}.col-push-9-lg{left:75%}.col-pull-9-lg{right:75%}.col-10-lg{flex:0 0 83.33333%;max-width:83.33333%}.col-offset-10-lg{margin-left:83.33333%}.col-push-10-lg{left:83.33333%}.col-pull-10-lg{right:83.33333%}.col-11-lg{flex:0 0 91.66667%;max-width:91.66667%}.col-offset-11-lg{margin-left:91.66667%}.col-push-11-lg{left:91.66667%}.col-pull-11-lg{right:91.66667%}.col-12-lg{flex:0 0 100%;max-width:100%}.col-offset-12-lg{margin-left:100%}.col-push-12-lg{left:100%}.col-pull-12-lg{right:100%}}.show-xl{display:none !important}@media only screen and (min-width: 1440px){.grid-xl{display:flex;flex-wrap:wrap}.grid-xl.grid-h-left{justify-content:flex-start}.grid-xl.grid-h-center{justify-content:center}.grid-xl.grid-h-right{justify-content:flex-end}.grid-xl.grid-h-around{justify-content:space-around}.grid-xl.grid-h-between{justify-content:space-between}.grid-xl.grid-v-top{align-content:flex-start}.grid-xl.grid-v-center{align-content:center}.grid-xl.grid-v-bottom{align-content:flex-end}.grid-xl.grid-v-around{align-content:space-around}.grid-xl.grid-v-between{align-content:space-between}.grid-xl.grid-v-stretch{align-content:space-stretch}.grid-xl.grid-center{align-items:center}.grid-xl.grid-top{align-items:flex-start}.grid-xl.grid-bottom{align-items:flex-end}.grid-xl.grid-stretch{align-items:stretch}.grid-xl.grid-nowrap{flex-wrap:nowrap}.grid-xl.grid-vertical{flex-direction:column}.grid-xl.grid-vertical .col,.grid-xl.grid-vertical [class*="col-"]{padding-left:0;padding-right:0;padding-top:1em;padding-bottom:1em}.grid-xl.grid-vertical .col:first-child,.grid-xl.grid-vertical [class*="col-"]:first-child{padding-top:0}.grid-xl.grid-vertical .col:last-child,.grid-xl.grid-vertical [class*="col-"]:last-child{padding-bottom:0}.grid-xl.no-wrap{flex-wrap:nowrap}.grid-xl.no-gutter .col,.grid-xl.no-gutter [class*="col-"]{padding-left:0;padding-right:0}.grid-xl.nest{margin-left:-1em;margin-right:-1em}}@media only screen and (min-width: 1440px) and (max-width: 719px){.grid-xl.nest{margin-left:-0.5em;margin-right:-0.5em}}@media only screen and (min-width: 1440px){.grid-xl.nest .col:first-child,.grid-xl.nest [class*="col-"]:first-child{padding-left:0.5em}.grid-xl.nest .col:last-child,.grid-xl.nest [class*="col-"]:last-child{padding-right:0.5em}}@media only screen and (min-width: 1440px) and (min-width: 720px){.grid-xl.nest .col:first-child,.grid-xl.nest [class*="col-"]:first-child{padding-left:1em}.grid-xl.nest .col:last-child,.grid-xl.nest [class*="col-"]:last-child{padding-right:1em}}@media only screen and (min-width: 1440px){.grid-xl .col,.grid-xl [class*="col-"]{position:relative;padding-left:0.5em;padding-right:0.5em}.grid-xl .col:first-child,.grid-xl [class*="col-"]:first-child{padding-left:0}.grid-xl .col:last-child,.grid-xl [class*="col-"]:last-child{padding-right:0}.grid-xl .col:last-child.pad,.grid-xl [class*="col-"]:last-child.pad{padding-right:0.5em}.grid-xl .col.no-gutter,.grid-xl [class*="col-"].no-gutter{padding-left:0;padding-right:0}}@media only screen and (min-width: 1440px) and (min-width: 720px){.grid-xl .col,.grid-xl [class*="col-"]{padding-left:1em;padding-right:1em}.grid-xl .col:last-child.pad,.grid-xl [class*="col-"]:last-child.pad{padding-right:1em}}@media only screen and (min-width: 1440px){.grid-xl .col.col-center,.grid-xl [class*="col-"].col-center{align-self:center}.grid-xl .col.col-top,.grid-xl [class*="col-"].col-top{align-self:flex-start}.grid-xl .col.col-bottom,.grid-xl [class*="col-"].col-bottom{align-self:flex-end}.grid-xl .col.col-stretch,.grid-xl [class*="col-"].col-stretch{align-self:stretch}.text-col-2-xl{column-count:2;column-gap:5em}.show-xl{display:inherit !important}.show-xl.block{display:block !important}.hide-xl{display:none !important}.col-xl{flex:0 1 auto;max-width:100%}.col-fill-xl{flex:1 1 auto}.col-1-xl{flex:0 0 8.33333%;max-width:8.33333%}.col-offset-1-xl{margin-left:8.33333%}.col-push-1-xl{left:8.33333%}.col-pull-1-xl{right:8.33333%}.col-2-xl{flex:0 0 16.66667%;max-width:16.66667%}.col-offset-2-xl{margin-left:16.66667%}.col-push-2-xl{left:16.66667%}.col-pull-2-xl{right:16.66667%}.col-3-xl{flex:0 0 25%;max-width:25%}.col-offset-3-xl{margin-left:25%}.col-push-3-xl{left:25%}.col-pull-3-xl{right:25%}.col-4-xl{flex:0 0 33.33333%;max-width:33.33333%}.col-offset-4-xl{margin-left:33.33333%}.col-push-4-xl{left:33.33333%}.col-pull-4-xl{right:33.33333%}.col-5-xl{flex:0 0 41.66667%;max-width:41.66667%}.col-offset-5-xl{margin-left:41.66667%}.col-push-5-xl{left:41.66667%}.col-pull-5-xl{right:41.66667%}.col-6-xl{flex:0 0 50%;max-width:50%}.col-offset-6-xl{margin-left:50%}.col-push-6-xl{left:50%}.col-pull-6-xl{right:50%}.col-7-xl{flex:0 0 58.33333%;max-width:58.33333%}.col-offset-7-xl{margin-left:58.33333%}.col-push-7-xl{left:58.33333%}.col-pull-7-xl{right:58.33333%}.col-8-xl{flex:0 0 66.66667%;max-width:66.66667%}.col-offset-8-xl{margin-left:66.66667%}.col-push-8-xl{left:66.66667%}.col-pull-8-xl{right:66.66667%}.col-9-xl{flex:0 0 75%;max-width:75%}.col-offset-9-xl{margin-left:75%}.col-push-9-xl{left:75%}.col-pull-9-xl{right:75%}.col-10-xl{flex:0 0 83.33333%;max-width:83.33333%}.col-offset-10-xl{margin-left:83.33333%}.col-push-10-xl{left:83.33333%}.col-pull-10-xl{right:83.33333%}.col-11-xl{flex:0 0 91.66667%;max-width:91.66667%}.col-offset-11-xl{margin-left:91.66667%}.col-push-11-xl{left:91.66667%}.col-pull-11-xl{right:91.66667%}.col-12-xl{flex:0 0 100%;max-width:100%}.col-offset-12-xl{margin-left:100%}.col-push-12-xl{left:100%}.col-pull-12-xl{right:100%}}.uniformLabel{display:inline-block;vertical-align:baseline;font-size:0.8em;padding:0.0714em 0.357em 0.0714em;border:0.1em solid #505153;color:#505153;border-radius:0.3em}.uniformLabel.fill{border:none;background:#828487;color:white}.uniformLabel.pad-more{padding:0.0714em 0.5em}.uniformLabel.deleted,.uniformLabel.red{border-color:#E1563E;color:#E1563E}.uniformLabel.deleted.fill,.uniformLabel.red.fill{background:#E1563E}.uniformLabel.approved,.uniformLabel.accepted,.uniformLabel.active,.uniformLabel.green{border-color:#709239;color:#709239}.uniformLabel.approved.fill,.uniformLabel.accepted.fill,.uniformLabel.active.fill,.uniformLabel.green.fill{background:#709239}.uniformLabel.missed,.uniformLabel.expired,.uniformLabel.leased,.uniformLabel.yellow,.uniformLabel.initiated,.uniformLabel.nurturing{border-color:#BBC02C;color:#BBC02C}.uniformLabel.missed.fill,.uniformLabel.expired.fill,.uniformLabel.leased.fill,.uniformLabel.yellow.fill,.uniformLabel.initiated.fill,.uniformLabel.nurturing.fill{background:#BBC02C}.uniformLabel.muted,.uniformLabel.closed{border-color:#9c9da0;color:#9c9da0}.uniformLabel.blue{border-color:#0994E2;color:#0994E2}.uniformLabel.blue.fill{background:#0994E2}.uniform-loader{font-size:2em;line-height:1em;display:inline-block}.uniform-loader .uniform-loader-container{letter-spacing:-.05em;white-space:nowrap}.uniform-loader .uniform-loader-container span{color:black;text-shadow:-1px -1px 0 rgba(255,255,255,0.2);animation:uniform-loader-light 1s infinite linear;animation-delay:0.2s}.uniform-loader .uniform-loader-container span:first-of-type{animation-delay:0s}.uniform-loader .uniform-loader-container span:last-of-type{animation-delay:0.4s}.uniform-loader.light .uniform-loader-container span{color:white;text-shadow:-1px -1px 0 rgba(0,0,0,0.2);animation:uniform-loader 1s infinite linear;animation-delay:0.2s}.uniform-loader.light .uniform-loader-container span:first-of-type{animation-delay:0s}.uniform-loader.light .uniform-loader-container span:last-of-type{animation-delay:0.4s}.uniform-loader.cover{display:block;background:rgba(255,255,255,0.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:999999999}.uniform-loader.cover .uniform-loader-container{position:absolute;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.uniform-loader.cover.light{background:rgba(0,0,0,0.5)}.uniform-loader.top .uniform-loader-container{top:20px}@keyframes uniform-loader{0%{color:rgba(255,255,255,0)}25%{color:white}100%{color:white}}@keyframes uniform-loader-light{0%{color:black}25%{color:rgba(0,0,0,0.2)}100%{color:rgba(0,0,0,0.2)}}.uniformModal-overlay{position:fixed;top:0;left:0;bottom:0;right:0;opacity:0.6;background:black}.uniformModal{position:absolute;top:0;width:100%;text-align:center;padding:2em}.uniformModal-container{display:inline-block;text-align:left;position:relative;margin:auto;background:white;border-radius:0.25em;max-width:90%}.uniformModal-container.fill{width:90%}.uniformModal-close{position:absolute;padding:0.3em;top:-2rem;right:-2rem;font-size:1.5em;color:white;opacity:0.5;line-height:1;cursor:pointer}.uniformModal-close:hover{opacity:1}.uniformModal-blur{filter:blur(4px)}body.uniformModal-active{background:#373839}.uniformNav{z-index:3;position:relative;background:white;box-shadow:0 1px 0 0 rgba(0,0,0,0.15);line-height:1;color:#505153}.uniformNav.transparent{background:none;box-shadow:none}.uniformNav .col a:first-child:last-child{display:block}.uniformNav .nav>a,.uniformNav .nav>*>a,.uniformNav .nav .text{display:inline-block;vertical-align:middle;padding:1.3em 1em;color:#505153;text-decoration:none}.uniformNav .nav>a .un-pad,.uniformNav .nav>*>a .un-pad,.uniformNav .nav .text .un-pad{margin:-0.7em 0}.uniformNav .nav>a:hover,.uniformNav .nav>*>a:hover,.uniformNav .nav .text:hover{color:#0994E2}.uniformNav .nav>a.uniformDropdown .fortycon.arrow_down_large,.uniformNav .nav>*>a.uniformDropdown .fortycon.arrow_down_large,.uniformNav .nav .text.uniformDropdown .fortycon.arrow_down_large{transition:all 0.2s}.uniformNav .nav>a.active.uniformDropdown .fortycon.arrow_down_large,.uniformNav .nav>*>a.active.uniformDropdown .fortycon.arrow_down_large,.uniformNav .nav .text.active.uniformDropdown .fortycon.arrow_down_large{transform:rotate(180deg)}.uniformNav .nav>a.active,.uniformNav .nav>*>a.active,.uniformNav .nav .text.active{color:#709239;border-bottom:2px solid #709239;padding-bottom:calc(1.3em - 2px)}.uniformNav img{display:block}.uniformNav .uniformNav-subnav .nav>a,.uniformNav .uniformNav-subnav .nav>*>a,.uniformNav .uniformNav-subnav .nav .text,.uniformNav.uniformNav-subnav .nav>a,.uniformNav.uniformNav-subnav .nav>*>a,.uniformNav.uniformNav-subnav .nav .text{padding:0.5em 0.5em}.uniformNav .uniformInputGroup{color:#505153}.uniformNav.invert{box-shadow:none;background:none;color:#cccccc}.uniformNav.invert .nav>a,.uniformNav.invert .nav>div>a,.uniformNav.invert .nav .text{background:none;color:#cccccc}.uniformNav.invert .nav>a:hover,.uniformNav.invert .nav>div>a:hover,.uniformNav.invert .nav .text:hover{color:#BBFF00}.uniformNav.invert .nav>a.active,.uniformNav.invert .nav>div>a.active,.uniformNav.invert .nav .text.active{color:white;background:#373839}.uniformNav .mobile-nav{display:none}.uniformNav .mobile-nav button{outline:none;border:none;background:none;padding:0.5em 0.5em}.uniformNav .mobile-nav img{display:inline-block;vertical-align:middle}.uniformNav .mobile-nav .fortycon{vertical-align:middle}@media only screen and (max-width: 719px){.uniformNav{font-size:1.2rem}.uniformNav .nav>a,.uniformNav .nav>*>a,.uniformNav .nav .text{padding-top:0.6em;padding-bottom:0.6em}.uniformNav .nav>a.active,.uniformNav .nav>*>a.active,.uniformNav .nav .text.active{color:#97C848;box-shadow:inset 2px 0 0 #97C848}.uniformNav .mobile-nav{position:relative;display:block;z-index:2}.uniformNav .non-mobile-nav{z-index:1;position:fixed;top:-100vh;left:0;padding-top:60px;width:100%;height:100vh;background:white;transition:top 0.2s;overflow-y:auto}.uniformNav .non-mobile-nav .nav{margin-bottom:1em}.uniformNav .non-mobile-nav .uniformNav-subnav{padding-top:1em}.uniformNav .non-mobile-nav.non-mobile-nav-left{left:-100vw;transition:left 0.2s;width:auto}.uniformNav button .fortycon{transition:all 0.2s}.uniformNav.active .non-mobile-nav{top:0}.uniformNav.active .non-mobile-nav.non-mobile-nav-left{left:0;box-shadow:0 0 10px rgba(0,0,0,0.2)}.uniformNav.active button .fortycon{transform:rotate(180deg)}}.uniformNav .uniformNav-subnav{font-size:1rem;box-shadow:0 -1px 0 0 rgba(0,0,0,0.15)}.uniformNav.vertical{box-shadow:none}.uniformNav.vertical .title{font-weight:bold}.uniformNav.vertical a{display:block;padding:0.9em 1em;margin:0.1em 0}.uniformNav.vertical a:hover{color:black;background:rgba(80,81,83,0.1)}.uniformNav.vertical a.active{background:#97C848;color:white;border:none;padding:0.9em 1em}.uniformNav.vertical a:first-of-type{margin-top:0}.uniformNav.vertical a:last-of-type{margin-bottom:0}.uniformRow,.uniformTile{background:white;padding:0.5em;padding-bottom:1em;border:1px solid #cccccc;margin:0.5em 0;text-decoration:none}.uniformRow.nest,.nest.uniformTile{border-left:none;border-right:none}.uniformRow[data-href],[data-href].uniformTile{cursor:pointer}.uniformRow:hover,.uniformTile:hover{background:#ecf8fe}.uniformRow a,.uniformTile a{text-decoration:none}.uniformRow .title,.uniformTile .title{font-weight:bold}.uniformRow .subtle,.uniformTile .subtle{font-size:0.9em;color:#828487;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uniformRow img,.uniformTile img{height:auto;width:100%;display:block}.uniformRow .avatar,.uniformTile .avatar{align-self:stretch;background:#b3b3b3;position:relative}.uniformRow .avatar img,.uniformTile .avatar img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.uniformRow .avatar .fortycon,.uniformTile .avatar .fortycon{font-size:100px;color:white;opacity:0.7}.uniformRow .avatar .avatar-text,.uniformTile .avatar .avatar-text{display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center}@media only screen and (max-width: 719px){.uniformRow .avatar,.uniformTile .avatar{margin-bottom:0.5em}.uniformRow .avatar .avatar-container,.uniformTile .avatar .avatar-container{padding-top:50%;display:block}.uniformRow .name,.uniformTile .name{margin-bottom:0.5em}}@media only screen and (min-width: 720px){.uniformRow,.uniformTile{margin:0;margin-bottom:-1px;padding:0}.uniformRow>*,.uniformTile>*{padding-top:0.5em;padding-bottom:0.5em}.uniformRow>*.no-gutter,.uniformTile>*.no-gutter{padding:0}.uniformRow .avatar .fortycon,.uniformTile .avatar .fortycon{padding:0;font-size:36px}.uniformRow .avatar .avatar-text,.uniformTile .avatar .avatar-text{padding:0}}select.uniformSelect{display:none}.uniformSelect-edit{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}.uniformSelect-edit:after{color:#505153;font-size:1.3em;content:\25bc;position:absolute;top:50%;transform:translateY(-50%);right:0.3em;z-index:0}.uniformSelect-options{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:absolute;background:white;z-index:9999;box-shadow:0 0 3px 2px rgba(0,0,0,0.2);clip-path:inset(0px -10px -10px -10px)}.uniformSelect-options button{appearance:none;outline:none;border:none;background:none;width:100%;padding:0.5em}.uniformSelect-options button:hover{background:#d3eefd}.uniformSelect-options .uniformSelect-options-actions{border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;background:#f2f2f2;padding:0.5em}.uniformSelect-options .uniformSelect-show-all{color:#0994E2;background:none}.uniformSelect-options .uniformSelect-show-all:hover{background:none}.uniformSelect-options .uniformSelect-done{border-radius:0.25em;border:1px solid #cccccc;background:white}.uniformSelect-option{position:relative;padding-right:2.5em !important;cursor:pointer}.uniformSelect-option.active{box-shadow:none;color:#709239}.uniformSelect-option.active:after{color:#97C848;position:absolute;content:\2714;top:0.2em;right:0.2em;font-size:1.5em}@media only screen and (max-width: 719px){.uniformSelect-options{top:0 !important;left:0 !important;min-height:100vh;width:100%;padding:1em}.uniformSelect-options button{margin-bottom:0.5em;border:1px solid #b6b7b9}.uniformSelect-options button.uniformSelect-done{margin-bottom:0}.uniformSelect-options .uniformSelect-options-actions{margin:0 -1em}body.uniformModal-hideBody>*:not(.uniformSelect-options){position:fixed}}.table{display:table;width:100%}.table>*,.table .row>*{display:table-cell;float:none}.table>*.top,.table .row>*.top{vertical-align:top}.table>*.middle>*,.table .row>*.middle>*{vertical-align:middle}.table .row{display:table-row}.table.break>*,.table.break .row>*{display:block;float:inherit}.table.break .row{display:block}@media only screen and (max-width: 719px){.table.break-sm>*,.table.break-sm .row>*{display:block;float:inherit}.table.break-sm .row{display:block}}@media only screen and (min-width: 720px){.table.break-md>*,.table.break-md .row>*{display:block;float:inherit}.table.break-md .row{display:block}}@media only screen and (min-width: 1080px){.table.break-lg>*,.table.break-lg .row>*{display:block;float:inherit}.table.break-lg .row{display:block}}@media only screen and (min-width: 1440px){.table.break-xl>*,.table.break-xl .row>*{display:block;float:inherit}.table.break-xl .row{display:block}}.uniformTable{width:100%}.uniformTable .row>*,.uniformTable tr td,.uniformTable th{padding:0.5em;border-bottom:1px solid #cccccc}.uniformTable .head>*,.uniformTable thead th{color:#828487;border-bottom:1px solid #999999 !important}.uniformTable .head.dark>*,.uniformTable thead.dark th{background:#f7f7f7}.uniformTable tr.middle>td,.uniformTable td.middle,.uniformTable.middle>*,.uniformTable .middle{vertical-align:middle}.uniformTable tr.top>td,.uniformTable td.top,.uniformTable.top>*,.uniformTable .top{vertical-align:top}.uniformTable.hover tr:hover td{background:#ecf8fe}.uniformTable .row:last-of-type td,.uniformTable .row:last-of-type th,.uniformTable tr:last-of-type td,.uniformTable tr:last-of-type th{border-bottom:none}.uniformTable.invert .row>*,.uniformTable.invert td,.uniformTable.invert th{border-bottom-color:#696a6d}.uniformTabs{border-bottom:1px solid #d8d8d9;white-space:nowrap}.uniformTabs a{display:inline-block;margin-bottom:-1px;padding:0.5em 1em;border-bottom:2px solid transparent;color:#505153;text-decoration:none;cursor:pointer}.uniformTabs a:hover{color:#0994E2}.uniformTabs a:hover .uniformLabel.fill{background:#0994E2}.uniformTabs a.active{border-color:#709239;color:#709239}.uniformTabs a.active .uniformLabel.fill{background:#709239}.uniformTabs.center{text-align:center}.uniformTabs.border-fix{margin-bottom:-1px}.uniformTabs.invert{border-bottom-color:rgba(242,242,242,0.4)}.uniformTabs.invert a{color:white}.uniformTabs.invert a:hover{color:#A7CDF2}.uniformTabs.invert a.active{color:#BBFF00;border-color:#BBFF00}.uniformTile{margin:0;margin-bottom:-1px;margin-right:-1px;padding:1em !important}.uniformTile .avatar{padding:0}.uniformTile .avatar-container{display:block;padding-top:66%}.uniformTile.pad-more{padding:2em !important}.uniformTooltip{position:relative}.uniformTooltip .uniformTooltip-popup{position:absolute;background:white;transition:opacity 0.2s, bottom 0.2s;border:1px solid #cccccc;padding:0.5em;opacity:0;bottom:0;left:-1.5em;margin:0.5em;z-index:-1;color:#505153;font-size:0.8em;border-radius:0.25em;max-width:30vw}.uniformTooltip .uniformTooltip-popup p:last-child{margin-bottom:0}.uniformTooltip .uniformTooltip-popup.active{z-index:2;bottom:100%;opacity:1}.uniformTooltip .uniformTooltip-popup .uniformTooltip-pointer{position:absolute;top:100%;left:1em;width:1em;height:1em;overflow:hidden}.uniformTooltip .uniformTooltip-popup .uniformTooltip-pointer:after{content:"";position:absolute;width:100%;height:100%;background:white;transform:rotate(-45deg);top:-85%;left:0;border:1px solid #cccccc}
diff --git a/uniform.gemspec b/uniform.gemspec
index cf98d511..34ada928 100644
--- a/uniform.gemspec
+++ b/uniform.gemspec
@@ -3,12 +3,12 @@ $:.push File.expand_path("../lib", __FILE__)
Gem::Specification.new do |s|
s.name = "uniform-ui"
- s.version = '0.6'
+ s.version = '1.0'
s.authors = ["Ben Ehmke"]
s.email = ["benehmke@gmail.com"]
s.homepage = "http://bemky.github.io/uniform/"
s.summary = %q{Sass UI}
- s.description = %q{Sass components and defaults for building a UI that's on fleak.}
+ s.description = %q{Sass components and helpers for building a UI.}
s.license = "MIT"
s.required_ruby_version = ">= 1.9.3"
@@ -16,12 +16,6 @@ Gem::Specification.new do |s|
# Developoment
s.add_development_dependency 'rake'
- s.add_development_dependency 'bundler'
- s.add_development_dependency 'activesupport'
-
- # Runtime
- s.add_dependency 'bourbon'
- s.add_dependency 'neat'
s.files = `git ls-files`.split("\n")
s.require_path = 'lib'
diff --git a/vendor/assets/stylesheets/uniform.scss b/vendor/assets/stylesheets/uniform.scss
index b087c509..74d951a5 100644
--- a/vendor/assets/stylesheets/uniform.scss
+++ b/vendor/assets/stylesheets/uniform.scss
@@ -1,10 +1,9 @@
-@import "bourbon";
-@import 'neat';
@import 'uniform/variables';
-@import 'uniform/functions';
+
@import 'uniform/mixins';
-@import 'uniform/mixins/*';
+@import 'uniform/defaults';
@import 'uniform/helpers';
-@import 'uniform/defaults';
+@import 'uniform/helpers/*';
+
@import 'uniform/components/*';
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/base.scss b/vendor/assets/stylesheets/uniform/base.scss
new file mode 100644
index 00000000..97feaa2e
--- /dev/null
+++ b/vendor/assets/stylesheets/uniform/base.scss
@@ -0,0 +1,2 @@
+@import 'uniform/variables';
+@import 'uniform/mixins';
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/components/alert.scss b/vendor/assets/stylesheets/uniform/components/alert.scss
new file mode 100644
index 00000000..dd8b651c
--- /dev/null
+++ b/vendor/assets/stylesheets/uniform/components/alert.scss
@@ -0,0 +1,27 @@
+.uniformAlert{
+ border-radius: 0.2em;
+ border: 1px solid $gray;
+ background: white;
+ color: $gray;
+ padding: 1em;
+
+ p:last-of-type{
+ margin-bottom: 0 !important;
+ }
+
+ &.green{
+ border-color: $green;
+ color: $green-dark;
+ background: lighten($green, 40);
+ }
+ &.red{
+ border-color: $red;
+ color: $red;
+ background: lighten($red, 40);
+ }
+ &.blue{
+ border-color: $blue;
+ color: $blue-dark;
+ background: lighten($blue, 50);
+ }
+}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/components/buttons.scss b/vendor/assets/stylesheets/uniform/components/buttons.scss
index 37ce8f7d..5f704774 100644
--- a/vendor/assets/stylesheets/uniform/components/buttons.scss
+++ b/vendor/assets/stylesheets/uniform/components/buttons.scss
@@ -1,89 +1,86 @@
//----------------------------------------------------------------
// Buttons
//----------------------------------------------------------------
-.uniform-btn{
- @include appearance(none);
- @include user-select(none);
- @include linear-gradient(white, darken(white, 3));
- border:1px solid darken(white, 15);
- border-radius:3pt;
- padding: 6px 12px;
+.uniformButtonGroup a,
+.uniformButton{
+ outline: none;
+ appearance: none;
cursor: pointer;
display: inline-block;
+ text-decoration: none;
+
+ padding: 0.5em 0.75em;
vertical-align: middle;
text-align: center;
line-height:1;
- color:$gray;
+ position:relative; // for adding loaders to buttons which have position:absolute
+ transition: all 0.2s;
+ color:$gray;
+ background-color: white;
+ background-image: linear-gradient(white 33%, darken(white, 7));
+ border-radius: 0.25em;
+ border:1px solid lighten($gray, 40);
+
.fortycon{
- line-height:1em;
- vertical-align:-2px;
+ line-height:0;
+ vertical-align:-1px;
font-size:1.2em;
margin-right:3px;
- }
-
- .subtext{
- display:block;
- font-weight:300;
- text-transform:none;
+ &.end{
+ margin-right: 0;
+ margin-left: 3px;
+ }
}
&:visited{
color:$gray;
}
- &:hover, &.hover, &:focus{
- outline:none;
- color:$green-dark;
- border-color:$green;
- background-image:none !important;
- }
- &:active, &.active{
- box-shadow:inset 0 1px 2px rgba(black, 0.2);
- background-image:none !important;
- outline: none;
- }
- &:disabled, &.disabled{
- color:$gray;
- background-image:none !important;
- background:darken(white, 5);
- }
+ &:hover,
+ &:focus,
+ &.hover{
+ box-shadow: inset 0 0 10px rgba(black, 0.1);
+ }
+ &:active,
+ &.active{
+ }
+
+ &.green,
+ &.blue,
+ &.red {
+ color: white;
+ }
+ &.green { background: $green;}
+ &.blue { background: $blue;}
+ &.red { background: $red;}
+ &.green { background: $green;}
+ &.blue { background: $blue;}
+ &.red { background: $red;}
+
+
//----------------------------------------------------------------
// styles
//----------------------------------------------------------------
-
+ &.clear{
+ background: none;
+ border-color: transparent;
+ }
&.outline{
+ border-color: $gray;
background:none !important;
text-shadow:none !important;
&.dashed{
border-style:dashed;
}
}
- &.dashed {
- border-style: dashed;
- }
- &.circle{
- border-radius:2em;
- }
- &.subtle, &.uniform-btn-xs{
- padding: 0.05em 0.5em;
- }
- &.small, &.uniform-btn-sm{
- padding: 0.1em 0.5em;
+ &.small{
+ padding: 0.3em 0.5em;
font-size: 0.8em;
- vertical-align: top;
- display: inline-block;
}
- &.large, &.uniform-btn-lg{
- padding: 1.2em 2.4em;
- text-transform:uppercase;
- letter-spacing:1px;
+ &.large{
+ padding: 1em 2em;
font-weight:bold;
- font-size: 110%;
- &.form-control{
- padding-top: 0;
- padding-bottom:0;
- }
.fortycon{
line-height:0.5em;
vertical-align:-6px;
@@ -92,55 +89,69 @@
font-weight:normal;
}
}
+
&.warn:hover{
border-color:$red;
background: $red;
+ color: white;
+ &.clear{
+ color: $red;
+ background: none;
+ }
&.outline{
color: $red;
+ border-color: lighten($gray, 30);
}
}
- &.block, &.uniform-btn-block{
- padding-left:5px !important;
- padding-right:5px !important;
+
+ &.block{
+ padding-left:0.5em !important;
+ padding-right:0.5em !important;
display:block;
width:100%;
}
+
+
//----------------------------------------------------------------
// colors
//----------------------------------------------------------------
- &.green, &.uniform-btn-primary{
- @include linear-gradient(lighten($green, 5), darken($green, 3));
- border-color:darken($green, 5);
- color:white;
- text-shadow:0 -1px 0 rgba($green-dark, 0.5);
+
+ &.green{
+ background-color: darken($green, 3);
+ background-image: linear-gradient(lighten($green, 5), darken($green, 3));
+ border-color: darken($green, 3);
+
&.outline{
+ border-color: $green-dark;
color:$green-dark;
- &.inv{
- color:$green-light;
- }
- }
- &:hover, &.hover{
- background:$green-dark;
- border-color:darken($green-dark, 5);
- &.inv{
- border-color:$green-light;
- }
}
}
- &.red, &.uniform-btn-danger{
- @include linear-gradient($red, darken($red, 3));
- border-color:darken($red, 5);
+
+ &.green,
+ &.red,
+ &.blue{
color:white;
+ text-shadow:0 1px 2px rgba(black, 0.1);
+ }
+
+ &.red{
+ background-color: darken($red, 3);
+ background-image: linear-gradient($red, darken($red, 3));
+ border-color: darken($red, 3);
&.outline{
color:$red-dark;
+ border-color:$red-dark;
}
}
- &.blue, &.uniform-btn-danger{
- @include linear-gradient($blue, darken($blue, 3));
- border-color:$blue;
- color:white;
+
+ &.blue{
+ background-color: darken($blue, 3);
+ background-image: linear-gradient($blue, darken($blue, 3));
+ border-color:darken($blue, 3);
+
&.outline{
color:$blue;
+ border-color: $blue;
}
}
&.white{
@@ -149,15 +160,53 @@
border-color:white;
}
}
- &.warning{
+
+ &.gray{
+ color: lighten($gray, 20);
&.outline{
- &:hover{
- color:$red;
- border-color:$red;
- }
+ color: lighten($gray, 20);
+ border-color: lighten($gray, 30);
}
}
+
+ &:disabled,
+ &.disabled,
+ &:disabled:hover,
+ &.disabled:hover{
+ cursor: not-allowed;
+ color:lighten($gray, 40);
+ background-image:none !important;
+ background-color: darken($background, 10);
+ border-color: lighten($gray, 40);
+ text-shadow: none;
+ }
}
-span.uniform-btn{
+span.uniformButton{
cursor: auto;
+}
+a.uniformButton{
+ user-select: none;
+}
+
+.uniformButtonGroup {
+ font-size: 0;
+ a{
+ font-size: 1rem;
+ position:relative;
+ z-index: 1;
+ margin-right: -1px;
+ border-radius: 0;
+ &:last-of-type{
+ border-radius: 0 0.25em 0.25em 0;
+ }
+ &:first-of-type{
+ border-radius: 0.25em 0 0 0.25em;
+ }
+ &.active{
+ background-color: darken($green, 3);
+ background-image: linear-gradient(lighten($green, 5), darken($green, 3));
+ border-color: darken($green, 3);
+ color: white;
+ }
+ }
}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/components/card.scss b/vendor/assets/stylesheets/uniform/components/card.scss
index 0a1599ca..379a1265 100644
--- a/vendor/assets/stylesheets/uniform/components/card.scss
+++ b/vendor/assets/stylesheets/uniform/components/card.scss
@@ -1,82 +1,84 @@
-.uniform-card{
- overflow:hidden;
- background:white;
- border:1px solid darken($background, 10);
- border-bottom-color:darken($background, 20);
- border-right-color:darken($background, 20);
- border-radius:3px;
- margin:10px 0;
- &.selected{
- border-color:$blue;
- box-shadow:0 0 3px $blue;
+$padding: 0.5em;
+.uniformCard{
+ background: white;
+ border: 1px solid $gray-light;
+ border-radius: 0.25em;
+ margin-bottom: 1em;
+ &.width-auto{
+ display:inline-block;
}
- .uniform-card-actions{
- .fortycon{
- margin-right:0;
+ &.clip{
+ overflow:hidden;
+ }
+ .un-pad{
+ margin-left: -0.5em;
+ margin-right: -0.5em;
+ }
+ .uniformCard-header,
+ .uniformCard-footer{
+ padding: $padding;
+ }
+ .uniformCard-header{
+ border-bottom: 1px solid $gray-light;
+ .fortycon.arrow_down_large{
+ transition: all 0.2s;
}
- .delete{
- margin-left:20px;
- .fortycon{
- width:14px;
+ }
+ .uniformCard-footer{
+ border-top: 1px solid $gray-light;
+ clear: both;
+ }
+ .uniformCard-body{
+ padding: $padding;
+ }
+ .uniformCard-collapse{
+ max-height: 0;
+ overflow: hidden;
+ transition: max-height 0.2s;
+ }
+ &.expanded{
+ .uniformCard-header {
+ .fortycon.arrow_down_large{
+ transform: rotate(180deg);
}
}
- .select{
- margin-bottom:0;
- input{
- font-size:2em;
- }
+ .uniformCard-collapse{
+ max-height: 9999px;
}
}
- .uniform-card-avatar{
- float:left;
- }
- .uniform-card-container{
- overflow:hidden;
- }
- .uniform-card-title{
- display:table;
- width: 100%;
- border-bottom:1px solid darken(white, 15);
- & > * {
- display: table-cell;
- padding:10px 20px;
+ &.uniformCard-accordion{
+ margin: 0;
+ margin-bottom:-1px;
+ border-radius: 0;
+ &:first-of-type{
+ border-top-left-radius: 0.25em;
+ border-top-right-radius: 0.25em;
}
- .title{
- text-transform:uppercase;
- font-weight:bold;
- color:lighten($gray, 20);
+ &:last-of-type{
+ border-bottom-left-radius: 0.25em;
+ border-bottom-right-radius: 0.25em;
}
- .actions{
- text-align:right;
- .uniform-btn{
- margin-top: -5px;
- margin-bottom: -5px;
+ .uniformCard-header{
+ cursor: pointer;
+ border-bottom-style: none;
+ &:hover{
+ background: lighten($blue, 50);
}
}
- }
- .uniform-card-body{
- padding:10px 20px;
- }
- .uniform-card-attributes{
- display:table;
- & > * {
- display:table-row;
- & > * {
- display:table-cell;
- padding:7px 0;
- border-bottom:1px solid darken(white, 15);
- }
- &:last-child > *{
- border-bottom:none;
+ &.expanded{
+ margin: 1em 0;
+ border-radius: 0.25em;
+ &:first-of-type{
+ margin-top:0;
}
- & > *:first-child{
- font-weight:bold;
- font-size:0.8em;
- padding-right:20px;
- @include text-overflow;
+ &:last-of-type{
+ margin-bottom:0;
}
- & > *:last-child{
- width:100%;
+ .uniformCard-header{
+ border-bottom-style: solid;
+ &:hover{
+ background: none;
+ }
}
}
}
diff --git a/vendor/assets/stylesheets/uniform/components/dropdown.scss b/vendor/assets/stylesheets/uniform/components/dropdown.scss
new file mode 100644
index 00000000..4d105d88
--- /dev/null
+++ b/vendor/assets/stylesheets/uniform/components/dropdown.scss
@@ -0,0 +1,69 @@
+.uniformDropdown{
+ cursor: pointer;
+}
+.uniformDropdown-dropdown{
+ position: absolute;
+ z-index: 9999;
+ background: white;
+ border-top: white;
+ button{
+ appearance: none;
+ outline: none;
+ border: none;
+ background: none;
+ width: 100%;
+ padding: 0.5em;
+ display: block;
+ &:hover{
+ background: lighten($blue, 45);
+ }
+ }
+ &.absolute{
+ box-shadow: 0 0 3px 2px rgba(black, 0.2);
+ }
+ .uniformDropdown-pointer{
+ @include media($md){
+ position:absolute;
+ bottom: 100%;
+ left: 50%;
+ margin-left: -1em;
+ width: 2em;
+ height: 2em;
+ overflow: hidden;
+ &:after{
+ content: "";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background: white;
+ transform: rotate(-45deg);
+ top: 85%;
+ left: 0;
+ box-shadow: 0 1px 3px 2px rgba(black, 0.2);
+ }
+ }
+ }
+ &.has-pointer{
+ @include media($md){
+ margin-top:1em;
+ }
+ }
+}
+
+@include media($sm){
+ .uniformOverlay{
+ position: fixed;
+ top:0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: white;
+ z-index: 9998;
+ }
+ .uniformDropdown-dropdown{
+ left: 0 !important;
+ top: 0 !important;
+ box-shadow: none !important;
+ width: 100%;
+ }
+}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/components/form.scss b/vendor/assets/stylesheets/uniform/components/form.scss
index 4fcc3986..0fa79c50 100644
--- a/vendor/assets/stylesheets/uniform/components/form.scss
+++ b/vendor/assets/stylesheets/uniform/components/form.scss
@@ -1,107 +1,290 @@
-@import "inputs";
-.uniform-form{
- .uniform-form-section{
- background:white;
- border:1px solid darken($background, 10);
+div.uniformInputGroup{
+ background: white;
+ border: 1px solid lighten($gray, 40);
+ display: flex;
+ align-items: center;
+ transition: box-shadow 0.2s ease-in;
+ &>*{
+ flex: 0 1 auto;
+ }
+ input{
+ border: none !important;
+ background:none;
+ appearance: none;
+ outline: none;
display:block;
- overflow:hidden; // prolly need to remove
- margin-bottom:20px;
- }
- .uniform-form-section-head{
- background:darken(white, 3);
- overflow:hidden;
- padding: 10px 15px;
- border-bottom:1px solid darken($background, 10);
- & > * {
- margin: 0;
+ width: 100%;
+ border-radius: 0 !important;
+ &:focus{
+ box-shadow: none;
}
- h1,h2,h3,h4,h5,h6{
- margin: 0;
- display:inline-block;
+ }
+ .input{
+ padding: 0;
+ flex: 1 1 auto;
+ }
+ &>*:not(input){
+ padding: 0 0.5em;
+ &.pad-tiny{
+ padding: 0 0.25em;
}
}
- .uniform-form-section-foot{
- background:darken(white, 3);
- border-top:1px solid darken($background, 10);
- text-align:center;
- padding: 10px 15px;
+ &.focus{
+ box-shadow: inset 0 -2px 0 $green;
}
- .row{
- .uniform-form-group{
- margin-top:10px;
- margin-bottom:10px;
+ .label{
+ color: lighten($gray, 20);
+ }
+ @include media($sm){
+ input{
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
}
}
- .uniform-form-group{
- margin-bottom:0;
- .has-error > label,
- & > label{
- display:block;
- &:not(:first-of-type) {
- margin-top: 20px;
+ &.border-none{
+ border: none;
+ }
+}
+
+select.uniformInput,
+textarea.uniformInput,
+input.uniformInput,
+button.uniformInput,
+.uniformInput input,
+.uniformForm #{$text-inputs},
+.uniformForm textarea{
+ font-family: $system-font;
+ border:1px solid lighten($gray, 40);
+ padding: 0.5em;
+ line-height: 1.3;
+ outline: none;
+ appearance: none;
+ transition: box-shadow 0.2s ease-in;
+ &:focus{
+ box-shadow: inset 0 -2px 0 $green;
+ }
+ &.block{
+ width: 100%;
+ max-width: 100%;
+ }
+ @include media($sm){
+ font-size: 1.142em;
+ }
+ &.pad-more{
+ padding: 1em;
+ }
+ &.large{
+ font-size:1.2em;
+ }
+}
+select.uniformInput{
+ color: $gray;
+ background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNy4xNjdweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjcuMTY3IDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNy4xNjcgMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIGlkPSJpY29tb29uLWlnbm9yZSI+PC9nPjxwYXRoIGZpbGw9IiM1MDUxNTMiIGQ9Ik0xNiwxMWMwLDAuMjcxLTAuMSwwLjUwNS0wLjI5NywwLjcwM2wtNyw3QzguNTA1LDE4LjksOC4yNzEsMTksOCwxOXMtMC41MDUtMC4xLTAuNzAzLTAuMjk3bC03LTdDMC4wOTksMTEuNTA1LDAsMTEuMjcxLDAsMTFzMC4wOTktMC41MDUsMC4yOTctMC43MDNDMC40OTUsMTAuMDk5LDAuNzI5LDEwLDEsMTBoMTRjMC4yNzEsMCwwLjUwNSwwLjA5OSwwLjcwMywwLjI5N0MxNS45LDEwLjQ5NSwxNiwxMC43MjksMTYsMTF6Ii8+PC9zdmc+);
+ background-position: center right;
+ background-repeat: no-repeat;
+ background-size: auto 40%;
+ position: relative;
+ border-radius: 0;
+ padding-right: 1.5em !important;
+}
+button.uniformInput{
+ background: white;
+ @include text-overflow;
+}
+
+.uniformError{
+ position:relative;
+ border-color: $red;
+ color: $red;
+ input{
+ border-color: $red !important;
+ }
+}
+
+.uniformErrorMessage{
+ color: $red;
+ font-size:11px;
+ line-height: 1.1;
+}
+
+@mixin uniformForm-table{
+ display: table;
+ width: 100%;
+ .form-group{
+ display: table-row;
+ & > * {
+ display: table-cell;
+ &.fill{
+ width: 100%;
}
}
- .has-error > #{$text-inputs},
- & > #{$text-inputs},
- textarea {
- @include uniform-input;
- width:100%;
- }
- .has-error > #{$text-inputs}{
- &:focus{
- box-shadow:inset 0 -3px 0 $red;
+ & > label,
+ & > div,
+ & > span {
+ padding-bottom: 1em;
+ padding-right: 0.5em;
+ &:last-child{
+ padding-right: 0;
}
}
- .has-error > select,
- & > select{
- position:relative;
- z-index:1;
- @include appearance(none);
- outline: 1px;
- cursor:pointer;
- text-indent: 1px;
- text-overflow: ellipsis;
- font-family:$helvetica;
- border:1px solid $gray-light;
- margin:0;
- padding: 5px;
- padding-right: 20px;
- line-height:1.2;
- min-height: 30px;
+ }
+}
+
+.uniformForm{
+ .form-group{
+ position: relative;
+ margin-bottom: 0.9em;
+ label{
+ font-weight:bold;
+ display:block;
+ }
+ &.collapse{
+ margin-bottom: 0;
+ }
+ }
+ [data-error-message]{
+ position: relative;
+ color: $red;
+ input{
+ border-color: $red !important;
+ }
+ &::after{
+ content: attr(data-error-message);
+ color: $red;
+ position: absolute;
+ bottom: -7px;
+ left: 1em;
+ border: 1px solid $red;
background: white;
- border-radius:0;
- background: url(asset_path('arrow_down_large.svg')) no-repeat;
- background-size: 10px 10px;
- background-position:right 5px center;
- width: 100%;
- &:focus{
- border-color: $blue;
- }
+ font-size:11px;
+ line-height: 14px;
+ @include text-overflow;
+ padding: 0 0.5em;
+ max-width: 100%;
}
- .inline-input{
- width:100%;
- select{
- background:none;
- }
- &.active{
- box-shadow:none;
- border-color: $blue;
- }
- .add-on{
- width: 30px;
- border-right:none;
+ }
+ select.uniformInput,
+ #{$text-inputs},
+ textarea{
+ display:block;
+ width: 100%;
+ max-width: 100%;
+ }
+
+ .uniformForm-table,
+ &.uniformForm-table{
+ @include uniformForm-table;
+ }
+
+ &.invert{
+ #{$text-inputs},
+ textarea,
+ .uniformCheckboxCollection.inline,
+ .uniformCheckboxCollection.inline-md{
+ border-color: $gray;
+ border-radius: 0.25em;
+ }
+ .has-error{
+ color: $red-bright;
+ }
+ .uniformInputGroup{
+ overflow: hidden;
+ border-color: $gray;
+ border-radius: 0.25em;
+ }
+ }
+}
+@include apply-media-sizes('.uniformCheckboxCollection'){
+ label{
+ display:block;
+ margin-right: 1em;
+ font-weight: normal;
+ input{
+ margin-right: 0.25em;
+ }
+ }
+ &.inline{
+ color: $gray;
+ border:1px solid lighten($gray, 40);
+ background: white;
+ display: flex;
+ align-items: center;
+ label{
+ margin-right: 0;
+ padding: 0.5em;
+ line-height: 1.3;
+ flex: 1 1 auto;
+ border-left: 1px solid lighten($gray, 40);
+ text-align: center;
+ &:first-of-type{
+ border-left:none;
}
}
}
- .has-error {
+}
+@include apply-media-sizes('.uniformForm-table'){
+ @include uniformForm-table;
+}
+
+.uniformFloatingLabel{
+ display: flex;
+ align-items: center;
+ border: 1px solid lighten($gray, 40);
+ position:relative;
+ background:white;
+ &>*{
+ flex: 0 1 auto;
+ }
+ label{
+ z-index: 1;
+ padding: 0 1em;
+ font-weight:normal !important;
+ }
+ & > input,
+ & > textarea,
+ & > select,
+ & > .uniformInputGroup{
+ position:relative;
+ display:block;
+ width: 100%;
+ border:none !important;
+ background:none;
+ }
+ & > select {
+ z-index: 2;
+ }
+ & > .uniformInputGroup{
+ display: flex;
+ }
+
+ &.enabled{
label{
- color: $red !important;
+ transition: font-size 0.1s, line-height 0.1s, opacity 0.1s;
+ }
+ }
+
+ &.inactive{
+ input,
+ textarea,
+ select{
+ &::placeholder{
+ color: transparent;
+ }
}
- #{$text-inputs}, textarea{
- border-color:$red !important;
+ }
+ &.float{
+ label{
+ font-size: 80%;
+ opacity: 0.8;
}
- .select2 .select2-selection{
- border-color:$red !important;
+ }
+ &.active{
+ label{
+ color: $green-dark;
+ opacity: 1;
}
}
+ input.pad-more{
+ padding: 1em;
+ }
}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/components/grid.scss b/vendor/assets/stylesheets/uniform/components/grid.scss
index acde4687..f783bb7f 100644
--- a/vendor/assets/stylesheets/uniform/components/grid.scss
+++ b/vendor/assets/stylesheets/uniform/components/grid.scss
@@ -1,107 +1,225 @@
-//
-// Grid system
-// --------------------------------------------------
-
-
-// Container widths
-//
-// Set the container width, and override it for fixed navbars in media queries.
-.container {
- @include container-fixed;
-
- @include media ($min-sm) {
- width: $container-sm;
- }
- @include media ($min-md) {
- width: $container-md;
- }
- @include media ($min-lg) {
- width: $container-lg;
- }
- &::after{
- content: "";
- clear: both;
- display:block;
- }
+$grid-columns: 12;
+$grid-gutter: 1em;
+
+.container{
+ max-width: 100%;
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+// @include media($md) {
+// padding: 0;
+// max-width: 720px;
+// }
+ @include media($lg) {
+ max-width: 1080px;
+ }
+ @include media($xl) {
+ max-width: 1440px;
+ }
}
+@mixin grid{
+ display: flex;
+ flex-wrap: wrap;
+
+ &.grid-h-left {justify-content: flex-start;}
+ &.grid-h-center {justify-content: center;}
+ &.grid-h-right {justify-content: flex-end;}
+ &.grid-h-around {justify-content: space-around;}
+ &.grid-h-between {justify-content: space-between;}
+
+ &.grid-v-top {align-content: flex-start;}
+ &.grid-v-center {align-content: center;}
+ &.grid-v-bottom {align-content: flex-end;}
+ &.grid-v-around {align-content: space-around;}
+ &.grid-v-between {align-content: space-between;}
+ &.grid-v-stretch {align-content: space-stretch;}
+
+ &.grid-center {align-items: center;}
+ &.grid-top {align-items: flex-start;}
+ &.grid-bottom {align-items: flex-end;}
+ &.grid-stretch {align-items: stretch;}
+ &.grid-nowrap {flex-wrap:nowrap;}
+
+ &.grid-vertical{
+ flex-direction: column;
+ .col,
+ [class*="col-"]{
+ padding-left: 0;
+ padding-right: 0;
+ padding-top: $grid-gutter;
+ padding-bottom: $grid-gutter;
+ &:first-child{
+ padding-top: 0;
+ }
+ &:last-child{
+ padding-bottom: 0;
+ }
+ }
+ }
+
+ &.no-wrap{
+ flex-wrap:nowrap;
+ }
+
+ &.no-gutter{
+ .col,
+ [class*="col-"]{
+ padding-left: 0;
+ padding-right: 0;
+ }
+ }
+
+ &.nest{
+ margin-left: -$grid-gutter;
+ margin-right: -$grid-gutter;
+ @include media($sm) {
+ margin-left: -$grid-gutter/2;
+ margin-right: -$grid-gutter/2;
+ }
+ .col,
+ [class*="col-"]{
+ &:first-child{
+ padding-left: $grid-gutter/2;
+ }
+ &:last-child{
+ padding-right: $grid-gutter/2;
+ }
+ @include media($md){
+ &:first-child{
+ padding-left:$grid-gutter;
+ }
+ &:last-child{
+ padding-right: $grid-gutter;
+ }
+ }
+ }
+ }
+
+ .col,
+ [class*="col-"]{
+ position: relative;
+ padding-left: $grid-gutter/2;
+ padding-right: $grid-gutter/2;
+ &:first-child{
+ padding-left: 0;
+ }
+ &:last-child{
+ padding-right: 0;
+ &.pad{
+ padding-right: $grid-gutter/2;
+ }
+ }
+ &.no-gutter{
+ padding-left: 0;
+ padding-right: 0;
+ }
+ @include media($md){
+ padding-left:$grid-gutter;
+ padding-right: $grid-gutter;
+ &:last-child{
+ &.pad{
+ padding-right: $grid-gutter;
+ }
+ }
+ }
-// Fluid container
-//
-// Utilizes the mixin meant for fixed width containers, but without any defined
-// width for fluid, full width layouts.
-
-.container-fluid {
- @include container-fixed;
- &::after{
- content: "";
- clear: both;
- display:block;
- }
+ &.col-center {align-self: center;}
+ &.col-top {align-self: flex-start;}
+ &.col-bottom {align-self: flex-end;}
+ &.col-stretch {align-self: stretch;}
+ }
}
-
-// Row
-//
-// Rows contain and clear the floats of your columns.
-
-.row {
- @include make-row;
+.grid{
+ @include grid;
}
-
-// Columns
-//
-// Common styles for small and large grid columns
-
-@include make-grid-columns;
-
-
-// Extra small grid
-//
-// Columns, offsets, pushes, and pulls for extra small devices like
-// smartphones.
-
-@include make-grid(xs);
-
-
-// Small grid
-//
-// Columns, offsets, pushes, and pulls for the small device range, from phones
-// to tablets.
-
-@include media ($min-sm) {
- @include make-grid(sm);
+// fix for IE https://codepen.io/anon/pen/gxNraR
+.grid-min-height-fix{
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ .grid{
+ width: 100%;
+ }
}
-
-// Medium grid
-//
-// Columns, offsets, pushes, and pulls for the desktop device range.
-
-@include media ($min-md) {
- @include make-grid(md);
+.col{
+ flex: 0 1 auto;
+ max-width: 100%;
}
-
-
-// Large grid
-//
-// Columns, offsets, pushes, and pulls for the large desktop device range.
-
-@include media ($min-lg) {
- @include make-grid(lg);
+.col-fill{
+ flex: 1 1 auto;
+ max-width: 100%;
+}
+@for $i from 1 through $grid-columns {
+ .col-#{$i} {
+ flex: 0 0 #{($i / $grid-columns * 100) + "%"};
+ max-width: #{($i / $grid-columns * 100) + "%"};
+ }
+ .col-offset-#{$i} {
+ margin-left: #{($i / $grid-columns * 100) + "%"};
+ }
+ .col-push-#{$i} {
+ position:relative;
+ left: #{($i / $grid-columns * 100) + "%"};
+ }
+ .col-pull-#{$i} {
+ position:relative;
+ right: #{($i / $grid-columns * -100) + "%"};
+ }
+ .col-fill-#{$i}{
+ flex: #{$i};
+ }
}
-.row.dividers{
- & > div {
- border-right: 1px solid $gray-light;
- border-left: 1px solid $gray-light;
- margin-right: -1px;
- &:first-of-type{
- border-left: none;
+@each $name, $size in ('sm', $sm) ('md', $md) ('lg', $lg) ('xl', $xl) {
+ .show-#{$name}{
+ display:none !important;
+ }
+ @include media($size){
+ .grid-#{$name}{
+ @include grid;
+ }
+ .text-col-2-#{$name}{
+ column-count: 2;
+ column-gap: 5em;
}
- &:last-of-type{
- border-right: none;
+ .show-#{$name}{
+ display:inherit !important;
+ &.block{
+ display:block !important;
+ }
+ }
+ .hide-#{$name}{
+ display:none !important;
+ }
+ .col-#{$name}{
+ flex: 0 1 auto;
+ max-width: 100%;
+ }
+ .col-fill-#{$name}{
+ flex: 1 1 auto;
+ }
+
+ @for $i from 1 through $grid-columns {
+ .col-#{$i}-#{$name} {
+ flex: 0 0 #{($i / $grid-columns * 100) + "%"};
+ max-width: #{($i / $grid-columns * 100) + "%"};
+ }
+ .col-offset-#{$i}-#{$name} {
+ margin-left: #{($i / $grid-columns * 100) + "%"};
+ }
+ .col-push-#{$i}-#{$name} {
+ left: #{($i / $grid-columns * 100) + "%"};
+ }
+ .col-pull-#{$i}-#{$name} {
+ right: #{($i / $grid-columns * 100) + "%"};
+ }
}
}
-}
\ No newline at end of file
+}
+
diff --git a/vendor/assets/stylesheets/uniform/components/inputs.scss b/vendor/assets/stylesheets/uniform/components/inputs.scss
deleted file mode 100644
index c3dcd2f0..00000000
--- a/vendor/assets/stylesheets/uniform/components/inputs.scss
+++ /dev/null
@@ -1,134 +0,0 @@
-@mixin uniform-select {
- position:relative;
- select{
- @include appearance(none);
- position:relative;
- z-index:1;
- outline: 1px;
- cursor:pointer;
- text-indent: 1px;
- text-overflow: ellipsis;
- font-family:$helvetica;
- border:1px solid lighten($gray, 20);
- padding: 0.3em 0.5em;
- padding-right:1.7em;
- background: white;
- border-radius:0;
- background:none;
- }
- &:after{
- color:lighten($gray, 20);
- font-size:1em;
- font-family: $fortycons;
- content:$fortycon-arrow-down-large;
- @include vertical-middle();
- right:0.3em;
- z-index:0;
- }
- &:focus{
- border-color: $blue;
- }
-}
-.uniform-select{
- @include uniform-select;
-}
-
-@mixin uniform-input {
- @include appearance(none);
- outline:none;
- border:1px solid darken($background, 10);
- display:inline-block;
- padding:7px;
- @include transition(box-shadow 0.2s ease-in);
- &:focus{
- border-color: $green;
- box-shadow:inset 0 -3px 0 $green;
- }
- &.large{
- padding: 10px;
- font-size:1.3em;
- font-weight:300;
- }
-}
-.uniform-input{
- @include uniform-input;
-}
-
-//----------------------------------------------------------------
-// inline-input
-//----------------------------------------------------------------
-.inline-input{
- display:table;
- background:white;
- overflow:hidden;
- border:1px solid darken(white, 15);
- border-top-color:darken(white, 20);
- &:focus{
- background: red;
- }
- &.block{
- &>*{
- width: 100%;
- }
- }
- &>*{
- display:table-cell;
- vertical-align:middle;
- float:none;
- &.top{
- vertical-align:top;
- }
- }
-
- #{$text-inputs},
- .textbox,
- textarea {
- @include appearance(none);
- outline: none;
- padding:10px;
- box-shadow: none;
- border:none;
- width:100%;
- }
- #{$text-inputs},
- textarea,
- .textbox,
- select{
- &:disabled{
- color:lighten($gray, 20);
- font-style:italic;
- }
- }
- select{
- width:100%;
- border:none;
- margin:0;
- margin-top:1px;
- height:37px;
- line-height:37px;
- background:none;
- }
- label{
- margin:0;
- font-weight:bold;
- padding:5px;
- width:100%;
- font-size:0.8em;
- }
- .label,
- .add-on,
- .units{
- white-space:nowrap;
- width:auto;
- padding-left: 7px;
- padding-right: 7px;
- color:lighten(black, 50);
- }
- &.active{
- box-shadow: 0 0 3px 1px $green;
- border-color:$green;
- }
- &.error{
- border-color:$red;
- }
-}
diff --git a/vendor/assets/stylesheets/uniform/components/label.scss b/vendor/assets/stylesheets/uniform/components/label.scss
index 9c33e46b..f8903b5e 100644
--- a/vendor/assets/stylesheets/uniform/components/label.scss
+++ b/vendor/assets/stylesheets/uniform/components/label.scss
@@ -1,41 +1,63 @@
-.uniform-label{
- padding: 0.1em 0.5em;
- font-size:0.9em;
- font-weight:bold;
- color: white;
- background: $gray;
+.uniformLabel{
+ display:inline-block;
+ vertical-align:baseline;
+ font-size: 0.8em;
+ padding: 0.0714em 0.357em 0.0714em;
+ border: 0.1em solid $gray;
+ color: $gray;
border-radius: 0.3em;
- border: 1px solid $gray;
- &.green{
- background: $green;
- }
- &.red{
- background: $red;
+ &.fill{
+ border: none;
+ background: lighten($gray, 20);
+ color: white;
}
- &.yellow{
- background: $yellow;
+ &.pad-more{
+ padding: 0.0714em 0.5em;
}
- &.blue{
- background: $blue;
- }
- &.outline{
- background:none;
- color: $gray;
- &.green{
- border-color: $green;
- color: $green;
+ // TODO remove spire specific statuses
+ &.deleted,
+ &.red{
+ border-color: $red;
+ color: $red;
+ &.fill{
+ background: $red;
}
- &.red{
- border-color: $red;
- color: $red;
+ }
+
+ &.approved,
+ &.accepted,
+ &.active,
+ &.green{
+ border-color: $green-dark;
+ color: $green-dark;
+ &.fill{
+ background: $green-dark;
}
- &.yellow{
- border-color: $yellow;
- color: $yellow;
+ }
+
+ &.missed,
+ &.expired,
+ &.leased,
+ &.yellow,
+ &.initiated,
+ &.nurturing{
+ border-color: $yellow-dark;
+ color: $yellow-dark;
+ &.fill{
+ background: $yellow-dark;
}
- &.blue{
- border-color: $blue;
- color: $blue;
+ }
+ &.muted,
+ &.closed{
+ border-color: lighten($gray, 30);
+ color: lighten($gray, 30);
+ }
+
+ &.blue{
+ border-color: $blue;
+ color: $blue;
+ &.fill{
+ background: $blue;
}
}
}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/components/lists.scss b/vendor/assets/stylesheets/uniform/components/lists.scss
deleted file mode 100644
index 219bf24c..00000000
--- a/vendor/assets/stylesheets/uniform/components/lists.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-ul.uniform-list{
- list-style:none;
- margin: 0;
- padding: 0;
-}
-ul.uniform-checks,
-ol.uniform-step,
-ul.uniform-icons {
- list-style:none;
- margin: 0;
- padding: 0;
- li{
- margin: 0.2em 0;
- text-indent: -2em;
- margin-left: 2em;
- &:before{
- margin-right: 0.5em;
- }
- }
-}
-
-ol.uniform-step{
- counter-reset: item;
- li {
- counter-increment: item;
- &:before{
- content: counter(item);
- color:$green;
- font-size:1em;
- border-radius:50%;
- border:0.15em solid $green;
- width:1.35em;
- height:1.35em;
-
- font-weight:normal;
- line-height:1.1;
- text-align:center;
- text-indent: 0;
-
- display:inline-block;
- margin-right: 0.5em;
- }
- }
-}
-
-ul.uniform-checks {
- li {
- &:before {
- font-family: $fortycons;
- content: $fortycon-check;
- color: $green;
- font-size:1.3em;
- vertical-align: -0.1em;
- }
- }
-}
-
-ul.uniform-icons {
- li {
- &:before {
- font-family: $fortycons;
- content: attr(data-icon);
- font-size:1.3em;
- vertical-align: -0.1em;
- }
- }
-}
diff --git a/vendor/assets/stylesheets/uniform/components/loaders.scss b/vendor/assets/stylesheets/uniform/components/loaders.scss
index fb9c63dd..709837bd 100644
--- a/vendor/assets/stylesheets/uniform/components/loaders.scss
+++ b/vendor/assets/stylesheets/uniform/components/loaders.scss
@@ -1,34 +1,36 @@
.uniform-loader{
+ font-size:2em;
+ line-height:1em;
display:inline-block;
.uniform-loader-container{
letter-spacing:-.05em;
white-space:nowrap;
span{
- font-size:2em;
- line-height:1em;
color:rgba(black, 1);
- @include animation(uniform-loader 1s infinite linear);
- @include animation-delay(.4s);
+ text-shadow:-1px -1px 0 rgba(#FFFFFF, .2);
+ animation: uniform-loader-light 1s infinite linear;
+ animation-delay: 0.2s;
}
span:first-of-type{
- @include animation-delay(.2s);
+ animation-delay: 0s;
}
span:last-of-type{
- @include animation-delay(.6s);
+ animation-delay: 0.4s;
}
}
&.light{
.uniform-loader-container{
span{
color:rgba(white, 1);
- @include animation(uniform-loader-light 1s infinite linear);
- @include animation-delay(.4s);
+ text-shadow:-1px -1px 0 rgba(black, .2);
+ animation: uniform-loader 1s infinite linear;
+ animation-delay: 0.2s;
}
span:first-of-type{
- @include animation-delay(.2s);
+ animation-delay: 0s;
}
span:last-of-type{
- @include animation-delay(.6s);
+ animation-delay: 0.4s;
}
}
}
@@ -49,14 +51,32 @@
background:rgba(black, .5);
}
}
+ &.top{
+ .uniform-loader-container{
+ top: 20px;
+ }
+ }
}
-@include keyframes (uniform-loader) {
- 0%{ color:rgba(black, 1); }
- 25%{ color:rgba(black, 0.2); }
- 100%{ color:rgba(black, 0.2); }
+@keyframes uniform-loader {
+ 0% {
+ color: rgba(255, 255, 255, 0);
+ }
+ 25% {
+ color: white;
+ }
+ 100% {
+ color: white;
+ }
}
-@include keyframes (uniform-loader-light) {
- 0%{ color:rgba(white, 1); }
- 25%{ color:rgba(white, 0.2); }
- 100%{ color:rgba(white, 0.2); }
+
+@keyframes uniform-loader-light {
+ 0% {
+ color: black;
+ }
+ 25% {
+ color: rgba(0, 0, 0, 0.2);
+ }
+ 100% {
+ color: rgba(0, 0, 0, 0.2);
+ }
}
diff --git a/vendor/assets/stylesheets/uniform/components/modal.scss b/vendor/assets/stylesheets/uniform/components/modal.scss
new file mode 100644
index 00000000..8429c42b
--- /dev/null
+++ b/vendor/assets/stylesheets/uniform/components/modal.scss
@@ -0,0 +1,51 @@
+.uniformModal-overlay{
+ position:fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ opacity: 0.6;
+ background: black;
+}
+.uniformModal{
+ position: absolute;
+ top: 0;
+ width: 100%;
+ text-align:center;
+ padding: 2em;
+}
+
+.uniformModal-container{
+ display:inline-block;
+ text-align:left;
+ position:relative;
+ margin: auto;
+ background: white;
+ border-radius: 0.25em;
+ max-width: 90%;
+ &.fill{
+ width: 90%;
+ }
+}
+
+.uniformModal-close{
+ position: absolute;
+ padding: 0.3em;
+ top: -2rem;
+ right: -2rem;
+ font-size:1.5em;
+ color: white;
+ opacity: 0.5;
+ line-height:1;
+ cursor: pointer;
+ &:hover{
+ opacity: 1;
+ }
+}
+
+.uniformModal-blur{
+ filter: blur(4px);
+}
+body.uniformModal-active{
+ background: $gray-dark;
+}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/components/nav.scss b/vendor/assets/stylesheets/uniform/components/nav.scss
index 41922597..79b5be7b 100644
--- a/vendor/assets/stylesheets/uniform/components/nav.scss
+++ b/vendor/assets/stylesheets/uniform/components/nav.scss
@@ -1,120 +1,197 @@
-.uniform-nav{
- position:relative;
+.uniformNav{
+ z-index: 3;
+ position: relative;
background: white;
box-shadow:0 1px 0 0 rgba(black, 0.15);
+ line-height: 1;
color: $gray;
- z-index: 2;
- position: relative;
- .brand{
- padding:7px 0;
- margin-right:10px;
+ &.transparent{
+ background: none;
+ box-shadow: none;
}
- .container,
- .container-fluid{
- display:block;
- & > * {
- display:inline-block;
- vertical-align:bottom;
+ .col{
+ a{
+ &:first-child:last-child{
+ display:block;
+ }
}
-
- }
- & > * {
- display:inline-block;
- vertical-align:bottom;
- }
- a{
- color: $gray;
- }
- img{
- display: inline-block;
}
- ul {
- margin: 0;
- padding: 0;
- list-style: none;
- & > li {
+ .nav{
+ & > a,
+ & > * > a,
+ .text{
display:inline-block;
- & > *{
- display:inline-block;
- text-decoration:none;
- padding: 16px 10px;
- padding-top:17px;
- background:none;
+ vertical-align:middle;
+ padding: 1.3em 1em;
+ color: $gray;
+ text-decoration:none;
+ .un-pad{
+ margin: -0.7em 0;
}
- & > a{
- &:hover{
- color: $blue;
+ &:hover{
+ color: $blue;
+ }
+ &.uniformDropdown{
+ .fortycon.arrow_down_large{
+ transition: all 0.2s;
+ }
+ }
+ &.active.uniformDropdown{
+ .fortycon.arrow_down_large{
+ transform: rotate(180deg);
}
}
+ &.active{
+ color: $green-dark;
+ border-bottom: 2px solid $green-dark;
+ padding-bottom: calc(1.3em - 2px);
+ }
}
+
}
- .uniform-nav-right {
- float: right;
+ img{
+ display: block;
}
- &.uniform-nav-subnav{
- z-index:1;
- ul {
- & > li {
- vertical-align:middle;
- & > *{
- padding-top: 10px;
- padding-bottom: 9px;
- }
+ .uniformNav-subnav,
+ &.uniformNav-subnav{
+ .nav{
+ & > a,
+ & > * > a,
+ .text{
+ padding: 0.5em 0.5em;
}
}
}
-
+ .uniformInputGroup{
+ color: $gray;
+ }
&.invert{
- background: $gray;
- color: white;
- box-shadow:0 1px 0 0 darken($gray, 10);
- ul {
- & > li {
- & > *{
- color: $gray-light;
+ box-shadow:none;
+ background: none;
+ color: $gray-light;
+ .nav{
+ & > a,
+ & > div > a,
+ .text{
+ background: none;
+ color: $gray-light;
+ &:hover{
+ color: $green-light;
}
- & > a {
- &:hover{
- color: $green-light;
- }
- &.active{
- color: white;
- background: darken($gray, 10);
- }
+ &.active{
+ color: white;
+ background: darken($gray, 10);
}
}
}
}
-}
-
-.uniform-nav.vertical{
- ul {
- width: 100%;
- li {
+ .mobile-nav{
+ display:none;
+ button{
+ outline:none;
+ border:none;
+ background:none;
+ padding: 0.5em 0.5em;
+ }
+ img{
+ display: inline-block;
+ vertical-align:middle;
+ }
+ .fortycon{
+ vertical-align:middle;
+ }
+ }
+ @include media($sm){
+ font-size: 1.2rem;
+ .nav{
+ & > a,
+ & > * > a,
+ .text{
+ padding-top:0.6em;
+ padding-bottom: 0.6em;
+
+ &.active{
+ color: $green;
+ box-shadow: inset 2px 0 0 $green;
+ }
+ }
+ }
+ .mobile-nav{
+ position:relative;
display:block;
- & > * {
- display:block;
- padding: 10px 20px;
+ z-index: 2;
+ }
+ .non-mobile-nav{
+ z-index: 1;
+ position:fixed;
+ top: -100vh;
+ left: 0;
+ padding-top: 60px;
+ width: 100%;
+ height: 100vh;
+ background: white;
+ transition: top 0.2s;
+ overflow-y: auto;
+ .nav{
+ margin-bottom: 1em;
}
- & > a {
- &:hover{
- color: black;
- background:rgba($green-light, 0.3);
- }
- &.active{
- background: $gray;
- color: white;
+ .uniformNav-subnav{
+ padding-top: 1em;
+ }
+ &.non-mobile-nav-left{
+ left: -100vw;
+ transition: left 0.2s;
+ width: auto;
+ }
+ }
+ button .fortycon{
+ transition: all 0.2s;
+ }
+ &.active{
+ .non-mobile-nav{
+ top: 0;
+ &.non-mobile-nav-left{
+ left: 0;
+ box-shadow: 0 0 10px rgba(black, 0.2);
}
}
- .title{
- font-weight: bold;
+ button .fortycon{
+ transform: rotate(180deg);
}
}
}
- &.transparent{
- background: none;
- box-shadow: none;
+ .uniformNav-subnav{
+ font-size:1rem;
+ box-shadow:0 -1px 0 0 rgba(black, 0.15);
+ }
+}
+
+.uniformNav.vertical{
+ box-shadow: none;
+ .title{
+ font-weight: bold;
+ }
+ a{
+ display:block;
+ padding: 0.9em 1em;
+ margin: 0.1em 0;
+ &:hover{
+ color: black;
+ background:rgba($gray, 0.1);
+ }
+ &.active{
+ background: $green;
+ color: white;
+ border:none;
+ padding: 0.9em 1em;
+ }
+ &:first-of-type{
+ margin-top:0;
+ }
+ &:last-of-type{
+ margin-bottom: 0;
+ }
}
}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/components/row.scss b/vendor/assets/stylesheets/uniform/components/row.scss
index 36386450..c00c4b0a 100644
--- a/vendor/assets/stylesheets/uniform/components/row.scss
+++ b/vendor/assets/stylesheets/uniform/components/row.scss
@@ -1,148 +1,91 @@
-.uniform-row-table {
- display:table;
- width: 100%;
- .uniform-row{
- display:table-row;
- & > * {
- display: table-cell;
- padding: 8px 12px;
- float:none;
- }
- &.middle {
- & > * {
- vertical-align:middle;
- }
- }
+.uniformRow{
+ background: white;
+ padding: 0.5em;
+ padding-bottom: 1em;
+ border: 1px solid $gray-light;
+ margin: 0.5em 0;
+ text-decoration: none;
+ &.nest{
+ border-left: none;
+ border-right: none;
}
-}
-.uniform-row{
- line-height:1.3;
- font-size: 13px;
- border:1px solid $gray-light;
- border-bottom:none;
- min-height: 49px; // two text lines with padding
- position:relative;
- overflow:hidden;
- display:block;
- color: $gray;
- text-decoration:none;
- &.bordered{
- border:none;
- border-bottom: 1px solid $gray-light;
- &:last-of-type{
- border-bottom:none;
- }
+ &[data-href]{
+ cursor: pointer;
}
&:hover{
- background-color: lighten($blue-light, 15);
+ background: lighten($blue, 50);
}
- a:visited{
- color:#6738e4;
+ a{
+ text-decoration: none;
}
- &:last-of-type{
- border-bottom:1px solid $gray-light;
+ .title{
+ font-weight:bold;
}
- .uniform-row-container{
- overflow:hidden;
- display: block;
- & > *{
- display:block;
- padding: 8px 12px;
- overflow:hidden;
- & > .pad {
- display:block;
- padding:8px 0;
- }
- }
+ .subtle{
+ font-size: 0.9em;
+ color: lighten($gray, 20);
+ @include text-overflow;
}
- .uniform-row-secondary{
- font-weight:normal;
+ img{
+ height: auto;
+ width: 100%;
display:block;
- font-size:0.9em;
- color:lighten($gray, 30);
- display: block;
}
- .uniform-row-avatar{
- vertical-align:top;
- text-align:center;
+ .avatar{
+ align-self: stretch;
+ background: darken($gray-light, 10);
position:relative;
- color:darken($background, 30);
- background-color:darken($background, 30);
- float:left;
img{
- min-width:70px;
- background-color: $gray;
- display: block;
+ position:absolute;
+ top:0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
}
- }
- @include media($xs){
- .uniform-row-container{
- & > div > a {
- padding-top:0;
- padding-bottom:8px;
- }
+ .fortycon{
+ font-size: 100px;
+ color: white;
+ opacity: 0.7;
}
- .uniform-row-avatar{
- width:33%;
- img {
- width: 100%;
- height: auto;
- }
+ .avatar-text{
+ display:block;
+ @include vertical-middle;
+ left: 0;
+ width: 100%;
+ text-align:center;
}
}
-}
-
-.uniform-row-header{
- position:relative;
- overflow:visible !important;
- line-height:1em;
- font-size:0.85em;
- padding:3px !important;
- font-weight:normal;
- border-bottom:2px solid $gray-light;
- .sort-label{
- text-align:right;
- padding:7px 10px;
- padding-bottom:3px;
- text-transform:uppercase;
- color:lighten($gray, 30);
- vertical-align:bottom;
- white-space:nowrap;
- }
- .col-label {
- font-weight:bold;
- text-transform:uppercase;
- color:$gray;
- }
- .fortycon {
- margin-top:-2px;
- margin-right:2px;
- color:darken($background, 20);
- font-size:1.2em;
- }
- .details {
- overflow:hidden;
- & > div{
- padding:0;
- & > * {
- text-decoration:none;
+ @include media($sm){
+ .avatar{
+ margin-bottom: 0.5em;
+ .avatar-container{
+ padding-top: 50%;
display:block;
- padding:7px 6px;
- white-space:nowrap;
- border-radius:3px;
}
- & > a:hover {
- background:lighten($blue-light, 10);
+ }
+ .name{
+ margin-bottom: 0.5em;
+ }
+ }
+ @include media($md){
+ margin: 0;
+ margin-bottom: -1px;
+ padding: 0;
+ & > * {
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+ &.no-gutter{
+ padding: 0;
}
}
- & > .active {
- background:none !important;
+ .avatar{
.fortycon{
- color:black;
+ padding: 0;
+ font-size: 36px;
}
- & > * {
- color:black;
- background:darken(white, 10);
+ .avatar-text{
+ padding: 0;
}
}
}
diff --git a/vendor/assets/stylesheets/uniform/components/select.scss b/vendor/assets/stylesheets/uniform/components/select.scss
new file mode 100644
index 00000000..419c8fba
--- /dev/null
+++ b/vendor/assets/stylesheets/uniform/components/select.scss
@@ -0,0 +1,98 @@
+select.uniformSelect{
+ display:none;
+}
+
+.uniformSelect-edit{
+ @include text-overflow;
+ position:relative;
+ &:after{
+ color:$gray;
+ font-size:1.3em;
+ content:\25bc;
+ @include vertical-middle();
+ right:0.3em;
+ z-index:0;
+ }
+}
+
+.uniformSelect-options{
+ @include text-overflow;
+ position: absolute;
+ background: white;
+ z-index: 9999;
+ box-shadow: 0 0 3px 2px rgba(black, 0.2);
+ clip-path: inset(0px -10px -10px -10px);
+ button{
+ appearance: none;
+ outline: none;
+ border: none;
+ background: none;
+ width: 100%;
+ padding: 0.5em;
+ &:hover{
+ background: lighten($blue, 45);
+ }
+ }
+
+ .uniformSelect-options-actions{
+ border-top: 1px solid $gray-light;
+ border-bottom: 1px solid $gray-light;
+ background: $background;
+ padding: 0.5em;
+ }
+ .uniformSelect-show-all {
+ color: $blue;
+ background: none;
+ &:hover{
+ background: none;
+ }
+ }
+ .uniformSelect-done{
+ border-radius: 0.25em;
+ border: 1px solid $gray-light;
+ background: white;
+ }
+}
+.uniformSelect-option{
+ position:relative;
+ padding-right: 2.5em !important;
+ cursor: pointer;
+ &.active{
+ box-shadow:none;
+ color: $green-dark;
+ &:after{
+ color: $green;
+ position: absolute;
+ content: \2714;
+ top: 0.2em;
+ right: 0.2em;
+ font-size: 1.5em;
+
+ }
+ }
+}
+
+@include media($sm){
+ .uniformSelect-options{
+ top: 0 !important;
+ left: 0 !important;
+ min-height: 100vh;
+ width: 100%;
+ padding: 1em;
+ button{
+ margin-bottom: 0.5em;
+ border: 1px solid lighten($gray, 40);
+ &.uniformSelect-done{
+ margin-bottom: 0;
+ }
+ }
+ .uniformSelect-options-actions{
+ margin: 0 -1em;
+ }
+ }
+ body.uniformModal-hideBody{
+ & > *:not(.uniformSelect-options) {
+ position: fixed;
+ }
+ }
+}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/components/table-container.scss b/vendor/assets/stylesheets/uniform/components/table-container.scss
deleted file mode 100644
index 3f0fbc62..00000000
--- a/vendor/assets/stylesheets/uniform/components/table-container.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-.table-container{
- display:table;
- width:100%;
- & > *,
- .table-row > *{
- display:table-cell;
- float:none;
- &.top{
- vertical-align:top;
- }
- &.middle > *{
- vertical-align:middle;
- }
- }
- .table-row{
- display:table-row;
- }
- &.middle > *,
- .middle{
- vertical-align:middle;
- }
- &.top > *,
- .top{
- vertical-align:top;
- }
- @include media($xs){
- &.break-xs{
- & > *,
- .table-row > *{
- display:block;
- float:inherit;
- }
- .table-row{
- display:block;
- }
- }
- }
-
-}
-@include media($xs){
- .block-xs{
- display:block;
- }
-}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/components/table-form.scss b/vendor/assets/stylesheets/uniform/components/table-form.scss
deleted file mode 100644
index e05a3ffe..00000000
--- a/vendor/assets/stylesheets/uniform/components/table-form.scss
+++ /dev/null
@@ -1,159 +0,0 @@
-.uniform-form-table{
- border:1px solid darken(white, 20);
- .row{
- margin: 0;
- display:table;
- width: 100%;
- &:not(:last-of-type){
- & > * {
- border-bottom:1px solid darken(white, 20);
- }
- }
- & > * {
- float: none;
- display: table-cell;
- padding: 0;
- &:not(:last-of-type){
- border-right:1px solid darken(white, 20);
- }
- textarea{
- width:100%;
- max-width:100%;
- min-width:100%;
- height: 100%;
- }
- &.col-span-2 {
- column-span: 2;
- }
- }
- .has-error,
- & > * {
- & > #{$text-inputs},
- & > .textbox,
- textarea{
- border:none;
- display:block;
- width:100%;
- }
- & > label {
- padding: 7px;
- padding-bottom: 0;
- font-weight:bold;
- font-size:0.8em;
- &:not(:first-of-type){
- margin: 0;
- border-top: 1px solid darken(white, 20);
- }
- }
- }
- .has-error{
- box-shadow: 0 0 0 1px $red;
- z-index: 2;
- position: relative;
- }
- }
-
-// .uniform-table-form-group{
-// display:table;
-// width:100%;
-// margin:0;
-// border:none;
-// label{
-// padding-bottom:0;
-// }
-// &>div:not([class ^= "col-"]){
-// width:auto;
-// }
-// &>*{
-// background:none;
-// border-left:none !important;
-// border-bottom:1px solid darken(white, 20);
-// &:not(:last-of-type){
-// border-right:1px solid darken(white, 20);
-// }
-// }
-// &:last-of-type{
-// &>div{
-// border-bottom-style:none;
-// }
-// }
-// &.bordered{
-// &>div{
-// border-bottom-style:solid;
-// }
-// }
-// &.has-error,
-// .has-error{
-// label{
-// color: $red;
-// }
-// input,
-// textarea,
-// select{
-// box-shadow:inset 0 -3px 0 $red !important;
-// }
-// }
-// input[type="checkbox"]{
-// font-size:14px;
-// }
-// }
-//
-// .uniform-table-form-footer{
-// border-top:1px solid darken(white, 20);
-// background:white;
-// padding:10px;
-// text-align:center;
-// }
-//
-// .uniform-table-form-section-head{
-// background:darken(white, 3);
-// padding:5px 7px;
-// font-size:1.4em;
-// font-weight:300;
-// }
-
-// label{
-// font-weight:bold;
-// display:block;
-// padding:10px;
-// width:100%;
-// text-transform:uppercase;
-// color:lighten($gray, 30);
-// &.no-pad{
-// padding:0;
-// }
-//// &.input{
-//// padding: 5px !important;
-//// font-size:1em;
-//// font-weight:normal;
-//// padding-left:25px !important;
-//// text-indent:-20px;
-//// input[type="checkbox"]{
-//// margin-right:5px;
-//// }
-//// }
-// }
-
-// .inline-input{
-// display:table;
-// width:100%;
-// margin:0;
-// border:none;
-// & > * {
-// border:none !important;
-// padding: 0 !important;
-// }
-// label{
-// font-size: 1em;
-// font-weight:normal;
-// }
-// select{
-// padding-left:5px;
-// font-size:13px;
-// font-weight:normal;
-// }
-// }
-
-
-
-}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/components/table.scss b/vendor/assets/stylesheets/uniform/components/table.scss
new file mode 100644
index 00000000..5b839426
--- /dev/null
+++ b/vendor/assets/stylesheets/uniform/components/table.scss
@@ -0,0 +1,83 @@
+.table{
+ display:table;
+ width:100%;
+ & > *,
+ .row > *{
+ display:table-cell;
+ float:none;
+ &.top{
+ vertical-align:top;
+ }
+ &.middle > *{
+ vertical-align:middle;
+ }
+ }
+ .row{
+ display:table-row;
+ }
+
+ @include apply-media-sizes('&.break'){
+ & > *,
+ .row > *{
+ display:block;
+ float:inherit;
+ }
+ .row{
+ display:block;
+ }
+ }
+}
+
+.uniformTable{
+ width:100%;
+ .row > *,
+ tr td,
+ th {
+ padding: 0.5em;
+ border-bottom: 1px solid $gray-light;
+ }
+
+ .head > *,
+ thead th{
+ color: lighten($gray, 20);
+ border-bottom: 1px solid darken($gray-light, 20) !important;
+ }
+
+ .head.dark > *,
+ thead.dark th{
+ background: lighten($background, 2);
+ }
+
+ tr.middle > td,
+ td.middle,
+ &.middle > *,
+ .middle{
+ vertical-align:middle;
+ }
+
+ tr.top > td,
+ td.top,
+ &.top > *,
+ .top{
+ vertical-align:top;
+ }
+
+ &.hover{
+ tr:hover td{
+ background: lighten($blue, 50);
+ }
+ }
+
+ .row:last-of-type,
+ tr:last-of-type{
+ td, th{
+ border-bottom: none;
+ }
+ }
+ &.invert{
+ .row > *,
+ td, th{
+ border-bottom-color: lighten($gray, 10);
+ }
+ }
+}
diff --git a/vendor/assets/stylesheets/uniform/components/tabs.scss b/vendor/assets/stylesheets/uniform/components/tabs.scss
index da083f9e..1e6c8144 100644
--- a/vendor/assets/stylesheets/uniform/components/tabs.scss
+++ b/vendor/assets/stylesheets/uniform/components/tabs.scss
@@ -1,32 +1,45 @@
-// override for .nav-tab
-.uniform-tabs{
- border:none;
- & > li {
- margin-left:10px;
- margin-right:10px;
- & > a{
- border:none;
- padding-left:0;
- padding-right:0;
- border-bottom: 3px solid transparent;
- color: lighten($gray, 20);
- &:hover{
- background:none;
+.uniformTabs{
+ border-bottom: 1px solid darken($background, 10);
+ white-space: nowrap;
+ a{
+ display:inline-block;
+ margin-bottom: -1px;
+ padding: 0.5em 1em;
+ border-bottom: 2px solid transparent;
+ color: $gray;
+ text-decoration: none;
+ cursor: pointer;
+ &:hover{
+ color: $blue;
+ .uniformLabel.fill{
+ background: $blue ;
}
}
- &:first-of-type{
- margin-left:0;
- }
- &:last-of-type{
- margin-right:0;
+ &.active{
+ border-color: $green-dark;
+ color: $green-dark;
+ .uniformLabel.fill{
+ background: $green-dark ;
+ }
}
- &.active > a,
- &.active > a:hover,
- &.active > a:focus{
- color:$green-dark;
- border:none;
- background:none;
- border-bottom: 3px solid $green;
+ }
+ &.center{
+ text-align:center;
+ }
+ &.border-fix{
+ margin-bottom: -1px;
+ }
+ &.invert{
+ border-bottom-color: rgba($background, 0.4);
+ a{
+ color: white;
+ &:hover{
+ color: $blue-light;
+ }
+ &.active{
+ color: $green-light;
+ border-color: $green-light;
+ }
}
}
}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/components/tile.scss b/vendor/assets/stylesheets/uniform/components/tile.scss
index 18b3fd3a..1cb489b8 100644
--- a/vendor/assets/stylesheets/uniform/components/tile.scss
+++ b/vendor/assets/stylesheets/uniform/components/tile.scss
@@ -1,32 +1,20 @@
-.uniform-tile{
- border:1px solid darken($background, 15);
- border-radius:3px;
- margin-top:20px;
- margin-bottom:20px;
- overflow:hidden;
+.uniformTile{
+// TODO remove extension of row
+ @extend .uniformRow;
+ margin: 0;
+ margin-bottom: -1px;
+ margin-right: -1px;
+
+ padding: 1em !important;
+
.avatar{
- img{
- width:100%;
- height:auto;
- }
+ padding: 0;
}
- a{
- color:$gray;
- text-decoration:none;
+ .avatar-container{
+ display:block;
+ padding-top: 66%;
}
- .title{
- vertical-align:middle;
- font-size:12px;
- padding-top:10px;
- padding-bottom:10px;
- .name{
- font-size:16px;
- margin-bottom:5px;
- }
- .company{
- font-weight:bold;
- }
- .category{
- }
+ &.pad-more{
+ padding: 2em !important;
}
}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/components/tooltip.scss b/vendor/assets/stylesheets/uniform/components/tooltip.scss
new file mode 100644
index 00000000..4ce6a652
--- /dev/null
+++ b/vendor/assets/stylesheets/uniform/components/tooltip.scss
@@ -0,0 +1,46 @@
+.uniformTooltip{
+ position:relative;
+ .uniformTooltip-popup{
+ position: absolute;
+ background: white;
+ transition: opacity 0.2s, bottom 0.2s;
+ border: 1px solid $gray-light;
+ padding: 0.5em;
+ opacity: 0;
+ bottom: 0;
+ left: -1.5em;
+ margin: 0.5em;
+ z-index: -1;
+ color: $gray;
+ font-size:0.8em;
+ border-radius: 0.25em;
+ max-width: 30vw;
+ p:last-child{
+ margin-bottom: 0;
+ }
+ &.active{
+ z-index: 2;
+ bottom: 100%;
+ opacity: 1;
+ }
+ .uniformTooltip-pointer{
+ position:absolute;
+ top: 100%;
+ left: 1em;
+ width: 1em;
+ height: 1em;
+ overflow: hidden;
+ &:after{
+ content: "";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background: white;
+ transform: rotate(-45deg);
+ top: -85%;
+ left: 0;
+ border: 1px solid $gray-light;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/defaults.scss b/vendor/assets/stylesheets/uniform/defaults.scss
index 7024f53f..a80f1655 100644
--- a/vendor/assets/stylesheets/uniform/defaults.scss
+++ b/vendor/assets/stylesheets/uniform/defaults.scss
@@ -1,3 +1,9 @@
+html{
+ font-size: 14px;
+}
+body{
+ font-size: 1rem;
+}
*{
box-sizing: border-box;
}
@@ -6,28 +12,85 @@ a{
&:hover{
color:$blue-dark;
}
+ &:visited{
+ color: #6738e4;
+ }
}
-blockquote{
- border-left-color:lighten($green, 20);
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+ol,
+dl,
+pre{
+ margin: 0;
+ margin-bottom: 1em; // might want to do rem
}
-mark{
- background:lighten($green-light, 30);
+
+ul,
+ol,
+dl{
+ ul,
+ ol,
+ dl{
+ margin-bottom: 0;
+ }
}
-code{
- border-radius: 4px;
- padding: 2px 4px;
- font-size:90%;
- background:lighten($green-light, 35);
- color:$green-dark;
- font-weight:normal;
+
+dd{
+ margin-left: 0;
+ margin-bottom: 0.5em;
}
-pre{
- display:block;
- background: darken(white, 10);
- border:1px solid darken(white, 13);
- padding: 15px 10px;
- overflow:auto;
- xmp{
- margin: 0;
+dt{
+ font-weight: bold;
+}
+
+table{
+ background-color: transparent;
+ border-collapse: collapse;
+ td, th{
+ display: table-cell;
+ text-align: left;
}
}
+
+fieldset{
+ margin: 0;
+ padding: 0;
+ border: none;
+}
+
+textarea{
+ resize: vertical;
+}
+
+input,
+select,
+textarea,
+button{
+ margin: 0;
+ line-height: inherit;
+}
+
+#{$text-inputs},
+textarea{
+ border:1px solid lighten($gray, 40);
+}
+
+[hidden] {
+ display: none !important;
+}
+
+time{
+ @include text-overflow;
+}
+
+button{
+ font-family: $system-font;
+ color: $gray;
+ cursor: pointer;
+}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/functions.scss b/vendor/assets/stylesheets/uniform/functions.scss
deleted file mode 100644
index a0f623d6..00000000
--- a/vendor/assets/stylesheets/uniform/functions.scss
+++ /dev/null
@@ -1,191 +0,0 @@
-/// Displays the visual grid when set to true. The overlaid grid may be few pixels off depending on the browser's rendering engine and pixel rounding algorithm. Set with the `!global` flag.
-///
-/// @type Bool
-
-$visual-grid: false !default;
-
-/// Sets the visual grid color. Set with `!global` flag.
-///
-/// @type Color
-
-$visual-grid-color: #eee !default;
-
-/// Sets the `z-index` property of the visual grid. Can be `back` (behind content) or `front` (in front of content). Set with `!global` flag.
-///
-/// @type String
-
-$visual-grid-index: back !default;
-
-/// Sets the opacity property of the visual grid. Set with `!global` flag.
-///
-/// @type Number (unitless)
-
-$visual-grid-opacity: 0.4 !default;
-
-$visual-grid-breakpoints: () !default;
-
-
-// Not function for Libsass compatibility
-// https://github.com/sass/libsass/issues/368
-@function is-not($value) {
- @return if($value, false, true);
-}
-
-// Checks if a number is even
-@function is-even($int) {
- @return $int % 2 == 0;
-}
-
-// Checks if an element belongs to a list or not
-@function belongs-to($tested-item, $list) {
- @return is-not(not-belongs-to($tested-item, $list));
-}
-
-@function not-belongs-to($tested-item, $list) {
- @return is-not(index($list, $tested-item));
-}
-
-// Contains display value
-@function contains-display-value($query) {
- @return belongs-to(table, $query)
- or belongs-to(block, $query)
- or belongs-to(inline-block, $query)
- or belongs-to(inline, $query);
-}
-
-// Parses the first argument of span-columns()
-@function container-span($span: $span) {
- @if length($span) == 3 {
- $container-columns: nth($span, 3);
- @return $container-columns;
- } @else if length($span) == 2 {
- $container-columns: nth($span, 2);
- @return $container-columns;
- }
-
- @return $grid-columns;
-}
-
-@function container-shift($shift: $shift) {
- $parent-columns: $grid-columns !default !global;
-
- @if length($shift) == 3 {
- $container-columns: nth($shift, 3);
- @return $container-columns;
- } @else if length($shift) == 2 {
- $container-columns: nth($shift, 2);
- @return $container-columns;
- }
-
- @return $parent-columns;
-}
-
-// Generates a striped background
-@function gradient-stops($grid-columns, $color: $visual-grid-color) {
- $transparent: transparent;
-
- $column-width: flex-grid(1, $grid-columns);
- $gutter-width: flex-gutter($grid-columns);
- $column-offset: $column-width;
-
- $values: ($transparent 0, $color 0);
-
- @for $i from 1 to $grid-columns*2 {
- @if is-even($i) {
- $values: append($values, $transparent $column-offset, comma);
- $values: append($values, $color $column-offset, comma);
- $column-offset: $column-offset + $column-width;
- } @else {
- $values: append($values, $color $column-offset, comma);
- $values: append($values, $transparent $column-offset, comma);
- $column-offset: $column-offset + $gutter-width;
- }
- }
-
- @return $values;
-}
-
-// Layout direction
-@function get-direction($layout, $default) {
- $direction: null;
-
- @if to-upper-case($layout) == "LTR" or to-upper-case($layout) == "RTL" {
- $direction: direction-from-layout($layout);
- } @else {
- $direction: direction-from-layout($default);
- }
-
- @return $direction;
-}
-
-@function direction-from-layout($layout) {
- $direction: null;
-
- @if to-upper-case($layout) == "LTR" {
- $direction: right;
- } @else {
- $direction: left;
- }
-
- @return $direction;
-}
-
-@function get-opposite-direction($direction) {
- $opposite-direction: left;
-
- @if $direction == "left" {
- $opposite-direction: right;
- }
-
- @return $opposite-direction;
-}
-
-
-// From Neat.io v.1.8.0
-/// Returns a media context (media query / grid context) that can be stored in a variable and passed to `media()` as a single-keyword argument. Media contexts defined using `new-breakpoint` are used by the visual grid, as long as they are defined before importing Neat.
-///
-/// @param {List} $query
-/// A list of media query features and values. Each `$feature` should have a corresponding `$value`.
-///
-/// If there is only a single `$value` in `$query`, `$default-feature` is going to be used.
-///
-/// The number of total columns in the grid can be set by passing `$columns` at the end of the list (overrides `$total-columns`). For a list of valid values for `$feature`, click [here](http://www.w3.org/TR/css3-mediaqueries/#media1).
-///
-/// @param {Number (unitless)} $total-columns [$grid-columns]
-/// - Number of columns to use in the new grid context. Can be set as a shorthand in the first parameter.
-///
-/// @example scss - Usage
-/// $mobile: new-breakpoint(max-width 480px 4);
-///
-/// .element {
-/// @include media($mobile) {
-/// @include span-columns(4);
-/// }
-/// }
-///
-/// @example css - CSS Output
-/// @media screen and (max-width: 480px) {
-/// .element {
-/// display: block;
-/// float: left;
-/// margin-right: 7.42297%;
-/// width: 100%;
-/// }
-/// .element:last-child {
-/// margin-right: 0;
-/// }
-/// }
-
-@function new-breakpoint($query: $feature $value $columns, $total-columns: $grid-columns) {
- @if length($query) == 1 {
- $query: $default-feature nth($query, 1) $total-columns;
- } @else if is-even(length($query)) {
- $query: append($query, $total-columns);
- }
-
- @if is-not(belongs-to($query, $visual-grid-breakpoints)) {
- $visual-grid-breakpoints: append($visual-grid-breakpoints, $query, comma) !global;
- }
-
- @return $query;
-}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/helpers.scss b/vendor/assets/stylesheets/uniform/helpers.scss
index 58b119db..d7ce4513 100644
--- a/vendor/assets/stylesheets/uniform/helpers.scss
+++ b/vendor/assets/stylesheets/uniform/helpers.scss
@@ -1,18 +1,31 @@
-// Vertical Rule
-vr {
- height:30px;
- border-left:1px solid $gray-light;
- margin:0 10px;
+.square-icon{
display: inline-block;
+ height: 1em;
+ width: 1em;
+ border: 1px solid $gray;
+ border-radius: 0.1em;
vertical-align:middle;
+ &.gray-light{
+ border-color: lighten($gray, 40);
+ }
+}
+.hidden{
+ display:none !important;
}
-.rounded,
.round{
border-radius:50%;
}
+.rounded{
+ border-radius: 0.25em;
+}
+[data-href],
.pointer{
cursor: pointer !important;
}
+.cursor-help{
+ cursor: help;
+}
+
.handle{
cursor: hand;
}
@@ -22,135 +35,90 @@ vr {
width:1px !important;
display:block !important;
}
+@include apply-media-sizes('.border'){
+ border: 1px solid $gray-light;
+}
+@each $direction in 'top' 'right' 'bottom' 'left' {
+ @include apply-media-sizes('.border-#{$direction}'){
+ border-#{$direction}: 1px solid $gray-light;
+ }
+ @include apply-media-sizes('.border-dark-#{$direction}'){
+ border-#{$direction}: 1px solid darken($gray-light, 20);
+ }
+}
+img.disabled{
+ @include grayscale(1, 0.3)
+}
+table.fixed{
+ table-layout: fixed;
+}
//----------------------------------------------------------------
// Layout
//----------------------------------------------------------------
-.hide,
-.hidden{
- display:none;
-}
-.right{
+@include apply-media-sizes('.float-right'){
float:right;
+ &.margin{
+ margin: 0 0 1rem 1rem;
+ }
}
-.text-right{
- text-align: right;
-}
-.text-center{
- text-align: center;
-}
-.clear{
- clear:both;
+.float-left{
+ float: left;
+ &.margin{
+ margin: 0 1rem 1rem 0;
+ }
}
.bleed-fix{
position:static;
overflow:hidden;
}
-.no-gutter{
- padding-left:0;
- padding-right:0;
-}
-.no-pad{
- padding-left:0;
- padding-right:0;
+.clear{
+ clear:both;
}
-.less-pad{
- padding-left:5px;
- padding-right:5px;
+@include apply-media-sizes('.block') {
+ display: block;
}
-.pad{
- padding:10px;
+@include apply-media-sizes('.inline-block') {
+ display:inline-block !important;
}
-.counter-pad{
- margin-left: -15px;
- margin-right: -15px;
+.align-middle{
+ @include align-middle;
}
-//----------------------------------------------------------------
-// Text
-//----------------------------------------------------------------
-.text-overflow{
- @include text-overflow;
-}
-.strong,
-strong,
-.bold{ font-weight: 700;}
-.light,
-.text-light{ font-weight: 300;}
-.text-normal{ font-weight: normal;}
-.italic{ font-style:italic;}
-.required{ color:$red;}
-.warn{
- color:lighten($gray, 20);
- &:hover{
- color:$red;
- }
+
+.relative{
+ position:relative;
}
-h1, h2, h3, h4, h5, h6{
- &.no-margin{
- margin: 0;
- margin-top:10px;
- }
- &.no-margin-top{
- margin-top:0;
- }
+
+
+ul.raw{
+ margin: 0;
+ padding: 0;
+ list-style:none;
}
-p.large{
- font-size:1.5em;
- font-weight:300;
- margin-bottom:20px;
+
+.text-col-2{
+ column-count: 2;
+ column-gap: 5em;
+}
+button.raw{
+ outline: none;
+ appearance: none;
+ border: none;
+ background:none;
}
-.nowrap{
- white-space: nowrap;
+.overflow-hidden{
overflow:hidden;
}
-
-//----------------------------------------------------------------
-// Colors
-//----------------------------------------------------------------
-@mixin generate-color($class, $color){
-.#{$class} { color: $color;}
-.#{$class}-bg { background-color: $color;}
+.overflow-y{
+ overflow-y: auto;
}
-@include generate-color('green', $green);
-@include generate-color('green-light', $green-light);
-@include generate-color('green-dark', $green-dark);
-@include generate-color('blue', $blue);
-@include generate-color('blue-light', $blue-light);
-@include generate-color('blue-dark', $blue-dark);
-@include generate-color('red', $red);
-@include generate-color('red-light', $red-light);
-@include generate-color('red-dark', $red-dark);
-@include generate-color('gray', $gray);
-@include generate-color('gray-light', $gray-light);
-@include generate-color('gray-dark', $gray-dark);
-@include generate-color('yellow', $yellow);
-@include generate-color('yellow-light', $yellow-light);
-@include generate-color('yellow-dark', $yellow-dark);
-
-
-//----------------------------------------------------------------
-// Uniform Count
-//----------------------------------------------------------------
-.uniform-count{
- padding: 0.1em 0.6em;
- border-radius: 1em;
- background: $gray;
- font-size: 0.8em;
- font-weight: bold;
- color: white;
- vertical-align:1px;
- &.invert{
- background: white;
- color: $gray;
- }
- &.outline{
- background:none;
- border: 1px solid $gray;
- color: $gray;
- }
+img.block{
+ display:block;
+ width: 100%;
}
-
-
+.height-auto{
+ height: auto;
+}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/helpers/colors.scss b/vendor/assets/stylesheets/uniform/helpers/colors.scss
new file mode 100644
index 00000000..ff4c8d97
--- /dev/null
+++ b/vendor/assets/stylesheets/uniform/helpers/colors.scss
@@ -0,0 +1,37 @@
+@mixin generate-color($class, $color){
+.text-#{$class} { color: $color !important;}
+.a-hover-#{$class} a:hover { color: $color !important;}
+.bg-#{$class} { background-color: $color !important;}
+.uniformLabel-#{$class}{ border-color: $color !important;}
+.a-#{$class} a {
+ color: $color;
+ &:hover{
+ color: lighten($color, 20);
+ }
+ &:visited{
+ color: $color;
+ }
+}
+}
+
+@include generate-color('green', $green);
+@include generate-color('green-light', $green-light);
+@include generate-color('green-dark', $green-dark);
+@include generate-color('blue', $blue);
+@include generate-color('blue-light', $blue-light);
+@include generate-color('blue-dark', $blue-dark);
+@include generate-color('red', $red);
+@include generate-color('red-light', $red-light);
+@include generate-color('red-dark', $red-dark);
+@include generate-color('gray', $gray);
+@include generate-color('gray-light', $gray-light);
+@include generate-color('gray-dark', $gray-dark);
+@include generate-color('yellow', $yellow);
+@include generate-color('yellow-light', $yellow-light);
+@include generate-color('yellow-dark', $yellow-dark);
+@include generate-color('background', $background);
+@include generate-color('background-light', lighten($background, 2));
+@include generate-color('background-dark', darken($background, 5));
+
+@include generate-color('white', #FFFFFF);
+@include generate-color('muted', lighten($gray, 30));
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/helpers/margin.scss b/vendor/assets/stylesheets/uniform/helpers/margin.scss
new file mode 100644
index 00000000..155bd860
--- /dev/null
+++ b/vendor/assets/stylesheets/uniform/helpers/margin.scss
@@ -0,0 +1,44 @@
+.margin{
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+.margin-h{
+ margin-left: 1em;
+ margin-right: 1em;
+}
+.margin-more{
+ margin-top: 2em !important;
+ margin-bottom: 2em !important;
+}
+.margin-super{
+ margin-top: 4em !important;
+ margin-bottom: 4em !important;
+}
+@include apply-media-sizes('.margin-less'){
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+.margin-tiny{
+ margin-top: 0.25em;
+ margin-bottom: 0.25em;
+}
+.margin-none{
+ margin: 0 !important;
+}
+@each $direction in 'top' 'right' 'bottom' 'left' {
+ .margin-#{$direction}-none{
+ margin-#{$direction}: 0 !important;
+ }
+ .margin-#{$direction}-tiny{
+ margin-#{$direction}: 0.25em !important;
+ }
+ .margin-#{$direction}-less{
+ margin-#{$direction}: 0.5em !important;
+ }
+ @include apply-media-sizes('.margin-#{$direction}'){
+ margin-#{$direction}: 1em !important;
+ }
+ @include apply-media-sizes('.margin-#{$direction}-more'){
+ margin-#{$direction}: 2em !important;
+ }
+}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/helpers/padding.scss b/vendor/assets/stylesheets/uniform/helpers/padding.scss
new file mode 100644
index 00000000..6db804f6
--- /dev/null
+++ b/vendor/assets/stylesheets/uniform/helpers/padding.scss
@@ -0,0 +1,74 @@
+@include apply-media-sizes('.pad'){
+ padding: 1em;
+}
+@include apply-media-sizes('.pad-tiny'){
+ padding: 0.25em;
+}
+@include apply-media-sizes('.pad-less'){
+ padding: 0.5em;
+}
+@include apply-media-sizes('.pad-more'){
+ padding: 2em;
+}
+@include apply-media-sizes('.pad-super'){
+ padding: 4em;
+}
+@include apply-media-sizes('.pad-more-important'){
+ padding: 2em !important;
+}
+.pad-h{
+ padding-left: 1em;
+ padding-right: 1em;
+}
+.pad-h-less{
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+}
+.pad-v{
+ padding-top: 1em;
+ padding-bottom: 1em;
+}
+.pad-v-less{
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+}
+.pad-v-more{
+ padding-top: 2em;
+ padding-bottom: 2em;
+}
+.pad-v-super{
+ padding-top: 4em;
+ padding-bottom: 4em;
+}
+.pad-none{
+ padding:0 !important;
+}
+.pad-none-h{
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+}
+.un-pad{
+ margin-left: -1em;
+ margin-right: -1em;
+}
+.un-pad-less{
+ margin-left: -0.5em;
+ margin-right: -0.5em;
+}
+.x-pad{
+ padding: 4em;
+}
+@each $direction in 'top' 'right' 'bottom' 'left' {
+ @include apply-media-sizes('.pad-#{$direction}-tiny'){
+ padding-#{$direction}: 0.25em !important;
+ }
+ @include apply-media-sizes('.pad-#{$direction}-less'){
+ padding-#{$direction}: 0.5em !important;
+ }
+ @include apply-media-sizes('.pad-#{$direction}'){
+ padding-#{$direction}: 1em !important;
+ }
+ @include apply-media-sizes('.pad-#{$direction}-more'){
+ padding-#{$direction}: 2em !important;
+ }
+}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/helpers/sizes.scss b/vendor/assets/stylesheets/uniform/helpers/sizes.scss
new file mode 100644
index 00000000..14056deb
--- /dev/null
+++ b/vendor/assets/stylesheets/uniform/helpers/sizes.scss
@@ -0,0 +1,31 @@
+@for $i from 1 through 100 {
+ .col-#{$i * 5}-px { flex: 0 0 #{$i * 5 +"px"}; max-width: #{$i * 5 + "px"}; }
+ .col-#{$i}-p { flex: 0 0 #{$i+"%"}; max-width: #{$i + "%"}; }
+ .width-#{$i}-p { width: #{$i + "%"}; max-width: #{$i + "%"}; }
+ .width-#{$i * 5}-px { width: #{$i * 5 + "px"}; }
+ .max-width-#{$i * 5}-px { max-width: #{$i * 5 + "px"}; }
+ .max-width-#{$i}-p { max-width: #{$i + "%"}; }
+ .height-#{$i * 5}-px { height: #{$i * 5 + "px"}; }
+ .height-#{$i * 5}-p { height: #{$i * 5 + "%"}; }
+ .max-height-#{$i * 5}-px { max-height: #{$i * 5 + "px"}; }
+}
+@for $i from 1 through 20 {
+ .width-#{$i * 5}-vw { width: #{$i * 5 +"vw"}; }
+ .height-#{$i * 5}-vh { height: #{$i * 5 +"vh"}; }
+ .min-height-#{$i * 5}-vh { min-height: #{$i * 5 +"vh"}; }
+}
+
+@each $name, $size in ('sm', $sm) ('md', $md) ('lg', $lg) ('xl', $xl) {
+ @include media($size){
+ @for $i from 1 through 100 {
+ .col-#{$i * 5}-px-#{$name} { flex: 0 0 #{$i * 5 +"px"}; max-width: #{$i * 5 + "px"}; }
+ .col-#{$i}-p-#{$name} { flex: 0 0 #{$i+"%"}; max-width: #{$i + "%"}; }
+ .width-#{$i}-p-#{$name} { width: #{$i + "%"}; max-width: #{$i + "%"}; }
+ .width-#{$i * 5}-px-#{$name} { width: #{$i * 5 + "px"}; }
+ }
+ @for $i from 1 through 20 {
+ .height-#{$i * 5}-vh-#{$name} { height: #{$i * 5 +"vh"}; }
+ .min-height-#{$i * 5}-vh-#{$name} { min-height: #{$i * 5 +"vh"}; }
+ }
+ }
+}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/helpers/text.scss b/vendor/assets/stylesheets/uniform/helpers/text.scss
new file mode 100644
index 00000000..fcb9e482
--- /dev/null
+++ b/vendor/assets/stylesheets/uniform/helpers/text.scss
@@ -0,0 +1,121 @@
+.text-caps{
+ text-transform: uppercase;
+}
+.text-small-less{
+ font-size: 0.9em;
+}
+@include apply-media-sizes('.text-small'){
+ font-size: 0.8em;
+}
+@include apply-media-sizes('.text-large'){
+ font-size: 1.2em;
+}
+.text-1rem{
+ font-size: 1rem;
+}
+.text-larger{
+ font-size: 1.4em;
+}
+.text-super{
+ font-size: 3em;
+}
+.text-subtle{
+ font-size: 90%;
+ opacity: 0.8;
+}
+.text-subtle-more{
+ font-size: 80%;
+ opacity: 0.6;
+}
+.text-muted{
+ opacity: 0.8;
+}
+.text-muted-more{
+ opacity: 0.6;
+}
+@include apply-media-sizes('.text-left'){
+ text-align: left !important;
+}
+@include apply-media-sizes('.text-right'){
+ text-align: right;
+}
+@include apply-media-sizes('.text-center'){
+ text-align: center;
+}
+.text-justify{
+ text-align: justify;
+}
+.text-overflow{
+ @include text-overflow;
+}
+.text-bold{
+ font-weight: 700;
+}
+.text-light{
+ font-weight: 300;
+}
+.text-lightest{
+ font-weight: 100;
+}
+.text-normal{
+ font-weight: normal !important;
+}
+.text-middle{
+ vertical-align:middle;
+}
+.text-top{
+ vertical-align:top;
+}
+.text-tight{
+ line-height:1.3;
+}
+.required{
+ color:$red;
+}
+.warn:hover{
+ color:$red;
+}
+p.large{
+ font-size:1.5em;
+ font-weight:300;
+}
+.text-italic{
+ font-style: italic;
+}
+.text-no-wrap{
+ white-space: nowrap;
+ overflow:hidden;
+}
+.text-no-decoration{
+ text-decoration: none;
+ a{
+ text-decoration: none;
+ }
+}
+.text-height-1{
+ line-height: 1;
+}
+
+.text-warn{
+ &:hover{
+ color:$red !important;
+ }
+}
+blockquote.quote{
+ font-style: italic;
+ border:none;
+ position:relative;
+ z-index: 2;
+ padding-left: 2em;
+ &::before{
+ font-family: $system-font;
+ z-index: -1;
+ position:absolute;
+ top: 0;
+ left: -1rem;
+ line-height: 0.7;
+ font-size:8em;
+ color: rgba(black, 0.1);
+ content: "“";
+ }
+}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/mixins.scss b/vendor/assets/stylesheets/uniform/mixins.scss
index 25d11456..cd070259 100644
--- a/vendor/assets/stylesheets/uniform/mixins.scss
+++ b/vendor/assets/stylesheets/uniform/mixins.scss
@@ -1,17 +1,5 @@
-@mixin opacity($o: 1){
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+$o*100+")";
- filter: alpha(opacity=$o*100);
- -moz-opacity: $o;
- -khtml-opacity: $o;
- opacity: $o;
-}
-@mixin blur($amount: 5px){
- filter: blur($amount);
- -webkit-filter: blur($amount);
- -moz-filter: blur($amount);
- -o-filter: blur($amount);
- -ms-filter: blur($amount);
-}
+$text-inputs: "input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio])";
+
@mixin text-overflow($inherit:false){
@if $inherit == false {
text-overflow: ellipsis;
@@ -42,18 +30,18 @@
@mixin vertical-middle(){
position:absolute;
top:50%;
- @include transform(translateY(-50%));
+ transform: translateY(-50%);
}
@mixin horizontal-center(){
position:absolute;
left:50%;
- @include transform(translateX(-50%));
+ transform: translateX(-50%);
}
@mixin align-middle(){
position:absolute;
left:50%;
top:50%;
- @include transform(translate(-50%, -50%));
+ transform: translate(-50%, -50%);
}
@mixin clean-icon(){
-webkit-backface-visibility: hidden; // Some weird safari bug involving hovering on li or a
@@ -61,42 +49,29 @@
-webkit-font-smoothing: antialiased;
}
-// Borrowed from Neat.io v1.8.0
-$default-feature: min-width;
-$grid-columns: 12 !default;
-@mixin media($query: $feature $value $columns, $total-columns: $grid-columns) {
- @if length($query) == 1 {
- @media screen and ($default-feature: nth($query, 1)) {
- $default-grid-columns: $grid-columns;
- $grid-columns: $total-columns !global;
- @content;
- $grid-columns: $default-grid-columns !global;
+@mixin media($query) {
+ @media only screen and (#{$query}){
+ @content;
}
- } @else {
- $loop-to: length($query);
- $media-query: "screen and ";
- $default-grid-columns: $grid-columns;
- $grid-columns: $total-columns !global;
+}
- @if is-not(is-even(length($query))) {
- $grid-columns: nth($query, $loop-to) !global;
- $loop-to: $loop-to - 1;
+@mixin apply-media-sizes($base-name){
+ #{$base-name}{
+ @content
}
-
- $i: 1;
- @while $i <= $loop-to {
- $media-query: $media-query + "(" + nth($query, $i) + ": " + nth($query, $i + 1) + ") ";
-
- @if ($i + 1) != $loop-to {
- $media-query: $media-query + "and ";
- }
-
- $i: $i + 2;
+ @each $name, $size in ('sm', $sm) ('md', $md) ('lg', $lg) ('xl', $xl) {
+ @include media($size){
+ #{$base-name}-#{$name}{
+ @content
+ }
+ }
}
+}
- @media #{$media-query} {
- @content;
- $grid-columns: $default-grid-columns !global;
- }
- }
+@mixin position-fill() {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
}
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/uniform/mixins/grid-framework.scss b/vendor/assets/stylesheets/uniform/mixins/grid-framework.scss
deleted file mode 100644
index 579a7b48..00000000
--- a/vendor/assets/stylesheets/uniform/mixins/grid-framework.scss
+++ /dev/null
@@ -1,142 +0,0 @@
-//----------------------------------------------------------------
-// Borrowed from Bootstrap
-//----------------------------------------------------------------
-
-$screen-xs: 480px !default;
-$screen-sm: 768px !default;
-$screen-md: 992px !default;
-$screen-lg: 1200px !default;
-
-$grid-columns: 12 !default;
-$grid-gutter-width: 30px !default;
-$container-sm: (720px + $grid-gutter-width);
-$container-md: (940px + $grid-gutter-width);
-$container-lg: (1140px + $grid-gutter-width);
-
-$xs: new-breakpoint(max-width 767px);
-$sm: new-breakpoint(min-width 768px max-width 991px);
-$md: new-breakpoint(min-width 992px max-width 1199px);
-$lg: new-breakpoint(min-width 1200px);
-$max-xs: new-breakpoint(max-width 767px);
-$max-sm: new-breakpoint(max-width 991px);
-$max-md: new-breakpoint(max-width 1199px);
-$max-lg: new-breakpoint(min-width 1200px);
-$min-xs: new-breakpoint(min-width 480px);
-$min-sm: new-breakpoint(min-width 768px);
-$min-md: new-breakpoint(min-width 992px);
-$min-lg: new-breakpoint( min-width 1200px);
-
-@mixin clearfix() {
- &:before,
- &:after {
- content: " "; // 1
- display: table; // 2
- }
- &:after {
- clear: both;
- }
-}
-
-// Grid system
-//
-// Generate semantic grid columns with these mixins.
-
-// Centered container element
-@mixin container-fixed($gutter: $grid-gutter-width) {
- margin-right: auto;
- margin-left: auto;
- padding-left: floor(($gutter / 2));
- padding-right: ceil(($gutter / 2));
- @include clearfix;
-}
-
-// Creates a wrapper for a series of columns
-@mixin make-row($gutter: $grid-gutter-width) {
- margin-left: ceil(($gutter / -2));
- margin-right: floor(($gutter / -2));
- @include clearfix;
-}
-
-// Framework grid generation
-//
-// Used only by Bootstrap to generate the correct number of grid classes given
-// any value of `$grid-columns`.
-
-// [converter] This is defined recursively in LESS, but Sass supports real loops
-@mixin make-grid-columns($i: 1, $list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}") {
- @for $i from (1 + 1) through $grid-columns {
- $list: "#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
- }
- #{$list} {
- position: relative;
- // Prevent columns from collapsing when empty
- min-height: 1px;
- // Inner gutter via padding
- padding-left: ceil(($grid-gutter-width / 2));
- padding-right: floor(($grid-gutter-width / 2));
- }
-}
-
-
-// [converter] This is defined recursively in LESS, but Sass supports real loops
-@mixin float-grid-columns($class, $i: 1, $list: ".col-#{$class}-#{$i}") {
- @for $i from (1 + 1) through $grid-columns {
- $list: "#{$list}, .col-#{$class}-#{$i}";
- }
- #{$list} {
- float: left;
- }
-}
-
-
-@mixin calc-grid-column($index, $class, $type) {
- @if ($type == width) and ($index > 0) {
- .col-#{$class}-#{$index} {
- width: percentage(($index / $grid-columns));
- }
- }
- @if ($type == push) and ($index > 0) {
- .col-#{$class}-push-#{$index} {
- left: percentage(($index / $grid-columns));
- }
- }
- @if ($type == push) and ($index == 0) {
- .col-#{$class}-push-0 {
- left: auto;
- }
- }
- @if ($type == pull) and ($index > 0) {
- .col-#{$class}-pull-#{$index} {
- right: percentage(($index / $grid-columns));
- }
- }
- @if ($type == pull) and ($index == 0) {
- .col-#{$class}-pull-0 {
- right: auto;
- }
- }
- @if ($type == offset) {
- .col-#{$class}-offset-#{$index} {
- margin-left: percentage(($index / $grid-columns));
- }
- }
-}
-
-// [converter] This is defined recursively in LESS, but Sass supports real loops
-@mixin loop-grid-columns($columns, $class, $type) {
- @for $i from 0 through $columns {
- @include calc-grid-column($i, $class, $type);
- }
-}
-
-
-// Create grid for specific class
-@mixin make-grid($class) {
- @include float-grid-columns($class);
- @include loop-grid-columns($grid-columns, $class, width);
- @include loop-grid-columns($grid-columns, $class, pull);
- @include loop-grid-columns($grid-columns, $class, push);
- @include loop-grid-columns($grid-columns, $class, offset);
-}
-
-
diff --git a/vendor/assets/stylesheets/uniform/variables.scss b/vendor/assets/stylesheets/uniform/variables.scss
index 3923e191..12233275 100644
--- a/vendor/assets/stylesheets/uniform/variables.scss
+++ b/vendor/assets/stylesheets/uniform/variables.scss
@@ -1,7 +1,7 @@
// Colors
$gray:#505153;
-$gray-light: #d9d9d9;
+$gray-light: #cccccc;
$gray-dark:darken($gray, 10);
$green:#97C848;
@@ -15,6 +15,7 @@ $blue-dark:#167DBA;
$red:#E1563E;
$red-light:#E5766C;
$red-dark:#971710;
+$red-bright:#ffab9b;
$yellow: #D7E542;
$yellow-dark: #BBC02C;
@@ -25,30 +26,11 @@ $background: lighten($gray, 63);
$text-inputs: "input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio])";
-//----------------------------------------------------------------
-// TODO add breaks for sizes based on bootstrap
-//----------------------------------------------------------------
-
-//----------------------------------------------------------------
-// Scoped Fortycons
-//----------------------------------------------------------------
-@font-face {
- font-family: "fortycons";
- src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAa0AA0AAAAACegAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGmAAAABoAAAAcejGAE09TLzIAAAGgAAAASQAAAGBP8V2PY21hcAAAAhgAAABjAAABasT8+NNjdnQgAAACfAAAAAQAAAAEABEBRGdhc3AAAAaQAAAACAAAAAj//wADZ2x5ZgAAAqQAAAJgAAADgKSJlBZoZWFkAAABMAAAAC4AAAA2CTBYU2hoZWEAAAFgAAAAHQAAACQD5gHLaG10eAAAAewAAAAqAAAALAURAXVsb2NhAAACgAAAACQAAAAkBnIHWm1heHAAAAGAAAAAHwAAACAAVwBRbmFtZQAABQQAAAEtAAACH1PcdXNwb3N0AAAGNAAAAFsAAACs9304oXjaY2BkYGAA4pQC8+/x/DZfGbiZGEDgCjf3awT9/yjjb8bdQC4HA1gaACXyCuEAAHjaY2BkYGDc/f8ogx4TAwgw/mZgZEAFrABjGAO0AAAAeNpjYGRgYBBkUGBgYQABJiBmZACJOTDogQQACGYAqQB42mNgYXzJOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGAQYECEhzTWFoYFD42M144P8BBj3G3QzWIDVIShQYGAFROAwjAAAAeNpj2M0gyAACq4D4BAMDEwODMkMXECoD+UJgGRUGBQZjBlaGBAB0WASJAAB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTAxqDwUeSj7EfFj1Ufu///B4orfBT8KPVRAcjv+v///2O+z3zv+N7wTeFrhZqDBBjZGOCCjExAggldAcQJwxkAAJf1F34AABEBRAAAACoAKgAqACoASgBqAIgAqgDEAOAA+gEUATQBagGCAawBwHjaZZLPaxNBFMff2+2brZm4221rAjZQ8zsXW8ymiYfQivaiIILSi4fQivQgXrxUyEFyKCIqNhAQRISC9GQvidA9iIsKIhYK+QPqSRAPij0pWNk4bze1LcLsMvtmPt/v980OaGADwBOcAx0MmGgjTFY7xgB8L7YFbVc7uqam0Na5TFzuGAL/VDvIdcd27Lxjp+17txcXcc5/YaOj1BDScAE/YRmGAEbilXIxNmqhSE1irlQunvU8siK0KUyxSRELT7kuSZM+khqmhIC/3/uMS/iM+WxsNCRnMNTBWwe2k6sdFCPvP34G8+w6jmGGXGnlkJ92OE2Q/XyQfVh55w0Tc/nQmxVECj3P049EdPqHXHJdXdN0sd8CqgzXMYsROAqQ2W/dSRYxKxpkqUcaCIO+RQ1Sw2JmGE6Ci1eYGbEP9uxKtU0wJ/FMDwypvkyWCHsFxa2FXDlsccoOGl4LEIY/mH1HZkPmMmbhV5hPpJOpvRYxKwf7Foq7GeLKWzEZOI7buAiWEogpH5VPMeNYKcexK+XvqFyRMhWVC1syiqejclfKpoympLy2JaW6XSd6O/gGm4qPwzj/18MauSIfb64UK5ZLuZQYxYtES0TnhBgimpgX9Hy9Xl+vP1qu1ZZrO4LXZomGhJhYIGrWefFnjRcBNHB6X/ELPg3uNIxU0EjmMe4k8HHCv8tvvJPwbyR4xmc4ANR7j7v4KtjP+aDCN3sqeYyTcKJMP923wkucnt1oNDYa/utuq9VtJXHaf/egUPjR4Opqi4vAGeZhDFfxaphhTy/gx3DGf/uwUFDb/gKY8a9XeNqFj89qwkAYxGf9V3IpxUNvhe9SUDBhjSAoPSnm0KMFD71JSJOgZmWN0LxBj32SPlEfppO47algYPl+Ozs7OwFwiy8oXL4HPDlW8FA4buEGH47beMS34w48de+4izu1cNyjntKpOh538+ZWzQp9vDpu8d13x20849NxB33VctyFKHHco/6CJQyOqGCRI0WGEoIBYgw5Q2iMMcWIvEDC9oIVPQfsuMPSHCubp1kpg3gooR5PR7JIClllhx2P35hsmVcxzfDuiZKxZRWbgrhmQooz9tjShXWSnvdbQtR4y2ZaOpKmR8Amwv+Wf1IveogJfMy4flsjMkUZGZsmEgZa5vL3Ojmc+DO/rnyt54YNLLW8ORNm1+lBM+tO2CT2lJtCtB4HWmu5EvgDhrVU0QAAAHjabcw9DkBAFATgN7tY/4nSLeyS0FriLhqd+7kZwuhMMvmayYiSJ+chtfylugtRoqGgESBEBIMYCVJkyFGgNPu2LtZa6mhLOzpSTyc6v7qG8qfnfvj0F1PpHzUAAAAAAf//AAJ42mNgYGBkAIJL0hk2IPoKN/drGA0ANXYFPQAA") format("woff");
- font-weight: normal;
- font-style: normal;
-}
-$fortycons:"fortycons";
-$fortycon-add: "\f18b";
-$fortycon-add-outline: "\f18a";
-$fortycon-arrow-down-large: "\f111";
-$fortycon-arrow-left-large: "\f112";
-$fortycon-arrow-right-large: "\f113";
-$fortycon-arrow-up-large: "\f114";
-$fortycon-caret-down: "\f11a";
-$fortycon-caret-left: "\f11b";
-$fortycon-caret-right: "\f11c";
-$fortycon-caret-up: "\f11d";
-$fortycon-check: "\f120";
-$fortycon-check-outline: "\f121";
-$fortycon-x: "\f17a";
\ No newline at end of file
+$system-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+
+// Responsive Breakpoints
+// breakpoints at 720, 1080, 1440
+$sm: "max-width: 719px";
+$md: "min-width: 720px";
+$lg: "min-width: 1080px";
+$xl: "min-width: 1440px";
\ No newline at end of file
+
+ 
-
- 
- 
- 
-
-
-
- John Doe
- ABC Designs
-
-
- Garland, TX
-
-
- Texas Ranger Fan
-
-
-
-
-
- 
-