@charset "UTF-8";
/* Spacing sizes */
/**
 * Return a value divided by a ratio
 * It uses the golden ratio by default
 *
 * Useful to create "visually equal" spacings
 * As mathematically equal spacings never "visually" look equal around text
 */
.si,
.alert-default:before,
.alert-success:before,
.alert-error:before,
.alert-warning:before,
.alert-info:before,
.btn-hamburger:before,
.btn-close:before,
.btn-dismiss:after,
.scan-button:before {
  display: inline-block;
  font-family: 'Sierracons';
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  text-rendering: auto;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: baseline; }

.si-user-circle-o:before {
  content: "\e931"; }

.si-user-circle:before {
  content: "\e932"; }

.si-bug:before {
  content: "\e933"; }

.si-cloud-download:before {
  content: "\e934"; }

.si-cloud-upload:before {
  content: "\e935"; }

.si-keyboard-o:before {
  content: "\e936"; }

.si-address-card-o:before {
  content: "\e913"; }

.si-vcard-o:before {
  content: "\e913"; }

.si-address-book-o:before {
  content: "\e914"; }

.si-address-card:before {
  content: "\e915"; }

.si-vcard:before {
  content: "\e915"; }

.si-address-book:before {
  content: "\e916"; }

.si-mobile:before {
  content: "\e917"; }

.si-mobile-phone:before {
  content: "\e917"; }

.si-phone:before {
  content: "\e918"; }

.si-bell-slash-o:before {
  content: "\e919"; }

.si-bell-slash:before {
  content: "\e91a"; }

.si-bell:before {
  content: "\e91b"; }

.si-bell-o:before {
  content: "\f0a2"; }

.si-square-o:before {
  content: "\e91c"; }

.si-square:before {
  content: "\e91d"; }

.si-archive:before {
  content: "\e91e"; }

.si-arrows-alt:before {
  content: "\e91f"; }

.si-arrows-h:before {
  content: "\e920"; }

.si-arrows-v:before {
  content: "\e921"; }

.si-arrows:before {
  content: "\e922"; }

.si-user-o:before {
  content: "\e923"; }

.si-user:before {
  content: "\e924"; }

.si-marker-15:before {
  content: "\e925"; }

.si-marker-stroked-15:before {
  content: "\e926"; }

.si-map-o:before {
  content: "\e927"; }

.si-map-signs:before {
  content: "\e928"; }

.si-location-arrow:before {
  content: "\e929"; }

.si-sitemap:before {
  content: "\e92a"; }

.si-map-pin:before {
  content: "\e92b"; }

.si-map:before {
  content: "\e92c"; }

.si-map-marker:before {
  content: "\e92d"; }

.si-circle-thin:before {
  content: "\e92e"; }

.si-circle-o:before {
  content: "\e92f"; }

.si-circle:before {
  content: "\e930"; }

.si-caret-square-o-left:before {
  content: "\e90b"; }

.si-toggle-left:before {
  content: "\e90b"; }

.si-caret-square-o-right:before {
  content: "\e90c"; }

.si-toggle-right:before {
  content: "\e90c"; }

.si-caret-square-o-up:before {
  content: "\e90d"; }

.si-toggle-up:before {
  content: "\e90d"; }

.si-caret-square-o-down:before {
  content: "\e90e"; }

.si-toggle-down:before {
  content: "\e90e"; }

.si-caret-right:before {
  content: "\e90f"; }

.si-caret-left:before {
  content: "\e910"; }

.si-caret-up:before {
  content: "\e911"; }

.si-caret-down:before {
  content: "\e912"; }

.si-search:before {
  content: "\f002"; }

.si-envelope-o:before {
  content: "\f003"; }

.si-star-o:before {
  content: "\f006"; }

.si-th-large:before {
  content: "\f009"; }

.si-th:before {
  content: "\f00a"; }

.si-th-list:before {
  content: "\f00b"; }

.si-check:before {
  content: "\f00c"; }

.si-close:before {
  content: "\f00d"; }

.si-remove:before {
  content: "\f00d"; }

.si-times:before {
  content: "\f00d"; }

.si-signal:before {
  content: "\f012"; }

.si-cog:before {
  content: "\f013"; }

.si-gear:before {
  content: "\f013"; }

.si-trash-o:before {
  content: "\f014"; }

.si-home:before {
  content: "\f015"; }

.si-file-o:before {
  content: "\f016"; }

.si-clock-o:before {
  content: "\f017"; }

.si-repeat:before {
  content: "\f01e"; }

.si-rotate-right:before {
  content: "\f01e"; }

.si-refresh:before {
  content: "\f021"; }

.si-barcode:before {
  content: "\f02a"; }

.si-pencil:before {
  content: "\f040"; }

.si-edit:before {
  content: "\f044"; }

.si-pencil-square-o:before {
  content: "\f044"; }

.si-share-square-o:before {
  content: "\f045"; }

.si-check-square-o:before {
  content: "\f046"; }

.si-chevron-left:before {
  content: "\f053"; }

.si-chevron-right:before {
  content: "\f054"; }

.si-times-circle:before {
  content: "\f057"; }

.si-check-circle:before {
  content: "\f058"; }

.si-question-circle:before {
  content: "\f059"; }

.si-info-circle:before {
  content: "\f05a"; }

.si-times-circle-o:before {
  content: "\f05c"; }

.si-check-circle-o:before {
  content: "\f05d"; }

.si-exclamation-circle:before {
  content: "\f06a"; }

.si-exclamation-triangle:before {
  content: "\f071"; }

.si-warning:before {
  content: "\f071"; }

.si-plane:before {
  content: "\f072"; }

.si-chevron-up:before {
  content: "\f077"; }

.si-chevron-down:before {
  content: "\f078"; }

.si-bar-chart:before {
  content: "\f080"; }

.si-bar-chart-o:before {
  content: "\f080"; }

.si-cogs:before {
  content: "\f085"; }

.si-gears:before {
  content: "\f085"; }

.si-thumbs-o-up:before {
  content: "\f087"; }

.si-thumbs-o-down:before {
  content: "\f088"; }

.si-external-link:before {
  content: "\f08e"; }

.si-bullhorn:before {
  content: "\f0a1"; }

.si-group:before {
  content: "\f0c0"; }

.si-users:before {
  content: "\f0c0"; }

.si-chain:before {
  content: "\f0c1"; }

.si-link:before {
  content: "\f0c1"; }

.si-copy:before {
  content: "\f0c5"; }

.si-files-o:before {
  content: "\f0c5"; }

.si-floppy-o:before {
  content: "\f0c7"; }

.si-save:before {
  content: "\f0c7"; }

.si-bars:before {
  content: "\f0c9"; }

.si-navicon:before {
  content: "\f0c9"; }

.si-reorder:before {
  content: "\f0c9"; }

.si-comment-o:before {
  content: "\f0e5"; }

.si-comments-o:before {
  content: "\f0e6"; }

.si-lightbulb-o:before {
  content: "\f0eb"; }

.si-cutlery:before {
  content: "\f0f5"; }

.si-file-text-o:before {
  content: "\f0f6"; }

.si-building-o:before {
  content: "\f0f7"; }

.si-angle-double-left:before {
  content: "\f100"; }

.si-angle-double-right:before {
  content: "\f101"; }

.si-angle-double-up:before {
  content: "\f102"; }

.si-angle-double-down:before {
  content: "\f103"; }

.si-angle-left:before {
  content: "\f104"; }

.si-angle-right:before {
  content: "\f105"; }

.si-angle-up:before {
  content: "\f106"; }

.si-angle-down:before {
  content: "\f107"; }

.si-spinner:before {
  content: "\f110"; }

.si-chain-broken:before {
  content: "\f127"; }

.si-unlink:before {
  content: "\f127"; }

.si-question:before {
  content: "\f128"; }

.si-info:before {
  content: "\f129"; }

.si-exclamation:before {
  content: "\f12a"; }

.si-chevron-circle-left:before {
  content: "\f137"; }

.si-chevron-circle-right:before {
  content: "\f138"; }

.si-chevron-circle-up:before {
  content: "\f139"; }

.si-chevron-circle-down:before {
  content: "\f13a"; }

.si-thumbs-up:before {
  content: "\f164"; }

.si-thumbs-down:before {
  content: "\f165"; }

.si-wheelchair:before {
  content: "\f193"; }

.si-building:before {
  content: "\f1ad"; }

.si-child:before {
  content: "\f1ae"; }

.si-life-bouy:before {
  content: "\f1cd"; }

.si-life-buoy:before {
  content: "\f1cd"; }

.si-life-ring:before {
  content: "\f1cd"; }

.si-life-saver:before {
  content: "\f1cd"; }

.si-support:before {
  content: "\f1cd"; }

.si-trash:before {
  content: "\f1f8"; }

.si-copyright:before {
  content: "\f1f9"; }

.si-area-chart:before {
  content: "\f1fe"; }

.si-line-chart:before {
  content: "\f201"; }

.si-toggle-off:before {
  content: "\f204"; }

.si-toggle-on:before {
  content: "\f205"; }

