summaryrefslogtreecommitdiffstats
path: root/afb-client/bower_components/foundation-apps/dist/css
diff options
context:
space:
mode:
authorFulup Ar Foll <fulup@iot.bzh>2016-02-09 18:40:49 +0100
committerFulup Ar Foll <fulup@iot.bzh>2016-02-09 18:40:49 +0100
commit3d2fda7dd39e2363682f1fa353c951ab0d44ddfa (patch)
treeaf968a8ac5d4fde1f3cebcec5fb0973eb2bfb2cb /afb-client/bower_components/foundation-apps/dist/css
parent12a3520ba440316c76b95d92a684666f03f7b47d (diff)
Implemented URL query parsing for initial token /opa/?token=abcde
Diffstat (limited to 'afb-client/bower_components/foundation-apps/dist/css')
-rwxr-xr-xafb-client/bower_components/foundation-apps/dist/css/foundation-apps.css6146
-rwxr-xr-xafb-client/bower_components/foundation-apps/dist/css/foundation-apps.min.css1
2 files changed, 6147 insertions, 0 deletions
diff --git a/afb-client/bower_components/foundation-apps/dist/css/foundation-apps.css b/afb-client/bower_components/foundation-apps/dist/css/foundation-apps.css
new file mode 100755
index 0000000..8e9b0c9
--- /dev/null
+++ b/afb-client/bower_components/foundation-apps/dist/css/foundation-apps.css
@@ -0,0 +1,6146 @@
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+html {
+ font-family: sans-serif;
+ /* 1 */
+ -ms-text-size-adjust: 100%;
+ /* 2 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */ }
+
+/**
+ * Remove default margin.
+ */
+body {
+ margin: 0; }
+
+/* HTML5 display definitions
+ ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
+ display: block; }
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio, canvas, progress, video {
+ display: inline-block;
+ /* 1 */
+ vertical-align: baseline;
+ /* 2 */ }
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+ display: none;
+ height: 0; }
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+[hidden], template {
+ display: none; }
+
+/* Links
+ ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+ background: transparent; }
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+a:active, a:hover {
+ outline: 0; }
+
+/* Text-level semantics
+ ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+ border-bottom: 1px dotted; }
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b, strong {
+ font-weight: bold; }
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+ font-style: italic; }
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0; }
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+ background: #ff0;
+ color: #000; }
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+ font-size: 80%; }
+
+/**
+ * Prevent `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
+ ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+ border: 0; }
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+ overflow: hidden; }
+
+/* Grouping content
+ ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+ margin: 1em 40px; }
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+ box-sizing: content-box;
+ height: 0; }
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+ overflow: auto; }
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code, kbd, pre, samp {
+ font-family: monospace, monospace;
+ font-size: 1em; }
+
+/* Forms
+ ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button, input, optgroup, select, textarea {
+ color: inherit;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+ margin: 0;
+ /* 3 */ }
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+ overflow: visible; }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button, select {
+ text-transform: none; }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve 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], html input[disabled] {
+ cursor: default; }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner, input::-moz-focus-inner {
+ border: 0;
+ padding: 0; }
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+ line-height: normal; }
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"], input[type="radio"] {
+ box-sizing: border-box;
+ /* 1 */
+ padding: 0;
+ /* 2 */ }
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
+ height: auto; }
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ * (include `-moz` to future-proof).
+ */
+input[type="search"] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ /* 2 */
+ box-sizing: content-box; }
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none; }
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em; }
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+ border: 0;
+ /* 1 */
+ padding: 0;
+ /* 2 */ }
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+ overflow: auto; }
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+ font-weight: bold; }
+
+/* Tables
+ ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+ border-collapse: collapse;
+ border-spacing: 0; }
+
+td, th {
+ padding: 0; }
+
+meta.foundation-version {
+ font-family: "1.1.0"; }
+
+meta.foundation-mq {
+ font-family: "small=0&medium=40rem&large=75rem&xlarge=90rem&xxlarge=120rem"; }
+
+/*
+ GLOBAL
+ ------
+
+ Global styles and settings for Foundation for Apps are stored here. This file must always
+ be imported, no matter what.
+
+ Includes:
+ -
+*/
+html, body {
+ height: 100%;
+ font-size: 100%; }
+
+html {
+ box-sizing: border-box; }
+
+*, *:before, *:after {
+ box-sizing: inherit; }
+
+body {
+ background: #fff;
+ color: #222;
+ padding: 0;
+ margin: 0;
+ font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ font-style: normal;
+ line-height: 1;
+ position: relative;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
+
+img {
+ max-width: 100%;
+ height: auto;
+ -ms-interpolation-mode: bicubic;
+ display: inline-block;
+ vertical-align: middle; }
+
+a, [ui-sref], [zf-open], [zf-close], [zf-toggle] {
+ cursor: pointer; }
+
+#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
+ max-width: none !important; }
+
+.padding {
+ padding: 1rem; }
+
+.iconic {
+ width: 1rem;
+ height: 1rem;
+ vertical-align: middle; }
+ a > .iconic {
+ margin-top: -2px;
+ margin-right: 0.25rem; }
+ a > .iconic * {
+ fill: #00558b;
+ stroke: #00558b; }
+ a > .iconic *.iconic-property-accent {
+ fill: #00558b;
+ stroke: #00558b; }
+
+.iconic * {
+ fill: #00558b;
+ stroke: #00558b; }
+ .iconic *.iconic-property-accent {
+ fill: #00558b;
+ stroke: #00558b; }
+
+.iconic-color-primary * {
+ fill: #00558b;
+ stroke: #00558b; }
+ .iconic-color-primary *.iconic-property-accent {
+ fill: #00558b;
+ stroke: #00558b; }
+
+.iconic-color-success * {
+ fill: #43AC6A;
+ stroke: #43AC6A; }
+ .iconic-color-success *.iconic-property-accent {
+ fill: #43AC6A;
+ stroke: #43AC6A; }
+
+.iconic-color-warning * {
+ fill: #F08A24;
+ stroke: #F08A24; }
+ .iconic-color-warning *.iconic-property-accent {
+ fill: #F08A24;
+ stroke: #F08A24; }
+
+.iconic-color-alert * {
+ fill: #F04124;
+ stroke: #F04124; }
+ .iconic-color-alert *.iconic-property-accent {
+ fill: #F04124;
+ stroke: #F04124; }
+
+.iconic-color-dark * {
+ fill: #232323;
+ stroke: #232323; }
+ .iconic-color-dark *.iconic-property-accent {
+ fill: #232323;
+ stroke: #232323; }
+
+.iconic-color-secondary * {
+ fill: #f1f1f1;
+ stroke: #f1f1f1; }
+ .iconic-color-secondary *.iconic-property-accent {
+ fill: #f1f1f1;
+ stroke: #f1f1f1; }
+
+/*
+ ACTION SHEET
+ ------------
+
+ A dropdown menu that sticks to the bottom of the screen on small devices, and becomes a dropdown menu on larger devices.
+*/
+/*
+ Styles for the list inside an action sheet.
+ Don't include this mixin if you want to build custom controls inside the sheet.
+*/
+/*
+ Styles for the action sheet container. Action sheets pin to the top or bottom of the screen.
+*/
+.action-sheet-container {
+ position: relative;
+ display: inline-block; }
+ .action-sheet-container .button {
+ margin-left: 0;
+ margin-right: 0; }
+
+.action-sheet {
+ position: fixed;
+ left: 0;
+ z-index: 1000;
+ width: 100%;
+ padding: 1rem;
+ background: white;
+ text-align: center;
+ transition-property: -webkit-transform opacity;
+ transition-property: transform opacity;
+ transition-duration: 0.25s;
+ transition-timing-function: ease-out;
+ box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.25);
+ bottom: 0;
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%); }
+ .action-sheet.is-active {
+ -webkit-transform: translateY(0%);
+ transform: translateY(0%); }
+ .action-sheet ul {
+ margin: -1rem;
+ margin-top: 0;
+ list-style-type: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+ .action-sheet ul:first-child {
+ margin-top: -1rem; }
+ .action-sheet ul:first-child li:first-child {
+ border-top: 0; }
+ .action-sheet ul a {
+ display: block;
+ padding: 0.8rem;
+ line-height: 1;
+ color: #000;
+ border-top: 1px solid #ccc; }
+ .action-sheet ul a:hover {
+ color: #000;
+ background: #f2f2f2; }
+ .action-sheet ul .alert > a {
+ color: #F04124; }
+ .action-sheet ul .disabled > a {
+ pointer-events: none;
+ color: #999; }
+ @media only screen and (min-width: 40em) {
+ .action-sheet {
+ /*
+ Core styles
+ */
+ position: absolute;
+ left: 50%;
+ width: 300px;
+ border-radius: 4px;
+ opacity: 0;
+ pointer-events: none;
+ /*
+ Menu shadow
+ */
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
+ /*
+ Active state
+ */
+ /*
+ Menu tail
+ */
+ /*
+ Positioning
+ */
+ top: auto;
+ bottom: 0;
+ -webkit-transform: translateX(-50%) translateY(110%);
+ transform: translateX(-50%) translateY(110%); }
+ .action-sheet.is-active {
+ opacity: 1;
+ pointer-events: auto; }
+ .action-sheet::before, .action-sheet::after {
+ content: '';
+ position: absolute;
+ left: 50%;
+ display: block;
+ width: 0px;
+ height: 0px;
+ border-left: 10px solid transparent;
+ border-right: 10px solid transparent;
+ margin-left: -10px; }
+ .action-sheet.is-active {
+ -webkit-transform: translateX(-50%) translateY(100%);
+ transform: translateX(-50%) translateY(100%); }
+ .action-sheet::before, .action-sheet::after {
+ top: -10px;
+ bottom: auto;
+ border-top: 0;
+ border-bottom: 10px solid white; }
+ .action-sheet::before {
+ top: -12px;
+ border-bottom-color: rgba(0, 0, 0, 0.15); }
+ .action-sheet.top {
+ /*
+ Core styles
+ */
+ position: absolute;
+ left: 50%;
+ width: 300px;
+ border-radius: 4px;
+ opacity: 0;
+ pointer-events: none;
+ /*
+ Menu shadow
+ */
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
+ /*
+ Active state
+ */
+ /*
+ Menu tail
+ */
+ /*
+ Positioning
+ */
+ top: 0;
+ bottom: auto;
+ -webkit-transform: translateX(-50%) translateY(-120%);
+ transform: translateX(-50%) translateY(-120%); }
+ .action-sheet.top.is-active {
+ opacity: 1;
+ pointer-events: auto; }
+ .action-sheet.top::before, .action-sheet.top::after {
+ content: '';
+ position: absolute;
+ left: 50%;
+ display: block;
+ width: 0px;
+ height: 0px;
+ border-left: 10px solid transparent;
+ border-right: 10px solid transparent;
+ margin-left: -10px; }
+ .action-sheet.top.is-active {
+ -webkit-transform: translateX(-50%) translateY(-110%);
+ transform: translateX(-50%) translateY(-110%); }
+ .action-sheet.top::before, .action-sheet.top::after {
+ top: auto;
+ bottom: -10px;
+ border-top: 10px solid white;
+ border-bottom: 0; }
+ .action-sheet.top::before {
+ bottom: -12px;
+ border-top-color: rgba(0, 0, 0, 0.15); } }
+ .action-sheet.primary {
+ background: #00558b;
+ color: #fff;
+ border: 0; }
+ .action-sheet.primary::before {
+ display: none; }
+ .action-sheet.primary::before, .action-sheet.primary::after {
+ border-top-color: #00558b; }
+ .action-sheet.primary.top::before, .action-sheet.primary.top::after {
+ border-bottom-color: #00558b; }
+ .action-sheet.primary ul {
+ margin: -1rem;
+ margin-top: 0;
+ list-style-type: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+ .action-sheet.primary ul:first-child {
+ margin-top: -1rem; }
+ .action-sheet.primary ul:first-child li:first-child {
+ border-top: 0; }
+ .action-sheet.primary ul a {
+ display: block;
+ padding: 0.8rem;
+ line-height: 1;
+ color: #fff;
+ border-top: 1px solid #006cb0; }
+ .action-sheet.primary ul a:hover {
+ color: #fff;
+ background: #00609e; }
+ .action-sheet.primary ul .alert > a {
+ color: #F04124; }
+ .action-sheet.primary ul .disabled > a {
+ pointer-events: none;
+ color: #999; }
+ .action-sheet.dark {
+ background: #232323;
+ color: #fff;
+ border: 0; }
+ .action-sheet.dark::before {
+ display: none; }
+ .action-sheet.dark::before, .action-sheet.dark::after {
+ border-top-color: #232323; }
+ .action-sheet.dark.top::before, .action-sheet.dark.top::after {
+ border-bottom-color: #232323; }
+ .action-sheet.dark ul {
+ margin: -1rem;
+ margin-top: 0;
+ list-style-type: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+ .action-sheet.dark ul:first-child {
+ margin-top: -1rem; }
+ .action-sheet.dark ul:first-child li:first-child {
+ border-top: 0; }
+ .action-sheet.dark ul a {
+ display: block;
+ padding: 0.8rem;
+ line-height: 1;
+ color: #fff;
+ border-top: 1px solid #393939; }
+ .action-sheet.dark ul a:hover {
+ color: #fff;
+ background: #2e2e2e; }
+ .action-sheet.dark ul .alert > a {
+ color: #F04124; }
+ .action-sheet.dark ul .disabled > a {
+ pointer-events: none;
+ color: #999; }
+
+/*
+ BLOCK LIST
+ ----------
+
+ A generic list component that can accomodate a variety of styles and controls.
+
+ Features:
+ - Icons
+ - Labels
+ - Chevrons
+ - Text fields
+ - Dropdown menus
+ - Checkbox/radio inputs
+*/
+/*
+ Adds styles for a block list container.
+
+ $font-size: global font size for the list.
+ $full-bleed: when "true", the margins of the list invert to line it up with the edge of a padded element.
+*/
+.block-list {
+ margin-bottom: 1rem;
+ line-height: 1;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+ .block-list, .block-list ul {
+ list-style-type: none; }
+ .block-list ul {
+ margin-left: 0; }
+
+/*
+ Styles block list headers on the selector you include this mixin in (normally a <header>).
+
+ $color - color of the header.
+ $font-size - font size of the header.
+ $offset - left margin to add to the header, to line it up with the list items.
+*/
+/*
+ Styles block list items on the selector you include this mixin in (normally an <li>).
+
+ $color - color of items.
+ $color-hover - color of items on hover.
+ $background - background of items.
+ $background-hover - background of items on hover.
+ $border - border between items.
+ $padding - padding on items.
+*/
+/*
+ Adds label styles to the class you include this mixin in.
+
+ $color - color of the label.
+ $left-class - extra class to flip the orientation of the label.
+ $left-padding - left padding to use for left-hand labels.
+*/
+/*
+ Adds support for chevrons, which appear on the right-hand side of the item.
+
+ $color - color of the chevron.
+ $padding - include the global padding of block list items here.
+*/
+/*
+ Adds icon styles. Call this mixin on a block list container.
+
+ $size - size of the icon as a percentage (decimal) of the list item's height.
+ $item-selector - overrides the 'li' selector used for list items.
+*/
+/*
+ Adds support for text fields, select menus, and checkbox/radio groups in block lists.
+
+ $color - color of select menu arrow.
+ $background-hover - color of select menu when hovered over.
+ $padding - include the global padding of block list items here.
+ $dropdown-class - class to use for list items that contain a dropdown.
+ $switch-class - class to use for switches inside list items.
+*/
+.block-list {
+ font-size: 1rem;
+ margin-left: -1rem;
+ margin-right: -1rem; }
+ .block-list input[type="text"], .block-list input[type="password"], .block-list input[type="date"], .block-list input[type="datetime"], .block-list input[type="datetime-local"], .block-list input[type="month"], .block-list input[type="week"], .block-list input[type="email"], .block-list input[type="number"], .block-list input[type="search"], .block-list input[type="tel"], .block-list input[type="time"], .block-list input[type="url"], .block-list input[type="color"], .block-list textarea {
+ margin: 0;
+ border: 0;
+ line-height: 1;
+ height: auto;
+ padding: 0.8rem 1rem;
+ color: inherit; }
+ .block-list input[type="text"]:hover, .block-list input[type="text"]:focus, .block-list input[type="password"]:hover, .block-list input[type="password"]:focus, .block-list input[type="date"]:hover, .block-list input[type="date"]:focus, .block-list input[type="datetime"]:hover, .block-list input[type="datetime"]:focus, .block-list input[type="datetime-local"]:hover, .block-list input[type="datetime-local"]:focus, .block-list input[type="month"]:hover, .block-list input[type="month"]:focus, .block-list input[type="week"]:hover, .block-list input[type="week"]:focus, .block-list input[type="email"]:hover, .block-list input[type="email"]:focus, .block-list input[type="number"]:hover, .block-list input[type="number"]:focus, .block-list input[type="search"]:hover, .block-list input[type="search"]:focus, .block-list input[type="tel"]:hover, .block-list input[type="tel"]:focus, .block-list input[type="time"]:hover, .block-list input[type="time"]:focus, .block-list input[type="url"]:hover, .block-list input[type="url"]:focus, .block-list input[type="color"]:hover, .block-list input[type="color"]:focus, .block-list textarea:hover, .block-list textarea:focus {
+ border: 0; }
+ .block-list li > input[type="checkbox"], .block-list li > input[type="radio"] {
+ position: absolute;
+ left: -9999px; }
+ .block-list li > input[type="checkbox"] + label, .block-list li > input[type="radio"] + label {
+ display: block;
+ font-size: 1rem;
+ margin: 0; }
+ .block-list li > input[type="checkbox"]:checked + label::before, .block-list li > input[type="radio"]:checked + label::before {
+ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="32" viewBox="0 0 32 32"><path fill="black" d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zm6.906 8.875l2.219 2.031-12.063 13.281-6.188-6.188 2.125-2.125 3.938 3.938 9.969-10.938z"/></svg>');
+ content: '';
+ background-size: 100% 100%;
+ width: 1.5em;
+ height: 1.5em;
+ color: #00558b;
+ float: right;
+ pointer-events: none;
+ margin-top: -0.25em; }
+ @media screen and (min-width: 0\0) {
+ .block-list li > input[type="checkbox"]:checked + label::before, .block-list li > input[type="radio"]:checked + label::before {
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdlJREFUeNrMl0FugzAQRY3TRZeoFyhVL0BOkGTXJezaHZwguUnECaCrdFd6gqQnCN11Uyk5QekNOlONJWMVGMCgfGlkEIY3HnsG2xFM3d96PjQB2AJsWdPtAPYOln+dTwXnuw4DHEGzBvNFN6EDCTiS9XIAwB40acNoucKoxODIie0AwAOCu8KOSnIiNx/MakK+A7sW9oTferxx3fP3T1nURoBG/irGVahHwjHm/Ggx7E3TMVdrQmoP0gngghhpZQ3QvG/EdPLUelARWI8Aycjq9Md0qMIdbcNhjmOKLoY7quk3l1Rebeqg4AwFkmq7LWGOh1pmNY0etZAWSq0OX8HoS4JvWuCopbSY26EGR/CW86K0BF+pwkLwlPuyHJhOCl5oe4ZtF++vOqST+GdOYwO+71pN2VNAjmQGPCe42weuHDg0PI8olUwnYrXTGQJH9gxq8l1LKvrQx4O6/YY32Kp/ugb3ey7gZ4xAzuhYiYTxB/UHZFAuaREVXZ2g6yFlvEC2yoKEmbsRZYNgVLk2JeaOaG+xLHN+WCszDWMqLGOrJFa1DlApjSdwoHJGqGzLIb0+cas0wh5Bh780ngswx8GJD7h8sHg2wLA/mfDLPZpdxOF0quP5rwADAAFIzSRvu1m5AAAAAElFTkSuQmCC'); } }
+ .block-list .with-dropdown {
+ color: inherit; }
+ .block-list .with-dropdown select {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ outline: 0;
+ background: 0;
+ border: 0;
+ height: auto;
+ padding: 0.8rem 1rem;
+ margin: 0;
+ font-size: 1em;
+ line-height: 1;
+ color: inherit;
+ background-color: transparent; }
+ .block-list .switch {
+ position: absolute;
+ top: 50%;
+ right: 1rem;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%); }
+ .block-list.with-icons li > a, .block-list.with-icons li > span, .block-list.with-icons li > label {
+ padding-left: 2.8rem; }
+ .block-list.with-icons li img, .block-list.with-icons li .iconic {
+ position: absolute;
+ top: 0.26rem;
+ left: 0.26rem;
+ width: 2.08rem;
+ height: 2.08rem;
+ border-radius: 8px;
+ pointer-events: none; }
+ .block-list header {
+ margin-top: 1em;
+ color: #666666;
+ font-weight: bold;
+ margin-bottom: 0.5em;
+ margin-left: 1rem;
+ font-size: 0.8em;
+ cursor: default;
+ text-transform: uppercase; }
+ .block-list li {
+ position: relative;
+ border-bottom: 1px solid #d0d0d0; }
+ .block-list li:first-child {
+ border-top: 1px solid #d0d0d0; }
+ .block-list li > a, .block-list li > span, .block-list li > label {
+ display: block;
+ padding: 0.8rem 1rem;
+ padding-left: 1rem;
+ color: #000;
+ line-height: 1; }
+ .block-list li > span {
+ cursor: default; }
+ .block-list li > a, .block-list li > label {
+ cursor: pointer; }
+ .block-list li > a:hover, .block-list li > label:hover {
+ color: #000; }
+ .block-list li > a:hover, .block-list li > label:hover, .block-list li select:hover {
+ background: #f4f4f4; }
+ .block-list li.caution > a, .block-list li.caution > a:hover {
+ color: #F04124; }
+ .block-list li.disabled > a {
+ cursor: default; }
+ .block-list li.disabled > a, .block-list li.disabled > a:hover {
+ color: #999; }
+ .block-list li.disabled > a:hover {
+ background: transparent; }
+ .block-list li.with-chevron::after {
+ content: '\203A';
+ display: block;
+ position: absolute;
+ right: 1rem;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+ font-weight: bold;
+ color: #666666;
+ font-size: 2em; }
+ .block-list li.with-chevron .block-list-label {
+ padding-right: 1.5rem; }
+ .block-list li .block-list-label {
+ display: inline-block;
+ float: right;
+ padding: 0;
+ color: #999999;
+ pointer-events: none; }
+ .block-list li .block-list-label.left {
+ margin-left: 0.8rem;
+ float: none; }
+
+.button, .button-group > li > a, .button-group > li > label, .button-group > li > button {
+ display: inline-block;
+ border: 0;
+ text-align: center;
+ line-height: 1;
+ cursor: pointer;
+ -webkit-appearance: none;
+ -webkit-font-smoothing: antialiased;
+ transition: background 0.25s ease-out;
+ vertical-align: middle;
+ padding: 0.85em 1em;
+ margin: 0 1rem 1rem 0;
+ font-size: 0.9rem;
+ border-radius: 0; }
+
+.button {
+ font-size: 0.9rem;
+ display: inline-block;
+ width: auto;
+ margin: 0 1rem 1rem 0;
+ background: #00558b;
+ color: #fff; }
+ .button .iconic {
+ width: 1em;
+ height: 1em;
+ vertical-align: middle;
+ margin-right: 0.25em;
+ margin-top: -2px; }
+ .button:hover, .button:focus {
+ background: #004876;
+ color: #fff; }
+ .button .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button.tiny {
+ font-size: 0.63rem; }
+ .button.tiny .iconic {
+ width: 1em;
+ height: 1em;
+ vertical-align: middle;
+ margin-right: 0.25em;
+ margin-top: -2px; }
+ .button.small {
+ font-size: 0.72rem; }
+ .button.small .iconic {
+ width: 1em;
+ height: 1em;
+ vertical-align: middle;
+ margin-right: 0.25em;
+ margin-top: -2px; }
+ .button.large {
+ font-size: 1.17rem; }
+ .button.large .iconic {
+ width: 1em;
+ height: 1em;
+ vertical-align: middle;
+ margin-right: 0.25em;
+ margin-top: -2px; }
+ .button.expand {
+ display: block;
+ width: 100%;
+ margin-left: 0;
+ margin-right: 0; }
+ .button.secondary {
+ background: #f1f1f1;
+ color: #000; }
+ .button.secondary:hover, .button.secondary:focus {
+ background: #cdcdcd;
+ color: #000; }
+ .button.secondary .iconic * {
+ fill: #000;
+ stroke: #000; }
+ .button.secondary .iconic *.iconic-property-accent {
+ fill: #000;
+ stroke: #000; }
+ .button.success {
+ background: #43AC6A;
+ color: #fff; }
+ .button.success:hover, .button.success:focus {
+ background: #39925a;
+ color: #fff; }
+ .button.success .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button.success .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button.warning {
+ background: #F08A24;
+ color: #fff; }
+ .button.warning:hover, .button.warning:focus {
+ background: #dc750f;
+ color: #fff; }
+ .button.warning .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button.warning .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button.alert {
+ background: #F04124;
+ color: #fff; }
+ .button.alert:hover, .button.alert:focus {
+ background: #dc2c0f;
+ color: #fff; }
+ .button.alert .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button.alert .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button.info {
+ background: #A0D3E8;
+ color: #000; }
+ .button.info:hover, .button.info:focus {
+ background: #71bddd;
+ color: #000; }
+ .button.info .iconic * {
+ fill: #000;
+ stroke: #000; }
+ .button.info .iconic *.iconic-property-accent {
+ fill: #000;
+ stroke: #000; }
+ .button.dark {
+ background: #232323;
+ color: #fff; }
+ .button.dark:hover, .button.dark:focus {
+ background: #1e1e1e;
+ color: #fff; }
+ .button.dark .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button.dark .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button.hollow {
+ border: 1px solid #00558b;
+ background: transparent;
+ color: #00558b; }
+ .button.hollow:hover, .button.hollow:focus {
+ border-color: #008ee8;
+ background: transparent;
+ color: #008ee8; }
+ .button.hollow .iconic * {
+ fill: #00558b;
+ stroke: #00558b; }
+ .button.hollow .iconic *.iconic-property-accent {
+ fill: #00558b;
+ stroke: #00558b; }
+ .button.hollow:hover .iconic * {
+ fill: #008ee8;
+ stroke: #008ee8; }
+ .button.hollow:hover .iconic *.iconic-property-accent {
+ fill: #008ee8;
+ stroke: #008ee8; }
+ .button.hollow.secondary {
+ border: 1px solid #f1f1f1;
+ background: transparent;
+ color: #f1f1f1; }
+ .button.hollow.secondary:hover, .button.hollow.secondary:focus {
+ border-color: #f4f4f4;
+ background: transparent;
+ color: #f4f4f4; }
+ .button.hollow.secondary .iconic * {
+ fill: #f1f1f1;
+ stroke: #f1f1f1; }
+ .button.hollow.secondary .iconic *.iconic-property-accent {
+ fill: #f1f1f1;
+ stroke: #f1f1f1; }
+ .button.hollow.secondary:hover .iconic * {
+ fill: #f4f4f4;
+ stroke: #f4f4f4; }
+ .button.hollow.secondary:hover .iconic *.iconic-property-accent {
+ fill: #f4f4f4;
+ stroke: #f4f4f4; }
+ .button.hollow.success {
+ border: 1px solid #43AC6A;
+ background: transparent;
+ color: #43AC6A; }
+ .button.hollow.success:hover, .button.hollow.success:focus {
+ border-color: #6dc68e;
+ background: transparent;
+ color: #6dc68e; }
+ .button.hollow.success .iconic * {
+ fill: #43AC6A;
+ stroke: #43AC6A; }
+ .button.hollow.success .iconic *.iconic-property-accent {
+ fill: #43AC6A;
+ stroke: #43AC6A; }
+ .button.hollow.success:hover .iconic * {
+ fill: #6dc68e;
+ stroke: #6dc68e; }
+ .button.hollow.success:hover .iconic *.iconic-property-accent {
+ fill: #6dc68e;
+ stroke: #6dc68e; }
+ .button.hollow.warning {
+ border: 1px solid #F08A24;
+ background: transparent;
+ color: #F08A24; }
+ .button.hollow.warning:hover, .button.hollow.warning:focus {
+ border-color: #f4a75b;
+ background: transparent;
+ color: #f4a75b; }
+ .button.hollow.warning .iconic * {
+ fill: #F08A24;
+ stroke: #F08A24; }
+ .button.hollow.warning .iconic *.iconic-property-accent {
+ fill: #F08A24;
+ stroke: #F08A24; }
+ .button.hollow.warning:hover .iconic * {
+ fill: #f4a75b;
+ stroke: #f4a75b; }
+ .button.hollow.warning:hover .iconic *.iconic-property-accent {
+ fill: #f4a75b;
+ stroke: #f4a75b; }
+ .button.hollow.alert {
+ border: 1px solid #F04124;
+ background: transparent;
+ color: #F04124; }
+ .button.hollow.alert:hover, .button.hollow.alert:focus {
+ border-color: #f4715b;
+ background: transparent;
+ color: #f4715b; }
+ .button.hollow.alert .iconic * {
+ fill: #F04124;
+ stroke: #F04124; }
+ .button.hollow.alert .iconic *.iconic-property-accent {
+ fill: #F04124;
+ stroke: #F04124; }
+ .button.hollow.alert:hover .iconic * {
+ fill: #f4715b;
+ stroke: #f4715b; }
+ .button.hollow.alert:hover .iconic *.iconic-property-accent {
+ fill: #f4715b;
+ stroke: #f4715b; }
+ .button.hollow.info {
+ border: 1px solid #A0D3E8;
+ background: transparent;
+ color: #A0D3E8; }
+ .button.hollow.info:hover, .button.hollow.info:focus {
+ border-color: #b8deee;
+ background: transparent;
+ color: #b8deee; }
+ .button.hollow.info .iconic * {
+ fill: #A0D3E8;
+ stroke: #A0D3E8; }
+ .button.hollow.info .iconic *.iconic-property-accent {
+ fill: #A0D3E8;
+ stroke: #A0D3E8; }
+ .button.hollow.info:hover .iconic * {
+ fill: #b8deee;
+ stroke: #b8deee; }
+ .button.hollow.info:hover .iconic *.iconic-property-accent {
+ fill: #b8deee;
+ stroke: #b8deee; }
+ .button.hollow.dark {
+ border: 1px solid #232323;
+ background: transparent;
+ color: #232323; }
+ .button.hollow.dark:hover, .button.hollow.dark:focus {
+ border-color: #5a5a5a;
+ background: transparent;
+ color: #5a5a5a; }
+ .button.hollow.dark .iconic * {
+ fill: #232323;
+ stroke: #232323; }
+ .button.hollow.dark .iconic *.iconic-property-accent {
+ fill: #232323;
+ stroke: #232323; }
+ .button.hollow.dark:hover .iconic * {
+ fill: #5a5a5a;
+ stroke: #5a5a5a; }
+ .button.hollow.dark:hover .iconic *.iconic-property-accent {
+ fill: #5a5a5a;
+ stroke: #5a5a5a; }
+ .button.disabled {
+ opacity: 0.5;
+ cursor: default;
+ pointer-events: none; }
+
+.button-group {
+ margin: 0;
+ margin-bottom: 1rem;
+ list-style-type: none;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ border-radius: 0;
+ overflow: hidden;
+ font-size: 0.9rem; }
+ .button-group > li {
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto; }
+ .button-group > li > a, .button-group > li > label, .button-group > li > button {
+ border-radius: 0;
+ font-size: inherit;
+ display: block;
+ margin: 0; }
+ .button-group > li > input + label {
+ margin-left: 0; }
+ .button-group > li:not(:last-child) > a, .button-group > li:not(:last-child) > label, .button-group > li:not(:last-child) > button {
+ border-right: 1px solid #004068; }
+ .button-group .iconic {
+ width: 1em;
+ height: 1em;
+ vertical-align: middle;
+ margin-right: 0.25em;
+ margin-top: -2px; }
+
+.button-group.segmented, .button-group.segmented.secondary, .button-group.segmented.success, .button-group.segmented.warning, .button-group.segmented.alert {
+ border: 1px solid #00558b;
+ transition-property: background color; }
+ .button-group.segmented > li > input[type="radio"] {
+ position: absolute;
+ left: -9999px; }
+ .button-group.segmented > li > a, .button-group.segmented.secondary > li > a, .button-group.segmented.success > li > a, .button-group.segmented.warning > li > a, .button-group.segmented.alert > li > a, .button-group.segmented > li > label, .button-group.segmented.secondary > li > label, .button-group.segmented.success > li > label, .button-group.segmented.warning > li > label, .button-group.segmented.alert > li > label, .button-group.segmented > li > button, .button-group.segmented.secondary > li > button, .button-group.segmented.success > li > button, .button-group.segmented.warning > li > button, .button-group.segmented.alert > li > button {
+ margin-right: 0;
+ background: transparent; }
+
+.button-group {
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ border-radius: 0; }
+ .button-group > li {
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto; }
+ .button-group > li > a, .button-group > li > label, .button-group > li > button {
+ background: #00558b;
+ color: #fff;
+ border-color: #004876; }
+ .button-group > li > a:hover, .button-group > li > a:focus, .button-group > li > label:hover, .button-group > li > label:focus, .button-group > li > button:hover, .button-group > li > button:focus {
+ background: #004876;
+ color: #fff; }
+ .button-group > li > a .iconic *, .button-group > li > label .iconic *, .button-group > li > button .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group > li > a .iconic *.iconic-property-accent, .button-group > li > label .iconic *.iconic-property-accent, .button-group > li > button .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group > li.is-active > a, .button-group > li.is-active > label, .button-group > li.is-active > button {
+ background: #004876; }
+ .button-group.secondary > li > a, .button-group.secondary > li > label, .button-group.secondary > li > button {
+ background: #f1f1f1;
+ color: #000;
+ border-color: #cdcdcd; }
+ .button-group.secondary > li > a:hover, .button-group.secondary > li > a:focus, .button-group.secondary > li > label:hover, .button-group.secondary > li > label:focus, .button-group.secondary > li > button:hover, .button-group.secondary > li > button:focus {
+ background: #cdcdcd;
+ color: #000; }
+ .button-group.secondary > li > a .iconic *, .button-group.secondary > li > label .iconic *, .button-group.secondary > li > button .iconic * {
+ fill: #000;
+ stroke: #000; }
+ .button-group.secondary > li > a .iconic *.iconic-property-accent, .button-group.secondary > li > label .iconic *.iconic-property-accent, .button-group.secondary > li > button .iconic *.iconic-property-accent {
+ fill: #000;
+ stroke: #000; }
+ .button-group.secondary > li.is-active > a, .button-group.secondary > li.is-active > label, .button-group.secondary > li.is-active > button {
+ background: #cdcdcd; }
+ .button-group.success > li > a, .button-group.success > li > label, .button-group.success > li > button {
+ background: #43AC6A;
+ color: #fff;
+ border-color: #39925a; }
+ .button-group.success > li > a:hover, .button-group.success > li > a:focus, .button-group.success > li > label:hover, .button-group.success > li > label:focus, .button-group.success > li > button:hover, .button-group.success > li > button:focus {
+ background: #39925a;
+ color: #fff; }
+ .button-group.success > li > a .iconic *, .button-group.success > li > label .iconic *, .button-group.success > li > button .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group.success > li > a .iconic *.iconic-property-accent, .button-group.success > li > label .iconic *.iconic-property-accent, .button-group.success > li > button .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group.success > li.is-active > a, .button-group.success > li.is-active > label, .button-group.success > li.is-active > button {
+ background: #39925a; }
+ .button-group.warning > li > a, .button-group.warning > li > label, .button-group.warning > li > button {
+ background: #F08A24;
+ color: #fff;
+ border-color: #dc750f; }
+ .button-group.warning > li > a:hover, .button-group.warning > li > a:focus, .button-group.warning > li > label:hover, .button-group.warning > li > label:focus, .button-group.warning > li > button:hover, .button-group.warning > li > button:focus {
+ background: #dc750f;
+ color: #fff; }
+ .button-group.warning > li > a .iconic *, .button-group.warning > li > label .iconic *, .button-group.warning > li > button .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group.warning > li > a .iconic *.iconic-property-accent, .button-group.warning > li > label .iconic *.iconic-property-accent, .button-group.warning > li > button .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group.warning > li.is-active > a, .button-group.warning > li.is-active > label, .button-group.warning > li.is-active > button {
+ background: #dc750f; }
+ .button-group.alert > li > a, .button-group.alert > li > label, .button-group.alert > li > button {
+ background: #F04124;
+ color: #fff;
+ border-color: #dc2c0f; }
+ .button-group.alert > li > a:hover, .button-group.alert > li > a:focus, .button-group.alert > li > label:hover, .button-group.alert > li > label:focus, .button-group.alert > li > button:hover, .button-group.alert > li > button:focus {
+ background: #dc2c0f;
+ color: #fff; }
+ .button-group.alert > li > a .iconic *, .button-group.alert > li > label .iconic *, .button-group.alert > li > button .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group.alert > li > a .iconic *.iconic-property-accent, .button-group.alert > li > label .iconic *.iconic-property-accent, .button-group.alert > li > button .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group.alert > li.is-active > a, .button-group.alert > li.is-active > label, .button-group.alert > li.is-active > button {
+ background: #dc2c0f; }
+ .button-group > li.secondary > a, .button-group > li.secondary > label, .button-group > li.secondary > button {
+ background: #f1f1f1;
+ color: #000;
+ border-color: #f1f1f1; }
+ .button-group > li.secondary > a:hover, .button-group > li.secondary > a:focus, .button-group > li.secondary > label:hover, .button-group > li.secondary > label:focus, .button-group > li.secondary > button:hover, .button-group > li.secondary > button:focus {
+ background: #cdcdcd;
+ color: #000; }
+ .button-group > li.secondary > a:hover, .button-group > li.secondary > a:focus, .button-group > li.secondary > label:hover, .button-group > li.secondary > label:focus, .button-group > li.secondary > button:hover, .button-group > li.secondary > button:focus {
+ border-color: #b5b5b5; }
+ .button-group > li.secondary > a .iconic *, .button-group > li.secondary > label .iconic *, .button-group > li.secondary > button .iconic * {
+ fill: #000;
+ stroke: #000; }
+ .button-group > li.secondary > a .iconic *.iconic-property-accent, .button-group > li.secondary > label .iconic *.iconic-property-accent, .button-group > li.secondary > button .iconic *.iconic-property-accent {
+ fill: #000;
+ stroke: #000; }
+ .button-group > li.success > a, .button-group > li.success > label, .button-group > li.success > button {
+ background: #43AC6A;
+ color: #fff;
+ border-color: #43AC6A; }
+ .button-group > li.success > a:hover, .button-group > li.success > a:focus, .button-group > li.success > label:hover, .button-group > li.success > label:focus, .button-group > li.success > button:hover, .button-group > li.success > button:focus {
+ background: #39925a;
+ color: #fff; }
+ .button-group > li.success > a:hover, .button-group > li.success > a:focus, .button-group > li.success > label:hover, .button-group > li.success > label:focus, .button-group > li.success > button:hover, .button-group > li.success > button:focus {
+ border-color: #32814f; }
+ .button-group > li.success > a .iconic *, .button-group > li.success > label .iconic *, .button-group > li.success > button .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group > li.success > a .iconic *.iconic-property-accent, .button-group > li.success > label .iconic *.iconic-property-accent, .button-group > li.success > button .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group > li.warning > a, .button-group > li.warning > label, .button-group > li.warning > button {
+ background: #F08A24;
+ color: #fff;
+ border-color: #F08A24; }
+ .button-group > li.warning > a:hover, .button-group > li.warning > a:focus, .button-group > li.warning > label:hover, .button-group > li.warning > label:focus, .button-group > li.warning > button:hover, .button-group > li.warning > button:focus {
+ background: #dc750f;
+ color: #fff; }
+ .button-group > li.warning > a:hover, .button-group > li.warning > a:focus, .button-group > li.warning > label:hover, .button-group > li.warning > label:focus, .button-group > li.warning > button:hover, .button-group > li.warning > button:focus {
+ border-color: #c2670d; }
+ .button-group > li.warning > a .iconic *, .button-group > li.warning > label .iconic *, .button-group > li.warning > button .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group > li.warning > a .iconic *.iconic-property-accent, .button-group > li.warning > label .iconic *.iconic-property-accent, .button-group > li.warning > button .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group > li.alert > a, .button-group > li.alert > label, .button-group > li.alert > button {
+ background: #F04124;
+ color: #fff;
+ border-color: #F04124; }
+ .button-group > li.alert > a:hover, .button-group > li.alert > a:focus, .button-group > li.alert > label:hover, .button-group > li.alert > label:focus, .button-group > li.alert > button:hover, .button-group > li.alert > button:focus {
+ background: #dc2c0f;
+ color: #fff; }
+ .button-group > li.alert > a:hover, .button-group > li.alert > a:focus, .button-group > li.alert > label:hover, .button-group > li.alert > label:focus, .button-group > li.alert > button:hover, .button-group > li.alert > button:focus {
+ border-color: #c2270d; }
+ .button-group > li.alert > a .iconic *, .button-group > li.alert > label .iconic *, .button-group > li.alert > button .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group > li.alert > a .iconic *.iconic-property-accent, .button-group > li.alert > label .iconic *.iconic-property-accent, .button-group > li.alert > button .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group.segmented {
+ border-color: #00558b; }
+ .button-group.segmented > li > a, .button-group.segmented > li > label, .button-group.segmented > li > button {
+ border-color: #00558b;
+ color: #00558b; }
+ .button-group.segmented > li > a:hover, .button-group.segmented > li > label:hover, .button-group.segmented > li > button:hover {
+ background: rgba(0, 85, 139, 0.25);
+ color: #00558b; }
+ .button-group.segmented > li > a .iconic *, .button-group.segmented > li > label .iconic *, .button-group.segmented > li > button .iconic * {
+ fill: #00558b;
+ stroke: #00558b; }
+ .button-group.segmented > li > a .iconic *.iconic-property-accent, .button-group.segmented > li > label .iconic *.iconic-property-accent, .button-group.segmented > li > button .iconic *.iconic-property-accent {
+ fill: #00558b;
+ stroke: #00558b; }
+ .button-group.segmented > li.is-active > a, .button-group.segmented > li.is-active > a:hover, .button-group.segmented > li > input:checked + label, .button-group.segmented > li > input:checked + label:hover {
+ background: #00558b;
+ color: #fff; }
+ .button-group.segmented > li.is-active > a .iconic *, .button-group.segmented > li > input:checked + label .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group.segmented > li.is-active > a .iconic *.iconic-property-accent, .button-group.segmented > li > input:checked + label .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group.segmented.secondary {
+ border-color: #f1f1f1; }
+ .button-group.segmented.secondary > li > a, .button-group.segmented.secondary > li > label, .button-group.segmented.secondary > li > button {
+ border-color: #f1f1f1;
+ color: #f1f1f1; }
+ .button-group.segmented.secondary > li > a:hover, .button-group.segmented.secondary > li > label:hover, .button-group.segmented.secondary > li > button:hover {
+ background: rgba(241, 241, 241, 0.25);
+ color: #f1f1f1; }
+ .button-group.segmented.secondary > li > a .iconic *, .button-group.segmented.secondary > li > label .iconic *, .button-group.segmented.secondary > li > button .iconic * {
+ fill: #f1f1f1;
+ stroke: #f1f1f1; }
+ .button-group.segmented.secondary > li > a .iconic *.iconic-property-accent, .button-group.segmented.secondary > li > label .iconic *.iconic-property-accent, .button-group.segmented.secondary > li > button .iconic *.iconic-property-accent {
+ fill: #f1f1f1;
+ stroke: #f1f1f1; }
+ .button-group.segmented.secondary > li.is-active > a, .button-group.segmented.secondary > li.is-active > a:hover, .button-group.segmented.secondary > li > input:checked + label, .button-group.segmented.secondary > li > input:checked + label:hover {
+ background: #f1f1f1;
+ color: #000; }
+ .button-group.segmented.secondary > li.is-active > a .iconic *, .button-group.segmented.secondary > li > input:checked + label .iconic * {
+ fill: #000;
+ stroke: #000; }
+ .button-group.segmented.secondary > li.is-active > a .iconic *.iconic-property-accent, .button-group.segmented.secondary > li > input:checked + label .iconic *.iconic-property-accent {
+ fill: #000;
+ stroke: #000; }
+ .button-group.segmented.success {
+ border-color: #43AC6A; }
+ .button-group.segmented.success > li > a, .button-group.segmented.success > li > label, .button-group.segmented.success > li > button {
+ border-color: #43AC6A;
+ color: #43AC6A; }
+ .button-group.segmented.success > li > a:hover, .button-group.segmented.success > li > label:hover, .button-group.segmented.success > li > button:hover {
+ background: rgba(67, 172, 106, 0.25);
+ color: #43AC6A; }
+ .button-group.segmented.success > li > a .iconic *, .button-group.segmented.success > li > label .iconic *, .button-group.segmented.success > li > button .iconic * {
+ fill: #43AC6A;
+ stroke: #43AC6A; }
+ .button-group.segmented.success > li > a .iconic *.iconic-property-accent, .button-group.segmented.success > li > label .iconic *.iconic-property-accent, .button-group.segmented.success > li > button .iconic *.iconic-property-accent {
+ fill: #43AC6A;
+ stroke: #43AC6A; }
+ .button-group.segmented.success > li.is-active > a, .button-group.segmented.success > li.is-active > a:hover, .button-group.segmented.success > li > input:checked + label, .button-group.segmented.success > li > input:checked + label:hover {
+ background: #43AC6A;
+ color: #fff; }
+ .button-group.segmented.success > li.is-active > a .iconic *, .button-group.segmented.success > li > input:checked + label .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group.segmented.success > li.is-active > a .iconic *.iconic-property-accent, .button-group.segmented.success > li > input:checked + label .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group.segmented.warning {
+ border-color: #F08A24; }
+ .button-group.segmented.warning > li > a, .button-group.segmented.warning > li > label, .button-group.segmented.warning > li > button {
+ border-color: #F08A24;
+ color: #F08A24; }
+ .button-group.segmented.warning > li > a:hover, .button-group.segmented.warning > li > label:hover, .button-group.segmented.warning > li > button:hover {
+ background: rgba(240, 138, 36, 0.25);
+ color: #F08A24; }
+ .button-group.segmented.warning > li > a .iconic *, .button-group.segmented.warning > li > label .iconic *, .button-group.segmented.warning > li > button .iconic * {
+ fill: #F08A24;
+ stroke: #F08A24; }
+ .button-group.segmented.warning > li > a .iconic *.iconic-property-accent, .button-group.segmented.warning > li > label .iconic *.iconic-property-accent, .button-group.segmented.warning > li > button .iconic *.iconic-property-accent {
+ fill: #F08A24;
+ stroke: #F08A24; }
+ .button-group.segmented.warning > li.is-active > a, .button-group.segmented.warning > li.is-active > a:hover, .button-group.segmented.warning > li > input:checked + label, .button-group.segmented.warning > li > input:checked + label:hover {
+ background: #F08A24;
+ color: #fff; }
+ .button-group.segmented.warning > li.is-active > a .iconic *, .button-group.segmented.warning > li > input:checked + label .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group.segmented.warning > li.is-active > a .iconic *.iconic-property-accent, .button-group.segmented.warning > li > input:checked + label .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group.segmented.alert {
+ border-color: #F04124; }
+ .button-group.segmented.alert > li > a, .button-group.segmented.alert > li > label, .button-group.segmented.alert > li > button {
+ border-color: #F04124;
+ color: #F04124; }
+ .button-group.segmented.alert > li > a:hover, .button-group.segmented.alert > li > label:hover, .button-group.segmented.alert > li > button:hover {
+ background: rgba(240, 65, 36, 0.25);
+ color: #F04124; }
+ .button-group.segmented.alert > li > a .iconic *, .button-group.segmented.alert > li > label .iconic *, .button-group.segmented.alert > li > button .iconic * {
+ fill: #F04124;
+ stroke: #F04124; }
+ .button-group.segmented.alert > li > a .iconic *.iconic-property-accent, .button-group.segmented.alert > li > label .iconic *.iconic-property-accent, .button-group.segmented.alert > li > button .iconic *.iconic-property-accent {
+ fill: #F04124;
+ stroke: #F04124; }
+ .button-group.segmented.alert > li.is-active > a, .button-group.segmented.alert > li.is-active > a:hover, .button-group.segmented.alert > li > input:checked + label, .button-group.segmented.alert > li > input:checked + label:hover {
+ background: #F04124;
+ color: #fff; }
+ .button-group.segmented.alert > li.is-active > a .iconic *, .button-group.segmented.alert > li > input:checked + label .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group.segmented.alert > li.is-active > a .iconic *.iconic-property-accent, .button-group.segmented.alert > li > input:checked + label .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .button-group.tiny {
+ font-size: 0.63rem; }
+ .button-group.small {
+ font-size: 0.72rem; }
+ .button-group.large {
+ font-size: 1.17rem; }
+ .button-group.expand {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex; }
+ .button-group.expand > li {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+ .button-group.expand > li > a, .button-group.expand > li > label, .button-group.expand > li > button {
+ display: block;
+ width: 100%;
+ margin-left: 0;
+ margin-right: 0; }
+ .button-group li.disabled > a, .button-group li.disabled > label, .button-group li.disabled > button {
+ opacity: 0.5;
+ cursor: default;
+ pointer-events: none; }
+
+/*
+ Cards
+
+ Structure:
+
+ titles
+ lists
+*/
+.card {
+ border: 1px solid #ededed;
+ margin-bottom: 0.5rem;
+ background: #fff;
+ color: #000;
+ border-radius: 4px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+ overflow: hidden; }
+ .card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
+ color: inherit; }
+ .card ul {
+ margin-bottom: 0; }
+ .card img {
+ width: 100%; }
+ .card.primary {
+ border: 0;
+ margin-bottom: 0.5rem;
+ background: #00558b;
+ color: #fff;
+ border-radius: 4px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+ overflow: hidden; }
+ .card.primary h1, .card.primary h2, .card.primary h3, .card.primary h4, .card.primary h5, .card.primary h6 {
+ color: inherit; }
+ .card.primary ul {
+ margin-bottom: 0; }
+ .card.primary img {
+ width: 100%; }
+ .card.primary .card-divider {
+ background: #0065a5;
+ padding: 1rem; }
+ .card.success {
+ border: 0;
+ margin-bottom: 0.5rem;
+ background: #43AC6A;
+ color: #fff;
+ border-radius: 4px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+ overflow: hidden; }
+ .card.success h1, .card.success h2, .card.success h3, .card.success h4, .card.success h5, .card.success h6 {
+ color: inherit; }
+ .card.success ul {
+ margin-bottom: 0; }
+ .card.success img {
+ width: 100%; }
+ .card.success .card-divider {
+ background: #4ab873;
+ padding: 1rem; }
+ .card.warning {
+ border: 0;
+ margin-bottom: 0.5rem;
+ background: #F08A24;
+ color: #fff;
+ border-radius: 4px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+ overflow: hidden; }
+ .card.warning h1, .card.warning h2, .card.warning h3, .card.warning h4, .card.warning h5, .card.warning h6 {
+ color: inherit; }
+ .card.warning ul {
+ margin-bottom: 0; }
+ .card.warning img {
+ width: 100%; }
+ .card.warning .card-divider {
+ background: #f19233;
+ padding: 1rem; }
+ .card.alert {
+ border: 0;
+ margin-bottom: 0.5rem;
+ background: #F04124;
+ color: #fff;
+ border-radius: 4px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+ overflow: hidden; }
+ .card.alert h1, .card.alert h2, .card.alert h3, .card.alert h4, .card.alert h5, .card.alert h6 {
+ color: inherit; }
+ .card.alert ul {
+ margin-bottom: 0; }
+ .card.alert img {
+ width: 100%; }
+ .card.alert .card-divider {
+ background: #f14e33;
+ padding: 1rem; }
+ .card.dark {
+ border: 0;
+ margin-bottom: 0.5rem;
+ background: #232323;
+ color: #fff;
+ border-radius: 4px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+ overflow: hidden; }
+ .card.dark h1, .card.dark h2, .card.dark h3, .card.dark h4, .card.dark h5, .card.dark h6 {
+ color: inherit; }
+ .card.dark ul {
+ margin-bottom: 0; }
+ .card.dark img {
+ width: 100%; }
+ .card.dark .card-divider {
+ background: #323232;
+ padding: 1rem; }
+
+.card-divider {
+ background: #ededed;
+ padding: 1rem; }
+
+.card-section {
+ padding: 1rem; }
+
+/*
+ Odds and ends.
+*/
+.close-button {
+ position: absolute;
+ color: #999;
+ top: 1rem;
+ right: 1rem;
+ font-size: 2em;
+ line-height: 0.5;
+ cursor: pointer; }
+ .close-button:hover {
+ color: #333; }
+
+.thumbnail, ul.thumbnails > li img {
+ padding: 0.5rem;
+ box-shadow: 0 3px 15px rgba(0, 0, 0, 0.25); }
+
+ul.thumbnails > li {
+ margin-bottom: 1rem; }
+ ul.thumbnails > li a {
+ display: block; }
+
+/*
+ FORMS
+ -----
+
+ Our form styles include basic resets for text fields, select menus, and so on, along with some of our own custom components.
+
+ Includes:
+ - Text fields
+ - Text areas
+ - Select menus
+ - Checkboxes and radio buttons
+ - Range slider
+ - Progress bars and meters
+*/
+input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ display: block;
+ width: 100%;
+ height: 2.4rem;
+ padding: 0.5rem;
+ margin: 0 0 1rem 0;
+ border: 1px solid #ccc;
+ border-radius: 0;
+ background: #fff;
+ color: #000;
+ font-size: 1rem;
+ -webkit-font-smoothing: antialiased;
+ vertical-align: middle; }
+ input[type="text"]:hover, input[type="password"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="week"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="color"]:hover, textarea:hover {
+ border: 1px solid #bbb;
+ background: #fff;
+ color: #000; }
+ input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
+ outline: 0;
+ border: 1px solid #999;
+ background: #fff;
+ color: #000; }
+ label > input[type="text"], label > input[type="password"], label > input[type="date"], label > input[type="datetime"], label > input[type="datetime-local"], label > input[type="month"], label > input[type="week"], label > input[type="email"], label > input[type="number"], label > input[type="search"], label > input[type="tel"], label > input[type="time"], label > input[type="url"], label > input[type="color"], label > textarea {
+ margin-top: 0.5rem; }
+
+input[type="search"] {
+ box-sizing: border-box; }
+
+input.disabled, input[disabled], input[readonly], fieldset[disabled] input {
+ cursor: false; }
+ input.disabled, input.disabled:hover, input[disabled], input[disabled]:hover, input[readonly], input[readonly]:hover, fieldset[disabled] input, fieldset[disabled] input:hover {
+ background-color: #f2f2f2; }
+
+label {
+ display: block;
+ font-size: 0.9rem;
+ margin-bottom: 0.5rem;
+ color: #333; }
+ label > input, label > textarea {
+ margin-top: 0.5rem; }
+
+input[type="checkbox"], input[type="radio"] {
+ width: 1rem;
+ height: 1rem; }
+ label > input[type="checkbox"], label > input[type="radio"] {
+ margin-right: 0.25rem; }
+ input[type="checkbox"] + label, input[type="radio"] + label {
+ display: inline-block;
+ margin-left: 0.5rem;
+ margin-right: 1rem;
+ margin-bottom: 0;
+ vertical-align: baseline; }
+
+.inline-label {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-flow: row nowrap;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ margin-bottom: 1rem; }
+ label > .inline-label {
+ margin-top: 0.5rem; }
+ .inline-label > input, .inline-label > select {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ margin: 0; }
+ .inline-label > .form-label {
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ background: #eee;
+ color: #333;
+ border: 1px solid #ccc;
+ padding: 0 0.5rem;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .inline-label > .form-label:first-child {
+ border-right: 0; }
+ .inline-label > .form-label:last-child {
+ border-left: 0; }
+ .inline-label > a, .inline-label > button, .inline-label > input[type="button"], .inline-label > input[type="submit"] {
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-top: 0;
+ padding-bottom: 0;
+ margin: 0;
+ border-radius: 0; }
+
+textarea {
+ height: auto;
+ width: 100%;
+ min-height: 50px; }
+
+select {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ display: block;
+ width: 100%;
+ height: 2.4rem;
+ padding: 0.5rem;
+ margin: 0 0 1rem 0;
+ font-size: 1rem;
+ color: #000;
+ border-radius: 0;
+ border: 1px solid #ccc;
+ background: #fafafa url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: black"></polygon></svg>') right 10px center no-repeat;
+ background-size: 8px 8px;
+ padding-right: 1.625rem; }
+ select:hover {
+ background-color: #f0f0f0; }
+ select:focus {
+ outline: 0; }
+ select::-ms-expand {
+ display: none; }
+
+input[type="range"] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ display: block;
+ width: 100%;
+ height: auto;
+ cursor: pointer;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+ border: 0;
+ line-height: 1; }
+ input[type="range"]:focus {
+ outline: 0; }
+ input[type="range"]::-webkit-slider-runnable-track {
+ height: 1rem;
+ background: #ddd; }
+ input[type="range"]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ background: #00558b;
+ width: 1.5rem;
+ height: 1.5rem;
+ margin-top: -0.25rem; }
+ input[type="range"]::-moz-range-track {
+ -moz-appearance: none;
+ height: 1rem;
+ background: #ccc; }
+ input[type="range"]::-moz-range-thumb {
+ -moz-appearance: none;
+ background: #00558b;
+ width: 1.5rem;
+ height: 1.5rem;
+ margin-top: -0.25rem; }
+ input[type="range"]::-ms-track {
+ height: 1rem;
+ background: #ddd;
+ color: transparent;
+ border: 0;
+ overflow: visible;
+ border-top: 0.25rem solid #fff;
+ border-bottom: 0.25rem solid #fff; }
+ input[type="range"]::-ms-thumb {
+ background: #00558b;
+ width: 1.5rem;
+ height: 1.5rem;
+ border: 0; }
+ input[type="range"]::-ms-fill-lower, input[type="range"]::-ms-fill-upper {
+ background: #ddd; }
+
+output {
+ line-height: 1.5rem;
+ vertical-align: middle;
+ margin-left: 0.5em; }
+
+input[type="number"]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ background: #00558b; }
+
+progress, meter {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ display: block;
+ width: 100%;
+ height: 1.5rem;
+ margin-bottom: 1rem;
+ background: #ccc;
+ border: 0; }
+
+progress::-webkit-progress-bar {
+ background: #ccc; }
+progress::-webkit-progress-value {
+ background: #00558b; }
+progress::-moz-progress-bar {
+ background: #00558b; }
+progress.high::-webkit-progress-value {
+ background: #43AC6A; }
+progress.high::-moz-progress-bar {
+ background: #43AC6A; }
+progress.medium::-webkit-progress-value {
+ background: #e7cf00; }
+progress.medium::-moz-progress-bar {
+ background: #e7cf00; }
+progress.low::-webkit-progress-value {
+ background: #F04124; }
+progress.low::-moz-progress-bar {
+ background: #F04124; }
+
+meter {
+ background: #ccc; }
+ meter::-webkit-meter-bar {
+ background: #ccc; }
+ meter::-webkit-meter-optimum-value {
+ background: #43AC6A; }
+ meter::-webkit-meter-suboptimum-value {
+ background: #e7cf00; }
+ meter::-webkit-meter-even-less-good-value {
+ background: #F04124; }
+ meter::-moz-meter-bar {
+ background: #00558b; }
+ meter:-moz-meter-optimum::-moz-meter-bar {
+ background: #43AC6A; }
+ meter:-moz-meter-sub-optimum::-moz-meter-bar {
+ background: #e7cf00; }
+ meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
+ background: #F04124; }
+
+/*
+ PANEL
+ -----
+
+ The friendly panel is an all-purpose container for hiding content off-screen.
+
+ Features:
+ - Position at top, right, bottom, or left
+ - Anchor to grid block or window
+ - Define max width or height
+ - Transform into grid block depending on screen size
+*/
+.panel {
+ display: block;
+ position: absolute;
+ z-index: 100;
+ overflow-y: auto;
+ display: none; }
+ .is-active.panel {
+ display: block; }
+
+.panel {
+ /*
+ Basic styles
+ */
+ padding: 0;
+ background: #fff; }
+
+.panel-top {
+ /*
+ Direction
+ */
+ top: 0;
+ left: 0;
+ width: 100%;
+ /*
+ Sizing
+ */
+ height: 300px;
+ /*
+ Shadows
+ */ }
+ .panel-top.is-active {
+ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); }
+
+.panel-right {
+ /*
+ Direction
+ */
+ top: 0;
+ right: 0;
+ height: 100%;
+ /*
+ Sizing
+ */
+ width: 100%;
+ /*
+ Shadows
+ */ }
+ @media only screen and (min-width: 18.75em) {
+ .panel-right {
+ width: 300px; } }
+ .panel-right.is-active {
+ box-shadow: -3px 0 10px rgba(0, 0, 0, 0.25); }
+
+.panel-bottom {
+ /*
+ Direction
+ */
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ /*
+ Sizing
+ */
+ height: 300px;
+ /*
+ Shadows
+ */ }
+ .panel-bottom.is-active {
+ box-shadow: 2px -3px 10px rgba(0, 0, 0, 0.25); }
+
+.panel-left {
+ /*
+ Direction
+ */
+ top: 0;
+ left: 0;
+ height: 100%;
+ /*
+ Sizing
+ */
+ width: 100%;
+ /*
+ Shadows
+ */ }
+ @media only screen and (min-width: 18.75em) {
+ .panel-left {
+ width: 300px; } }
+ .panel-left.is-active {
+ box-shadow: 3px 0 10px rgba(0, 0, 0, 0.25); }
+
+.panel-fixed {
+ position: fixed; }
+
+/*
+ THE GRID
+ --------
+
+ Foundation's magical, flexbox-powered grid.
+
+ Features:
+ - Horizontal or vertical grids
+ - Auto-sizing or percentage width grid blocks
+ - Independently-scrollable blocks
+ - Column alignment
+ - Source ordering
+ - Offsets
+*/
+/*
+ Define the size of a grid block. Blocks are flex items. By default, they stretch to fill all available space, based on the size of sibling blocks. This is the "expand" behavior.
+
+ If set to "shrink", the block will contract and only fill as much space as it needs for its content.
+
+ If set to a number, the block will be given a percentage width, based on the total number of columns (12 by default). Percentage widths don't work if a block is inside a vertical grid.
+
+ @group grid
+
+ @param {number|string} $size - Sizing behavior of the block. Should be expand, shrink, or a number.
+
+ @output The flex-basis, flex-grow, and flex-shrink properties.
+*/
+/*
+ Set the orientation of blocks within this block. The grid is re-oriented by changing the flex direction of the block.
+
+ @group grid
+
+ @param {string} $orientation - Direction of the grid, either horizontal or vertical.
+
+ @output A flex-flow property to match the direction given.
+*/
+/*
+ Stretch a grid's child blocks across its cross-axis, making every column appear to have the same height.
+
+ @group grid
+
+ @param {bool} $stretch - Stretch blocks if true, or align blocks to top if false.
+
+ @output Sets align-items to "stretch" if $stretch is true, or "flex-start" (the default value) if false.
+*/
+/*
+ Set the alignment of blocks within a grid.
+
+ left: Items align to the left.
+ right: Items align to the right.
+ center: Items align to the center.
+ justify: Items are spaced equally apart so they occupy the space of the entire grid.
+ spaced: Items are given equal space to their left and right.
+
+ @group grid
+
+ @param {string} $align - Alignment to use.
+
+ @output An appropriate justify-content value.
+*/
+/*
+ Set the source order of a block. Items with lower numbers appear first. If multiple items have the same number, the one in the HTML first will appear first.
+
+ @group grid
+
+ @param {number} $order - Position in source order.
+
+ @output An order property.
+*/
+/*
+ Collapse a content block by removing the padding.
+
+ @group grid
+
+ @param {bool} $collapse - Collapses the block if true.
+
+ @output A padding value.
+
+ @todo No way to reverse collapse using this mixin. Solution:
+ - If true, add padding: 0;
+ - If false, add padding: 1rem;
+ - If null, add nothing, to cut down on CSS output
+ - Make null the default value
+*/
+/*
+ Constrain the size of a block to the size of the average grid row, and center-align it. This imitates the behavior of ordinary Foundation rows.
+
+ @group grid
+
+ @param {bool} $container - Adds container styles if true.
+
+ @output A maximum width and the good old margin: 0 auto for center alignment.
+*/
+/*
+ Add negative margins to a block, equal to the padding of a content block. This aligns the edges of a block nested inside a content block.
+
+ @group grid
+
+ @param {bool} $nest - Adds negative margins if true.
+
+ @output Negative margin values.
+*/
+/*
+ Offset a block by adding a left margin.
+
+ @group grid
+
+ @param {number | bool} $offset - If false, nothing is output. If a number, offsets the column by the specified number of columns.
+
+ @output A left margin based on the number of columns specified, and the global number of columns.
+*/
+/*
+ Resets styles set by panels. Use this when a panel transforms into a block on larger screens.
+
+ @group grid
+
+ @output Resets to transform, position, and a few visual styles.
+*/
+/*
+ Frames are containers that stretch to the full dimmensions of the browser window.
+*/
+/*
+ Groups are collections of content items. They're the "rows" of Foundation for Apps.
+*/
+/*
+ Blocks are containers for actual content. They're the "columns" of Foundation for Apps.
+*/
+.vertical.grid-frame, .vertical.grid-block, .vertical.small-grid-block, .vertical.medium-grid-block, .vertical.large-grid-block {
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+.small-vertical.grid-frame, .small-vertical.grid-block, .small-vertical.small-grid-block, .small-vertical.medium-grid-block, .small-vertical.large-grid-block {
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+.small-horizontal.grid-frame, .small-horizontal.grid-block, .small-horizontal.small-grid-block, .small-horizontal.medium-grid-block, .small-horizontal.large-grid-block {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap; }
+@media only screen and (min-width: 40em) {
+ .medium-vertical.grid-frame, .medium-vertical.grid-block, .medium-vertical.small-grid-block, .medium-vertical.medium-grid-block, .medium-vertical.large-grid-block {
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+ .medium-horizontal.grid-frame, .medium-horizontal.grid-block, .medium-horizontal.small-grid-block, .medium-horizontal.medium-grid-block, .medium-horizontal.large-grid-block {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap; } }
+@media only screen and (min-width: 75em) {
+ .large-vertical.grid-frame, .large-vertical.grid-block, .large-vertical.small-grid-block, .large-vertical.medium-grid-block, .large-vertical.large-grid-block {
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+ .large-horizontal.grid-frame, .large-horizontal.grid-block, .large-horizontal.small-grid-block, .large-horizontal.medium-grid-block, .large-horizontal.large-grid-block {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap; } }
+.align-right.grid-frame, .align-right.grid-block, .align-right.small-grid-block, .align-right.medium-grid-block, .align-right.large-grid-block {
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end; }
+.align-center.grid-frame, .align-center.grid-block, .align-center.small-grid-block, .align-center.medium-grid-block, .align-center.large-grid-block {
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+.align-justify.grid-frame, .align-justify.grid-block, .align-justify.small-grid-block, .align-justify.medium-grid-block, .align-justify.large-grid-block {
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between; }
+.align-spaced.grid-frame, .align-spaced.grid-block, .align-spaced.small-grid-block, .align-spaced.medium-grid-block, .align-spaced.large-grid-block {
+ -webkit-justify-content: space-around;
+ -ms-flex-pack: distribute;
+ justify-content: space-around; }
+.wrap.grid-frame, .wrap.grid-block, .wrap.small-grid-block, .wrap.medium-grid-block, .wrap.large-grid-block {
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start; }
+
+.shrink.grid-block, .shrink.grid-content, .shrink.small-grid-block, .shrink.small-grid-content, .shrink.medium-grid-block, .shrink.medium-grid-content, .shrink.large-grid-block, .shrink.large-grid-content {
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto; }
+.noscroll.grid-block, .noscroll.grid-content, .noscroll.small-grid-block, .noscroll.small-grid-content, .noscroll.medium-grid-block, .noscroll.medium-grid-content, .noscroll.large-grid-block, .noscroll.large-grid-content {
+ overflow: hidden; }
+
+.grid-frame {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ height: 100vh;
+ position: relative;
+ overflow: hidden;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0; }
+
+.grid-block {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ height: 100vh;
+ position: relative;
+ overflow: hidden;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ height: auto;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar; }
+
+.grid-content {
+ display: block;
+ padding: 0 1rem;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto; }
+ .grid-content.collapse {
+ padding: 0; }
+ .grid-content .grid-block {
+ margin-left: -1rem;
+ margin-right: -1rem;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ overflow: visible; }
+ .grid-content .grid-block.nowrap {
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+ .grid-content .grid-block .grid-content {
+ overflow: visible; }
+
+.grid-container {
+ max-width: 56.25rem;
+ margin: 0 auto; }
+ .grid-container.contain-left {
+ max-width: 56.25rem;
+ margin: 0 auto 0 0; }
+ .grid-container.contain-right {
+ max-width: 56.25rem;
+ margin: 0 0 0 auto; }
+
+.small-grid-block {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ height: 100vh;
+ position: relative;
+ overflow: hidden;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ height: auto;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar; }
+ .small-grid-block.panel {
+ -webkit-transform: none;
+ transform: none;
+ position: relative;
+ width: auto;
+ height: auto;
+ z-index: auto;
+ box-shadow: none;
+ background: transparent;
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto; }
+
+.small-grid-content {
+ display: block;
+ padding: 0 1rem;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto; }
+ .small-grid-content.panel {
+ -webkit-transform: none;
+ transform: none;
+ position: relative;
+ width: auto;
+ height: auto;
+ z-index: auto;
+ box-shadow: none;
+ background: transparent;
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto; }
+
+@media only screen and (min-width: 40em) {
+ .medium-grid-block {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ height: 100vh;
+ position: relative;
+ overflow: hidden;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ height: auto;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar; }
+ .medium-grid-block.panel {
+ -webkit-transform: none;
+ transform: none;
+ position: relative;
+ width: auto;
+ height: auto;
+ z-index: auto;
+ box-shadow: none;
+ background: transparent;
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-grid-content {
+ display: block;
+ padding: 0 1rem;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto; }
+ .medium-grid-content.panel {
+ -webkit-transform: none;
+ transform: none;
+ position: relative;
+ width: auto;
+ height: auto;
+ z-index: auto;
+ box-shadow: none;
+ background: transparent;
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto; } }
+
+@media only screen and (min-width: 75em) {
+ .large-grid-block {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ height: 100vh;
+ position: relative;
+ overflow: hidden;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ height: auto;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar; }
+ .large-grid-block.panel {
+ -webkit-transform: none;
+ transform: none;
+ position: relative;
+ width: auto;
+ height: auto;
+ z-index: auto;
+ box-shadow: none;
+ background: transparent;
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto; } }
+
+@media only screen and (min-width: 75em) {
+ .large-grid-content {
+ display: block;
+ padding: 0 1rem;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto; }
+ .large-grid-content.panel {
+ -webkit-transform: none;
+ transform: none;
+ position: relative;
+ width: auto;
+ height: auto;
+ z-index: auto;
+ box-shadow: none;
+ background: transparent;
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto; } }
+
+.order-1 {
+ -webkit-order: 1;
+ -ms-flex-order: 1;
+ order: 1; }
+
+.order-2 {
+ -webkit-order: 2;
+ -ms-flex-order: 2;
+ order: 2; }
+
+.order-3 {
+ -webkit-order: 3;
+ -ms-flex-order: 3;
+ order: 3; }
+
+.order-4 {
+ -webkit-order: 4;
+ -ms-flex-order: 4;
+ order: 4; }
+
+.order-5 {
+ -webkit-order: 5;
+ -ms-flex-order: 5;
+ order: 5; }
+
+.order-6 {
+ -webkit-order: 6;
+ -ms-flex-order: 6;
+ order: 6; }
+
+.order-7 {
+ -webkit-order: 7;
+ -ms-flex-order: 7;
+ order: 7; }
+
+.order-8 {
+ -webkit-order: 8;
+ -ms-flex-order: 8;
+ order: 8; }
+
+.order-9 {
+ -webkit-order: 9;
+ -ms-flex-order: 9;
+ order: 9; }
+
+.order-10 {
+ -webkit-order: 10;
+ -ms-flex-order: 10;
+ order: 10; }
+
+.order-11 {
+ -webkit-order: 11;
+ -ms-flex-order: 11;
+ order: 11; }
+
+.order-12 {
+ -webkit-order: 12;
+ -ms-flex-order: 12;
+ order: 12; }
+
+.small-1 {
+ -webkit-flex: 0 0 8.33333%;
+ -ms-flex: 0 0 8.33333%;
+ flex: 0 0 8.33333%;
+ max-width: 8.33333%; }
+
+.small-order-1 {
+ -webkit-order: 1;
+ -ms-flex-order: 1;
+ order: 1; }
+
+.small-offset-1 {
+ margin-left: 8.33333%; }
+
+.small-up-1 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .small-up-1 > li, .small-up-1 > div, .small-up-1 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%; }
+
+.small-2 {
+ -webkit-flex: 0 0 16.66667%;
+ -ms-flex: 0 0 16.66667%;
+ flex: 0 0 16.66667%;
+ max-width: 16.66667%; }
+
+.small-order-2 {
+ -webkit-order: 2;
+ -ms-flex-order: 2;
+ order: 2; }
+
+.small-offset-2 {
+ margin-left: 16.66667%; }
+
+.small-up-2 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .small-up-2 > li, .small-up-2 > div, .small-up-2 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%; }
+
+.small-3 {
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%; }
+
+.small-order-3 {
+ -webkit-order: 3;
+ -ms-flex-order: 3;
+ order: 3; }
+
+.small-offset-3 {
+ margin-left: 25%; }
+
+.small-up-3 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .small-up-3 > li, .small-up-3 > div, .small-up-3 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 33.33333%;
+ -ms-flex: 0 0 33.33333%;
+ flex: 0 0 33.33333%; }
+
+.small-4 {
+ -webkit-flex: 0 0 33.33333%;
+ -ms-flex: 0 0 33.33333%;
+ flex: 0 0 33.33333%;
+ max-width: 33.33333%; }
+
+.small-order-4 {
+ -webkit-order: 4;
+ -ms-flex-order: 4;
+ order: 4; }
+
+.small-offset-4 {
+ margin-left: 33.33333%; }
+
+.small-up-4 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .small-up-4 > li, .small-up-4 > div, .small-up-4 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%; }
+
+.small-5 {
+ -webkit-flex: 0 0 41.66667%;
+ -ms-flex: 0 0 41.66667%;
+ flex: 0 0 41.66667%;
+ max-width: 41.66667%; }
+
+.small-order-5 {
+ -webkit-order: 5;
+ -ms-flex-order: 5;
+ order: 5; }
+
+.small-offset-5 {
+ margin-left: 41.66667%; }
+
+.small-up-5 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .small-up-5 > li, .small-up-5 > div, .small-up-5 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 20%;
+ -ms-flex: 0 0 20%;
+ flex: 0 0 20%; }
+
+.small-6 {
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%; }
+
+.small-order-6 {
+ -webkit-order: 6;
+ -ms-flex-order: 6;
+ order: 6; }
+
+.small-offset-6 {
+ margin-left: 50%; }
+
+.small-up-6 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .small-up-6 > li, .small-up-6 > div, .small-up-6 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 16.66667%;
+ -ms-flex: 0 0 16.66667%;
+ flex: 0 0 16.66667%; }
+
+.small-7 {
+ -webkit-flex: 0 0 58.33333%;
+ -ms-flex: 0 0 58.33333%;
+ flex: 0 0 58.33333%;
+ max-width: 58.33333%; }
+
+.small-order-7 {
+ -webkit-order: 7;
+ -ms-flex-order: 7;
+ order: 7; }
+
+.small-offset-7 {
+ margin-left: 58.33333%; }
+
+.small-up-7 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .small-up-7 > li, .small-up-7 > div, .small-up-7 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 14.28571%;
+ -ms-flex: 0 0 14.28571%;
+ flex: 0 0 14.28571%; }
+
+.small-8 {
+ -webkit-flex: 0 0 66.66667%;
+ -ms-flex: 0 0 66.66667%;
+ flex: 0 0 66.66667%;
+ max-width: 66.66667%; }
+
+.small-order-8 {
+ -webkit-order: 8;
+ -ms-flex-order: 8;
+ order: 8; }
+
+.small-offset-8 {
+ margin-left: 66.66667%; }
+
+.small-up-8 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .small-up-8 > li, .small-up-8 > div, .small-up-8 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 12.5%;
+ -ms-flex: 0 0 12.5%;
+ flex: 0 0 12.5%; }
+
+.small-9 {
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%; }
+
+.small-order-9 {
+ -webkit-order: 9;
+ -ms-flex-order: 9;
+ order: 9; }
+
+.small-offset-9 {
+ margin-left: 75%; }
+
+.small-up-9 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .small-up-9 > li, .small-up-9 > div, .small-up-9 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 11.11111%;
+ -ms-flex: 0 0 11.11111%;
+ flex: 0 0 11.11111%; }
+
+.small-10 {
+ -webkit-flex: 0 0 83.33333%;
+ -ms-flex: 0 0 83.33333%;
+ flex: 0 0 83.33333%;
+ max-width: 83.33333%; }
+
+.small-order-10 {
+ -webkit-order: 10;
+ -ms-flex-order: 10;
+ order: 10; }
+
+.small-offset-10 {
+ margin-left: 83.33333%; }
+
+.small-up-10 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .small-up-10 > li, .small-up-10 > div, .small-up-10 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 10%;
+ -ms-flex: 0 0 10%;
+ flex: 0 0 10%; }
+
+.small-11 {
+ -webkit-flex: 0 0 91.66667%;
+ -ms-flex: 0 0 91.66667%;
+ flex: 0 0 91.66667%;
+ max-width: 91.66667%; }
+
+.small-order-11 {
+ -webkit-order: 11;
+ -ms-flex-order: 11;
+ order: 11; }
+
+.small-offset-11 {
+ margin-left: 91.66667%; }
+
+.small-up-11 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .small-up-11 > li, .small-up-11 > div, .small-up-11 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 9.09091%;
+ -ms-flex: 0 0 9.09091%;
+ flex: 0 0 9.09091%; }
+
+.small-12 {
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%; }
+
+.small-order-12 {
+ -webkit-order: 12;
+ -ms-flex-order: 12;
+ order: 12; }
+
+.small-offset-12 {
+ margin-left: 100%; }
+
+.small-up-12 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .small-up-12 > li, .small-up-12 > div, .small-up-12 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 8.33333%;
+ -ms-flex: 0 0 8.33333%;
+ flex: 0 0 8.33333%; }
+
+@media only screen and (min-width: 40em) {
+ .medium-1 {
+ -webkit-flex: 0 0 8.33333%;
+ -ms-flex: 0 0 8.33333%;
+ flex: 0 0 8.33333%;
+ max-width: 8.33333%; }
+ .medium-order-1 {
+ -webkit-order: 1;
+ -ms-flex-order: 1;
+ order: 1; }
+ .medium-offset-1 {
+ margin-left: 8.33333%; }
+ .medium-up-1 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .medium-up-1 > li, .medium-up-1 > div, .medium-up-1 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-2 {
+ -webkit-flex: 0 0 16.66667%;
+ -ms-flex: 0 0 16.66667%;
+ flex: 0 0 16.66667%;
+ max-width: 16.66667%; }
+ .medium-order-2 {
+ -webkit-order: 2;
+ -ms-flex-order: 2;
+ order: 2; }
+ .medium-offset-2 {
+ margin-left: 16.66667%; }
+ .medium-up-2 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .medium-up-2 > li, .medium-up-2 > div, .medium-up-2 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-3 {
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%; }
+ .medium-order-3 {
+ -webkit-order: 3;
+ -ms-flex-order: 3;
+ order: 3; }
+ .medium-offset-3 {
+ margin-left: 25%; }
+ .medium-up-3 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .medium-up-3 > li, .medium-up-3 > div, .medium-up-3 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 33.33333%;
+ -ms-flex: 0 0 33.33333%;
+ flex: 0 0 33.33333%; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-4 {
+ -webkit-flex: 0 0 33.33333%;
+ -ms-flex: 0 0 33.33333%;
+ flex: 0 0 33.33333%;
+ max-width: 33.33333%; }
+ .medium-order-4 {
+ -webkit-order: 4;
+ -ms-flex-order: 4;
+ order: 4; }
+ .medium-offset-4 {
+ margin-left: 33.33333%; }
+ .medium-up-4 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .medium-up-4 > li, .medium-up-4 > div, .medium-up-4 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-5 {
+ -webkit-flex: 0 0 41.66667%;
+ -ms-flex: 0 0 41.66667%;
+ flex: 0 0 41.66667%;
+ max-width: 41.66667%; }
+ .medium-order-5 {
+ -webkit-order: 5;
+ -ms-flex-order: 5;
+ order: 5; }
+ .medium-offset-5 {
+ margin-left: 41.66667%; }
+ .medium-up-5 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .medium-up-5 > li, .medium-up-5 > div, .medium-up-5 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 20%;
+ -ms-flex: 0 0 20%;
+ flex: 0 0 20%; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-6 {
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%; }
+ .medium-order-6 {
+ -webkit-order: 6;
+ -ms-flex-order: 6;
+ order: 6; }
+ .medium-offset-6 {
+ margin-left: 50%; }
+ .medium-up-6 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .medium-up-6 > li, .medium-up-6 > div, .medium-up-6 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 16.66667%;
+ -ms-flex: 0 0 16.66667%;
+ flex: 0 0 16.66667%; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-7 {
+ -webkit-flex: 0 0 58.33333%;
+ -ms-flex: 0 0 58.33333%;
+ flex: 0 0 58.33333%;
+ max-width: 58.33333%; }
+ .medium-order-7 {
+ -webkit-order: 7;
+ -ms-flex-order: 7;
+ order: 7; }
+ .medium-offset-7 {
+ margin-left: 58.33333%; }
+ .medium-up-7 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .medium-up-7 > li, .medium-up-7 > div, .medium-up-7 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 14.28571%;
+ -ms-flex: 0 0 14.28571%;
+ flex: 0 0 14.28571%; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-8 {
+ -webkit-flex: 0 0 66.66667%;
+ -ms-flex: 0 0 66.66667%;
+ flex: 0 0 66.66667%;
+ max-width: 66.66667%; }
+ .medium-order-8 {
+ -webkit-order: 8;
+ -ms-flex-order: 8;
+ order: 8; }
+ .medium-offset-8 {
+ margin-left: 66.66667%; }
+ .medium-up-8 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .medium-up-8 > li, .medium-up-8 > div, .medium-up-8 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 12.5%;
+ -ms-flex: 0 0 12.5%;
+ flex: 0 0 12.5%; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-9 {
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%; }
+ .medium-order-9 {
+ -webkit-order: 9;
+ -ms-flex-order: 9;
+ order: 9; }
+ .medium-offset-9 {
+ margin-left: 75%; }
+ .medium-up-9 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .medium-up-9 > li, .medium-up-9 > div, .medium-up-9 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 11.11111%;
+ -ms-flex: 0 0 11.11111%;
+ flex: 0 0 11.11111%; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-10 {
+ -webkit-flex: 0 0 83.33333%;
+ -ms-flex: 0 0 83.33333%;
+ flex: 0 0 83.33333%;
+ max-width: 83.33333%; }
+ .medium-order-10 {
+ -webkit-order: 10;
+ -ms-flex-order: 10;
+ order: 10; }
+ .medium-offset-10 {
+ margin-left: 83.33333%; }
+ .medium-up-10 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .medium-up-10 > li, .medium-up-10 > div, .medium-up-10 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 10%;
+ -ms-flex: 0 0 10%;
+ flex: 0 0 10%; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-11 {
+ -webkit-flex: 0 0 91.66667%;
+ -ms-flex: 0 0 91.66667%;
+ flex: 0 0 91.66667%;
+ max-width: 91.66667%; }
+ .medium-order-11 {
+ -webkit-order: 11;
+ -ms-flex-order: 11;
+ order: 11; }
+ .medium-offset-11 {
+ margin-left: 91.66667%; }
+ .medium-up-11 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .medium-up-11 > li, .medium-up-11 > div, .medium-up-11 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 9.09091%;
+ -ms-flex: 0 0 9.09091%;
+ flex: 0 0 9.09091%; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-12 {
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%; }
+ .medium-order-12 {
+ -webkit-order: 12;
+ -ms-flex-order: 12;
+ order: 12; }
+ .medium-offset-12 {
+ margin-left: 100%; }
+ .medium-up-12 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .medium-up-12 > li, .medium-up-12 > div, .medium-up-12 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 8.33333%;
+ -ms-flex: 0 0 8.33333%;
+ flex: 0 0 8.33333%; } }
+
+@media only screen and (min-width: 75em) {
+ .large-1 {
+ -webkit-flex: 0 0 8.33333%;
+ -ms-flex: 0 0 8.33333%;
+ flex: 0 0 8.33333%;
+ max-width: 8.33333%; }
+ .large-order-1 {
+ -webkit-order: 1;
+ -ms-flex-order: 1;
+ order: 1; }
+ .large-offset-1 {
+ margin-left: 8.33333%; }
+ .large-up-1 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .large-up-1 > li, .large-up-1 > div, .large-up-1 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%; } }
+
+@media only screen and (min-width: 75em) {
+ .large-2 {
+ -webkit-flex: 0 0 16.66667%;
+ -ms-flex: 0 0 16.66667%;
+ flex: 0 0 16.66667%;
+ max-width: 16.66667%; }
+ .large-order-2 {
+ -webkit-order: 2;
+ -ms-flex-order: 2;
+ order: 2; }
+ .large-offset-2 {
+ margin-left: 16.66667%; }
+ .large-up-2 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .large-up-2 > li, .large-up-2 > div, .large-up-2 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%; } }
+
+@media only screen and (min-width: 75em) {
+ .large-3 {
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%; }
+ .large-order-3 {
+ -webkit-order: 3;
+ -ms-flex-order: 3;
+ order: 3; }
+ .large-offset-3 {
+ margin-left: 25%; }
+ .large-up-3 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .large-up-3 > li, .large-up-3 > div, .large-up-3 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 33.33333%;
+ -ms-flex: 0 0 33.33333%;
+ flex: 0 0 33.33333%; } }
+
+@media only screen and (min-width: 75em) {
+ .large-4 {
+ -webkit-flex: 0 0 33.33333%;
+ -ms-flex: 0 0 33.33333%;
+ flex: 0 0 33.33333%;
+ max-width: 33.33333%; }
+ .large-order-4 {
+ -webkit-order: 4;
+ -ms-flex-order: 4;
+ order: 4; }
+ .large-offset-4 {
+ margin-left: 33.33333%; }
+ .large-up-4 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .large-up-4 > li, .large-up-4 > div, .large-up-4 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%; } }
+
+@media only screen and (min-width: 75em) {
+ .large-5 {
+ -webkit-flex: 0 0 41.66667%;
+ -ms-flex: 0 0 41.66667%;
+ flex: 0 0 41.66667%;
+ max-width: 41.66667%; }
+ .large-order-5 {
+ -webkit-order: 5;
+ -ms-flex-order: 5;
+ order: 5; }
+ .large-offset-5 {
+ margin-left: 41.66667%; }
+ .large-up-5 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .large-up-5 > li, .large-up-5 > div, .large-up-5 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 20%;
+ -ms-flex: 0 0 20%;
+ flex: 0 0 20%; } }
+
+@media only screen and (min-width: 75em) {
+ .large-6 {
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%; }
+ .large-order-6 {
+ -webkit-order: 6;
+ -ms-flex-order: 6;
+ order: 6; }
+ .large-offset-6 {
+ margin-left: 50%; }
+ .large-up-6 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .large-up-6 > li, .large-up-6 > div, .large-up-6 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 16.66667%;
+ -ms-flex: 0 0 16.66667%;
+ flex: 0 0 16.66667%; } }
+
+@media only screen and (min-width: 75em) {
+ .large-7 {
+ -webkit-flex: 0 0 58.33333%;
+ -ms-flex: 0 0 58.33333%;
+ flex: 0 0 58.33333%;
+ max-width: 58.33333%; }
+ .large-order-7 {
+ -webkit-order: 7;
+ -ms-flex-order: 7;
+ order: 7; }
+ .large-offset-7 {
+ margin-left: 58.33333%; }
+ .large-up-7 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .large-up-7 > li, .large-up-7 > div, .large-up-7 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 14.28571%;
+ -ms-flex: 0 0 14.28571%;
+ flex: 0 0 14.28571%; } }
+
+@media only screen and (min-width: 75em) {
+ .large-8 {
+ -webkit-flex: 0 0 66.66667%;
+ -ms-flex: 0 0 66.66667%;
+ flex: 0 0 66.66667%;
+ max-width: 66.66667%; }
+ .large-order-8 {
+ -webkit-order: 8;
+ -ms-flex-order: 8;
+ order: 8; }
+ .large-offset-8 {
+ margin-left: 66.66667%; }
+ .large-up-8 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .large-up-8 > li, .large-up-8 > div, .large-up-8 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 12.5%;
+ -ms-flex: 0 0 12.5%;
+ flex: 0 0 12.5%; } }
+
+@media only screen and (min-width: 75em) {
+ .large-9 {
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%; }
+ .large-order-9 {
+ -webkit-order: 9;
+ -ms-flex-order: 9;
+ order: 9; }
+ .large-offset-9 {
+ margin-left: 75%; }
+ .large-up-9 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .large-up-9 > li, .large-up-9 > div, .large-up-9 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 11.11111%;
+ -ms-flex: 0 0 11.11111%;
+ flex: 0 0 11.11111%; } }
+
+@media only screen and (min-width: 75em) {
+ .large-10 {
+ -webkit-flex: 0 0 83.33333%;
+ -ms-flex: 0 0 83.33333%;
+ flex: 0 0 83.33333%;
+ max-width: 83.33333%; }
+ .large-order-10 {
+ -webkit-order: 10;
+ -ms-flex-order: 10;
+ order: 10; }
+ .large-offset-10 {
+ margin-left: 83.33333%; }
+ .large-up-10 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .large-up-10 > li, .large-up-10 > div, .large-up-10 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 10%;
+ -ms-flex: 0 0 10%;
+ flex: 0 0 10%; } }
+
+@media only screen and (min-width: 75em) {
+ .large-11 {
+ -webkit-flex: 0 0 91.66667%;
+ -ms-flex: 0 0 91.66667%;
+ flex: 0 0 91.66667%;
+ max-width: 91.66667%; }
+ .large-order-11 {
+ -webkit-order: 11;
+ -ms-flex-order: 11;
+ order: 11; }
+ .large-offset-11 {
+ margin-left: 91.66667%; }
+ .large-up-11 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .large-up-11 > li, .large-up-11 > div, .large-up-11 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 9.09091%;
+ -ms-flex: 0 0 9.09091%;
+ flex: 0 0 9.09091%; } }
+
+@media only screen and (min-width: 75em) {
+ .large-12 {
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%; }
+ .large-order-12 {
+ -webkit-order: 12;
+ -ms-flex-order: 12;
+ order: 12; }
+ .large-offset-12 {
+ margin-left: 100%; }
+ .large-up-12 {
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ overflow: visible;
+ list-style-type: none; }
+ .large-up-12 > li, .large-up-12 > div, .large-up-12 > section {
+ padding: 0 1rem 1rem;
+ -webkit-flex: 0 0 8.33333%;
+ -ms-flex: 0 0 8.33333%;
+ flex: 0 0 8.33333%; } }
+
+.grid-content .modal .grid-block {
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap; }
+
+/*
+ TITLE BAR
+ ---------
+
+ A navigational component which can display the current screen the user is on, along with additional controls or menu items.
+
+ The title bar includes classes to create center, left, and right sections, which can be used in any combination. However, in the markup, the sections must come in this order:
+ - Center
+ - Left
+ - Right
+*/
+.title-bar {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ overflow: visible; }
+ .title-bar .title {
+ font-weight: bold; }
+ .title-bar .left, .title-bar .center, .title-bar .right {
+ display: block;
+ white-space: nowrap;
+ overflow: visible; }
+ .title-bar .left:first-child:last-child, .title-bar .center:first-child:last-child, .title-bar .right:first-child:last-child {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ margin: 0; }
+ .title-bar .left {
+ -webkit-order: 1;
+ -ms-flex-order: 1;
+ order: 1;
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%; }
+ .title-bar .center {
+ -webkit-order: 2;
+ -ms-flex-order: 2;
+ order: 2;
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ text-align: center; }
+ .title-bar .right {
+ -webkit-order: 3;
+ -ms-flex-order: 3;
+ order: 3;
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ text-align: right; }
+ .title-bar .left:first-child {
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto; }
+ .title-bar .left:first-child + .right:last-child {
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto; }
+ .title-bar .center:first-child:not(:last-child) {
+ margin-left: 25%; }
+ .title-bar .center + .left {
+ margin-right: -25%; }
+
+.title-bar {
+ background: #eee;
+ color: #000;
+ padding: 1rem;
+ border-bottom: 1px solid #ccc; }
+ .title-bar.primary {
+ background: #00558b;
+ color: #fff;
+ padding: 1rem;
+ border-bottom: 1px solid #ccc; }
+ .title-bar.primary a, .title-bar.primary a:hover {
+ color: #fff; }
+ .title-bar.primary .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .title-bar.primary .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .title-bar.dark {
+ background: #232323;
+ color: #fff;
+ padding: 1rem;
+ border-bottom: 1px solid #ccc; }
+ .title-bar.dark a, .title-bar.dark a:hover {
+ color: #fff; }
+ .title-bar.dark .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .title-bar.dark .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+
+.title-bar-bottom {
+ border-bottom: 0;
+ border-top: 1px solid #ccc; }
+
+/*
+ Label
+*/
+.label {
+ line-height: 1;
+ white-space: nowrap;
+ display: inline-block;
+ cursor: default; }
+
+.label {
+ font-size: 0.8rem;
+ padding: 0.33333rem 0.5rem;
+ background: #00558b;
+ border-radius: 0;
+ color: #fff; }
+ .label.primary {
+ background: #00558b;
+ border-radius: 0;
+ color: #fff; }
+ .label.success {
+ background: #43AC6A;
+ border-radius: 0;
+ color: #fff; }
+ .label.warning {
+ background: #F08A24;
+ border-radius: 0;
+ color: #fff; }
+ .label.alert {
+ background: #F04124;
+ border-radius: 0;
+ color: #fff; }
+ .label.dark {
+ background: #232323;
+ border-radius: 0;
+ color: #fff; }
+
+/*
+ Badge
+*/
+.badge {
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ border-radius: 1000px; }
+
+.badge {
+ font-size: 0.8em;
+ width: 1.5rem;
+ height: 1.5rem;
+ background: #00558b;
+ color: #fff; }
+ .badge.secondary {
+ background: #f1f1f1;
+ color: #000; }
+ .badge.primary {
+ background: #00558b;
+ color: #fff; }
+ .badge.success {
+ background: #43AC6A;
+ color: #fff; }
+ .badge.warning {
+ background: #F08A24;
+ color: #fff; }
+ .badge.alert {
+ background: #F04124;
+ color: #fff; }
+ .badge.dark {
+ background: #232323;
+ color: #fff; }
+
+.inline-list {
+ list-style-type: none;
+ text-align: left; }
+ .inline-list li, .inline-list dt, .inline-list dd {
+ display: inline-block;
+ margin-left: -2px;
+ margin-right: -2px; }
+ .inline-list li {
+ margin-right: 1rem;
+ margin-left: 0; }
+
+/*
+ MENU BAR
+ --------
+
+ A generic, flexible menu component.
+
+ Features:
+ - Orient horizontally and vertically
+ - Change orientation at certain breakpoints
+ - Items with icons above, below, or to the left or right
+ - Text labels for vertical menus and badges for horizontal menus
+*/
+.menu-bar {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ margin: 0;
+ list-style-type: none; }
+ .menu-bar > li {
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .menu-bar > li > a {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 1rem;
+ font-size: 1rem;
+ line-height: 1; }
+
+/*
+ Set the alignment of menu items (li) within a menu-bar
+
+ left: Items align to the left.
+ right: Items align to the right.
+ center: Items align to the center.
+ justify: Items are spaced equally apart so they occupy the space of the entire grid.
+ spaced: Items are given equal space to their left and right.
+
+ @group menu-bar
+
+ @param {string} $align - Alignment to use.
+
+ @output An appropriate justify-content value.
+*/
+/*
+ CSS output
+*/
+.menu-bar {
+ background: #fff; }
+ .menu-bar > li > a {
+ color: #000; }
+ .menu-bar > li > a:hover {
+ background: #ededed;
+ color: #000; }
+ .menu-bar .is-active > a {
+ background: #ededed;
+ color: #000; }
+ .menu-bar .iconic * {
+ fill: #000;
+ stroke: #000; }
+ .menu-bar .iconic *.iconic-property-accent {
+ fill: #000;
+ stroke: #000; }
+ .menu-bar, .menu-bar.horizontal {
+ /*
+ Orientation
+ */
+ overflow-x: hidden;
+ -webkit-flex-flow: row nowrap;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ /*
+ Stretch
+ */ }
+ .menu-bar > li > a, .menu-bar.horizontal > li > a {
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap; }
+ .menu-bar.vertical {
+ /*
+ Orientation
+ */
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap;
+ /*
+ Stretch
+ */ }
+ .menu-bar.vertical > li > a {
+ -webkit-flex-flow: row nowrap;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap; }
+ .menu-bar.condense > li {
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto; }
+ .menu-bar.align-right {
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end; }
+ .menu-bar.align-center {
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .menu-bar.align-justify {
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between; }
+ .menu-bar.align-spaced {
+ -webkit-justify-content: space-around;
+ -ms-flex-pack: distribute;
+ justify-content: space-around; }
+ .menu-bar.small-condense li {
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto; }
+ .menu-bar.small-expand li {
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto; }
+ .menu-bar.small-align-left {
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ .menu-bar.small-align-right {
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end; }
+ .menu-bar.small-align-center {
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .menu-bar.small-align-justify {
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between; }
+ .menu-bar.small-align-spaced {
+ -webkit-justify-content: space-around;
+ -ms-flex-pack: distribute;
+ justify-content: space-around; }
+ @media only screen and (min-width: 40em) {
+ .menu-bar.medium-condense li {
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto; }
+ .menu-bar.medium-expand li {
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto; }
+ .menu-bar.medium-align-left {
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ .menu-bar.medium-align-right {
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end; }
+ .menu-bar.medium-align-center {
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .menu-bar.medium-align-justify {
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between; }
+ .menu-bar.medium-align-spaced {
+ -webkit-justify-content: space-around;
+ -ms-flex-pack: distribute;
+ justify-content: space-around; } }
+ @media only screen and (min-width: 75em) {
+ .menu-bar.large-condense li {
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto; }
+ .menu-bar.large-expand li {
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto; }
+ .menu-bar.large-align-left {
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ .menu-bar.large-align-right {
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end; }
+ .menu-bar.large-align-center {
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .menu-bar.large-align-justify {
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between; }
+ .menu-bar.large-align-spaced {
+ -webkit-justify-content: space-around;
+ -ms-flex-pack: distribute;
+ justify-content: space-around; } }
+ .menu-bar.small-horizontal {
+ /*
+ Orientation
+ */
+ overflow-x: hidden;
+ -webkit-flex-flow: row nowrap;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ /*
+ Stretch
+ */ }
+ .menu-bar.small-horizontal > li > a {
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap; }
+ .menu-bar.small-vertical {
+ /*
+ Orientation
+ */
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap;
+ /*
+ Stretch
+ */ }
+ .menu-bar.small-vertical > li > a {
+ -webkit-flex-flow: row nowrap;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap; }
+ @media only screen and (min-width: 40em) {
+ .menu-bar.medium-horizontal {
+ /*
+ Orientation
+ */
+ overflow-x: hidden;
+ -webkit-flex-flow: row nowrap;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ /*
+ Stretch
+ */ }
+ .menu-bar.medium-horizontal > li > a {
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap; }
+ .menu-bar.medium-vertical {
+ /*
+ Orientation
+ */
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap;
+ /*
+ Stretch
+ */ }
+ .menu-bar.medium-vertical > li > a {
+ -webkit-flex-flow: row nowrap;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap; } }
+ @media only screen and (min-width: 75em) {
+ .menu-bar.large-horizontal {
+ /*
+ Orientation
+ */
+ overflow-x: hidden;
+ -webkit-flex-flow: row nowrap;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ /*
+ Stretch
+ */ }
+ .menu-bar.large-horizontal > li > a {
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap; }
+ .menu-bar.large-vertical {
+ /*
+ Orientation
+ */
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap;
+ /*
+ Stretch
+ */ }
+ .menu-bar.large-vertical > li > a {
+ -webkit-flex-flow: row nowrap;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap; } }
+ .menu-bar > li > img, .menu-bar > li > .iconic, .menu-bar.icon-top > li > img, .menu-bar.icon-top > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar > li > a, .menu-bar.icon-top > li > a {
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap; }
+ .menu-bar > li > a > img, .menu-bar > li > a > .iconic, .menu-bar.icon-top > li > a > img, .menu-bar.icon-top > li > a > .iconic {
+ margin: 0 0 1rem 0; }
+ .menu-bar.icon-right > li > img, .menu-bar.icon-right > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar.icon-right > li > a {
+ -webkit-flex-flow: row-reverse nowrap;
+ -ms-flex-flow: row-reverse nowrap;
+ flex-flow: row-reverse nowrap; }
+ .menu-bar.icon-right > li > a > img, .menu-bar.icon-right > li > a > .iconic {
+ margin: 0 0 0 1rem; }
+ .menu-bar.icon-bottom > li > img, .menu-bar.icon-bottom > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar.icon-bottom > li > a {
+ -webkit-flex-flow: column-reverse nowrap;
+ -ms-flex-flow: column-reverse nowrap;
+ flex-flow: column-reverse nowrap; }
+ .menu-bar.icon-bottom > li > a > img, .menu-bar.icon-bottom > li > a > .iconic {
+ margin: 1rem 0 0 0; }
+ .menu-bar.icon-left > li > img, .menu-bar.icon-left > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar.icon-left > li > a {
+ -webkit-flex-flow: row nowrap;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .menu-bar.icon-left > li > a > img, .menu-bar.icon-left > li > a > .iconic {
+ margin: 0 1rem 0 0; }
+ .menu-bar.small-icon-top > li > img, .menu-bar.small-icon-top > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar.small-icon-top > li > a {
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap; }
+ .menu-bar.small-icon-top > li > a > img, .menu-bar.small-icon-top > li > a > .iconic {
+ margin: 0 0 1rem 0; }
+ .menu-bar.small-icon-right > li > img, .menu-bar.small-icon-right > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar.small-icon-right > li > a {
+ -webkit-flex-flow: row-reverse nowrap;
+ -ms-flex-flow: row-reverse nowrap;
+ flex-flow: row-reverse nowrap; }
+ .menu-bar.small-icon-right > li > a > img, .menu-bar.small-icon-right > li > a > .iconic {
+ margin: 0 0 0 1rem; }
+ .menu-bar.small-icon-bottom > li > img, .menu-bar.small-icon-bottom > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar.small-icon-bottom > li > a {
+ -webkit-flex-flow: column-reverse nowrap;
+ -ms-flex-flow: column-reverse nowrap;
+ flex-flow: column-reverse nowrap; }
+ .menu-bar.small-icon-bottom > li > a > img, .menu-bar.small-icon-bottom > li > a > .iconic {
+ margin: 1rem 0 0 0; }
+ .menu-bar.small-icon-left > li > img, .menu-bar.small-icon-left > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar.small-icon-left > li > a {
+ -webkit-flex-flow: row nowrap;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .menu-bar.small-icon-left > li > a > img, .menu-bar.small-icon-left > li > a > .iconic {
+ margin: 0 1rem 0 0; }
+ @media only screen and (min-width: 40em) {
+ .menu-bar.medium-icon-top > li > img, .menu-bar.medium-icon-top > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar.medium-icon-top > li > a {
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap; }
+ .menu-bar.medium-icon-top > li > a > img, .menu-bar.medium-icon-top > li > a > .iconic {
+ margin: 0 0 1rem 0; } }
+ @media only screen and (min-width: 40em) {
+ .menu-bar.medium-icon-right > li > img, .menu-bar.medium-icon-right > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar.medium-icon-right > li > a {
+ -webkit-flex-flow: row-reverse nowrap;
+ -ms-flex-flow: row-reverse nowrap;
+ flex-flow: row-reverse nowrap; }
+ .menu-bar.medium-icon-right > li > a > img, .menu-bar.medium-icon-right > li > a > .iconic {
+ margin: 0 0 0 1rem; } }
+ @media only screen and (min-width: 40em) {
+ .menu-bar.medium-icon-bottom > li > img, .menu-bar.medium-icon-bottom > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar.medium-icon-bottom > li > a {
+ -webkit-flex-flow: column-reverse nowrap;
+ -ms-flex-flow: column-reverse nowrap;
+ flex-flow: column-reverse nowrap; }
+ .menu-bar.medium-icon-bottom > li > a > img, .menu-bar.medium-icon-bottom > li > a > .iconic {
+ margin: 1rem 0 0 0; } }
+ @media only screen and (min-width: 40em) {
+ .menu-bar.medium-icon-left > li > img, .menu-bar.medium-icon-left > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar.medium-icon-left > li > a {
+ -webkit-flex-flow: row nowrap;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .menu-bar.medium-icon-left > li > a > img, .menu-bar.medium-icon-left > li > a > .iconic {
+ margin: 0 1rem 0 0; } }
+ @media only screen and (min-width: 75em) {
+ .menu-bar.large-icon-top > li > img, .menu-bar.large-icon-top > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar.large-icon-top > li > a {
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap; }
+ .menu-bar.large-icon-top > li > a > img, .menu-bar.large-icon-top > li > a > .iconic {
+ margin: 0 0 1rem 0; } }
+ @media only screen and (min-width: 75em) {
+ .menu-bar.large-icon-right > li > img, .menu-bar.large-icon-right > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar.large-icon-right > li > a {
+ -webkit-flex-flow: row-reverse nowrap;
+ -ms-flex-flow: row-reverse nowrap;
+ flex-flow: row-reverse nowrap; }
+ .menu-bar.large-icon-right > li > a > img, .menu-bar.large-icon-right > li > a > .iconic {
+ margin: 0 0 0 1rem; } }
+ @media only screen and (min-width: 75em) {
+ .menu-bar.large-icon-bottom > li > img, .menu-bar.large-icon-bottom > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar.large-icon-bottom > li > a {
+ -webkit-flex-flow: column-reverse nowrap;
+ -ms-flex-flow: column-reverse nowrap;
+ flex-flow: column-reverse nowrap; }
+ .menu-bar.large-icon-bottom > li > a > img, .menu-bar.large-icon-bottom > li > a > .iconic {
+ margin: 1rem 0 0 0; } }
+ @media only screen and (min-width: 75em) {
+ .menu-bar.large-icon-left > li > img, .menu-bar.large-icon-left > li > .iconic {
+ margin: 0;
+ width: 25px;
+ height: 25px; }
+ .menu-bar.large-icon-left > li > a {
+ -webkit-flex-flow: row nowrap;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .menu-bar.large-icon-left > li > a > img, .menu-bar.large-icon-left > li > a > .iconic {
+ margin: 0 1rem 0 0; } }
+ .menu-bar.label-side > li {
+ position: relative; }
+ .menu-bar.label-side > li > a {
+ padding-right: 3.2rem; }
+ .menu-bar.label-side .menu-bar-label {
+ display: block;
+ font-size: 0.9rem;
+ width: 1.2rem;
+ height: 1.2rem;
+ line-height: 1.2rem;
+ text-align: center;
+ border-radius: 1000px;
+ background: red;
+ color: #fff;
+ position: absolute;
+ pointer-events: none;
+ right: 1rem;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%); }
+ .menu-bar.label-corner > li {
+ position: relative; }
+ .menu-bar.label-corner > li > a {
+ padding-right: 3.2rem; }
+ .menu-bar.label-corner .menu-bar-label {
+ display: block;
+ font-size: 0.9rem;
+ width: 1.2rem;
+ height: 1.2rem;
+ line-height: 1.2rem;
+ text-align: center;
+ border-radius: 1000px;
+ background: red;
+ color: #fff;
+ position: absolute;
+ pointer-events: none;
+ right: 1rem;
+ top: 1rem; }
+ .menu-bar.primary {
+ background: #00558b; }
+ .menu-bar.primary > li > a {
+ color: #fff; }
+ .menu-bar.primary > li > a:hover {
+ background: #0065a5;
+ color: #fff; }
+ .menu-bar.primary .is-active > a {
+ background: #0065a5;
+ color: #fff; }
+ .menu-bar.primary .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .menu-bar.primary .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .menu-bar.dark {
+ background: #232323; }
+ .menu-bar.dark > li > a {
+ color: #fff; }
+ .menu-bar.dark > li > a:hover {
+ background: #323232;
+ color: #fff; }
+ .menu-bar.dark .is-active > a {
+ background: #323232;
+ color: #fff; }
+ .menu-bar.dark .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .menu-bar.dark .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .menu-bar > li.title {
+ padding: 1rem;
+ cursor: default;
+ font-weight: bold; }
+
+.menu-group {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ @media only screen and (min-width: 40em) {
+ .menu-group {
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap; } }
+ .menu-group > .menu-group-left, .menu-group > .menu-group-right {
+ -webkit-flex: 1 1 100%;
+ -ms-flex: 1 1 100%;
+ flex: 1 1 100%; }
+ @media only screen and (min-width: 40em) {
+ .menu-group > .menu-group-left, .menu-group > .menu-group-right {
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto; } }
+ .menu-group .menu-bar {
+ margin: 0; }
+ .menu-group .menu-bar > li {
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto; }
+ .menu-group.primary {
+ background-color: #00558b; }
+ .menu-group.primary .menu-bar {
+ background: #00558b; }
+ .menu-group.primary .menu-bar > li > a {
+ color: #fff; }
+ .menu-group.primary .menu-bar > li > a:hover {
+ background: #0065a5;
+ color: #fff; }
+ .menu-group.primary .menu-bar .is-active > a {
+ background: #0065a5;
+ color: #fff; }
+ .menu-group.primary .menu-bar .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .menu-group.primary .menu-bar .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+ .menu-group.dark {
+ background-color: #232323; }
+ .menu-group.dark .menu-bar {
+ background: #232323; }
+ .menu-group.dark .menu-bar > li > a {
+ color: #fff; }
+ .menu-group.dark .menu-bar > li > a:hover {
+ background: #323232;
+ color: #fff; }
+ .menu-group.dark .menu-bar .is-active > a {
+ background: #323232;
+ color: #fff; }
+ .menu-group.dark .menu-bar .iconic * {
+ fill: #fff;
+ stroke: #fff; }
+ .menu-group.dark .menu-bar .iconic *.iconic-property-accent {
+ fill: #fff;
+ stroke: #fff; }
+
+/*
+ MODAL
+ -----
+
+ The humble modal hides off-canvas until summoned with an fa-open directive. Modals appear over an overlay that darkens the rest of the page, and have a maxmimum width. You can construct a grid inside a modal, or attach panels to it.
+
+ Note that the modal overlay is hardcoded into the CSS, because whether or not you build your modal semantically, the overlay is always required and will always look the same.
+*/
+.modal {
+ position: relative;
+ z-index: 1001;
+ background: #fff;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ height: 100vh;
+ max-height: 100%;
+ overflow: hidden;
+ padding: 1rem; }
+ @media only screen and (min-width: 40em) {
+ .modal {
+ height: auto;
+ max-width: 600px; } }
+ .modal .grid-content, .modal .grid-block {
+ margin: 0; }
+ .modal .close-button, .modal [fa-close] {
+ z-index: 1001; }
+
+.modal {
+ max-width: 600px;
+ border-radius: 0px; }
+ .tiny > .modal {
+ max-width: 300px; }
+ .small > .modal {
+ max-width: 500px; }
+ .large > .modal {
+ max-width: 800px; }
+ .dialog > .modal {
+ height: auto; }
+ .collapse > .modal {
+ padding: 0; }
+
+.modal-overlay {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1000;
+ display: none;
+ background-color: rgba(51, 51, 51, 0.7);
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .modal-overlay.is-active {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex; }
+
+@-webkit-keyframes shake {
+ 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
+ -webkit-transform: translateX(7%);
+ transform: translateX(7%); }
+
+ 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
+ -webkit-transform: translateX(-7%);
+ transform: translateX(-7%); }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); } }
+
+@keyframes shake {
+ 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
+ -webkit-transform: translateX(7%);
+ transform: translateX(7%); }
+
+ 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
+ -webkit-transform: translateX(-7%);
+ transform: translateX(-7%); }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); } }
+
+@-webkit-keyframes spin-cw {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+@keyframes spin-cw {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+@-webkit-keyframes spin-ccw {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg); } }
+
+@keyframes spin-ccw {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg); } }
+
+@-webkit-keyframes wiggle {
+ 40%, 50%, 60% {
+ -webkit-transform: rotate(7deg);
+ transform: rotate(7deg); }
+
+ 35%, 45%, 55%, 65% {
+ -webkit-transform: rotate(-7deg);
+ transform: rotate(-7deg); }
+
+ 0%, 30%, 70%, 100% {
+ -webkit-transform: rotate(0);
+ transform: rotate(0); } }
+
+@keyframes wiggle {
+ 40%, 50%, 60% {
+ -webkit-transform: rotate(7deg);
+ transform: rotate(7deg); }
+
+ 35%, 45%, 55%, 65% {
+ -webkit-transform: rotate(-7deg);
+ transform: rotate(-7deg); }
+
+ 0%, 30%, 70%, 100% {
+ -webkit-transform: rotate(0);
+ transform: rotate(0); } }
+
+/*
+ Transitions
+ */
+.slideInDown.ng-enter, .slideInDown.ng-hide-remove {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%); }
+.slideInDown.ng-enter.ng-enter-active, .slideInDown.ng-hide-remove.ng-hide-remove-active {
+ -webkit-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0); }
+
+.slideInLeft.ng-enter, .slideInLeft.ng-hide-remove {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%); }
+.slideInLeft.ng-enter.ng-enter-active, .slideInLeft.ng-hide-remove.ng-hide-remove-active {
+ -webkit-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0); }
+
+.slideInUp.ng-enter, .slideInUp.ng-hide-remove {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%); }
+.slideInUp.ng-enter.ng-enter-active, .slideInUp.ng-hide-remove.ng-hide-remove-active {
+ -webkit-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0); }
+
+.slideInRight.ng-enter, .slideInRight.ng-hide-remove {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%); }
+.slideInRight.ng-enter.ng-enter-active, .slideInRight.ng-hide-remove.ng-hide-remove-active {
+ -webkit-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0); }
+
+.slideOutBottom.ng-leave, .slideOutBottom.ng-hide-add {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0); }
+.slideOutBottom.ng-leave.ng-leave-active, .slideOutBottom.ng-hide-add.ng-hide-add-active {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%); }
+
+.slideOutRight.ng-leave, .slideOutRight.ng-hide-add {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0); }
+.slideOutRight.ng-leave.ng-leave-active, .slideOutRight.ng-hide-add.ng-hide-add-active {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%); }
+
+.slideOutUp.ng-leave, .slideOutUp.ng-hide-add {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0); }
+.slideOutUp.ng-leave.ng-leave-active, .slideOutUp.ng-hide-add.ng-hide-add-active {
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%); }
+
+.slideOutLeft.ng-leave, .slideOutLeft.ng-hide-add {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0); }
+.slideOutLeft.ng-leave.ng-leave-active, .slideOutLeft.ng-hide-add.ng-hide-add-active {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%); }
+
+.fadeIn.ng-enter, .fadeIn.ng-hide-remove {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: opacity;
+ opacity: 0; }
+.fadeIn.ng-enter.ng-enter-active, .fadeIn.ng-hide-remove.ng-hide-remove-active {
+ opacity: 1; }
+
+.fadeOut.ng-leave, .fadeOut.ng-hide-add {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: opacity;
+ opacity: 1; }
+.fadeOut.ng-leave.ng-leave-active, .fadeOut.ng-hide-add.ng-hide-add-active {
+ opacity: 0; }
+
+.hingeInFromTop.ng-enter, .hingeInFromTop.ng-hide-remove {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: perspective(2000px) rotateX(-90deg);
+ transform: perspective(2000px) rotateX(-90deg);
+ -webkit-transform-origin: top;
+ transform-origin: top;
+ opacity: 0; }
+.hingeInFromTop.ng-enter.ng-enter-active, .hingeInFromTop.ng-hide-remove.ng-hide-remove-active {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ opacity: 1; }
+
+.hingeInFromRight.ng-enter, .hingeInFromRight.ng-hide-remove {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: perspective(2000px) rotateY(-90deg);
+ transform: perspective(2000px) rotateY(-90deg);
+ -webkit-transform-origin: right;
+ transform-origin: right;
+ opacity: 0; }
+.hingeInFromRight.ng-enter.ng-enter-active, .hingeInFromRight.ng-hide-remove.ng-hide-remove-active {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ opacity: 1; }
+
+.hingeInFromBottom.ng-enter, .hingeInFromBottom.ng-hide-remove {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: perspective(2000px) rotateX(90deg);
+ transform: perspective(2000px) rotateX(90deg);
+ -webkit-transform-origin: bottom;
+ transform-origin: bottom;
+ opacity: 0; }
+.hingeInFromBottom.ng-enter.ng-enter-active, .hingeInFromBottom.ng-hide-remove.ng-hide-remove-active {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ opacity: 1; }
+
+.hingeInFromLeft.ng-enter, .hingeInFromLeft.ng-hide-remove {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: perspective(2000px) rotateY(90deg);
+ transform: perspective(2000px) rotateY(90deg);
+ -webkit-transform-origin: left;
+ transform-origin: left;
+ opacity: 0; }
+.hingeInFromLeft.ng-enter.ng-enter-active, .hingeInFromLeft.ng-hide-remove.ng-hide-remove-active {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ opacity: 1; }
+
+.hingeInFromMiddleX.ng-enter, .hingeInFromMiddleX.ng-hide-remove {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: perspective(2000px) rotateX(-90deg);
+ transform: perspective(2000px) rotateX(-90deg);
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ opacity: 0; }
+.hingeInFromMiddleX.ng-enter.ng-enter-active, .hingeInFromMiddleX.ng-hide-remove.ng-hide-remove-active {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ opacity: 1; }
+
+.hingeInFromMiddleY.ng-enter, .hingeInFromMiddleY.ng-hide-remove {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: perspective(2000px) rotateY(-90deg);
+ transform: perspective(2000px) rotateY(-90deg);
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ opacity: 0; }
+.hingeInFromMiddleY.ng-enter.ng-enter-active, .hingeInFromMiddleY.ng-hide-remove.ng-hide-remove-active {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ opacity: 1; }
+
+.hingeOutFromTop.ng-leave, .hingeOutFromTop.ng-hide-add {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ -webkit-transform-origin: top;
+ transform-origin: top;
+ opacity: 1; }
+.hingeOutFromTop.ng-leave.ng-leave-active, .hingeOutFromTop.ng-hide-add.ng-hide-add-active {
+ -webkit-transform: perspective(2000px) rotateX(-90deg);
+ transform: perspective(2000px) rotateX(-90deg);
+ opacity: 0; }
+
+.hingeOutFromRight.ng-leave, .hingeOutFromRight.ng-hide-add {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ -webkit-transform-origin: right;
+ transform-origin: right;
+ opacity: 1; }
+.hingeOutFromRight.ng-leave.ng-leave-active, .hingeOutFromRight.ng-hide-add.ng-hide-add-active {
+ -webkit-transform: perspective(2000px) rotateY(-90deg);
+ transform: perspective(2000px) rotateY(-90deg);
+ opacity: 0; }
+
+.hingeOutFromBottom.ng-leave, .hingeOutFromBottom.ng-hide-add {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ -webkit-transform-origin: bottom;
+ transform-origin: bottom;
+ opacity: 1; }
+.hingeOutFromBottom.ng-leave.ng-leave-active, .hingeOutFromBottom.ng-hide-add.ng-hide-add-active {
+ -webkit-transform: perspective(2000px) rotateX(90deg);
+ transform: perspective(2000px) rotateX(90deg);
+ opacity: 0; }
+
+.hingeOutFromLeft.ng-leave, .hingeOutFromLeft.ng-hide-add {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ -webkit-transform-origin: left;
+ transform-origin: left;
+ opacity: 1; }
+.hingeOutFromLeft.ng-leave.ng-leave-active, .hingeOutFromLeft.ng-hide-add.ng-hide-add-active {
+ -webkit-transform: perspective(2000px) rotateY(90deg);
+ transform: perspective(2000px) rotateY(90deg);
+ opacity: 0; }
+
+.hingeOutFromMiddleX.ng-leave, .hingeOutFromMiddleX.ng-hide-add {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ opacity: 1; }
+.hingeOutFromMiddleX.ng-leave.ng-leave-active, .hingeOutFromMiddleX.ng-hide-add.ng-hide-add-active {
+ -webkit-transform: perspective(2000px) rotateX(-90deg);
+ transform: perspective(2000px) rotateX(-90deg);
+ opacity: 0; }
+
+.hingeOutFromMiddleY.ng-leave, .hingeOutFromMiddleY.ng-hide-add {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ opacity: 1; }
+.hingeOutFromMiddleY.ng-leave.ng-leave-active, .hingeOutFromMiddleY.ng-hide-add.ng-hide-add-active {
+ -webkit-transform: perspective(2000px) rotateY(-90deg);
+ transform: perspective(2000px) rotateY(-90deg);
+ opacity: 0; }
+
+.zoomIn.ng-enter, .zoomIn.ng-hide-remove {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, property;
+ transition-property: transform, property;
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ opacity: 0; }
+.zoomIn.ng-enter.ng-enter-active, .zoomIn.ng-hide-remove.ng-hide-remove-active {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1; }
+
+.zoomOut.ng-leave, .zoomOut.ng-hide-add {
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+ transition-delay: 0;
+ transition-property: -webkit-transform, property;
+ transition-property: transform, property;
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: 1; }
+.zoomOut.ng-leave.ng-leave-active, .zoomOut.ng-hide-add.ng-hide-add-active {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 0; }
+
+.spinIn.ng-enter, .spinIn.ng-hide-remove {
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(-270deg);
+ transform: rotate(-270deg);
+ opacity: 0; }
+.spinIn.ng-enter.ng-enter-active, .spinIn.ng-hide-remove.ng-hide-remove-active {
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1; }
+
+.spinOut.ng-leave, .spinOut.ng-hide-add {
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1; }
+.spinOut.ng-leave.ng-leave-active, .spinOut.ng-hide-add.ng-hide-add-active {
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg);
+ opacity: 0; }
+
+.spinInCCW.ng-enter, .spinInCCW.ng-hide-remove {
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg);
+ opacity: 0; }
+.spinInCCW.ng-enter.ng-enter-active, .spinInCCW.ng-hide-remove.ng-hide-remove-active {
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1; }
+
+.spinOutCCW.ng-leave, .spinOutCCW.ng-hide-add {
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1; }
+.spinOutCCW.ng-leave.ng-leave-active, .spinOutCCW.ng-hide-add.ng-hide-add-active {
+ -webkit-transform: rotate(-270deg);
+ transform: rotate(-270deg);
+ opacity: 0; }
+
+/*
+ Transition modifiers
+ */
+.slow {
+ transition-duration: 750ms !important; }
+
+.fast {
+ transition-duration: 250ms !important; }
+
+.linear {
+ transition-timing-function: linear !important; }
+
+.ease {
+ transition-timing-function: ease !important; }
+
+.easeIn {
+ transition-timing-function: ease-in !important; }
+
+.easeOut {
+ transition-timing-function: ease-out !important; }
+
+.easeInOut {
+ transition-timing-function: ease-in-out !important; }
+
+.bounceIn {
+ transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
+
+.bounceOut {
+ transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
+
+.bounceInOut {
+ transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
+
+.delay {
+ transition-delay: 300ms !important; }
+
+.long-delay {
+ transition-delay: 700ms !important; }
+
+/*
+ Animations
+ */
+.shake {
+ -webkit-animation-name: shake;
+ animation-name: shake;
+ -webkit-animation-duration: 500ms;
+ animation-duration: 500ms;
+ -webkit-animation-timing-function: ease;
+ animation-timing-function: ease;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-animation-delay: 0;
+ animation-delay: 0; }
+
+.spin-cw {
+ -webkit-animation-name: spin-cw;
+ animation-name: spin-cw;
+ -webkit-animation-duration: 500ms;
+ animation-duration: 500ms;
+ -webkit-animation-timing-function: ease;
+ animation-timing-function: ease;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-animation-delay: 0;
+ animation-delay: 0; }
+
+.spin-ccw {
+ -webkit-animation-name: spin-ccw;
+ animation-name: spin-ccw;
+ -webkit-animation-duration: 500ms;
+ animation-duration: 500ms;
+ -webkit-animation-timing-function: ease;
+ animation-timing-function: ease;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-animation-delay: 0;
+ animation-delay: 0; }
+
+.wiggle {
+ -webkit-animation-name: wiggle;
+ animation-name: wiggle;
+ -webkit-animation-duration: 500ms;
+ animation-duration: 500ms;
+ -webkit-animation-timing-function: ease;
+ animation-timing-function: ease;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-animation-delay: 0;
+ animation-delay: 0; }
+
+/*
+ Animation modifiers
+ */
+.shake.infinite, .spin-cw.infinite, .spin-ccw.infinite, .wiggle.infinite {
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite; }
+.shake.linear, .spin-cw.linear, .spin-ccw.linear, .wiggle.linear {
+ -webkit-animation-timing-function: linear !important;
+ animation-timing-function: linear !important; }
+.shake.ease, .spin-cw.ease, .spin-ccw.ease, .wiggle.ease {
+ -webkit-animation-timing-function: ease !important;
+ animation-timing-function: ease !important; }
+.shake.easeIn, .spin-cw.easeIn, .spin-ccw.easeIn, .wiggle.easeIn {
+ -webkit-animation-timing-function: ease-in !important;
+ animation-timing-function: ease-in !important; }
+.shake.easeOut, .spin-cw.easeOut, .spin-ccw.easeOut, .wiggle.easeOut {
+ -webkit-animation-timing-function: ease-out !important;
+ animation-timing-function: ease-out !important; }
+.shake.easeInOut, .spin-cw.easeInOut, .spin-ccw.easeInOut, .wiggle.easeInOut {
+ -webkit-animation-timing-function: ease-in-out !important;
+ animation-timing-function: ease-in-out !important; }
+.shake.bounceIn, .spin-cw.bounceIn, .spin-ccw.bounceIn, .wiggle.bounceIn {
+ -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
+ animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
+.shake.bounceOut, .spin-cw.bounceOut, .spin-ccw.bounceOut, .wiggle.bounceOut {
+ -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
+ animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
+.shake.bounceInOut, .spin-cw.bounceInOut, .spin-ccw.bounceInOut, .wiggle.bounceInOut {
+ -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
+ animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
+.shake.slow, .spin-cw.slow, .spin-ccw.slow, .wiggle.slow {
+ -webkit-animation-duration: 750ms !important;
+ animation-duration: 750ms !important; }
+.shake.fast, .spin-cw.fast, .spin-ccw.fast, .wiggle.fast {
+ -webkit-animation-duration: 250ms !important;
+ animation-duration: 250ms !important; }
+.shake.delay, .spin-cw.delay, .spin-ccw.delay, .wiggle.delay {
+ -webkit-animation-delay: 300ms !important;
+ animation-delay: 300ms !important; }
+.shake.long-delay, .spin-cw.long-delay, .spin-ccw.long-delay, .wiggle.long-delay {
+ -webkit-animation-delay: 700ms !important;
+ animation-delay: 700ms !important; }
+
+.stagger {
+ transition-delay: 150ms;
+ transition-duration: 0; }
+
+.stort-stagger {
+ transition-delay: 150ms;
+ transition-duration: 0; }
+
+.long-stagger {
+ transition-delay: 150ms;
+ transition-duration: 0; }
+
+.position-absolute {
+ overflow: hidden;
+ position: relative; }
+
+.ui-animation.ng-enter-active, .ui-animation.ng-leave-active {
+ position: absolute !important;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform-style: preserve-3d;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0; }
+
+/*
+ NOTIFICATION
+ ------------
+
+ An alert that pins to the corner of the screen when triggered by JavaScript. It can be set to disappear after a certain period of time, or to stay put until the user clicks on it. A custom action can be asigned to a notification as well.
+
+ Optionally, the notifications directive can also tap into the browser's native notification support, if it exists.
+*/
+.notification, .static-notification {
+ z-index: 1000;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ position: relative;
+ margin-top: .5rem;
+ margin-bottom: .5rem;
+ display: none; }
+ .notification h1, .static-notification h1 {
+ font-size: 1.25em;
+ margin: 0; }
+ .notification p, .static-notification p {
+ margin: 0; }
+ .is-active.notification, .is-active.static-notification {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex; }
+ .notification .close-button, .static-notification .close-button {
+ color: white; }
+
+.notification-container {
+ z-index: 3000;
+ position: fixed;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column; }
+
+/*
+ CSS Output
+*/
+.notification {
+ background: #00558b;
+ padding: 1rem;
+ border-radius: 4px; }
+ .notification, .notification h1, .notification h2, .notification h3, .notification h4, .notification h5, .notification h6 {
+ color: white; }
+ .notification.success {
+ background: #43AC6A;
+ padding: 1rem;
+ border-radius: 4px; }
+ .notification.success, .notification.success h1, .notification.success h2, .notification.success h3, .notification.success h4, .notification.success h5, .notification.success h6 {
+ color: white; }
+ .notification.warning {
+ background: #F08A24;
+ padding: 1rem;
+ border-radius: 4px; }
+ .notification.warning, .notification.warning h1, .notification.warning h2, .notification.warning h3, .notification.warning h4, .notification.warning h5, .notification.warning h6 {
+ color: white; }
+ .notification.alert {
+ background: #F04124;
+ padding: 1rem;
+ border-radius: 4px; }
+ .notification.alert, .notification.alert h1, .notification.alert h2, .notification.alert h3, .notification.alert h4, .notification.alert h5, .notification.alert h6 {
+ color: white; }
+ .notification.dark {
+ background: #232323;
+ padding: 1rem;
+ border-radius: 4px; }
+ .notification.dark, .notification.dark h1, .notification.dark h2, .notification.dark h3, .notification.dark h4, .notification.dark h5, .notification.dark h6 {
+ color: #fff; }
+
+.static-notification {
+ background: #00558b;
+ padding: 1rem;
+ border-radius: 4px;
+ position: fixed !important; }
+ .static-notification, .static-notification h1, .static-notification h2, .static-notification h3, .static-notification h4, .static-notification h5, .static-notification h6 {
+ color: white; }
+ .static-notification.top-right {
+ width: 25rem;
+ right: 1rem;
+ top: 1rem; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .static-notification.top-right {
+ width: auto;
+ left: 1rem;
+ right: 1rem;
+ margin-left: 0; } }
+ .static-notification.top-left {
+ width: 25rem;
+ left: 1rem;
+ top: 1rem; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .static-notification.top-left {
+ width: auto;
+ left: 1rem;
+ right: 1rem;
+ margin-left: 0; } }
+ .static-notification.top-middle {
+ width: 25rem;
+ left: 50%;
+ margin-left: -12.5rem;
+ top: 1rem; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .static-notification.top-middle {
+ width: auto;
+ left: 1rem;
+ right: 1rem;
+ margin-left: 0; } }
+ .static-notification.bottom-right {
+ width: 25rem;
+ right: 1rem;
+ top: auto;
+ bottom: 1rem; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .static-notification.bottom-right {
+ width: auto;
+ left: 1rem;
+ right: 1rem;
+ margin-left: 0; } }
+ .static-notification.bottom-left {
+ width: 25rem;
+ left: 1rem;
+ top: auto;
+ bottom: 1rem; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .static-notification.bottom-left {
+ width: auto;
+ left: 1rem;
+ right: 1rem;
+ margin-left: 0; } }
+ .static-notification.bottom-middle {
+ width: 25rem;
+ left: 50%;
+ margin-left: -12.5rem;
+ top: auto;
+ bottom: 1rem; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .static-notification.bottom-middle {
+ width: auto;
+ left: 1rem;
+ right: 1rem;
+ margin-left: 0; } }
+ .static-notification.success {
+ background: #43AC6A;
+ padding: 1rem;
+ border-radius: 4px; }
+ .static-notification.success, .static-notification.success h1, .static-notification.success h2, .static-notification.success h3, .static-notification.success h4, .static-notification.success h5, .static-notification.success h6 {
+ color: white; }
+ .static-notification.warning {
+ background: #F08A24;
+ padding: 1rem;
+ border-radius: 4px; }
+ .static-notification.warning, .static-notification.warning h1, .static-notification.warning h2, .static-notification.warning h3, .static-notification.warning h4, .static-notification.warning h5, .static-notification.warning h6 {
+ color: white; }
+ .static-notification.alert {
+ background: #F04124;
+ padding: 1rem;
+ border-radius: 4px; }
+ .static-notification.alert, .static-notification.alert h1, .static-notification.alert h2, .static-notification.alert h3, .static-notification.alert h4, .static-notification.alert h5, .static-notification.alert h6 {
+ color: white; }
+ .static-notification.dark {
+ background: #232323;
+ padding: 1rem;
+ border-radius: 4px; }
+ .static-notification.dark, .static-notification.dark h1, .static-notification.dark h2, .static-notification.dark h3, .static-notification.dark h4, .static-notification.dark h5, .static-notification.dark h6 {
+ color: #fff; }
+
+.notification-container {
+ width: 25rem;
+ right: 1rem;
+ top: 1rem; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .notification-container {
+ width: auto;
+ left: 1rem;
+ right: 1rem;
+ margin-left: 0; } }
+ .notification-container.top-right {
+ width: 25rem;
+ right: 1rem;
+ top: 1rem; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .notification-container.top-right {
+ width: auto;
+ left: 1rem;
+ right: 1rem;
+ margin-left: 0; } }
+ .notification-container.top-left {
+ width: 25rem;
+ left: 1rem;
+ top: 1rem; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .notification-container.top-left {
+ width: auto;
+ left: 1rem;
+ right: 1rem;
+ margin-left: 0; } }
+ .notification-container.top-middle {
+ width: 25rem;
+ left: 50%;
+ margin-left: -12.5rem;
+ top: 1rem; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .notification-container.top-middle {
+ width: auto;
+ left: 1rem;
+ right: 1rem;
+ margin-left: 0; } }
+ .notification-container.bottom-right {
+ width: 25rem;
+ right: 1rem;
+ top: auto;
+ bottom: 1rem; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .notification-container.bottom-right {
+ width: auto;
+ left: 1rem;
+ right: 1rem;
+ margin-left: 0; } }
+ .notification-container.bottom-left {
+ width: 25rem;
+ left: 1rem;
+ top: auto;
+ bottom: 1rem; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .notification-container.bottom-left {
+ width: auto;
+ left: 1rem;
+ right: 1rem;
+ margin-left: 0; } }
+ .notification-container.bottom-middle {
+ width: 25rem;
+ left: 50%;
+ margin-left: -12.5rem;
+ top: auto;
+ bottom: 1rem; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .notification-container.bottom-middle {
+ width: auto;
+ left: 1rem;
+ right: 1rem;
+ margin-left: 0; } }
+
+.notification-icon {
+ -webkit-flex: 0 0 60px;
+ -ms-flex: 0 0 60px;
+ flex: 0 0 60px;
+ margin-right: 1rem;
+ -webkit-align-self: flex-start;
+ -ms-flex-item-align: start;
+ align-self: flex-start; }
+ .notification-icon img {
+ width: 100%;
+ height: auto; }
+
+.notification-content {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+
+/*
+ Off-canvas menu
+ ---------------
+
+ A generic container that stays fixed to the left, top, right, or bottom of the screen, and is summoned when needed. When an off-canvas panel is open, the app frame shifts over to reveal the menu.
+*/
+.off-canvas {
+ position: fixed;
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+ transition: -webkit-transform 0.25s ease-out;
+ transition: transform 0.25s ease-out;
+ z-index: 2; }
+ .is-active.off-canvas {
+ -webkit-transform: translate(0, 0) !important;
+ transform: translate(0, 0) !important; }
+ .off-canvas ~ .grid-frame {
+ -webkit-transform: translate(0, 0, 0);
+ transform: translate(0, 0, 0);
+ transition: -webkit-transform 0.25s ease-out;
+ transition: transform 0.25s ease-out;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ background: white; }
+
+.off-canvas {
+ /*
+ Get shadow values for later use
+ */
+ /*
+ Sizing
+ */
+ width: 250px;
+ height: 100%;
+ /*
+ Positioning
+ */
+ top: 0;
+ left: 0;
+ box-shadow: inset -3px 0 10px rgba(0, 0, 0, 0.25);
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ background: #fff;
+ color: #000; }
+ .off-canvas.is-active ~ .grid-frame {
+ -webkit-transform: translateX(250px) !important;
+ transform: translateX(250px) !important; }
+ .off-canvas.top {
+ /*
+ Get shadow values for later use
+ */
+ /*
+ Sizing
+ */
+ height: 250px;
+ width: 100%;
+ /*
+ Positioning
+ */
+ top: 0;
+ left: 0;
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ box-shadow: inset 0 -3px 10px rgba(0, 0, 0, 0.25); }
+ .off-canvas.top.is-active ~ .grid-frame {
+ -webkit-transform: translateY(250px) !important;
+ transform: translateY(250px) !important; }
+ .off-canvas.right {
+ /*
+ Get shadow values for later use
+ */
+ /*
+ Sizing
+ */
+ width: 250px;
+ height: 100%;
+ /*
+ Positioning
+ */
+ left: auto;
+ top: 0;
+ right: 0;
+ box-shadow: inset 3px 0 10px rgba(0, 0, 0, 0.25);
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%); }
+ .off-canvas.right.is-active ~ .grid-frame {
+ -webkit-transform: translateX(-250px) !important;
+ transform: translateX(-250px) !important; }
+ .off-canvas.bottom {
+ /*
+ Get shadow values for later use
+ */
+ /*
+ Sizing
+ */
+ height: 250px;
+ width: 100%;
+ /*
+ Positioning
+ */
+ top: auto;
+ bottom: 0;
+ left: 0;
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.25); }
+ .off-canvas.bottom.is-active ~ .grid-frame {
+ -webkit-transform: translateY(-250px) !important;
+ transform: translateY(-250px) !important; }
+ .off-canvas.left {
+ /*
+ Get shadow values for later use
+ */
+ /*
+ Sizing
+ */
+ width: 250px;
+ height: 100%;
+ /*
+ Positioning
+ */
+ top: 0;
+ left: 0;
+ box-shadow: inset -3px 0 10px rgba(0, 0, 0, 0.25);
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%); }
+ .off-canvas.left.is-active ~ .grid-frame {
+ -webkit-transform: translateX(250px) !important;
+ transform: translateX(250px) !important; }
+ .off-canvas.detached {
+ z-index: 0;
+ box-shadow: none; }
+ .off-canvas.detached, .off-canvas.detached.is-active {
+ -webkit-transform: none;
+ transform: none; }
+ .off-canvas.detached ~ .grid-frame {
+ z-index: 1;
+ box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }
+ .off-canvas.primary {
+ background: #00558b;
+ color: #fff; }
+ .off-canvas.dark {
+ background: #232323;
+ color: #fff; }
+
+/*
+ POPUP
+ -----
+
+ A floating container that can anchor to any other on-screen element, and contain any content, including grid blocks or panels.
+*/
+.popup {
+ position: absolute;
+ z-index: 1000;
+ opacity: 0;
+ overflow: hidden;
+ transition: opacity 0.25s ease-out;
+ pointer-events: none; }
+ .tether-enabled.popup {
+ opacity: 1;
+ pointer-events: auto; }
+
+.popup {
+ width: 18.75rem;
+ background: #fff;
+ border-radius: 0;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
+ border: 0; }
+ .popup.dark {
+ background: #232323;
+ border-radius: 0;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
+ border: 0; }
+ .popup.primary {
+ background: #00558b;
+ border-radius: 0;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
+ border: 0; }
+
+/*
+ SWITCH
+ ------
+*/
+.switch {
+ position: relative;
+ overflow: hidden;
+ display: inline-block; }
+ .switch > input {
+ position: absolute;
+ left: -9999px;
+ outline: none; }
+ .switch > label {
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
+ display: block;
+ width: 100%;
+ height: 100%;
+ cursor: pointer;
+ margin: 0; }
+ .switch > label::after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+/*
+ Defines the dimmensions of the switch.
+
+ $width - width of the switch.
+ $height - height of the switch.
+*/
+.switch {
+ width: 3.125rem;
+ height: 2rem;
+ border-radius: 9999px; }
+ .switch > label::after {
+ width: 2rem;
+ height: 2rem; }
+ .switch input:checked + label::after {
+ left: 1.125rem; }
+ .switch > label {
+ background: #ccc; }
+ .switch > label::after {
+ background: white;
+ border-radius: 9999px;
+ transition: left 0.15s ease-out;
+ border: 4px solid #ccc; }
+ .switch input:checked + label {
+ background: #00558b;
+ margin: 0; }
+ .switch input:checked + label::after {
+ border-color: #00558b; }
+ .switch.small {
+ width: 2.5rem;
+ height: 1.625rem; }
+ .switch.small > label::after {
+ width: 1.625rem;
+ height: 1.625rem; }
+ .switch.small input:checked + label::after {
+ left: 0.875rem; }
+ .switch.large {
+ width: 3.75rem;
+ height: 2.375rem; }
+ .switch.large > label::after {
+ width: 2.375rem;
+ height: 2.375rem; }
+ .switch.large input:checked + label::after {
+ left: 1.375rem; }
+
+/*
+ TABS
+ ----
+*/
+.tabs {
+ /*
+ Container styles
+ */
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ background: transparent;
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap; }
+ .tabs.vertical {
+ /*
+ Container styles
+ */
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ background: transparent;
+ -webkit-flex-flow: column nowrap;
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap; }
+ .tabs .tab-item {
+ background: #f3f3f3;
+ padding: 1rem;
+ line-height: 1;
+ margin: 0;
+ -webkit-flex: 0 1 auto;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+ cursor: pointer;
+ color: #000; }
+ .tabs .tab-item.is-active {
+ background: #ececec;
+ color: #000; }
+ .tabs .tab-item.is-active:hover {
+ background: #e7e7e7; }
+ .tabs .tab-item:hover {
+ background: #e7e7e7; }
+
+.tab-contents {
+ padding: 1rem; }
+ .tab-contents .tab-content {
+ display: none; }
+ .tab-contents .tab-content.is-active {
+ display: block; }
+
+/*
+ ACCORDION
+ ---------
+
+ The trusy accordion allows you to create a series of vertical tabs.
+*/
+.accordion {
+ border: 1px solid #cbcbcb; }
+
+.accordion-title {
+ padding: 1rem;
+ background: #f3f3f3;
+ color: #000;
+ line-height: 1;
+ cursor: pointer; }
+ .accordion-title:hover {
+ background: #e7e7e7; }
+ .is-active > .accordion-title {
+ background: #ececec;
+ color: #000; }
+
+.accordion-content {
+ padding: 1rem;
+ display: none; }
+ .is-active > .accordion-content {
+ display: block; }
+
+/*
+ TYPOGRAPHY
+ ----------
+
+ Includes typographic resets for many common elements, and a few helper classes.
+ - Headers
+ - Subheaders
+ - Lead paragraphs
+ - Ordered/unordered lists
+ - Code samples
+ - Anchors
+ - Dividers
+ - Blockquotes
+ - Acronyms
+*/
+/* Typography resets */
+div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
+ margin: 0;
+ padding: 0; }
+
+/* Default Link Styles */
+a {
+ color: #00558b;
+ text-decoration: none;
+ line-height: inherit; }
+ a[ui-sref] {
+ cursor: pointer; }
+ a:hover, a:focus {
+ color: #004978; }
+ a img {
+ border: none; }
+
+/* Default paragraph styles */
+p {
+ font-family: inherit;
+ font-weight: normal;
+ font-size: 1rem;
+ line-height: 1.6;
+ margin-bottom: 1.25rem;
+ text-rendering: optimizeLegibility; }
+ p.lead {
+ font-size: 1.21875rem;
+ line-height: 1.6; }
+ p aside {
+ font-size: 0.875rem;
+ line-height: 1.35;
+ font-style: italic; }
+
+/* Default header styles */
+h1, h2, h3, h4, h5, h6 {
+ font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ font-style: normal;
+ color: #222;
+ text-rendering: optimizeLegibility;
+ margin-top: 0.2rem;
+ margin-bottom: 0.5rem;
+ line-height: 1.4; }
+ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
+ font-size: 60%;
+ color: #6f6f6f;
+ line-height: 0; }
+
+h1 {
+ font-size: 2.125rem; }
+
+h2 {
+ font-size: 1.6875rem; }
+
+h3 {
+ font-size: 1.375rem; }
+
+h4 {
+ font-size: 1.125rem; }
+
+h5 {
+ font-size: 1.125rem; }
+
+h6 {
+ font-size: 1rem; }
+
+.subheader {
+ line-height: 1.4;
+ color: #6f6f6f;
+ font-weight: normal;
+ margin-top: 0.2rem;
+ margin-bottom: 0.5rem; }
+
+hr {
+ border: solid #ddd;
+ border-width: 1px 0 0;
+ clear: both;
+ margin: 1.25rem 0 1.1875rem;
+ height: 0; }
+
+/* Helpful Typography Defaults */
+em, i {
+ font-style: italic;
+ line-height: inherit; }
+
+strong, b {
+ font-weight: bold;
+ line-height: inherit; }
+
+small {
+ font-size: 60%;
+ color: #6f6f6f;
+ line-height: inherit; }
+
+code {
+ font-family: Consolas, 'Liberation Mono', Courier, monospace;
+ font-weight: normal;
+ color: #464646;
+ background-color: #fbfbfb;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #e2e2e2;
+ padding: 0.125rem 0.3125rem 0.0625rem; }
+
+/* Lists */
+ul, ol, dl {
+ font-size: 1rem;
+ line-height: 1.6;
+ margin-bottom: 1.25rem;
+ list-style-position: outside;
+ font-family: inherit; }
+
+/* Lists */
+ul, ol {
+ margin-left: 1.1rem; }
+ ul li ul, ul li ol, ol li ul, ol li ol {
+ margin-left: 1.25rem;
+ margin-bottom: 0; }
+
+/* Lists without bullets */
+ul.no-bullet {
+ margin-left: 0; }
+ ul.no-bullet, ul.no-bullet li ul, ul.no-bullet li ol {
+ list-style-type: none; }
+
+/* Definition Lists */
+dl dt {
+ margin-bottom: 0.3rem;
+ font-weight: bold; }
+dl dd {
+ margin-bottom: 0.75rem; }
+
+/* Abbreviations */
+abbr, acronym {
+ text-transform: uppercase;
+ font-size: 90%;
+ color: #222;
+ border-bottom: 1px dotted #ddd;
+ cursor: help; }
+
+abbr {
+ text-transform: none; }
+
+/* Blockquotes */
+blockquote {
+ margin: 0 0 1.25rem;
+ padding: 0.5625rem 1.25rem 0 1.1875rem;
+ border-left: 1px solid #ddd; }
+ blockquote cite {
+ display: block;
+ font-size: 0.8125rem;
+ color: #555555; }
+ blockquote cite:before {
+ content: "\2014 \0020"; }
+ blockquote cite a, blockquote cite a:visited {
+ color: #555555; }
+
+blockquote, blockquote p {
+ line-height: 1.6;
+ color: #6f6f6f; }
+
+@media only screen and (min-width: 40em) {
+ h1, h2, h3, h4, h5, h6 {
+ line-height: 1.4; }
+ h1 {
+ font-size: 2.75rem; }
+ h2 {
+ font-size: 2.3125rem; }
+ h3 {
+ font-size: 1.6875rem; }
+ h4 {
+ font-size: 1.4375rem; }
+ h5 {
+ font-size: 1.125rem; }
+ h6 {
+ font-size: 1rem; } }
+
+/*
+ UTILITIES
+ ---------
+
+ Responsive helper classes to assist you in quickly doing basic formatting and layout.
+
+ Features:
+ - Vertical alignment
+ - Visibility
+ - Text alignment
+ - Floating
+*/
+.v-align {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between; }
+ .v-align .align-top {
+ -webkit-align-self: flex-start;
+ -ms-flex-item-align: start;
+ align-self: flex-start; }
+ .v-align .align-center {
+ -webkit-align-self: center;
+ -ms-flex-item-align: center;
+ align-self: center; }
+ .v-align .align-bottom {
+ -webkit-align-self: flex-end;
+ -ms-flex-item-align: end;
+ align-self: flex-end; }
+ .v-align .small-align-top {
+ -webkit-align-self: flex-start;
+ -ms-flex-item-align: start;
+ align-self: flex-start; }
+ .v-align .small-align-center {
+ -webkit-align-self: center;
+ -ms-flex-item-align: center;
+ align-self: center; }
+ .v-align .small-align-bottom {
+ -webkit-align-self: flex-end;
+ -ms-flex-item-align: end;
+ align-self: flex-end; }
+ @media only screen and (min-width: 40em) {
+ .v-align .medium-align-top {
+ -webkit-align-self: flex-start;
+ -ms-flex-item-align: start;
+ align-self: flex-start; } }
+ @media only screen and (min-width: 40em) {
+ .v-align .medium-align-center {
+ -webkit-align-self: center;
+ -ms-flex-item-align: center;
+ align-self: center; } }
+ @media only screen and (min-width: 40em) {
+ .v-align .medium-align-bottom {
+ -webkit-align-self: flex-end;
+ -ms-flex-item-align: end;
+ align-self: flex-end; } }
+ @media only screen and (min-width: 75em) {
+ .v-align .large-align-top {
+ -webkit-align-self: flex-start;
+ -ms-flex-item-align: start;
+ align-self: flex-start; } }
+ @media only screen and (min-width: 75em) {
+ .v-align .large-align-center {
+ -webkit-align-self: center;
+ -ms-flex-item-align: center;
+ align-self: center; } }
+ @media only screen and (min-width: 75em) {
+ .v-align .large-align-bottom {
+ -webkit-align-self: flex-end;
+ -ms-flex-item-align: end;
+ align-self: flex-end; } }
+
+.hide {
+ display: none !important; }
+
+.invisible {
+ visibility: hidden; }
+
+.hide-for-small:not(.ng-hide) {
+ display: block !important;
+ display: none !important; }
+.hide-for-small[class*="grid-block"]:not(.ng-hide) {
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ display: none !important; }
+
+.show-for-small:not(.ng-hide) {
+ display: none !important;
+ display: block !important; }
+.show-for-small[class*="grid-block"]:not(.ng-hide) {
+ display: none !important;
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; }
+
+.hide-for-small-only:not(.ng-hide) {
+ display: block !important; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .hide-for-small-only:not(.ng-hide) {
+ display: none !important; } }
+.hide-for-small-only[class*="grid-block"]:not(.ng-hide) {
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .hide-for-small-only[class*="grid-block"]:not(.ng-hide) {
+ display: none !important; } }
+
+.show-for-small-only:not(.ng-hide) {
+ display: none !important; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .show-for-small-only:not(.ng-hide) {
+ display: block !important; } }
+.show-for-small-only[class*="grid-block"]:not(.ng-hide) {
+ display: none !important; }
+ @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .show-for-small-only[class*="grid-block"]:not(.ng-hide) {
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; } }
+
+.hide-for-medium:not(.ng-hide) {
+ display: block !important; }
+ @media only screen and (min-width: 40em) {
+ .hide-for-medium:not(.ng-hide) {
+ display: none !important; } }
+.hide-for-medium[class*="grid-block"]:not(.ng-hide) {
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; }
+ @media only screen and (min-width: 40em) {
+ .hide-for-medium[class*="grid-block"]:not(.ng-hide) {
+ display: none !important; } }
+
+.show-for-medium:not(.ng-hide) {
+ display: none !important; }
+ @media only screen and (min-width: 40em) {
+ .show-for-medium:not(.ng-hide) {
+ display: block !important; } }
+.show-for-medium[class*="grid-block"]:not(.ng-hide) {
+ display: none !important; }
+ @media only screen and (min-width: 40em) {
+ .show-for-medium[class*="grid-block"]:not(.ng-hide) {
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; } }
+
+.hide-for-medium-only:not(.ng-hide) {
+ display: block !important; }
+ @media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
+ .hide-for-medium-only:not(.ng-hide) {
+ display: none !important; } }
+.hide-for-medium-only[class*="grid-block"]:not(.ng-hide) {
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; }
+ @media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
+ .hide-for-medium-only[class*="grid-block"]:not(.ng-hide) {
+ display: none !important; } }
+
+.show-for-medium-only:not(.ng-hide) {
+ display: none !important; }
+ @media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
+ .show-for-medium-only:not(.ng-hide) {
+ display: block !important; } }
+.show-for-medium-only[class*="grid-block"]:not(.ng-hide) {
+ display: none !important; }
+ @media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
+ .show-for-medium-only[class*="grid-block"]:not(.ng-hide) {
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; } }
+
+.hide-for-large:not(.ng-hide) {
+ display: block !important; }
+ @media only screen and (min-width: 75em) {
+ .hide-for-large:not(.ng-hide) {
+ display: none !important; } }
+.hide-for-large[class*="grid-block"]:not(.ng-hide) {
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; }
+ @media only screen and (min-width: 75em) {
+ .hide-for-large[class*="grid-block"]:not(.ng-hide) {
+ display: none !important; } }
+
+.show-for-large:not(.ng-hide) {
+ display: none !important; }
+ @media only screen and (min-width: 75em) {
+ .show-for-large:not(.ng-hide) {
+ display: block !important; } }
+.show-for-large[class*="grid-block"]:not(.ng-hide) {
+ display: none !important; }
+ @media only screen and (min-width: 75em) {
+ .show-for-large[class*="grid-block"]:not(.ng-hide) {
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; } }
+
+.hide-for-large-only:not(.ng-hide) {
+ display: block !important; }
+ @media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
+ .hide-for-large-only:not(.ng-hide) {
+ display: none !important; } }
+.hide-for-large-only[class*="grid-block"]:not(.ng-hide) {
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; }
+ @media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
+ .hide-for-large-only[class*="grid-block"]:not(.ng-hide) {
+ display: none !important; } }
+
+.show-for-large-only:not(.ng-hide) {
+ display: none !important; }
+ @media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
+ .show-for-large-only:not(.ng-hide) {
+ display: block !important; } }
+.show-for-large-only[class*="grid-block"]:not(.ng-hide) {
+ display: none !important; }
+ @media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
+ .show-for-large-only[class*="grid-block"]:not(.ng-hide) {
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; } }
+
+@media only screen and (orientation: portrait) {
+ .hide-for-portrait {
+ display: none !important; }
+ .hide-for-portrait[class*="grid-block"] {
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; } }
+
+.show-for-portrait {
+ display: none !important; }
+ @media only screen and (orientation: portrait) {
+ .show-for-portrait {
+ display: block !important; }
+ .show-for-portrait[class*="grid-block"] {
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; } }
+
+@media only screen and (orientation: landscape) {
+ .hide-for-landscape {
+ display: none !important; }
+ .hide-for-landscape[class*="grid-block"] {
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; } }
+
+.show-for-landscape {
+ display: none !important; }
+ @media only screen and (orientation: landscape) {
+ .show-for-landscape {
+ display: block !important; }
+ .show-for-landscape[class*="grid-block"] {
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important; } }
+
+/*
+ Text alignment
+ */
+.text-left {
+ text-align: left; }
+
+.small-text-left {
+ text-align: left; }
+
+@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .small-only-text-left {
+ text-align: left; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-text-left {
+ text-align: left; } }
+
+@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
+ .medium-only-text-left {
+ text-align: left; } }
+
+@media only screen and (min-width: 75em) {
+ .large-text-left {
+ text-align: left; } }
+
+@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
+ .large-only-text-left {
+ text-align: left; } }
+
+.text-right {
+ text-align: right; }
+
+.small-text-right {
+ text-align: right; }
+
+@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .small-only-text-right {
+ text-align: right; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-text-right {
+ text-align: right; } }
+
+@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
+ .medium-only-text-right {
+ text-align: right; } }
+
+@media only screen and (min-width: 75em) {
+ .large-text-right {
+ text-align: right; } }
+
+@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
+ .large-only-text-right {
+ text-align: right; } }
+
+.text-center {
+ text-align: center; }
+
+.small-text-center {
+ text-align: center; }
+
+@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .small-only-text-center {
+ text-align: center; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-text-center {
+ text-align: center; } }
+
+@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
+ .medium-only-text-center {
+ text-align: center; } }
+
+@media only screen and (min-width: 75em) {
+ .large-text-center {
+ text-align: center; } }
+
+@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
+ .large-only-text-center {
+ text-align: center; } }
+
+.text-justify {
+ text-align: justify; }
+
+.small-text-justify {
+ text-align: justify; }
+
+@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
+ .small-only-text-justify {
+ text-align: justify; } }
+
+@media only screen and (min-width: 40em) {
+ .medium-text-justify {
+ text-align: justify; } }
+
+@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
+ .medium-only-text-justify {
+ text-align: justify; } }
+
+@media only screen and (min-width: 75em) {
+ .large-text-justify {
+ text-align: justify; } }
+
+@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
+ .large-only-text-justify {
+ text-align: justify; } }
+
+/*
+ Floating
+ */
+.clearfix:before, .clearfix:after {
+ content: " ";
+ display: table; }
+.clearfix:after {
+ clear: both; }
+
+.float-left {
+ float: left; }
+
+.float-right {
+ float: right; }
+
+.float-none {
+ float: none; }
diff --git a/afb-client/bower_components/foundation-apps/dist/css/foundation-apps.min.css b/afb-client/bower_components/foundation-apps/dist/css/foundation-apps.min.css
new file mode 100755
index 0000000..2f93f18
--- /dev/null
+++ b/afb-client/bower_components/foundation-apps/dist/css/foundation-apps.min.css
@@ -0,0 +1 @@
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}meta.foundation-version{font-family:"1.1.0"}meta.foundation-mq{font-family:"small=0&medium=40rem&large=75rem&xlarge=90rem&xxlarge=120rem"}body,html{height:100%;font-size:100%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#fff;color:#222;padding:0;margin:0;font-family:"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;line-height:1;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic;display:inline-block;vertical-align:middle}[ui-sref],[zf-close],[zf-open],[zf-toggle],a{cursor:pointer}#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object{max-width:none!important}.padding{padding:1rem}.iconic{width:1rem;height:1rem;vertical-align:middle}a>.iconic{margin-top:-2px;margin-right:.25rem}.iconic *,.iconic .iconic-property-accent,.iconic-color-primary *,.iconic-color-primary .iconic-property-accent,a>.iconic *,a>.iconic .iconic-property-accent{fill:#00558b;stroke:#00558b}.iconic-color-success *,.iconic-color-success .iconic-property-accent{fill:#43AC6A;stroke:#43AC6A}.iconic-color-warning *,.iconic-color-warning .iconic-property-accent{fill:#F08A24;stroke:#F08A24}.iconic-color-alert *,.iconic-color-alert .iconic-property-accent{fill:#F04124;stroke:#F04124}.iconic-color-dark *,.iconic-color-dark .iconic-property-accent{fill:#232323;stroke:#232323}.iconic-color-secondary *,.iconic-color-secondary .iconic-property-accent{fill:#f1f1f1;stroke:#f1f1f1}.action-sheet-container{position:relative;display:inline-block}.action-sheet-container .button{margin-left:0;margin-right:0}.action-sheet{position:fixed;left:0;z-index:1000;width:100%;padding:1rem;background:#fff;text-align:center;transition-property:-webkit-transform opacity;transition-property:transform opacity;transition-duration:.25s;transition-timing-function:ease-out;box-shadow:0 -3px 10px rgba(0,0,0,.25);bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.action-sheet.is-active{-webkit-transform:translateY(0);transform:translateY(0)}.action-sheet ul{margin:0 -1rem -1rem;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.action-sheet ul:first-child{margin-top:-1rem}.action-sheet ul:first-child li:first-child{border-top:0}.action-sheet ul a{display:block;padding:.8rem;line-height:1;color:#000;border-top:1px solid #ccc}.action-sheet ul a:hover{color:#000;background:#f2f2f2}.action-sheet ul .alert>a{color:#F04124}.action-sheet ul .disabled>a{pointer-events:none;color:#999}@media only screen and (min-width:40em){.action-sheet{position:absolute;left:50%;width:300px;border-radius:4px;opacity:0;pointer-events:none;box-shadow:0 0 10px rgba(0,0,0,.25);top:auto;bottom:0;-webkit-transform:translateX(-50%) translateY(110%);transform:translateX(-50%) translateY(110%)}.action-sheet.is-active{opacity:1;pointer-events:auto}.action-sheet::after,.action-sheet::before{content:'';position:absolute;left:50%;display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;margin-left:-10px}.action-sheet.is-active{-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%)}.action-sheet::after,.action-sheet::before{top:-10px;bottom:auto;border-top:0;border-bottom:10px solid #fff}.action-sheet::before{top:-12px;border-bottom-color:rgba(0,0,0,.15)}.action-sheet.top{position:absolute;left:50%;width:300px;border-radius:4px;opacity:0;pointer-events:none;box-shadow:0 0 10px rgba(0,0,0,.25);top:0;bottom:auto;-webkit-transform:translateX(-50%) translateY(-120%);transform:translateX(-50%) translateY(-120%)}.action-sheet.top.is-active{opacity:1;pointer-events:auto}.action-sheet.top::after,.action-sheet.top::before{content:'';position:absolute;left:50%;display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;margin-left:-10px}.action-sheet.top.is-active{-webkit-transform:translateX(-50%) translateY(-110%);transform:translateX(-50%) translateY(-110%)}.action-sheet.top::after,.action-sheet.top::before{top:auto;bottom:-10px;border-top:10px solid #fff;border-bottom:0}.action-sheet.top::before{bottom:-12px;border-top-color:rgba(0,0,0,.15)}}.action-sheet.primary{background:#00558b;color:#fff;border:0}.action-sheet.primary::before{display:none}.action-sheet.primary::after,.action-sheet.primary::before{border-top-color:#00558b}.action-sheet.primary.top::after,.action-sheet.primary.top::before{border-bottom-color:#00558b}.action-sheet.primary ul{margin:0 -1rem -1rem;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.action-sheet.primary ul:first-child{margin-top:-1rem}.action-sheet.primary ul:first-child li:first-child{border-top:0}.action-sheet.primary ul a{display:block;padding:.8rem;line-height:1;color:#fff;border-top:1px solid #006cb0}.action-sheet.primary ul a:hover{color:#fff;background:#00609e}.action-sheet.primary ul .alert>a{color:#F04124}.action-sheet.primary ul .disabled>a{pointer-events:none;color:#999}.action-sheet.dark{background:#232323;color:#fff;border:0}.action-sheet.dark::before{display:none}.action-sheet.dark::after,.action-sheet.dark::before{border-top-color:#232323}.action-sheet.dark.top::after,.action-sheet.dark.top::before{border-bottom-color:#232323}.action-sheet.dark ul{margin:0 -1rem -1rem;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.action-sheet.dark ul:first-child{margin-top:-1rem}.action-sheet.dark ul:first-child li:first-child{border-top:0}.action-sheet.dark ul a{display:block;padding:.8rem;line-height:1;color:#fff;border-top:1px solid #393939}.action-sheet.dark ul a:hover{color:#fff;background:#2e2e2e}.action-sheet.dark ul .alert>a{color:#F04124}.action-sheet.dark ul .disabled>a{pointer-events:none;color:#999}.block-list{margin-bottom:1rem;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.block-list,.block-list ul{list-style-type:none}.block-list ul{margin-left:0}.block-list{font-size:1rem;margin-left:-1rem;margin-right:-1rem}.block-list input[type=text],.block-list input[type=password],.block-list input[type=date],.block-list input[type=datetime],.block-list input[type=datetime-local],.block-list input[type=month],.block-list input[type=week],.block-list input[type=email],.block-list input[type=tel],.block-list input[type=time],.block-list input[type=url],.block-list input[type=color],.block-list input[type=number],.block-list input[type=search],.block-list textarea{margin:0;border:0;line-height:1;height:auto;padding:.8rem 1rem;color:inherit}.block-list input[type=text]:focus,.block-list input[type=text]:hover,.block-list input[type=password]:focus,.block-list input[type=password]:hover,.block-list input[type=date]:focus,.block-list input[type=date]:hover,.block-list input[type=datetime]:focus,.block-list input[type=datetime]:hover,.block-list input[type=datetime-local]:focus,.block-list input[type=datetime-local]:hover,.block-list input[type=month]:focus,.block-list input[type=month]:hover,.block-list input[type=week]:focus,.block-list input[type=week]:hover,.block-list input[type=email]:focus,.block-list input[type=email]:hover,.block-list input[type=tel]:focus,.block-list input[type=tel]:hover,.block-list input[type=time]:focus,.block-list input[type=time]:hover,.block-list input[type=url]:focus,.block-list input[type=url]:hover,.block-list input[type=color]:focus,.block-list input[type=color]:hover,.block-list input[type=number]:focus,.block-list input[type=number]:hover,.block-list input[type=search]:focus,.block-list input[type=search]:hover,.block-list textarea:focus,.block-list textarea:hover{border:0}.block-list li>input[type=checkbox],.block-list li>input[type=radio]{position:absolute;left:-9999px}.block-list li>input[type=checkbox]+label,.block-list li>input[type=radio]+label{display:block;font-size:1rem;margin:0}.block-list li>input[type=checkbox]:checked+label::before,.block-list li>input[type=radio]:checked+label::before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="32" viewBox="0 0 32 32"><path fill="black" d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zm6.906 8.875l2.219 2.031-12.063 13.281-6.188-6.188 2.125-2.125 3.938 3.938 9.969-10.938z"/></svg>');content:'';background-size:100% 100%;width:1.5em;height:1.5em;color:#00558b;float:right;pointer-events:none;margin-top:-.25em}@media screen and (min-width:0\0){.block-list li>input[type=checkbox]:checked+label::before,.block-list li>input[type=radio]:checked+label::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdlJREFUeNrMl0FugzAQRY3TRZeoFyhVL0BOkGTXJezaHZwguUnECaCrdFd6gqQnCN11Uyk5QekNOlONJWMVGMCgfGlkEIY3HnsG2xFM3d96PjQB2AJsWdPtAPYOln+dTwXnuw4DHEGzBvNFN6EDCTiS9XIAwB40acNoucKoxODIie0AwAOCu8KOSnIiNx/MakK+A7sW9oTferxx3fP3T1nURoBG/irGVahHwjHm/Ggx7E3TMVdrQmoP0gngghhpZQ3QvG/EdPLUelARWI8Aycjq9Md0qMIdbcNhjmOKLoY7quk3l1Rebeqg4AwFkmq7LWGOh1pmNY0etZAWSq0OX8HoS4JvWuCopbSY26EGR/CW86K0BF+pwkLwlPuyHJhOCl5oe4ZtF++vOqST+GdOYwO+71pN2VNAjmQGPCe42weuHDg0PI8olUwnYrXTGQJH9gxq8l1LKvrQx4O6/YY32Kp/ugb3ey7gZ4xAzuhYiYTxB/UHZFAuaREVXZ2g6yFlvEC2yoKEmbsRZYNgVLk2JeaOaG+xLHN+WCszDWMqLGOrJFa1DlApjSdwoHJGqGzLIb0+cas0wh5Bh780ngswx8GJD7h8sHg2wLA/mfDLPZpdxOF0quP5rwADAAFIzSRvu1m5AAAAAElFTkSuQmCC)}}.block-list .with-dropdown{color:inherit}.block-list .with-dropdown select{-webkit-appearance:none;-moz-appearance:none;outline:0;background:0;border:0;height:auto;padding:.8rem 1rem;margin:0;font-size:1em;line-height:1;color:inherit}.block-list .switch{position:absolute;top:50%;right:1rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.block-list.with-icons li>a,.block-list.with-icons li>label,.block-list.with-icons li>span{padding-left:2.8rem}.block-list.with-icons li .iconic,.block-list.with-icons li img{position:absolute;top:.26rem;left:.26rem;width:2.08rem;height:2.08rem;border-radius:8px;pointer-events:none}.block-list header{margin-top:1em;color:#666;font-weight:700;margin-bottom:.5em;margin-left:1rem;font-size:.8em;cursor:default;text-transform:uppercase}.block-list li{position:relative;border-bottom:1px solid #d0d0d0}.block-list li:first-child{border-top:1px solid #d0d0d0}.block-list li>a,.block-list li>label,.block-list li>span{display:block;padding:.8rem 1rem;color:#000;line-height:1}.block-list li>span{cursor:default}.block-list li>a,.block-list li>label{cursor:pointer}.block-list li>a:hover,.block-list li>label:hover{color:#000}.block-list li select:hover,.block-list li>a:hover,.block-list li>label:hover{background:#f4f4f4}.block-list li.caution>a,.block-list li.caution>a:hover{color:#F04124}.block-list li.disabled>a{cursor:default}.block-list li.disabled>a,.block-list li.disabled>a:hover{color:#999}.block-list li.disabled>a:hover{background:0 0}.block-list li.with-chevron::after{content:'\203A';display:block;position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-weight:700;color:#666;font-size:2em}.block-list li.with-chevron .block-list-label{padding-right:1.5rem}.block-list li .block-list-label{display:inline-block;float:right;padding:0;color:#999;pointer-events:none}.block-list li .block-list-label.left{margin-left:.8rem;float:none}.button,.button-group>li>a,.button-group>li>button,.button-group>li>label{display:inline-block;border:0;text-align:center;line-height:1;cursor:pointer;-webkit-appearance:none;-webkit-font-smoothing:antialiased;transition:background .25s ease-out;vertical-align:middle;padding:.85em 1em;margin:0 1rem 1rem 0;font-size:.9rem;border-radius:0}.button{font-size:.9rem;display:inline-block;width:auto;margin:0 1rem 1rem 0;background:#00558b;color:#fff}.button .iconic{width:1em;height:1em;vertical-align:middle;margin-right:.25em;margin-top:-2px}.button:focus,.button:hover{background:#004876;color:#fff}.button .iconic *,.button .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button.tiny{font-size:.63rem}.button.tiny .iconic{width:1em;height:1em;vertical-align:middle;margin-right:.25em;margin-top:-2px}.button.small{font-size:.72rem}.button.small .iconic{width:1em;height:1em;vertical-align:middle;margin-right:.25em;margin-top:-2px}.button.large{font-size:1.17rem}.button.large .iconic{width:1em;height:1em;vertical-align:middle;margin-right:.25em;margin-top:-2px}.button.expand{display:block;width:100%;margin-left:0;margin-right:0}.button.secondary{background:#f1f1f1;color:#000}.button.secondary:focus,.button.secondary:hover{background:#cdcdcd;color:#000}.button.secondary .iconic *,.button.secondary .iconic .iconic-property-accent{fill:#000;stroke:#000}.button.success{background:#43AC6A;color:#fff}.button.success:focus,.button.success:hover{background:#39925a;color:#fff}.button.success .iconic *,.button.success .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button.warning{background:#F08A24;color:#fff}.button.warning:focus,.button.warning:hover{background:#dc750f;color:#fff}.button.warning .iconic *,.button.warning .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button.alert{background:#F04124;color:#fff}.button.alert:focus,.button.alert:hover{background:#dc2c0f;color:#fff}.button.alert .iconic *,.button.alert .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button.info{background:#A0D3E8;color:#000}.button.info:focus,.button.info:hover{background:#71bddd;color:#000}.button.info .iconic *,.button.info .iconic .iconic-property-accent{fill:#000;stroke:#000}.button.dark{background:#232323;color:#fff}.button.dark:focus,.button.dark:hover{background:#1e1e1e;color:#fff}.button.dark .iconic *,.button.dark .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button.hollow{border:1px solid #00558b;background:0 0;color:#00558b}.button.hollow:focus,.button.hollow:hover{border-color:#008ee8;background:0 0;color:#008ee8}.button.hollow .iconic *,.button.hollow .iconic .iconic-property-accent{fill:#00558b;stroke:#00558b}.button.hollow:hover .iconic *,.button.hollow:hover .iconic .iconic-property-accent{fill:#008ee8;stroke:#008ee8}.button.hollow.secondary{border:1px solid #f1f1f1;background:0 0;color:#f1f1f1}.button.hollow.secondary:focus,.button.hollow.secondary:hover{border-color:#f4f4f4;background:0 0;color:#f4f4f4}.button.hollow.secondary .iconic *,.button.hollow.secondary .iconic .iconic-property-accent{fill:#f1f1f1;stroke:#f1f1f1}.button.hollow.secondary:hover .iconic *,.button.hollow.secondary:hover .iconic .iconic-property-accent{fill:#f4f4f4;stroke:#f4f4f4}.button.hollow.success{border:1px solid #43AC6A;background:0 0;color:#43AC6A}.button.hollow.success:focus,.button.hollow.success:hover{border-color:#6dc68e;background:0 0;color:#6dc68e}.button.hollow.success .iconic *,.button.hollow.success .iconic .iconic-property-accent{fill:#43AC6A;stroke:#43AC6A}.button.hollow.success:hover .iconic *,.button.hollow.success:hover .iconic .iconic-property-accent{fill:#6dc68e;stroke:#6dc68e}.button.hollow.warning{border:1px solid #F08A24;background:0 0;color:#F08A24}.button.hollow.warning:focus,.button.hollow.warning:hover{border-color:#f4a75b;background:0 0;color:#f4a75b}.button.hollow.warning .iconic *,.button.hollow.warning .iconic .iconic-property-accent{fill:#F08A24;stroke:#F08A24}.button.hollow.warning:hover .iconic *,.button.hollow.warning:hover .iconic .iconic-property-accent{fill:#f4a75b;stroke:#f4a75b}.button.hollow.alert{border:1px solid #F04124;background:0 0;color:#F04124}.button.hollow.alert:focus,.button.hollow.alert:hover{border-color:#f4715b;background:0 0;color:#f4715b}.button.hollow.alert .iconic *,.button.hollow.alert .iconic .iconic-property-accent{fill:#F04124;stroke:#F04124}.button.hollow.alert:hover .iconic *,.button.hollow.alert:hover .iconic .iconic-property-accent{fill:#f4715b;stroke:#f4715b}.button.hollow.info{border:1px solid #A0D3E8;background:0 0;color:#A0D3E8}.button.hollow.info:focus,.button.hollow.info:hover{border-color:#b8deee;background:0 0;color:#b8deee}.button.hollow.info .iconic *,.button.hollow.info .iconic .iconic-property-accent{fill:#A0D3E8;stroke:#A0D3E8}.button.hollow.info:hover .iconic *,.button.hollow.info:hover .iconic .iconic-property-accent{fill:#b8deee;stroke:#b8deee}.button.hollow.dark{border:1px solid #232323;background:0 0;color:#232323}.button.hollow.dark:focus,.button.hollow.dark:hover{border-color:#5a5a5a;background:0 0;color:#5a5a5a}.button.hollow.dark .iconic *,.button.hollow.dark .iconic .iconic-property-accent{fill:#232323;stroke:#232323}.button.hollow.dark:hover .iconic *,.button.hollow.dark:hover .iconic .iconic-property-accent{fill:#5a5a5a;stroke:#5a5a5a}.button.disabled{opacity:.5;cursor:default;pointer-events:none}.button-group{margin:0 0 1rem;list-style-type:none;overflow:hidden;font-size:.9rem}.button-group>li>a,.button-group>li>button,.button-group>li>label{border-radius:0;font-size:inherit;display:block;margin:0}.button-group>li>input+label{margin-left:0}.button-group>li:not(:last-child)>a,.button-group>li:not(:last-child)>button,.button-group>li:not(:last-child)>label{border-right:1px solid #004068}.button-group .iconic{width:1em;height:1em;vertical-align:middle;margin-right:.25em;margin-top:-2px}.button-group.segmented,.button-group.segmented.alert,.button-group.segmented.secondary,.button-group.segmented.success,.button-group.segmented.warning{border:1px solid #00558b;transition-property:background color}.button-group.segmented>li>input[type=radio]{position:absolute;left:-9999px}.button-group.segmented.alert>li>a,.button-group.segmented.alert>li>button,.button-group.segmented.alert>li>label,.button-group.segmented.secondary>li>a,.button-group.segmented.secondary>li>button,.button-group.segmented.secondary>li>label,.button-group.segmented.success>li>a,.button-group.segmented.success>li>button,.button-group.segmented.success>li>label,.button-group.segmented.warning>li>a,.button-group.segmented.warning>li>button,.button-group.segmented.warning>li>label,.button-group.segmented>li>a,.button-group.segmented>li>button,.button-group.segmented>li>label{margin-right:0;background:0 0}.button-group{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;border-radius:0}.button-group>li{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.button-group>li>a,.button-group>li>button,.button-group>li>label{background:#00558b;color:#fff;border-color:#004876}.button-group>li>a:focus,.button-group>li>a:hover,.button-group>li>button:focus,.button-group>li>button:hover,.button-group>li>label:focus,.button-group>li>label:hover{background:#004876;color:#fff}.button-group>li>a .iconic *,.button-group>li>a .iconic .iconic-property-accent,.button-group>li>button .iconic *,.button-group>li>button .iconic .iconic-property-accent,.button-group>li>label .iconic *,.button-group>li>label .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button-group>li.is-active>a,.button-group>li.is-active>button,.button-group>li.is-active>label{background:#004876}.button-group.secondary>li>a,.button-group.secondary>li>button,.button-group.secondary>li>label{background:#f1f1f1;color:#000;border-color:#cdcdcd}.button-group.secondary>li>a:focus,.button-group.secondary>li>a:hover,.button-group.secondary>li>button:focus,.button-group.secondary>li>button:hover,.button-group.secondary>li>label:focus,.button-group.secondary>li>label:hover{background:#cdcdcd;color:#000}.button-group.secondary>li>a .iconic *,.button-group.secondary>li>a .iconic .iconic-property-accent,.button-group.secondary>li>button .iconic *,.button-group.secondary>li>button .iconic .iconic-property-accent,.button-group.secondary>li>label .iconic *,.button-group.secondary>li>label .iconic .iconic-property-accent{fill:#000;stroke:#000}.button-group.secondary>li.is-active>a,.button-group.secondary>li.is-active>button,.button-group.secondary>li.is-active>label{background:#cdcdcd}.button-group.success>li>a,.button-group.success>li>button,.button-group.success>li>label{background:#43AC6A;color:#fff;border-color:#39925a}.button-group.success>li>a:focus,.button-group.success>li>a:hover,.button-group.success>li>button:focus,.button-group.success>li>button:hover,.button-group.success>li>label:focus,.button-group.success>li>label:hover{background:#39925a;color:#fff}.button-group.success>li>a .iconic *,.button-group.success>li>a .iconic .iconic-property-accent,.button-group.success>li>button .iconic *,.button-group.success>li>button .iconic .iconic-property-accent,.button-group.success>li>label .iconic *,.button-group.success>li>label .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button-group.success>li.is-active>a,.button-group.success>li.is-active>button,.button-group.success>li.is-active>label{background:#39925a}.button-group.warning>li>a,.button-group.warning>li>button,.button-group.warning>li>label{background:#F08A24;color:#fff;border-color:#dc750f}.button-group.warning>li>a:focus,.button-group.warning>li>a:hover,.button-group.warning>li>button:focus,.button-group.warning>li>button:hover,.button-group.warning>li>label:focus,.button-group.warning>li>label:hover{background:#dc750f;color:#fff}.button-group.warning>li>a .iconic *,.button-group.warning>li>a .iconic .iconic-property-accent,.button-group.warning>li>button .iconic *,.button-group.warning>li>button .iconic .iconic-property-accent,.button-group.warning>li>label .iconic *,.button-group.warning>li>label .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button-group.warning>li.is-active>a,.button-group.warning>li.is-active>button,.button-group.warning>li.is-active>label{background:#dc750f}.button-group.alert>li>a,.button-group.alert>li>button,.button-group.alert>li>label{background:#F04124;color:#fff;border-color:#dc2c0f}.button-group.alert>li>a:focus,.button-group.alert>li>a:hover,.button-group.alert>li>button:focus,.button-group.alert>li>button:hover,.button-group.alert>li>label:focus,.button-group.alert>li>label:hover{background:#dc2c0f;color:#fff}.button-group.alert>li>a .iconic *,.button-group.alert>li>a .iconic .iconic-property-accent,.button-group.alert>li>button .iconic *,.button-group.alert>li>button .iconic .iconic-property-accent,.button-group.alert>li>label .iconic *,.button-group.alert>li>label .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button-group.alert>li.is-active>a,.button-group.alert>li.is-active>button,.button-group.alert>li.is-active>label{background:#dc2c0f}.button-group>li.secondary>a,.button-group>li.secondary>button,.button-group>li.secondary>label{background:#f1f1f1;color:#000;border-color:#f1f1f1}.button-group>li.secondary>a:focus,.button-group>li.secondary>a:hover,.button-group>li.secondary>button:focus,.button-group>li.secondary>button:hover,.button-group>li.secondary>label:focus,.button-group>li.secondary>label:hover{background:#cdcdcd;color:#000;border-color:#b5b5b5}.button-group>li.secondary>a .iconic *,.button-group>li.secondary>a .iconic .iconic-property-accent,.button-group>li.secondary>button .iconic *,.button-group>li.secondary>button .iconic .iconic-property-accent,.button-group>li.secondary>label .iconic *,.button-group>li.secondary>label .iconic .iconic-property-accent{fill:#000;stroke:#000}.button-group>li.success>a,.button-group>li.success>button,.button-group>li.success>label{background:#43AC6A;color:#fff;border-color:#43AC6A}.button-group>li.success>a:focus,.button-group>li.success>a:hover,.button-group>li.success>button:focus,.button-group>li.success>button:hover,.button-group>li.success>label:focus,.button-group>li.success>label:hover{background:#39925a;color:#fff;border-color:#32814f}.button-group>li.success>a .iconic *,.button-group>li.success>a .iconic .iconic-property-accent,.button-group>li.success>button .iconic *,.button-group>li.success>button .iconic .iconic-property-accent,.button-group>li.success>label .iconic *,.button-group>li.success>label .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button-group>li.warning>a,.button-group>li.warning>button,.button-group>li.warning>label{background:#F08A24;color:#fff;border-color:#F08A24}.button-group>li.warning>a:focus,.button-group>li.warning>a:hover,.button-group>li.warning>button:focus,.button-group>li.warning>button:hover,.button-group>li.warning>label:focus,.button-group>li.warning>label:hover{background:#dc750f;color:#fff;border-color:#c2670d}.button-group>li.warning>a .iconic *,.button-group>li.warning>a .iconic .iconic-property-accent,.button-group>li.warning>button .iconic *,.button-group>li.warning>button .iconic .iconic-property-accent,.button-group>li.warning>label .iconic *,.button-group>li.warning>label .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button-group>li.alert>a,.button-group>li.alert>button,.button-group>li.alert>label{background:#F04124;color:#fff;border-color:#F04124}.button-group>li.alert>a:focus,.button-group>li.alert>a:hover,.button-group>li.alert>button:focus,.button-group>li.alert>button:hover,.button-group>li.alert>label:focus,.button-group>li.alert>label:hover{background:#dc2c0f;color:#fff;border-color:#c2270d}.button-group>li.alert>a .iconic *,.button-group>li.alert>a .iconic .iconic-property-accent,.button-group>li.alert>button .iconic *,.button-group>li.alert>button .iconic .iconic-property-accent,.button-group>li.alert>label .iconic *,.button-group>li.alert>label .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button-group.segmented{border-color:#00558b}.button-group.segmented>li>a,.button-group.segmented>li>button,.button-group.segmented>li>label{border-color:#00558b;color:#00558b}.button-group.segmented>li>a:hover,.button-group.segmented>li>button:hover,.button-group.segmented>li>label:hover{background:rgba(0,85,139,.25);color:#00558b}.button-group.segmented>li>a .iconic *,.button-group.segmented>li>a .iconic .iconic-property-accent,.button-group.segmented>li>button .iconic *,.button-group.segmented>li>button .iconic .iconic-property-accent,.button-group.segmented>li>label .iconic *,.button-group.segmented>li>label .iconic .iconic-property-accent{fill:#00558b;stroke:#00558b}.button-group.segmented>li.is-active>a,.button-group.segmented>li.is-active>a:hover,.button-group.segmented>li>input:checked+label,.button-group.segmented>li>input:checked+label:hover{background:#00558b;color:#fff}.button-group.segmented>li.is-active>a .iconic *,.button-group.segmented>li.is-active>a .iconic .iconic-property-accent,.button-group.segmented>li>input:checked+label .iconic *,.button-group.segmented>li>input:checked+label .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button-group.segmented.secondary{border-color:#f1f1f1}.button-group.segmented.secondary>li>a,.button-group.segmented.secondary>li>button,.button-group.segmented.secondary>li>label{border-color:#f1f1f1;color:#f1f1f1}.button-group.segmented.secondary>li>a:hover,.button-group.segmented.secondary>li>button:hover,.button-group.segmented.secondary>li>label:hover{background:rgba(241,241,241,.25);color:#f1f1f1}.button-group.segmented.secondary>li>a .iconic *,.button-group.segmented.secondary>li>a .iconic .iconic-property-accent,.button-group.segmented.secondary>li>button .iconic *,.button-group.segmented.secondary>li>button .iconic .iconic-property-accent,.button-group.segmented.secondary>li>label .iconic *,.button-group.segmented.secondary>li>label .iconic .iconic-property-accent{fill:#f1f1f1;stroke:#f1f1f1}.button-group.segmented.secondary>li.is-active>a,.button-group.segmented.secondary>li.is-active>a:hover,.button-group.segmented.secondary>li>input:checked+label,.button-group.segmented.secondary>li>input:checked+label:hover{background:#f1f1f1;color:#000}.button-group.segmented.secondary>li.is-active>a .iconic *,.button-group.segmented.secondary>li.is-active>a .iconic .iconic-property-accent,.button-group.segmented.secondary>li>input:checked+label .iconic *,.button-group.segmented.secondary>li>input:checked+label .iconic .iconic-property-accent{fill:#000;stroke:#000}.button-group.segmented.success{border-color:#43AC6A}.button-group.segmented.success>li>a,.button-group.segmented.success>li>button,.button-group.segmented.success>li>label{border-color:#43AC6A;color:#43AC6A}.button-group.segmented.success>li>a:hover,.button-group.segmented.success>li>button:hover,.button-group.segmented.success>li>label:hover{background:rgba(67,172,106,.25);color:#43AC6A}.button-group.segmented.success>li>a .iconic *,.button-group.segmented.success>li>a .iconic .iconic-property-accent,.button-group.segmented.success>li>button .iconic *,.button-group.segmented.success>li>button .iconic .iconic-property-accent,.button-group.segmented.success>li>label .iconic *,.button-group.segmented.success>li>label .iconic .iconic-property-accent{fill:#43AC6A;stroke:#43AC6A}.button-group.segmented.success>li.is-active>a,.button-group.segmented.success>li.is-active>a:hover,.button-group.segmented.success>li>input:checked+label,.button-group.segmented.success>li>input:checked+label:hover{background:#43AC6A;color:#fff}.button-group.segmented.success>li.is-active>a .iconic *,.button-group.segmented.success>li.is-active>a .iconic .iconic-property-accent,.button-group.segmented.success>li>input:checked+label .iconic *,.button-group.segmented.success>li>input:checked+label .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button-group.segmented.warning{border-color:#F08A24}.button-group.segmented.warning>li>a,.button-group.segmented.warning>li>button,.button-group.segmented.warning>li>label{border-color:#F08A24;color:#F08A24}.button-group.segmented.warning>li>a:hover,.button-group.segmented.warning>li>button:hover,.button-group.segmented.warning>li>label:hover{background:rgba(240,138,36,.25);color:#F08A24}.button-group.segmented.warning>li>a .iconic *,.button-group.segmented.warning>li>a .iconic .iconic-property-accent,.button-group.segmented.warning>li>button .iconic *,.button-group.segmented.warning>li>button .iconic .iconic-property-accent,.button-group.segmented.warning>li>label .iconic *,.button-group.segmented.warning>li>label .iconic .iconic-property-accent{fill:#F08A24;stroke:#F08A24}.button-group.segmented.warning>li.is-active>a,.button-group.segmented.warning>li.is-active>a:hover,.button-group.segmented.warning>li>input:checked+label,.button-group.segmented.warning>li>input:checked+label:hover{background:#F08A24;color:#fff}.button-group.segmented.warning>li.is-active>a .iconic *,.button-group.segmented.warning>li.is-active>a .iconic .iconic-property-accent,.button-group.segmented.warning>li>input:checked+label .iconic *,.button-group.segmented.warning>li>input:checked+label .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button-group.segmented.alert{border-color:#F04124}.button-group.segmented.alert>li>a,.button-group.segmented.alert>li>button,.button-group.segmented.alert>li>label{border-color:#F04124;color:#F04124}.button-group.segmented.alert>li>a:hover,.button-group.segmented.alert>li>button:hover,.button-group.segmented.alert>li>label:hover{background:rgba(240,65,36,.25);color:#F04124}.button-group.segmented.alert>li>a .iconic *,.button-group.segmented.alert>li>a .iconic .iconic-property-accent,.button-group.segmented.alert>li>button .iconic *,.button-group.segmented.alert>li>button .iconic .iconic-property-accent,.button-group.segmented.alert>li>label .iconic *,.button-group.segmented.alert>li>label .iconic .iconic-property-accent{fill:#F04124;stroke:#F04124}.button-group.segmented.alert>li.is-active>a,.button-group.segmented.alert>li.is-active>a:hover,.button-group.segmented.alert>li>input:checked+label,.button-group.segmented.alert>li>input:checked+label:hover{background:#F04124;color:#fff}.button-group.segmented.alert>li.is-active>a .iconic *,.button-group.segmented.alert>li.is-active>a .iconic .iconic-property-accent,.button-group.segmented.alert>li>input:checked+label .iconic *,.button-group.segmented.alert>li>input:checked+label .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.button-group.tiny{font-size:.63rem}.button-group.small{font-size:.72rem}.button-group.large{font-size:1.17rem}.button-group.expand{display:-webkit-flex;display:-ms-flexbox;display:flex}.button-group.expand>li{-webkit-flex:1;-ms-flex:1;flex:1}.button-group.expand>li>a,.button-group.expand>li>button,.button-group.expand>li>label{display:block;width:100%;margin-left:0;margin-right:0}.button-group li.disabled>a,.button-group li.disabled>button,.button-group li.disabled>label{opacity:.5;cursor:default;pointer-events:none}.card{border:1px solid #ededed;margin-bottom:.5rem;background:#fff;color:#000;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2);overflow:hidden}.card h1,.card h2,.card h3,.card h4,.card h5,.card h6{color:inherit}.card ul{margin-bottom:0}.card img{width:100%}.card.primary{border:0;margin-bottom:.5rem;background:#00558b;color:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2);overflow:hidden}.card.primary h1,.card.primary h2,.card.primary h3,.card.primary h4,.card.primary h5,.card.primary h6{color:inherit}.card.primary ul{margin-bottom:0}.card.primary img{width:100%}.card.primary .card-divider{background:#0065a5;padding:1rem}.card.success{border:0;margin-bottom:.5rem;background:#43AC6A;color:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2);overflow:hidden}.card.success h1,.card.success h2,.card.success h3,.card.success h4,.card.success h5,.card.success h6{color:inherit}.card.success ul{margin-bottom:0}.card.success img{width:100%}.card.success .card-divider{background:#4ab873;padding:1rem}.card.warning{border:0;margin-bottom:.5rem;background:#F08A24;color:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2);overflow:hidden}.card.warning h1,.card.warning h2,.card.warning h3,.card.warning h4,.card.warning h5,.card.warning h6{color:inherit}.card.warning ul{margin-bottom:0}.card.warning img{width:100%}.card.warning .card-divider{background:#f19233;padding:1rem}.card.alert{border:0;margin-bottom:.5rem;background:#F04124;color:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2);overflow:hidden}.card.alert h1,.card.alert h2,.card.alert h3,.card.alert h4,.card.alert h5,.card.alert h6{color:inherit}.card.alert ul{margin-bottom:0}.card.alert img{width:100%}.card.alert .card-divider{background:#f14e33;padding:1rem}.card.dark{border:0;margin-bottom:.5rem;background:#232323;color:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2);overflow:hidden}.card.dark h1,.card.dark h2,.card.dark h3,.card.dark h4,.card.dark h5,.card.dark h6{color:inherit}.card.dark ul{margin-bottom:0}.card.dark img{width:100%}.card.dark .card-divider{background:#323232;padding:1rem}.card-divider{background:#ededed;padding:1rem}.card-section{padding:1rem}.close-button{position:absolute;color:#999;top:1rem;right:1rem;font-size:2em;line-height:.5;cursor:pointer}.close-button:hover{color:#333}.thumbnail,ul.thumbnails>li img{padding:.5rem;box-shadow:0 3px 15px rgba(0,0,0,.25)}ul.thumbnails>li{margin-bottom:1rem}ul.thumbnails>li a{display:block}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=week],input[type=email],input[type=tel],input[type=time],input[type=url],input[type=color],input[type=number],input[type=search],textarea{-webkit-appearance:none;-moz-appearance:none;display:block;width:100%;height:2.4rem;padding:.5rem;margin:0 0 1rem;border:1px solid #ccc;border-radius:0;background:#fff;color:#000;font-size:1rem;-webkit-font-smoothing:antialiased;vertical-align:middle}input[type=text]:hover,input[type=password]:hover,input[type=date]:hover,input[type=datetime]:hover,input[type=datetime-local]:hover,input[type=month]:hover,input[type=week]:hover,input[type=email]:hover,input[type=tel]:hover,input[type=time]:hover,input[type=url]:hover,input[type=color]:hover,input[type=number]:hover,input[type=search]:hover,textarea:hover{border:1px solid #bbb;background:#fff;color:#000}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=week]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input[type=color]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus{outline:0;border:1px solid #999;background:#fff;color:#000}label>input[type=text],label>input[type=password],label>input[type=date],label>input[type=datetime],label>input[type=datetime-local],label>input[type=month],label>input[type=week],label>input[type=email],label>input[type=tel],label>input[type=time],label>input[type=url],label>input[type=color],label>input[type=number],label>input[type=search],label>textarea{margin-top:.5rem}input[type=search]{box-sizing:border-box}fieldset[disabled] input,input.disabled,input[disabled],input[readonly]{cursor:false}fieldset[disabled] input,fieldset[disabled] input:hover,input.disabled,input.disabled:hover,input[disabled],input[disabled]:hover,input[readonly],input[readonly]:hover{background-color:#f2f2f2}label{display:block;font-size:.9rem;margin-bottom:.5rem;color:#333}label>input,label>textarea{margin-top:.5rem}input[type=checkbox],input[type=radio]{width:1rem;height:1rem}label>input[type=checkbox],label>input[type=radio]{margin-right:.25rem}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}.inline-label{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;margin-bottom:1rem}label>.inline-label{margin-top:.5rem}.inline-label>input,.inline-label>select{-webkit-flex:1;-ms-flex:1;flex:1;margin:0}.inline-label>.form-label{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;background:#eee;color:#333;border:1px solid #ccc;padding:0 .5rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.inline-label>.form-label:first-child{border-right:0}.inline-label>.form-label:last-child{border-left:0}.inline-label>a,.inline-label>button,.inline-label>input[type=button],.inline-label>input[type=submit]{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-top:0;padding-bottom:0;margin:0;border-radius:0}textarea{height:auto;width:100%;min-height:50px}select{-webkit-appearance:none;-moz-appearance:none;display:block;width:100%;height:2.4rem;padding:.5rem 1.625rem .5rem .5rem;margin:0 0 1rem;font-size:1rem;color:#000;border-radius:0;border:1px solid #ccc;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: black"></polygon></svg>') right 10px center no-repeat #fafafa;background-size:8px 8px}select:hover{background-color:#f0f0f0}select:focus{outline:0}select::-ms-expand{display:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;display:block;width:100%;height:auto;cursor:pointer;margin-top:.25rem;margin-bottom:.25rem;border:0;line-height:1}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{height:1rem;background:#ddd}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#00558b;width:1.5rem;height:1.5rem;margin-top:-.25rem}input[type=range]::-moz-range-track{-moz-appearance:none;height:1rem;background:#ccc}input[type=range]::-moz-range-thumb{-moz-appearance:none;background:#00558b;width:1.5rem;height:1.5rem;margin-top:-.25rem}input[type=range]::-ms-track{height:1rem;background:#ddd;color:transparent;border:0;overflow:visible;border-top:.25rem solid #fff;border-bottom:.25rem solid #fff}input[type=range]::-ms-thumb{background:#00558b;width:1.5rem;height:1.5rem;border:0}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#ddd}output{line-height:1.5rem;vertical-align:middle;margin-left:.5em}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;background:#00558b}meter,progress{-webkit-appearance:none;-moz-appearance:none;display:block;width:100%;height:1.5rem;margin-bottom:1rem;background:#ccc;border:0}progress::-webkit-progress-bar{background:#ccc}progress::-webkit-progress-value{background:#00558b}progress::-moz-progress-bar{background:#00558b}progress.high::-webkit-progress-value{background:#43AC6A}progress.high::-moz-progress-bar{background:#43AC6A}progress.medium::-webkit-progress-value{background:#e7cf00}progress.medium::-moz-progress-bar{background:#e7cf00}progress.low::-webkit-progress-value{background:#F04124}progress.low::-moz-progress-bar{background:#F04124}meter{background:#ccc}meter::-webkit-meter-bar{background:#ccc}meter::-webkit-meter-optimum-value{background:#43AC6A}meter::-webkit-meter-suboptimum-value{background:#e7cf00}meter::-webkit-meter-even-less-good-value{background:#F04124}meter::-moz-meter-bar{background:#00558b}meter:-moz-meter-optimum::-moz-meter-bar{background:#43AC6A}meter:-moz-meter-sub-optimum::-moz-meter-bar{background:#e7cf00}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:#F04124}.panel{position:absolute;z-index:100;overflow-y:auto;display:none}.is-active.panel{display:block}.panel{padding:0;background:#fff}.panel-top{top:0;left:0;width:100%;height:300px}.panel-top.is-active{box-shadow:0 3px 10px rgba(0,0,0,.25)}.panel-right{top:0;right:0;height:100%;width:100%}@media only screen and (min-width:18.75em){.panel-right{width:300px}}.panel-right.is-active{box-shadow:-3px 0 10px rgba(0,0,0,.25)}.panel-bottom{bottom:0;left:0;width:100%;height:300px}.panel-bottom.is-active{box-shadow:2px -3px 10px rgba(0,0,0,.25)}.panel-left{top:0;left:0;height:100%;width:100%}@media only screen and (min-width:18.75em){.panel-left{width:300px}}.panel-left.is-active{box-shadow:3px 0 10px rgba(0,0,0,.25)}.panel-fixed{position:fixed}.small-vertical.grid-block,.small-vertical.grid-frame,.small-vertical.large-grid-block,.small-vertical.medium-grid-block,.small-vertical.small-grid-block,.vertical.grid-block,.vertical.grid-frame,.vertical.large-grid-block,.vertical.medium-grid-block,.vertical.small-grid-block{-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.small-horizontal.grid-block,.small-horizontal.grid-frame,.small-horizontal.large-grid-block,.small-horizontal.medium-grid-block,.small-horizontal.small-grid-block{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}@media only screen and (min-width:40em){.medium-vertical.grid-block,.medium-vertical.grid-frame,.medium-vertical.large-grid-block,.medium-vertical.medium-grid-block,.medium-vertical.small-grid-block{-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.medium-horizontal.grid-block,.medium-horizontal.grid-frame,.medium-horizontal.large-grid-block,.medium-horizontal.medium-grid-block,.medium-horizontal.small-grid-block{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}}@media only screen and (min-width:75em){.large-vertical.grid-block,.large-vertical.grid-frame,.large-vertical.large-grid-block,.large-vertical.medium-grid-block,.large-vertical.small-grid-block{-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.large-horizontal.grid-block,.large-horizontal.grid-frame,.large-horizontal.large-grid-block,.large-horizontal.medium-grid-block,.large-horizontal.small-grid-block{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}}.align-right.grid-block,.align-right.grid-frame,.align-right.large-grid-block,.align-right.medium-grid-block,.align-right.small-grid-block{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.align-center.grid-block,.align-center.grid-frame,.align-center.large-grid-block,.align-center.medium-grid-block,.align-center.small-grid-block{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.align-justify.grid-block,.align-justify.grid-frame,.align-justify.large-grid-block,.align-justify.medium-grid-block,.align-justify.small-grid-block{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.align-spaced.grid-block,.align-spaced.grid-frame,.align-spaced.large-grid-block,.align-spaced.medium-grid-block,.align-spaced.small-grid-block{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.wrap.grid-block,.wrap.grid-frame,.wrap.large-grid-block,.wrap.medium-grid-block,.wrap.small-grid-block{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.shrink.grid-block,.shrink.grid-content,.shrink.large-grid-block,.shrink.large-grid-content,.shrink.medium-grid-block,.shrink.medium-grid-content,.shrink.small-grid-block,.shrink.small-grid-content{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.noscroll.grid-block,.noscroll.grid-content,.noscroll.large-grid-block,.noscroll.large-grid-content,.noscroll.medium-grid-block,.noscroll.medium-grid-content,.noscroll.small-grid-block,.noscroll.small-grid-content{overflow:hidden}.grid-frame{display:-webkit-flex;display:-ms-flexbox;display:flex;height:100vh;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-order:0;-ms-flex-order:0;order:0}.grid-block{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-order:0;-ms-flex-order:0;order:0;height:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.grid-content{display:block;padding:0 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.grid-content.collapse{padding:0}.grid-content .grid-block{margin-left:-1rem;margin-right:-1rem;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:visible}.grid-content .grid-block.nowrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.grid-content .grid-block .grid-content{overflow:visible}.grid-container{max-width:56.25rem;margin:0 auto}.grid-container.contain-left{max-width:56.25rem;margin:0 auto 0 0}.grid-container.contain-right{max-width:56.25rem;margin:0 0 0 auto}.small-grid-block{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-order:0;-ms-flex-order:0;order:0;height:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.small-grid-block.panel{-webkit-transform:none;transform:none;position:relative;width:auto;height:auto;z-index:auto;box-shadow:none;background:0 0;top:auto;right:auto;bottom:auto;left:auto}.small-grid-content{display:block;padding:0 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.small-grid-content.panel{-webkit-transform:none;transform:none;position:relative;width:auto;height:auto;z-index:auto;box-shadow:none;background:0 0;top:auto;right:auto;bottom:auto;left:auto}@media only screen and (min-width:40em){.medium-grid-block{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-order:0;-ms-flex-order:0;order:0;height:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.medium-grid-block.panel{-webkit-transform:none;transform:none;position:relative;width:auto;height:auto;z-index:auto;box-shadow:none;background:0 0;top:auto;right:auto;bottom:auto;left:auto}}@media only screen and (min-width:40em){.medium-grid-content{display:block;padding:0 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.medium-grid-content.panel{-webkit-transform:none;transform:none;position:relative;width:auto;height:auto;z-index:auto;box-shadow:none;background:0 0;top:auto;right:auto;bottom:auto;left:auto}}@media only screen and (min-width:75em){.large-grid-block{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-order:0;-ms-flex-order:0;order:0;height:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.large-grid-block.panel{-webkit-transform:none;transform:none;position:relative;width:auto;height:auto;z-index:auto;box-shadow:none;background:0 0;top:auto;right:auto;bottom:auto;left:auto}}@media only screen and (min-width:75em){.large-grid-content{display:block;padding:0 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.large-grid-content.panel{-webkit-transform:none;transform:none;position:relative;width:auto;height:auto;z-index:auto;box-shadow:none;background:0 0;top:auto;right:auto;bottom:auto;left:auto}}.order-1{-webkit-order:1;-ms-flex-order:1;order:1}.order-2{-webkit-order:2;-ms-flex-order:2;order:2}.order-3{-webkit-order:3;-ms-flex-order:3;order:3}.order-4{-webkit-order:4;-ms-flex-order:4;order:4}.order-5{-webkit-order:5;-ms-flex-order:5;order:5}.order-6{-webkit-order:6;-ms-flex-order:6;order:6}.order-7{-webkit-order:7;-ms-flex-order:7;order:7}.order-8{-webkit-order:8;-ms-flex-order:8;order:8}.order-9{-webkit-order:9;-ms-flex-order:9;order:9}.order-10{-webkit-order:10;-ms-flex-order:10;order:10}.order-11{-webkit-order:11;-ms-flex-order:11;order:11}.order-12{-webkit-order:12;-ms-flex-order:12;order:12}.small-1{-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.small-order-1{-webkit-order:1;-ms-flex-order:1;order:1}.small-offset-1{margin-left:8.33333%}.small-up-1{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.small-up-1>div,.small-up-1>li,.small-up-1>section{padding:0 1rem 1rem;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.small-2{-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.small-order-2{-webkit-order:2;-ms-flex-order:2;order:2}.small-offset-2{margin-left:16.66667%}.small-up-2{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.small-up-2>div,.small-up-2>li,.small-up-2>section{padding:0 1rem 1rem;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}.small-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.small-order-3{-webkit-order:3;-ms-flex-order:3;order:3}.small-offset-3{margin-left:25%}.small-up-3{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.small-up-3>div,.small-up-3>li,.small-up-3>section{padding:0 1rem 1rem;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%}.small-4{-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.small-order-4{-webkit-order:4;-ms-flex-order:4;order:4}.small-offset-4{margin-left:33.33333%}.small-up-4{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.small-up-4>div,.small-up-4>li,.small-up-4>section{padding:0 1rem 1rem;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}.small-5{-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.small-order-5{-webkit-order:5;-ms-flex-order:5;order:5}.small-offset-5{margin-left:41.66667%}.small-up-5{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.small-up-5>div,.small-up-5>li,.small-up-5>section{padding:0 1rem 1rem;-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%}.small-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.small-order-6{-webkit-order:6;-ms-flex-order:6;order:6}.small-offset-6{margin-left:50%}.small-up-6{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.small-up-6>div,.small-up-6>li,.small-up-6>section{padding:0 1rem 1rem;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%}.small-7{-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.small-order-7{-webkit-order:7;-ms-flex-order:7;order:7}.small-offset-7{margin-left:58.33333%}.small-up-7{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.small-up-7>div,.small-up-7>li,.small-up-7>section{padding:0 1rem 1rem;-webkit-flex:0 0 14.28571%;-ms-flex:0 0 14.28571%;flex:0 0 14.28571%}.small-8{-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.small-order-8{-webkit-order:8;-ms-flex-order:8;order:8}.small-offset-8{margin-left:66.66667%}.small-up-8{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.small-up-8>div,.small-up-8>li,.small-up-8>section{padding:0 1rem 1rem;-webkit-flex:0 0 12.5%;-ms-flex:0 0 12.5%;flex:0 0 12.5%}.small-9{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.small-order-9{-webkit-order:9;-ms-flex-order:9;order:9}.small-offset-9{margin-left:75%}.small-up-9{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.small-up-9>div,.small-up-9>li,.small-up-9>section{padding:0 1rem 1rem;-webkit-flex:0 0 11.11111%;-ms-flex:0 0 11.11111%;flex:0 0 11.11111%}.small-10{-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.small-order-10{-webkit-order:10;-ms-flex-order:10;order:10}.small-offset-10{margin-left:83.33333%}.small-up-10{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.small-up-10>div,.small-up-10>li,.small-up-10>section{padding:0 1rem 1rem;-webkit-flex:0 0 10%;-ms-flex:0 0 10%;flex:0 0 10%}.small-11{-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.small-order-11{-webkit-order:11;-ms-flex-order:11;order:11}.small-offset-11{margin-left:91.66667%}.small-up-11{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.small-up-11>div,.small-up-11>li,.small-up-11>section{padding:0 1rem 1rem;-webkit-flex:0 0 9.09091%;-ms-flex:0 0 9.09091%;flex:0 0 9.09091%}.small-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.small-order-12{-webkit-order:12;-ms-flex-order:12;order:12}.small-offset-12{margin-left:100%}.small-up-12{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.small-up-12>div,.small-up-12>li,.small-up-12>section{padding:0 1rem 1rem;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%}@media only screen and (min-width:40em){.medium-1{-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.medium-order-1{-webkit-order:1;-ms-flex-order:1;order:1}.medium-offset-1{margin-left:8.33333%}.medium-up-1{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.medium-up-1>div,.medium-up-1>li,.medium-up-1>section{padding:0 1rem 1rem;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}@media only screen and (min-width:40em){.medium-2{-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.medium-order-2{-webkit-order:2;-ms-flex-order:2;order:2}.medium-offset-2{margin-left:16.66667%}.medium-up-2{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.medium-up-2>div,.medium-up-2>li,.medium-up-2>section{padding:0 1rem 1rem;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}}@media only screen and (min-width:40em){.medium-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.medium-order-3{-webkit-order:3;-ms-flex-order:3;order:3}.medium-offset-3{margin-left:25%}.medium-up-3{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.medium-up-3>div,.medium-up-3>li,.medium-up-3>section{padding:0 1rem 1rem;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%}}@media only screen and (min-width:40em){.medium-4{-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.medium-order-4{-webkit-order:4;-ms-flex-order:4;order:4}.medium-offset-4{margin-left:33.33333%}.medium-up-4{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.medium-up-4>div,.medium-up-4>li,.medium-up-4>section{padding:0 1rem 1rem;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}}@media only screen and (min-width:40em){.medium-5{-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.medium-order-5{-webkit-order:5;-ms-flex-order:5;order:5}.medium-offset-5{margin-left:41.66667%}.medium-up-5{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.medium-up-5>div,.medium-up-5>li,.medium-up-5>section{padding:0 1rem 1rem;-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%}}@media only screen and (min-width:40em){.medium-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.medium-order-6{-webkit-order:6;-ms-flex-order:6;order:6}.medium-offset-6{margin-left:50%}.medium-up-6{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.medium-up-6>div,.medium-up-6>li,.medium-up-6>section{padding:0 1rem 1rem;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%}}@media only screen and (min-width:40em){.medium-7{-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.medium-order-7{-webkit-order:7;-ms-flex-order:7;order:7}.medium-offset-7{margin-left:58.33333%}.medium-up-7{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.medium-up-7>div,.medium-up-7>li,.medium-up-7>section{padding:0 1rem 1rem;-webkit-flex:0 0 14.28571%;-ms-flex:0 0 14.28571%;flex:0 0 14.28571%}}@media only screen and (min-width:40em){.medium-8{-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.medium-order-8{-webkit-order:8;-ms-flex-order:8;order:8}.medium-offset-8{margin-left:66.66667%}.medium-up-8{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.medium-up-8>div,.medium-up-8>li,.medium-up-8>section{padding:0 1rem 1rem;-webkit-flex:0 0 12.5%;-ms-flex:0 0 12.5%;flex:0 0 12.5%}}@media only screen and (min-width:40em){.medium-9{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.medium-order-9{-webkit-order:9;-ms-flex-order:9;order:9}.medium-offset-9{margin-left:75%}.medium-up-9{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.medium-up-9>div,.medium-up-9>li,.medium-up-9>section{padding:0 1rem 1rem;-webkit-flex:0 0 11.11111%;-ms-flex:0 0 11.11111%;flex:0 0 11.11111%}}@media only screen and (min-width:40em){.medium-10{-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.medium-order-10{-webkit-order:10;-ms-flex-order:10;order:10}.medium-offset-10{margin-left:83.33333%}.medium-up-10{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.medium-up-10>div,.medium-up-10>li,.medium-up-10>section{padding:0 1rem 1rem;-webkit-flex:0 0 10%;-ms-flex:0 0 10%;flex:0 0 10%}}@media only screen and (min-width:40em){.medium-11{-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.medium-order-11{-webkit-order:11;-ms-flex-order:11;order:11}.medium-offset-11{margin-left:91.66667%}.medium-up-11{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.medium-up-11>div,.medium-up-11>li,.medium-up-11>section{padding:0 1rem 1rem;-webkit-flex:0 0 9.09091%;-ms-flex:0 0 9.09091%;flex:0 0 9.09091%}}@media only screen and (min-width:40em){.medium-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.medium-order-12{-webkit-order:12;-ms-flex-order:12;order:12}.medium-offset-12{margin-left:100%}.medium-up-12{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.medium-up-12>div,.medium-up-12>li,.medium-up-12>section{padding:0 1rem 1rem;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%}}@media only screen and (min-width:75em){.large-1{-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.large-order-1{-webkit-order:1;-ms-flex-order:1;order:1}.large-offset-1{margin-left:8.33333%}.large-up-1{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.large-up-1>div,.large-up-1>li,.large-up-1>section{padding:0 1rem 1rem;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}@media only screen and (min-width:75em){.large-2{-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.large-order-2{-webkit-order:2;-ms-flex-order:2;order:2}.large-offset-2{margin-left:16.66667%}.large-up-2{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.large-up-2>div,.large-up-2>li,.large-up-2>section{padding:0 1rem 1rem;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}}@media only screen and (min-width:75em){.large-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.large-order-3{-webkit-order:3;-ms-flex-order:3;order:3}.large-offset-3{margin-left:25%}.large-up-3{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.large-up-3>div,.large-up-3>li,.large-up-3>section{padding:0 1rem 1rem;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%}}@media only screen and (min-width:75em){.large-4{-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.large-order-4{-webkit-order:4;-ms-flex-order:4;order:4}.large-offset-4{margin-left:33.33333%}.large-up-4{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.large-up-4>div,.large-up-4>li,.large-up-4>section{padding:0 1rem 1rem;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}}@media only screen and (min-width:75em){.large-5{-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.large-order-5{-webkit-order:5;-ms-flex-order:5;order:5}.large-offset-5{margin-left:41.66667%}.large-up-5{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.large-up-5>div,.large-up-5>li,.large-up-5>section{padding:0 1rem 1rem;-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%}}@media only screen and (min-width:75em){.large-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.large-order-6{-webkit-order:6;-ms-flex-order:6;order:6}.large-offset-6{margin-left:50%}.large-up-6{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.large-up-6>div,.large-up-6>li,.large-up-6>section{padding:0 1rem 1rem;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%}}@media only screen and (min-width:75em){.large-7{-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.large-order-7{-webkit-order:7;-ms-flex-order:7;order:7}.large-offset-7{margin-left:58.33333%}.large-up-7{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.large-up-7>div,.large-up-7>li,.large-up-7>section{padding:0 1rem 1rem;-webkit-flex:0 0 14.28571%;-ms-flex:0 0 14.28571%;flex:0 0 14.28571%}}@media only screen and (min-width:75em){.large-8{-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.large-order-8{-webkit-order:8;-ms-flex-order:8;order:8}.large-offset-8{margin-left:66.66667%}.large-up-8{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.large-up-8>div,.large-up-8>li,.large-up-8>section{padding:0 1rem 1rem;-webkit-flex:0 0 12.5%;-ms-flex:0 0 12.5%;flex:0 0 12.5%}}@media only screen and (min-width:75em){.large-9{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.large-order-9{-webkit-order:9;-ms-flex-order:9;order:9}.large-offset-9{margin-left:75%}.large-up-9{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.large-up-9>div,.large-up-9>li,.large-up-9>section{padding:0 1rem 1rem;-webkit-flex:0 0 11.11111%;-ms-flex:0 0 11.11111%;flex:0 0 11.11111%}}@media only screen and (min-width:75em){.large-10{-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.large-order-10{-webkit-order:10;-ms-flex-order:10;order:10}.large-offset-10{margin-left:83.33333%}.large-up-10{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.large-up-10>div,.large-up-10>li,.large-up-10>section{padding:0 1rem 1rem;-webkit-flex:0 0 10%;-ms-flex:0 0 10%;flex:0 0 10%}}@media only screen and (min-width:75em){.large-11{-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.large-order-11{-webkit-order:11;-ms-flex-order:11;order:11}.large-offset-11{margin-left:91.66667%}.large-up-11{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.large-up-11>div,.large-up-11>li,.large-up-11>section{padding:0 1rem 1rem;-webkit-flex:0 0 9.09091%;-ms-flex:0 0 9.09091%;flex:0 0 9.09091%}}@media only screen and (min-width:75em){.large-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.large-order-12{-webkit-order:12;-ms-flex-order:12;order:12}.large-offset-12{margin-left:100%}.large-up-12{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:visible;list-style-type:none}.large-up-12>div,.large-up-12>li,.large-up-12>section{padding:0 1rem 1rem;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%}}.grid-content .modal .grid-block{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.title-bar{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:visible}.title-bar .title{font-weight:700}.title-bar .center,.title-bar .left,.title-bar .right{display:block;white-space:nowrap;overflow:visible}.title-bar .center:first-child:last-child,.title-bar .left:first-child:last-child,.title-bar .right:first-child:last-child{-webkit-flex:1;-ms-flex:1;flex:1;margin:0}.title-bar .left{-webkit-order:1;-ms-flex-order:1;order:1;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}.title-bar .center{-webkit-order:2;-ms-flex-order:2;order:2;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;text-align:center}.title-bar .right{-webkit-order:3;-ms-flex-order:3;order:3;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;text-align:right}.title-bar .left:first-child,.title-bar .left:first-child+.right:last-child{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.title-bar .center:first-child:not(:last-child){margin-left:25%}.title-bar .center+.left{margin-right:-25%}.title-bar{background:#eee;color:#000;padding:1rem;border-bottom:1px solid #ccc}.title-bar.primary{background:#00558b;color:#fff;padding:1rem;border-bottom:1px solid #ccc}.title-bar.primary a,.title-bar.primary a:hover{color:#fff}.title-bar.primary .iconic *,.title-bar.primary .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.title-bar.dark{background:#232323;color:#fff;padding:1rem;border-bottom:1px solid #ccc}.title-bar.dark a,.title-bar.dark a:hover{color:#fff}.title-bar.dark .iconic *,.title-bar.dark .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.title-bar-bottom{border-bottom:0;border-top:1px solid #ccc}.label{line-height:1;white-space:nowrap;display:inline-block;cursor:default;font-size:.8rem;padding:.33333rem .5rem;background:#00558b;border-radius:0;color:#fff}.label.primary{background:#00558b;border-radius:0;color:#fff}.label.success{background:#43AC6A;border-radius:0;color:#fff}.label.warning{background:#F08A24;border-radius:0;color:#fff}.label.alert{background:#F04124;border-radius:0;color:#fff}.label.dark{background:#232323;border-radius:0;color:#fff}.badge{-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;border-radius:1000px;font-size:.8em;width:1.5rem;height:1.5rem;background:#00558b;color:#fff}.badge.secondary{background:#f1f1f1;color:#000}.badge.primary{background:#00558b;color:#fff}.badge.success{background:#43AC6A;color:#fff}.badge.warning{background:#F08A24;color:#fff}.badge.alert{background:#F04124;color:#fff}.badge.dark{background:#232323;color:#fff}.inline-list{list-style-type:none;text-align:left}.inline-list dd,.inline-list dt,.inline-list li{display:inline-block;margin-left:-2px;margin-right:-2px}.inline-list li{margin-right:1rem;margin-left:0}.menu-bar{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;margin:0;list-style-type:none}.menu-bar>li{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.menu-bar>li>a{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:1rem;font-size:1rem;line-height:1}.menu-bar{background:#fff}.menu-bar>li>a{color:#000}.menu-bar .is-active>a,.menu-bar>li>a:hover{background:#ededed;color:#000}.menu-bar .iconic *,.menu-bar .iconic .iconic-property-accent{fill:#000;stroke:#000}.menu-bar,.menu-bar.horizontal{overflow-x:hidden;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.menu-bar.horizontal>li>a,.menu-bar.vertical,.menu-bar>li>a{-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.menu-bar.vertical>li>a{-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.menu-bar.condense>li{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.menu-bar.align-right{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.menu-bar.align-center{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.menu-bar.align-justify{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.menu-bar.align-spaced{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.menu-bar.small-condense li{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.menu-bar.small-expand li{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.menu-bar.small-align-left{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.menu-bar.small-align-right{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.menu-bar.small-align-center{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.menu-bar.small-align-justify{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.menu-bar.small-align-spaced{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}@media only screen and (min-width:40em){.menu-bar.medium-condense li{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.menu-bar.medium-expand li{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.menu-bar.medium-align-left{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.menu-bar.medium-align-right{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.menu-bar.medium-align-center{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.menu-bar.medium-align-justify{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.menu-bar.medium-align-spaced{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}}@media only screen and (min-width:75em){.menu-bar.large-condense li{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.menu-bar.large-expand li{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.menu-bar.large-align-left{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.menu-bar.large-align-right{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.menu-bar.large-align-center{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.menu-bar.large-align-justify{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.menu-bar.large-align-spaced{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}}.menu-bar.small-horizontal{overflow-x:hidden;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.menu-bar.small-horizontal>li>a,.menu-bar.small-vertical{-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.menu-bar.small-vertical>li>a{-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}@media only screen and (min-width:40em){.menu-bar.medium-horizontal{overflow-x:hidden;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.menu-bar.medium-horizontal>li>a,.menu-bar.medium-vertical{-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.menu-bar.medium-vertical>li>a{-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}}@media only screen and (min-width:75em){.menu-bar.large-horizontal{overflow-x:hidden;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.menu-bar.large-horizontal>li>a,.menu-bar.large-vertical{-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.menu-bar.large-vertical>li>a{-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}}.menu-bar.icon-top>li>.iconic,.menu-bar.icon-top>li>img,.menu-bar>li>.iconic,.menu-bar>li>img{margin:0;width:25px;height:25px}.menu-bar.icon-top>li>a,.menu-bar>li>a{-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.menu-bar.icon-top>li>a>.iconic,.menu-bar.icon-top>li>a>img,.menu-bar>li>a>.iconic,.menu-bar>li>a>img{margin:0 0 1rem}.menu-bar.icon-right>li>.iconic,.menu-bar.icon-right>li>img{margin:0;width:25px;height:25px}.menu-bar.icon-right>li>a{-webkit-flex-flow:row-reverse nowrap;-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap}.menu-bar.icon-right>li>a>.iconic,.menu-bar.icon-right>li>a>img{margin:0 0 0 1rem}.menu-bar.icon-bottom>li>.iconic,.menu-bar.icon-bottom>li>img{margin:0;width:25px;height:25px}.menu-bar.icon-bottom>li>a{-webkit-flex-flow:column-reverse nowrap;-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap}.menu-bar.icon-bottom>li>a>.iconic,.menu-bar.icon-bottom>li>a>img{margin:1rem 0 0}.menu-bar.icon-left>li>.iconic,.menu-bar.icon-left>li>img{margin:0;width:25px;height:25px}.menu-bar.icon-left>li>a{-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.menu-bar.icon-left>li>a>.iconic,.menu-bar.icon-left>li>a>img{margin:0 1rem 0 0}.menu-bar.small-icon-top>li>.iconic,.menu-bar.small-icon-top>li>img{margin:0;width:25px;height:25px}.menu-bar.small-icon-top>li>a{-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.menu-bar.small-icon-top>li>a>.iconic,.menu-bar.small-icon-top>li>a>img{margin:0 0 1rem}.menu-bar.small-icon-right>li>.iconic,.menu-bar.small-icon-right>li>img{margin:0;width:25px;height:25px}.menu-bar.small-icon-right>li>a{-webkit-flex-flow:row-reverse nowrap;-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap}.menu-bar.small-icon-right>li>a>.iconic,.menu-bar.small-icon-right>li>a>img{margin:0 0 0 1rem}.menu-bar.small-icon-bottom>li>.iconic,.menu-bar.small-icon-bottom>li>img{margin:0;width:25px;height:25px}.menu-bar.small-icon-bottom>li>a{-webkit-flex-flow:column-reverse nowrap;-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap}.menu-bar.small-icon-bottom>li>a>.iconic,.menu-bar.small-icon-bottom>li>a>img{margin:1rem 0 0}.menu-bar.small-icon-left>li>.iconic,.menu-bar.small-icon-left>li>img{margin:0;width:25px;height:25px}.menu-bar.small-icon-left>li>a{-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.menu-bar.small-icon-left>li>a>.iconic,.menu-bar.small-icon-left>li>a>img{margin:0 1rem 0 0}@media only screen and (min-width:40em){.menu-bar.medium-icon-top>li>.iconic,.menu-bar.medium-icon-top>li>img{margin:0;width:25px;height:25px}.menu-bar.medium-icon-top>li>a{-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.menu-bar.medium-icon-top>li>a>.iconic,.menu-bar.medium-icon-top>li>a>img{margin:0 0 1rem}}@media only screen and (min-width:40em){.menu-bar.medium-icon-right>li>.iconic,.menu-bar.medium-icon-right>li>img{margin:0;width:25px;height:25px}.menu-bar.medium-icon-right>li>a{-webkit-flex-flow:row-reverse nowrap;-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap}.menu-bar.medium-icon-right>li>a>.iconic,.menu-bar.medium-icon-right>li>a>img{margin:0 0 0 1rem}}@media only screen and (min-width:40em){.menu-bar.medium-icon-bottom>li>.iconic,.menu-bar.medium-icon-bottom>li>img{margin:0;width:25px;height:25px}.menu-bar.medium-icon-bottom>li>a{-webkit-flex-flow:column-reverse nowrap;-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap}.menu-bar.medium-icon-bottom>li>a>.iconic,.menu-bar.medium-icon-bottom>li>a>img{margin:1rem 0 0}}@media only screen and (min-width:40em){.menu-bar.medium-icon-left>li>.iconic,.menu-bar.medium-icon-left>li>img{margin:0;width:25px;height:25px}.menu-bar.medium-icon-left>li>a{-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.menu-bar.medium-icon-left>li>a>.iconic,.menu-bar.medium-icon-left>li>a>img{margin:0 1rem 0 0}}@media only screen and (min-width:75em){.menu-bar.large-icon-top>li>.iconic,.menu-bar.large-icon-top>li>img{margin:0;width:25px;height:25px}.menu-bar.large-icon-top>li>a{-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.menu-bar.large-icon-top>li>a>.iconic,.menu-bar.large-icon-top>li>a>img{margin:0 0 1rem}}@media only screen and (min-width:75em){.menu-bar.large-icon-right>li>.iconic,.menu-bar.large-icon-right>li>img{margin:0;width:25px;height:25px}.menu-bar.large-icon-right>li>a{-webkit-flex-flow:row-reverse nowrap;-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap}.menu-bar.large-icon-right>li>a>.iconic,.menu-bar.large-icon-right>li>a>img{margin:0 0 0 1rem}}@media only screen and (min-width:75em){.menu-bar.large-icon-bottom>li>.iconic,.menu-bar.large-icon-bottom>li>img{margin:0;width:25px;height:25px}.menu-bar.large-icon-bottom>li>a{-webkit-flex-flow:column-reverse nowrap;-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap}.menu-bar.large-icon-bottom>li>a>.iconic,.menu-bar.large-icon-bottom>li>a>img{margin:1rem 0 0}}@media only screen and (min-width:75em){.menu-bar.large-icon-left>li>.iconic,.menu-bar.large-icon-left>li>img{margin:0;width:25px;height:25px}.menu-bar.large-icon-left>li>a{-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.menu-bar.large-icon-left>li>a>.iconic,.menu-bar.large-icon-left>li>a>img{margin:0 1rem 0 0}}.menu-bar.label-side>li{position:relative}.menu-bar.label-side>li>a{padding-right:3.2rem}.menu-bar.label-side .menu-bar-label{display:block;font-size:.9rem;width:1.2rem;height:1.2rem;line-height:1.2rem;text-align:center;border-radius:1000px;background:red;color:#fff;position:absolute;pointer-events:none;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.menu-bar.label-corner>li{position:relative}.menu-bar.label-corner>li>a{padding-right:3.2rem}.menu-bar.label-corner .menu-bar-label{display:block;font-size:.9rem;width:1.2rem;height:1.2rem;line-height:1.2rem;text-align:center;border-radius:1000px;background:red;color:#fff;position:absolute;pointer-events:none;right:1rem;top:1rem}.menu-bar.primary{background:#00558b}.menu-bar.primary>li>a{color:#fff}.menu-bar.primary .is-active>a,.menu-bar.primary>li>a:hover{background:#0065a5;color:#fff}.menu-bar.primary .iconic *,.menu-bar.primary .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.menu-bar.dark{background:#232323}.menu-bar.dark>li>a{color:#fff}.menu-bar.dark .is-active>a,.menu-bar.dark>li>a:hover{background:#323232;color:#fff}.menu-bar.dark .iconic *,.menu-bar.dark .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.menu-bar>li.title{padding:1rem;cursor:default;font-weight:700}.menu-group{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (min-width:40em){.menu-group{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.menu-group>.menu-group-left,.menu-group>.menu-group-right{-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%}@media only screen and (min-width:40em){.menu-group>.menu-group-left,.menu-group>.menu-group-right{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}}.menu-group .menu-bar{margin:0}.menu-group .menu-bar>li{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.menu-group.primary{background-color:#00558b}.menu-group.primary .menu-bar{background:#00558b}.menu-group.primary .menu-bar>li>a{color:#fff}.menu-group.primary .menu-bar .is-active>a,.menu-group.primary .menu-bar>li>a:hover{background:#0065a5;color:#fff}.menu-group.primary .menu-bar .iconic *,.menu-group.primary .menu-bar .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.menu-group.dark{background-color:#232323}.menu-group.dark .menu-bar{background:#232323}.menu-group.dark .menu-bar>li>a{color:#fff}.menu-group.dark .menu-bar .is-active>a,.menu-group.dark .menu-bar>li>a:hover{background:#323232;color:#fff}.menu-group.dark .menu-bar .iconic *,.menu-group.dark .menu-bar .iconic .iconic-property-accent{fill:#fff;stroke:#fff}.modal{position:relative;z-index:1001;background:#fff;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;height:100vh;max-height:100%;overflow:hidden;padding:1rem}@media only screen and (min-width:40em){.modal{height:auto;max-width:600px}}.modal .grid-block,.modal .grid-content{margin:0}.modal .close-button,.modal [fa-close]{z-index:1001}.modal{max-width:600px;border-radius:0}.tiny>.modal{max-width:300px}.small>.modal{max-width:500px}.large>.modal{max-width:800px}.dialog>.modal{height:auto}.collapse>.modal{padding:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;background-color:rgba(51,51,51,.7);-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.modal-overlay.is-active{display:-webkit-flex;display:-ms-flexbox;display:flex}@-webkit-keyframes shake{0%,10%,20%,30%,40%,50%,60%,70%,80%,90%{-webkit-transform:translateX(7%);transform:translateX(7%)}15%,25%,35%,45%,5%,55%,65%,75%,85%,95%{-webkit-transform:translateX(-7%);transform:translateX(-7%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%,10%,20%,30%,40%,50%,60%,70%,80%,90%{-webkit-transform:translateX(7%);transform:translateX(7%)}15%,25%,35%,45%,5%,55%,65%,75%,85%,95%{-webkit-transform:translateX(-7%);transform:translateX(-7%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes spin-cw{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-cw{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin-ccw{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes spin-ccw{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-webkit-keyframes wiggle{40%,50%,60%{-webkit-transform:rotate(7deg);transform:rotate(7deg)}35%,45%,55%,65%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}0%,100%,30%,70%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes wiggle{40%,50%,60%{-webkit-transform:rotate(7deg);transform:rotate(7deg)}35%,45%,55%,65%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}0%,100%,30%,70%{-webkit-transform:rotate(0);transform:rotate(0)}}.slideInDown.ng-enter,.slideInDown.ng-hide-remove{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.slideInDown.ng-enter.ng-enter-active,.slideInDown.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}.slideInLeft.ng-enter,.slideInLeft.ng-hide-remove{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}.slideInLeft.ng-enter.ng-enter-active,.slideInLeft.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}.slideInUp.ng-enter,.slideInUp.ng-hide-remove{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}.slideInUp.ng-enter.ng-enter-active,.slideInUp.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}.slideInRight.ng-enter,.slideInRight.ng-hide-remove{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slideInRight.ng-enter.ng-enter-active,.slideInRight.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}.slideOutBottom.ng-hide-add,.slideOutBottom.ng-leave{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}.slideOutBottom.ng-hide-add.ng-hide-add-active,.slideOutBottom.ng-leave.ng-leave-active{-webkit-transform:translateY(100%);transform:translateY(100%)}.slideOutRight.ng-hide-add,.slideOutRight.ng-leave{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}.slideOutRight.ng-hide-add.ng-hide-add-active,.slideOutRight.ng-leave.ng-leave-active{-webkit-transform:translateX(100%);transform:translateX(100%)}.slideOutUp.ng-hide-add,.slideOutUp.ng-leave{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}.slideOutUp.ng-hide-add.ng-hide-add-active,.slideOutUp.ng-leave.ng-leave-active{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.slideOutLeft.ng-hide-add,.slideOutLeft.ng-leave{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}.slideOutLeft.ng-hide-add.ng-hide-add-active,.slideOutLeft.ng-leave.ng-leave-active{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.fadeIn.ng-enter,.fadeIn.ng-hide-remove{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:opacity;opacity:0}.fadeIn.ng-enter.ng-enter-active,.fadeIn.ng-hide-remove.ng-hide-remove-active{opacity:1}.fadeOut.ng-hide-add,.fadeOut.ng-leave{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:opacity;opacity:1}.fadeOut.ng-hide-add.ng-hide-add-active,.fadeOut.ng-leave.ng-leave-active{opacity:0}.hingeInFromTop.ng-enter,.hingeInFromTop.ng-hide-remove{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}.hingeInFromTop.ng-enter.ng-enter-active,.hingeInFromTop.ng-hide-remove.ng-hide-remove-active{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.hingeInFromRight.ng-enter,.hingeInFromRight.ng-hide-remove{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);-webkit-transform-origin:right;transform-origin:right;opacity:0}.hingeInFromRight.ng-enter.ng-enter-active,.hingeInFromRight.ng-hide-remove.ng-hide-remove-active{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.hingeInFromBottom.ng-enter,.hingeInFromBottom.ng-hide-remove{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:perspective(2000px) rotateX(90deg);transform:perspective(2000px) rotateX(90deg);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0}.hingeInFromBottom.ng-enter.ng-enter-active,.hingeInFromBottom.ng-hide-remove.ng-hide-remove-active{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.hingeInFromLeft.ng-enter,.hingeInFromLeft.ng-hide-remove{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);-webkit-transform-origin:left;transform-origin:left;opacity:0}.hingeInFromLeft.ng-enter.ng-enter-active,.hingeInFromLeft.ng-hide-remove.ng-hide-remove-active{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.hingeInFromMiddleX.ng-enter,.hingeInFromMiddleX.ng-hide-remove{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);-webkit-transform-origin:center;transform-origin:center;opacity:0}.hingeInFromMiddleX.ng-enter.ng-enter-active,.hingeInFromMiddleX.ng-hide-remove.ng-hide-remove-active{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.hingeInFromMiddleY.ng-enter,.hingeInFromMiddleY.ng-hide-remove{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);-webkit-transform-origin:center;transform-origin:center;opacity:0}.hingeInFromMiddleY.ng-enter.ng-enter-active,.hingeInFromMiddleY.ng-hide-remove.ng-hide-remove-active{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.hingeOutFromTop.ng-hide-add,.hingeOutFromTop.ng-leave{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:top;transform-origin:top;opacity:1}.hingeOutFromTop.ng-hide-add.ng-hide-add-active,.hingeOutFromTop.ng-leave.ng-leave-active{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}.hingeOutFromRight.ng-hide-add,.hingeOutFromRight.ng-leave{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:right;transform-origin:right;opacity:1}.hingeOutFromRight.ng-hide-add.ng-hide-add-active,.hingeOutFromRight.ng-leave.ng-leave-active{-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);opacity:0}.hingeOutFromBottom.ng-hide-add,.hingeOutFromBottom.ng-leave{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1}.hingeOutFromBottom.ng-hide-add.ng-hide-add-active,.hingeOutFromBottom.ng-leave.ng-leave-active{-webkit-transform:perspective(2000px) rotateX(90deg);transform:perspective(2000px) rotateX(90deg);opacity:0}.hingeOutFromLeft.ng-hide-add,.hingeOutFromLeft.ng-leave{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:left;transform-origin:left;opacity:1}.hingeOutFromLeft.ng-hide-add.ng-hide-add-active,.hingeOutFromLeft.ng-leave.ng-leave-active{-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);opacity:0}.hingeOutFromMiddleX.ng-hide-add,.hingeOutFromMiddleX.ng-leave{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center;transform-origin:center;opacity:1}.hingeOutFromMiddleX.ng-hide-add.ng-hide-add-active,.hingeOutFromMiddleX.ng-leave.ng-leave-active{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}.hingeOutFromMiddleY.ng-hide-add,.hingeOutFromMiddleY.ng-leave{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center;transform-origin:center;opacity:1}.hingeOutFromMiddleY.ng-hide-add.ng-hide-add-active,.hingeOutFromMiddleY.ng-leave.ng-leave-active{-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);opacity:0}.zoomIn.ng-enter,.zoomIn.ng-hide-remove{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,property;transition-property:transform,property;-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}.zoomIn.ng-enter.ng-enter-active,.zoomIn.ng-hide-remove.ng-hide-remove-active{-webkit-transform:scale(1);transform:scale(1);opacity:1}.zoomOut.ng-hide-add,.zoomOut.ng-leave{transition-duration:500ms;transition-timing-function:ease;transition-delay:0;transition-property:-webkit-transform,property;transition-property:transform,property;-webkit-transform:scale(.5);transform:scale(.5);opacity:1}.zoomOut.ng-hide-add.ng-hide-add-active,.zoomOut.ng-leave.ng-leave-active{-webkit-transform:scale(1);transform:scale(1);opacity:0}.spinIn.ng-enter,.spinIn.ng-hide-remove{transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:rotate(-270deg);transform:rotate(-270deg);opacity:0}.spinIn.ng-enter.ng-enter-active,.spinIn.ng-hide-remove.ng-hide-remove-active{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}.spinOut.ng-hide-add,.spinOut.ng-leave{transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}.spinOut.ng-hide-add.ng-hide-add-active,.spinOut.ng-leave.ng-leave-active{-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:0}.spinInCCW.ng-enter,.spinInCCW.ng-hide-remove{transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:0}.spinInCCW.ng-enter.ng-enter-active,.spinInCCW.ng-hide-remove.ng-hide-remove-active{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}.spinOutCCW.ng-hide-add,.spinOutCCW.ng-leave{transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}.spinOutCCW.ng-hide-add.ng-hide-add-active,.spinOutCCW.ng-leave.ng-leave-active{-webkit-transform:rotate(-270deg);transform:rotate(-270deg);opacity:0}.slow{transition-duration:750ms!important}.fast{transition-duration:250ms!important}.linear{transition-timing-function:linear!important}.ease{transition-timing-function:ease!important}.easeIn{transition-timing-function:ease-in!important}.easeOut{transition-timing-function:ease-out!important}.easeInOut{transition-timing-function:ease-in-out!important}.bounceIn{transition-timing-function:cubic-bezier(.485,.155,.24,1.245)!important}.bounceOut{transition-timing-function:cubic-bezier(.485,.155,.515,.845)!important}.bounceInOut{transition-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important}.delay{transition-delay:300ms!important}.long-delay{transition-delay:700ms!important}.shake{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:500ms;animation-duration:500ms;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation-delay:0;animation-delay:0}.spin-cw{-webkit-animation-name:spin-cw;animation-name:spin-cw;-webkit-animation-duration:500ms;animation-duration:500ms;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation-delay:0;animation-delay:0}.spin-ccw{-webkit-animation-name:spin-ccw;animation-name:spin-ccw;-webkit-animation-duration:500ms;animation-duration:500ms;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation-delay:0;animation-delay:0}.wiggle{-webkit-animation-name:wiggle;animation-name:wiggle;-webkit-animation-duration:500ms;animation-duration:500ms;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation-delay:0;animation-delay:0}.shake.infinite,.spin-ccw.infinite,.spin-cw.infinite,.wiggle.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.shake.linear,.spin-ccw.linear,.spin-cw.linear,.wiggle.linear{-webkit-animation-timing-function:linear!important;animation-timing-function:linear!important}.shake.ease,.spin-ccw.ease,.spin-cw.ease,.wiggle.ease{-webkit-animation-timing-function:ease!important;animation-timing-function:ease!important}.shake.easeIn,.spin-ccw.easeIn,.spin-cw.easeIn,.wiggle.easeIn{-webkit-animation-timing-function:ease-in!important;animation-timing-function:ease-in!important}.shake.easeOut,.spin-ccw.easeOut,.spin-cw.easeOut,.wiggle.easeOut{-webkit-animation-timing-function:ease-out!important;animation-timing-function:ease-out!important}.shake.easeInOut,.spin-ccw.easeInOut,.spin-cw.easeInOut,.wiggle.easeInOut{-webkit-animation-timing-function:ease-in-out!important;animation-timing-function:ease-in-out!important}.shake.bounceIn,.spin-ccw.bounceIn,.spin-cw.bounceIn,.wiggle.bounceIn{-webkit-animation-timing-function:cubic-bezier(.485,.155,.24,1.245)!important;animation-timing-function:cubic-bezier(.485,.155,.24,1.245)!important}.shake.bounceOut,.spin-ccw.bounceOut,.spin-cw.bounceOut,.wiggle.bounceOut{-webkit-animation-timing-function:cubic-bezier(.485,.155,.515,.845)!important;animation-timing-function:cubic-bezier(.485,.155,.515,.845)!important}.shake.bounceInOut,.spin-ccw.bounceInOut,.spin-cw.bounceInOut,.wiggle.bounceInOut{-webkit-animation-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important;animation-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important}.shake.slow,.spin-ccw.slow,.spin-cw.slow,.wiggle.slow{-webkit-animation-duration:750ms!important;animation-duration:750ms!important}.shake.fast,.spin-ccw.fast,.spin-cw.fast,.wiggle.fast{-webkit-animation-duration:250ms!important;animation-duration:250ms!important}.shake.delay,.spin-ccw.delay,.spin-cw.delay,.wiggle.delay{-webkit-animation-delay:300ms!important;animation-delay:300ms!important}.shake.long-delay,.spin-ccw.long-delay,.spin-cw.long-delay,.wiggle.long-delay{-webkit-animation-delay:700ms!important;animation-delay:700ms!important}.long-stagger,.stagger,.stort-stagger{transition-delay:150ms;transition-duration:0}.position-absolute{overflow:hidden;position:relative}.ui-animation.ng-enter-active,.ui-animation.ng-leave-active{position:absolute!important;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;top:0;right:0;bottom:0;left:0}.notification,.static-notification{z-index:1000;position:relative;margin-top:.5rem;margin-bottom:.5rem;display:none}.notification h1,.static-notification h1{font-size:1.25em;margin:0}.notification p,.static-notification p{margin:0}.is-active.notification,.is-active.static-notification{display:-webkit-flex;display:-ms-flexbox;display:flex}.notification .close-button,.static-notification .close-button{color:#fff}.notification-container{z-index:3000;position:fixed;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.notification{background:#00558b;padding:1rem;border-radius:4px}.notification,.notification h1,.notification h2,.notification h3,.notification h4,.notification h5,.notification h6{color:#fff}.notification.success{background:#43AC6A;padding:1rem;border-radius:4px}.notification.success,.notification.success h1,.notification.success h2,.notification.success h3,.notification.success h4,.notification.success h5,.notification.success h6{color:#fff}.notification.warning{background:#F08A24;padding:1rem;border-radius:4px}.notification.warning,.notification.warning h1,.notification.warning h2,.notification.warning h3,.notification.warning h4,.notification.warning h5,.notification.warning h6{color:#fff}.notification.alert{background:#F04124;padding:1rem;border-radius:4px}.notification.alert,.notification.alert h1,.notification.alert h2,.notification.alert h3,.notification.alert h4,.notification.alert h5,.notification.alert h6{color:#fff}.notification.dark{background:#232323;padding:1rem;border-radius:4px}.notification.dark,.notification.dark h1,.notification.dark h2,.notification.dark h3,.notification.dark h4,.notification.dark h5,.notification.dark h6{color:#fff}.static-notification{background:#00558b;padding:1rem;border-radius:4px;position:fixed!important}.static-notification,.static-notification h1,.static-notification h2,.static-notification h3,.static-notification h4,.static-notification h5,.static-notification h6{color:#fff}.static-notification.top-right{width:25rem;right:1rem;top:1rem}@media only screen and (min-width:0em) and (max-width:39.9375rem){.static-notification.top-right{width:auto;left:1rem;right:1rem;margin-left:0}}.static-notification.top-left{width:25rem;left:1rem;top:1rem}@media only screen and (min-width:0em) and (max-width:39.9375rem){.static-notification.top-left{width:auto;left:1rem;right:1rem;margin-left:0}}.static-notification.top-middle{width:25rem;left:50%;margin-left:-12.5rem;top:1rem}@media only screen and (min-width:0em) and (max-width:39.9375rem){.static-notification.top-middle{width:auto;left:1rem;right:1rem;margin-left:0}}.static-notification.bottom-right{width:25rem;right:1rem;top:auto;bottom:1rem}@media only screen and (min-width:0em) and (max-width:39.9375rem){.static-notification.bottom-right{width:auto;left:1rem;right:1rem;margin-left:0}}.static-notification.bottom-left{width:25rem;left:1rem;top:auto;bottom:1rem}@media only screen and (min-width:0em) and (max-width:39.9375rem){.static-notification.bottom-left{width:auto;left:1rem;right:1rem;margin-left:0}}.static-notification.bottom-middle{width:25rem;left:50%;margin-left:-12.5rem;top:auto;bottom:1rem}@media only screen and (min-width:0em) and (max-width:39.9375rem){.static-notification.bottom-middle{width:auto;left:1rem;right:1rem;margin-left:0}}.static-notification.success{background:#43AC6A;padding:1rem;border-radius:4px}.static-notification.success,.static-notification.success h1,.static-notification.success h2,.static-notification.success h3,.static-notification.success h4,.static-notification.success h5,.static-notification.success h6{color:#fff}.static-notification.warning{background:#F08A24;padding:1rem;border-radius:4px}.static-notification.warning,.static-notification.warning h1,.static-notification.warning h2,.static-notification.warning h3,.static-notification.warning h4,.static-notification.warning h5,.static-notification.warning h6{color:#fff}.static-notification.alert{background:#F04124;padding:1rem;border-radius:4px}.static-notification.alert,.static-notification.alert h1,.static-notification.alert h2,.static-notification.alert h3,.static-notification.alert h4,.static-notification.alert h5,.static-notification.alert h6{color:#fff}.static-notification.dark{background:#232323;padding:1rem;border-radius:4px}.static-notification.dark,.static-notification.dark h1,.static-notification.dark h2,.static-notification.dark h3,.static-notification.dark h4,.static-notification.dark h5,.static-notification.dark h6{color:#fff}.notification-container,.notification-container.top-right{width:25rem;right:1rem;top:1rem}@media only screen and (min-width:0em) and (max-width:39.9375rem){.notification-container{width:auto;left:1rem;right:1rem;margin-left:0}}@media only screen and (min-width:0em) and (max-width:39.9375rem){.notification-container.top-right{width:auto;left:1rem;right:1rem;margin-left:0}}.notification-container.top-left{width:25rem;left:1rem;top:1rem}@media only screen and (min-width:0em) and (max-width:39.9375rem){.notification-container.top-left{width:auto;left:1rem;right:1rem;margin-left:0}}.notification-container.top-middle{width:25rem;left:50%;margin-left:-12.5rem;top:1rem}@media only screen and (min-width:0em) and (max-width:39.9375rem){.notification-container.top-middle{width:auto;left:1rem;right:1rem;margin-left:0}}.notification-container.bottom-right{width:25rem;right:1rem;top:auto;bottom:1rem}@media only screen and (min-width:0em) and (max-width:39.9375rem){.notification-container.bottom-right{width:auto;left:1rem;right:1rem;margin-left:0}}.notification-container.bottom-left{width:25rem;left:1rem;top:auto;bottom:1rem}@media only screen and (min-width:0em) and (max-width:39.9375rem){.notification-container.bottom-left{width:auto;left:1rem;right:1rem;margin-left:0}}.notification-container.bottom-middle{width:25rem;left:50%;margin-left:-12.5rem;top:auto;bottom:1rem}@media only screen and (min-width:0em) and (max-width:39.9375rem){.notification-container.bottom-middle{width:auto;left:1rem;right:1rem;margin-left:0}}.notification-icon{-webkit-flex:0 0 60px;-ms-flex:0 0 60px;flex:0 0 60px;margin-right:1rem;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.notification-icon img{width:100%;height:auto}.notification-content{-webkit-flex:1;-ms-flex:1;flex:1}.off-canvas{position:fixed;overflow:auto;-webkit-overflow-scrolling:touch;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;z-index:2}.is-active.off-canvas{-webkit-transform:translate(0,0)!important;transform:translate(0,0)!important}.off-canvas~.grid-frame{-webkit-transform:translate(0,0,0);transform:translate(0,0,0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff}.off-canvas{width:250px;height:100%;top:0;left:0;box-shadow:inset -3px 0 10px rgba(0,0,0,.25);-webkit-transform:translateX(-100%);transform:translateX(-100%);background:#fff;color:#000}.off-canvas.is-active~.grid-frame{-webkit-transform:translateX(250px)!important;transform:translateX(250px)!important}.off-canvas.top{height:250px;width:100%;top:0;left:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);box-shadow:inset 0 -3px 10px rgba(0,0,0,.25)}.off-canvas.top.is-active~.grid-frame{-webkit-transform:translateY(250px)!important;transform:translateY(250px)!important}.off-canvas.right{width:250px;height:100%;left:auto;top:0;right:0;box-shadow:inset 3px 0 10px rgba(0,0,0,.25);-webkit-transform:translateX(100%);transform:translateX(100%)}.off-canvas.right.is-active~.grid-frame{-webkit-transform:translateX(-250px)!important;transform:translateX(-250px)!important}.off-canvas.bottom{height:250px;width:100%;top:auto;bottom:0;left:0;-webkit-transform:translateY(100%);transform:translateY(100%);box-shadow:inset 0 3px 10px rgba(0,0,0,.25)}.off-canvas.bottom.is-active~.grid-frame{-webkit-transform:translateY(-250px)!important;transform:translateY(-250px)!important}.off-canvas.left{width:250px;height:100%;top:0;left:0;box-shadow:inset -3px 0 10px rgba(0,0,0,.25);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.off-canvas.left.is-active~.grid-frame{-webkit-transform:translateX(250px)!important;transform:translateX(250px)!important}.off-canvas.detached{z-index:0;box-shadow:none}.off-canvas.detached,.off-canvas.detached.is-active{-webkit-transform:none;transform:none}.off-canvas.detached~.grid-frame{z-index:1;box-shadow:0 0 15px rgba(0,0,0,.5)}.off-canvas.primary{background:#00558b;color:#fff}.off-canvas.dark{background:#232323;color:#fff}.popup{position:absolute;z-index:1000;opacity:0;overflow:hidden;transition:opacity .25s ease-out;pointer-events:none}.tether-enabled.popup{opacity:1;pointer-events:auto}.popup{width:18.75rem;background:#fff;border-radius:0;box-shadow:0 0 10px rgba(0,0,0,.25);border:0}.popup.dark{background:#232323;border-radius:0;box-shadow:0 0 10px rgba(0,0,0,.25);border:0}.popup.primary{background:#00558b;border-radius:0;box-shadow:0 0 10px rgba(0,0,0,.25);border:0}.switch{position:relative;overflow:hidden;display:inline-block}.switch>input{position:absolute;left:-9999px;outline:0}.switch>label{-ms-touch-action:manipulation;touch-action:manipulation;display:block;width:100%;height:100%;cursor:pointer;margin:0}.switch>label::after{content:'';display:block;position:absolute;top:0;left:0}.switch{width:3.125rem;height:2rem;border-radius:9999px}.switch>label::after{width:2rem;height:2rem}.switch input:checked+label::after{left:1.125rem}.switch>label{background:#ccc}.switch>label::after{background:#fff;border-radius:9999px;transition:left .15s ease-out;border:4px solid #ccc}.switch input:checked+label{background:#00558b;margin:0}.switch input:checked+label::after{border-color:#00558b}.switch.small{width:2.5rem;height:1.625rem}.switch.small>label::after{width:1.625rem;height:1.625rem}.switch.small input:checked+label::after{left:.875rem}.switch.large{width:3.75rem;height:2.375rem}.switch.large>label::after{width:2.375rem;height:2.375rem}.switch.large input:checked+label::after{left:1.375rem}.tabs{display:-webkit-flex;display:-ms-flexbox;display:flex;background:0 0;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.tabs.vertical{display:-webkit-flex;display:-ms-flexbox;display:flex;background:0 0;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.tabs .tab-item{background:#f3f3f3;padding:1rem;line-height:1;margin:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;cursor:pointer;color:#000}.tabs .tab-item.is-active{background:#ececec;color:#000}.tabs .tab-item.is-active:hover,.tabs .tab-item:hover{background:#e7e7e7}.tab-contents{padding:1rem}.tab-contents .tab-content{display:none}.tab-contents .tab-content.is-active{display:block}.accordion{border:1px solid #cbcbcb}.accordion-title{padding:1rem;background:#f3f3f3;color:#000;line-height:1;cursor:pointer}.accordion-title:hover{background:#e7e7e7}.is-active>.accordion-title{background:#ececec;color:#000}.accordion-content{padding:1rem;display:none}.is-active>.accordion-content{display:block}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}a{color:#00558b;text-decoration:none;line-height:inherit}a[ui-sref]{cursor:pointer}a:focus,a:hover{color:#004978}a img{border:none}p{font-family:inherit;font-weight:400;font-size:1rem;line-height:1.6;margin-bottom:1.25rem;text-rendering:optimizeLegibility}p.lead{font-size:1.21875rem;line-height:1.6}p aside{font-size:.875rem;line-height:1.35;font-style:italic}h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;color:#222;text-rendering:optimizeLegibility;margin-top:.2rem;margin-bottom:.5rem;line-height:1.4}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#6f6f6f;line-height:0}h1{font-size:2.125rem}h2{font-size:1.6875rem}h3{font-size:1.375rem}h4,h5{font-size:1.125rem}h6{font-size:1rem}.subheader{line-height:1.4;color:#6f6f6f;font-weight:400;margin-top:.2rem;margin-bottom:.5rem}hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:1.25rem 0 1.1875rem;height:0}em,i{font-style:italic;line-height:inherit}b,strong{font-weight:700;line-height:inherit}small{font-size:60%;color:#6f6f6f;line-height:inherit}code{font-family:Consolas,'Liberation Mono',Courier,monospace;font-weight:400;color:#464646;background-color:#fbfbfb;border-width:1px;border-style:solid;border-color:#e2e2e2;padding:.125rem .3125rem .0625rem}dl,ol,ul{font-size:1rem;line-height:1.6;margin-bottom:1.25rem;list-style-position:outside;font-family:inherit}ol,ul{margin-left:1.1rem}ol li ol,ol li ul,ul li ol,ul li ul{margin-left:1.25rem;margin-bottom:0}ul.no-bullet{margin-left:0}ul.no-bullet,ul.no-bullet li ol,ul.no-bullet li ul{list-style-type:none}dl dt{margin-bottom:.3rem;font-weight:700}dl dd{margin-bottom:.75rem}abbr,acronym{text-transform:uppercase;font-size:90%;color:#222;border-bottom:1px dotted #ddd;cursor:help}abbr{text-transform:none}blockquote{margin:0 0 1.25rem;padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #ddd}blockquote cite{display:block;font-size:.8125rem;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited{color:#555}blockquote,blockquote p{line-height:1.6;color:#6f6f6f}@media only screen and (min-width:40em){h1,h2,h3,h4,h5,h6{line-height:1.4}h1{font-size:2.75rem}h2{font-size:2.3125rem}h3{font-size:1.6875rem}h4{font-size:1.4375rem}h5{font-size:1.125rem}h6{font-size:1rem}}.v-align{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.v-align .align-top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.v-align .align-center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.v-align .align-bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.v-align .small-align-top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.v-align .small-align-center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.v-align .small-align-bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}@media only screen and (min-width:40em){.v-align .medium-align-top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}}@media only screen and (min-width:40em){.v-align .medium-align-center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}}@media only screen and (min-width:40em){.v-align .medium-align-bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}}@media only screen and (min-width:75em){.v-align .large-align-top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}}@media only screen and (min-width:75em){.v-align .large-align-center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}}@media only screen and (min-width:75em){.v-align .large-align-bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}}.hide{display:none!important}.invisible{visibility:hidden}.hide-for-small:not(.ng-hide){display:block!important;display:none!important}.hide-for-small[class*=grid-block]:not(.ng-hide){display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;display:none!important}.show-for-small:not(.ng-hide){display:none!important;display:block!important}.show-for-small[class*=grid-block]:not(.ng-hide){display:none!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.hide-for-small-only:not(.ng-hide){display:block!important}@media only screen and (min-width:0em) and (max-width:39.9375rem){.hide-for-small-only:not(.ng-hide){display:none!important}}.hide-for-small-only[class*=grid-block]:not(.ng-hide){display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}@media only screen and (min-width:0em) and (max-width:39.9375rem){.hide-for-small-only[class*=grid-block]:not(.ng-hide){display:none!important}}.show-for-small-only:not(.ng-hide),.show-for-small-only[class*=grid-block]:not(.ng-hide){display:none!important}@media only screen and (min-width:0em) and (max-width:39.9375rem){.show-for-small-only:not(.ng-hide){display:block!important}}@media only screen and (min-width:0em) and (max-width:39.9375rem){.show-for-small-only[class*=grid-block]:not(.ng-hide){display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}}.hide-for-medium:not(.ng-hide){display:block!important}@media only screen and (min-width:40em){.hide-for-medium:not(.ng-hide){display:none!important}}.hide-for-medium[class*=grid-block]:not(.ng-hide){display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}@media only screen and (min-width:40em){.hide-for-medium[class*=grid-block]:not(.ng-hide){display:none!important}}.show-for-medium:not(.ng-hide),.show-for-medium[class*=grid-block]:not(.ng-hide){display:none!important}@media only screen and (min-width:40em){.show-for-medium:not(.ng-hide){display:block!important}}@media only screen and (min-width:40em){.show-for-medium[class*=grid-block]:not(.ng-hide){display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}}.hide-for-medium-only:not(.ng-hide){display:block!important}@media only screen and (min-width:40em) and (max-width:74.9375rem){.hide-for-medium-only:not(.ng-hide){display:none!important}}.hide-for-medium-only[class*=grid-block]:not(.ng-hide){display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}@media only screen and (min-width:40em) and (max-width:74.9375rem){.hide-for-medium-only[class*=grid-block]:not(.ng-hide){display:none!important}}.show-for-medium-only:not(.ng-hide),.show-for-medium-only[class*=grid-block]:not(.ng-hide){display:none!important}@media only screen and (min-width:40em) and (max-width:74.9375rem){.show-for-medium-only:not(.ng-hide){display:block!important}}@media only screen and (min-width:40em) and (max-width:74.9375rem){.show-for-medium-only[class*=grid-block]:not(.ng-hide){display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}}.hide-for-large:not(.ng-hide){display:block!important}@media only screen and (min-width:75em){.hide-for-large:not(.ng-hide){display:none!important}}.hide-for-large[class*=grid-block]:not(.ng-hide){display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}@media only screen and (min-width:75em){.hide-for-large[class*=grid-block]:not(.ng-hide){display:none!important}}.show-for-large:not(.ng-hide),.show-for-large[class*=grid-block]:not(.ng-hide){display:none!important}@media only screen and (min-width:75em){.show-for-large:not(.ng-hide){display:block!important}}@media only screen and (min-width:75em){.show-for-large[class*=grid-block]:not(.ng-hide){display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}}.hide-for-large-only:not(.ng-hide){display:block!important}@media only screen and (min-width:75em) and (max-width:89.9375rem){.hide-for-large-only:not(.ng-hide){display:none!important}}.hide-for-large-only[class*=grid-block]:not(.ng-hide){display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}@media only screen and (min-width:75em) and (max-width:89.9375rem){.hide-for-large-only[class*=grid-block]:not(.ng-hide){display:none!important}}.show-for-landscape,.show-for-large-only:not(.ng-hide),.show-for-large-only[class*=grid-block]:not(.ng-hide),.show-for-portrait{display:none!important}@media only screen and (min-width:75em) and (max-width:89.9375rem){.show-for-large-only:not(.ng-hide){display:block!important}}@media only screen and (min-width:75em) and (max-width:89.9375rem){.show-for-large-only[class*=grid-block]:not(.ng-hide){display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}}@media only screen and (orientation:portrait){.hide-for-portrait{display:none!important}.hide-for-portrait[class*=grid-block]{display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}}@media only screen and (orientation:portrait){.show-for-portrait{display:block!important}.show-for-portrait[class*=grid-block]{display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}}@media only screen and (orientation:landscape){.hide-for-landscape{display:none!important}.hide-for-landscape[class*=grid-block]{display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}}@media only screen and (orientation:landscape){.show-for-landscape{display:block!important}.show-for-landscape[class*=grid-block]{display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}}.small-text-left,.text-left{text-align:left}@media only screen and (min-width:0em) and (max-width:39.9375rem){.small-only-text-left{text-align:left}}@media only screen and (min-width:40em){.medium-text-left{text-align:left}}@media only screen and (min-width:40em) and (max-width:74.9375rem){.medium-only-text-left{text-align:left}}@media only screen and (min-width:75em){.large-text-left{text-align:left}}@media only screen and (min-width:75em) and (max-width:89.9375rem){.large-only-text-left{text-align:left}}.small-text-right,.text-right{text-align:right}@media only screen and (min-width:0em) and (max-width:39.9375rem){.small-only-text-right{text-align:right}}@media only screen and (min-width:40em){.medium-text-right{text-align:right}}@media only screen and (min-width:40em) and (max-width:74.9375rem){.medium-only-text-right{text-align:right}}@media only screen and (min-width:75em){.large-text-right{text-align:right}}@media only screen and (min-width:75em) and (max-width:89.9375rem){.large-only-text-right{text-align:right}}.small-text-center,.text-center{text-align:center}@media only screen and (min-width:0em) and (max-width:39.9375rem){.small-only-text-center{text-align:center}}@media only screen and (min-width:40em){.medium-text-center{text-align:center}}@media only screen and (min-width:40em) and (max-width:74.9375rem){.medium-only-text-center{text-align:center}}@media only screen and (min-width:75em){.large-text-center{text-align:center}}@media only screen and (min-width:75em) and (max-width:89.9375rem){.large-only-text-center{text-align:center}}.small-text-justify,.text-justify{text-align:justify}@media only screen and (min-width:0em) and (max-width:39.9375rem){.small-only-text-justify{text-align:justify}}@media only screen and (min-width:40em){.medium-text-justify{text-align:justify}}@media only screen and (min-width:40em) and (max-width:74.9375rem){.medium-only-text-justify{text-align:justify}}@media only screen and (min-width:75em){.large-text-justify{text-align:justify}}@media only screen and (min-width:75em) and (max-width:89.9375rem){.large-only-text-justify{text-align:justify}}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.float-left{float:left}.float-right{float:right}.float-none{float:none} \ No newline at end of file