@charset "UTF-8";

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Removes default margin.
 */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
  font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
  padding: 0;
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes number input spinners in Firefox and Webkit browsers
 */

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Remove list style
 */

ol,
ul {
  list-style: none;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

body {
  background: #F8F8FA;
}

a {
  color: #00a1ee;
  text-decoration: none;
}

a:focus,
a:hover {
  color: #22b8ff;
}

a:active {
  color: #007fbb;
}

a:focus,
a:hover,
a:active {
  text-decoration: underline;
}

a:hover {
  cursor: pointer;
}

a.uncolored,
a.uncolored:hover,
a.uncolored:focus,
a.uncolored:active,
a.uncolored:visited {
  color: inherit;
}

a.undecorated,
a.undecorated:hover,
a.undecorated:focus,
a.undecorated:active {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

ul {
  margin: 0;
}

address {
  font-style: normal;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

fieldset {
  padding: 0;
  border: 0;
}

label:hover {
  cursor: pointer;
}

hr {
  border: none;
  border-top: 1px solid #D2D6DF;
  height: 0;
  margin: 0;
}

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

@font-face {
  font-family: 'briteicons';
  src: url("../../../fonts/briteicons.eot");
  src: url("../../../fonts/briteicons.eot#iefix") format("embedded-opentype"), url("../../../fonts/briteicons.woff2") format("woff2"), url("../../../fonts/briteicons.woff") format("woff"), url("../../../fonts/briteicons.svg#briteiconsregular") format("svg"), url("../../../fonts/briteicons.ttf") format("truetype");
}

[class^="ico-"],
[class*=" ico-"],
.ico {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline;
  vertical-align: baseline;
}

.ico-unlock:before {
  content: "";
}

.ico-lock:before {
  content: "";
}

.ico-mail:before {
  content: "";
}

.ico-calendar:before {
  content: "";
}

.ico-addcalendar:before {
  content: "";
}

.ico-clock:before {
  content: "";
}

.ico-location:before {
  content: "";
}

.ico-location-v2:before {
  content: "";
}

.ico-share:before {
  content: "";
}

.ico-star:before {
  content: "";
}

.ico-heart:before {
  content: "";
}

.ico-help:before {
  content: "";
}

.ico-home:before {
  content: "";
}

.ico-bookmark:before {
  content: "";
}

.ico-bookmarked:before {
  content: "";
}

.ico-search:before {
  content: "";
}

.ico-search-v2:before {
  content: "";
}

.ico-repeating:before {
  content: "";
}

.ico-filter:before {
  content: "";
}

.ico-friends:before {
  content: "";
}

.ico-cash:before {
  content: "";
}

.ico-credit-card:before {
  content: "";
}

.ico-list:before {
  content: "";
}

.ico-city:before {
  content: "";
}

.ico-tickets:before {
  content: "";
}

.ico-settings:before {
  content: "";
}

.ico-write:before {
  content: "";
}

.ico-event:before {
  content: "";
}

.ico-globe:before {
  content: "";
}

.ico-phone:before {
  content: "";
}

.ico-link:before {
  content: "";
}

.ico-person:before {
  content: "";
}

.ico-webpage:before {
  content: "";
}

.ico-chatbubbles:before {
  content: "";
}

.ico-chart:before {
  content: "";
}

.ico-photo:before {
  content: "";
}

.ico-gallery:before {
  content: "";
}

.ico-camera:before {
  content: "";
}

.ico-circle-cross:before {
  content: "";
}

.ico-cross:before {
  content: "";
}

.ico-checkmark:before {
  content: "";
}

.ico-circle-checkmark:before {
  content: "";
}

.ico-print:before {
  content: "";
}

.ico-receipt:before {
  content: "";
}

.ico-trash:before {
  content: "";
}

.ico-gripper:before {
  content: "";
}

.ico-computer:before {
  content: "";
}

.ico-invisible:before {
  content: "";
}

.ico-refresh:before {
  content: "";
}

.ico-addperson:before {
  content: "";
}

.ico-circle-plus:before {
  content: "";
}

.ico-playvideo:before {
  content: "";
}

.ico-plus:before {
  content: "";
}

.ico-minus:before {
  content: "";
}

.ico-upload:before {
  content: "";
}

.ico-download:before {
  content: "";
}

.ico-circle-play:before {
  content: "";
}

.ico-play:before {
  content: "";
}

.ico-ticket:before {
  content: "";
}

.ico-document:before {
  content: "";
}

.ico-copy:before {
  content: "";
}

.ico-save:before {
  content: "";
}

.ico-previous-location:before {
  content: "";
}

.ico-hurry:before {
  content: "";
}

.ico-frown:before {
  content: "";
}

.ico-menu:before {
  content: "";
}

.ico-menu-v2:before {
  content: "";
}

.ico-promote:before {
  content: "";
}

.ico-tablet:before {
  content: "";
}

.ico-add-many:before {
  content: "";
}

.ico-compass:before {
  content: "";
}

.ico-coffee:before {
  content: "";
}

.ico-section:before {
  content: "";
}

.ico-section-right:before {
  content: "";
}

.ico-section-justified:before {
  content: "";
}

.ico-section-left:before {
  content: "";
}

.ico-table:before {
  content: "";
}

.ico-not-seated:before {
  content: "";
}

.ico-object:before {
  content: "";
}

.ico-text:before {
  content: "";
}

.ico-bar:before {
  content: "";
}

.ico-food:before {
  content: "";
}

.ico-exit:before {
  content: "";
}

.ico-bathroom:before {
  content: "";
}

.ico-dancefloor:before {
  content: "";
}

.ico-resize-grave:before {
  content: "";
}

.ico-resize-aigu:before {
  content: "";
}

.ico-rotate:before {
  content: "";
}

.ico-square:before {
  content: "";
}

.ico-open-circle:before {
  content: "";
}

.ico-line:before {
  content: "";
}

.ico-focal-on:before {
  content: "";
}

.ico-focal-off:before {
  content: "";
}

.ico-bold:before {
  content: "";
}

.ico-italic:before {
  content: "";
}

.ico-strikethrough:before {
  content: "";
}

.ico-headline:before {
  content: "";
}

.ico-list-ol:before {
  content: "";
}

.ico-undo:before {
  content: "";
}

.ico-redo:before {
  content: "";
}

.ico-move:before {
  content: "";
}

.ico-view-event-page:before {
  content: "";
}

.ico-scan:before {
  content: "";
}

.ico-hashtag:before {
  content: "";
}

.ico-tiki:before {
  content: "";
}

.ico-status-private:before {
  content: "";
}

.ico-signal:before {
  content: "";
}

.ico-cart:before {
  content: "";
}

.ico-team-created:before {
  content: "";
}

.ico-information:before {
  content: "";
}

.ico-info:before {
  content: "";
}

.ico-circle-minus:before {
  content: "";
}

.ico-error:before {
  content: "";
}

.ico-success:before {
  content: "";
}

.ico-alert:before {
  content: "";
}

.ico-solid-circle:before {
  content: "";
}

.ico-seated:before {
  content: "";
}

.ico-grid-view:before {
  content: "";
}

.ico-list-view:before {
  content: "";
}

.ico-music:before {
  content: "";
}

.ico-sports:before {
  content: "";
}

.ico-fundraising:before {
  content: "";
}

.ico-political:before {
  content: "";
}

.ico-conferences:before {
  content: "";
}

.ico-fairs:before {
  content: "";
}

.ico-classes:before {
  content: "";
}

.ico-party:before {
  content: "";
}

.ico-walking:before {
  content: "";
}

.ico-car:before {
  content: "";
}

.ico-public-transit:before {
  content: "";
}

.ico-bike:before {
  content: "";
}

.ico-puzzle:before {
  content: "";
}

.ico-science:before {
  content: "";
}

.ico-business:before {
  content: "";
}

.ico-performances:before {
  content: "";
}

.ico-wellness:before {
  content: "";
}

.ico-religion:before {
  content: "";
}

.ico-travel:before {
  content: "";
}

.ico-foodie:before {
  content: "";
}

.ico-fashion:before {
  content: "";
}

.ico-lifestyle:before {
  content: "";
}

.ico-holidays:before {
  content: "";
}

.ico-media:before {
  content: "";
}

.ico-family:before {
  content: "";
}

.ico-signing:before {
  content: "";
}

.ico-camping:before {
  content: "";
}

.ico-attraction:before {
  content: "";
}

.ico-gaming:before {
  content: "";
}

.ico-meeting:before {
  content: "";
}

.ico-expo:before {
  content: "";
}

.ico-rally:before {
  content: "";
}

.ico-convention:before {
  content: "";
}

.ico-dinner:before {
  content: "";
}

.ico-screening:before {
  content: "";
}

.ico-tournament:before {
  content: "";
}

.ico-clip-board:before {
  content: "";
}

.ico-gift:before {
  content: "";
}

.ico-chat:before {
  content: "";
}

.ico-currency:before {
  content: "";
}

.ico-star-half:before {
  content: "";
}

.ico-star-full:before {
  content: "";
}

.ico-eventbrite-logo:before {
  content: "";
}

.ico-eventbrite-badge:before {
  content: "";
}

.ico-eventbrite-wordmark:before {
  content: "";
}

.ico-eventbrite-e:before {
  content: "";
}

.ico-facebook-logo:before {
  content: "";
}

.ico-facebook-badge:before {
  content: "";
}

.ico-facebook-messenger-badge:before {
  content: "";
}

.ico-twitter-logo:before {
  content: "";
}

.ico-twitter-badge:before {
  content: "";
}

.ico-google-plus-badge:before {
  content: "";
}

.ico-rss-badge:before {
  content: "";
}

.ico-linkedin-badge:before {
  content: "";
}

.ico-email-badge:before {
  content: "";
}

.ico-chat-badge:before {
  content: "";
}

.ico-instagram-logo:before {
  content: "";
}

.ico-instagram-badge:before {
  content: "";
}

.ico-link-badge:before {
  content: "";
}

.ico-phone-badge:before {
  content: "";
}

.ico-outlook-badge:before {
  content: "";
}

.ico-google-calendar-badge:before {
  content: "";
}

.ico-apple-calendar-badge:before {
  content: "";
}

.ico-yahoo-badge:before {
  content: "";
}

.ico-gmail-badge:before {
  content: "";
}

.ico-csv-badge:before {
  content: "";
}

.ico-pinterest-badge:before {
  content: "";
}

.ico-whatsapp-badge:before {
  content: "";
}

.ico-arrow-up:before {
  content: "";
}

.ico-arrow-right:before {
  content: "";
}

.ico-arrow-down:before {
  content: "";
}

.ico-arrow-left:before {
  content: "";
}

.ico-arrow-dropdown:before {
  content: "";
}

.ico-omnes-arrow-up:before {
  content: "";
}

.ico-omnes-arrow-right:before {
  content: "";
}

.ico-omnes-arrow-down:before {
  content: "";
}

.ico-omnes-arrow-left:before {
  content: "";
}

.ico-arrow-tail-right:before {
  content: "";
}

.ico-arrow-tail-down:before {
  content: "";
}

.ico-trending-up:before {
  content: "";
}

.ico-star-circle:before {
  content: "";
}

.ico-avatar:before {
  content: "";
}

.ico--color-brand-orange {
  color: #f6682f;
  color: #f6682f;
}

a:hover .ico--color-brand-orange,
a:focus .ico--color-brand-orange,
a.is-hover .ico--color-brand-orange {
  color: #f88659;
  color: rgba(246, 104, 47, 0.8);
}

.ico--color-brand-red {
  color: #ff0044;
  color: #ff0044;
}

a:hover .ico--color-brand-red,
a:focus .ico--color-brand-red,
a.is-hover .ico--color-brand-red {
  color: #ff3369;
  color: rgba(255, 0, 68, 0.8);
}

.ico--color-brand-yellow {
  color: #ffdb00;
  color: #ffdb00;
}

a:hover .ico--color-brand-yellow,
a:focus .ico--color-brand-yellow,
a.is-hover .ico--color-brand-yellow {
  color: #ffe233;
  color: rgba(255, 219, 0, 0.8);
}

.ico--color-brand-teal {
  color: #00a8f2;
  color: #00a8f2;
}

a:hover .ico--color-brand-teal,
a:focus .ico--color-brand-teal,
a.is-hover .ico--color-brand-teal {
  color: #33b9f5;
  color: rgba(0, 168, 242, 0.8);
}

.ico--color-brand-light-blue {
  color: #00a8f2;
  color: #00a8f2;
}

a:hover .ico--color-brand-light-blue,
a:focus .ico--color-brand-light-blue,
a.is-hover .ico--color-brand-light-blue {
  color: #33b9f5;
  color: rgba(0, 168, 242, 0.8);
}

.ico--color-brand-dark-green {
  color: #00cc52;
  color: #00cc52;
}

a:hover .ico--color-brand-dark-green,
a:focus .ico--color-brand-dark-green,
a.is-hover .ico--color-brand-dark-green {
  color: #33d675;
  color: rgba(0, 204, 82, 0.8);
}

.ico--color-brand-green {
  color: #00cc52;
  color: #00cc52;
}

a:hover .ico--color-brand-green,
a:focus .ico--color-brand-green,
a.is-hover .ico--color-brand-green {
  color: #33d675;
  color: rgba(0, 204, 82, 0.8);
}

.ico--color-brand-dark-gray {
  color: #666a73;
  color: #666a73;
}

a:hover .ico--color-brand-dark-gray,
a:focus .ico--color-brand-dark-gray,
a.is-hover .ico--color-brand-dark-gray {
  color: #85888f;
  color: rgba(102, 106, 115, 0.8);
}

.ico--color-brand-purple-rain {
  color: #f20cb6;
  color: #f20cb6;
}

a:hover .ico--color-brand-purple-rain,
a:focus .ico--color-brand-purple-rain,
a.is-hover .ico--color-brand-purple-rain {
  color: #f53dc5;
  color: rgba(242, 12, 182, 0.8);
}

.ico--color-brand-pink {
  color: #f20cb6;
  color: #f20cb6;
}

a:hover .ico--color-brand-pink,
a:focus .ico--color-brand-pink,
a.is-hover .ico--color-brand-pink {
  color: #f53dc5;
  color: rgba(242, 12, 182, 0.8);
}

.ico--color-brand-white {
  color: white;
  color: white;
}

a:hover .ico--color-brand-white,
a:focus .ico--color-brand-white,
a.is-hover .ico--color-brand-white {
  color: white;
  color: rgba(255, 255, 255, 0.8);
}

.ico--color-understated {
  color: #666a73;
  color: #666a73;
}

a:hover .ico--color-understated,
a:focus .ico--color-understated,
a.is-hover .ico--color-understated {
  color: #85888f;
  color: rgba(102, 106, 115, 0.8);
}

.ico--color-manage {
  color: #45494e;
  color: #45494e;
}

a:hover .ico--color-manage,
a:focus .ico--color-manage,
a.is-hover .ico--color-manage {
  color: #6a6d71;
  color: rgba(69, 73, 78, 0.8);
}

.ico--color-subtle {
  color: #eff2f5;
  color: #eff2f5;
}

a:hover .ico--color-subtle,
a:focus .ico--color-subtle,
a.is-hover .ico--color-subtle {
  color: #f2f5f7;
  color: rgba(239, 242, 245, 0.8);
}

.ico--color-facebook {
  color: #3b5998;
  color: #3b5998;
}

a:hover .ico--color-facebook,
a:focus .ico--color-facebook,
a.is-hover .ico--color-facebook {
  color: #627aad;
  color: rgba(59, 89, 152, 0.8);
}

.ico--color-facebook-messenger {
  color: #0080ff;
  color: #0080ff;
}

a:hover .ico--color-facebook-messenger,
a:focus .ico--color-facebook-messenger,
a.is-hover .ico--color-facebook-messenger {
  color: #3399ff;
  color: rgba(0, 128, 255, 0.8);
}

.ico--color-twitter {
  color: #55acee;
  color: #55acee;
}

a:hover .ico--color-twitter,
a:focus .ico--color-twitter,
a.is-hover .ico--color-twitter {
  color: #77bdf1;
  color: rgba(85, 172, 238, 0.8);
}

.ico--color-pinterest {
  color: #bd081c;
  color: #bd081c;
}

a:hover .ico--color-pinterest,
a:focus .ico--color-pinterest,
a.is-hover .ico--color-pinterest {
  color: #ca3949;
  color: rgba(189, 8, 28, 0.8);
}

.ico--color-linkedin {
  color: #0077b5;
  color: #0077b5;
}

a:hover .ico--color-linkedin,
a:focus .ico--color-linkedin,
a.is-hover .ico--color-linkedin {
  color: #3392c4;
  color: rgba(0, 119, 181, 0.8);
}

.ico--color-googleplus {
  color: #dc4e41;
  color: #dc4e41;
}

a:hover .ico--color-googleplus,
a:focus .ico--color-googleplus,
a.is-hover .ico--color-googleplus {
  color: #e37167;
  color: rgba(220, 78, 65, 0.8);
}

.ico--color-whatsapp {
  color: #25d366;
  color: #25d366;
}

a:hover .ico--color-whatsapp,
a:focus .ico--color-whatsapp,
a.is-hover .ico--color-whatsapp {
  color: #51dc85;
  color: rgba(37, 211, 102, 0.8);
}

.ico--color-is-disabled {
  color: #d2d6df;
  color: #d2d6df;
}

a:hover .ico--color-is-disabled,
a:focus .ico--color-is-disabled,
a.is-hover .ico--color-is-disabled {
  color: #dbdee5;
  color: rgba(210, 214, 223, 0.8);
}

.payment-option {
  width: 35px;
  height: 28px;
  display: inline-block;
}

.payment-option--input {
  margin: 8px 0;
}

.ico--xsmall {
  font-size: 8px;
  line-height: 1;
}

.ico--small {
  font-size: 13px;
  line-height: 1;
}

.ico--medium {
  font-size: 22px;
  line-height: 1;
}

.ico--large,
.chart-panel__icon {
  font-size: 32px;
  line-height: 1;
}

.ico--xlarge {
  font-size: 50px;
  line-height: 55px;
}

.ico--xxlarge {
  font-size: 70px;
  line-height: 75px;
}

.ico--form-input {
  font-size: 16px;
}

.ico--stacked {
  position: relative;
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: baseline;
}

.ico--stacked.ico--xlarge {
  height: 69px;
  width: 60px;
  font-size: 35px;
  line-height: 2.4;
}

.ico--stacked.ico--large,
.ico--stacked.chart-panel__icon {
  height: 28px;
  width: 28px;
  font-size: 20px;
  line-height: 1.7;
}

.ico--stacked.ico--medium {
  height: 18px;
  width: 19px;
  line-height: 1.7;
  font-size: 15px;
}

.ico--stacked.ico--small {
  height: 9px;
  width: 11px;
  line-height: 2;
  font-size: 7px;
}

.ico--stacked .ico--stacked__layer {
  font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ico-circle,
.ico-circle--bordered,
.ico-circle--color-inverted {
  display: inline-block;
  border-radius: 50%;
  font-weight: 600;
  text-align: center;
  vertical-align: text-bottom;
}

.ico--xlarge.ico-circle,
.ico--xlarge.ico-circle--bordered,
.ico--xlarge.ico-circle--color-inverted {
  height: 58px;
  width: 58px;
  font-size: 35px;
  line-height: 2.4;
}

.ico--large.ico-circle,
.ico--large.ico-circle--bordered,
.ico-circle--bordered.chart-panel__icon,
.ico-circle.chart-panel__icon,
.ico--large.ico-circle--color-inverted,
.ico-circle--color-inverted.chart-panel__icon {
  height: 28px;
  width: 28px;
  font-size: 20px;
  line-height: 1.3;
}

.ico--medium.ico-circle,
.ico--medium.ico-circle--bordered,
.ico--medium.ico-circle--color-inverted {
  height: 20px;
  width: 20px;
  line-height: 1.3;
  font-size: 15px;
}

.ico--small.ico-circle,
.ico--small.ico-circle--bordered,
.ico--small.ico-circle--color-inverted {
  height: 12px;
  width: 12px;
  line-height: 1.7;
  font-size: 7px;
}

.ico-circle.ico--color-brand-orange,
.ico--color-brand-orange.ico-circle--bordered {
  background-color: #f6682F;
}

.ico-circle.ico--color-brand-yellow,
.ico--color-brand-yellow.ico-circle--bordered {
  background-color: #ffdb00;
  color: #ffffff;
}

.ico-circle.ico--color-brand-red,
.ico--color-brand-red.ico-circle--bordered {
  background-color: #ff0044;
  color: #ffffff;
}

.ico-circle.ico--color-brand-teal,
.ico--color-brand-teal.ico-circle--bordered,
.ico-circle.ico--color-brand-light-blue,
.ico--color-brand-light-blue.ico-circle--bordered {
  background-color: #00a8f2;
  color: #ffffff;
}

.ico-circle.ico--color-brand-dark-green,
.ico--color-brand-dark-green.ico-circle--bordered,
.ico-circle.ico--color-brand-green,
.ico--color-brand-green.ico-circle--bordered {
  background-color: #00cc52;
  color: #ffffff;
}

.ico-circle.ico--color-brand-pink,
.ico--color-brand-pink.ico-circle--bordered {
  background-color: #f20cb6;
  color: #ffffff;
}

.ico-circle.ico--color-brand-white,
.ico--color-brand-white.ico-circle--bordered {
  background-color: #ffffff;
}

.ico-circle.ico--color-understated,
.ico--color-understated.ico-circle--bordered {
  background-color: #D2D6DF;
  color: #ffffff;
}

.ico-circle.ico--color-faint,
.ico--color-faint.ico-circle--bordered {
  background-color: #EFF2F5;
  color: #666A73;
}

.ico-circle.ico--color-manage,
.ico--color-manage.ico-circle--bordered {
  background-color: #45494E;
  color: #ffffff;
}

.ico-circle--bordered {
  border: 2px solid #666A73;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ico-circle--color-inverted {
  background-color: #F8F8FA;
}

.ico-box {
  display: inline-block;
  text-align: center;
}

.ico-box.ico--small {
  width: 50px;
  font-size: 35px;
  line-height: 45px;
  padding-bottom: 5px;
}

.ico-box.ico--medium {
  width: 50px;
  font-size: 32px;
  line-height: 43px;
  padding-bottom: 7px;
}

.ico-box.ico--large,
.ico-box.chart-panel__icon {
  width: 80px;
  font-size: 60px;
  line-height: 69px;
  padding-bottom: 11px;
}

.ico-box.ico--block {
  width: 100%;
}

.ico-box.ico--color-subtle {
  background-color: #D2D6DF;
}

.ico-box.ico--color-faint {
  background-color: #EFF2F5;
  color: #D2D6DF;
}

.ico-box.ico--color-teal,
.ico-box.ico--color-light-blue {
  background-color: #00a8f2;
}

.bullet-list-ico {
  list-style-type: none;
  padding: 0;
  margin-left: 1.5em;
}

.bullet-list-ico li {
  position: relative;
  padding-top: 5px;
}

.bullet-list-ico li i:first-child {
  position: absolute;
  left: -1.2em;
  width: 1.5em;
  line-height: 1.5;
  text-align: left;
  vertical-align: -15%;
}

.bullet-list-ico li i:first-child.ico--medium {
  line-height: 0.95;
}

.bullet-list-ico li i:first-child.ico--large,
.bullet-list-ico li i.chart-panel__icon:first-child {
  line-height: 0.6;
  left: -1em;
}

.bullet-list-ico.bullet-list-ico--compact li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-right: 2.5em;
}

.bullet-list-ico.bullet-list-ico--compact li:last-child {
  margin-right: 0;
}

.ico--bullet {
  line-height: 1.3em;
  font-size: 1.3em;
  margin-right: 5px;
}

.ico-count {
  position: relative;
}

.ico-count__label {
  position: absolute;
  left: 15px;
  top: -15px;
  display: inline-block;
  color: white;
  background-color: #00a8f2;
  border: 2px solid white;
  border-radius: 15px;
  padding: 2px 5px 3px;
  font-size: 11px;
  line-height: 1;
}

.ico-count--unlimited .ico-count__label {
  height: 5px;
  width: 5px;
  padding: 5px;
  text-indent: -999px;
  overflow: hidden;
}

.ico-count--unlimited .ico-count__label:after {
  content: '';
  width: 5px;
  height: 5px;
  margin: auto;
  border-radius: 15px;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
}

.ico-count--medium .ico-count__label {
  top: -10px;
  left: 10px;
}

.ico-count--zero .ico-count__label {
  display: none;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.grouped-ico {
  list-style-type: none;
  padding-left: 0;
}

.grouped-ico li {
  display: inline;
  list-style-type: none;
  margin-left: 0.15em;
}

.grouped-ico a:focus,
.grouped-ico a:hover {
  text-decoration: none;
}

.grouped-ico--share-links a {
  display: inline-block;
}

.grouped-ico--share-links a:hover > i,
.grouped-ico--share-links a:focus > i,
.grouped-ico--share-links a.is-hover > i {
  opacity: 0.8;
}

.link-list {
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 600;
  list-style: none;
  display: inline-block;
  *display: inline;
  padding: 0;
}

.link-list li {
  padding: 0 10px;
  display: inline-block;
  *display: inline;
}

.link-list a {
  color: #00a1ee;
}

.link-list a:focus,
.link-list a:hover {
  color: #22b8ff;
}

.link-list a:active {
  color: #007fbb;
}

.link-list a:hover,
.link-list a:focus {
  text-decoration: none;
}

.inline-link-list {
  link-style: none;
  padding: 0;
}

.inline-link-list li {
  padding: 0 0.5em;
  display: inline-block;
  *display: inline;
}

.inline-link-list a {
  color: #00a1ee;
}

.inline-link-list a:focus,
.inline-link-list a:hover {
  color: #22b8ff;
}

.inline-link-list a:active {
  color: #007fbb;
}

.inline-link-list a:hover,
.inline-link-list a:focus {
  text-decoration: none;
}

.inline-link-list a i {
  color: #D2D6DF;
  padding: 0 0.2em;
  position: relative;
  top: 3px;
}

.inline-link-list a:hover i,
.inline-link-list a:focus i {
  color: #22b8ff;
}

.inline-link-list a:active i {
  color: #007fbb;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* Used to add gutters and responsive padding classes responsively */

/* Hide the element for a responsive size */

/* Hide the element for a responsive size */

/* Generate the grid for a responsive size */

/* Generate the grid for a responsive size */

/* This mixin makes duplicate 12 column grids, so that we can say grid-1of2 instead of grid-6of12 */

/* Generate the classes for resizing images based on breakpoints */

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* Media queries for responsive design.*/

/* Cascading responsive sizes
 *
 * Design mobile first, styles for small screens will apply to everything
 */

.g-cell,
.timeline__content,
.timeline__date,
.timeline__indicator {
  padding-left: 5px;
  padding-right: 5px;
}

/* Used to provide appropriate sized gutters on off-grid elements */

.l-gutter-left-1 {
  padding-left: 5px;
}

.l-gutter-right-1 {
  padding-right: 5px;
}

/* Used to provide appropriate sized gutters on off-grid elements */

.l-gutter-left-2 {
  padding-left: 10px;
}

.l-gutter-right-2 {
  padding-right: 10px;
}

.g-cell-1-12 {
  width: 8.3333333333%;
}

.g-cell-2-12 {
  width: 16.6666666667%;
}

.g-cell-3-12 {
  width: 25%;
}

.g-cell-4-12 {
  width: 33.3333333333%;
}

.g-cell-5-12 {
  width: 41.6666666667%;
}

.g-cell-6-12 {
  width: 50%;
}

.g-cell-7-12 {
  width: 58.3333333333%;
}

.g-cell-8-12 {
  width: 66.6666666667%;
}

.g-cell-9-12 {
  width: 75%;
}

.g-cell-10-12 {
  width: 83.3333333333%;
}

.g-cell-11-12 {
  width: 91.6666666667%;
}

.g-cell-12-12,
.dialog-frame-content {
  width: 100%;
}

.g-cell-1-9 {
  width: 11.1111111111%;
}

.g-cell-2-9 {
  width: 22.2222222222%;
}

.g-cell-3-9 {
  width: 33.3333333333%;
}

.g-cell-4-9 {
  width: 44.4444444444%;
}

.g-cell-5-9 {
  width: 55.5555555556%;
}

.g-cell-6-9 {
  width: 66.6666666667%;
}

.g-cell-7-9 {
  width: 77.7777777778%;
}

.g-cell-8-9 {
  width: 88.8888888889%;
}

.g-cell-9-9 {
  width: 100%;
}

.g-cell-1-8,
.timeline__indicator {
  width: 12.5%;
}

.g-cell-2-8 {
  width: 25%;
}

.g-cell-3-8 {
  width: 37.5%;
}

.g-cell-4-8 {
  width: 50%;
}

.g-cell-5-8 {
  width: 62.5%;
}

.g-cell-6-8 {
  width: 75%;
}

.g-cell-7-8,
.timeline__content {
  width: 87.5%;
}

.g-cell-8-8 {
  width: 100%;
}

.g-cell-1-4 {
  width: 25%;
}

.g-cell-2-4 {
  width: 50%;
}

.g-cell-3-4 {
  width: 75%;
}

.g-cell-4-4 {
  width: 100%;
}

.g-cell-1-3 {
  width: 33.3333333333%;
}

.g-cell-2-3 {
  width: 66.6666666667%;
}

.g-cell-3-3 {
  width: 100%;
}

.g-cell-1-2 {
  width: 50%;
}

.g-cell-2-2 {
  width: 100%;
}

.g-cell-1-1 {
  width: 100%;
}

.g-offset-0-12 {
  margin-left: 0%;
}

.g-offset-1-12 {
  margin-left: 8.3333333333%;
}

.g-offset-2-12 {
  margin-left: 16.6666666667%;
}

.g-offset-3-12 {
  margin-left: 25%;
}

.g-offset-4-12 {
  margin-left: 33.3333333333%;
}

.g-offset-5-12 {
  margin-left: 41.6666666667%;
}

.g-offset-6-12 {
  margin-left: 50%;
}

.g-offset-7-12 {
  margin-left: 58.3333333333%;
}

.g-offset-8-12 {
  margin-left: 66.6666666667%;
}

.g-offset-9-12 {
  margin-left: 75%;
}

.g-offset-10-12 {
  margin-left: 83.3333333333%;
}

.g-offset-11-12 {
  margin-left: 91.6666666667%;
}

.g-offset-0-9 {
  margin-left: 0%;
}

.g-offset-1-9 {
  margin-left: 11.1111111111%;
}

.g-offset-2-9 {
  margin-left: 22.2222222222%;
}

.g-offset-3-9 {
  margin-left: 33.3333333333%;
}

.g-offset-4-9 {
  margin-left: 44.4444444444%;
}

.g-offset-5-9 {
  margin-left: 55.5555555556%;
}

.g-offset-6-9 {
  margin-left: 66.6666666667%;
}

.g-offset-7-9 {
  margin-left: 77.7777777778%;
}

.g-offset-8-9 {
  margin-left: 88.8888888889%;
}

.g-offset-0-8 {
  margin-left: 0%;
}

.g-offset-1-8 {
  margin-left: 12.5%;
}

.g-offset-2-8 {
  margin-left: 25%;
}

.g-offset-3-8 {
  margin-left: 37.5%;
}

.g-offset-4-8 {
  margin-left: 50%;
}

.g-offset-5-8 {
  margin-left: 62.5%;
}

.g-offset-6-8 {
  margin-left: 75%;
}

.g-offset-7-8 {
  margin-left: 87.5%;
}

.g-offset-0-4 {
  margin-left: 0%;
}

.g-offset-1-4 {
  margin-left: 25%;
}

.g-offset-2-4 {
  margin-left: 50%;
}

.g-offset-3-4 {
  margin-left: 75%;
}

.g-offset-0-3 {
  margin-left: 0%;
}

.g-offset-1-3 {
  margin-left: 33.3333333333%;
}

.g-offset-2-3 {
  margin-left: 66.6666666667%;
}

.g-offset-0-2 {
  margin-left: 0%;
}

.g-offset-1-2 {
  margin-left: 50%;
}

.g-offset-0-1 {
  margin-left: 0%;
}

/* there is no size on this name, because we should be building mobile first */

.img-20 {
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
}

.img-20 img {
  max-width: 20px;
  max-height: 20px;
}

.img-40 {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
}

.img-40 img {
  max-width: 40px;
  max-height: 40px;
}

.img-60 {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
}

.img-60 img {
  max-width: 60px;
  max-height: 60px;
}

.img-90 {
  width: 90px;
  height: 90px;
  max-width: 90px;
  max-height: 90px;
}

.img-90 img {
  max-width: 90px;
  max-height: 90px;
}

.img-110 {
  width: 110px;
  height: 110px;
  max-width: 110px;
  max-height: 110px;
}

.img-110 img {
  max-width: 110px;
  max-height: 110px;
}

.img-150 {
  width: 150px;
  height: 150px;
  max-width: 150px;
  max-height: 150px;
}

.img-150 img {
  max-width: 150px;
  max-height: 150px;
}

.img-240 {
  width: 240px;
  height: 240px;
  max-width: 240px;
  max-height: 240px;
}

.img-240 img {
  max-width: 240px;
  max-height: 240px;
}

.img-330 {
  width: 330px;
  height: 330px;
  max-width: 330px;
  max-height: 330px;
}

.img-330 img {
  max-width: 330px;
  max-height: 330px;
}

.g-cell.timepicker .timepicker-collection,
.timepicker.timeline__content .timepicker-collection,
.timepicker.timeline__date .timepicker-collection,
.timepicker.timeline__indicator .timepicker-collection {
  left: 5px;
  right: 5px;
}

@media only screen and (min-width: 480px) {
  .g-cell,
  .timeline__content,
  .timeline__date,
  .timeline__indicator {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* Used to provide appropriate sized gutters on off-grid elements */

  .l-gutter-left-1 {
    padding-left: 10px;
  }

  .l-gutter-right-1 {
    padding-right: 10px;
  }

  /* Used to provide appropriate sized gutters on off-grid elements */

  .l-gutter-left-2 {
    padding-left: 20px;
  }

  .l-gutter-right-2 {
    padding-right: 20px;
  }

  .g-cell-md-1-12,
  .timeline__indicator {
    width: 8.3333333333%;
  }

  .g-cell-md-2-12,
  .timeline__date {
    width: 16.6666666667%;
  }

  .g-cell-md-3-12 {
    width: 25%;
  }

  .g-cell-md-4-12 {
    width: 33.3333333333%;
  }

  .g-cell-md-5-12 {
    width: 41.6666666667%;
  }

  .g-cell-md-6-12 {
    width: 50%;
  }

  .g-cell-md-7-12 {
    width: 58.3333333333%;
  }

  .g-cell-md-8-12 {
    width: 66.6666666667%;
  }

  .g-cell-md-9-12,
  .timeline__content {
    width: 75%;
  }

  .g-cell-md-10-12,
  .dialog-frame-content {
    width: 83.3333333333%;
  }

  .g-cell-md-11-12 {
    width: 91.6666666667%;
  }

  .g-cell-md-12-12 {
    width: 100%;
  }

  .g-cell-md-1-9 {
    width: 11.1111111111%;
  }

  .g-cell-md-2-9 {
    width: 22.2222222222%;
  }

  .g-cell-md-3-9 {
    width: 33.3333333333%;
  }

  .g-cell-md-4-9 {
    width: 44.4444444444%;
  }

  .g-cell-md-5-9 {
    width: 55.5555555556%;
  }

  .g-cell-md-6-9 {
    width: 66.6666666667%;
  }

  .g-cell-md-7-9 {
    width: 77.7777777778%;
  }

  .g-cell-md-8-9 {
    width: 88.8888888889%;
  }

  .g-cell-md-9-9 {
    width: 100%;
  }

  .g-cell-md-1-8 {
    width: 12.5%;
  }

  .g-cell-md-2-8 {
    width: 25%;
  }

  .g-cell-md-3-8 {
    width: 37.5%;
  }

  .g-cell-md-4-8 {
    width: 50%;
  }

  .g-cell-md-5-8 {
    width: 62.5%;
  }

  .g-cell-md-6-8 {
    width: 75%;
  }

  .g-cell-md-7-8 {
    width: 87.5%;
  }

  .g-cell-md-8-8 {
    width: 100%;
  }

  .g-cell-md-1-4 {
    width: 25%;
  }

  .g-cell-md-2-4 {
    width: 50%;
  }

  .g-cell-md-3-4 {
    width: 75%;
  }

  .g-cell-md-4-4 {
    width: 100%;
  }

  .g-cell-md-1-3 {
    width: 33.3333333333%;
  }

  .g-cell-md-2-3 {
    width: 66.6666666667%;
  }

  .g-cell-md-3-3 {
    width: 100%;
  }

  .g-cell-md-1-2 {
    width: 50%;
  }

  .g-cell-md-2-2 {
    width: 100%;
  }

  .g-cell-md-1-1 {
    width: 100%;
  }

  .g-offset-md-0-12 {
    margin-left: 0%;
  }

  .g-offset-md-1-12,
  .dialog-frame-content {
    margin-left: 8.3333333333%;
  }

  .g-offset-md-2-12 {
    margin-left: 16.6666666667%;
  }

  .g-offset-md-3-12 {
    margin-left: 25%;
  }

  .g-offset-md-4-12 {
    margin-left: 33.3333333333%;
  }

  .g-offset-md-5-12 {
    margin-left: 41.6666666667%;
  }

  .g-offset-md-6-12 {
    margin-left: 50%;
  }

  .g-offset-md-7-12 {
    margin-left: 58.3333333333%;
  }

  .g-offset-md-8-12 {
    margin-left: 66.6666666667%;
  }

  .g-offset-md-9-12 {
    margin-left: 75%;
  }

  .g-offset-md-10-12 {
    margin-left: 83.3333333333%;
  }

  .g-offset-md-11-12 {
    margin-left: 91.6666666667%;
  }

  .g-offset-md-0-9 {
    margin-left: 0%;
  }

  .g-offset-md-1-9 {
    margin-left: 11.1111111111%;
  }

  .g-offset-md-2-9 {
    margin-left: 22.2222222222%;
  }

  .g-offset-md-3-9 {
    margin-left: 33.3333333333%;
  }

  .g-offset-md-4-9 {
    margin-left: 44.4444444444%;
  }

  .g-offset-md-5-9 {
    margin-left: 55.5555555556%;
  }

  .g-offset-md-6-9 {
    margin-left: 66.6666666667%;
  }

  .g-offset-md-7-9 {
    margin-left: 77.7777777778%;
  }

  .g-offset-md-8-9 {
    margin-left: 88.8888888889%;
  }

  .g-offset-md-0-8 {
    margin-left: 0%;
  }

  .g-offset-md-1-8 {
    margin-left: 12.5%;
  }

  .g-offset-md-2-8 {
    margin-left: 25%;
  }

  .g-offset-md-3-8 {
    margin-left: 37.5%;
  }

  .g-offset-md-4-8 {
    margin-left: 50%;
  }

  .g-offset-md-5-8 {
    margin-left: 62.5%;
  }

  .g-offset-md-6-8 {
    margin-left: 75%;
  }

  .g-offset-md-7-8 {
    margin-left: 87.5%;
  }

  .g-offset-md-0-4 {
    margin-left: 0%;
  }

  .g-offset-md-1-4 {
    margin-left: 25%;
  }

  .g-offset-md-2-4 {
    margin-left: 50%;
  }

  .g-offset-md-3-4 {
    margin-left: 75%;
  }

  .g-offset-md-0-3 {
    margin-left: 0%;
  }

  .g-offset-md-1-3 {
    margin-left: 33.3333333333%;
  }

  .g-offset-md-2-3 {
    margin-left: 66.6666666667%;
  }

  .g-offset-md-0-2 {
    margin-left: 0%;
  }

  .g-offset-md-1-2 {
    margin-left: 50%;
  }

  .g-offset-md-0-1 {
    margin-left: 0%;
  }

  .img-md-20 {
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;
  }

  .img-md-20 img {
    max-width: 20px;
    max-height: 20px;
  }

  .img-md-40 {
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
  }

  .img-md-40 img {
    max-width: 40px;
    max-height: 40px;
  }

  .img-md-60 {
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px;
  }

  .img-md-60 img {
    max-width: 60px;
    max-height: 60px;
  }

  .img-md-90 {
    width: 90px;
    height: 90px;
    max-width: 90px;
    max-height: 90px;
  }

  .img-md-90 img {
    max-width: 90px;
    max-height: 90px;
  }

  .img-md-110 {
    width: 110px;
    height: 110px;
    max-width: 110px;
    max-height: 110px;
  }

  .img-md-110 img {
    max-width: 110px;
    max-height: 110px;
  }

  .img-md-150 {
    width: 150px;
    height: 150px;
    max-width: 150px;
    max-height: 150px;
  }

  .img-md-150 img {
    max-width: 150px;
    max-height: 150px;
  }

  .img-md-240 {
    width: 240px;
    height: 240px;
    max-width: 240px;
    max-height: 240px;
  }

  .img-md-240 img {
    max-width: 240px;
    max-height: 240px;
  }

  .img-md-330 {
    width: 330px;
    height: 330px;
    max-width: 330px;
    max-height: 330px;
  }

  .img-md-330 img {
    max-width: 330px;
    max-height: 330px;
  }

  .g-cell.timepicker .timepicker-collection,
  .timepicker.timeline__content .timepicker-collection,
  .timepicker.timeline__date .timepicker-collection,
  .timepicker.timeline__indicator .timepicker-collection {
    left: 10px;
    right: 10px;
  }
}

@media only screen and (min-width: 800px) {
  .g-cell,
  .timeline__content,
  .timeline__date,
  .timeline__indicator {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* Used to provide appropriate sized gutters on off-grid elements */

  .l-gutter-left-1 {
    padding-left: 15px;
  }

  .l-gutter-right-1 {
    padding-right: 15px;
  }

  /* Used to provide appropriate sized gutters on off-grid elements */

  .l-gutter-left-2 {
    padding-left: 30px;
  }

  .l-gutter-right-2 {
    padding-right: 30px;
  }

  .g-cell-lg-1-12 {
    width: 8.3333333333%;
  }

  .g-cell-lg-2-12 {
    width: 16.6666666667%;
  }

  .g-cell-lg-3-12 {
    width: 25%;
  }

  .g-cell-lg-4-12 {
    width: 33.3333333333%;
  }

  .g-cell-lg-5-12 {
    width: 41.6666666667%;
  }

  .g-cell-lg-6-12 {
    width: 50%;
  }

  .g-cell-lg-7-12 {
    width: 58.3333333333%;
  }

  .g-cell-lg-8-12,
  .dialog-frame-content {
    width: 66.6666666667%;
  }

  .g-cell-lg-9-12 {
    width: 75%;
  }

  .g-cell-lg-10-12 {
    width: 83.3333333333%;
  }

  .g-cell-lg-11-12 {
    width: 91.6666666667%;
  }

  .g-cell-lg-12-12 {
    width: 100%;
  }

  .g-cell-lg-1-9 {
    width: 11.1111111111%;
  }

  .g-cell-lg-2-9 {
    width: 22.2222222222%;
  }

  .g-cell-lg-3-9 {
    width: 33.3333333333%;
  }

  .g-cell-lg-4-9 {
    width: 44.4444444444%;
  }

  .g-cell-lg-5-9 {
    width: 55.5555555556%;
  }

  .g-cell-lg-6-9 {
    width: 66.6666666667%;
  }

  .g-cell-lg-7-9 {
    width: 77.7777777778%;
  }

  .g-cell-lg-8-9 {
    width: 88.8888888889%;
  }

  .g-cell-lg-9-9 {
    width: 100%;
  }

  .g-cell-lg-1-8 {
    width: 12.5%;
  }

  .g-cell-lg-2-8 {
    width: 25%;
  }

  .g-cell-lg-3-8 {
    width: 37.5%;
  }

  .g-cell-lg-4-8 {
    width: 50%;
  }

  .g-cell-lg-5-8 {
    width: 62.5%;
  }

  .g-cell-lg-6-8 {
    width: 75%;
  }

  .g-cell-lg-7-8 {
    width: 87.5%;
  }

  .g-cell-lg-8-8 {
    width: 100%;
  }

  .g-cell-lg-1-4 {
    width: 25%;
  }

  .g-cell-lg-2-4 {
    width: 50%;
  }

  .g-cell-lg-3-4 {
    width: 75%;
  }

  .g-cell-lg-4-4 {
    width: 100%;
  }

  .g-cell-lg-1-3 {
    width: 33.3333333333%;
  }

  .g-cell-lg-2-3 {
    width: 66.6666666667%;
  }

  .g-cell-lg-3-3 {
    width: 100%;
  }

  .g-cell-lg-1-2 {
    width: 50%;
  }

  .g-cell-lg-2-2 {
    width: 100%;
  }

  .g-cell-lg-1-1 {
    width: 100%;
  }

  .g-offset-lg-0-12 {
    margin-left: 0%;
  }

  .g-offset-lg-1-12 {
    margin-left: 8.3333333333%;
  }

  .g-offset-lg-2-12,
  .dialog-frame-content {
    margin-left: 16.6666666667%;
  }

  .g-offset-lg-3-12 {
    margin-left: 25%;
  }

  .g-offset-lg-4-12 {
    margin-left: 33.3333333333%;
  }

  .g-offset-lg-5-12 {
    margin-left: 41.6666666667%;
  }

  .g-offset-lg-6-12 {
    margin-left: 50%;
  }

  .g-offset-lg-7-12 {
    margin-left: 58.3333333333%;
  }

  .g-offset-lg-8-12 {
    margin-left: 66.6666666667%;
  }

  .g-offset-lg-9-12 {
    margin-left: 75%;
  }

  .g-offset-lg-10-12 {
    margin-left: 83.3333333333%;
  }

  .g-offset-lg-11-12 {
    margin-left: 91.6666666667%;
  }

  .g-offset-lg-0-9 {
    margin-left: 0%;
  }

  .g-offset-lg-1-9 {
    margin-left: 11.1111111111%;
  }

  .g-offset-lg-2-9 {
    margin-left: 22.2222222222%;
  }

  .g-offset-lg-3-9 {
    margin-left: 33.3333333333%;
  }

  .g-offset-lg-4-9 {
    margin-left: 44.4444444444%;
  }

  .g-offset-lg-5-9 {
    margin-left: 55.5555555556%;
  }

  .g-offset-lg-6-9 {
    margin-left: 66.6666666667%;
  }

  .g-offset-lg-7-9 {
    margin-left: 77.7777777778%;
  }

  .g-offset-lg-8-9 {
    margin-left: 88.8888888889%;
  }

  .g-offset-lg-0-8 {
    margin-left: 0%;
  }

  .g-offset-lg-1-8 {
    margin-left: 12.5%;
  }

  .g-offset-lg-2-8 {
    margin-left: 25%;
  }

  .g-offset-lg-3-8 {
    margin-left: 37.5%;
  }

  .g-offset-lg-4-8 {
    margin-left: 50%;
  }

  .g-offset-lg-5-8 {
    margin-left: 62.5%;
  }

  .g-offset-lg-6-8 {
    margin-left: 75%;
  }

  .g-offset-lg-7-8 {
    margin-left: 87.5%;
  }

  .g-offset-lg-0-4 {
    margin-left: 0%;
  }

  .g-offset-lg-1-4 {
    margin-left: 25%;
  }

  .g-offset-lg-2-4 {
    margin-left: 50%;
  }

  .g-offset-lg-3-4 {
    margin-left: 75%;
  }

  .g-offset-lg-0-3 {
    margin-left: 0%;
  }

  .g-offset-lg-1-3 {
    margin-left: 33.3333333333%;
  }

  .g-offset-lg-2-3 {
    margin-left: 66.6666666667%;
  }

  .g-offset-lg-0-2 {
    margin-left: 0%;
  }

  .g-offset-lg-1-2 {
    margin-left: 50%;
  }

  .g-offset-lg-0-1 {
    margin-left: 0%;
  }

  .img-lg-20 {
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;
  }

  .img-lg-20 img {
    max-width: 20px;
    max-height: 20px;
  }

  .img-lg-40 {
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
  }

  .img-lg-40 img {
    max-width: 40px;
    max-height: 40px;
  }

  .img-lg-60 {
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px;
  }

  .img-lg-60 img {
    max-width: 60px;
    max-height: 60px;
  }

  .img-lg-90 {
    width: 90px;
    height: 90px;
    max-width: 90px;
    max-height: 90px;
  }

  .img-lg-90 img {
    max-width: 90px;
    max-height: 90px;
  }

  .img-lg-110 {
    width: 110px;
    height: 110px;
    max-width: 110px;
    max-height: 110px;
  }

  .img-lg-110 img {
    max-width: 110px;
    max-height: 110px;
  }

  .img-lg-150 {
    width: 150px;
    height: 150px;
    max-width: 150px;
    max-height: 150px;
  }

  .img-lg-150 img {
    max-width: 150px;
    max-height: 150px;
  }

  .img-lg-240 {
    width: 240px;
    height: 240px;
    max-width: 240px;
    max-height: 240px;
  }

  .img-lg-240 img {
    max-width: 240px;
    max-height: 240px;
  }

  .img-lg-330 {
    width: 330px;
    height: 330px;
    max-width: 330px;
    max-height: 330px;
  }

  .img-lg-330 img {
    max-width: 330px;
    max-height: 330px;
  }

  .g-cell.timepicker .timepicker-collection,
  .timepicker.timeline__content .timepicker-collection,
  .timepicker.timeline__date .timepicker-collection,
  .timepicker.timeline__indicator .timepicker-collection {
    left: 15px;
    right: 15px;
  }
}

/* IE8 should always display the view for large screens */

.ie8 {
  /* Used to provide appropriate sized gutters on off-grid elements */
  /* Used to provide appropriate sized gutters on off-grid elements */
}

.ie8 .g-cell,
.ie8 .timeline__content,
.ie8 .timeline__date,
.ie8 .timeline__indicator {
  padding-left: 15px;
  padding-right: 15px;
}

.ie8 .l-gutter-left-1 {
  padding-left: 15px;
}

.ie8 .l-gutter-right-1 {
  padding-right: 15px;
}

.ie8 .l-gutter-left-2 {
  padding-left: 30px;
}

.ie8 .l-gutter-right-2 {
  padding-right: 30px;
}

.ie8 .g-cell-md-1-12,
.ie8 .timeline__indicator {
  width: 8.3333333333%;
}

.ie8 .g-cell-md-2-12,
.ie8 .timeline__date {
  width: 16.6666666667%;
}

.ie8 .g-cell-md-3-12 {
  width: 25%;
}

.ie8 .g-cell-md-4-12 {
  width: 33.3333333333%;
}

.ie8 .g-cell-md-5-12 {
  width: 41.6666666667%;
}

.ie8 .g-cell-md-6-12 {
  width: 50%;
}

.ie8 .g-cell-md-7-12 {
  width: 58.3333333333%;
}

.ie8 .g-cell-md-8-12 {
  width: 66.6666666667%;
}

.ie8 .g-cell-md-9-12,
.ie8 .timeline__content {
  width: 75%;
}

.ie8 .g-cell-md-10-12,
.ie8 .dialog-frame-content {
  width: 83.3333333333%;
}

.ie8 .g-cell-md-11-12 {
  width: 91.6666666667%;
}

.ie8 .g-cell-md-12-12 {
  width: 100%;
}

.ie8 .g-cell-md-1-9 {
  width: 11.1111111111%;
}

.ie8 .g-cell-md-2-9 {
  width: 22.2222222222%;
}

.ie8 .g-cell-md-3-9 {
  width: 33.3333333333%;
}

.ie8 .g-cell-md-4-9 {
  width: 44.4444444444%;
}

.ie8 .g-cell-md-5-9 {
  width: 55.5555555556%;
}

.ie8 .g-cell-md-6-9 {
  width: 66.6666666667%;
}

.ie8 .g-cell-md-7-9 {
  width: 77.7777777778%;
}

.ie8 .g-cell-md-8-9 {
  width: 88.8888888889%;
}

.ie8 .g-cell-md-9-9 {
  width: 100%;
}

.ie8 .g-cell-md-1-8 {
  width: 12.5%;
}

.ie8 .g-cell-md-2-8 {
  width: 25%;
}

.ie8 .g-cell-md-3-8 {
  width: 37.5%;
}

.ie8 .g-cell-md-4-8 {
  width: 50%;
}

.ie8 .g-cell-md-5-8 {
  width: 62.5%;
}

.ie8 .g-cell-md-6-8 {
  width: 75%;
}

.ie8 .g-cell-md-7-8 {
  width: 87.5%;
}

.ie8 .g-cell-md-8-8 {
  width: 100%;
}

.ie8 .g-cell-md-1-4 {
  width: 25%;
}

.ie8 .g-cell-md-2-4 {
  width: 50%;
}

.ie8 .g-cell-md-3-4 {
  width: 75%;
}

.ie8 .g-cell-md-4-4 {
  width: 100%;
}

.ie8 .g-cell-md-1-3 {
  width: 33.3333333333%;
}

.ie8 .g-cell-md-2-3 {
  width: 66.6666666667%;
}

.ie8 .g-cell-md-3-3 {
  width: 100%;
}

.ie8 .g-cell-md-1-2 {
  width: 50%;
}

.ie8 .g-cell-md-2-2 {
  width: 100%;
}

.ie8 .g-cell-md-1-1 {
  width: 100%;
}

.ie8 .g-cell-lg-1-12 {
  width: 8.3333333333%;
}

.ie8 .g-cell-lg-2-12 {
  width: 16.6666666667%;
}

.ie8 .g-cell-lg-3-12 {
  width: 25%;
}

.ie8 .g-cell-lg-4-12 {
  width: 33.3333333333%;
}

.ie8 .g-cell-lg-5-12 {
  width: 41.6666666667%;
}

.ie8 .g-cell-lg-6-12 {
  width: 50%;
}

.ie8 .g-cell-lg-7-12 {
  width: 58.3333333333%;
}

.ie8 .g-cell-lg-8-12,
.ie8 .dialog-frame-content {
  width: 66.6666666667%;
}

.ie8 .g-cell-lg-9-12 {
  width: 75%;
}

.ie8 .g-cell-lg-10-12 {
  width: 83.3333333333%;
}

.ie8 .g-cell-lg-11-12 {
  width: 91.6666666667%;
}

.ie8 .g-cell-lg-12-12 {
  width: 100%;
}

.ie8 .g-cell-lg-1-9 {
  width: 11.1111111111%;
}

.ie8 .g-cell-lg-2-9 {
  width: 22.2222222222%;
}

.ie8 .g-cell-lg-3-9 {
  width: 33.3333333333%;
}

.ie8 .g-cell-lg-4-9 {
  width: 44.4444444444%;
}

.ie8 .g-cell-lg-5-9 {
  width: 55.5555555556%;
}

.ie8 .g-cell-lg-6-9 {
  width: 66.6666666667%;
}

.ie8 .g-cell-lg-7-9 {
  width: 77.7777777778%;
}

.ie8 .g-cell-lg-8-9 {
  width: 88.8888888889%;
}

.ie8 .g-cell-lg-9-9 {
  width: 100%;
}

.ie8 .g-cell-lg-1-8 {
  width: 12.5%;
}

.ie8 .g-cell-lg-2-8 {
  width: 25%;
}

.ie8 .g-cell-lg-3-8 {
  width: 37.5%;
}

.ie8 .g-cell-lg-4-8 {
  width: 50%;
}

.ie8 .g-cell-lg-5-8 {
  width: 62.5%;
}

.ie8 .g-cell-lg-6-8 {
  width: 75%;
}

.ie8 .g-cell-lg-7-8 {
  width: 87.5%;
}

.ie8 .g-cell-lg-8-8 {
  width: 100%;
}

.ie8 .g-cell-lg-1-4 {
  width: 25%;
}

.ie8 .g-cell-lg-2-4 {
  width: 50%;
}

.ie8 .g-cell-lg-3-4 {
  width: 75%;
}

.ie8 .g-cell-lg-4-4 {
  width: 100%;
}

.ie8 .g-cell-lg-1-3 {
  width: 33.3333333333%;
}

.ie8 .g-cell-lg-2-3 {
  width: 66.6666666667%;
}

.ie8 .g-cell-lg-3-3 {
  width: 100%;
}

.ie8 .g-cell-lg-1-2 {
  width: 50%;
}

.ie8 .g-cell-lg-2-2 {
  width: 100%;
}

.ie8 .g-cell-lg-1-1 {
  width: 100%;
}

.ie8 .g-offset-md-0-12 {
  margin-left: 0%;
}

.ie8 .g-offset-md-1-12,
.ie8 .dialog-frame-content {
  margin-left: 8.3333333333%;
}

.ie8 .g-offset-md-2-12 {
  margin-left: 16.6666666667%;
}

.ie8 .g-offset-md-3-12 {
  margin-left: 25%;
}

.ie8 .g-offset-md-4-12 {
  margin-left: 33.3333333333%;
}

.ie8 .g-offset-md-5-12 {
  margin-left: 41.6666666667%;
}

.ie8 .g-offset-md-6-12 {
  margin-left: 50%;
}

.ie8 .g-offset-md-7-12 {
  margin-left: 58.3333333333%;
}

.ie8 .g-offset-md-8-12 {
  margin-left: 66.6666666667%;
}

.ie8 .g-offset-md-9-12 {
  margin-left: 75%;
}

.ie8 .g-offset-md-10-12 {
  margin-left: 83.3333333333%;
}

.ie8 .g-offset-md-11-12 {
  margin-left: 91.6666666667%;
}

.ie8 .g-offset-md-0-9 {
  margin-left: 0%;
}

.ie8 .g-offset-md-1-9 {
  margin-left: 11.1111111111%;
}

.ie8 .g-offset-md-2-9 {
  margin-left: 22.2222222222%;
}

.ie8 .g-offset-md-3-9 {
  margin-left: 33.3333333333%;
}

.ie8 .g-offset-md-4-9 {
  margin-left: 44.4444444444%;
}

.ie8 .g-offset-md-5-9 {
  margin-left: 55.5555555556%;
}

.ie8 .g-offset-md-6-9 {
  margin-left: 66.6666666667%;
}

.ie8 .g-offset-md-7-9 {
  margin-left: 77.7777777778%;
}

.ie8 .g-offset-md-8-9 {
  margin-left: 88.8888888889%;
}

.ie8 .g-offset-md-0-8 {
  margin-left: 0%;
}

.ie8 .g-offset-md-1-8 {
  margin-left: 12.5%;
}

.ie8 .g-offset-md-2-8 {
  margin-left: 25%;
}

.ie8 .g-offset-md-3-8 {
  margin-left: 37.5%;
}

.ie8 .g-offset-md-4-8 {
  margin-left: 50%;
}

.ie8 .g-offset-md-5-8 {
  margin-left: 62.5%;
}

.ie8 .g-offset-md-6-8 {
  margin-left: 75%;
}

.ie8 .g-offset-md-7-8 {
  margin-left: 87.5%;
}

.ie8 .g-offset-md-0-4 {
  margin-left: 0%;
}

.ie8 .g-offset-md-1-4 {
  margin-left: 25%;
}

.ie8 .g-offset-md-2-4 {
  margin-left: 50%;
}

.ie8 .g-offset-md-3-4 {
  margin-left: 75%;
}

.ie8 .g-offset-md-0-3 {
  margin-left: 0%;
}

.ie8 .g-offset-md-1-3 {
  margin-left: 33.3333333333%;
}

.ie8 .g-offset-md-2-3 {
  margin-left: 66.6666666667%;
}

.ie8 .g-offset-md-0-2 {
  margin-left: 0%;
}

.ie8 .g-offset-md-1-2 {
  margin-left: 50%;
}

.ie8 .g-offset-md-0-1 {
  margin-left: 0%;
}

.ie8 .g-offset-lg-0-12 {
  margin-left: 0%;
}

.ie8 .g-offset-lg-1-12 {
  margin-left: 8.3333333333%;
}

.ie8 .g-offset-lg-2-12,
.ie8 .dialog-frame-content {
  margin-left: 16.6666666667%;
}

.ie8 .g-offset-lg-3-12 {
  margin-left: 25%;
}

.ie8 .g-offset-lg-4-12 {
  margin-left: 33.3333333333%;
}

.ie8 .g-offset-lg-5-12 {
  margin-left: 41.6666666667%;
}

.ie8 .g-offset-lg-6-12 {
  margin-left: 50%;
}

.ie8 .g-offset-lg-7-12 {
  margin-left: 58.3333333333%;
}

.ie8 .g-offset-lg-8-12 {
  margin-left: 66.6666666667%;
}

.ie8 .g-offset-lg-9-12 {
  margin-left: 75%;
}

.ie8 .g-offset-lg-10-12 {
  margin-left: 83.3333333333%;
}

.ie8 .g-offset-lg-11-12 {
  margin-left: 91.6666666667%;
}

.ie8 .g-offset-lg-0-9 {
  margin-left: 0%;
}

.ie8 .g-offset-lg-1-9 {
  margin-left: 11.1111111111%;
}

.ie8 .g-offset-lg-2-9 {
  margin-left: 22.2222222222%;
}

.ie8 .g-offset-lg-3-9 {
  margin-left: 33.3333333333%;
}

.ie8 .g-offset-lg-4-9 {
  margin-left: 44.4444444444%;
}

.ie8 .g-offset-lg-5-9 {
  margin-left: 55.5555555556%;
}

.ie8 .g-offset-lg-6-9 {
  margin-left: 66.6666666667%;
}

.ie8 .g-offset-lg-7-9 {
  margin-left: 77.7777777778%;
}

.ie8 .g-offset-lg-8-9 {
  margin-left: 88.8888888889%;
}

.ie8 .g-offset-lg-0-8 {
  margin-left: 0%;
}

.ie8 .g-offset-lg-1-8 {
  margin-left: 12.5%;
}

.ie8 .g-offset-lg-2-8 {
  margin-left: 25%;
}

.ie8 .g-offset-lg-3-8 {
  margin-left: 37.5%;
}

.ie8 .g-offset-lg-4-8 {
  margin-left: 50%;
}

.ie8 .g-offset-lg-5-8 {
  margin-left: 62.5%;
}

.ie8 .g-offset-lg-6-8 {
  margin-left: 75%;
}

.ie8 .g-offset-lg-7-8 {
  margin-left: 87.5%;
}

.ie8 .g-offset-lg-0-4 {
  margin-left: 0%;
}

.ie8 .g-offset-lg-1-4 {
  margin-left: 25%;
}

.ie8 .g-offset-lg-2-4 {
  margin-left: 50%;
}

.ie8 .g-offset-lg-3-4 {
  margin-left: 75%;
}

.ie8 .g-offset-lg-0-3 {
  margin-left: 0%;
}

.ie8 .g-offset-lg-1-3 {
  margin-left: 33.3333333333%;
}

.ie8 .g-offset-lg-2-3 {
  margin-left: 66.6666666667%;
}

.ie8 .g-offset-lg-0-2 {
  margin-left: 0%;
}

.ie8 .g-offset-lg-1-2 {
  margin-left: 50%;
}

.ie8 .g-offset-lg-0-1 {
  margin-left: 0%;
}

.ie8 .img-md-20 {
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
}

.ie8 .img-md-20 img {
  max-width: 20px;
  max-height: 20px;
}

.ie8 .img-md-40 {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
}

.ie8 .img-md-40 img {
  max-width: 40px;
  max-height: 40px;
}

.ie8 .img-md-60 {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
}

.ie8 .img-md-60 img {
  max-width: 60px;
  max-height: 60px;
}

.ie8 .img-md-90 {
  width: 90px;
  height: 90px;
  max-width: 90px;
  max-height: 90px;
}

.ie8 .img-md-90 img {
  max-width: 90px;
  max-height: 90px;
}

.ie8 .img-md-110 {
  width: 110px;
  height: 110px;
  max-width: 110px;
  max-height: 110px;
}

.ie8 .img-md-110 img {
  max-width: 110px;
  max-height: 110px;
}

.ie8 .img-md-150 {
  width: 150px;
  height: 150px;
  max-width: 150px;
  max-height: 150px;
}

.ie8 .img-md-150 img {
  max-width: 150px;
  max-height: 150px;
}

.ie8 .img-md-240 {
  width: 240px;
  height: 240px;
  max-width: 240px;
  max-height: 240px;
}

.ie8 .img-md-240 img {
  max-width: 240px;
  max-height: 240px;
}

.ie8 .img-md-330 {
  width: 330px;
  height: 330px;
  max-width: 330px;
  max-height: 330px;
}

.ie8 .img-md-330 img {
  max-width: 330px;
  max-height: 330px;
}

.ie8 .img-lg-20 {
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
}

.ie8 .img-lg-20 img {
  max-width: 20px;
  max-height: 20px;
}

.ie8 .img-lg-40 {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
}

.ie8 .img-lg-40 img {
  max-width: 40px;
  max-height: 40px;
}

.ie8 .img-lg-60 {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
}

.ie8 .img-lg-60 img {
  max-width: 60px;
  max-height: 60px;
}

.ie8 .img-lg-90 {
  width: 90px;
  height: 90px;
  max-width: 90px;
  max-height: 90px;
}

.ie8 .img-lg-90 img {
  max-width: 90px;
  max-height: 90px;
}

.ie8 .img-lg-110 {
  width: 110px;
  height: 110px;
  max-width: 110px;
  max-height: 110px;
}

.ie8 .img-lg-110 img {
  max-width: 110px;
  max-height: 110px;
}

.ie8 .img-lg-150 {
  width: 150px;
  height: 150px;
  max-width: 150px;
  max-height: 150px;
}

.ie8 .img-lg-150 img {
  max-width: 150px;
  max-height: 150px;
}

.ie8 .img-lg-240 {
  width: 240px;
  height: 240px;
  max-width: 240px;
  max-height: 240px;
}

.ie8 .img-lg-240 img {
  max-width: 240px;
  max-height: 240px;
}

.ie8 .img-lg-330 {
  width: 330px;
  height: 330px;
  max-width: 330px;
  max-height: 330px;
}

.ie8 .img-lg-330 img {
  max-width: 330px;
  max-height: 330px;
}

.ie8 .hide-large {
  display: none !important;
}

.ie8 .hide-large-accessible {
  position: absolute !important;
  left: -999999px !important;
}

.ie8 .show-small {
  display: none !important;
}

.ie8 .show-medium {
  display: none !important;
}

.ie8 .g-cell,
.ie8 .timeline__content,
.ie8 .timeline__date,
.ie8 .timeline__indicator,
.ie8 .g-vertical-group,
.ie8 .dialog-frame-content,
.ie8 .tabs-header.tabs-header__grid li,
.tabs-header.tabs-header__grid .ie8 li {
  display: block;
  zoom: 1;
  float: left;
}

/* Non-cascading responsive styles
 *
 * These should only apply to one responsive size.
 * These are after grid declarations so the display: none rule will override display: inline-block.
 */

@media only screen and (max-width: 799px) {
  .g-grid.g-grid--page-margin-manual,
  .g-grid--page-margin-manual.overlay-dialog__frame {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 479px) {
  .hide-small {
    display: none !important;
  }

  .hide-small-accessible {
    position: absolute !important;
    left: -999999px !important;
  }

  .show-medium {
    display: none !important;
  }

  .show-large {
    display: none !important;
  }

  .g-grid,
  .overlay-dialog__frame,
  .g-group--page-margin-reset {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hide-medium {
    display: none !important;
  }

  .hide-medium-accessible {
    position: absolute !important;
    left: -999999px !important;
  }

  .show-small {
    display: none !important;
  }

  .show-large {
    display: none !important;
  }

  .g-grid,
  .overlay-dialog__frame,
  .g-group--page-margin-reset {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (min-width: 800px) {
  .hide-large {
    display: none !important;
  }

  .hide-large-accessible {
    position: absolute !important;
    left: -999999px !important;
  }

  .show-small {
    display: none !important;
  }

  .show-medium {
    display: none !important;
  }
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

.g-cell,
.timeline__content,
.timeline__date,
.timeline__indicator,
.g-vertical-group,
.dialog-frame-content,
.tabs-header.tabs-header__grid li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}

.g-group,
.g-grid,
.overlay-dialog__frame,
.g-vertical-group,
.dialog-frame-content,
.timeline__item,
.breakdown__item {
  /* font-size whitespace hack. This gets rid of spaces between grid cells */
  font-size: 0;
  letter-spacing: 0;
}

.g-group--full-width {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.g-grid,
.overlay-dialog__frame {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.g-vertical-group,
.dialog-frame-content {
  padding: 0;
}

.g-cell,
.timeline__content,
.timeline__date,
.timeline__indicator {
  /* font-size whitespace hack. This adds a font size to the contents */
  letter-spacing: 0.5px;
  /* remove the overflow: hidden safety net.

    BE CAREFUL WHEN ADDING.

    If your main content is too big, it will break the grid.
    */
}

.g-cell.g-cell--no-gutters,
.timeline__content,
.g-cell--no-gutters.timeline__date,
.timeline__indicator {
  padding-left: 0px;
  padding-right: 0px;
}

.g-cell.g-cell--has-overflow,
.g-cell--has-overflow.timeline__content,
.g-cell--has-overflow.timeline__date,
.g-cell--has-overflow.timeline__indicator {
  overflow: visible;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

.hero-image-container {
  -webkit-transition: height 0.5s ease-in;
  -moz-transition: height 0.5s ease-in;
  transition: height 0.5s ease-in;
  height: 36vw;
  max-height: 500px;
  position: relative;
  background-color: white;
}

.ie8 .hero-image-container,
.ie9 .hero-image-container {
  height: 440px;
}

.ie8 .hero-image-container .carousel-image-container,
.ie9 .hero-image-container .carousel-image-container {
  height: 440px;
}

.ie8 .hero-image-container .hero-image__content,
.ie9 .hero-image-container .hero-image__content {
  height: 440px;
  z-index: 2;
}

.ie8 .hero-image-container .hero-carousel,
.ie9 .hero-image-container .hero-carousel {
  z-index: 0;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hero-image-container {
    height: 54vw;
  }
}

@media only screen and (max-width: 479px) {
  .hero-image-container {
    height: 72vw;
  }
}

.hero-image-container .carousel-image-container,
.hero-image-container .hero-overlay {
  height: 36vw;
  max-height: 500px;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hero-image-container .carousel-image-container,
  .hero-image-container .hero-overlay {
    height: 54vw;
  }
}

@media only screen and (max-width: 479px) {
  .hero-image-container .carousel-image-container,
  .hero-image-container .hero-overlay {
    height: 72vw;
  }
}

.hero-image-container.hero-img--accent {
  height: 20vw;
  max-height: 500px;
}

.ie8 .hero-image-container.hero-img--accent,
.ie9 .hero-image-container.hero-img--accent {
  height: 200px;
}

.ie8 .hero-image-container.hero-img--accent .carousel-image-container,
.ie9 .hero-image-container.hero-img--accent .carousel-image-container {
  height: 200px;
}

.ie8 .hero-image-container.hero-img--accent .hero-image__content,
.ie9 .hero-image-container.hero-img--accent .hero-image__content {
  height: 200px;
  z-index: 2;
}

.ie8 .hero-image-container.hero-img--accent .hero-carousel,
.ie9 .hero-image-container.hero-img--accent .hero-carousel {
  z-index: 0;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hero-image-container.hero-img--accent {
    height: 40vw;
  }
}

@media only screen and (max-width: 479px) {
  .hero-image-container.hero-img--accent {
    height: 40vw;
  }
}

.hero-image-container.hero-img--accent .carousel-image-container,
.hero-image-container.hero-img--accent .hero-overlay {
  height: 20vw;
  max-height: 500px;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hero-image-container.hero-img--accent .carousel-image-container,
  .hero-image-container.hero-img--accent .hero-overlay {
    height: 40vw;
  }
}

@media only screen and (max-width: 479px) {
  .hero-image-container.hero-img--accent .carousel-image-container,
  .hero-image-container.hero-img--accent .hero-overlay {
    height: 40vw;
  }
}

.hero-image-container.hero-img--epic {
  height: 50vw;
  max-height: 640px;
}

.ie8 .hero-image-container.hero-img--epic,
.ie9 .hero-image-container.hero-img--epic {
  height: 500px;
}

.ie8 .hero-image-container.hero-img--epic .carousel-image-container,
.ie9 .hero-image-container.hero-img--epic .carousel-image-container {
  height: 500px;
}

.ie8 .hero-image-container.hero-img--epic .hero-image__content,
.ie9 .hero-image-container.hero-img--epic .hero-image__content {
  height: 500px;
  z-index: 2;
}

.ie8 .hero-image-container.hero-img--epic .hero-carousel,
.ie9 .hero-image-container.hero-img--epic .hero-carousel {
  z-index: 0;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hero-image-container.hero-img--epic {
    height: 75vw;
  }
}

@media only screen and (max-width: 479px) {
  .hero-image-container.hero-img--epic {
    height: 100vw;
  }
}

.hero-image-container.hero-img--epic .carousel-image-container,
.hero-image-container.hero-img--epic .hero-overlay {
  height: 50vw;
  max-height: 640px;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hero-image-container.hero-img--epic .carousel-image-container,
  .hero-image-container.hero-img--epic .hero-overlay {
    height: 75vw;
  }
}

@media only screen and (max-width: 479px) {
  .hero-image-container.hero-img--epic .carousel-image-container,
  .hero-image-container.hero-img--epic .hero-overlay {
    height: 100vw;
  }
}

.ie8 .hero-image-container,
.ie9 .hero-image-container {
  z-index: 0;
}

.hero-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
}

.ie8 .hero-carousel,
.ie9 .hero-carousel {
  z-index: 0;
}

.carousel-image-container {
  -webkit-transition: height 0.5s ease-in;
  -moz-transition: height 0.5s ease-in;
  transition: height 0.5s ease-in;
  position: relative;
  background-color: white;
  width: 100%;
}

.hero-overlay {
  -webkit-transition: height 0.5s ease-in;
  -moz-transition: height 0.5s ease-in;
  transition: height 0.5s ease-in;
  background-image: -webkit-linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  background-image: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ie8 .hero-overlay,
.ie9 .hero-overlay {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#70000000, endColorstr=#70000000 );
  zoom: 1;
}

.hero-overlay.hero-overlay--gradient {
  background-image: -webkit-linear-gradient( transparent, rgba(0, 0, 0, 0.4));
  background-image: linear-gradient( transparent, rgba(0, 0, 0, 0.4));
}

.ie8 .hero-overlay.hero-overlay--gradient,
.ie9 .hero-overlay.hero-overlay--gradient {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00000000, endColorstr=#70000000 );
}

.hero-overlay.hero-overlay--dark {
  background-image: -webkit-linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  background-image: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
}

.hero-overlay.hero-overlay--carousel {
  top: auto;
  height: 200px;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hero-overlay.hero-overlay--carousel {
    height: 100px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-overlay.hero-overlay--carousel {
    height: 70px;
  }
}

.hero-image__content {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: white;
  position: absolute;
  top: 50%;
  width: 100%;
}

.ie8 .hero-image__content {
  top: 25%;
}

.ie9 .hero-image__content {
  top: 75%;
}

.hero-image__content .hero-heading {
  color: white;
}

.hero-image__bottom-title {
  color: white;
  position: absolute;
  width: 100%;
  bottom: 20px;
}

.hero-image--inverted .hero-image__header,
.hero-image--inverted .hero-image__metatitle {
  color: white;
}

.hero-image--inverted .hero-image__header a:link,
.hero-image--inverted .hero-image__header a:visited,
.hero-image--inverted .hero-image__metatitle a:link,
.hero-image--inverted .hero-image__metatitle a:visited {
  color: white;
}

.hero-image--inverted .hero-image__header a:hover,
.hero-image--inverted .hero-image__header a:focus,
.hero-image--inverted .hero-image__header a:active,
.hero-image--inverted .hero-image__metatitle a:hover,
.hero-image--inverted .hero-image__metatitle a:focus,
.hero-image--inverted .hero-image__metatitle a:active {
  color: rgba(255, 255, 255, 0.85);
}

.g-img {
  max-width: 100%;
  height: auto;
}

.ie8 .g-img {
  width: auto;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

.l-mar-all-0 {
  margin: 0;
}

.l-mar-hor-0 {
  margin-left: 0;
  margin-right: 0;
}

.l-mar-vert-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.l-mar-left-0 {
  margin-left: 0;
}

.l-mar-right-0 {
  margin-right: 0;
}

.l-mar-top-0,
.l-mar-stack > *:first-child,
.l-block-stack > *:first-child,
.l-mar-stack .is-hidden:first-child + .l-block-1,
.l-block-stack .is-hidden:first-child + .l-block-1,
.l-mar-stack .is-hidden:first-child + .l-mar-top-1,
.l-block-stack .is-hidden:first-child + .l-mar-top-1,
.l-mar-stack .is-hidden:first-child + .l-block-2,
.l-block-stack .is-hidden:first-child + .l-block-2,
.l-mar-stack .is-hidden:first-child + .l-mar-top-2,
.l-block-stack .is-hidden:first-child + .l-mar-top-2,
.l-mar-stack .is-hidden:first-child + .l-block-3,
.l-block-stack .is-hidden:first-child + .l-block-3,
.l-mar-stack .is-hidden:first-child + .l-mar-top-3,
.l-block-stack .is-hidden:first-child + .l-mar-top-3,
.l-mar-stack .is-hidden:first-child + .l-block-4,
.l-block-stack .is-hidden:first-child + .l-block-4,
.l-mar-stack .is-hidden:first-child + .l-mar-top-4,
.l-block-stack .is-hidden:first-child + .l-mar-top-4 {
  margin-top: 0;
}

.l-mar-bot-0 {
  margin-bottom: 0;
}

.l-mar-all-1 {
  margin: 5px;
}

.l-mar-hor-1 {
  margin-left: 5px;
  margin-right: 5px;
}

.l-mar-vert-1 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.l-mar-left-1 {
  margin-left: 5px;
}

.l-mar-right-1 {
  margin-right: 5px;
}

.l-mar-top-1 {
  margin-top: 5px;
}

.l-mar-bot-1 {
  margin-bottom: 5px;
}

.l-mar-all-2 {
  margin: 10px;
}

.l-mar-hor-2 {
  margin-left: 10px;
  margin-right: 10px;
}

.l-mar-vert-2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.l-mar-left-2 {
  margin-left: 10px;
}

.l-mar-right-2 {
  margin-right: 10px;
}

.l-mar-top-2 {
  margin-top: 10px;
}

.l-mar-bot-2,
.responsive-table--sticky__wrapper {
  margin-bottom: 10px;
}

.l-mar-all-3 {
  margin: 15px;
}

.l-mar-hor-3 {
  margin-left: 15px;
  margin-right: 15px;
}

.l-mar-vert-3 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.l-mar-left-3 {
  margin-left: 15px;
}

.l-mar-right-3 {
  margin-right: 15px;
}

.l-mar-top-3 {
  margin-top: 15px;
}

.l-mar-bot-3 {
  margin-bottom: 15px;
}

.l-mar-all-4 {
  margin: 20px;
}

.l-mar-hor-4 {
  margin-left: 20px;
  margin-right: 20px;
}

.l-mar-vert-4 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.l-mar-left-4 {
  margin-left: 20px;
}

.l-mar-right-4 {
  margin-right: 20px;
}

.l-mar-top-4 {
  margin-top: 20px;
}

.l-mar-bot-4 {
  margin-bottom: 20px;
}

.l-mar-all-5 {
  margin: 25px;
}

.l-mar-hor-5 {
  margin-left: 25px;
  margin-right: 25px;
}

.l-mar-vert-5 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.l-mar-left-5 {
  margin-left: 25px;
}

.l-mar-right-5 {
  margin-right: 25px;
}

.l-mar-top-5 {
  margin-top: 25px;
}

.l-mar-bot-5 {
  margin-bottom: 25px;
}

.l-mar-all-6 {
  margin: 30px;
}

.l-mar-hor-6 {
  margin-left: 30px;
  margin-right: 30px;
}

.l-mar-vert-6 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.l-mar-left-6 {
  margin-left: 30px;
}

.l-mar-right-6 {
  margin-right: 30px;
}

.l-mar-top-6 {
  margin-top: 30px;
}

.l-mar-bot-6 {
  margin-bottom: 30px;
}

.l-pad-all-0 {
  padding: 0;
}

.l-pad-hor-0 {
  padding-left: 0;
  padding-right: 0;
}

.l-pad-vert-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.l-pad-left-0,
.slat__status-item {
  padding-left: 0;
}

.l-pad-right-0 {
  padding-right: 0;
}

.l-pad-top-0 {
  padding-top: 0;
}

.l-pad-bot-0 {
  padding-bottom: 0;
}

.l-pad-all-1 {
  padding: 5px;
}

.l-pad-hor-1 {
  padding-left: 5px;
  padding-right: 5px;
}

.l-pad-vert-1 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.l-pad-left-1 {
  padding-left: 5px;
}

.l-pad-right-1,
.slat__status-item {
  padding-right: 5px;
}

.l-pad-top-1 {
  padding-top: 5px;
}

.l-pad-bot-1 {
  padding-bottom: 5px;
}

.l-pad-all-2 {
  padding: 10px;
}

.l-pad-hor-2 {
  padding-left: 10px;
  padding-right: 10px;
}

.l-pad-vert-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.l-pad-left-2 {
  padding-left: 10px;
}

.l-pad-right-2 {
  padding-right: 10px;
}

.l-pad-top-2 {
  padding-top: 10px;
}

.l-pad-bot-2 {
  padding-bottom: 10px;
}

.l-pad-all-3 {
  padding: 15px;
}

.l-pad-hor-3,
.chart-panel__button {
  padding-left: 15px;
  padding-right: 15px;
}

.l-pad-vert-3,
.timeline__item {
  padding-top: 15px;
  padding-bottom: 15px;
}

.l-pad-left-3 {
  padding-left: 15px;
}

.l-pad-right-3 {
  padding-right: 15px;
}

.l-pad-top-3 {
  padding-top: 15px;
}

.l-pad-bot-3 {
  padding-bottom: 15px;
}

.l-pad-all-4 {
  padding: 20px;
}

.l-pad-hor-4 {
  padding-left: 20px;
  padding-right: 20px;
}

.l-pad-vert-4 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.l-pad-left-4 {
  padding-left: 20px;
}

.l-pad-right-4 {
  padding-right: 20px;
}

.l-pad-top-4 {
  padding-top: 20px;
}

.l-pad-bot-4 {
  padding-bottom: 20px;
}

.l-pad-all-5 {
  padding: 25px;
}

.l-pad-hor-5 {
  padding-left: 25px;
  padding-right: 25px;
}

.l-pad-vert-5 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.l-pad-left-5 {
  padding-left: 25px;
}

.l-pad-right-5 {
  padding-right: 25px;
}

.l-pad-top-5 {
  padding-top: 25px;
}

.l-pad-bot-5 {
  padding-bottom: 25px;
}

.l-pad-all-6 {
  padding: 30px;
}

.l-pad-hor-6 {
  padding-left: 30px;
  padding-right: 30px;
}

.l-pad-vert-6 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.l-pad-left-6 {
  padding-left: 30px;
}

.l-pad-right-6 {
  padding-right: 30px;
}

.l-pad-top-6 {
  padding-top: 30px;
}

.l-pad-bot-6 {
  padding-bottom: 30px;
}

@media only screen and (max-width: 479px) {
  .l-sm-mar-all-0 {
    margin: 0;
  }

  .l-sm-mar-hor-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .l-sm-mar-vert-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .l-sm-mar-left-0 {
    margin-left: 0;
  }

  .l-sm-mar-right-0 {
    margin-right: 0;
  }

  .l-sm-mar-top-0 {
    margin-top: 0;
  }

  .l-sm-mar-bot-0 {
    margin-bottom: 0;
  }

  .l-sm-mar-all-1 {
    margin: 5px;
  }

  .l-sm-mar-hor-1 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .l-sm-mar-vert-1 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .l-sm-mar-left-1 {
    margin-left: 5px;
  }

  .l-sm-mar-right-1 {
    margin-right: 5px;
  }

  .l-sm-mar-top-1 {
    margin-top: 5px;
  }

  .l-sm-mar-bot-1 {
    margin-bottom: 5px;
  }

  .l-sm-mar-all-2 {
    margin: 10px;
  }

  .l-sm-mar-hor-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .l-sm-mar-vert-2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .l-sm-mar-left-2 {
    margin-left: 10px;
  }

  .l-sm-mar-right-2 {
    margin-right: 10px;
  }

  .l-sm-mar-top-2 {
    margin-top: 10px;
  }

  .l-sm-mar-bot-2 {
    margin-bottom: 10px;
  }

  .l-sm-mar-all-3 {
    margin: 15px;
  }

  .l-sm-mar-hor-3 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .l-sm-mar-vert-3 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .l-sm-mar-left-3 {
    margin-left: 15px;
  }

  .l-sm-mar-right-3 {
    margin-right: 15px;
  }

  .l-sm-mar-top-3 {
    margin-top: 15px;
  }

  .l-sm-mar-bot-3 {
    margin-bottom: 15px;
  }

  .l-sm-mar-all-4 {
    margin: 20px;
  }

  .l-sm-mar-hor-4 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .l-sm-mar-vert-4 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .l-sm-mar-left-4 {
    margin-left: 20px;
  }

  .l-sm-mar-right-4 {
    margin-right: 20px;
  }

  .l-sm-mar-top-4 {
    margin-top: 20px;
  }

  .l-sm-mar-bot-4 {
    margin-bottom: 20px;
  }

  .l-sm-mar-all-5 {
    margin: 25px;
  }

  .l-sm-mar-hor-5 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .l-sm-mar-vert-5 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .l-sm-mar-left-5 {
    margin-left: 25px;
  }

  .l-sm-mar-right-5 {
    margin-right: 25px;
  }

  .l-sm-mar-top-5 {
    margin-top: 25px;
  }

  .l-sm-mar-bot-5 {
    margin-bottom: 25px;
  }

  .l-sm-mar-all-6 {
    margin: 30px;
  }

  .l-sm-mar-hor-6 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .l-sm-mar-vert-6 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .l-sm-mar-left-6 {
    margin-left: 30px;
  }

  .l-sm-mar-right-6 {
    margin-right: 30px;
  }

  .l-sm-mar-top-6 {
    margin-top: 30px;
  }

  .l-sm-mar-bot-6 {
    margin-bottom: 30px;
  }

  .l-sm-pad-all-0 {
    padding: 0;
  }

  .l-sm-pad-hor-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .l-sm-pad-vert-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .l-sm-pad-left-0 {
    padding-left: 0;
  }

  .l-sm-pad-right-0 {
    padding-right: 0;
  }

  .l-sm-pad-top-0 {
    padding-top: 0;
  }

  .l-sm-pad-bot-0 {
    padding-bottom: 0;
  }

  .l-sm-pad-all-1 {
    padding: 5px;
  }

  .l-sm-pad-hor-1 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .l-sm-pad-vert-1,
  .timeline__item {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .l-sm-pad-left-1,
  .chart-panel__button {
    padding-left: 5px;
  }

  .l-sm-pad-right-1 {
    padding-right: 5px;
  }

  .l-sm-pad-top-1 {
    padding-top: 5px;
  }

  .l-sm-pad-bot-1 {
    padding-bottom: 5px;
  }

  .l-sm-pad-all-2 {
    padding: 10px;
  }

  .l-sm-pad-hor-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .l-sm-pad-vert-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .l-sm-pad-left-2 {
    padding-left: 10px;
  }

  .l-sm-pad-right-2 {
    padding-right: 10px;
  }

  .l-sm-pad-top-2 {
    padding-top: 10px;
  }

  .l-sm-pad-bot-2 {
    padding-bottom: 10px;
  }

  .l-sm-pad-all-3 {
    padding: 15px;
  }

  .l-sm-pad-hor-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .l-sm-pad-vert-3 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .l-sm-pad-left-3 {
    padding-left: 15px;
  }

  .l-sm-pad-right-3 {
    padding-right: 15px;
  }

  .l-sm-pad-top-3 {
    padding-top: 15px;
  }

  .l-sm-pad-bot-3 {
    padding-bottom: 15px;
  }

  .l-sm-pad-all-4 {
    padding: 20px;
  }

  .l-sm-pad-hor-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .l-sm-pad-vert-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .l-sm-pad-left-4 {
    padding-left: 20px;
  }

  .l-sm-pad-right-4 {
    padding-right: 20px;
  }

  .l-sm-pad-top-4 {
    padding-top: 20px;
  }

  .l-sm-pad-bot-4 {
    padding-bottom: 20px;
  }

  .l-sm-pad-all-5 {
    padding: 25px;
  }

  .l-sm-pad-hor-5 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .l-sm-pad-vert-5 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .l-sm-pad-left-5 {
    padding-left: 25px;
  }

  .l-sm-pad-right-5 {
    padding-right: 25px;
  }

  .l-sm-pad-top-5 {
    padding-top: 25px;
  }

  .l-sm-pad-bot-5 {
    padding-bottom: 25px;
  }

  .l-sm-pad-all-6 {
    padding: 30px;
  }

  .l-sm-pad-hor-6 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .l-sm-pad-vert-6 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .l-sm-pad-left-6 {
    padding-left: 30px;
  }

  .l-sm-pad-right-6 {
    padding-right: 30px;
  }

  .l-sm-pad-top-6 {
    padding-top: 30px;
  }

  .l-sm-pad-bot-6 {
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-md-mar-all-0 {
    margin: 0;
  }

  .l-md-mar-hor-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .l-md-mar-vert-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .l-md-mar-left-0 {
    margin-left: 0;
  }

  .l-md-mar-right-0 {
    margin-right: 0;
  }

  .l-md-mar-top-0 {
    margin-top: 0;
  }

  .l-md-mar-bot-0 {
    margin-bottom: 0;
  }

  .l-md-mar-all-1 {
    margin: 5px;
  }

  .l-md-mar-hor-1 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .l-md-mar-vert-1 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .l-md-mar-left-1 {
    margin-left: 5px;
  }

  .l-md-mar-right-1 {
    margin-right: 5px;
  }

  .l-md-mar-top-1 {
    margin-top: 5px;
  }

  .l-md-mar-bot-1 {
    margin-bottom: 5px;
  }

  .l-md-mar-all-2 {
    margin: 10px;
  }

  .l-md-mar-hor-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .l-md-mar-vert-2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .l-md-mar-left-2 {
    margin-left: 10px;
  }

  .l-md-mar-right-2 {
    margin-right: 10px;
  }

  .l-md-mar-top-2 {
    margin-top: 10px;
  }

  .l-md-mar-bot-2 {
    margin-bottom: 10px;
  }

  .l-md-mar-all-3 {
    margin: 15px;
  }

  .l-md-mar-hor-3 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .l-md-mar-vert-3 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .l-md-mar-left-3 {
    margin-left: 15px;
  }

  .l-md-mar-right-3 {
    margin-right: 15px;
  }

  .l-md-mar-top-3 {
    margin-top: 15px;
  }

  .l-md-mar-bot-3 {
    margin-bottom: 15px;
  }

  .l-md-mar-all-4 {
    margin: 20px;
  }

  .l-md-mar-hor-4 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .l-md-mar-vert-4 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .l-md-mar-left-4 {
    margin-left: 20px;
  }

  .l-md-mar-right-4 {
    margin-right: 20px;
  }

  .l-md-mar-top-4 {
    margin-top: 20px;
  }

  .l-md-mar-bot-4 {
    margin-bottom: 20px;
  }

  .l-md-mar-all-5 {
    margin: 25px;
  }

  .l-md-mar-hor-5 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .l-md-mar-vert-5 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .l-md-mar-left-5 {
    margin-left: 25px;
  }

  .l-md-mar-right-5 {
    margin-right: 25px;
  }

  .l-md-mar-top-5 {
    margin-top: 25px;
  }

  .l-md-mar-bot-5 {
    margin-bottom: 25px;
  }

  .l-md-mar-all-6 {
    margin: 30px;
  }

  .l-md-mar-hor-6 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .l-md-mar-vert-6 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .l-md-mar-left-6 {
    margin-left: 30px;
  }

  .l-md-mar-right-6 {
    margin-right: 30px;
  }

  .l-md-mar-top-6 {
    margin-top: 30px;
  }

  .l-md-mar-bot-6 {
    margin-bottom: 30px;
  }

  .l-md-pad-all-0 {
    padding: 0;
  }

  .l-md-pad-hor-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .l-md-pad-vert-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .l-md-pad-left-0 {
    padding-left: 0;
  }

  .l-md-pad-right-0 {
    padding-right: 0;
  }

  .l-md-pad-top-0 {
    padding-top: 0;
  }

  .l-md-pad-bot-0 {
    padding-bottom: 0;
  }

  .l-md-pad-all-1 {
    padding: 5px;
  }

  .l-md-pad-hor-1 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .l-md-pad-vert-1 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .l-md-pad-left-1 {
    padding-left: 5px;
  }

  .l-md-pad-right-1 {
    padding-right: 5px;
  }

  .l-md-pad-top-1 {
    padding-top: 5px;
  }

  .l-md-pad-bot-1 {
    padding-bottom: 5px;
  }

  .l-md-pad-all-2 {
    padding: 10px;
  }

  .l-md-pad-hor-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .l-md-pad-vert-2,
  .timeline__item {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .l-md-pad-left-2 {
    padding-left: 10px;
  }

  .l-md-pad-right-2 {
    padding-right: 10px;
  }

  .l-md-pad-top-2 {
    padding-top: 10px;
  }

  .l-md-pad-bot-2 {
    padding-bottom: 10px;
  }

  .l-md-pad-all-3 {
    padding: 15px;
  }

  .l-md-pad-hor-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .l-md-pad-vert-3 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .l-md-pad-left-3 {
    padding-left: 15px;
  }

  .l-md-pad-right-3 {
    padding-right: 15px;
  }

  .l-md-pad-top-3 {
    padding-top: 15px;
  }

  .l-md-pad-bot-3 {
    padding-bottom: 15px;
  }

  .l-md-pad-all-4 {
    padding: 20px;
  }

  .l-md-pad-hor-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .l-md-pad-vert-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .l-md-pad-left-4 {
    padding-left: 20px;
  }

  .l-md-pad-right-4 {
    padding-right: 20px;
  }

  .l-md-pad-top-4 {
    padding-top: 20px;
  }

  .l-md-pad-bot-4 {
    padding-bottom: 20px;
  }

  .l-md-pad-all-5 {
    padding: 25px;
  }

  .l-md-pad-hor-5 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .l-md-pad-vert-5 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .l-md-pad-left-5 {
    padding-left: 25px;
  }

  .l-md-pad-right-5 {
    padding-right: 25px;
  }

  .l-md-pad-top-5 {
    padding-top: 25px;
  }

  .l-md-pad-bot-5 {
    padding-bottom: 25px;
  }

  .l-md-pad-all-6 {
    padding: 30px;
  }

  .l-md-pad-hor-6 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .l-md-pad-vert-6 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .l-md-pad-left-6 {
    padding-left: 30px;
  }

  .l-md-pad-right-6 {
    padding-right: 30px;
  }

  .l-md-pad-top-6 {
    padding-top: 30px;
  }

  .l-md-pad-bot-6 {
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 800px) {
  .l-lg-mar-all-0 {
    margin: 0;
  }

  .l-lg-mar-hor-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .l-lg-mar-vert-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .l-lg-mar-left-0 {
    margin-left: 0;
  }

  .l-lg-mar-right-0 {
    margin-right: 0;
  }

  .l-lg-mar-top-0 {
    margin-top: 0;
  }

  .l-lg-mar-bot-0 {
    margin-bottom: 0;
  }

  .l-lg-mar-all-1 {
    margin: 5px;
  }

  .l-lg-mar-hor-1 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .l-lg-mar-vert-1 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .l-lg-mar-left-1 {
    margin-left: 5px;
  }

  .l-lg-mar-right-1 {
    margin-right: 5px;
  }

  .l-lg-mar-top-1 {
    margin-top: 5px;
  }

  .l-lg-mar-bot-1 {
    margin-bottom: 5px;
  }

  .l-lg-mar-all-2 {
    margin: 10px;
  }

  .l-lg-mar-hor-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .l-lg-mar-vert-2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .l-lg-mar-left-2 {
    margin-left: 10px;
  }

  .l-lg-mar-right-2 {
    margin-right: 10px;
  }

  .l-lg-mar-top-2 {
    margin-top: 10px;
  }

  .l-lg-mar-bot-2 {
    margin-bottom: 10px;
  }

  .l-lg-mar-all-3 {
    margin: 15px;
  }

  .l-lg-mar-hor-3 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .l-lg-mar-vert-3 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .l-lg-mar-left-3 {
    margin-left: 15px;
  }

  .l-lg-mar-right-3 {
    margin-right: 15px;
  }

  .l-lg-mar-top-3 {
    margin-top: 15px;
  }

  .l-lg-mar-bot-3 {
    margin-bottom: 15px;
  }

  .l-lg-mar-all-4 {
    margin: 20px;
  }

  .l-lg-mar-hor-4 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .l-lg-mar-vert-4 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .l-lg-mar-left-4 {
    margin-left: 20px;
  }

  .l-lg-mar-right-4 {
    margin-right: 20px;
  }

  .l-lg-mar-top-4 {
    margin-top: 20px;
  }

  .l-lg-mar-bot-4 {
    margin-bottom: 20px;
  }

  .l-lg-mar-all-5 {
    margin: 25px;
  }

  .l-lg-mar-hor-5 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .l-lg-mar-vert-5 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .l-lg-mar-left-5 {
    margin-left: 25px;
  }

  .l-lg-mar-right-5 {
    margin-right: 25px;
  }

  .l-lg-mar-top-5 {
    margin-top: 25px;
  }

  .l-lg-mar-bot-5 {
    margin-bottom: 25px;
  }

  .l-lg-mar-all-6 {
    margin: 30px;
  }

  .l-lg-mar-hor-6 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .l-lg-mar-vert-6 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .l-lg-mar-left-6 {
    margin-left: 30px;
  }

  .l-lg-mar-right-6 {
    margin-right: 30px;
  }

  .l-lg-mar-top-6 {
    margin-top: 30px;
  }

  .l-lg-mar-bot-6 {
    margin-bottom: 30px;
  }

  .l-lg-pad-all-0 {
    padding: 0;
  }

  .l-lg-pad-hor-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .l-lg-pad-vert-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .l-lg-pad-left-0 {
    padding-left: 0;
  }

  .l-lg-pad-right-0 {
    padding-right: 0;
  }

  .l-lg-pad-top-0 {
    padding-top: 0;
  }

  .l-lg-pad-bot-0 {
    padding-bottom: 0;
  }

  .l-lg-pad-all-1 {
    padding: 5px;
  }

  .l-lg-pad-hor-1 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .l-lg-pad-vert-1 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .l-lg-pad-left-1 {
    padding-left: 5px;
  }

  .l-lg-pad-right-1 {
    padding-right: 5px;
  }

  .l-lg-pad-top-1 {
    padding-top: 5px;
  }

  .l-lg-pad-bot-1 {
    padding-bottom: 5px;
  }

  .l-lg-pad-all-2 {
    padding: 10px;
  }

  .l-lg-pad-hor-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .l-lg-pad-vert-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .l-lg-pad-left-2 {
    padding-left: 10px;
  }

  .l-lg-pad-right-2 {
    padding-right: 10px;
  }

  .l-lg-pad-top-2 {
    padding-top: 10px;
  }

  .l-lg-pad-bot-2 {
    padding-bottom: 10px;
  }

  .l-lg-pad-all-3 {
    padding: 15px;
  }

  .l-lg-pad-hor-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .l-lg-pad-vert-3 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .l-lg-pad-left-3 {
    padding-left: 15px;
  }

  .l-lg-pad-right-3 {
    padding-right: 15px;
  }

  .l-lg-pad-top-3 {
    padding-top: 15px;
  }

  .l-lg-pad-bot-3 {
    padding-bottom: 15px;
  }

  .l-lg-pad-all-4 {
    padding: 20px;
  }

  .l-lg-pad-hor-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .l-lg-pad-vert-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .l-lg-pad-left-4 {
    padding-left: 20px;
  }

  .l-lg-pad-right-4 {
    padding-right: 20px;
  }

  .l-lg-pad-top-4 {
    padding-top: 20px;
  }

  .l-lg-pad-bot-4 {
    padding-bottom: 20px;
  }

  .l-lg-pad-all-5 {
    padding: 25px;
  }

  .l-lg-pad-hor-5 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .l-lg-pad-vert-5 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .l-lg-pad-left-5 {
    padding-left: 25px;
  }

  .l-lg-pad-right-5 {
    padding-right: 25px;
  }

  .l-lg-pad-top-5 {
    padding-top: 25px;
  }

  .l-lg-pad-bot-5 {
    padding-bottom: 25px;
  }

  .l-lg-pad-all-6 {
    padding: 30px;
  }

  .l-lg-pad-hor-6 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .l-lg-pad-vert-6 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .l-lg-pad-left-6 {
    padding-left: 30px;
  }

  .l-lg-pad-right-6 {
    padding-right: 30px;
  }

  .l-lg-pad-top-6 {
    padding-top: 30px;
  }

  .l-lg-pad-bot-6 {
    padding-bottom: 30px;
  }
}

.l-section {
  border-top: 1px solid #D2D6DF;
}

.l-section-stack > *:first-child {
  border-top: 0;
}

.l-align-left {
  text-align: left;
}

.l-align-center {
  text-align: center;
}

.l-align-right,
.timeline__date {
  text-align: right;
}

@media only screen and (max-width: 479px) {
  .l-align-left-sm {
    text-align: left;
  }
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-align-left-md {
    text-align: left;
  }
}

.ie8 .l-align-left-lg {
  text-align: left;
}

@media only screen and (min-width: 800px) {
  .l-align-left-lg {
    text-align: left;
  }
}

@media only screen and (max-width: 479px) {
  .l-align-center-sm {
    text-align: center;
  }
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-align-center-md {
    text-align: center;
  }
}

.ie8 .l-align-center-lg {
  text-align: center;
}

@media only screen and (min-width: 800px) {
  .l-align-center-lg {
    text-align: center;
  }
}

@media only screen and (max-width: 479px) {
  .l-align-right-sm {
    text-align: right;
  }
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-align-right-md {
    text-align: right;
  }
}

.ie8 .l-align-right-lg {
  text-align: right;
}

@media only screen and (min-width: 800px) {
  .l-align-right-lg {
    text-align: right;
  }
}

@media only screen and (max-width: 479px) {
  .l-sm-align-left {
    text-align: left;
  }
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-md-align-left {
    text-align: left;
  }
}

.ie8 .l-lg-align-left {
  text-align: left;
}

@media only screen and (min-width: 800px) {
  .l-lg-align-left {
    text-align: left;
  }
}

@media only screen and (max-width: 479px) {
  .l-sm-align-center {
    text-align: center;
  }
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-md-align-center {
    text-align: center;
  }
}

.ie8 .l-lg-align-center {
  text-align: center;
}

@media only screen and (min-width: 800px) {
  .l-lg-align-center {
    text-align: center;
  }
}

@media only screen and (max-width: 479px) {
  .l-sm-align-right {
    text-align: right;
  }
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-md-align-right {
    text-align: right;
  }
}

.ie8 .l-lg-align-right {
  text-align: right;
}

@media only screen and (min-width: 800px) {
  .l-lg-align-right {
    text-align: right;
  }
}

.has-user-generated-content h2,
.has-user-generated-content h3,
.has-user-generated-content h4,
.has-user-generated-content h5,
.has-user-generated-content h6,
.has-user-generated-content p,
.has-user-generated-content ul,
.has-user-generated-content ol {
  padding-top: 10px;
}

.has-user-generated-content h2,
.has-user-generated-content h3,
.has-user-generated-content h4,
.has-user-generated-content h5,
.has-user-generated-content h6 {
  color: #282C35;
}

.has-user-generated-content p,
.has-user-generated-content ul,
.has-user-generated-content ol {
  color: #666A73;
}

.has-user-generated-content :first-child {
  padding-top: 0px;
}

.has-user-generated-content h2,
.has-user-generated-content h3 {
  font-size: 20px;
  line-height: 30px;
}

.has-user-generated-content h4,
.has-user-generated-content h5 {
  font-size: 15px;
  line-height: 22px;
}

.has-user-generated-content h6 {
  font-size: 12px;
  line-height: 18px;
}

.has-user-generated-content h3,
.has-user-generated-content h5 {
  font-weight: 400;
}

.has-user-generated-content h2,
.has-user-generated-content h4,
.has-user-generated-content h6 {
  font-weight: 600;
}

.has-user-generated-content h6 {
  text-transform: uppercase;
}

.has-user-generated-content ul,
.has-user-generated-content ol {
  padding-left: 1.5em;
  list-style-position: inside;
}

.has-user-generated-content ul {
  list-style-type: disc;
}

.has-user-generated-content ol {
  list-style-type: decimal;
}

.has-user-generated-content li {
  padding-top: 5px;
}

.has-user-generated-content img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

.l-mar-all-0 {
  margin: 0;
}

.l-mar-hor-0 {
  margin-left: 0;
  margin-right: 0;
}

.l-mar-vert-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.l-mar-left-0 {
  margin-left: 0;
}

.l-mar-right-0 {
  margin-right: 0;
}

.l-mar-top-0,
.l-mar-stack > *:first-child,
.l-block-stack > *:first-child,
.l-mar-stack .is-hidden:first-child + .l-block-1,
.l-block-stack .is-hidden:first-child + .l-block-1,
.l-mar-stack .is-hidden:first-child + .l-mar-top-1,
.l-block-stack .is-hidden:first-child + .l-mar-top-1,
.l-mar-stack .is-hidden:first-child + .l-block-2,
.l-block-stack .is-hidden:first-child + .l-block-2,
.l-mar-stack .is-hidden:first-child + .l-mar-top-2,
.l-block-stack .is-hidden:first-child + .l-mar-top-2,
.l-mar-stack .is-hidden:first-child + .l-block-3,
.l-block-stack .is-hidden:first-child + .l-block-3,
.l-mar-stack .is-hidden:first-child + .l-mar-top-3,
.l-block-stack .is-hidden:first-child + .l-mar-top-3,
.l-mar-stack .is-hidden:first-child + .l-block-4,
.l-block-stack .is-hidden:first-child + .l-block-4,
.l-mar-stack .is-hidden:first-child + .l-mar-top-4,
.l-block-stack .is-hidden:first-child + .l-mar-top-4 {
  margin-top: 0;
}

.l-mar-bot-0 {
  margin-bottom: 0;
}

.l-mar-all-1 {
  margin: 5px;
}

.l-mar-hor-1 {
  margin-left: 5px;
  margin-right: 5px;
}

.l-mar-vert-1 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.l-mar-left-1 {
  margin-left: 5px;
}

.l-mar-right-1 {
  margin-right: 5px;
}

.l-mar-top-1 {
  margin-top: 5px;
}

.l-mar-bot-1 {
  margin-bottom: 5px;
}

.l-mar-all-2 {
  margin: 10px;
}

.l-mar-hor-2 {
  margin-left: 10px;
  margin-right: 10px;
}

.l-mar-vert-2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.l-mar-left-2 {
  margin-left: 10px;
}

.l-mar-right-2 {
  margin-right: 10px;
}

.l-mar-top-2 {
  margin-top: 10px;
}

.l-mar-bot-2,
.responsive-table--sticky__wrapper {
  margin-bottom: 10px;
}

.l-mar-all-3 {
  margin: 15px;
}

.l-mar-hor-3 {
  margin-left: 15px;
  margin-right: 15px;
}

.l-mar-vert-3 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.l-mar-left-3 {
  margin-left: 15px;
}

.l-mar-right-3 {
  margin-right: 15px;
}

.l-mar-top-3 {
  margin-top: 15px;
}

.l-mar-bot-3 {
  margin-bottom: 15px;
}

.l-mar-all-4 {
  margin: 20px;
}

.l-mar-hor-4 {
  margin-left: 20px;
  margin-right: 20px;
}

.l-mar-vert-4 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.l-mar-left-4 {
  margin-left: 20px;
}

.l-mar-right-4 {
  margin-right: 20px;
}

.l-mar-top-4 {
  margin-top: 20px;
}

.l-mar-bot-4 {
  margin-bottom: 20px;
}

.l-mar-all-5 {
  margin: 25px;
}

.l-mar-hor-5 {
  margin-left: 25px;
  margin-right: 25px;
}

.l-mar-vert-5 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.l-mar-left-5 {
  margin-left: 25px;
}

.l-mar-right-5 {
  margin-right: 25px;
}

.l-mar-top-5 {
  margin-top: 25px;
}

.l-mar-bot-5 {
  margin-bottom: 25px;
}

.l-mar-all-6 {
  margin: 30px;
}

.l-mar-hor-6 {
  margin-left: 30px;
  margin-right: 30px;
}

.l-mar-vert-6 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.l-mar-left-6 {
  margin-left: 30px;
}

.l-mar-right-6 {
  margin-right: 30px;
}

.l-mar-top-6 {
  margin-top: 30px;
}

.l-mar-bot-6 {
  margin-bottom: 30px;
}

.l-pad-all-0 {
  padding: 0;
}

.l-pad-hor-0 {
  padding-left: 0;
  padding-right: 0;
}

.l-pad-vert-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.l-pad-left-0,
.slat__status-item {
  padding-left: 0;
}

.l-pad-right-0 {
  padding-right: 0;
}

.l-pad-top-0 {
  padding-top: 0;
}

.l-pad-bot-0 {
  padding-bottom: 0;
}

.l-pad-all-1 {
  padding: 5px;
}

.l-pad-hor-1 {
  padding-left: 5px;
  padding-right: 5px;
}

.l-pad-vert-1 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.l-pad-left-1 {
  padding-left: 5px;
}

.l-pad-right-1,
.slat__status-item {
  padding-right: 5px;
}

.l-pad-top-1 {
  padding-top: 5px;
}

.l-pad-bot-1 {
  padding-bottom: 5px;
}

.l-pad-all-2 {
  padding: 10px;
}

.l-pad-hor-2 {
  padding-left: 10px;
  padding-right: 10px;
}

.l-pad-vert-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.l-pad-left-2 {
  padding-left: 10px;
}

.l-pad-right-2 {
  padding-right: 10px;
}

.l-pad-top-2 {
  padding-top: 10px;
}

.l-pad-bot-2 {
  padding-bottom: 10px;
}

.l-pad-all-3 {
  padding: 15px;
}

.l-pad-hor-3,
.chart-panel__button {
  padding-left: 15px;
  padding-right: 15px;
}

.l-pad-vert-3,
.timeline__item {
  padding-top: 15px;
  padding-bottom: 15px;
}

.l-pad-left-3 {
  padding-left: 15px;
}

.l-pad-right-3 {
  padding-right: 15px;
}

.l-pad-top-3 {
  padding-top: 15px;
}

.l-pad-bot-3 {
  padding-bottom: 15px;
}

.l-pad-all-4 {
  padding: 20px;
}

.l-pad-hor-4 {
  padding-left: 20px;
  padding-right: 20px;
}

.l-pad-vert-4 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.l-pad-left-4 {
  padding-left: 20px;
}

.l-pad-right-4 {
  padding-right: 20px;
}

.l-pad-top-4 {
  padding-top: 20px;
}

.l-pad-bot-4 {
  padding-bottom: 20px;
}

.l-pad-all-5 {
  padding: 25px;
}

.l-pad-hor-5 {
  padding-left: 25px;
  padding-right: 25px;
}

.l-pad-vert-5 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.l-pad-left-5 {
  padding-left: 25px;
}

.l-pad-right-5 {
  padding-right: 25px;
}

.l-pad-top-5 {
  padding-top: 25px;
}

.l-pad-bot-5 {
  padding-bottom: 25px;
}

.l-pad-all-6 {
  padding: 30px;
}

.l-pad-hor-6 {
  padding-left: 30px;
  padding-right: 30px;
}

.l-pad-vert-6 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.l-pad-left-6 {
  padding-left: 30px;
}

.l-pad-right-6 {
  padding-right: 30px;
}

.l-pad-top-6 {
  padding-top: 30px;
}

.l-pad-bot-6 {
  padding-bottom: 30px;
}

@media only screen and (max-width: 479px) {
  .l-sm-mar-all-0 {
    margin: 0;
  }

  .l-sm-mar-hor-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .l-sm-mar-vert-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .l-sm-mar-left-0 {
    margin-left: 0;
  }

  .l-sm-mar-right-0 {
    margin-right: 0;
  }

  .l-sm-mar-top-0 {
    margin-top: 0;
  }

  .l-sm-mar-bot-0 {
    margin-bottom: 0;
  }

  .l-sm-mar-all-1 {
    margin: 5px;
  }

  .l-sm-mar-hor-1 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .l-sm-mar-vert-1 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .l-sm-mar-left-1 {
    margin-left: 5px;
  }

  .l-sm-mar-right-1 {
    margin-right: 5px;
  }

  .l-sm-mar-top-1 {
    margin-top: 5px;
  }

  .l-sm-mar-bot-1 {
    margin-bottom: 5px;
  }

  .l-sm-mar-all-2 {
    margin: 10px;
  }

  .l-sm-mar-hor-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .l-sm-mar-vert-2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .l-sm-mar-left-2 {
    margin-left: 10px;
  }

  .l-sm-mar-right-2 {
    margin-right: 10px;
  }

  .l-sm-mar-top-2 {
    margin-top: 10px;
  }

  .l-sm-mar-bot-2 {
    margin-bottom: 10px;
  }

  .l-sm-mar-all-3 {
    margin: 15px;
  }

  .l-sm-mar-hor-3 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .l-sm-mar-vert-3 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .l-sm-mar-left-3 {
    margin-left: 15px;
  }

  .l-sm-mar-right-3 {
    margin-right: 15px;
  }

  .l-sm-mar-top-3 {
    margin-top: 15px;
  }

  .l-sm-mar-bot-3 {
    margin-bottom: 15px;
  }

  .l-sm-mar-all-4 {
    margin: 20px;
  }

  .l-sm-mar-hor-4 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .l-sm-mar-vert-4 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .l-sm-mar-left-4 {
    margin-left: 20px;
  }

  .l-sm-mar-right-4 {
    margin-right: 20px;
  }

  .l-sm-mar-top-4 {
    margin-top: 20px;
  }

  .l-sm-mar-bot-4 {
    margin-bottom: 20px;
  }

  .l-sm-mar-all-5 {
    margin: 25px;
  }

  .l-sm-mar-hor-5 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .l-sm-mar-vert-5 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .l-sm-mar-left-5 {
    margin-left: 25px;
  }

  .l-sm-mar-right-5 {
    margin-right: 25px;
  }

  .l-sm-mar-top-5 {
    margin-top: 25px;
  }

  .l-sm-mar-bot-5 {
    margin-bottom: 25px;
  }

  .l-sm-mar-all-6 {
    margin: 30px;
  }

  .l-sm-mar-hor-6 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .l-sm-mar-vert-6 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .l-sm-mar-left-6 {
    margin-left: 30px;
  }

  .l-sm-mar-right-6 {
    margin-right: 30px;
  }

  .l-sm-mar-top-6 {
    margin-top: 30px;
  }

  .l-sm-mar-bot-6 {
    margin-bottom: 30px;
  }

  .l-sm-pad-all-0 {
    padding: 0;
  }

  .l-sm-pad-hor-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .l-sm-pad-vert-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .l-sm-pad-left-0 {
    padding-left: 0;
  }

  .l-sm-pad-right-0 {
    padding-right: 0;
  }

  .l-sm-pad-top-0 {
    padding-top: 0;
  }

  .l-sm-pad-bot-0 {
    padding-bottom: 0;
  }

  .l-sm-pad-all-1 {
    padding: 5px;
  }

  .l-sm-pad-hor-1 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .l-sm-pad-vert-1,
  .timeline__item {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .l-sm-pad-left-1,
  .chart-panel__button {
    padding-left: 5px;
  }

  .l-sm-pad-right-1 {
    padding-right: 5px;
  }

  .l-sm-pad-top-1 {
    padding-top: 5px;
  }

  .l-sm-pad-bot-1 {
    padding-bottom: 5px;
  }

  .l-sm-pad-all-2 {
    padding: 10px;
  }

  .l-sm-pad-hor-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .l-sm-pad-vert-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .l-sm-pad-left-2 {
    padding-left: 10px;
  }

  .l-sm-pad-right-2 {
    padding-right: 10px;
  }

  .l-sm-pad-top-2 {
    padding-top: 10px;
  }

  .l-sm-pad-bot-2 {
    padding-bottom: 10px;
  }

  .l-sm-pad-all-3 {
    padding: 15px;
  }

  .l-sm-pad-hor-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .l-sm-pad-vert-3 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .l-sm-pad-left-3 {
    padding-left: 15px;
  }

  .l-sm-pad-right-3 {
    padding-right: 15px;
  }

  .l-sm-pad-top-3 {
    padding-top: 15px;
  }

  .l-sm-pad-bot-3 {
    padding-bottom: 15px;
  }

  .l-sm-pad-all-4 {
    padding: 20px;
  }

  .l-sm-pad-hor-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .l-sm-pad-vert-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .l-sm-pad-left-4 {
    padding-left: 20px;
  }

  .l-sm-pad-right-4 {
    padding-right: 20px;
  }

  .l-sm-pad-top-4 {
    padding-top: 20px;
  }

  .l-sm-pad-bot-4 {
    padding-bottom: 20px;
  }

  .l-sm-pad-all-5 {
    padding: 25px;
  }

  .l-sm-pad-hor-5 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .l-sm-pad-vert-5 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .l-sm-pad-left-5 {
    padding-left: 25px;
  }

  .l-sm-pad-right-5 {
    padding-right: 25px;
  }

  .l-sm-pad-top-5 {
    padding-top: 25px;
  }

  .l-sm-pad-bot-5 {
    padding-bottom: 25px;
  }

  .l-sm-pad-all-6 {
    padding: 30px;
  }

  .l-sm-pad-hor-6 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .l-sm-pad-vert-6 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .l-sm-pad-left-6 {
    padding-left: 30px;
  }

  .l-sm-pad-right-6 {
    padding-right: 30px;
  }

  .l-sm-pad-top-6 {
    padding-top: 30px;
  }

  .l-sm-pad-bot-6 {
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-md-mar-all-0 {
    margin: 0;
  }

  .l-md-mar-hor-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .l-md-mar-vert-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .l-md-mar-left-0 {
    margin-left: 0;
  }

  .l-md-mar-right-0 {
    margin-right: 0;
  }

  .l-md-mar-top-0 {
    margin-top: 0;
  }

  .l-md-mar-bot-0 {
    margin-bottom: 0;
  }

  .l-md-mar-all-1 {
    margin: 5px;
  }

  .l-md-mar-hor-1 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .l-md-mar-vert-1 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .l-md-mar-left-1 {
    margin-left: 5px;
  }

  .l-md-mar-right-1 {
    margin-right: 5px;
  }

  .l-md-mar-top-1 {
    margin-top: 5px;
  }

  .l-md-mar-bot-1 {
    margin-bottom: 5px;
  }

  .l-md-mar-all-2 {
    margin: 10px;
  }

  .l-md-mar-hor-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .l-md-mar-vert-2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .l-md-mar-left-2 {
    margin-left: 10px;
  }

  .l-md-mar-right-2 {
    margin-right: 10px;
  }

  .l-md-mar-top-2 {
    margin-top: 10px;
  }

  .l-md-mar-bot-2 {
    margin-bottom: 10px;
  }

  .l-md-mar-all-3 {
    margin: 15px;
  }

  .l-md-mar-hor-3 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .l-md-mar-vert-3 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .l-md-mar-left-3 {
    margin-left: 15px;
  }

  .l-md-mar-right-3 {
    margin-right: 15px;
  }

  .l-md-mar-top-3 {
    margin-top: 15px;
  }

  .l-md-mar-bot-3 {
    margin-bottom: 15px;
  }

  .l-md-mar-all-4 {
    margin: 20px;
  }

  .l-md-mar-hor-4 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .l-md-mar-vert-4 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .l-md-mar-left-4 {
    margin-left: 20px;
  }

  .l-md-mar-right-4 {
    margin-right: 20px;
  }

  .l-md-mar-top-4 {
    margin-top: 20px;
  }

  .l-md-mar-bot-4 {
    margin-bottom: 20px;
  }

  .l-md-mar-all-5 {
    margin: 25px;
  }

  .l-md-mar-hor-5 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .l-md-mar-vert-5 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .l-md-mar-left-5 {
    margin-left: 25px;
  }

  .l-md-mar-right-5 {
    margin-right: 25px;
  }

  .l-md-mar-top-5 {
    margin-top: 25px;
  }

  .l-md-mar-bot-5 {
    margin-bottom: 25px;
  }

  .l-md-mar-all-6 {
    margin: 30px;
  }

  .l-md-mar-hor-6 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .l-md-mar-vert-6 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .l-md-mar-left-6 {
    margin-left: 30px;
  }

  .l-md-mar-right-6 {
    margin-right: 30px;
  }

  .l-md-mar-top-6 {
    margin-top: 30px;
  }

  .l-md-mar-bot-6 {
    margin-bottom: 30px;
  }

  .l-md-pad-all-0 {
    padding: 0;
  }

  .l-md-pad-hor-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .l-md-pad-vert-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .l-md-pad-left-0 {
    padding-left: 0;
  }

  .l-md-pad-right-0 {
    padding-right: 0;
  }

  .l-md-pad-top-0 {
    padding-top: 0;
  }

  .l-md-pad-bot-0 {
    padding-bottom: 0;
  }

  .l-md-pad-all-1 {
    padding: 5px;
  }

  .l-md-pad-hor-1 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .l-md-pad-vert-1 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .l-md-pad-left-1 {
    padding-left: 5px;
  }

  .l-md-pad-right-1 {
    padding-right: 5px;
  }

  .l-md-pad-top-1 {
    padding-top: 5px;
  }

  .l-md-pad-bot-1 {
    padding-bottom: 5px;
  }

  .l-md-pad-all-2 {
    padding: 10px;
  }

  .l-md-pad-hor-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .l-md-pad-vert-2,
  .timeline__item {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .l-md-pad-left-2 {
    padding-left: 10px;
  }

  .l-md-pad-right-2 {
    padding-right: 10px;
  }

  .l-md-pad-top-2 {
    padding-top: 10px;
  }

  .l-md-pad-bot-2 {
    padding-bottom: 10px;
  }

  .l-md-pad-all-3 {
    padding: 15px;
  }

  .l-md-pad-hor-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .l-md-pad-vert-3 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .l-md-pad-left-3 {
    padding-left: 15px;
  }

  .l-md-pad-right-3 {
    padding-right: 15px;
  }

  .l-md-pad-top-3 {
    padding-top: 15px;
  }

  .l-md-pad-bot-3 {
    padding-bottom: 15px;
  }

  .l-md-pad-all-4 {
    padding: 20px;
  }

  .l-md-pad-hor-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .l-md-pad-vert-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .l-md-pad-left-4 {
    padding-left: 20px;
  }

  .l-md-pad-right-4 {
    padding-right: 20px;
  }

  .l-md-pad-top-4 {
    padding-top: 20px;
  }

  .l-md-pad-bot-4 {
    padding-bottom: 20px;
  }

  .l-md-pad-all-5 {
    padding: 25px;
  }

  .l-md-pad-hor-5 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .l-md-pad-vert-5 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .l-md-pad-left-5 {
    padding-left: 25px;
  }

  .l-md-pad-right-5 {
    padding-right: 25px;
  }

  .l-md-pad-top-5 {
    padding-top: 25px;
  }

  .l-md-pad-bot-5 {
    padding-bottom: 25px;
  }

  .l-md-pad-all-6 {
    padding: 30px;
  }

  .l-md-pad-hor-6 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .l-md-pad-vert-6 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .l-md-pad-left-6 {
    padding-left: 30px;
  }

  .l-md-pad-right-6 {
    padding-right: 30px;
  }

  .l-md-pad-top-6 {
    padding-top: 30px;
  }

  .l-md-pad-bot-6 {
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 800px) {
  .l-lg-mar-all-0 {
    margin: 0;
  }

  .l-lg-mar-hor-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .l-lg-mar-vert-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .l-lg-mar-left-0 {
    margin-left: 0;
  }

  .l-lg-mar-right-0 {
    margin-right: 0;
  }

  .l-lg-mar-top-0 {
    margin-top: 0;
  }

  .l-lg-mar-bot-0 {
    margin-bottom: 0;
  }

  .l-lg-mar-all-1 {
    margin: 5px;
  }

  .l-lg-mar-hor-1 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .l-lg-mar-vert-1 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .l-lg-mar-left-1 {
    margin-left: 5px;
  }

  .l-lg-mar-right-1 {
    margin-right: 5px;
  }

  .l-lg-mar-top-1 {
    margin-top: 5px;
  }

  .l-lg-mar-bot-1 {
    margin-bottom: 5px;
  }

  .l-lg-mar-all-2 {
    margin: 10px;
  }

  .l-lg-mar-hor-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .l-lg-mar-vert-2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .l-lg-mar-left-2 {
    margin-left: 10px;
  }

  .l-lg-mar-right-2 {
    margin-right: 10px;
  }

  .l-lg-mar-top-2 {
    margin-top: 10px;
  }

  .l-lg-mar-bot-2 {
    margin-bottom: 10px;
  }

  .l-lg-mar-all-3 {
    margin: 15px;
  }

  .l-lg-mar-hor-3 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .l-lg-mar-vert-3 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .l-lg-mar-left-3 {
    margin-left: 15px;
  }

  .l-lg-mar-right-3 {
    margin-right: 15px;
  }

  .l-lg-mar-top-3 {
    margin-top: 15px;
  }

  .l-lg-mar-bot-3 {
    margin-bottom: 15px;
  }

  .l-lg-mar-all-4 {
    margin: 20px;
  }

  .l-lg-mar-hor-4 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .l-lg-mar-vert-4 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .l-lg-mar-left-4 {
    margin-left: 20px;
  }

  .l-lg-mar-right-4 {
    margin-right: 20px;
  }

  .l-lg-mar-top-4 {
    margin-top: 20px;
  }

  .l-lg-mar-bot-4 {
    margin-bottom: 20px;
  }

  .l-lg-mar-all-5 {
    margin: 25px;
  }

  .l-lg-mar-hor-5 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .l-lg-mar-vert-5 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .l-lg-mar-left-5 {
    margin-left: 25px;
  }

  .l-lg-mar-right-5 {
    margin-right: 25px;
  }

  .l-lg-mar-top-5 {
    margin-top: 25px;
  }

  .l-lg-mar-bot-5 {
    margin-bottom: 25px;
  }

  .l-lg-mar-all-6 {
    margin: 30px;
  }

  .l-lg-mar-hor-6 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .l-lg-mar-vert-6 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .l-lg-mar-left-6 {
    margin-left: 30px;
  }

  .l-lg-mar-right-6 {
    margin-right: 30px;
  }

  .l-lg-mar-top-6 {
    margin-top: 30px;
  }

  .l-lg-mar-bot-6 {
    margin-bottom: 30px;
  }

  .l-lg-pad-all-0 {
    padding: 0;
  }

  .l-lg-pad-hor-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .l-lg-pad-vert-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .l-lg-pad-left-0 {
    padding-left: 0;
  }

  .l-lg-pad-right-0 {
    padding-right: 0;
  }

  .l-lg-pad-top-0 {
    padding-top: 0;
  }

  .l-lg-pad-bot-0 {
    padding-bottom: 0;
  }

  .l-lg-pad-all-1 {
    padding: 5px;
  }

  .l-lg-pad-hor-1 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .l-lg-pad-vert-1 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .l-lg-pad-left-1 {
    padding-left: 5px;
  }

  .l-lg-pad-right-1 {
    padding-right: 5px;
  }

  .l-lg-pad-top-1 {
    padding-top: 5px;
  }

  .l-lg-pad-bot-1 {
    padding-bottom: 5px;
  }

  .l-lg-pad-all-2 {
    padding: 10px;
  }

  .l-lg-pad-hor-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .l-lg-pad-vert-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .l-lg-pad-left-2 {
    padding-left: 10px;
  }

  .l-lg-pad-right-2 {
    padding-right: 10px;
  }

  .l-lg-pad-top-2 {
    padding-top: 10px;
  }

  .l-lg-pad-bot-2 {
    padding-bottom: 10px;
  }

  .l-lg-pad-all-3 {
    padding: 15px;
  }

  .l-lg-pad-hor-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .l-lg-pad-vert-3 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .l-lg-pad-left-3 {
    padding-left: 15px;
  }

  .l-lg-pad-right-3 {
    padding-right: 15px;
  }

  .l-lg-pad-top-3 {
    padding-top: 15px;
  }

  .l-lg-pad-bot-3 {
    padding-bottom: 15px;
  }

  .l-lg-pad-all-4 {
    padding: 20px;
  }

  .l-lg-pad-hor-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .l-lg-pad-vert-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .l-lg-pad-left-4 {
    padding-left: 20px;
  }

  .l-lg-pad-right-4 {
    padding-right: 20px;
  }

  .l-lg-pad-top-4 {
    padding-top: 20px;
  }

  .l-lg-pad-bot-4 {
    padding-bottom: 20px;
  }

  .l-lg-pad-all-5 {
    padding: 25px;
  }

  .l-lg-pad-hor-5 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .l-lg-pad-vert-5 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .l-lg-pad-left-5 {
    padding-left: 25px;
  }

  .l-lg-pad-right-5 {
    padding-right: 25px;
  }

  .l-lg-pad-top-5 {
    padding-top: 25px;
  }

  .l-lg-pad-bot-5 {
    padding-bottom: 25px;
  }

  .l-lg-pad-all-6 {
    padding: 30px;
  }

  .l-lg-pad-hor-6 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .l-lg-pad-vert-6 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .l-lg-pad-left-6 {
    padding-left: 30px;
  }

  .l-lg-pad-right-6 {
    padding-right: 30px;
  }

  .l-lg-pad-top-6 {
    padding-top: 30px;
  }

  .l-lg-pad-bot-6 {
    padding-bottom: 30px;
  }
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.l-media > *,
.list-card > *,
.list-card-v2 .list-card__main > * {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}

.l-media > *:first-child,
.list-card > *:first-child,
.list-card-v2 .list-card__main > *:first-child {
  float: left;
  margin-right: 10px;
  overflow: visible;
}

.l-media.l-media--right > *:first-child,
.l-media--right.list-card > *:first-child,
.list-card-v2 .l-media--right.list-card__main > *:first-child {
  float: right;
  margin-left: 10px;
  margin-right: 0;
  overflow: visible;
}

.l-media-v-center {
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.l-media-v-center__row {
  display: table-row;
}

.l-media-v-center__row > * {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}

.l-media-v-center__row > *:first-child {
  padding-left: 0;
  vertical-align: middle;
}

.l-media-flexible {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.l-media-flexible > * {
  margin-left: 10px;
}

.l-media-flexible *:first-child {
  margin-left: 0;
}

.l-media-flexible__fluid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  justify-content: space-between;
}

.l-media-flexible__fixed {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.l-media-flexible__fluid__object {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.prose p,
.prose ul,
.prose ol,
.prose blockquote {
  line-height: 22px;
  margin-bottom: 10px;
}

.prose ul,
.prose ol {
  margin-left: 2em;
  list-style-position: outside;
}

.prose ul {
  list-style-type: disc;
}

.prose li {
  list-style: disc;
}

.prose ol {
  list-style-type: decimal;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

body {
  font-family: "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 15px;
  color: #45494E;
  letter-spacing: 0.5px;
}

.text-heading-mega,
.hero-image__bottom-title,
.text-mega {
  font-size: 65px;
  line-height: 70px;
  font-weight: 400;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-mega,
  .hero-image__bottom-title,
  .text-mega {
    font-size: 45px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-mega,
  .hero-image__bottom-title,
  .text-mega {
    font-size: 35px;
    line-height: 50px;
  }
}

.text-heading-epic,
.text-epic,
.avatar.avatar--flexible .avatar--initials {
  font-size: 45px;
  line-height: 50px;
  font-weight: 400;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-epic,
  .text-epic,
  .avatar.avatar--flexible .avatar--initials {
    font-size: 35px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-epic,
  .text-epic,
  .avatar.avatar--flexible .avatar--initials {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-heading-primary,
.modal__heading,
.text-primary {
  font-size: 35px;
  line-height: 50px;
  font-weight: 600;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-primary,
  .modal__heading,
  .text-primary {
    font-size: 25px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-primary,
  .modal__heading,
  .text-primary {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-heading-secondary,
.text-secondary {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #282C35;
}

.text-heading-tertiary {
  font-size: 15px;
  line-height: 22px;
  color: #282C35;
  font-weight: 400;
}

.text-heading-quaternary {
  color: #666A73;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.heading-secondary-responsive {
  font-size: 15px;
  line-height: 22px;
  color: #282C35;
}

.ie8 .heading-secondary-responsive {
  font-size: 20px;
  line-height: 30px;
}

@media only screen and (min-width: 480px) {
  .heading-secondary-responsive {
    font-size: 20px;
    line-height: 30px;
  }
}

.label-primary,
.responsive-form .responsive-form__label--primary,
.responsive-form label.responsive-form__label--primary,
label.label-primary,
.responsive-form label.responsive-form__label--primary {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase;
}

.label-secondary,
label.label-secondary {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase;
  color: #666A73;
}

.text-body-large,
.timeline__title,
.chart-panel__button-value {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-large {
  font-size: 25px;
  line-height: 35px;
  font-weight: 400;
}

@media only screen and (max-width: 479px) {
  .text-large {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-body-medium,
.g-cell,
.timeline__content,
.timeline__date,
.timeline__indicator,
.discount-ticket .discount-ticket-name,
.discount-ticket .discount-ticket-price,
.original-ticket-price,
.list-person__name {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-medium {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.text-default,
.modal__body,
.slat__primary-text {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-body-small,
.timeline__description,
.responsive-table th a,
.tooltip,
.ticket-box__tax-fee,
.slat__action,
.slat__action--stacked,
.chart-panel__button-label,
.text-small,
.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text,
.list-person ul p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.text-small,
.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text,
.list-person ul p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.text-xsmall {
  font-size: 9px;
  line-height: 12px;
  font-weight: 400;
}

.text-body--understated,
.text-body--faint,
.timeline__description,
.timeline__date-context,
.timeline__date,
.list-attendee__role,
.text-understated {
  font-weight: 400;
}

.text-body--faint,
.timeline__description,
.timeline__date-context,
.timeline__date,
.list-attendee__role {
  color: #666A73;
}

.text-body--significant,
.responsive-table th a,
.text-significant,
.heading-secondary-responsive {
  font-weight: 600;
}

.text-heading--understated {
  font-weight: 400;
}

.text-heading--emphasized {
  color: white;
}

.text-stressed {
  color: #282C35;
  text-transform: uppercase;
  font-weight: 600;
}

.text-light {
  font-weight: 200;
}

.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text {
  color: #666A73;
}

.text-error {
  color: #ff0044;
}

.text--truncated {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.text--truncated-two-line {
  display: -webkit-box;
  max-height: 42px;
  line-height: 21px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  position: relative;
}

.text--truncated-two-line.text-heading-epic {
  display: -webkit-box;
  max-height: 100px;
  line-height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line.text-heading-primary,
.text--truncated-two-line.modal__heading {
  display: -webkit-box;
  max-height: 100px;
  line-height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line.text-heading-secondary {
  display: -webkit-box;
  max-height: 60px;
  line-height: 30px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line__truncation {
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(-360deg, rgba(255, 255, 255, 0) 0%, white 30%);
  background-image: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, white 30%);
  position: absolute;
  right: 0;
  padding-left: 10px;
}

.text-heading-epic .text--truncated-two-line__truncation {
  top: 45px;
  height: 50px;
}

.text-heading-primary .text--truncated-two-line__truncation,
.modal__heading .text--truncated-two-line__truncation {
  top: 35px;
  height: 50px;
}

.text-heading-secondary .text--truncated-two-line__truncation {
  top: 20px;
  height: 30px;
}

.text--truncated-two-line__truncation:before {
  content: '\2026';
}

.text--separated {
  margin-left: 10px;
}

.text--centered {
  text-align: center;
}

.text--right {
  text-align: right;
}

.text--normal {
  text-align: left;
}

.high-visibility-alert {
  color: #f6682F;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
}

.responsive-form input[type="color"]:focus,
.responsive-form input[type="date"]:focus,
.responsive-form input[type="datetime"]:focus,
.responsive-form input[type="datetime-local"]:focus,
.responsive-form input[type="email"]:focus,
.responsive-form input[type="month"]:focus,
.responsive-form input[type="number"]:focus,
.responsive-form input[type="password"]:focus,
.responsive-form input[type="range"]:focus,
.responsive-form input[type="search"]:focus,
.responsive-form input[type="tel"]:focus,
.responsive-form input[type="time"]:focus,
.responsive-form input[type="text"]:focus,
.responsive-form input[type="url"]:focus,
.responsive-form input[type="week"]:focus,
.responsive-form textarea:focus,
.responsive-form [contenteditable="true"]:focus,
.responsive-form input[type="color"].has-form-input-error:focus,
.responsive-form input[type="date"].has-form-input-error:focus,
.responsive-form input[type="datetime"].has-form-input-error:focus,
.responsive-form input[type="datetime-local"].has-form-input-error:focus,
.responsive-form input[type="email"].has-form-input-error:focus,
.responsive-form input[type="month"].has-form-input-error:focus,
.responsive-form input[type="number"].has-form-input-error:focus,
.responsive-form input[type="password"].has-form-input-error:focus,
.responsive-form input[type="range"].has-form-input-error:focus,
.responsive-form input[type="search"].has-form-input-error:focus,
.responsive-form input[type="tel"].has-form-input-error:focus,
.responsive-form input[type="time"].has-form-input-error:focus,
.responsive-form input[type="text"].has-form-input-error:focus,
.responsive-form input[type="url"].has-form-input-error:focus,
.responsive-form input[type="week"].has-form-input-error:focus,
.responsive-form .responsive-form__select.has-form-input-error:focus,
.responsive-form select.has-form-input-error:focus,
.responsive-form textarea.has-form-input-error:focus,
.responsive-form__select:active,
.responsive-form__select:focus,
.responsive-form__select.responsive-form__select--focus,
.scrollable-pane:focus,
.form input[type="color"]:focus,
.form input[type="date"]:focus,
.form input[type="datetime"]:focus,
.form input[type="datetime-local"]:focus,
.form input[type="email"]:focus,
.form input[type="month"]:focus,
.form input[type="number"]:focus,
.form input[type="password"]:focus,
.form input[type="range"]:focus,
.form input[type="search"]:focus,
.form input[type="tel"]:focus,
.form input[type="time"]:focus,
.form input[type="text"]:focus,
.form input[type="url"]:focus,
.form input[type="week"]:focus,
.form .form__input:focus,
.form textarea:focus,
.form [contenteditable="true"]:focus,
.form input[type="color"].has-form-input-error:focus,
.form input[type="date"].has-form-input-error:focus,
.form input[type="datetime"].has-form-input-error:focus,
.form input[type="datetime-local"].has-form-input-error:focus,
.form input[type="email"].has-form-input-error:focus,
.form input[type="month"].has-form-input-error:focus,
.form input[type="number"].has-form-input-error:focus,
.form input[type="password"].has-form-input-error:focus,
.form input[type="range"].has-form-input-error:focus,
.form input[type="search"].has-form-input-error:focus,
.form input[type="tel"].has-form-input-error:focus,
.form input[type="time"].has-form-input-error:focus,
.form input[type="text"].has-form-input-error:focus,
.form input[type="url"].has-form-input-error:focus,
.form input[type="week"].has-form-input-error:focus,
.form .form__input.has-form-input-error:focus,
.form .form__select.has-form-input-error:focus,
.form .responsive-form__select.has-form-input-error:focus,
.form select.has-form-input-error:focus,
.form textarea.has-form-input-error:focus,
.form__select:active {
  outline: none;
  border: 1px solid #00a8f2;
}

.responsive-form input[type="color"],
.responsive-form input[type="date"],
.responsive-form input[type="datetime"],
.responsive-form input[type="datetime-local"],
.responsive-form input[type="email"],
.responsive-form input[type="month"],
.responsive-form input[type="number"],
.responsive-form input[type="password"],
.responsive-form input[type="range"],
.responsive-form input[type="search"],
.responsive-form input[type="tel"],
.responsive-form input[type="time"],
.responsive-form input[type="text"],
.responsive-form input[type="url"],
.responsive-form input[type="week"],
.responsive-form textarea,
.responsive-form [contenteditable="true"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  vertical-align: middle;
  width: 100%;
  padding: 9px 12px;
  border: 1px #D2D6DF solid;
  background: white;
  color: #45494E;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.responsive-form input[type="color"]:disabled,
.responsive-form input[type="date"]:disabled,
.responsive-form input[type="datetime"]:disabled,
.responsive-form input[type="datetime-local"]:disabled,
.responsive-form input[type="email"]:disabled,
.responsive-form input[type="month"]:disabled,
.responsive-form input[type="number"]:disabled,
.responsive-form input[type="password"]:disabled,
.responsive-form input[type="range"]:disabled,
.responsive-form input[type="search"]:disabled,
.responsive-form input[type="tel"]:disabled,
.responsive-form input[type="time"]:disabled,
.responsive-form input[type="text"]:disabled,
.responsive-form input[type="url"]:disabled,
.responsive-form input[type="week"]:disabled,
.responsive-form textarea:disabled,
.responsive-form [contenteditable="true"]:disabled {
  background-color: #EFF2F5;
  border-color: #D2D6DF;
  color: #ADB0B6;
  cursor: not-allowed;
}

.responsive-form input[type="checkbox"],
.responsive-form input[type="radio"],
.responsive-form input[type="submit"] {
  vertical-align: middle;
}

.responsive-form label {
  vertical-align: middle;
  font-size: 15px;
  color: #282C35;
  line-height: 22px;
}

.responsive-form label.responsive-form__label--column {
  display: block;
  text-align: right;
  font-weight: 400;
}

@media only screen and (max-width: 479px) {
  .responsive-form label.responsive-form__label--column {
    text-align: left;
  }
}

.responsive-form label.responsive-form__label--hidden {
  position: absolute;
  left: -999999px;
}

.responsive-form .responsive-form__fieldset-legend {
  color: #282C35;
  font-weight: 400;
}

.responsive-form input[type="color"].has-form-input-error,
.responsive-form input[type="date"].has-form-input-error,
.responsive-form input[type="datetime"].has-form-input-error,
.responsive-form input[type="datetime-local"].has-form-input-error,
.responsive-form input[type="email"].has-form-input-error,
.responsive-form input[type="month"].has-form-input-error,
.responsive-form input[type="number"].has-form-input-error,
.responsive-form input[type="password"].has-form-input-error,
.responsive-form input[type="range"].has-form-input-error,
.responsive-form input[type="search"].has-form-input-error,
.responsive-form input[type="tel"].has-form-input-error,
.responsive-form input[type="time"].has-form-input-error,
.responsive-form input[type="text"].has-form-input-error,
.responsive-form input[type="url"].has-form-input-error,
.responsive-form input[type="week"].has-form-input-error,
.responsive-form .responsive-form__select.has-form-input-error,
.responsive-form select.has-form-input-error,
.responsive-form textarea.has-form-input-error {
  border: 1px #ff0044 solid;
}

@media only screen and (max-width: 479px) {
  .responsive-form .btn-group--responsive {
    margin-top: -10px;
  }
}

@media only screen and (max-width: 479px) {
  .responsive-form .btn,
  .responsive-form .chart-panel__button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: 10px;
  }
}

.responsive-form.responsive-form--inline {
  position: relative;
}

.responsive-form.responsive-form--inline > * {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  vertical-align: middle;
  width: auto;
}

.responsive-form.responsive-form--inline > *:first-child {
  margin-left: 0;
}

.responsive-form.responsive-form--inline label {
  margin-right: 10px;
}

.responsive-form.responsive-form--inline input[type="color"],
.responsive-form.responsive-form--inline input[type="date"],
.responsive-form.responsive-form--inline input[type="datetime"],
.responsive-form.responsive-form--inline input[type="datetime-local"],
.responsive-form.responsive-form--inline input[type="email"],
.responsive-form.responsive-form--inline input[type="month"],
.responsive-form.responsive-form--inline input[type="number"],
.responsive-form.responsive-form--inline input[type="password"],
.responsive-form.responsive-form--inline input[type="range"],
.responsive-form.responsive-form--inline input[type="search"],
.responsive-form.responsive-form--inline input[type="tel"],
.responsive-form.responsive-form--inline input[type="time"],
.responsive-form.responsive-form--inline input[type="text"],
.responsive-form.responsive-form--inline input[type="url"],
.responsive-form.responsive-form--inline input[type="week"] {
  width: auto;
}

.responsive-form.responsive-form--inline .l-inline-form-group {
  white-space: nowrap;
  margin-top: 5px;
  margin-left: 10px;
}

.responsive-form.responsive-form--inline .l-inline-form-group .form__input--short {
  width: 150px;
}

.responsive-form.responsive-form--inline .l-inline-form-group .form__input--medium {
  width: 210px;
}

.responsive-form.responsive-form--inline .l-inline-form-group .form__input--long {
  width: 310px;
}

.responsive-form.responsive-form--inline .l-inline-form-group .custom-select-container {
  width: auto;
}

.responsive-form.responsive-form--inline .l-inline-form-group:first-child {
  margin-left: 0;
}

.responsive-form__input--icon {
  position: relative;
  width: 100%;
  vertical-align: middle;
  font-size: 0;
}

.responsive-form__input--icon > {
  margin-left: 0;
  vertical-align: middle;
  display: inline-block;
}

.responsive-form__input--icon input[type="color"],
.responsive-form__input--icon input[type="date"],
.responsive-form__input--icon input[type="datetime"],
.responsive-form__input--icon input[type="datetime-local"],
.responsive-form__input--icon input[type="email"],
.responsive-form__input--icon input[type="month"],
.responsive-form__input--icon input[type="number"],
.responsive-form__input--icon input[type="password"],
.responsive-form__input--icon input[type="range"],
.responsive-form__input--icon input[type="search"],
.responsive-form__input--icon input[type="tel"],
.responsive-form__input--icon input[type="time"],
.responsive-form__input--icon input[type="text"],
.responsive-form__input--icon input[type="url"],
.responsive-form__input--icon input[type="week"] {
  padding-left: 40px;
  font-size: 16px;
}

.responsive-form__input--icon button,
.responsive-form__input--icon input[type="submit"] {
  padding: 0;
  background: none;
  border: none;
  color: inherit;
}

.responsive-form__input--icon__container {
  position: absolute;
  left: 1px;
  top: 1px;
  bottom: 1px;
  padding: 0 5px;
  border-radius: 2px 0 0 2px;
}

.responsive-form__input--icon__container i,
.responsive-form__input--icon__container input[type="submit"] {
  font-size: 26px;
  line-height: 26px;
  padding: 5px;
  display: inline-block;
}

.responsive-form__input--icon--right .responsive-form__input--icon__container {
  left: auto;
  right: 1px;
  border-radius: 0 2px 2px 0;
}

.responsive-form__input--icon--right input[type="color"],
.responsive-form__input--icon--right input[type="date"],
.responsive-form__input--icon--right input[type="datetime"],
.responsive-form__input--icon--right input[type="datetime-local"],
.responsive-form__input--icon--right input[type="email"],
.responsive-form__input--icon--right input[type="month"],
.responsive-form__input--icon--right input[type="number"],
.responsive-form__input--icon--right input[type="password"],
.responsive-form__input--icon--right input[type="range"],
.responsive-form__input--icon--right input[type="search"],
.responsive-form__input--icon--right input[type="tel"],
.responsive-form__input--icon--right input[type="time"],
.responsive-form__input--icon--right input[type="text"],
.responsive-form__input--icon--right input[type="url"],
.responsive-form__input--icon--right input[type="week"] {
  padding-left: 10px;
  padding-right: 40px;
}

.responsive-form__input--icon--double .responsive-form__input--icon__container--right {
  left: auto;
  right: 1px;
  border-radius: 0 2px 2px 0;
}

.responsive-form__input--icon--double input[type="color"],
.responsive-form__input--icon--double input[type="date"],
.responsive-form__input--icon--double input[type="datetime"],
.responsive-form__input--icon--double input[type="datetime-local"],
.responsive-form__input--icon--double input[type="email"],
.responsive-form__input--icon--double input[type="month"],
.responsive-form__input--icon--double input[type="number"],
.responsive-form__input--icon--double input[type="password"],
.responsive-form__input--icon--double input[type="range"],
.responsive-form__input--icon--double input[type="search"],
.responsive-form__input--icon--double input[type="tel"],
.responsive-form__input--icon--double input[type="time"],
.responsive-form__input--icon--double input[type="text"],
.responsive-form__input--icon--double input[type="url"],
.responsive-form__input--icon--double input[type="week"] {
  padding-right: 40px;
}

.responsive-form__input--icon--action input[type="color"],
.responsive-form__input--icon--action input[type="date"],
.responsive-form__input--icon--action input[type="datetime"],
.responsive-form__input--icon--action input[type="datetime-local"],
.responsive-form__input--icon--action input[type="email"],
.responsive-form__input--icon--action input[type="month"],
.responsive-form__input--icon--action input[type="number"],
.responsive-form__input--icon--action input[type="password"],
.responsive-form__input--icon--action input[type="range"],
.responsive-form__input--icon--action input[type="search"],
.responsive-form__input--icon--action input[type="tel"],
.responsive-form__input--icon--action input[type="time"],
.responsive-form__input--icon--action input[type="text"],
.responsive-form__input--icon--action input[type="url"],
.responsive-form__input--icon--action input[type="week"] {
  padding-left: 50px;
}

.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="color"],
.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="date"],
.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="datetime"],
.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="datetime-local"],
.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="email"],
.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="month"],
.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="number"],
.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="password"],
.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="range"],
.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="search"],
.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="tel"],
.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="time"],
.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="text"],
.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="url"],
.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="week"] {
  padding-left: 10px;
  padding-right: 50px;
}

.responsive-form__input--icon--action .responsive-form__input--icon__container {
  background-color: #fff;
  color: #D2D6DF;
}

.responsive-form__input--icon--action .responsive-form__input--icon__container:hover {
  cursor: pointer;
}

.responsive-form__input--icon--action .responsive-form__input--icon__container:active {
  color: #fff;
  background: #0093da;
}

.responsive-form__input--icon--action input.has-form-input-error + .responsive-form__input--icon__container {
  background-color: #ff0044;
  color: #fff;
}

.responsive-form__input--icon--action input:focus + .responsive-form__input--icon__container {
  color: #fff;
  background-color: #00a1ee;
}

.responsive-form__input--icon--action input:focus + .responsive-form__input--icon__container:hover {
  border-left: 0;
  background: #00a8f8;
}

.close-button {
  cursor: pointer;
  width: 34px;
  text-align: center;
}

.close-button a {
  color: #D2D6DF;
}

.close-button a:hover {
  text-decoration: none;
}

.close-button a i {
  line-height: 30px;
  font-size: 15px;
}

.responsive-form__input--currency {
  position: relative;
  width: 100%;
}

.responsive-form__input--currency input[type="color"],
.responsive-form__input--currency input[type="date"],
.responsive-form__input--currency input[type="datetime"],
.responsive-form__input--currency input[type="datetime-local"],
.responsive-form__input--currency input[type="email"],
.responsive-form__input--currency input[type="month"],
.responsive-form__input--currency input[type="number"],
.responsive-form__input--currency input[type="password"],
.responsive-form__input--currency input[type="range"],
.responsive-form__input--currency input[type="search"],
.responsive-form__input--currency input[type="tel"],
.responsive-form__input--currency input[type="time"],
.responsive-form__input--currency input[type="text"],
.responsive-form__input--currency input[type="url"],
.responsive-form__input--currency input[type="week"] {
  padding-left: 22px;
  text-align: right;
  font-size: 16px;
}

.responsive-form__input--currency .responsive-form__input--currency__symbol {
  position: absolute;
  left: 10px;
  top: 50%;
  font-size: 16px;
  line-height: 1;
  margin-top: -8px;
}

.responsive-form__input--currency.responsive-form__input--currency--long input[type="color"],
.responsive-form__input--currency.responsive-form__input--currency--long input[type="date"],
.responsive-form__input--currency.responsive-form__input--currency--long input[type="datetime"],
.responsive-form__input--currency.responsive-form__input--currency--long input[type="datetime-local"],
.responsive-form__input--currency.responsive-form__input--currency--long input[type="email"],
.responsive-form__input--currency.responsive-form__input--currency--long input[type="month"],
.responsive-form__input--currency.responsive-form__input--currency--long input[type="number"],
.responsive-form__input--currency.responsive-form__input--currency--long input[type="password"],
.responsive-form__input--currency.responsive-form__input--currency--long input[type="range"],
.responsive-form__input--currency.responsive-form__input--currency--long input[type="search"],
.responsive-form__input--currency.responsive-form__input--currency--long input[type="tel"],
.responsive-form__input--currency.responsive-form__input--currency--long input[type="time"],
.responsive-form__input--currency.responsive-form__input--currency--long input[type="text"],
.responsive-form__input--currency.responsive-form__input--currency--long input[type="url"],
.responsive-form__input--currency.responsive-form__input--currency--long input[type="week"] {
  padding-left: 42px;
}

.responsive-form__input--currency.responsive-form__input--currency--suffix input[type="color"],
.responsive-form__input--currency.responsive-form__input--currency--suffix input[type="date"],
.responsive-form__input--currency.responsive-form__input--currency--suffix input[type="datetime"],
.responsive-form__input--currency.responsive-form__input--currency--suffix input[type="datetime-local"],
.responsive-form__input--currency.responsive-form__input--currency--suffix input[type="email"],
.responsive-form__input--currency.responsive-form__input--currency--suffix input[type="month"],
.responsive-form__input--currency.responsive-form__input--currency--suffix input[type="number"],
.responsive-form__input--currency.responsive-form__input--currency--suffix input[type="password"],
.responsive-form__input--currency.responsive-form__input--currency--suffix input[type="range"],
.responsive-form__input--currency.responsive-form__input--currency--suffix input[type="search"],
.responsive-form__input--currency.responsive-form__input--currency--suffix input[type="tel"],
.responsive-form__input--currency.responsive-form__input--currency--suffix input[type="time"],
.responsive-form__input--currency.responsive-form__input--currency--suffix input[type="text"],
.responsive-form__input--currency.responsive-form__input--currency--suffix input[type="url"],
.responsive-form__input--currency.responsive-form__input--currency--suffix input[type="week"] {
  padding-right: 20px;
  padding-left: 10px;
  text-align: left;
}

.responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="color"],
.responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="date"],
.responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="datetime"],
.responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="datetime-local"],
.responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="email"],
.responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="month"],
.responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="number"],
.responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="password"],
.responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="range"],
.responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="search"],
.responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="tel"],
.responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="time"],
.responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="text"],
.responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="url"],
.responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="week"] {
  padding-right: 40px;
}

.responsive-form__input--currency.responsive-form__input--currency--suffix .responsive-form__input--currency__symbol {
  left: auto;
  right: 10px;
}

.responsive-form__input--label__container {
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
}

input:focus + .responsive-form__input--label__container,
input:hover + .responsive-form__input--label__container,
.responsive-form__input--label__container:hover,
.responsive-form__input--label__container:focus {
  visibility: visible;
}

.responsive-form__input--label__container .responsive-form__input--label {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #ADB0B6;
  text-transform: uppercase;
  font-weight: 400;
  position: absolute;
  top: 13px;
  right: 1em;
}

.responsive-form__input--label__container a.responsive-form__input--label {
  text-decoration: none;
}

.responsive-form__select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border: 1px #D2D6DF solid;
  border-radius: 3px;
  color: #45494E;
  background-color: white;
  font-size: 16px;
  line-height: 16px;
  height: 44px;
}

.responsive-form__select:active {
  background: white;
}

.responsive-form__select:focus,
.responsive-form__select.responsive-form__select--focus {
  outline: none;
}

.responsive-form__select select {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  z-index: 1;
  display: block;
  font-size: 16px;
  background: white;
  overflow: hidden;
  -webkit-appearance: menulist-button;
}

.responsive-form__select .custom-select-value {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  top: 13px;
  left: 0;
  overflow: hidden;
  display: block;
  height: 20px;
  padding: 0 30px 0 10px;
  font-weight: 400;
  line-height: 1;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
}

.responsive-form__select .custom-select-arrow:before {
  position: absolute;
  right: 8px;
  top: 11px;
  font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 20px;
  color: #666A73;
  content: "\f302";
}

.responsive-form__select-disabled {
  color: #ADB0B6;
  background-color: #EFF2F5;
}

.responsive-form__select-disabled.responsive-form__select select {
  cursor: not-allowed;
}

.responsive-form__select.responsive-form__select-type--button,
.responsive-form__select.responsive-form__select-type--icon,
.responsive-form__select.responsive-form__select-type--icon-button,
.responsive-form__select.responsive-form__select-type--icon-text {
  border: none;
}

.responsive-form__select.responsive-form__select-type--button select,
.responsive-form__select.responsive-form__select-type--icon select,
.responsive-form__select.responsive-form__select-type--icon-button select,
.responsive-form__select.responsive-form__select-type--icon-text select {
  position: absolute;
  top: 0;
  left: 0;
}

.responsive-form__select.responsive-form__select-type--button:active,
.responsive-form__select.responsive-form__select-type--button.responsive-form__select--focus,
.responsive-form__select.responsive-form__select-type--icon:active,
.responsive-form__select.responsive-form__select-type--icon.responsive-form__select--focus,
.responsive-form__select.responsive-form__select-type--icon-button:active,
.responsive-form__select.responsive-form__select-type--icon-button.responsive-form__select--focus,
.responsive-form__select.responsive-form__select-type--icon-text:active,
.responsive-form__select.responsive-form__select-type--icon-text.responsive-form__select--focus {
  border: none;
}

@-moz-document url-prefix()  {
  .responsive-form__select .custom-select-arrow:before {
    right: 9px;
  }
}

.responsive-form__select--timepicker {
  padding-left: 10px;
  padding-right: 3px;
}

.responsive-form__select--timepicker .custom-select-value {
  display: none;
}

.responsive-form__required {
  color: #ff0044;
}

.responsive-form__hint {
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
  color: #666A73;
}

.responsive-form__field-error {
  font-size: 12px;
  line-height: 18px;
  color: #ff0044;
}

.field-annotation {
  margin-top: 5px;
  padding-bottom: 15px;
}

.responsive-form .field-annotation input[type="color"]:focus,
.responsive-form .field-annotation input[type="date"]:focus,
.responsive-form .field-annotation input[type="datetime"]:focus,
.responsive-form .field-annotation input[type="datetime-local"]:focus,
.responsive-form .field-annotation input[type="email"]:focus,
.responsive-form .field-annotation input[type="month"]:focus,
.responsive-form .field-annotation input[type="number"]:focus,
.responsive-form .field-annotation input[type="password"]:focus,
.responsive-form .field-annotation input[type="range"]:focus,
.responsive-form .field-annotation input[type="search"]:focus,
.responsive-form .field-annotation input[type="tel"]:focus,
.responsive-form .field-annotation input[type="time"]:focus,
.responsive-form .field-annotation input[type="text"]:focus,
.responsive-form .field-annotation input[type="url"]:focus,
.responsive-form .field-annotation input[type="week"]:focus,
.responsive-form .field-annotation textarea:focus,
.responsive-form .field-annotation [contenteditable="true"]:focus,
.field-annotation input[type="color"]:focus,
.field-annotation input[type="date"]:focus,
.field-annotation input[type="datetime"]:focus,
.field-annotation input[type="datetime-local"]:focus,
.field-annotation input[type="email"]:focus,
.field-annotation input[type="month"]:focus,
.field-annotation input[type="number"]:focus,
.field-annotation input[type="password"]:focus,
.field-annotation input[type="range"]:focus,
.field-annotation input[type="search"]:focus,
.field-annotation input[type="tel"]:focus,
.field-annotation input[type="time"]:focus,
.field-annotation input[type="text"]:focus,
.field-annotation input[type="url"]:focus,
.field-annotation input[type="week"]:focus,
.field-annotation textarea:focus,
.field-annotation [contenteditable="true"]:focus {
  border-color: #00a8f2;
}

.responsive-form .field-annotation input[type="color"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation input[type="date"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation input[type="datetime"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation input[type="datetime-local"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation input[type="email"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation input[type="month"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation input[type="number"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation input[type="password"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation input[type="range"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation input[type="search"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation input[type="tel"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation input[type="time"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation input[type="text"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation input[type="url"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation input[type="week"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation textarea:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation [contenteditable="true"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation input[type="color"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation input[type="date"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation input[type="datetime"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation input[type="datetime-local"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation input[type="email"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation input[type="month"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation input[type="number"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation input[type="password"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation input[type="range"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation input[type="search"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation input[type="tel"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation input[type="time"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation input[type="text"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation input[type="url"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation input[type="week"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation textarea:focus ~ .responsive-form__input--icon__container i,
.field-annotation [contenteditable="true"]:focus ~ .responsive-form__input--icon__container i {
  color: #00a8f2;
}

.responsive-form .field-annotation input[type="color"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation input[type="date"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation input[type="datetime"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation input[type="datetime-local"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation input[type="email"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation input[type="month"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation input[type="number"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation input[type="password"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation input[type="range"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation input[type="search"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation input[type="tel"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation input[type="time"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation input[type="text"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation input[type="url"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation input[type="week"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation textarea:focus ~ .field-annotation--note,
.responsive-form .field-annotation [contenteditable="true"]:focus ~ .field-annotation--note,
.field-annotation input[type="color"]:focus ~ .field-annotation--note,
.field-annotation input[type="date"]:focus ~ .field-annotation--note,
.field-annotation input[type="datetime"]:focus ~ .field-annotation--note,
.field-annotation input[type="datetime-local"]:focus ~ .field-annotation--note,
.field-annotation input[type="email"]:focus ~ .field-annotation--note,
.field-annotation input[type="month"]:focus ~ .field-annotation--note,
.field-annotation input[type="number"]:focus ~ .field-annotation--note,
.field-annotation input[type="password"]:focus ~ .field-annotation--note,
.field-annotation input[type="range"]:focus ~ .field-annotation--note,
.field-annotation input[type="search"]:focus ~ .field-annotation--note,
.field-annotation input[type="tel"]:focus ~ .field-annotation--note,
.field-annotation input[type="time"]:focus ~ .field-annotation--note,
.field-annotation input[type="text"]:focus ~ .field-annotation--note,
.field-annotation input[type="url"]:focus ~ .field-annotation--note,
.field-annotation input[type="week"]:focus ~ .field-annotation--note,
.field-annotation textarea:focus ~ .field-annotation--note,
.field-annotation [contenteditable="true"]:focus ~ .field-annotation--note {
  color: #00a8f2;
}

.responsive-form .field-annotation input[type="color"],
.responsive-form .field-annotation input[type="date"],
.responsive-form .field-annotation input[type="datetime"],
.responsive-form .field-annotation input[type="datetime-local"],
.responsive-form .field-annotation input[type="email"],
.responsive-form .field-annotation input[type="month"],
.responsive-form .field-annotation input[type="number"],
.responsive-form .field-annotation input[type="password"],
.responsive-form .field-annotation input[type="range"],
.responsive-form .field-annotation input[type="search"],
.responsive-form .field-annotation input[type="tel"],
.responsive-form .field-annotation input[type="time"],
.responsive-form .field-annotation input[type="text"],
.responsive-form .field-annotation input[type="url"],
.responsive-form .field-annotation input[type="week"],
.responsive-form .field-annotation textarea,
.responsive-form .field-annotation [contenteditable="true"],
.field-annotation input[type="color"],
.field-annotation input[type="date"],
.field-annotation input[type="datetime"],
.field-annotation input[type="datetime-local"],
.field-annotation input[type="email"],
.field-annotation input[type="month"],
.field-annotation input[type="number"],
.field-annotation input[type="password"],
.field-annotation input[type="range"],
.field-annotation input[type="search"],
.field-annotation input[type="tel"],
.field-annotation input[type="time"],
.field-annotation input[type="text"],
.field-annotation input[type="url"],
.field-annotation input[type="week"],
.field-annotation textarea,
.field-annotation [contenteditable="true"] {
  border-color: #ADB0B6;
}

.field-annotation .responsive-form__input--icon__container i {
  color: #ADB0B6;
}

.field-annotation .field-annotation--note {
  color: #ADB0B6;
}

.field-annotation .field-annotation--note {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin-top: -3px;
  padding: 3px 0 0;
}

.field-annotation .field-annotation--note.is-hidden {
  display: none;
}

.field-annotation .field-annotation--note:empty {
  display: none;
}

.responsive-form .field-annotation-success input[type="color"]:focus,
.responsive-form .field-annotation-success input[type="date"]:focus,
.responsive-form .field-annotation-success input[type="datetime"]:focus,
.responsive-form .field-annotation-success input[type="datetime-local"]:focus,
.responsive-form .field-annotation-success input[type="email"]:focus,
.responsive-form .field-annotation-success input[type="month"]:focus,
.responsive-form .field-annotation-success input[type="number"]:focus,
.responsive-form .field-annotation-success input[type="password"]:focus,
.responsive-form .field-annotation-success input[type="range"]:focus,
.responsive-form .field-annotation-success input[type="search"]:focus,
.responsive-form .field-annotation-success input[type="tel"]:focus,
.responsive-form .field-annotation-success input[type="time"]:focus,
.responsive-form .field-annotation-success input[type="text"]:focus,
.responsive-form .field-annotation-success input[type="url"]:focus,
.responsive-form .field-annotation-success input[type="week"]:focus,
.responsive-form .field-annotation-success textarea:focus,
.responsive-form .field-annotation-success [contenteditable="true"]:focus,
.field-annotation-success input[type="color"]:focus,
.field-annotation-success input[type="date"]:focus,
.field-annotation-success input[type="datetime"]:focus,
.field-annotation-success input[type="datetime-local"]:focus,
.field-annotation-success input[type="email"]:focus,
.field-annotation-success input[type="month"]:focus,
.field-annotation-success input[type="number"]:focus,
.field-annotation-success input[type="password"]:focus,
.field-annotation-success input[type="range"]:focus,
.field-annotation-success input[type="search"]:focus,
.field-annotation-success input[type="tel"]:focus,
.field-annotation-success input[type="time"]:focus,
.field-annotation-success input[type="text"]:focus,
.field-annotation-success input[type="url"]:focus,
.field-annotation-success input[type="week"]:focus,
.field-annotation-success textarea:focus,
.field-annotation-success [contenteditable="true"]:focus {
  border-color: #00cc52;
}

.responsive-form .field-annotation-success input[type="color"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success input[type="date"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success input[type="datetime"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success input[type="datetime-local"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success input[type="email"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success input[type="month"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success input[type="number"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success input[type="password"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success input[type="range"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success input[type="search"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success input[type="tel"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success input[type="time"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success input[type="text"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success input[type="url"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success input[type="week"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success textarea:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-success [contenteditable="true"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success input[type="color"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success input[type="date"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success input[type="datetime"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success input[type="datetime-local"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success input[type="email"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success input[type="month"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success input[type="number"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success input[type="password"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success input[type="range"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success input[type="search"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success input[type="tel"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success input[type="time"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success input[type="text"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success input[type="url"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success input[type="week"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success textarea:focus ~ .responsive-form__input--icon__container i,
.field-annotation-success [contenteditable="true"]:focus ~ .responsive-form__input--icon__container i {
  color: #00cc52;
}

.responsive-form .field-annotation-success input[type="color"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success input[type="date"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success input[type="datetime"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success input[type="datetime-local"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success input[type="email"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success input[type="month"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success input[type="number"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success input[type="password"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success input[type="range"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success input[type="search"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success input[type="tel"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success input[type="time"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success input[type="text"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success input[type="url"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success input[type="week"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success textarea:focus ~ .field-annotation--note,
.responsive-form .field-annotation-success [contenteditable="true"]:focus ~ .field-annotation--note,
.field-annotation-success input[type="color"]:focus ~ .field-annotation--note,
.field-annotation-success input[type="date"]:focus ~ .field-annotation--note,
.field-annotation-success input[type="datetime"]:focus ~ .field-annotation--note,
.field-annotation-success input[type="datetime-local"]:focus ~ .field-annotation--note,
.field-annotation-success input[type="email"]:focus ~ .field-annotation--note,
.field-annotation-success input[type="month"]:focus ~ .field-annotation--note,
.field-annotation-success input[type="number"]:focus ~ .field-annotation--note,
.field-annotation-success input[type="password"]:focus ~ .field-annotation--note,
.field-annotation-success input[type="range"]:focus ~ .field-annotation--note,
.field-annotation-success input[type="search"]:focus ~ .field-annotation--note,
.field-annotation-success input[type="tel"]:focus ~ .field-annotation--note,
.field-annotation-success input[type="time"]:focus ~ .field-annotation--note,
.field-annotation-success input[type="text"]:focus ~ .field-annotation--note,
.field-annotation-success input[type="url"]:focus ~ .field-annotation--note,
.field-annotation-success input[type="week"]:focus ~ .field-annotation--note,
.field-annotation-success textarea:focus ~ .field-annotation--note,
.field-annotation-success [contenteditable="true"]:focus ~ .field-annotation--note {
  color: #00cc52;
}

.responsive-form .field-annotation-success input[type="color"],
.responsive-form .field-annotation-success input[type="date"],
.responsive-form .field-annotation-success input[type="datetime"],
.responsive-form .field-annotation-success input[type="datetime-local"],
.responsive-form .field-annotation-success input[type="email"],
.responsive-form .field-annotation-success input[type="month"],
.responsive-form .field-annotation-success input[type="number"],
.responsive-form .field-annotation-success input[type="password"],
.responsive-form .field-annotation-success input[type="range"],
.responsive-form .field-annotation-success input[type="search"],
.responsive-form .field-annotation-success input[type="tel"],
.responsive-form .field-annotation-success input[type="time"],
.responsive-form .field-annotation-success input[type="text"],
.responsive-form .field-annotation-success input[type="url"],
.responsive-form .field-annotation-success input[type="week"],
.responsive-form .field-annotation-success textarea,
.responsive-form .field-annotation-success [contenteditable="true"],
.field-annotation-success input[type="color"],
.field-annotation-success input[type="date"],
.field-annotation-success input[type="datetime"],
.field-annotation-success input[type="datetime-local"],
.field-annotation-success input[type="email"],
.field-annotation-success input[type="month"],
.field-annotation-success input[type="number"],
.field-annotation-success input[type="password"],
.field-annotation-success input[type="range"],
.field-annotation-success input[type="search"],
.field-annotation-success input[type="tel"],
.field-annotation-success input[type="time"],
.field-annotation-success input[type="text"],
.field-annotation-success input[type="url"],
.field-annotation-success input[type="week"],
.field-annotation-success textarea,
.field-annotation-success [contenteditable="true"] {
  border-color: #00cc52;
}

.field-annotation-success .responsive-form__input--icon__container i {
  color: #00cc52;
}

.field-annotation-success .field-annotation--note {
  color: #00cc52;
}

.responsive-form .field-annotation-error input[type="color"]:focus,
.responsive-form .field-annotation-error input[type="date"]:focus,
.responsive-form .field-annotation-error input[type="datetime"]:focus,
.responsive-form .field-annotation-error input[type="datetime-local"]:focus,
.responsive-form .field-annotation-error input[type="email"]:focus,
.responsive-form .field-annotation-error input[type="month"]:focus,
.responsive-form .field-annotation-error input[type="number"]:focus,
.responsive-form .field-annotation-error input[type="password"]:focus,
.responsive-form .field-annotation-error input[type="range"]:focus,
.responsive-form .field-annotation-error input[type="search"]:focus,
.responsive-form .field-annotation-error input[type="tel"]:focus,
.responsive-form .field-annotation-error input[type="time"]:focus,
.responsive-form .field-annotation-error input[type="text"]:focus,
.responsive-form .field-annotation-error input[type="url"]:focus,
.responsive-form .field-annotation-error input[type="week"]:focus,
.responsive-form .field-annotation-error textarea:focus,
.responsive-form .field-annotation-error [contenteditable="true"]:focus,
.field-annotation-error input[type="color"]:focus,
.field-annotation-error input[type="date"]:focus,
.field-annotation-error input[type="datetime"]:focus,
.field-annotation-error input[type="datetime-local"]:focus,
.field-annotation-error input[type="email"]:focus,
.field-annotation-error input[type="month"]:focus,
.field-annotation-error input[type="number"]:focus,
.field-annotation-error input[type="password"]:focus,
.field-annotation-error input[type="range"]:focus,
.field-annotation-error input[type="search"]:focus,
.field-annotation-error input[type="tel"]:focus,
.field-annotation-error input[type="time"]:focus,
.field-annotation-error input[type="text"]:focus,
.field-annotation-error input[type="url"]:focus,
.field-annotation-error input[type="week"]:focus,
.field-annotation-error textarea:focus,
.field-annotation-error [contenteditable="true"]:focus {
  border-color: #ff0044;
}

.responsive-form .field-annotation-error input[type="color"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error input[type="date"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error input[type="datetime"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error input[type="datetime-local"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error input[type="email"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error input[type="month"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error input[type="number"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error input[type="password"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error input[type="range"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error input[type="search"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error input[type="tel"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error input[type="time"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error input[type="text"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error input[type="url"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error input[type="week"]:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error textarea:focus ~ .responsive-form__input--icon__container i,
.responsive-form .field-annotation-error [contenteditable="true"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error input[type="color"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error input[type="date"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error input[type="datetime"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error input[type="datetime-local"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error input[type="email"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error input[type="month"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error input[type="number"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error input[type="password"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error input[type="range"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error input[type="search"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error input[type="tel"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error input[type="time"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error input[type="text"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error input[type="url"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error input[type="week"]:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error textarea:focus ~ .responsive-form__input--icon__container i,
.field-annotation-error [contenteditable="true"]:focus ~ .responsive-form__input--icon__container i {
  color: #ff0044;
}

.responsive-form .field-annotation-error input[type="color"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error input[type="date"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error input[type="datetime"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error input[type="datetime-local"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error input[type="email"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error input[type="month"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error input[type="number"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error input[type="password"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error input[type="range"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error input[type="search"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error input[type="tel"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error input[type="time"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error input[type="text"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error input[type="url"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error input[type="week"]:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error textarea:focus ~ .field-annotation--note,
.responsive-form .field-annotation-error [contenteditable="true"]:focus ~ .field-annotation--note,
.field-annotation-error input[type="color"]:focus ~ .field-annotation--note,
.field-annotation-error input[type="date"]:focus ~ .field-annotation--note,
.field-annotation-error input[type="datetime"]:focus ~ .field-annotation--note,
.field-annotation-error input[type="datetime-local"]:focus ~ .field-annotation--note,
.field-annotation-error input[type="email"]:focus ~ .field-annotation--note,
.field-annotation-error input[type="month"]:focus ~ .field-annotation--note,
.field-annotation-error input[type="number"]:focus ~ .field-annotation--note,
.field-annotation-error input[type="password"]:focus ~ .field-annotation--note,
.field-annotation-error input[type="range"]:focus ~ .field-annotation--note,
.field-annotation-error input[type="search"]:focus ~ .field-annotation--note,
.field-annotation-error input[type="tel"]:focus ~ .field-annotation--note,
.field-annotation-error input[type="time"]:focus ~ .field-annotation--note,
.field-annotation-error input[type="text"]:focus ~ .field-annotation--note,
.field-annotation-error input[type="url"]:focus ~ .field-annotation--note,
.field-annotation-error input[type="week"]:focus ~ .field-annotation--note,
.field-annotation-error textarea:focus ~ .field-annotation--note,
.field-annotation-error [contenteditable="true"]:focus ~ .field-annotation--note {
  color: #ff0044;
}

.responsive-form .field-annotation-error input[type="color"],
.responsive-form .field-annotation-error input[type="date"],
.responsive-form .field-annotation-error input[type="datetime"],
.responsive-form .field-annotation-error input[type="datetime-local"],
.responsive-form .field-annotation-error input[type="email"],
.responsive-form .field-annotation-error input[type="month"],
.responsive-form .field-annotation-error input[type="number"],
.responsive-form .field-annotation-error input[type="password"],
.responsive-form .field-annotation-error input[type="range"],
.responsive-form .field-annotation-error input[type="search"],
.responsive-form .field-annotation-error input[type="tel"],
.responsive-form .field-annotation-error input[type="time"],
.responsive-form .field-annotation-error input[type="text"],
.responsive-form .field-annotation-error input[type="url"],
.responsive-form .field-annotation-error input[type="week"],
.responsive-form .field-annotation-error textarea,
.responsive-form .field-annotation-error [contenteditable="true"],
.field-annotation-error input[type="color"],
.field-annotation-error input[type="date"],
.field-annotation-error input[type="datetime"],
.field-annotation-error input[type="datetime-local"],
.field-annotation-error input[type="email"],
.field-annotation-error input[type="month"],
.field-annotation-error input[type="number"],
.field-annotation-error input[type="password"],
.field-annotation-error input[type="range"],
.field-annotation-error input[type="search"],
.field-annotation-error input[type="tel"],
.field-annotation-error input[type="time"],
.field-annotation-error input[type="text"],
.field-annotation-error input[type="url"],
.field-annotation-error input[type="week"],
.field-annotation-error textarea,
.field-annotation-error [contenteditable="true"] {
  border-color: #ff0044;
}

.field-annotation-error .responsive-form__input--icon__container i {
  color: #ff0044;
}

.field-annotation-error .field-annotation--note {
  color: #ff0044;
}

.field-annotation-error .field-annotation--note {
  overflow: visible;
  white-space: normal;
}

.field-annotation-group .field-annotation {
  padding-bottom: 9px;
  margin-top: 0;
}

.responsive-form__checkbox,
.responsive-form__radio {
  position: relative;
  overflow: hidden;
  min-width: 22px;
  min-height: 22px;
}

.responsive-form__checkbox label,
.responsive-form__radio label {
  display: inline-block;
  margin-left: 32px;
}

.responsive-form__checkbox input[type="checkbox"],
.responsive-form__checkbox input[type="radio"],
.responsive-form__radio input[type="checkbox"],
.responsive-form__radio input[type="radio"] {
  visibility: visible;
  position: absolute;
  left: -9999px;
}

.responsive-form__checkbox .custom-input--delegate {
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  margin: 0;
  border: 1px solid #D2D6DF;
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  background-color: white;
  overflow: hidden;
  line-height: 0;
  text-indent: -999px;
}

.responsive-form__checkbox input[type="checkbox"]:focus ~ .custom-input--delegate,
.responsive-form__checkbox .custom-input--delegate:hover {
  border: 1px solid #00a8f2;
}

.responsive-form__checkbox input[type="checkbox"]:checked ~ .custom-input--delegate {
  background-color: #00a8f2;
  border: 1px solid #00a8f2;
}

.responsive-form__checkbox input[type="checkbox"]:focus:checked ~ .custom-input--delegate,
.responsive-form__checkbox input[type="checkbox"]:checked ~ .custom-input--delegate:hover {
  background-color: #26bdff;
}

.responsive-form__checkbox input[type="checkbox"]:checked:disabled ~ .custom-input--delegate,
.responsive-form__checkbox input[type="checkbox"]:checked:disabled ~ .custom-input--delegate:hover,
.responsive-form__checkbox input[type="checkbox"]:disabled ~ .custom-input--delegate,
.responsive-form__checkbox input[type="checkbox"]:disabled ~ .custom-input--delegate:hover {
  background-color: #EFF2F5;
  border: 1px solid #D2D6DF;
  cursor: not-allowed;
}

.responsive-form__checkbox input[type="checkbox"]:checked:disabled ~ .custom-input--delegate:after,
.responsive-form__checkbox input[type="checkbox"]:checked:disabled ~ .custom-input--delegate:hover:after,
.responsive-form__checkbox input[type="checkbox"]:disabled ~ .custom-input--delegate:after,
.responsive-form__checkbox input[type="checkbox"]:disabled ~ .custom-input--delegate:hover:after {
  color: #ADB0B6;
}

.responsive-form__checkbox input[type="checkbox"]:checked ~ .custom-input--delegate:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline;
  vertical-align: baseline;
  content: "\f039";
  color: white;
  font-size: 15px;
  left: 4px;
  top: 0;
  text-indent: 0;
  line-height: normal;
}

.responsive-form__radio .custom-input--delegate {
  margin: 0;
  border: 1px solid #D2D6DF;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  overflow: hidden;
  line-height: 0;
  text-indent: -999px;
  background-color: #fff;
}

.responsive-form__radio input[type="radio"]:focus ~ .custom-input--delegate,
.responsive-form__radio input[type="radio"] ~ .custom-input--delegate:hover {
  border: 1px solid #00a8f2;
}

.responsive-form__radio .custom-input--delegate:after {
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  position: absolute;
  content: "";
  left: 3px;
  top: 3px;
  background-color: white;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  text-indent: 0;
  line-height: normal;
}

.responsive-form__radio input[type="radio"]:checked ~ .custom-input--delegate:after {
  background-color: #00a8f2;
}

.responsive-form__radio input[type="radio"]:focus:checked ~ .custom-input--delegate:after,
.responsive-form__radio input[type="radio"]:checked ~ .custom-input--delegate:hover:after {
  background-color: #26bdff;
}

.responsive-form__radio input[type="radio"]:checked:disabled ~ .custom-input--delegate:hover,
.responsive-form__radio input[type="radio"]:disabled ~ .custom-input--delegate:hover,
.responsive-form__radio input[type="radio"]:disabled ~ .custom-input--delegate {
  background-color: #EFF2F5;
  border: 1px solid #D2D6DF;
  cursor: not-allowed;
}

.responsive-form__radio input[type="radio"]:checked:disabled ~ .custom-input--delegate,
.responsive-form__radio input[type="radio"]:disabled ~ .custom-input--delegate:after {
  background-color: #EFF2F5;
}

.responsive-form__radio input[type="radio"]:checked:disabled ~ .custom-input--delegate:after,
.responsive-form__radio input[type="radio"]:checked:disabled ~ .custom-input--delegate:hover:after {
  background-color: #ADB0B6;
}

.ie8 .responsive-form__checkbox,
.ie8 .responsive-form__radio {
  overflow: visible;
}

.ie8 .responsive-form__checkbox input[type="checkbox"],
.ie8 .responsive-form__checkbox input[type="radio"],
.ie8 .responsive-form__radio input[type="checkbox"],
.ie8 .responsive-form__radio input[type="radio"] {
  visibility: visible;
  position: relative;
  left: 0;
}

.ie8 .responsive-form__checkbox .custom-input--delegate,
.ie8 .responsive-form__radio .custom-input--delegate {
  display: none;
}

.ie8 .responsive-form__checkbox label,
.ie8 .responsive-form__radio label {
  margin-left: 16px;
}

::-webkit-input-placeholder {
  color: #ADB0B6 !important;
}

:-moz-placeholder {
  color: #ADB0B6 !important;
}

::-moz-placeholder {
  color: #ADB0B6 !important;
}

:-ms-input-placeholder {
  color: #ADB0B6 !important;
}

.combo-form-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  vertical-align: middle;
  width: 100%;
  padding: 9px 12px;
  border: 1px #D2D6DF solid;
  background: white;
  color: #45494E;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: 0;
  padding: 0;
}

.responsive-form .field-annotation .combo-form-input input[type="color"],
.responsive-form .field-annotation .combo-form-input input[type="date"],
.responsive-form .field-annotation .combo-form-input input[type="datetime"],
.responsive-form .field-annotation .combo-form-input input[type="datetime-local"],
.responsive-form .field-annotation .combo-form-input input[type="email"],
.responsive-form .field-annotation .combo-form-input input[type="month"],
.responsive-form .field-annotation .combo-form-input input[type="number"],
.responsive-form .field-annotation .combo-form-input input[type="password"],
.responsive-form .field-annotation .combo-form-input input[type="range"],
.responsive-form .field-annotation .combo-form-input input[type="search"],
.responsive-form .field-annotation .combo-form-input input[type="tel"],
.responsive-form .field-annotation .combo-form-input input[type="time"],
.responsive-form .field-annotation .combo-form-input input[type="text"],
.responsive-form .field-annotation .combo-form-input input[type="url"],
.responsive-form .field-annotation .combo-form-input input[type="week"],
.responsive-form .field-annotation .combo-form-input input[type="color"],
.responsive-form .field-annotation .combo-form-input input[type="date"],
.responsive-form .field-annotation .combo-form-input input[type="datetime"],
.responsive-form .field-annotation .combo-form-input input[type="datetime-local"],
.responsive-form .field-annotation .combo-form-input input[type="email"],
.responsive-form .field-annotation .combo-form-input input[type="month"],
.responsive-form .field-annotation .combo-form-input input[type="number"],
.responsive-form .field-annotation .combo-form-input input[type="password"],
.responsive-form .field-annotation .combo-form-input input[type="range"],
.responsive-form .field-annotation .combo-form-input input[type="search"],
.responsive-form .field-annotation .combo-form-input input[type="tel"],
.responsive-form .field-annotation .combo-form-input input[type="time"],
.responsive-form .field-annotation .combo-form-input input[type="text"],
.responsive-form .field-annotation .combo-form-input input[type="url"],
.responsive-form .field-annotation .combo-form-input input[type="week"]:focus,
.responsive-form .combo-form-input input[type="color"],
.responsive-form .combo-form-input input[type="date"],
.responsive-form .combo-form-input input[type="datetime"],
.responsive-form .combo-form-input input[type="datetime-local"],
.responsive-form .combo-form-input input[type="email"],
.responsive-form .combo-form-input input[type="month"],
.responsive-form .combo-form-input input[type="number"],
.responsive-form .combo-form-input input[type="password"],
.responsive-form .combo-form-input input[type="range"],
.responsive-form .combo-form-input input[type="search"],
.responsive-form .combo-form-input input[type="tel"],
.responsive-form .combo-form-input input[type="time"],
.responsive-form .combo-form-input input[type="text"],
.responsive-form .combo-form-input input[type="url"],
.responsive-form .combo-form-input input[type="week"],
.responsive-form .combo-form-input input[type="color"],
.responsive-form .combo-form-input input[type="date"],
.responsive-form .combo-form-input input[type="datetime"],
.responsive-form .combo-form-input input[type="datetime-local"],
.responsive-form .combo-form-input input[type="email"],
.responsive-form .combo-form-input input[type="month"],
.responsive-form .combo-form-input input[type="number"],
.responsive-form .combo-form-input input[type="password"],
.responsive-form .combo-form-input input[type="range"],
.responsive-form .combo-form-input input[type="search"],
.responsive-form .combo-form-input input[type="tel"],
.responsive-form .combo-form-input input[type="time"],
.responsive-form .combo-form-input input[type="text"],
.responsive-form .combo-form-input input[type="url"],
.responsive-form .combo-form-input input[type="week"]:focus,
.combo-form-input input[type="color"],
.combo-form-input input[type="date"],
.combo-form-input input[type="datetime"],
.combo-form-input input[type="datetime-local"],
.combo-form-input input[type="email"],
.combo-form-input input[type="month"],
.combo-form-input input[type="number"],
.combo-form-input input[type="password"],
.combo-form-input input[type="range"],
.combo-form-input input[type="search"],
.combo-form-input input[type="tel"],
.combo-form-input input[type="time"],
.combo-form-input input[type="text"],
.combo-form-input input[type="url"],
.combo-form-input input[type="week"],
.combo-form-input input[type="color"],
.combo-form-input input[type="date"],
.combo-form-input input[type="datetime"],
.combo-form-input input[type="datetime-local"],
.combo-form-input input[type="email"],
.combo-form-input input[type="month"],
.combo-form-input input[type="number"],
.combo-form-input input[type="password"],
.combo-form-input input[type="range"],
.combo-form-input input[type="search"],
.combo-form-input input[type="tel"],
.combo-form-input input[type="time"],
.combo-form-input input[type="text"],
.combo-form-input input[type="url"],
.combo-form-input input[type="week"]:focus {
  border-color: transparent;
  background-color: transparent;
}

.responsive-form .field-annotation .combo-form-input input[type="color"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="date"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="datetime"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="datetime-local"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="email"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="month"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="number"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="password"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="range"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="search"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="tel"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="time"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="text"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="url"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="week"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="color"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="date"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="datetime"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="datetime-local"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="email"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="month"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="number"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="password"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="range"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="search"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="tel"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="time"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="text"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="url"].has-form-input-error,
.responsive-form .field-annotation .combo-form-input input[type="week"]:focus.has-form-input-error,
.responsive-form .combo-form-input input[type="color"].has-form-input-error,
.responsive-form .combo-form-input input[type="date"].has-form-input-error,
.responsive-form .combo-form-input input[type="datetime"].has-form-input-error,
.responsive-form .combo-form-input input[type="datetime-local"].has-form-input-error,
.responsive-form .combo-form-input input[type="email"].has-form-input-error,
.responsive-form .combo-form-input input[type="month"].has-form-input-error,
.responsive-form .combo-form-input input[type="number"].has-form-input-error,
.responsive-form .combo-form-input input[type="password"].has-form-input-error,
.responsive-form .combo-form-input input[type="range"].has-form-input-error,
.responsive-form .combo-form-input input[type="search"].has-form-input-error,
.responsive-form .combo-form-input input[type="tel"].has-form-input-error,
.responsive-form .combo-form-input input[type="time"].has-form-input-error,
.responsive-form .combo-form-input input[type="text"].has-form-input-error,
.responsive-form .combo-form-input input[type="url"].has-form-input-error,
.responsive-form .combo-form-input input[type="week"].has-form-input-error,
.responsive-form .combo-form-input input[type="color"].has-form-input-error,
.responsive-form .combo-form-input input[type="date"].has-form-input-error,
.responsive-form .combo-form-input input[type="datetime"].has-form-input-error,
.responsive-form .combo-form-input input[type="datetime-local"].has-form-input-error,
.responsive-form .combo-form-input input[type="email"].has-form-input-error,
.responsive-form .combo-form-input input[type="month"].has-form-input-error,
.responsive-form .combo-form-input input[type="number"].has-form-input-error,
.responsive-form .combo-form-input input[type="password"].has-form-input-error,
.responsive-form .combo-form-input input[type="range"].has-form-input-error,
.responsive-form .combo-form-input input[type="search"].has-form-input-error,
.responsive-form .combo-form-input input[type="tel"].has-form-input-error,
.responsive-form .combo-form-input input[type="time"].has-form-input-error,
.responsive-form .combo-form-input input[type="text"].has-form-input-error,
.responsive-form .combo-form-input input[type="url"].has-form-input-error,
.responsive-form .combo-form-input input[type="week"]:focus.has-form-input-error,
.combo-form-input input[type="color"].has-form-input-error,
.combo-form-input input[type="date"].has-form-input-error,
.combo-form-input input[type="datetime"].has-form-input-error,
.combo-form-input input[type="datetime-local"].has-form-input-error,
.combo-form-input input[type="email"].has-form-input-error,
.combo-form-input input[type="month"].has-form-input-error,
.combo-form-input input[type="number"].has-form-input-error,
.combo-form-input input[type="password"].has-form-input-error,
.combo-form-input input[type="range"].has-form-input-error,
.combo-form-input input[type="search"].has-form-input-error,
.combo-form-input input[type="tel"].has-form-input-error,
.combo-form-input input[type="time"].has-form-input-error,
.combo-form-input input[type="text"].has-form-input-error,
.combo-form-input input[type="url"].has-form-input-error,
.combo-form-input input[type="week"].has-form-input-error,
.combo-form-input input[type="color"].has-form-input-error,
.combo-form-input input[type="date"].has-form-input-error,
.combo-form-input input[type="datetime"].has-form-input-error,
.combo-form-input input[type="datetime-local"].has-form-input-error,
.combo-form-input input[type="email"].has-form-input-error,
.combo-form-input input[type="month"].has-form-input-error,
.combo-form-input input[type="number"].has-form-input-error,
.combo-form-input input[type="password"].has-form-input-error,
.combo-form-input input[type="range"].has-form-input-error,
.combo-form-input input[type="search"].has-form-input-error,
.combo-form-input input[type="tel"].has-form-input-error,
.combo-form-input input[type="time"].has-form-input-error,
.combo-form-input input[type="text"].has-form-input-error,
.combo-form-input input[type="url"].has-form-input-error,
.combo-form-input input[type="week"]:focus.has-form-input-error {
  color: #ff0044;
  border-color: transparent;
}

.combo-form-input .g-cell,
.combo-form-input .timeline__content,
.combo-form-input .timeline__date,
.combo-form-input .timeline__indicator {
  padding: 0;
}

.responsive-form__input--icon .combo-form-input {
  padding-left: 40px;
}

.responsive-form__input--icon .combo-form-input input[type="color"],
.responsive-form__input--icon .combo-form-input input[type="date"],
.responsive-form__input--icon .combo-form-input input[type="datetime"],
.responsive-form__input--icon .combo-form-input input[type="datetime-local"],
.responsive-form__input--icon .combo-form-input input[type="email"],
.responsive-form__input--icon .combo-form-input input[type="month"],
.responsive-form__input--icon .combo-form-input input[type="number"],
.responsive-form__input--icon .combo-form-input input[type="password"],
.responsive-form__input--icon .combo-form-input input[type="range"],
.responsive-form__input--icon .combo-form-input input[type="search"],
.responsive-form__input--icon .combo-form-input input[type="tel"],
.responsive-form__input--icon .combo-form-input input[type="time"],
.responsive-form__input--icon .combo-form-input input[type="text"],
.responsive-form__input--icon .combo-form-input input[type="url"],
.responsive-form__input--icon .combo-form-input input[type="week"] {
  padding-left: 12px;
}

.responsive-form__input--icon--right .combo-form-input {
  padding-left: 0;
  padding-right: 40px;
}

.responsive-form__input--icon--right .combo-form-input input[type="color"],
.responsive-form__input--icon--right .combo-form-input input[type="date"],
.responsive-form__input--icon--right .combo-form-input input[type="datetime"],
.responsive-form__input--icon--right .combo-form-input input[type="datetime-local"],
.responsive-form__input--icon--right .combo-form-input input[type="email"],
.responsive-form__input--icon--right .combo-form-input input[type="month"],
.responsive-form__input--icon--right .combo-form-input input[type="number"],
.responsive-form__input--icon--right .combo-form-input input[type="password"],
.responsive-form__input--icon--right .combo-form-input input[type="range"],
.responsive-form__input--icon--right .combo-form-input input[type="search"],
.responsive-form__input--icon--right .combo-form-input input[type="tel"],
.responsive-form__input--icon--right .combo-form-input input[type="time"],
.responsive-form__input--icon--right .combo-form-input input[type="text"],
.responsive-form__input--icon--right .combo-form-input input[type="url"],
.responsive-form__input--icon--right .combo-form-input input[type="week"] {
  padding-right: 12px;
}

.responsive-form__input--icon--double .combo-form-input {
  padding-right: 40px;
}

.responsive-form__input--icon--double .combo-form-input input[type="color"],
.responsive-form__input--icon--double .combo-form-input input[type="date"],
.responsive-form__input--icon--double .combo-form-input input[type="datetime"],
.responsive-form__input--icon--double .combo-form-input input[type="datetime-local"],
.responsive-form__input--icon--double .combo-form-input input[type="email"],
.responsive-form__input--icon--double .combo-form-input input[type="month"],
.responsive-form__input--icon--double .combo-form-input input[type="number"],
.responsive-form__input--icon--double .combo-form-input input[type="password"],
.responsive-form__input--icon--double .combo-form-input input[type="range"],
.responsive-form__input--icon--double .combo-form-input input[type="search"],
.responsive-form__input--icon--double .combo-form-input input[type="tel"],
.responsive-form__input--icon--double .combo-form-input input[type="time"],
.responsive-form__input--icon--double .combo-form-input input[type="text"],
.responsive-form__input--icon--double .combo-form-input input[type="url"],
.responsive-form__input--icon--double .combo-form-input input[type="week"] {
  padding-right: 12px;
}

.placeholder-shim {
  color: #ADB0B6;
  position: absolute;
  font-size: 16px;
  top: 11px;
  left: 12px;
  display: none;
}

.placeholder-shim--active {
  display: inline-block;
}

.responsive-form__input--placeholder {
  position: relative;
}

.scrollable-pane {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  vertical-align: middle;
  width: 100%;
  padding: 9px 12px;
  border: 1px #D2D6DF solid;
  background: white;
  color: #45494E;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  overflow: auto;
  max-height: 72px;
}

.scrollable-pane.scrollable-pane--long {
  max-height: 144px;
}

.scrollable-pane.scrollable-pane--small-text {
  font-size: 12px;
  line-height: 18px;
}

.scrollable-pane.scrollable-pane--preformatted,
.scrollable-pane .scrollable-pane--preformatted {
  white-space: pre-wrap;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

body {
  font-family: "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 15px;
  color: #45494E;
  letter-spacing: 0.5px;
}

.text-heading-mega,
.hero-image__bottom-title,
.text-mega {
  font-size: 65px;
  line-height: 70px;
  font-weight: 400;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-mega,
  .hero-image__bottom-title,
  .text-mega {
    font-size: 45px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-mega,
  .hero-image__bottom-title,
  .text-mega {
    font-size: 35px;
    line-height: 50px;
  }
}

.text-heading-epic,
.text-epic,
.avatar.avatar--flexible .avatar--initials {
  font-size: 45px;
  line-height: 50px;
  font-weight: 400;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-epic,
  .text-epic,
  .avatar.avatar--flexible .avatar--initials {
    font-size: 35px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-epic,
  .text-epic,
  .avatar.avatar--flexible .avatar--initials {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-heading-primary,
.modal__heading,
.text-primary {
  font-size: 35px;
  line-height: 50px;
  font-weight: 600;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-primary,
  .modal__heading,
  .text-primary {
    font-size: 25px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-primary,
  .modal__heading,
  .text-primary {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-heading-secondary,
.text-secondary {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #282C35;
}

.text-heading-tertiary {
  font-size: 15px;
  line-height: 22px;
  color: #282C35;
  font-weight: 400;
}

.text-heading-quaternary {
  color: #666A73;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.heading-secondary-responsive {
  font-size: 15px;
  line-height: 22px;
  color: #282C35;
}

.ie8 .heading-secondary-responsive {
  font-size: 20px;
  line-height: 30px;
}

@media only screen and (min-width: 480px) {
  .heading-secondary-responsive {
    font-size: 20px;
    line-height: 30px;
  }
}

.label-primary,
.responsive-form .responsive-form__label--primary,
.responsive-form label.responsive-form__label--primary,
label.label-primary,
.responsive-form label.responsive-form__label--primary {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase;
}

.label-secondary,
label.label-secondary {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase;
  color: #666A73;
}

.text-body-large,
.timeline__title,
.chart-panel__button-value {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-large {
  font-size: 25px;
  line-height: 35px;
  font-weight: 400;
}

@media only screen and (max-width: 479px) {
  .text-large {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-body-medium,
.g-cell,
.timeline__content,
.timeline__date,
.timeline__indicator,
.discount-ticket .discount-ticket-name,
.discount-ticket .discount-ticket-price,
.original-ticket-price,
.list-person__name {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-medium {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.text-default,
.modal__body,
.slat__primary-text {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-body-small,
.timeline__description,
.responsive-table th a,
.tooltip,
.ticket-box__tax-fee,
.slat__action,
.slat__action--stacked,
.chart-panel__button-label,
.text-small,
.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text,
.list-person ul p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.text-small,
.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text,
.list-person ul p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.text-xsmall {
  font-size: 9px;
  line-height: 12px;
  font-weight: 400;
}

.text-body--understated,
.text-body--faint,
.timeline__description,
.timeline__date-context,
.timeline__date,
.list-attendee__role,
.text-understated {
  font-weight: 400;
}

.text-body--faint,
.timeline__description,
.timeline__date-context,
.timeline__date,
.list-attendee__role {
  color: #666A73;
}

.text-body--significant,
.responsive-table th a,
.text-significant,
.heading-secondary-responsive {
  font-weight: 600;
}

.text-heading--understated {
  font-weight: 400;
}

.text-heading--emphasized {
  color: white;
}

.text-stressed {
  color: #282C35;
  text-transform: uppercase;
  font-weight: 600;
}

.text-light {
  font-weight: 200;
}

.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text {
  color: #666A73;
}

.text-error {
  color: #ff0044;
}

.text--truncated {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.text--truncated-two-line {
  display: -webkit-box;
  max-height: 42px;
  line-height: 21px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  position: relative;
}

.text--truncated-two-line.text-heading-epic {
  display: -webkit-box;
  max-height: 100px;
  line-height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line.text-heading-primary,
.text--truncated-two-line.modal__heading {
  display: -webkit-box;
  max-height: 100px;
  line-height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line.text-heading-secondary {
  display: -webkit-box;
  max-height: 60px;
  line-height: 30px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line__truncation {
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(-360deg, rgba(255, 255, 255, 0) 0%, white 30%);
  background-image: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, white 30%);
  position: absolute;
  right: 0;
  padding-left: 10px;
}

.text-heading-epic .text--truncated-two-line__truncation {
  top: 45px;
  height: 50px;
}

.text-heading-primary .text--truncated-two-line__truncation,
.modal__heading .text--truncated-two-line__truncation {
  top: 35px;
  height: 50px;
}

.text-heading-secondary .text--truncated-two-line__truncation {
  top: 20px;
  height: 30px;
}

.text--truncated-two-line__truncation:before {
  content: '\2026';
}

.text--separated {
  margin-left: 10px;
}

.text--centered {
  text-align: center;
}

.text--right {
  text-align: right;
}

.text--normal {
  text-align: left;
}

.high-visibility-alert {
  color: #f6682F;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

.text-link-aside {
  vertical-align: middle;
  font-size: 12px;
  line-height: 18px;
}

.click-link {
  cursor: pointer;
}

/* This class is for use of the is-disabled mixin in HTML inline */

.is-disabled.is-disabled,
.is-disabled .is-disabled {
  color: #D2D6DF;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}

.is-disabled.is-disabled:hover,
.is-disabled .is-disabled:hover {
  color: #D2D6DF;
}

.is-disabled.is-disabled:active,
.is-disabled .is-disabled:active {
  color: #D2D6DF;
}

/*
    Needed because you can't target a parent with css styles.
    If we could we'd make it so that links with icons were not underlined.
 */

.link--with-icon:link,
.link--with-icon:visited,
.link--with-icon:hover,
.link--with-icon:active,
.link--with-icon:focus {
  text-decoration: none;
}

.link--subtle {
  color: #45494E;
}

.link--subtle:link,
.link--subtle:visited {
  color: #45494E;
}

.link--subtle:hover,
.link--subtle:active,
.link--subtle:focus {
  color: #666A73;
}

/* sometimes you'll have a header be linkable, but not change color. */

.link--header:link,
.link--header:visited {
  color: #282C35;
  text-decoration: none;
}

.link--header:hover,
.link--header:focus {
  color: #45494E;
  text-decoration: none;
}

.link--header:active {
  color: #53565d;
  color: rgba(40, 44, 53, 0.8);
  text-decoration: none;
}

/* and sometimes you want the default color to just stay black. */

.link--non-colored {
  color: #45494E;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.image--small {
  width: 50px;
  height: auto;
}

.image--medium {
  width: 80px;
  height: auto;
}

.image--circle,
.avatar,
.avatar img,
.poster-card .poster-card__header .poster-card__friends span {
  border-radius: 50%;
}

.image-container {
  display: inline-block;
}

.image-container img {
  display: block;
}

.image-container--square {
  overflow: hidden;
}

.image-container--square.image--small {
  height: 50px;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.avatar {
  height: 80px;
  width: 80px;
  line-height: 80px;
  font-size: 45px;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  background-color: #D2D6DF;
  color: white;
  overflow: hidden;
  text-transform: uppercase;
}

.avatar img {
  display: block;
  width: 80px;
  height: 100%;
}

.avatar.avatar--mini {
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 12px;
}

.avatar.avatar--mini img {
  display: block;
  width: 30px;
  height: 100%;
}

.avatar.avatar--medium {
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-size: 20px;
}

.avatar.avatar--medium img {
  display: block;
  width: 44px;
  height: 100%;
}

.avatar.avatar--large {
  height: 110px;
  width: 110px;
  line-height: 110px;
  font-size: 45px;
}

.avatar.avatar--large img {
  display: block;
  width: 110px;
  height: 100%;
}

@media only screen and (max-width: 479px) {
  .avatar.avatar--large {
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-size: 20px;
  }

  .avatar.avatar--large img {
    display: block;
    width: 44px;
    height: 100%;
  }
}

.avatar.avatar--flexible {
  height: 100%;
  width: 100%;
  padding: 50% 0;
  position: relative;
}

.avatar.avatar--flexible img {
  display: block;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 479px) {
  .avatar.avatar--flexible {
    width: 50%;
    padding: 25% 0;
  }
}

.avatar.avatar--flexible img {
  position: absolute;
  left: 0;
  top: 0;
}

.avatar.avatar--flexible .avatar--initials {
  color: white;
  display: block;
  font-style: normal;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -0.5em;
}

.user-avatar {
  position: relative;
  padding-left: 44px;
}

.user-avatar .user-avatar-img,
.user-avatar .user-avatar-icon {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 7px;
  top: 15px;
  background-color: #D2D6DF;
  border-radius: 15px;
}

.user-avatar .user-avatar-icon {
  color: #D2D6DF;
  font-size: 26px;
  top: 13px;
  left: 16px;
  width: 23px;
  background-color: transparent;
}

.user-avatar .user-name {
  vertical-align: bottom;
  max-width: 120px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-avatar .name,
.user-avatar .email {
  margin-top: 3px;
  margin-bottom: 0;
  padding: 0;
}

.user-avatar .email {
  font-size: 12px;
}

.list .user-avatar {
  padding-left: 44px;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

.hero-image-container {
  -webkit-transition: height 0.5s ease-in;
  -moz-transition: height 0.5s ease-in;
  transition: height 0.5s ease-in;
  height: 36vw;
  max-height: 500px;
  position: relative;
  background-color: white;
}

.ie8 .hero-image-container,
.ie9 .hero-image-container {
  height: 440px;
}

.ie8 .hero-image-container .carousel-image-container,
.ie9 .hero-image-container .carousel-image-container {
  height: 440px;
}

.ie8 .hero-image-container .hero-image__content,
.ie9 .hero-image-container .hero-image__content {
  height: 440px;
  z-index: 2;
}

.ie8 .hero-image-container .hero-carousel,
.ie9 .hero-image-container .hero-carousel {
  z-index: 0;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hero-image-container {
    height: 54vw;
  }
}

@media only screen and (max-width: 479px) {
  .hero-image-container {
    height: 72vw;
  }
}

.hero-image-container .carousel-image-container,
.hero-image-container .hero-overlay {
  height: 36vw;
  max-height: 500px;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hero-image-container .carousel-image-container,
  .hero-image-container .hero-overlay {
    height: 54vw;
  }
}

@media only screen and (max-width: 479px) {
  .hero-image-container .carousel-image-container,
  .hero-image-container .hero-overlay {
    height: 72vw;
  }
}

.hero-image-container.hero-img--accent {
  height: 20vw;
  max-height: 500px;
}

.ie8 .hero-image-container.hero-img--accent,
.ie9 .hero-image-container.hero-img--accent {
  height: 200px;
}

.ie8 .hero-image-container.hero-img--accent .carousel-image-container,
.ie9 .hero-image-container.hero-img--accent .carousel-image-container {
  height: 200px;
}

.ie8 .hero-image-container.hero-img--accent .hero-image__content,
.ie9 .hero-image-container.hero-img--accent .hero-image__content {
  height: 200px;
  z-index: 2;
}

.ie8 .hero-image-container.hero-img--accent .hero-carousel,
.ie9 .hero-image-container.hero-img--accent .hero-carousel {
  z-index: 0;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hero-image-container.hero-img--accent {
    height: 40vw;
  }
}

@media only screen and (max-width: 479px) {
  .hero-image-container.hero-img--accent {
    height: 40vw;
  }
}

.hero-image-container.hero-img--accent .carousel-image-container,
.hero-image-container.hero-img--accent .hero-overlay {
  height: 20vw;
  max-height: 500px;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hero-image-container.hero-img--accent .carousel-image-container,
  .hero-image-container.hero-img--accent .hero-overlay {
    height: 40vw;
  }
}

@media only screen and (max-width: 479px) {
  .hero-image-container.hero-img--accent .carousel-image-container,
  .hero-image-container.hero-img--accent .hero-overlay {
    height: 40vw;
  }
}

.hero-image-container.hero-img--epic {
  height: 50vw;
  max-height: 640px;
}

.ie8 .hero-image-container.hero-img--epic,
.ie9 .hero-image-container.hero-img--epic {
  height: 500px;
}

.ie8 .hero-image-container.hero-img--epic .carousel-image-container,
.ie9 .hero-image-container.hero-img--epic .carousel-image-container {
  height: 500px;
}

.ie8 .hero-image-container.hero-img--epic .hero-image__content,
.ie9 .hero-image-container.hero-img--epic .hero-image__content {
  height: 500px;
  z-index: 2;
}

.ie8 .hero-image-container.hero-img--epic .hero-carousel,
.ie9 .hero-image-container.hero-img--epic .hero-carousel {
  z-index: 0;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hero-image-container.hero-img--epic {
    height: 75vw;
  }
}

@media only screen and (max-width: 479px) {
  .hero-image-container.hero-img--epic {
    height: 100vw;
  }
}

.hero-image-container.hero-img--epic .carousel-image-container,
.hero-image-container.hero-img--epic .hero-overlay {
  height: 50vw;
  max-height: 640px;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hero-image-container.hero-img--epic .carousel-image-container,
  .hero-image-container.hero-img--epic .hero-overlay {
    height: 75vw;
  }
}

@media only screen and (max-width: 479px) {
  .hero-image-container.hero-img--epic .carousel-image-container,
  .hero-image-container.hero-img--epic .hero-overlay {
    height: 100vw;
  }
}

.ie8 .hero-image-container,
.ie9 .hero-image-container {
  z-index: 0;
}

.hero-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
}

.ie8 .hero-carousel,
.ie9 .hero-carousel {
  z-index: 0;
}

.carousel-image-container {
  -webkit-transition: height 0.5s ease-in;
  -moz-transition: height 0.5s ease-in;
  transition: height 0.5s ease-in;
  position: relative;
  background-color: white;
  width: 100%;
}

.hero-overlay {
  -webkit-transition: height 0.5s ease-in;
  -moz-transition: height 0.5s ease-in;
  transition: height 0.5s ease-in;
  background-image: -webkit-linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  background-image: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ie8 .hero-overlay,
.ie9 .hero-overlay {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#70000000, endColorstr=#70000000 );
  zoom: 1;
}

.hero-overlay.hero-overlay--gradient {
  background-image: -webkit-linear-gradient( transparent, rgba(0, 0, 0, 0.4));
  background-image: linear-gradient( transparent, rgba(0, 0, 0, 0.4));
}

.ie8 .hero-overlay.hero-overlay--gradient,
.ie9 .hero-overlay.hero-overlay--gradient {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00000000, endColorstr=#70000000 );
}

.hero-overlay.hero-overlay--dark {
  background-image: -webkit-linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  background-image: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
}

.hero-overlay.hero-overlay--carousel {
  top: auto;
  height: 200px;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hero-overlay.hero-overlay--carousel {
    height: 100px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-overlay.hero-overlay--carousel {
    height: 70px;
  }
}

.hero-image__content {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: white;
  position: absolute;
  top: 50%;
  width: 100%;
}

.ie8 .hero-image__content {
  top: 25%;
}

.ie9 .hero-image__content {
  top: 75%;
}

.hero-image__content .hero-heading {
  color: white;
}

.hero-image__bottom-title {
  color: white;
  position: absolute;
  width: 100%;
  bottom: 20px;
}

.hero-image--inverted .hero-image__header,
.hero-image--inverted .hero-image__metatitle {
  color: white;
}

.hero-image--inverted .hero-image__header a:link,
.hero-image--inverted .hero-image__header a:visited,
.hero-image--inverted .hero-image__metatitle a:link,
.hero-image--inverted .hero-image__metatitle a:visited {
  color: white;
}

.hero-image--inverted .hero-image__header a:hover,
.hero-image--inverted .hero-image__header a:focus,
.hero-image--inverted .hero-image__header a:active,
.hero-image--inverted .hero-image__metatitle a:hover,
.hero-image--inverted .hero-image__metatitle a:focus,
.hero-image--inverted .hero-image__metatitle a:active {
  color: rgba(255, 255, 255, 0.85);
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.btn,
.chart-panel__button,
.btn--action,
.chart-panel__button {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  color: white;
  background-color: #00a8f2;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  vertical-align: middle;
  position: relative;
  width: auto;
  height: auto;
  border: none;
  padding: 11px 20px;
  text-align: center;
  text-decoration: none;
  line-height: 22px;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
  border-radius: 3px;
}

.btn:link,
.chart-panel__button:link,
.btn:visited,
.chart-panel__button:visited,
.btn--action:link,
.chart-panel__button:link,
.btn--action:visited,
.chart-panel__button:visited {
  color: white;
}

.btn:hover,
.chart-panel__button:hover,
.btn:focus,
.chart-panel__button:focus,
.btn--action:hover,
.chart-panel__button:hover,
.btn--action:focus,
.chart-panel__button:focus {
  background-color: #00affc;
  color: white;
}

.btn:active,
.chart-panel__button:active,
.btn--action:active,
.chart-panel__button:active {
  background-color: #007eb5;
  color: white;
}

.btn:hover,
.chart-panel__button:hover,
.btn:focus,
.chart-panel__button:focus,
.btn--action:hover,
.chart-panel__button:hover,
.btn--action:focus,
.chart-panel__button:focus {
  cursor: pointer;
  text-decoration: none;
}

.btn:active,
.chart-panel__button:active,
.btn--action:active,
.chart-panel__button:active {
  text-decoration: none;
}

.btn:focus,
.chart-panel__button:focus,
.btn--action:focus,
.chart-panel__button:focus {
  outline: none;
}

.btn.btn--block,
.btn--block.chart-panel__button {
  display: block;
}

@media only screen and (max-width: 479px) {
  .btn--responsive {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}

input[type="submit"].btn.btn--block,
input[type="submit"].btn--block.chart-panel__button,
button.btn.btn--block,
button.btn--block.chart-panel__button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.btn--epic {
  color: white;
  background-color: #00cc52;
}

.btn--epic:link,
.btn--epic:visited {
  color: white;
}

.btn--epic:hover,
.btn--epic:focus {
  background-color: #00d656;
  color: white;
}

.btn--epic:active {
  background-color: #008f39;
  color: white;
}

.btn--secondary,
.btn--dynamo {
  color: #00a1ee;
  background-color: transparent;
  border: 2px solid #00a1ee;
  padding: 9px 18px;
}

.btn--secondary:link,
.btn--secondary:visited,
.btn--dynamo:link,
.btn--dynamo:visited {
  color: #00a1ee;
}

.btn--secondary:hover,
.btn--secondary:focus,
.btn--dynamo:hover,
.btn--dynamo:focus {
  color: white;
  background-color: #4dbdf3;
  border-color: #4dbdf3;
}

.btn--secondary:active,
.btn--dynamo:active {
  color: white;
  background-color: #0071a7;
  border-color: #0071a7;
}

.btn--secondary.btn--disabled,
.btn--dynamo.btn--disabled {
  border-color: #eff2f5;
  border-color: #EFF2F5;
  background-color: transparent;
}

.btn--secondary.btn--disabled:link,
.btn--secondary.btn--disabled:hover,
.btn--secondary.btn--disabled:focus,
.btn--secondary.btn--disabled:active,
.btn--dynamo.btn--disabled:link,
.btn--dynamo.btn--disabled:hover,
.btn--dynamo.btn--disabled:focus,
.btn--dynamo.btn--disabled:active {
  background-color: transparent;
}

.btn--secondary-alt,
.btn--dynamo-alt {
  color: white;
  background-color: transparent;
  border: 2px solid white;
  padding: 9px 18px;
}

.btn--secondary-alt:link,
.btn--secondary-alt:visited,
.btn--dynamo-alt:link,
.btn--dynamo-alt:visited {
  color: white;
}

.btn--secondary-alt:hover,
.btn--secondary-alt:focus,
.btn--dynamo-alt:hover,
.btn--dynamo-alt:focus {
  color: white;
  background-color: #4dc2f6;
  border-color: #4dc2f6;
}

.btn--secondary-alt:active,
.btn--dynamo-alt:active {
  color: white;
  background-color: #0076a9;
  border-color: #0076a9;
}

.btn--secondary-alt.btn--disabled,
.btn--dynamo-alt.btn--disabled {
  border-color: #eff2f5;
  border-color: #EFF2F5;
  background-color: transparent;
}

.btn--secondary-alt.btn--disabled:link,
.btn--secondary-alt.btn--disabled:hover,
.btn--secondary-alt.btn--disabled:focus,
.btn--secondary-alt.btn--disabled:active,
.btn--dynamo-alt.btn--disabled:link,
.btn--dynamo-alt.btn--disabled:hover,
.btn--dynamo-alt.btn--disabled:focus,
.btn--dynamo-alt.btn--disabled:active {
  background-color: transparent;
}

.btn--caution {
  color: white;
  background-color: #ff0044;
}

.btn--caution:link,
.btn--caution:visited {
  color: white;
}

.btn--caution:hover,
.btn--caution:focus {
  background-color: #ff0a4b;
  color: white;
}

.btn--caution:active {
  background-color: #c20034;
  color: white;
}

.btn--disabled,
.btn[disabled],
[disabled].chart-panel__button {
  color: #adb0b6;
  color: #ADB0B6;
  background-color: #eff2f5;
  background-color: #EFF2F5;
  cursor: default;
  opacity: 0.7;
}

.btn--disabled:link,
.btn--disabled:visited,
.btn--disabled:active,
.btn--disabled:hover,
.btn--disabled:focus,
.btn--disabled:disabled,
.btn[disabled]:link,
[disabled].chart-panel__button:link,
.btn[disabled]:visited,
[disabled].chart-panel__button:visited,
.btn[disabled]:active,
[disabled].chart-panel__button:active,
.btn[disabled]:hover,
[disabled].chart-panel__button:hover,
.btn[disabled]:focus,
[disabled].chart-panel__button:focus,
.btn[disabled]:disabled,
[disabled].chart-panel__button:disabled {
  color: #adb0b6;
  color: #ADB0B6;
  background-color: #eff2f5;
  background-color: #EFF2F5;
  cursor: default;
  opacity: 0.7;
}

.btn--link,
.btn--link-alt,
.btn--link.btn,
.btn.btn--link-alt,
.btn--link-alt.chart-panel__button,
.btn--link.chart-panel__button {
  color: #00a1ee;
  text-decoration: none;
  background: none;
}

.btn--link:focus,
.btn--link-alt:focus,
.btn--link:hover,
.btn--link-alt:hover,
.btn--link.btn:focus,
.btn.btn--link-alt:focus,
.btn--link-alt.chart-panel__button:focus,
.btn--link.chart-panel__button:focus,
.btn--link.btn:hover,
.btn.btn--link-alt:hover,
.btn--link-alt.chart-panel__button:hover,
.btn--link.chart-panel__button:hover {
  color: #22b8ff;
}

.btn--link:active,
.btn--link-alt:active,
.btn--link.btn:active,
.btn.btn--link-alt:active,
.btn--link-alt.chart-panel__button:active,
.btn--link.chart-panel__button:active {
  color: #007fbb;
}

.btn--link:focus,
.btn--link-alt:focus,
.btn--link:hover,
.btn--link-alt:hover,
.btn--link:active,
.btn--link-alt:active,
.btn--link.btn:focus,
.btn.btn--link-alt:focus,
.btn--link-alt.chart-panel__button:focus,
.btn--link.chart-panel__button:focus,
.btn--link.btn:hover,
.btn.btn--link-alt:hover,
.btn--link-alt.chart-panel__button:hover,
.btn--link.chart-panel__button:hover,
.btn--link.btn:active,
.btn.btn--link-alt:active,
.btn--link-alt.chart-panel__button:active,
.btn--link.chart-panel__button:active {
  text-decoration: underline;
}

.btn--link:hover,
.btn--link-alt:hover,
.btn--link.btn:hover,
.btn.btn--link-alt:hover,
.btn--link-alt.chart-panel__button:hover,
.btn--link.chart-panel__button:hover {
  cursor: pointer;
}

.btn--link.uncolored,
.uncolored.btn--link-alt,
.btn--link.uncolored:hover,
.uncolored.btn--link-alt:hover,
.btn--link.uncolored:focus,
.uncolored.btn--link-alt:focus,
.btn--link.uncolored:active,
.uncolored.btn--link-alt:active,
.btn--link.uncolored:visited,
.uncolored.btn--link-alt:visited,
.btn--link.btn.uncolored,
.btn.uncolored.btn--link-alt,
.uncolored.btn--link-alt.chart-panel__button,
.btn--link.uncolored.chart-panel__button,
.btn--link.btn.uncolored:hover,
.btn.uncolored.btn--link-alt:hover,
.uncolored.btn--link-alt.chart-panel__button:hover,
.btn--link.uncolored.chart-panel__button:hover,
.btn--link.btn.uncolored:focus,
.btn.uncolored.btn--link-alt:focus,
.uncolored.btn--link-alt.chart-panel__button:focus,
.btn--link.uncolored.chart-panel__button:focus,
.btn--link.btn.uncolored:active,
.btn.uncolored.btn--link-alt:active,
.uncolored.btn--link-alt.chart-panel__button:active,
.btn--link.uncolored.chart-panel__button:active,
.btn--link.btn.uncolored:visited,
.btn.uncolored.btn--link-alt:visited,
.uncolored.btn--link-alt.chart-panel__button:visited,
.btn--link.uncolored.chart-panel__button:visited {
  color: inherit;
}

.btn--link.undecorated,
.undecorated.btn--link-alt,
.btn--link.undecorated:hover,
.undecorated.btn--link-alt:hover,
.btn--link.undecorated:focus,
.undecorated.btn--link-alt:focus,
.btn--link.undecorated:active,
.undecorated.btn--link-alt:active,
.btn--link.btn.undecorated,
.btn.undecorated.btn--link-alt,
.undecorated.btn--link-alt.chart-panel__button,
.btn--link.undecorated.chart-panel__button,
.btn--link.btn.undecorated:hover,
.btn.undecorated.btn--link-alt:hover,
.undecorated.btn--link-alt.chart-panel__button:hover,
.btn--link.undecorated.chart-panel__button:hover,
.btn--link.btn.undecorated:focus,
.btn.undecorated.btn--link-alt:focus,
.undecorated.btn--link-alt.chart-panel__button:focus,
.btn--link.undecorated.chart-panel__button:focus,
.btn--link.btn.undecorated:active,
.btn.undecorated.btn--link-alt:active,
.undecorated.btn--link-alt.chart-panel__button:active,
.btn--link.undecorated.chart-panel__button:active {
  text-decoration: none;
}

.btn--link:link,
.btn--link-alt:link,
.btn--link:visited,
.btn--link-alt:visited,
.btn--link.btn:link,
.btn.btn--link-alt:link,
.btn--link-alt.chart-panel__button:link,
.btn--link.chart-panel__button:link,
.btn--link.btn:visited,
.btn.btn--link-alt:visited,
.btn--link-alt.chart-panel__button:visited,
.btn--link.chart-panel__button:visited {
  color: #00a1ee;
  text-decoration: none;
}

.btn--link:link:focus,
.btn--link-alt:link:focus,
.btn--link:link:hover,
.btn--link-alt:link:hover,
.btn--link:visited:focus,
.btn--link-alt:visited:focus,
.btn--link:visited:hover,
.btn--link-alt:visited:hover,
.btn--link.btn:link:focus,
.btn.btn--link-alt:link:focus,
.btn--link-alt.chart-panel__button:link:focus,
.btn--link.chart-panel__button:link:focus,
.btn--link.btn:link:hover,
.btn.btn--link-alt:link:hover,
.btn--link-alt.chart-panel__button:link:hover,
.btn--link.chart-panel__button:link:hover,
.btn--link.btn:visited:focus,
.btn.btn--link-alt:visited:focus,
.btn--link-alt.chart-panel__button:visited:focus,
.btn--link.chart-panel__button:visited:focus,
.btn--link.btn:visited:hover,
.btn.btn--link-alt:visited:hover,
.btn--link-alt.chart-panel__button:visited:hover,
.btn--link.chart-panel__button:visited:hover {
  color: #22b8ff;
}

.btn--link:link:active,
.btn--link-alt:link:active,
.btn--link:visited:active,
.btn--link-alt:visited:active,
.btn--link.btn:link:active,
.btn.btn--link-alt:link:active,
.btn--link-alt.chart-panel__button:link:active,
.btn--link.chart-panel__button:link:active,
.btn--link.btn:visited:active,
.btn.btn--link-alt:visited:active,
.btn--link-alt.chart-panel__button:visited:active,
.btn--link.chart-panel__button:visited:active {
  color: #007fbb;
}

.btn--link:link:focus,
.btn--link-alt:link:focus,
.btn--link:link:hover,
.btn--link-alt:link:hover,
.btn--link:link:active,
.btn--link-alt:link:active,
.btn--link:visited:focus,
.btn--link-alt:visited:focus,
.btn--link:visited:hover,
.btn--link-alt:visited:hover,
.btn--link:visited:active,
.btn--link-alt:visited:active,
.btn--link.btn:link:focus,
.btn.btn--link-alt:link:focus,
.btn--link-alt.chart-panel__button:link:focus,
.btn--link.chart-panel__button:link:focus,
.btn--link.btn:link:hover,
.btn.btn--link-alt:link:hover,
.btn--link-alt.chart-panel__button:link:hover,
.btn--link.chart-panel__button:link:hover,
.btn--link.btn:link:active,
.btn.btn--link-alt:link:active,
.btn--link-alt.chart-panel__button:link:active,
.btn--link.chart-panel__button:link:active,
.btn--link.btn:visited:focus,
.btn.btn--link-alt:visited:focus,
.btn--link-alt.chart-panel__button:visited:focus,
.btn--link.chart-panel__button:visited:focus,
.btn--link.btn:visited:hover,
.btn.btn--link-alt:visited:hover,
.btn--link-alt.chart-panel__button:visited:hover,
.btn--link.chart-panel__button:visited:hover,
.btn--link.btn:visited:active,
.btn.btn--link-alt:visited:active,
.btn--link-alt.chart-panel__button:visited:active,
.btn--link.chart-panel__button:visited:active {
  text-decoration: underline;
}

.btn--link:link:hover,
.btn--link-alt:link:hover,
.btn--link:visited:hover,
.btn--link-alt:visited:hover,
.btn--link.btn:link:hover,
.btn.btn--link-alt:link:hover,
.btn--link-alt.chart-panel__button:link:hover,
.btn--link.chart-panel__button:link:hover,
.btn--link.btn:visited:hover,
.btn.btn--link-alt:visited:hover,
.btn--link-alt.chart-panel__button:visited:hover,
.btn--link.chart-panel__button:visited:hover {
  cursor: pointer;
}

.btn--link:link.uncolored,
.btn--link-alt:link.uncolored,
.btn--link:link.uncolored:hover,
.btn--link-alt:link.uncolored:hover,
.btn--link:link.uncolored:focus,
.btn--link-alt:link.uncolored:focus,
.btn--link:link.uncolored:active,
.btn--link-alt:link.uncolored:active,
.btn--link:link.uncolored:visited,
.btn--link-alt:link.uncolored:visited,
.btn--link:visited.uncolored,
.btn--link-alt:visited.uncolored,
.btn--link:visited.uncolored:hover,
.btn--link-alt:visited.uncolored:hover,
.btn--link:visited.uncolored:focus,
.btn--link-alt:visited.uncolored:focus,
.btn--link:visited.uncolored:active,
.btn--link-alt:visited.uncolored:active,
.btn--link:visited.uncolored:visited,
.btn--link-alt:visited.uncolored:visited,
.btn--link.btn:link.uncolored,
.btn.btn--link-alt:link.uncolored,
.btn--link-alt.chart-panel__button:link.uncolored,
.btn--link.chart-panel__button:link.uncolored,
.btn--link.btn:link.uncolored:hover,
.btn.btn--link-alt:link.uncolored:hover,
.btn--link-alt.chart-panel__button:link.uncolored:hover,
.btn--link.chart-panel__button:link.uncolored:hover,
.btn--link.btn:link.uncolored:focus,
.btn.btn--link-alt:link.uncolored:focus,
.btn--link-alt.chart-panel__button:link.uncolored:focus,
.btn--link.chart-panel__button:link.uncolored:focus,
.btn--link.btn:link.uncolored:active,
.btn.btn--link-alt:link.uncolored:active,
.btn--link-alt.chart-panel__button:link.uncolored:active,
.btn--link.chart-panel__button:link.uncolored:active,
.btn--link.btn:link.uncolored:visited,
.btn.btn--link-alt:link.uncolored:visited,
.btn--link-alt.chart-panel__button:link.uncolored:visited,
.btn--link.chart-panel__button:link.uncolored:visited,
.btn--link.btn:visited.uncolored,
.btn.btn--link-alt:visited.uncolored,
.btn--link-alt.chart-panel__button:visited.uncolored,
.btn--link.chart-panel__button:visited.uncolored,
.btn--link.btn:visited.uncolored:hover,
.btn.btn--link-alt:visited.uncolored:hover,
.btn--link-alt.chart-panel__button:visited.uncolored:hover,
.btn--link.chart-panel__button:visited.uncolored:hover,
.btn--link.btn:visited.uncolored:focus,
.btn.btn--link-alt:visited.uncolored:focus,
.btn--link-alt.chart-panel__button:visited.uncolored:focus,
.btn--link.chart-panel__button:visited.uncolored:focus,
.btn--link.btn:visited.uncolored:active,
.btn.btn--link-alt:visited.uncolored:active,
.btn--link-alt.chart-panel__button:visited.uncolored:active,
.btn--link.chart-panel__button:visited.uncolored:active,
.btn--link.btn:visited.uncolored:visited,
.btn.btn--link-alt:visited.uncolored:visited,
.btn--link-alt.chart-panel__button:visited.uncolored:visited,
.btn--link.chart-panel__button:visited.uncolored:visited {
  color: inherit;
}

.btn--link:link.undecorated,
.btn--link-alt:link.undecorated,
.btn--link:link.undecorated:hover,
.btn--link-alt:link.undecorated:hover,
.btn--link:link.undecorated:focus,
.btn--link-alt:link.undecorated:focus,
.btn--link:link.undecorated:active,
.btn--link-alt:link.undecorated:active,
.btn--link:visited.undecorated,
.btn--link-alt:visited.undecorated,
.btn--link:visited.undecorated:hover,
.btn--link-alt:visited.undecorated:hover,
.btn--link:visited.undecorated:focus,
.btn--link-alt:visited.undecorated:focus,
.btn--link:visited.undecorated:active,
.btn--link-alt:visited.undecorated:active,
.btn--link.btn:link.undecorated,
.btn.btn--link-alt:link.undecorated,
.btn--link-alt.chart-panel__button:link.undecorated,
.btn--link.chart-panel__button:link.undecorated,
.btn--link.btn:link.undecorated:hover,
.btn.btn--link-alt:link.undecorated:hover,
.btn--link-alt.chart-panel__button:link.undecorated:hover,
.btn--link.chart-panel__button:link.undecorated:hover,
.btn--link.btn:link.undecorated:focus,
.btn.btn--link-alt:link.undecorated:focus,
.btn--link-alt.chart-panel__button:link.undecorated:focus,
.btn--link.chart-panel__button:link.undecorated:focus,
.btn--link.btn:link.undecorated:active,
.btn.btn--link-alt:link.undecorated:active,
.btn--link-alt.chart-panel__button:link.undecorated:active,
.btn--link.chart-panel__button:link.undecorated:active,
.btn--link.btn:visited.undecorated,
.btn.btn--link-alt:visited.undecorated,
.btn--link-alt.chart-panel__button:visited.undecorated,
.btn--link.chart-panel__button:visited.undecorated,
.btn--link.btn:visited.undecorated:hover,
.btn.btn--link-alt:visited.undecorated:hover,
.btn--link-alt.chart-panel__button:visited.undecorated:hover,
.btn--link.chart-panel__button:visited.undecorated:hover,
.btn--link.btn:visited.undecorated:focus,
.btn.btn--link-alt:visited.undecorated:focus,
.btn--link-alt.chart-panel__button:visited.undecorated:focus,
.btn--link.chart-panel__button:visited.undecorated:focus,
.btn--link.btn:visited.undecorated:active,
.btn.btn--link-alt:visited.undecorated:active,
.btn--link-alt.chart-panel__button:visited.undecorated:active,
.btn--link.chart-panel__button:visited.undecorated:active {
  text-decoration: none;
}

.btn--link.btn--disabled,
.btn--disabled.btn--link-alt,
.btn--link:disabled,
.btn--link-alt:disabled,
.btn--link.btn.btn--disabled,
.btn.btn--disabled.btn--link-alt,
.btn--disabled.btn--link-alt.chart-panel__button,
.btn--link.btn--disabled.chart-panel__button,
.btn--link.btn:disabled,
.btn.btn--link-alt:disabled,
.btn--link-alt.chart-panel__button:disabled,
.btn--link.chart-panel__button:disabled {
  color: #D2D6DF;
  background: none;
}