.si-question-circle-o:before {
  content: "\f29c"; }

.si-blind:before {
  content: "\f29d"; }

.si-assistive-listening-systems:before {
  content: "\f2a2"; }

.si-deaf:before {
  content: "\f2a4"; }

.si-deafness:before {
  content: "\f2a4"; }

.si-hard-of-hearing:before {
  content: "\f2a4"; }

.si-plus-circle:before {
  content: "\f055"; }

.si-plus:before {
  content: "\f067"; }

.si-plus-square:before {
  content: "\f0fe"; }

.si-plus-square-o:before {
  content: "\f196"; }

.si-checklist:before {
  content: "\e90a"; }

.si-baggage:before {
  content: "\e900"; }

.si-customs:before {
  content: "\e901"; }

.si-infant:before {
  content: "\e902"; }

.si-passport:before {
  content: "\e903"; }

.si-restrooms:before {
  content: "\e904"; }

.si-baggage2:before {
  content: "\e905"; }

.si-customs2:before {
  content: "\e906"; }

.si-infant2:before {
  content: "\e907"; }

.si-passport2:before {
  content: "\e908"; }

.si-restrooms2:before {
  content: "\e909"; }

.si-lg {
  font-size: 1.25rem;
  vertical-align: -0.16em; }

.si-2x {
  font-size: 2rem;
  vertical-align: middle; }

.si-3x {
  font-size: 3rem;
  vertical-align: middle; }

.si-4x {
  font-size: 4rem;
  vertical-align: middle; }

.si-5x {
  font-size: 5rem;
  vertical-align: middle; }

.si-fw {
  width: 1.25em;
  text-align: center;
  margin: 0 0.125em; }

.si-pull-left {
  float: left;
  margin-right: .3em; }

.si-pull-right {
  float: right;
  margin-left: .3em; }

/*
// 1. Display inline but with box-model properties
// 2. Center text without padding
// 3. Align buttons vertically
// 4. Remove underline for links styled like buttons
// 5. Use pointer cursor so buttons appear clickable
// 6. Do not wrap button text to new line
// 7. Truncate button text if it is too long
// 8. Default button background
// 9. Default button text color
// 10. For consistancy across buttons. Transparent by default.
// 11. Uses $border-radius-base (see settings.buttons).
// 12. Padding uses golden ratio for better asthetics.
// 13. Better font rendering; Note: <button> element does not inherit this style.

// 15. Keep transistion speed consistant
// 16. Prevent text-selection.
*/
/* Button Size Mixin */
/*
/ Mananges button text colors and background colors for normal,
/ hovered, focused, and active states.
*/
/* Button Size Mixin */
/* Button Groups */
/* Button Group Divider */
/* Button Group Border */
/* Button Toolbar */
/*
@mixin button-toolbar() {
	//background-color: transparent;
	//color: $color;
	//border: 1px solid rgba($bg-color-hover,0.9);
	padding: 0;
	//height: 30px;
	//width: 30px;
	//line-height: 30px;
	& + & {
		margin-left: 0.5em;
	}
	&:not(:disabled):not(.is-disabled) {
		&:hover,
		&.is-hovered,
		&:focus,
		&.is-focused {
			background-color: darken($bg-color-hover, 6%);
		}
		&:focus,
		&.is-focused{
			//box-shadow: 0 1px 10px rgba($bg-color-hover, 0.75);
		}
		&:active,
		&.is-active {
			background-color: darken($bg-color-hover, 12%);
		}
	}
}
*/
/*
.btn-dropdown > .si {
	font-size: 1.3rem;
	line-height: 0;
	vertical-align: middle;
}*/
/* Breakpoint Mixin */
/* Orientation Mixin */
/*
// Nav item active
@mixin nav-item-active($background-color: $nav-item-active-background-color, $hover-color: $nav-item-active-color) {
	background-color: $background-color;
	color: $hover-color;
}

*/
/*------------------------------------
	#NORMALIZE
------------------------------------*/
/*
This is a custom Normalize, Reset and Reboot for Sierra Data Systems. This file should only
contain fixes for cross-browser implimentation. For the most part, any opinionated
rules should be placed in another file. Fixes for browsers that are no longer
in our scope have been removed. This includes IE 6 - 8. Some more modern fixes from Bootstrap's
Reboot have been included where it makes sense.

For more information, the following resources are available:

http://jaydenseric.com/blog/forget-normalize-or-resets-lay-your-own-css-foundation
https://necolas.github.io/normalize.css/
http://v4-alpha.getbootstrap.com/content/reboot/

*/
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

@-ms-viewport {
  width: device-width; }

body {
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

[tabindex="-1"]:focus {
  outline: none !important; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1,
h2,
h3,
h4,
p,
blockquote,
figure,
ol,
ul,
dl {
  margin: 0;
  padding: 0; }

dd {
  margin-left: 0; }

h1,
h2,
h3,
h4 {
  font-size: inherit; }

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

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

template,
[hidden] {
  display: none; }

a,
button {
  color: inherit;
  -webkit-transition: .3s;
  transition: .3s; }

a {
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

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

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  vertical-align: middle;
  border-style: none; }

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

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

table {
  border-collapse: collapse; }

caption {
  text-align: left;
  caption-side: bottom; }

th {
  text-align: left; }

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

input,
button,
select,
textarea,
optgroup {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal; }

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*="language-"],
pre[class*="language-"] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre-wrap;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; }

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc; }

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc; }

@media print {
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none; } }

/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto; }

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #f5f2f0; }

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em;
  -webkit-border-radius: .3em;
  border-radius: .3em;
  white-space: normal; }

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray; }

.token.punctuation {
  color: #999; }

.namespace {
  opacity: .7; }

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905; }

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5); }

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a; }

.token.function {
  color: #DD4A68; }

.token.regex,
.token.important,
.token.variable {
  color: #e90; }

.token.important,
.token.bold {
  font-weight: bold; }

.token.italic {
  font-style: italic; }

.token.entity {
  cursor: help; }

.select2.select2-container {
  width: 100% !important; }

.select2-container .select2-selection--single {
  height: auto; }

.select2.select2-container .select2-selection--multiple {
  min-height: 0;
  height: auto; }

.select2.select2-container .select2-selection {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  outline: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  height: auto; }

.select2.select2-container .select2-selection .select2-selection__rendered {
  color: #333;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 3px 9px;
  line-height: 1.5; }

.select2.select2-container .select2-selection .select2-selection__arrow {
  background: #f8f8f8;
  border-left: 1px solid #ccc;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  width: 2rem;
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: static;
  height: auto; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  display: block;
  margin-left: 0;
  margin-top: 0;
  position: static; }

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
  background: #f8f8f8; }

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
  -webkit-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0; }

.select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
  border: 1px solid #34495e; }

.select2.select2-container.select2-container--focus .select2-selection {
  border: 1px solid #34495e; }

.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0; }

.select2.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 2px 6px;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.select2.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #f8f8f8;
  border: 1px solid #eee;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 1px 4px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.5;
  font-size: 12px;
  position: relative; }

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: #e74c3c;
  font-weight: bold; }

.select2-container .select2-dropdown {
  background: transparent;
  border: none;
  margin-top: 5px; }

.select2-container .select2-dropdown .select2-search {
  padding: 0; }

.select2-container .select2-dropdown .select2-search input {
  outline: none;
  border: 1px solid #34495e;
  border-bottom: none; }

.select2-container .select2-dropdown .select2-results {
  padding: 0; }

.select2-container .select2-dropdown .select2-results ul {
  background: #fff;
  border: 1px solid #34495e; }

.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
  background-color: #3498db; }

.big-drop {
  width: 600px !important; }

.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #f3f6f8; }

/* line 14, ../sass/vex.sass */
.vex {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
  /* Higher Z-index so they are visible over off-canvas */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/Roboto-Regular-webfont.svg#Roboto-Regular") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Light-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Roboto-Light-webfont.woff") format("woff"), url("../fonts/Roboto-Light-webfont.ttf") format("truetype"), url("../fonts/Roboto-Light-webfont.svg#Roboto-Light") format("svg");
  /* Legacy iOS */
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Bold-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Roboto-Bold-webfont.woff") format("woff"), url("../fonts/Roboto-Bold-webfont.ttf") format("truetype"), url("../fonts/Roboto-Bold-webfont.svg#Roboto-Bold") format("svg");
  /* Legacy iOS */
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Italic-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Roboto-Italic-webfont.woff") format("woff"), url("../fonts/Roboto-Italic-webfont.ttf") format("truetype"), url("../fonts/Roboto-Italic-webfont.svg#Roboto-Italic") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-BoldItalic-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Roboto-BoldItalic-webfont.woff") format("woff"), url("../fonts/Roboto-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto-BoldItalic-webfont.svg#Roboto-BoldItalic") format("svg");
  /* Legacy iOS */
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: "Sierracons";
  src: url("../fonts/Sierracons-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Sierracons-webfont.woff") format("woff"), url("../fonts/Sierracons-webfont.ttf") format("truetype"), url("../fonts/Sierracons-webfont.svg#Sierracons") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Blokk";
  src: url("../fonts/BLOKKRegular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/BLOKKRegular-webfont.woff") format("woff"), url("../fonts/BLOKKRegular-webfont.ttf") format("truetype"), url("../fonts/BLOKKRegular-webfont.svg#BLOKKRegular") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal; }

.blokk {
  font-family: 'Blokk'; }

/*------------------------------------
  #PAGE
------------------------------------*/
html,
body {
  height: 100%; }

html {
  font-size: 100%;
  line-height: 1.5; }

body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: #555;
  font-weight: normal;
  background: #ffffff;
  position: relative; }

.app-container {
  height: 100%; }

main {
  height: 100%; }

.page-section {
  padding: 3em 0; }

/*------------------------------------
  #LISTS
------------------------------------*/
ol, ul {
  margin: 0;
  padding: 0;
  list-style: none; }

/* Definition Lists */
dl {
  overflow: hidden;
  margin: 0 0 1.5rem; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

/*------------------------------------
  #IMAGES
------------------------------------*/
img {
  max-width: 100%;
  font-style: italic;
  vertical-align: middle; }

img[width],
img[height] {
  max-width: none; }

/*------------------------------------
  #BASE: HEADINGS
------------------------------------*/
h1, .alpha {
  font-size: 1.953rem; }

h2, .beta {
  font-size: 1.563rem; }

h3, .gamma {
  font-size: 1.25rem; }

h4, .delta {
  font-size: 1rem; }

/*

h5,.epsilon {
font-size:1rem;
}

h6,.zeta {
font-size:1rem;
}

*/
/* These handle massive type, for less frequently occuring bits of text (e.g. in mastheads and banners). */
.kilo {
  font-size: 2.441rem; }

.mega {
  font-size: 3.052rem; }

.giga {
  font-size: 3.815rem; }

/* Smaller-than-body-copy sizes here. */
small, .milli {
  font-size: 0.8rem; }

.title {
  margin-bottom: 0.375rem; }

/*----------------------------------------*  FORMS
\*----------------------------------------*/
/*
This is using Reboot from bootstrap
https://github.com/twbs/bootstrap/blob/v4-dev/scss/_reboot.scss
*/
label {
  display: inline-block;
  margin-bottom: 0.25rem; }

button {
  -webkit-border-radius: 0;
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

input[type='checkbox'],
input[type='radio'] {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: auto; }
  label input[type='checkbox'], label
  input[type='radio'] {
    margin-right: 0.375rem; }

/**
 * Basic form elements
 I think eventuall these should be removed and used only on classes. Maybe I am wrong. But that way less conflicts with external libs.
 */
fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

input[type='text'],
input[type='search'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='password'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='number'],
input[type='file'],
select,
textarea {
  width: 100%;
  padding: 3px 9px;
  color: #333;
  font-family: 'Roboto';
  border: 1px solid #ccc;
  background-color: white;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
  line-height: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }
  input[type='text']:focus,
  input[type='search']:focus,
  input[type='email']:focus,
  input[type='tel']:focus,
  input[type='url']: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='time']:focus,
  input[type='number']:focus,
  input[type='file']:focus,
  select:focus,
  textarea:focus {
    border-color: #999;
    outline: none; }
  input[type='text'][disabled],
  input[type='search'][disabled],
  input[type='email'][disabled],
  input[type='tel'][disabled],
  input[type='url'][disabled],
  input[type='password'][disabled],
  input[type='date'][disabled],
  input[type='datetime'][disabled],
  input[type='datetime-local'][disabled],
  input[type='month'][disabled],
  input[type='week'][disabled],
  input[type='time'][disabled],
  input[type='number'][disabled],
  input[type='file'][disabled],
  select[disabled],
  textarea[disabled] {
    color: #777;
    background-color: #eee;
    cursor: not-allowed; }

[placeholder]::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s 0.3s ease;
  transition: opacity 0.3s 0.3s ease; }

[placeholder]:focus::-webkit-input-placeholder {
  opacity: 0; }

select {
  height: 30px;
  padding-top: 0;
  padding-bottom: 0; }

textarea {
  resize: vertical; }

input[type='checkbox'],
input[type='radio'] {
  display: inline-block; }
  label input[type='checkbox'], label
  input[type='radio'] {
    margin-right: 0.375rem; }

label {
  display: block;
  padding-bottom: 0.375rem;
  cursor: pointer; }

.label--inline {
  display: inline-block;
  padding-top: 0rem;
  padding-bottom: 0rem; }
  .label--inline:not(:last-child) {
    margin-right: 1.5rem; }

/*------------------------------------
  #TABLES
------------------------------------*/
table {
  border-collapse: collapse;
  width: 100%; }

thead {
  border-bottom: 1px solid #d3d3d9; }

th, td {
  text-align: left;
  padding: 0.5em; }

.wrapper {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px; }
  .wrapper:after {
    clear: both !important;
    content: "" !important;
    display: block !important;
    clear: both !important; }

/***** Sizes *****/
.wrapper-tiny {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.wrapper-small {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }

.wrapper-large {
  padding-right: 3rem;
  padding-left: 3rem; }

.wrapper-huge {
  padding-right: 6rem;
  padding-left: 6rem; }

.ls-box {
  padding: 1.5rem !important; }

.ls-box-xs {
  padding: 0.375rem !important; }

.ls-box-sm {
  padding: 0.75rem !important; }

.ls-box-lg {
  padding: 3rem !important; }

.ls-box-xl {
  padding: 6rem !important; }

.ls-box-none {
  padding: 0 !important; }

.ls-box-auto {
  padding: auto !important; }

.ls-box-h {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important; }

.ls-box-h-xs {
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important; }

.ls-box-h-sm {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important; }

.ls-box-h-lg {
  padding-left: 3rem !important;
  padding-right: 3rem !important; }

.ls-box-h-xl {
  padding-left: 6rem !important;
  padding-right: 6rem !important; }

.ls-box-h-none {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.ls-box-h-auto {
  padding-left: auto !important;
  padding-right: auto !important; }

.ls-box-v {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.ls-box-v-xs {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important; }

.ls-box-v-sm {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important; }

.ls-box-v-lg {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.ls-box-v-xl {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important; }

.ls-box-v-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.ls-box-v-auto {
  padding-top: auto !important;
  padding-bottom: auto !important; }

/* Deprecate */
.box-demo {
  background-color: steelblue; }

.box-base {
  padding: 1.5rem; }

.box-tiny {
  padding: 0.375rem; }

.box-small {
  padding: 0.75rem; }

.box-large {
  padding: 3rem; }

.box-huge {
  padding: 6rem; }

.ls-columns-2 {
  -webkit-columns: 2 320px;
  columns: 2 320px;
  -webkit-column-gap: 1em;
  column-gap: 1em; }
  .ls-columns-2 > * {
    -webkit-column-break-inside: avoid;
    break-inside: avoid; }

.ls-columns-3 {
  -webkit-columns: 3 320px;
  columns: 3 320px;
  -webkit-column-gap: 1em;
  column-gap: 1em; }
  .ls-columns-3 > * {
    -webkit-column-break-inside: avoid;
    break-inside: avoid; }

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .flex-row .flex-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.card {
  background: white;
  border: 1px solid #f6f6f6;
  margin-right: 1em; }

.card-header {
  background: #fafafa;
  font-weight: bold;
  padding: 0.375rem 0.75rem;
  color: #333; }
  .card-header h3 {
    margin: 0; }

.card-content {
  padding: 0.75rem;
  line-height: inherit; }

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
  overflow: hidden;
  background: #fff; }

.media-item {
  margin-right: 1em; }

.media-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.media-body,
.media-body :last-child {
  margin-bottom: 0; }

.media-title {
  margin: 0 0 .5em; }

.media-border {
  border: 1px solid #ccc;
  padding: 1em; }

.media-middle {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center; }

.media-bottom {
  -ms-flex-item-align: end;
  align-self: flex-end; }

.media-reverse > .media-item {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-left: 1em; }

.media-stack {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .media-stack > .media-item {
    margin-right: 0;
    margin-bottom: 1em; }

.container-base {
  max-width: 46.875em;
  background: #ccc; }

.container-tiny {
  max-width: 28.125em;
  background: #ccc; }

.container-small {
  max-width: 37.5em;
  background: #ccc; }

.container-large {
  max-width: 56.25em;
  background: #ccc; }

.container-huge {
  max-width: 75em;
  background: #ccc; }

.container-centered {
  margin: 0 auto; }

/* Object: List-Bare */
.list-bare {
  list-style: none;
  margin-left: 0; }
  .list-bare .list-item {
    margin-left: none; }

/* Object: List-Inline
/**
 * The list-inline object simply displays a list of items in one line.
 */
.list-inline {
  margin-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }

.list-form {
  list-style: none;
  margin-left: 0; }
  .list-form .list-item {
    margin-left: none; }
  .list-form .list-item-key {
    text-transform: uppercase;
    font-size: 0.8rem;
    padding: 0.375rem;
    letter-spacing: 2%;
    color: #111; }
    .list-form .list-item-key::after {
      content: "\3a"; }
  .list-form .list-item-value {
    background-color: #f3f6f8;
    padding: 0.375rem 0.75rem;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 0.75rem; }

.typography p {
  margin-bottom: 1.5rem; }

.typography ul,
.typography ol,
.typography dl {
  list-style-position: outside;
  margin-bottom: 1.5rem;
  line-height: 24px; }

.typography ul {
  margin-left: 1.25rem;
  list-style-type: disc; }

.typography ol {
  margin-left: 1.25rem;
  list-style-type: decimal; }

.typography ul .typography ul,
.typography ol .typography ul, .typography ul
.typography ol,
.typography ol
.typography ol {
  margin-bottom: 0;
  margin-left: 1.25rem; }

.typography dt {
  margin-bottom: 0.3rem; }

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  margin-bottom: 0.375rem; }

.alert {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 1.5em;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0.5s, opacity ease-out 0.5s;
  transition: visibility 0s linear 0.5s, opacity ease-out 0.5s; }
  .alert .alert-body {
    padding: 0.75em;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .alert .alert-title {
    margin-bottom: 0.25em; }
  .alert .alert-description {
    font-size: 0.9em;
    line-height: 1.4; }
  .alert:before {
    content: '';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.3rem;
    width: 2em; }

.alert.dismiss {
  display: none;
  opacity: 0; }

.alert-default {
  background-color: #c3c3c3;
  background-color: white;
  border: 1px solid #838383; }
  .alert-default:before {
    background-color: #9c9c9c;
    color: white; }
  .alert-default .alert-title {
    color: #909090; }
  .alert-default .btn-dismiss {
    color: #909090; }
  .alert-default:before {
    content: "\e91b"; }

.alert-success {
  background-color: #6ec071;
  background-color: white;
  border: 1px solid #357a38; }
  .alert-success:before {
    background-color: #449d48;
    color: white; }
  .alert-success .alert-title {
    color: #3d8b40; }
  .alert-success .btn-dismiss {
    color: #3d8b40; }
  .alert-success:before {
    content: "\f058"; }

.alert-error {
  background-color: #d73030;
  background-color: white;
  border: 1px solid #721616; }
  .alert-error:before {
    background-color: #9d1e1e;
    color: white; }
  .alert-error .alert-title {
    color: #871a1a; }
  .alert-error .btn-dismiss {
    color: #871a1a; }
  .alert-error:before {
    content: "\f06a"; }

.alert-warning {
  background-color: #ffad33;
  background-color: white;
  border: 1px solid #b36a00; }
  .alert-warning:before {
    background-color: #e68900;
    color: white; }
  .alert-warning .alert-title {
    color: #cc7a00; }
  .alert-warning .btn-dismiss {
    color: #cc7a00; }
  .alert-warning:before {
    content: "\f071"; }

.alert-info {
  background-color: #699bc4;
  background-color: white;
  border: 1px solid #315a7d; }
  .alert-info:before {
    background-color: #3f75a2;
    color: white; }
  .alert-info .alert-title {
    color: #38678f; }
  .alert-info .btn-dismiss {
    color: #38678f; }
  .alert-info:before {
    content: "\f05a"; }

/* Components: Buttons */
/* Button Styles */
.btn {
  display: inline-block;
  /*  [1] */
  text-align: center;
  /*  [2] */
  vertical-align: middle;
  /*  [3] */
  text-decoration: none;
  /*  [4] */
  cursor: pointer;
  /*  [5] */
  white-space: nowrap;
  /*  [6] */
  outline: none;
  /*  [7] */
  background-color: transparent;
  /*  [8] */
  color: #333;
  /*  [9] */
  border: 1px solid transparent;
  /* [10] */
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /* [11] */
  padding: 0.4em 0.6472em;
  /* [12] */
  -moz-osx-font-smoothing: grayscale;
  /* [13] */
  -webkit-font-smoothing: antialiased;
  /* [13] */
  -webkit-transition: 0.25s;
  transition: 0.25s;
  /* [15] */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* [16] */ }
  .btn.is-disabled, .btn:disabled {
    opacity: 0.5;
    /* Mute the button color */
    cursor: not-allowed; }
  .btn .icon-right {
    margin-left: 0.5em; }
  .btn .icon-left {
    margin-right: 0.5em; }

.btn-default, .btn-secondary {
  background-color: #e0e1e2;
  color: #333; }
  .btn-default:not(:disabled):not(.is-disabled):hover, .btn-default:not(:disabled):not(.is-disabled).is-hovered, .btn-default:not(:disabled):not(.is-disabled):focus, .btn-default:not(:disabled):not(.is-disabled).is-focused, .btn-secondary:not(:disabled):not(.is-disabled):hover, .btn-secondary:not(:disabled):not(.is-disabled).is-hovered, .btn-secondary:not(:disabled):not(.is-disabled):focus, .btn-secondary:not(:disabled):not(.is-disabled).is-focused {
    background-color: #d0d2d3; }
  .btn-default:not(:disabled):not(.is-disabled):focus, .btn-default:not(:disabled):not(.is-disabled).is-focused, .btn-secondary:not(:disabled):not(.is-disabled):focus, .btn-secondary:not(:disabled):not(.is-disabled).is-focused {
    -webkit-box-shadow: 0 1px 10px rgba(224, 225, 226, 0.75);
    box-shadow: 0 1px 10px rgba(224, 225, 226, 0.75); }
  .btn-default:not(:disabled):not(.is-disabled):active, .btn-default:not(:disabled):not(.is-disabled).is-active, .btn-secondary:not(:disabled):not(.is-disabled):active, .btn-secondary:not(:disabled):not(.is-disabled).is-active {
    background-color: #c0c2c4; }

.btn-primary {
  background-color: steelblue;
  color: white; }
  .btn-primary:not(:disabled):not(.is-disabled):hover, .btn-primary:not(:disabled):not(.is-disabled).is-hovered, .btn-primary:not(:disabled):not(.is-disabled):focus, .btn-primary:not(:disabled):not(.is-disabled).is-focused {
    background-color: #3d729e; }
  .btn-primary:not(:disabled):not(.is-disabled):focus, .btn-primary:not(:disabled):not(.is-disabled).is-focused {
    -webkit-box-shadow: 0 1px 10px rgba(70, 130, 180, 0.75);
    box-shadow: 0 1px 10px rgba(70, 130, 180, 0.75); }
  .btn-primary:not(:disabled):not(.is-disabled):active, .btn-primary:not(:disabled):not(.is-disabled).is-active {
    background-color: #356288; }

.btn-text {
  background-color: transparent; }

/* Button Sizes */
.btn {
  font-size: 1rem;
  padding: 0.4em 0.6472em; }

.btn-tiny {
  font-size: 0.6rem;
  padding: 0.4em 0.6472em; }

.btn-small {
  font-size: 0.8rem;
  padding: 0.4em 0.6472em; }

.btn-large {
  font-size: 1.3rem;
  padding: 0.4em 0.6472em; }

.btn-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .btn-group .btn {
    border: 0px solid transparent;
    -webkit-border-radius: 0;
    border-radius: 0; }
    .btn-group .btn:first-child {
      -webkit-border-radius: 4px 0 0 4px;
      border-radius: 4px 0 0 4px; }
    .btn-group .btn:last-child {
      -webkit-border-radius: 0 4px 4px 0;
      border-radius: 0 4px 4px 0; }
    .btn-group .btn:only-child {
      -webkit-border-radius: 4px;
      border-radius: 4px;
      border: 1px solid transparent; }
  .btn-group .btn {
    border-right: 1px solid rgba(51, 51, 51, 0.25); }
    .btn-group .btn:last-child {
      border-right-width: 0; }

.btn-group-expanded {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .btn-group-expanded .btn {
    border: 0px solid transparent;
    -webkit-border-radius: 0;
    border-radius: 0; }
    .btn-group-expanded .btn:first-child {
      -webkit-border-radius: 4px 0 0 4px;
      border-radius: 4px 0 0 4px; }
    .btn-group-expanded .btn:last-child {
      -webkit-border-radius: 0 4px 4px 0;
      border-radius: 0 4px 4px 0; }
    .btn-group-expanded .btn:only-child {
      -webkit-border-radius: 4px;
      border-radius: 4px;
      border: 1px solid transparent; }
  .btn-group-expanded .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .btn-group-expanded .btn {
    border-right: 1px solid rgba(51, 51, 51, 0.25); }
    .btn-group-expanded .btn:last-child {
      border-right-width: 0; }

/* FULL-WIDTH BUTTON */
/* Depricate .btn-wide */
.btn-expanded,
.btn-wide {
  display: block;
  width: 100%; }

.btn-fw {
  width: 80px; }

/* Toolbar Buttons */
.btn-toolbar {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 1.1rem;
  padding: 0;
  background-color: #fafafa;
  color: #333; }
  .btn-toolbar:not(:disabled):not(.is-disabled):hover, .btn-toolbar:not(:disabled):not(.is-disabled).is-hovered, .btn-toolbar:not(:disabled):not(.is-disabled):focus, .btn-toolbar:not(:disabled):not(.is-disabled).is-focused {
    background-color: #ebebeb; }
  .btn-toolbar:not(:disabled):not(.is-disabled):focus, .btn-toolbar:not(:disabled):not(.is-disabled).is-focused {
    -webkit-box-shadow: 0 1px 10px rgba(250, 250, 250, 0.75);
    box-shadow: 0 1px 10px rgba(250, 250, 250, 0.75); }
  .btn-toolbar:not(:disabled):not(.is-disabled):active, .btn-toolbar:not(:disabled):not(.is-disabled).is-active {
    background-color: #dbdbdb; }

.btn-toolbar-sm {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 1.1rem;
  padding: 0;
  background-color: #fafafa;
  color: #333; }
  .btn-toolbar-sm:not(:disabled):not(.is-disabled):hover, .btn-toolbar-sm:not(:disabled):not(.is-disabled).is-hovered, .btn-toolbar-sm:not(:disabled):not(.is-disabled):focus, .btn-toolbar-sm:not(:disabled):not(.is-disabled).is-focused {
    background-color: #ebebeb; }
  .btn-toolbar-sm:not(:disabled):not(.is-disabled):focus, .btn-toolbar-sm:not(:disabled):not(.is-disabled).is-focused {
    -webkit-box-shadow: 0 1px 10px rgba(250, 250, 250, 0.75);
    box-shadow: 0 1px 10px rgba(250, 250, 250, 0.75); }
  .btn-toolbar-sm:not(:disabled):not(.is-disabled):active, .btn-toolbar-sm:not(:disabled):not(.is-disabled).is-active {
    background-color: #dbdbdb; }

/* Button Clear */
.btn-clear,
.btn-hamburger,
.btn-close {
  background-color: none;
  border: 1px solid transparent;
  outline: none;
  padding: 0; }

/* Button Hamburger */
.btn-hamburger {
  color: #eee; }
  .btn-hamburger:before {
    margin-right: 0.375rem;
    content: "\f0c9"; }

.btn-close:before {
  margin-right: 0.375rem;
  content: "\f00d"; }

.btn-dismiss:after {
  content: "\f00d"; }

/* .btn-group */
/* DEPRICATE this as it is used for air-serve

.btn-group {
	display: inline-flex; // An inline, flex-container
	vertical-align: middle;
	position: relative;
	white-space: nowrap;
	border-radius: $border-radius-base; // Border radius on group; not buttons
	overflow: hidden; // hides the corners of the non-rounded buttons
	border: 1px solid rgba(black, 0.2);
	.btn {
		border-radius: 0; // Remove border radius from button items when they are in a group
		border: 0px solid transparent;
		&:not(:last-child) { // Right border on all btn items except last
			border-right: $border; 
		}
	}
}

*/
.dropdown {
  position: relative;
  display: inline-block; }

.dropdown-list {
  position: absolute;
  top: 110%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity, visibility;
  transition: opacity, visibility;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  min-width: 100%;
  z-index: 10;
  list-style: none;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  background: #fff; }
  .dropdown-list li {
    text-align: left;
    padding: 0.3em 0.9em;
    background: #fff;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out; }
    .dropdown-list li:hover, .dropdown-list li:focus {
      background: #ededed; }
    .dropdown-list li:active {
      background: #dbdbdb; }
    .dropdown-list li.divider {
      margin: 0.25em 0;
      padding: 0;
      overflow: hidden;
      height: 1px;
      width: 100%;
      -webkit-box-shadow: inset 0 1px 0 #ddd;
      box-shadow: inset 0 1px 0 #ddd; }

.dropdown.is-active .dropdown-list {
  opacity: 1;
  visibility: visible;
  display: block; }

.dropdown-list-right {
  right: 0;
  left: auto; }

.dropdown-list-left {
  right: auto;
  left: 0; }

/*

// Nav
.nav {
	padding: 0;
	margin: 0;
	width: 100%;

	&.nav-inline {
		display: flex;
	}
}

// Nav item
.nav-item a {
	display: flex;
	//padding: $spacing-unit-small;
	color: inherit;
	text-decoration: none;
	//@include nav-item-color();

	border-top: 1px solid rgba(white, 0.1);
	transition: background-color, color;
	transition-duration: $animation-duration-gamma;
	transition-timing-function: $animation-easing-alpha;
	&:first-child {
		border-top: none;
	}

}

// Nav item active
.nav-item-active {

}

// Nav title
.nav-title {
	display: block;
	padding: $spacing-unit-small;
	color: inherit;
	text-transform: uppercase;
	font-weight: 300;
	color: shade(#eee, 30%);
	font-size: rem(14px);
}

*/
.modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  padding: 1.75rem; }

.modal.is-closed {
  opacity: 0;
  visibility: hidden; }

.modal-overlay-dark {
  background-color: rgba(0, 0, 0, 0.6); }

.modal-overlay-light {
  background-color: rgba(220, 220, 220, 0.6); }

.modal-content {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-height: 100%;
  border: 1px solid #dddddd;
  -webkit-box-shadow: 0 10px 16px -8px #b4b4b4;
  box-shadow: 0 10px 16px -8px #b4b4b4; }
  @media (min-width: 640px) {
    .modal-content {
      width: 500px; } }

.modal-header, .modal-footer {
  padding: 0.75rem 1rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

.modal-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 1rem;
  overflow-y: auto; }

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #ccc; }

.modal-footer {
  border-top: 1px solid #dddddd; }

@media (min-width: 640px) {
  .modal-small {
    width: 300px; } }

@media (min-width: 640px) {
  .modal-medium {
    width: 500px; } }

@media (min-width: 1000px) {
  .modal-large {
    width: 700px; } }

.modal-full {
  width: 98%;
  height: 98%; }

.modal-centered {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center; }

.ls-nav {
  background-color: #121212; }

.ls-nav-item {
  display: block; }

/* Note: We are deprecating .nav-item below */
.ls-nav-link, .nav-item {
  cursor: pointer;
  text-decoration: none;
  padding: 1em 1em;
  -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ls-nav-link:hover, .nav-item:hover {
  background-color: steelblue; }

.ls-nav-link.is-active, .nav-item.is-active {
  background-color: steelblue; }

.ls-has-sub-nav:before, .ls-has-sub-nav:after {
  font-family: 'sierracons';
  font-size: 1.3em; }

.ls-has-sub-nav:before {
  margin-right: 0.5em; }

.ls-has-sub-nav:after {
  content: "\f105";
  margin-left: auto;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }

.ls-has-sub-nav.rotate:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.ls-sub-nav {
  display: none; }

.ls-nav-item {
  background-color: #121212;
  color: white; }

.ls-nav-item .ls-sub-nav .ls-nav-item {
  background-color: #2a2a2a; }

.ls-nav-item .ls-sub-nav .ls-nav-item .ls-sub-nav .ls-nav-item {
  background-color: #414141; }

#setup:before {
  content: "\f013"; }

#dispatch:before {
  content: "\f0a1"; }

#time-and-labor:before {
  content: "\f017"; }

#reports:before {
  content: "\f080"; }

.list-ui {
  list-style: none; }

.list-ui-item {
  padding: 0.375rem 0.75rem;
  background-color: #fff; }
  .list-ui-item:hover {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #ededed; }
  .list-ui-item:active {
    background-color: #e1e1e1; }
  .list-ui-item + .list-ui-item {
    border-top: 1px solid #ddd; }
  .list-ui-item.is-selected {
    background-color: #226a99;
    color: white; }

.list-ui-title {
  margin-bottom: 0.375rem;
  font-weight: bold; }

.list-ui-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.8rem; }
  .list-ui-footer > :first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.list-alternating > li:nth-child(odd) {
  background-color: #fafafa; }
  .list-alternating > li:nth-child(odd):hover {
    background-color: #ededed; }
  .list-alternating > li:nth-child(odd):active {
    background-color: #e1e1e1; }
  .list-alternating > li:nth-child(odd).is-selected {
    background-color: #226a99;
    color: white; }

.flex-col + .flex-col {
  margin-left: 0.75em; }

.flex-grow-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

@-webkit-keyframes ls-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes ls-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.ls-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  background-color: #fcfcfc;
  -webkit-box-shadow: inset 0 -2px 3px rgba(50, 50, 50, 0.06);
  box-shadow: inset 0 -2px 3px rgba(50, 50, 50, 0.06); }

.ls-tab {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.5em 1em;
  border-bottom: none;
  border-top: 5px solid transparent; }
  .ls-tab:hover {
    background-color: #f5f5f5;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out; }

.ls-tab.is-active {
  background-color: white;
  border-top: 5px solid orange;
  border-bottom: none; }

.ls-tab-content.is-selected {
  -webkit-animation: ls-fade-in 0.5s;
  animation: ls-fade-in 0.5s; }

.ls-tabs-scrolling {
  overflow-x: auto; }

.ls-tabs-full-width .tab {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  padding: 0.75rem 0; }

.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  background-color: #fcfcfc;
  -webkit-box-shadow: inset 0 -2px 3px rgba(50, 50, 50, 0.06);
  box-shadow: inset 0 -2px 3px rgba(50, 50, 50, 0.06); }

.tab {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.5em 1em;
  border-bottom: none;
  border-top: 5px solid transparent; }
  .tab:hover {
    background-color: #f5f5f5;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out; }

.tabgroup {
  padding: 1.5rem 0; }

.tab.is-active {
  background-color: white;
  border-top: 5px solid orange;
  border-bottom: none; }

.tab-content.is-selected {
  -webkit-animation: ls-fade-in 0.5s;
  animation: ls-fade-in 0.5s; }

.tabs-scrolling {
  overflow-x: auto; }

.tabs-full-width .tab {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  padding: 0.75rem 0; }

label.checkbox-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }

input.checkbox,
input.radio {
  position: absolute;
  opacity: 0;
  z-index: -1; }

input.checkbox + label:before,
input.radio + label:before {
  content: '';
  display: inline-block;
  margin-right: 0.5rem;
  height: 0.8rem;
  width: 0.8rem;
  border: 1px solid;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  line-height: 1;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

input.checkbox:checked + label:before,
input.radio:checked + label:before {
  height: 0.8rem;
  width: 0.8rem;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: black;
  -webkit-box-shadow: inset 0px 0px 0px 3px orange;
  box-shadow: inset 0px 0px 0px 3px orange; }

input.checkbox:disabled + label:before,
input.checkbox:disabled + label,
input.radio:disabled + label:before,
input.radio:disabled + label {
  opacity: 0.5;
  cursor: not-allowed; }

/* Focus state */
input.radio:focus + label,
input.checkbox:focus + label {
  outline: none; }

input.radio + label:before,
input.radio:checked + label:before {
  -webkit-border-radius: 50%;
  border-radius: 50%; }

/* There are issues with this and wrapping. */
.checkbox-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .checkbox-inline li + li {
    margin-left: 1rem; }

.toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #f5f5f5;
  padding: 0.375rem 0.375rem;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .toolbar .btn + .btn {
    margin-left: 0.5em; }

.toolbar-section {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.75rem; }
  .toolbar-section:last-child {
    margin-right: 0; }

.toolbar-clear {
  background-color: white; }

.toolbar-divider {
  height: 24px;
  border-right: 1px solid rgba(0, 0, 0, 0.2); }

.toolbar-spacer {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.form-input[type="date"],
.form-input[type="datetime"],
.form-input[type="datetime-local"],
.form-input[type="email"],
.form-input[type="month"],
.form-input[type="number"],
.form-input[type="password"],
.form-input[type="search"],
.form-input[type="tel"],
.form-input[type="text"],
.form-input[type="time"],
.form-input[type="url"],
.form-input[type="week"],
.form-select,
.form-textarea {
  width: 100%;
  padding: 3px 9px;
  color: #333;
  font-family: 'Roboto';
  border: 1px solid #ccc;
  background-color: white;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
  line-height: inherit; }
  .form-input[type="date"]:focus,
  .form-input[type="datetime"]:focus,
  .form-input[type="datetime-local"]:focus,
  .form-input[type="email"]:focus,
  .form-input[type="month"]:focus,
  .form-input[type="number"]:focus,
  .form-input[type="password"]:focus,
  .form-input[type="search"]:focus,
  .form-input[type="tel"]:focus,
  .form-input[type="text"]:focus,
  .form-input[type="time"]:focus,
  .form-input[type="url"]:focus,
  .form-input[type="week"]:focus,
  .form-select:focus,
  .form-textarea:focus {
    border-color: #999;
    outline: none; }
  .form-input[type="date"][disabled],
  .form-input[type="datetime"][disabled],
  .form-input[type="datetime-local"][disabled],
  .form-input[type="email"][disabled],
  .form-input[type="month"][disabled],
  .form-input[type="number"][disabled],
  .form-input[type="password"][disabled],
  .form-input[type="search"][disabled],
  .form-input[type="tel"][disabled],
  .form-input[type="text"][disabled],
  .form-input[type="time"][disabled],
  .form-input[type="url"][disabled],
  .form-input[type="week"][disabled],
  .form-select[disabled],
  .form-textarea[disabled] {
    color: #777;
    background-color: #f3f6f8;
    cursor: not-allowed; }

.form-label {
  font-size: 0.9em;
  font-weight: 400;
  max-width: 100%; }
  .form-label::after {
    content: "\3a"; }

.input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  width: 100%; }
  .input-group input {
    border: none;
    outline: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .input-group-addon {
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0; }
    .input-group-addon span {
      opacity: 0.5; }
  .input-group-btn {
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    background-color: red; }
  .input-group .select2.select2-container .select2-selection,
  .input-group .select2-container--default .select2-selection--single {
    border: 0px solid #ccc; }

.input-addon-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: none; }

/* Deprecate */
.input-addon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  width: 100%; }
  .input-addon input {
    border: none;
    outline: none;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .input-addon .btn {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-left: 1px solid #ccc; }

.form-input-sm {
  font-size: 12px; }

.form-input-md {
  font-size: 24px; }

.form-input-lg {
  font-size: 36px; }

.form-group ~ .form-group {
  margin-top: 0.75rem; }

.field-help {
  margin-top: 0.375rem;
  margin-bottom: 0;
  color: #999; }

/* Components.forms */
.form-feedback-error, .form-feedback-success {
  margin-top: 0.375rem; }

input:valid + .form-feedback-error {
  display: none; }

input:valid + .form-feedback-success {
  color: green; }

input:invalid {
  border-color: red; }
  input:invalid + .form-feedback-success {
    display: none; }
  input:invalid + .form-feedback-error {
    color: red; }

/* Ball and Stick Step Indicator */
.step-indicator {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-bottom: 0;
  width: 100%; }

@media screen and (min-width: 60em) {
  .step-indicator {
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 49%; } }

.step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1; }

.step-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #bababa;
  color: white;
  height: 30px;
  width: 30px;
  font-weight: bold;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 0.75rem 0; }

.step-completed .step-number {
  background: limegreen;
  color: white; }

.step-line {
  height: 2px;
  background-color: #bababa;
  margin: 0 -20px 0 -20px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  z-index: 0; }

.translatex {
  left: 50%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%); }

.step-label, .step-time {
  font-size: 0.9rem;
  margin-bottom: 0; }

/* Temp Shutoff

.steps {
  display: flex;
  flex: 1;
  flex-direction: row;
  border-radius: 4px;
  overflow: hidden;
}
.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 0 auto;
  position: relative;
  font-size: 14px;
  padding: 1em;
  color: #333;
  background-color: #f5f5f5;
  text-indent: 25px;
  
  &:first-child {
    text-indent: 0;
  } 
  &-title {
    font-weight: bold;
    margin-bottom: 0.25em;
  }
  &-time {
  }
}

.step:before {
    content: '';
    position: absolute;
    left: 103%;
    top: 50%;
    z-index: 1;
    border-top: 65px solid transparent;
    border-left: 25px solid #fff;
    border-bottom: 65px solid transparent;
    transform: translateX(0%) translateY(-50%);
  }

// Step After
.step:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    z-index: 1;
    border-top: 65px solid transparent;
    border-left: 25px solid #f5f5f5;
    border-bottom: 65px solid transparent;
    transform: translateX(0%) translateY(-50%);
  }

.step.is-active {
  background-color: lightgray;
  &:after {
    border-left: 25px solid lightgray;
  }
}

.step.is-completed {
  background-color: lighten(lime, 20%);
  &:after {
    border-left: 25px solid lighten(lime, 20%);
  }
}

*/
table {
  width: 100%;
  border-collapse: collapse; }

th, td {
  padding: 0.5em;
  text-align: left; }

th {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1; }

.table-bordered td,
.table-bordered th {
  border: 0.1rem solid #e1e1e1; }

.table-striped tbody tr:nth-child(even) {
  background-color: #f5f5f5; }

.table-striped td {
  border-bottom: 0.1rem solid #e1e1e1; }

.table-responsive {
  overflow-x: auto; }
  .table-responsive table {
    table-layout: auto; }
  .table-responsive th,
  .table-responsive td {
    white-space: nowrap; }

/* DEPRICATE  I don't think this is being used, but anyway */
.scan-button {
  width: 100px;
  height: 100px;
  line-height: 100px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 3.5rem;
  position: fixed;
  bottom: 0.75em;
  right: 0.75em;
  background: #eee;
  z-index: 1000;
  border: 3px solid rgba(0, 0, 0, 0.25);
  outline: none; }
  .scan-button:before {
    margin-right: 0.375rem;
    content: "\f02a"; }

.scan-widget .btn-scan {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.scan-widget .btn-manual {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0; }

.scan-widget .btn-enter, .scan-widget .btn-cancel {
  background-color: #eee; }

.scan-widget .btn-enter .si {
  color: green; }

.scan-widget .btn-cancel .si {
  color: firebrick; }

.scan-widget .input-group-addon {
  border-left: 1px solid #ccc; }

/* Components: placehoders */
/* Temporary styles for low fi items used in details and list views.*/
.list-item-placeholder {
  padding: 0.375rem;
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .list-item-placeholder + .list-item-placeholder {
    margin-top: 0.375rem; }

.details-item-placeholder {
  height: 400px;
  padding: 3rem;
  background: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 9px 0px rgba(119, 119, 119, 0.5);
  box-shadow: 0px 3px 9px 0px rgba(119, 119, 119, 0.5); }
  .details-item-placeholder + .details-item-placeholder {
    margin-top: 3rem; }

.table {
  display: table;
  width: 100%;
  height: auto;
  border-collapse: collapse;
  font-size: 0.8rem;
  background-color: #fff; }

.table-row {
  display: table-row; }

.table-cell {
  display: table-cell;
  padding: 1.3em;
  font-size: 1.1rem;
  word-wrap: break-word;
  text-align: center; }
  .table-cell:first-child {
    text-align: left; }

.table-header .table-cell {
  font-weight: bold;
  text-transform: uppercase; }

.table-row:nth-child(odd) {
  background-color: #eee; }

.subheader.whiteboard {
  padding: 0.75rem;
  color: #eee;
  background: #003466;
  text-align: center; }
  .subheader.whiteboard p {
    font-size: 1.5rem;
    text-transform: uppercase; }
  .subheader.whiteboard h3 {
    margin-bottom: 0; }

.carrier-logo {
  text-align: center;
  padding: 0.75rem;
  background: #eee; }
  .carrier-logo img {
    max-width: 480px; }

.passenger-display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center; }

.pre-footer {
  text-align: center;
  padding: 0.75rem; }

.passenger-list {
  background: steelblue; }
  .passenger-list li {
    display: block;
    padding: 0.5em;
    color: #eee;
    font-size: 2rem;
    text-decoration: none;
    border-bottom: 1px inset rgba(49, 90, 125, 0.5); }
    .passenger-list li:hover {
      background: #3f75a2; }
    .passenger-list li:active {
      background: #38678f; }
    .passenger-list li.selected {
      background: #315a7d; }

/* Assignments List */
.order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.25);
  background: white;
  padding: 1.5rem;
  margin-bottom: 1.5rem; }
  @media screen and (min-width: 60em) {
    .order {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

.flight-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  list-style: none;
  margin-bottom: 1.5rem;
  padding: 0; }
  @media screen and (min-width: 60em) {
    .flight-data {
      margin-bottom: 0; } }

.flight-item {
  margin-right: 1em;
  border: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1em; }
  .flight-item p {
    margin-bottom: 0;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 175px; }
  .flight-item .carrier-logo-small {
    display: block;
    max-width: 100%;
    margin-bottom: 1em; }

p.value {
  font-size: 2rem;
  margin: 0; }

p.label {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  font-size: 0.9rem;
  margin: 0;
  color: lightgray; }

/* APP-WRAPPER
Horizontal Flex-container for app-off-canvas-left, app-on-canvas, and app-off-canvas-right.
This is required to have a push effect for app-off-canvas-left on desktop.
*/
.app-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  overflow: hidden; }

/*
APP-ON-CANVAS
Vertical flex-container for main-app-header, main-app-footer, and app-view or panes view.
*/
.app-on-canvas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%;
  /* Added on 5 APR 17. Is required */
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.app-header, .app-footer {
  min-height: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 10; }

.header-primary {
  background: #194d6f; }
  .header-primary .header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.375rem;
    height: 60px; }
  .header-primary .app-title {
    font-size: 1.2rem;
    color: #eee;
    text-align: center; }
    @media screen and (min-width: 60em) {
      .header-primary .app-title {
        font-size: 1.6rem; } }
  .header-primary .flex-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.app-footer {
  background: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.75rem; }

/*
Default app-view
This creates a single-column, scrollable area between main-app-header
and main-app-footer, which are both optional.
*/
.app-view {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

/*
Panes View
A horizontal flex-container that houses the list-view and details-view containers.
This creates a two column layout with independently scrollable areas between main-app-header
and main-app-footer, which are both optional.
*/
.panes-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  /* Required */
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

/*
Panes View
A vertical flex-container that houses the list view scrollable body and optional
list-view-header and list-view-footer.
*/
.list-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #e5e5e5;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc; }
  .list-view-header, .list-view-footer {
    background-color: #eee;
    padding: 0.375rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 50px; }
  .list-view-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto; }
  @media screen and (min-width: 47.5em) {
    .list-view {
      width: 24em; } }

/*
Panes View
A vertical flex-container that houses the details-view scrollable body and optional
list-view-header and list-view-footer.
*/
.details-view {
  display: none;
  background-color: #e5e5e5; }
  .details-view-header, .details-view-footer {
    background-color: #ccc;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0.375rem;
    height: 50px; }
  .details-view-body {
    padding: 0.75rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll; }
  @media screen and (min-width: 47.5em) {
    .details-view {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2; } }
  @media screen and (min-width: 64em) {
    .details-view {
      -webkit-box-flex: 3;
      -ms-flex: 3;
      flex: 3; } }

/*
Off-canvas left
A vertical flex-container that houses the off-canvas-left scrollable body and optional
off-canvas-left-header and off-canvas-left-footer.
*/
.app-off-canvas-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #121212;
  color: #eee;
  width: 100%;
  margin-left: -100%;
  z-index: 8000;
  /* The only thing higher are modals and overlay. */
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /*
	@include breakpoint(large) {
		// Setup for push menu at desktop sizes
		width: 13em;
		margin-left: -100%;
	}
	*/ }
  @media screen and (min-width: 47.5em) {
    .app-off-canvas-left {
      width: 17em;
      margin-left: -17em; } }

/* This is deprecated but I am not sure there were ever any styles associate with this anyway */
.app-off-canvas-left-header,
.app-off-canvas-left-footer {
  height: 60px;
  background: rgba(0, 0, 0, 0.25);
  padding: 0 0.75rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .app-off-canvas-left-header .si,
  .app-off-canvas-left-footer .si {
    color: #eee; }

.app-off-canvas-left-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto; }

/* Add the class .flyout to make app-off-canvas-left flyout over the content */
.app-off-canvas-left.flyout {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

/*
// Add the class .push to make app-off-canvas-left
// push out from the left and occupy space in the app-wrapper
.app-off-canvas-left.push {
	@include breakpoint(medium) {
		margin-left: -17em;
	}
	@include breakpoint(large) {
		margin-left: -13em;
	}

}
*/
/*
Off-canvas right
A vertical flex-container that houses the off-canvas-right scrollable body and optional
off-canvas-right-header and off-canvas-right-footer.
*/
.app-off-canvas-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #f5f5f5;
  margin-right: -100%;
  width: 100%;
  z-index: 8000;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .app-off-canvas-right-header, .app-off-canvas-right-footer {
    padding: 0 0.375rem;
    height: 60px;
    background-color: #194d6f;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .app-off-canvas-right-body {
    padding: 0.75rem;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.app-off-canvas-right.is-open {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.menu-select-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (min-width: 47.5em) {
    .menu-select-new {
      display: none; } }

.list-view-header, .list-view-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.light-hide {
  display: none; }

.list-view-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .list-view-header .select-all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

/* Off Canvas */
.secondary-off-canvas-left {
  width: 15em;
  margin-left: -15em;
  background: #333;
  -webkit-transition: -webkit-transform .25s ease-in-out;
  transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
  z-index: 8000;
  overflow-y: auto; }

.secondary-off-canvas-left.flyout-left {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

/* Details View Sections */
.details-section {
  background-color: #fff;
  overflow: hidden;
  padding: 1.5rem 0; }
  .details-section-header {
    padding: 0.375rem 0;
    border-bottom: 1px solid #ddd; }
    .details-section-header h3 {
      font-size: 1rem; }
  .details-section-body {
    padding: 1.5rem 0; }

.details-section-title {
  background-color: #fafafa;
  padding: 1.5rem 1.5rem; }

.division-title {
  margin-right: auto; }

p span {
  font-weight: normal; }

.status .si {
  color: #f39c12; }

.switch-control {
  z-index: 20000; }

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (min-width: 47.5em) {
    .form-row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .form-row .form-col {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    margin-bottom: 1.5rem; }
  .form-row .form-col-100 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 1.5rem; }

.detail-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

input.special {
  font-size: 2rem;
  font-weight: bold;
  background-color: #fafafa;
  margin-bottom: 1.5rem; }

input.form-id {
  font-size: 1rem;
  padding: 3px 9px;
  margin-top: 4px;
  width: 5em; }

.settings {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.login-wrap {
  max-width: 420px;
  margin: 5em auto;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.container-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1.5em;
  min-width: 320px;
  max-width: 480px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0em auto; }
  @media (min-width: 481px) {
    .container-about {
      border: 1px solid #ddd;
      max-height: 720px;
      margin-top: 2em; } }

.header-about {
  text-align: center;
  margin-bottom: 3em; }

.logo-wrap-responsive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1em; }
  @media (min-width: 24em) {
    .logo-wrap-responsive {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }

.sds-logo-responsive {
  margin: 0 0 1em 0; }
  @media (min-width: 24em) {
    .sds-logo-responsive {
      margin: 0 1em 0 0; } }

.tagline {
  font-size: 0.9em;
  color: #5a5a5a; }

.body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.handset-version, .workflow-version {
  border: 1px solid #ddd;
  padding: 1em;
  margin-bottom: 1.5em;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.footer-about {
  text-align: center;
  padding: 1em 0; }

.copyright {
  font-size: 0.8em;
  color: #777; }

.miller-columns-wrap {
  max-height: 2em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.miller-columns-wrap.is-open {
  height: 100%;
  max-height: 12em; }

.miller-header {
  background-color: #ccc;
  padding: 0.5em; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.items-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.items-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.justify-around {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.content-start {
  -ms-flex-line-pack: start;
  align-content: flex-start; }

.content-end {
  -ms-flex-line-pack: end;
  align-content: flex-end; }

.content-center {
  -ms-flex-line-pack: center;
  align-content: center; }

.content-between {
  -ms-flex-line-pack: justify;
  align-content: space-between; }

.content-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around; }

.content-stretch {
  -ms-flex-line-pack: stretch;
  align-content: stretch; }

.self-start {
  -ms-flex-item-align: start;
  align-self: flex-start; }

.self-end {
  -ms-flex-item-align: end;
  align-self: flex-end; }

.self-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center; }

.self-baseline {
  -ms-flex-item-align: baseline;
  align-self: baseline; }

.self-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch; }

.left-auto {
  margin-left: auto; }

.right-auto {
  margin-right: auto; }

.flex-auto {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.flex-none {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0; }

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3; }

.order-last {
  -webkit-box-ordinal-group: 100000;
  -ms-flex-order: 99999;
  order: 99999; }

.no-scroll {
  overflow: hidden !important; }

.no-scroll-x {
  overflow-x: hidden !important; }

.no-scroll-y {
  overflow-y: hidden !important; }

.scroll {
  overflow: auto !important; }

.scroll-x {
  overflow-x: auto !important; }

.scroll-y {
  overflow-y: auto !important; }

.pull-left {
  float: left !important; }

.pull-right {
  float: right !important; }

.clearfix:after {
  clear: both !important;
  content: "" !important;
  display: block !important;
  clear: both !important; }

.text-left {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.text-just {
  text-align: justify !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.full-height {
  height: 100% !important; }

.full-width {
  width: 100% !important; }

.fit {
  max-width: 100% !important; }

.fixed {
  position: fixed !important; }

.relative {
  position: relative !important; }

.absolute {
  position: absolute !important; }

.static {
  position: static !important; }

.block {
  display: block !important; }

.inline {
  display: inline !important; }

.inline-block {
  display: inline-block !important; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden !important; }

.small {
  font-size: 0.75rem; }

.nowrap {
  white-space: nowrap; }

/* Spacing Utilites */
/* Jeff was here */
.pa {
  padding: 1.5rem !important; }

.pa-xs {
  padding: 0.375rem !important; }

.pa-sm {
  padding: 0.75rem !important; }

.pa-lg {
  padding: 3rem !important; }

.pa-xl {
  padding: 6rem !important; }

.pa-none {
  padding: 0 !important; }

.pa-auto {
  padding: auto !important; }

.pt {
  padding-top: 1.5rem !important; }

.pt-xs {
  padding-top: 0.375rem !important; }

.pt-sm {
  padding-top: 0.75rem !important; }

.pt-lg {
  padding-top: 3rem !important; }

.pt-xl {
  padding-top: 6rem !important; }

.pt-none {
  padding-top: 0 !important; }

.pt-auto {
  padding-top: auto !important; }

.pr {
  padding-right: 1.5rem !important; }

.pr-xs {
  padding-right: 0.375rem !important; }

.pr-sm {
  padding-right: 0.75rem !important; }

.pr-lg {
  padding-right: 3rem !important; }

.pr-xl {
  padding-right: 6rem !important; }

.pr-none {
  padding-right: 0 !important; }

.pr-auto {
  padding-right: auto !important; }

.pb {
  padding-bottom: 1.5rem !important; }

.pb-xs {
  padding-bottom: 0.375rem !important; }

.pb-sm {
  padding-bottom: 0.75rem !important; }

.pb-lg {
  padding-bottom: 3rem !important; }

.pb-xl {
  padding-bottom: 6rem !important; }

.pb-none {
  padding-bottom: 0 !important; }

.pb-auto {
  padding-bottom: auto !important; }

.pl {
  padding-left: 1.5rem !important; }

.pl-xs {
  padding-left: 0.375rem !important; }

.pl-sm {
  padding-left: 0.75rem !important; }

.pl-lg {
  padding-left: 3rem !important; }

.pl-xl {
  padding-left: 6rem !important; }

.pl-none {
  padding-left: 0 !important; }

.pl-auto {
  padding-left: auto !important; }

.ph {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important; }

.ph-xs {
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important; }

.ph-sm {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important; }

.ph-lg {
  padding-left: 3rem !important;
  padding-right: 3rem !important; }

.ph-xl {
  padding-left: 6rem !important;
  padding-right: 6rem !important; }

.ph-none {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.ph-auto {
  padding-left: auto !important;
  padding-right: auto !important; }

.pv {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.pv-xs {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important; }

.pv-sm {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important; }

.pv-lg {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.pv-xl {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important; }

.pv-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.pv-auto {
  padding-top: auto !important;
  padding-bottom: auto !important; }

.ma {
  margin: 1.5rem !important; }

.ma-xs {
  margin: 0.375rem !important; }

.ma-sm {
  margin: 0.75rem !important; }

.ma-lg {
  margin: 3rem !important; }

.ma-xl {
  margin: 6rem !important; }

.ma-none {
  margin: 0 !important; }

.ma-auto {
  margin: auto !important; }

.mt {
  margin-top: 1.5rem !important; }

.mt-xs {
  margin-top: 0.375rem !important; }

.mt-sm {
  margin-top: 0.75rem !important; }

.mt-lg {
  margin-top: 3rem !important; }

.mt-xl {
  margin-top: 6rem !important; }

.mt-none {
  margin-top: 0 !important; }

.mt-auto {
  margin-top: auto !important; }

.mr {
  margin-right: 1.5rem !important; }

.mr-xs {
  margin-right: 0.375rem !important; }

.mr-sm {
  margin-right: 0.75rem !important; }

.mr-lg {
  margin-right: 3rem !important; }

.mr-xl {
  margin-right: 6rem !important; }

.mr-none {
  margin-right: 0 !important; }

.mr-auto {
  margin-right: auto !important; }

.mb {
  margin-bottom: 1.5rem !important; }

.mb-xs {
  margin-bottom: 0.375rem !important; }

.mb-sm {
  margin-bottom: 0.75rem !important; }

.mb-lg {
  margin-bottom: 3rem !important; }

.mb-xl {
  margin-bottom: 6rem !important; }

.mb-none {
  margin-bottom: 0 !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ml {
  margin-left: 1.5rem !important; }

.ml-xs {
  margin-left: 0.375rem !important; }

.ml-sm {
  margin-left: 0.75rem !important; }

.ml-lg {
  margin-left: 3rem !important; }

.ml-xl {
  margin-left: 6rem !important; }

.ml-none {
  margin-left: 0 !important; }

.ml-auto {
  margin-left: auto !important; }

.mh {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important; }

.mh-xs {
  margin-left: 0.375rem !important;
  margin-right: 0.375rem !important; }

.mh-sm {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important; }

.mh-lg {
  margin-left: 3rem !important;
  margin-right: 3rem !important; }

.mh-xl {
  margin-left: 6rem !important;
  margin-right: 6rem !important; }

.mh-none {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.mh-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.mv {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.mv-xs {
  margin-top: 0.375rem !important;
  margin-bottom: 0.375rem !important; }

.mv-sm {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important; }

.mv-lg {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.mv-xl {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important; }

.mv-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.mv-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

/*
.img-fluid
.img-rounded
.image-circle
.image-thumbnail
*/
.details-view {
  background-color: white;
  width: 75%; }

.table-reports {
  font-size: 0.8em; }

.daterangepicker {
  display: none; }

.dropdown-menu {
  min-width: 10rem;
  margin: 0.125rem 0 0;
  list-style: none;
  border: 1px solid rgba(0, 0, 0, 0.15); }

.btn-success {
  background-color: steelblue;
  color: white; }

.scrollable {
  min-height: 0;
  overflow-y: auto; }

.border-bottom {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1.5rem; }

/* Sierracons List */
.icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .icon-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1em; }

pre {
  white-space: pre-wrap; }

.system-generated {
  font-style: italic; }

/* Layout stuff */
.section-title {
  margin-bottom: 0.75rem; }

.list-view-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (min-width: 64em) {
    .list-view-footer {
      display: none; } }

.m1 {
  padding: 0.25em; }
  @media screen and (min-width: 64em) {
    .m1 {
      display: none; } }

.list-view-header {
  display: none; }
  @media screen and (min-width: 47.5em) {
    .list-view-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }