/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

html {
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
  font-family:
		system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

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

/**
Remove the inner border and padding in Firefox.
*/

/**
Restore the focus styles unset by the previous rule.
*/

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

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

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #9ca3af;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #9ca3af;
}

input::placeholder,
textarea::placeholder {
  color: #9ca3af;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

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

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
}

.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
}

.bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
}

.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}

.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
}

.bg-blue-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
}

.bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
}

.bg-theme-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(16, 114, 186, var(--tw-bg-opacity));
}

.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}

.hover\:bg-theme-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(14, 103, 167, var(--tw-bg-opacity));
}

.bg-none {
  background-image: none;
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.from-gray-200 {
  --tw-gradient-from: #e5e7eb;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
}

.to-gray-300 {
  --tw-gradient-to: #d1d5db;
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.border-collapse {
  border-collapse: collapse;
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}

.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.border-dashed {
  border-style: dashed;
}

.border-2 {
  border-width: 2px;
}

.border {
  border-width: 1px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-t {
  border-top-width: 1px;
}

.cursor-pointer {
  cursor: pointer;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

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

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-grow {
  flex-grow: 1;
}

.flex-shrink {
  flex-shrink: 1;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-thin {
  font-weight: 100;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-full {
  height: 100%;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.list-disc {
  list-style-type: disc;
}

.m-8 {
  margin: 2rem;
}

.-m-1 {
  margin: -0.25rem;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.-mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}

.mt-0 {
  margin-top: 0px;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.ml-4 {
  margin-left: 1rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.-ml-1 {
  margin-left: -0.25rem;
}

.-mb-8 {
  margin-bottom: -2rem;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-screen-lg {
  max-width: 1024px;
}

.max-w-screen-xl {
  max-width: 1280px;
}

.min-h-0 {
  min-height: 0px;
}

.min-h-full {
  min-height: 100%;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-8 {
  padding: 2rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.pt-0 {
  padding-top: 0px;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pointer-events-none {
  pointer-events: none;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.resize {
  resize: both;
}

* {
  --tw-shadow: 0 0 rgba(0,0,0,0);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}

.hover\:shadow-none:hover {
  --tw-shadow: 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}

* {
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
}

.focus\:ring-4:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus\:ring-theme-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(159, 199, 227, var(--tw-ring-opacity));
}

.focus\:ring-theme-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(16, 114, 186, var(--tw-ring-opacity));
}

.table-fixed {
  table-layout: fixed;
}

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

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

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

.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}

.text-red-300 {
  --tw-text-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-text-opacity));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity));
}

.text-theme-500 {
  --tw-text-opacity: 1;
  color: rgba(16, 114, 186, var(--tw-text-opacity));
}

.hover\:text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.italic {
  font-style: italic;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
              -ms-user-select: all;
          user-select: all;
}

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

.visible {
  visibility: visible;
}

.break-all {
  word-break: break-all;
}

.w-6 {
  width: 1.5rem;
}

.w-8 {
  width: 2rem;
}

.w-3\/4 {
  width: 75%;
}

.w-full {
  width: 100%;
}

.gap-2 {
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

.gap-4 {
  grid-gap: 1rem;
  gap: 1rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       grid-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-y-2 {
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
}

.gap-y-4 {
  grid-row-gap: 1rem;
  row-gap: 1rem;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.col-span-6 {
  grid-column: span 6 / span 6;
}

.col-start-2 {
  grid-column-start: 2;
}

.transform {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@-webkit-keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

@media (min-width: 640px) {
  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .sm\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .sm\:gap-8 {
    grid-gap: 2rem;
    gap: 2rem;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }
}

@media (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row;
  }

  .md\:h-16 {
    height: 4rem;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:w-16 {
    width: 4rem;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
}

@media (min-width: 1024px) {
  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (min-width: 1280px) {
  .xl\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media (min-width: 1536px) {
}

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Overrides for bootstrap button styles. This should be limited to colour related properties only - specify other stuff in _bootstrap.scss */
.gradient-underline, .job-details-card__title-text {
  padding-bottom: 4px;
  margin-bottom: 16px;
  font-size: 20px; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* TODO re-enable this when we can replace bootstrap */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.alert-debug, .alert-default {
  background-color: #fafafb;
  color: #5b5b64;
  border-color: #d4d4dd;
  border-radius: 4px;
  border-left: 8px solid #9797a7;
  margin: 4px 0;
  box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
  line-height: 1.6;
  padding-left: 40px; }
  .alert-debug > i.fa, .alert-default > i.fa {
    text-indent: -1.5em;
    margin: 0 -0.8em; }

.alert-primary, .alert-info {
  background-color: #f9fcff;
  color: #547699;
  border-color: #bddcff;
  border-radius: 4px;
  border-left: 8px solid #8dc5ff;
  margin: 4px 0;
  box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
  line-height: 1.6;
  padding-left: 40px; }
  .alert-primary > i.fa, .alert-info > i.fa {
    text-indent: -1.5em;
    margin: 0 -0.8em; }

.alert-success {
  background-color: #f6fdf5;
  color: #2a8323;
  border-color: #bdf2b8;
  border-radius: 4px;
  border-left: 8px solid #46da3a;
  margin: 4px 0;
  box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
  line-height: 1.6;
  padding-left: 40px; }
  .alert-success > i.fa {
    text-indent: -1.5em;
    margin: 0 -0.8em; }

.alert-warning {
  background-color: #fefaf3;
  color: #8d5f03;
  border-color: #fadfad;
  border-radius: 4px;
  border-left: 8px solid #eb9e05;
  margin: 4px 0;
  box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
  line-height: 1.6;
  padding-left: 40px; }
  .alert-warning > i.fa {
    text-indent: -1.5em;
    margin: 0 -0.8em; }

.alert-error, .alert-danger {
  background-color: #fff7f7;
  color: #963333;
  border-color: #feb6b6;
  border-radius: 4px;
  border-left: 8px solid #fa5555;
  margin: 4px 0;
  box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
  line-height: 1.6;
  padding-left: 40px; }
  .alert-error > i.fa, .alert-danger > i.fa {
    text-indent: -1.5em;
    margin: 0 -0.8em; }

.messages .alert-debug, .messages .alert-default {
  background-color: #dbdbe0;
  color: #5b5b64;
  border-color: #9c9c9c;
  border-left: 1px solid #9c9c9c; }

.messages .alert-primary, .messages .alert-info {
  background-color: #e0efff;
  color: #647e99;
  border-color: #aacff6;
  border-left: 1px solid #aacff6; }

.messages .alert-success {
  background-color: #bef2ba;
  color: #2a8323;
  border-color: #56c14e;
  border-left: 1px solid #56c14e; }

.messages .alert-warning {
  background-color: #f8dda8;
  color: #8d5f03;
  border-color: #cf931c;
  border-left: 1px solid #cf931c; }

.messages .alert-error, .messages .alert-danger {
  background-color: #fdc4c4;
  color: #963333;
  border-color: #e86262;
  border-left: 1px solid #e86262; }

.alert-info a {
  color: #60aee2; }

.btn {
  display: inline-block;
  border: none;
  border-radius: 4px;
  transition: background 0.2s, border-color 0.2s;
  letter-spacing: 0.2px;
  text-shadow: rgba(0, 0, 0, 0.1) -1px -1px 1px;
  font-size: 14px;
  vertical-align: baseline;
  padding: 8px 12px;
  position: relative; }
  .btn.btn--is-loading {
    position: relative;
    overflow: hidden;
    cursor: wait; }
    .btn.btn--is-loading:before {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(127, 127, 127, 0.4);
      content: ""; }
    .btn.btn--is-loading:after {
      left: 0;
      right: 0;
      position: absolute;
      font: normal normal normal 22px/1 FontAwesome;
      transform: translate(0, 0);
      content: "\F110";
      vertical-align: middle;
      transform-origin: 50% 50%;
      color: white;
      animation: fa-spin 1s infinite steps(8); }
  .btn:hover, .btn:active {
    outline: none; }
    .btn:hover:focus, .btn:active:focus {
      box-shadow: 0 0 0 1px white, 0 0 1px 3px #edba54; }
  .btn:active {
    top: 1px;
    left: 1px;
    box-shadow: none; }
  .btn:focus {
    box-shadow: 0 0 0 1px white, 0 0 1px 3px #edba54; }

.btn {
  color: white;
  background-color: #9797a7;
  border-color: transparent; }
  .btn:visited {
    color: white; }
    .btn:visited:hover {
      color: white; }
  .btn:hover, .btn:active {
    color: white;
    background: #b3b3be;
    border-color: rgba(151, 151, 167, 0.8); }
  .btn:focus {
    color: white;
    background: #b3b3be;
    border-color: rgba(255, 255, 255, 0.5); }
  .btn:focus, .btn:active, .btn:active:focus {
    outline: none; }
  .btn:hover:active {
    background: #b3b3be;
    border-color: rgba(151, 151, 167, 0.8); }
  .btn[disabled], .btn[disabled]:hover {
    background-color: #9797a7;
    opacity: 0.5;
    color: white;
    /* Re-override the colour set by bootstrap-button mixin */ }

.btn.btn-default {
  color: #314151;
  background-color: #f9f9fa;
  border: 1px solid #ececee;
  text-shadow: none; }
  .btn.btn-default:visited {
    color: #314151; }
    .btn.btn-default:visited:hover {
      color: #314151; }
  .btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus {
    color: #314151;
    background: #ececee;
    border-color: #cacacf; }
  .btn.btn-default[disabled], .btn.btn-default[disabled]:hover {
    background-color: #ececee;
    color: #f9f9fa;
    opacity: 0.5; }

.btn-pointerra-blue {
  color: white;
  background-color: #0d74b8cc;
  border-color: transparent; }
  .btn-pointerra-blue:visited {
    color: white; }
    .btn-pointerra-blue:visited:hover {
      color: white; }
  .btn-pointerra-blue:hover, .btn-pointerra-blue:active {
    color: white;
    background: rgba(16, 146, 232, 0.8);
    border-color: rgba(13, 116, 184, 0.6); }
  .btn-pointerra-blue:focus {
    color: white;
    background: rgba(16, 146, 232, 0.8);
    border-color: rgba(255, 255, 255, 0.5); }
  .btn-pointerra-blue:focus, .btn-pointerra-blue:active, .btn-pointerra-blue:active:focus {
    outline: none; }
  .btn-pointerra-blue:hover:active {
    background: rgba(16, 146, 232, 0.8);
    border-color: rgba(13, 116, 184, 0.6); }
  .btn-pointerra-blue[disabled], .btn-pointerra-blue[disabled]:hover {
    background-color: #0d74b8cc;
    opacity: 0.5;
    color: white;
    /* Re-override the colour set by bootstrap-button mixin */ }

.btn-grey {
  color: white;
  background-color: #909399;
  border-color: transparent; }
  .btn-grey:visited {
    color: white; }
    .btn-grey:visited:hover {
      color: white; }
  .btn-grey:hover, .btn-grey:active {
    color: white;
    background: #abadb1;
    border-color: rgba(144, 147, 153, 0.8); }
  .btn-grey:focus {
    color: white;
    background: #abadb1;
    border-color: rgba(255, 255, 255, 0.5); }
  .btn-grey:focus, .btn-grey:active, .btn-grey:active:focus {
    outline: none; }
  .btn-grey:hover:active {
    background: #abadb1;
    border-color: rgba(144, 147, 153, 0.8); }
  .btn-grey[disabled], .btn-grey[disabled]:hover {
    background-color: #909399;
    opacity: 0.5;
    color: white;
    /* Re-override the colour set by bootstrap-button mixin */ }

.btn-success {
  color: white;
  background-color: #46da3a;
  border-color: transparent; }
  .btn-success:visited {
    color: white; }
    .btn-success:visited:hover {
      color: white; }
  .btn-success:hover, .btn-success:active {
    color: white;
    background: #6ee265;
    border-color: rgba(70, 218, 58, 0.8); }
  .btn-success:focus {
    color: white;
    background: #6ee265;
    border-color: rgba(255, 255, 255, 0.5); }
  .btn-success:focus, .btn-success:active, .btn-success:active:focus {
    outline: none; }
  .btn-success:hover:active {
    background: #6ee265;
    border-color: rgba(70, 218, 58, 0.8); }
  .btn-success[disabled], .btn-success[disabled]:hover {
    background-color: #46da3a;
    opacity: 0.5;
    color: white;
    /* Re-override the colour set by bootstrap-button mixin */ }

.btn-info {
  color: white;
  background-color: #409eff;
  border-color: transparent; }
  .btn-info:visited {
    color: white; }
    .btn-info:visited:hover {
      color: white; }
  .btn-info:hover, .btn-info:active {
    color: white;
    background: #73b8ff;
    border-color: rgba(64, 158, 255, 0.8); }
  .btn-info:focus {
    color: white;
    background: #73b8ff;
    border-color: rgba(255, 255, 255, 0.5); }
  .btn-info:focus, .btn-info:active, .btn-info:active:focus {
    outline: none; }
  .btn-info:hover:active {
    background: #73b8ff;
    border-color: rgba(64, 158, 255, 0.8); }
  .btn-info[disabled], .btn-info[disabled]:hover {
    background-color: #409eff;
    opacity: 0.5;
    color: white;
    /* Re-override the colour set by bootstrap-button mixin */ }

.btn-info-contrast {
  color: white;
  background-color: #8cc5ff;
  border-color: transparent; }
  .btn-info-contrast:visited {
    color: white; }
    .btn-info-contrast:visited:hover {
      color: white; }
  .btn-info-contrast:hover, .btn-info-contrast:active {
    color: white;
    background: #bfdfff;
    border-color: rgba(140, 197, 255, 0.8); }
  .btn-info-contrast:focus {
    color: white;
    background: #bfdfff;
    border-color: rgba(255, 255, 255, 0.5); }
  .btn-info-contrast:focus, .btn-info-contrast:active, .btn-info-contrast:active:focus {
    outline: none; }
  .btn-info-contrast:hover:active {
    background: #bfdfff;
    border-color: rgba(140, 197, 255, 0.8); }
  .btn-info-contrast[disabled], .btn-info-contrast[disabled]:hover {
    background-color: #8cc5ff;
    opacity: 0.5;
    color: white;
    /* Re-override the colour set by bootstrap-button mixin */ }

.btn-primary {
  color: white;
  background-color: #0d74b8cc;
  border-color: transparent; }
  .btn-primary:visited {
    color: white; }
    .btn-primary:visited:hover {
      color: white; }
  .btn-primary:hover, .btn-primary:active {
    color: white;
    background: rgba(16, 146, 232, 0.8);
    border-color: rgba(13, 116, 184, 0.6); }
  .btn-primary:focus {
    color: white;
    background: rgba(16, 146, 232, 0.8);
    border-color: rgba(255, 255, 255, 0.5); }
  .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
    outline: none; }
  .btn-primary:hover:active {
    background: rgba(16, 146, 232, 0.8);
    border-color: rgba(13, 116, 184, 0.6); }
  .btn-primary[disabled], .btn-primary[disabled]:hover {
    background-color: #0d74b8cc;
    opacity: 0.5;
    color: white;
    /* Re-override the colour set by bootstrap-button mixin */ }

.btn-warning {
  color: white;
  background-color: #eb9e05;
  border-color: transparent; }
  .btn-warning:visited {
    color: white; }
    .btn-warning:visited:hover {
      color: white; }
  .btn-warning:hover, .btn-warning:active {
    color: white;
    background: #fab429;
    border-color: rgba(235, 158, 5, 0.8); }
  .btn-warning:focus {
    color: white;
    background: #fab429;
    border-color: rgba(255, 255, 255, 0.5); }
  .btn-warning:focus, .btn-warning:active, .btn-warning:active:focus {
    outline: none; }
  .btn-warning:hover:active {
    background: #fab429;
    border-color: rgba(235, 158, 5, 0.8); }
  .btn-warning[disabled], .btn-warning[disabled]:hover {
    background-color: #eb9e05;
    opacity: 0.5;
    color: white;
    /* Re-override the colour set by bootstrap-button mixin */ }

.btn-error {
  color: white;
  background-color: #fa5555;
  border-color: transparent; }
  .btn-error:visited {
    color: white; }
    .btn-error:visited:hover {
      color: white; }
  .btn-error:hover, .btn-error:active {
    color: white;
    background: #fb8787;
    border-color: rgba(250, 85, 85, 0.8); }
  .btn-error:focus {
    color: white;
    background: #fb8787;
    border-color: rgba(255, 255, 255, 0.5); }
  .btn-error:focus, .btn-error:active, .btn-error:active:focus {
    outline: none; }
  .btn-error:hover:active {
    background: #fb8787;
    border-color: rgba(250, 85, 85, 0.8); }
  .btn-error[disabled], .btn-error[disabled]:hover {
    background-color: #fa5555;
    opacity: 0.5;
    color: white;
    /* Re-override the colour set by bootstrap-button mixin */ }

.btn-danger {
  color: white;
  background-color: #fa5555;
  border-color: transparent; }
  .btn-danger:visited {
    color: white; }
    .btn-danger:visited:hover {
      color: white; }
  .btn-danger:hover, .btn-danger:active {
    color: white;
    background: #fb8787;
    border-color: rgba(250, 85, 85, 0.8); }
  .btn-danger:focus {
    color: white;
    background: #fb8787;
    border-color: rgba(255, 255, 255, 0.5); }
  .btn-danger:focus, .btn-danger:active, .btn-danger:active:focus {
    outline: none; }
  .btn-danger:hover:active {
    background: #fb8787;
    border-color: rgba(250, 85, 85, 0.8); }
  .btn-danger[disabled], .btn-danger[disabled]:hover {
    background-color: #fa5555;
    opacity: 0.5;
    color: white;
    /* Re-override the colour set by bootstrap-button mixin */ }

.btn-rounded {
  border-radius: 9999px; }

.btn-xs.btn-rounded {
  padding: 2px 10px; }

.btn-xs {
  font-size: 12px;
  padding: 2px 10px; }

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

.btn-lg {
  font-size: 20px; }

.btn-sm {
  font-size: 12px;
  padding: 4px 12px; }

.btn[disabled], .btn.disabled, fieldset[disabled] .btn {
  text-shadow: none;
  box-shadow: none;
  opacity: 0.5;
  filter: alpha(opacity=65); }

.btn-block {
  width: auto;
  margin: 8px; }

.btn-transparent {
  box-shadow: none;
  text-shadow: none;
  color: #0d74b8;
  border: 1px solid transparent;
  background-color: transparent;
  background: transparent; }
  .btn-transparent:visited {
    color: #0d74b8; }
  .btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active, .btn-transparent:visited:hover {
    color: #063859;
    border-color: #0d74b8;
    background-color: #f3f8fb;
    box-shadow: none; }
  .btn-transparent:active {
    color: white;
    box-shadow: none;
    background-color: #0a5688; }
  .btn-transparent:focus {
    outline: 2px auto #0d74b8; }
  .btn-transparent.inverse.is-selected {
    color: #0d74b8; }

.btn-transparent.btn-success {
  box-shadow: none;
  text-shadow: none;
  color: #46da3a;
  border: 1px solid transparent;
  background-color: transparent;
  background: transparent; }
  .btn-transparent.btn-success:visited {
    color: #46da3a; }
  .btn-transparent.btn-success:hover, .btn-transparent.btn-success:focus, .btn-transparent.btn-success:active, .btn-transparent.btn-success:visited:hover {
    color: #24921c;
    border-color: #46da3a;
    background-color: #f6fdf5;
    box-shadow: none; }
  .btn-transparent.btn-success:active {
    color: white;
    box-shadow: none;
    background-color: #2fbd24; }
  .btn-transparent.btn-success:focus {
    outline: 2px auto #46da3a; }
  .btn-transparent.btn-success.inverse.is-selected {
    color: #46da3a; }

.btn-transparent.btn-info {
  box-shadow: none;
  text-shadow: none;
  color: #409eff;
  border: 1px solid transparent;
  background-color: transparent;
  background: transparent; }
  .btn-transparent.btn-info:visited {
    color: #409eff; }
  .btn-transparent.btn-info:hover, .btn-transparent.btn-info:focus, .btn-transparent.btn-info:active, .btn-transparent.btn-info:visited:hover {
    color: #006bd9;
    border-color: #409eff;
    background-color: #f5faff;
    box-shadow: none; }
  .btn-transparent.btn-info:active {
    color: white;
    box-shadow: none;
    background-color: #0d84ff; }
  .btn-transparent.btn-info:focus {
    outline: 2px auto #409eff; }
  .btn-transparent.btn-info.inverse.is-selected {
    color: #409eff; }

.btn-transparent.btn-primary {
  box-shadow: none;
  text-shadow: none;
  color: #409eff;
  border: 1px solid transparent;
  background-color: transparent;
  background: transparent; }
  .btn-transparent.btn-primary:visited {
    color: #409eff; }
  .btn-transparent.btn-primary:hover, .btn-transparent.btn-primary:focus, .btn-transparent.btn-primary:active, .btn-transparent.btn-primary:visited:hover {
    color: #006bd9;
    border-color: #409eff;
    background-color: #f5faff;
    box-shadow: none; }
  .btn-transparent.btn-primary:active {
    color: white;
    box-shadow: none;
    background-color: #0d84ff; }
  .btn-transparent.btn-primary:focus {
    outline: 2px auto #409eff; }
  .btn-transparent.btn-primary.inverse.is-selected {
    color: #409eff; }

.btn-transparent.btn-warning {
  box-shadow: none;
  text-shadow: none;
  color: #eb9e05;
  border: 1px solid transparent;
  background-color: transparent;
  background: transparent; }
  .btn-transparent.btn-warning:visited {
    color: #eb9e05; }
  .btn-transparent.btn-warning:hover, .btn-transparent.btn-warning:focus, .btn-transparent.btn-warning:active, .btn-transparent.btn-warning:visited:hover {
    color: #875b03;
    border-color: #eb9e05;
    background-color: #fefaf3;
    box-shadow: none; }
  .btn-transparent.btn-warning:active {
    color: white;
    box-shadow: none;
    background-color: #b97c04; }
  .btn-transparent.btn-warning:focus {
    outline: 2px auto #eb9e05; }
  .btn-transparent.btn-warning.inverse.is-selected {
    color: #eb9e05; }

.btn-transparent.btn-error {
  box-shadow: none;
  text-shadow: none;
  color: #fa5555;
  border: 1px solid transparent;
  background-color: transparent;
  background: transparent; }
  .btn-transparent.btn-error:visited {
    color: #fa5555; }
  .btn-transparent.btn-error:hover, .btn-transparent.btn-error:focus, .btn-transparent.btn-error:active, .btn-transparent.btn-error:visited:hover {
    color: #e20707;
    border-color: #fa5555;
    background-color: #fff7f7;
    box-shadow: none; }
  .btn-transparent.btn-error:active {
    color: white;
    box-shadow: none;
    background-color: #f92323; }
  .btn-transparent.btn-error:focus {
    outline: 2px auto #fa5555; }
  .btn-transparent.btn-error.inverse.is-selected {
    color: #fa5555; }

.btn-transparent.btn-danger {
  box-shadow: none;
  text-shadow: none;
  color: #fa5555;
  border: 1px solid transparent;
  background-color: transparent;
  background: transparent; }
  .btn-transparent.btn-danger:visited {
    color: #fa5555; }
  .btn-transparent.btn-danger:hover, .btn-transparent.btn-danger:focus, .btn-transparent.btn-danger:active, .btn-transparent.btn-danger:visited:hover {
    color: #e20707;
    border-color: #fa5555;
    background-color: #fff7f7;
    box-shadow: none; }
  .btn-transparent.btn-danger:active {
    color: white;
    box-shadow: none;
    background-color: #f92323; }
  .btn-transparent.btn-danger:focus {
    outline: 2px auto #fa5555; }
  .btn-transparent.btn-danger.inverse.is-selected {
    color: #fa5555; }

.btn-transparent.inverse {
  box-shadow: none;
  text-shadow: none;
  color: white;
  border: 1px solid transparent;
  background: transparent; }
  .btn-transparent.inverse:visited {
    color: white; }
  .btn-transparent.inverse:hover, .btn-transparent.inverse:active, .btn-transparent.inverse:visited:hover {
    color: white;
    border-color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: none; }
  .btn-transparent.inverse:focus {
    color: white;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: 0 0 0 2px rgba(13, 116, 184, 0.6); }
  .btn-transparent.inverse.is-selected {
    background-color: white; }

.btn-inverse {
  border: 1px solid #cacacf;
  color: #045e9a;
  background-image: linear-gradient(to bottom, #f9f9fa, #ececee);
  border-radius: 4px; }

.btn-transparent.btn-default {
  box-shadow: none;
  text-shadow: none;
  color: #9797a7;
  border: 1px solid transparent;
  background-color: transparent;
  background: transparent;
  color: #4c4c59; }
  .btn-transparent.btn-default:visited {
    color: #9797a7; }
  .btn-transparent.btn-default:hover, .btn-transparent.btn-default:focus, .btn-transparent.btn-default:active, .btn-transparent.btn-default:visited:hover {
    color: #636375;
    border-color: #9797a7;
    background-color: #fafafb;
    box-shadow: none; }
  .btn-transparent.btn-default:active {
    color: white;
    box-shadow: none;
    background-color: #7b7b90; }
  .btn-transparent.btn-default:focus {
    outline: 2px auto #9797a7; }
  .btn-transparent.btn-default.inverse.is-selected {
    color: #9797a7; }
  .btn-transparent.btn-default:hover, .btn-transparent.btn-default:focus, .btn-transparent.btn-default:active {
    color: #1d1d22; }

.checkbox, .radio {
  margin: 0; }

.fileinput-button input[type="file"]:disabled {
  opacity: 0; }

.dropdown-menu {
  padding-top: 8px;
  padding-bottom: 8px; }

.dropdown-right .dropdown-menu {
  border-radius: 1px;
  right: 0;
  left: auto; }

.form-stacked-inline .form-group {
  float: left;
  margin: 4px 8px; }

.form-stacked-inline .row {
  margin-left: -15px;
  margin-right: -15px; }

.form-stacked-inline label:first-child {
  font-size: 0.75em; }

.modal-backdrop {
  z-index: 1100; }

.modal {
  z-index: 1110; }

.form-control {
  border-radius: 0;
  border-width: 1px;
  box-shadow: none;
  font-size: 1em;
  font-family: "Rubik", sans-serif; }

label {
  font-weight: normal;
  font-size: 1.1em;
  margin-bottom: 0; }

.form-horizontal .underlined {
  border: 1px solid #e1ecf3;
  background-color: #f9f9fa;
  padding-left: 8px; }
  .form-horizontal .underlined:focus {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #b2d1e6; }

.form-horizontal .has-error .form-control.underlined {
  box-shadow: none;
  border-color: #c90000;
  color: #c90000; }

.form-error-message {
  font-family: "Rubik", sans-serif; }

.has-error .form-error-message {
  color: #c90000; }

.checkbox .form-error-message {
  display: block;
  margin-top: 8px;
  margin-left: -0.8em; }

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

.btn-plain {
  background: none;
  display: inline-block;
  margin: -2px;
  border: 2px solid transparent;
  padding: 2px;
  border-radius: 4px;
  cursor: pointer; }
  .btn-plain.btn-plain-sm {
    font-size: 12px;
    padding: 4px 12px; }
  .btn-plain.btn--is-loading {
    position: relative;
    overflow: hidden;
    opacity: 0.5; }
    .btn-plain.btn--is-loading:after {
      left: 0;
      right: 0;
      position: absolute;
      font: normal normal normal 22px/1 FontAwesome;
      transform: translate(0, 0);
      content: "\F110";
      vertical-align: middle;
      transform-origin: 50% 50%;
      color: #9797a7;
      animation: fa-spin 1s infinite steps(8); }
    .btn-plain.btn--is-loading:hover {
      cursor: wait;
      color: #9797a7; }
  .btn-plain[disabled], .btn-plain[disabled]:hover {
    color: #9797a7;
    cursor: not-allowed;
    background: none; }
  .btn-plain:focus {
    outline: none;
    border: 2px solid rgba(96, 174, 226, 0.5); }
  .btn-plain:not([disabled]):active {
    background: #0d74b8;
    color: white;
    color: #f45625; }
    .btn-plain:not([disabled]):active > * {
      color: inherit; }
  .btn-plain:not([disabled]):hover {
    background: #dceaf3;
    color: #045e9a; }
  .btn-plain--danger {
    color: #fa5555; }
    .btn-plain--danger:not([disabled]):hover {
      background: #fcf0f0;
      color: #fa5555;
      outline: none;
      box-shadow: none;
      border-color: rgba(244, 135, 135, 0.1); }
    .btn-plain--danger:not([disabled]):active {
      background: #fa5555;
      color: white; }
    .btn-plain--danger:focus {
      border-color: rgba(244, 135, 135, 0.5); }
  .btn-plain--cancel:not([disabled]):hover {
    background: transparent;
    color: #fa5555; }
  .btn-plain--cancel:not([disabled]):active {
    background: transparent;
    color: #f48787; }
  .btn-plain--cancel:focus {
    border-color: rgba(244, 135, 135, 0.5); }
  .btn-plain--success {
    color: #20ad15; }
    .btn-plain--success:hover {
      background: #dff1de;
      color: #20ad15; }
  .btn-plain--primary {
    color: #0d74b8; }
    .btn-plain--primary:hover {
      background: #dceaf3;
      color: #045e9a; }

.card {
  background: white;
  margin: 24px 0;
  border-radius: 1px;
  background: #fff;
  border: 1px solid #f9f9fa;
  border-top-color: #409eff;
  border-top-width: 2px;
  box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1); }
  .card .card-content {
    overflow-wrap: break-word; }
  .card .card-content .row {
    margin-top: 12px;
    margin-bottom: 12px; }
    .card .card-content .row:first-child {
      margin-top: 4px; }
    .card .card-content .row:last-child {
      margin-bottom: 4px; }
  @media (max-width: 767px) {
    .card {
      margin: 24px 0; } }
  .card .card-title, .card .card-content, .card .card-footer {
    padding: 16px;
    position: relative; }
  .card .card-content.has-filters {
    padding-top: 2px; }
  .card .card-footer {
    background-color: #f9f9fa;
    border-top: 1px solid #ececee; }
  .card .stats-pill {
    display: inline-block;
    font-family: "Rubik", sans-serif; }
  .card .card-footer-stats {
    background-color: #9797a7;
    border-top: none;
    padding: 8px 16px;
    color: #f5f5f6; }
  .card .card-footer::after {
    content: "";
    clear: both;
    display: block; }
  .card .card-footer.row {
    padding-left: 0;
    padding-right: 0; }
  .card .card-footer p {
    line-height: 32px;
    vertical-align: middle;
    margin: 0px; }
  .card .card-title {
    font-family: "Rubik", sans-serif;
    padding: 12px 16px;
    border-radius: 2px 2px 0 0;
    border-bottom: 1px solid #f9f9fa; }
    .card .card-title h1, .card .card-title h2, .card .card-title h3, .card .card-title h4, .card .card-title h5, .card .card-title h6 {
      margin: 0;
      font-weight: 400; }
    .card .card-title .inline-subheader {
      color: #cfe3f1; }
      .card .card-title .inline-subheader a, .card .card-title .inline-subheader a:visited {
        color: #cfe3f1; }
  .card .card-title-right {
    position: absolute;
    right: 16px;
    top: 16px;
    line-height: 1.4; }
    @media (max-width: 767px) {
      .card .card-title-right {
        margin-top: 8px;
        position: relative;
        display: inline-block;
        top: auto;
        right: auto; } }
  .card .card-content.fill {
    padding: 0; }
  .card ul {
    margin: 0;
    padding: 0; }
    .card ul li {
      list-style-type: none; }

.stats-line {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }

.card-mini {
  background: rgba(0, 0, 0, 0.25);
  display: inline-block;
  border-radius: 4px;
  margin: 8px; }
  @media (max-width: 767px) {
    .card-mini {
      margin: 8px 4px; } }
  .card-mini .card-content {
    color: white;
    font-size: 2em;
    padding: 0 16px 16px 16px;
    text-align: center; }
    @media (max-width: 767px) {
      .card-mini .card-content {
        font-size: 1em;
        padding: 4px 8px; } }
  .card-mini .card-title {
    color: white;
    padding: 16px 16px 4px 16px;
    text-transform: uppercase;
    border-radius: 4px 4px 0 0; }
    @media (max-width: 767px) {
      .card-mini .card-title {
        font-size: 0.7em;
        padding: 4px 8px; } }

.actions-content.dropdown {
  position: relative;
  right: 0;
  background: #ffffff;
  border: 1px solid #333333;
  color: #333333;
  padding: 8px;
  text-align: left;
  border-radius: 1px; }

h1 + .card, h2 + .card, h3 + .card, h4 + .card, h5 + .card, h6 + .card {
  margin-top: 4px; }

.card-tabs {
  background: none;
  border: none;
  box-shadow: none; }

.card-plain {
  box-shadow: none;
  border: 1px solid #f9f9fa;
  border-top-color: inherit;
  border-top-width: inherit; }

.card-tabs ul.tabs {
  background: none; }

.card-tabs .tab-content {
  background: white;
  border: 1px solid #cacacf;
  border-width: 0 1px; }

.card-tabs .card-content:last-child {
  border-bottom: 1px solid #cacacf; }

.card-tabs .card-footer {
  border: 1px solid #cacacf;
  border-top: 1px solid #eee; }

.card--interrupt {
  padding: 16px 8px;
  margin: 16px -8px;
  border: 2px dotted #ececee;
  border-width: 2px 0; }

.user-profile .card {
  border: none;
  border-radius: 4px;
  margin-top: 8px;
  margin-bottom: 16px; }

.page-actions-bg {
  background: white;
  border-bottom: 1px solid #b2b2b2;
  border-top: 1px solid #404040; }

.page-action-item {
  white-space: nowrap;
  display: inline-block;
  margin: 1px 0 -1px 0;
  padding: 8px 12px;
  border-bottom: 2px solid transparent; }
  .page-action-item:hover {
    background-color: #f9f9fa;
    border-bottom-color: #f45625; }
  .page-action-item.disabled {
    color: #9797a7;
    cursor: default; }
    .page-action-item.disabled:hover {
      color: #9797a7;
      background-color: transparent;
      border-bottom-color: transparent; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Overrides for bootstrap button styles. This should be limited to colour related properties only - specify other stuff in _bootstrap.scss */
.gradient-underline, .job-details-card__title-text {
  padding-bottom: 4px;
  margin-bottom: 16px;
  font-size: 20px; }

.form-file-list {
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #cacacf;
  margin: 0 0 8px;
  border-radius: 2px; }

.upload-dataset-actions {
  margin-bottom: 16px;
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 32px; }
  .upload-dataset-actions > *:not(:first-child) {
    margin-left: 8px; }
  .upload-dataset-actions__button-list {
    display: flex;
    width: 100%;
    line-height: 1.2;
    max-width: 540px;
    flex-wrap: wrap;
    margin-left: -16px; }
    .upload-dataset-actions__button-list button {
      margin-left: 16px;
      border: 1px solid transparent;
      background: none;
      color: #0d74b8;
      font-size: 11px;
      display: flex;
      flex-direction: column;
      align-items: center;
      font-family: "Rubik", sans-serif;
      text-transform: uppercase;
      font-weight: 500;
      padding: 8px 0;
      margin-top: -4px;
      border-radius: 4px; }
      .upload-dataset-actions__button-list button:focus {
        box-shadow: 0 0 0 2px rgba(13, 116, 184, 0.6);
        outline: none; }
      .upload-dataset-actions__button-list button:hover {
        color: #f45625; }
      .upload-dataset-actions__button-list button > i {
        font-size: 24px;
        margin-bottom: 4px; }

.step-flex-right {
  padding-bottom: 16px; }

.map-coordinate-map {
  height: 350px;
  width: 500px; }

.pending_files_title {
  font-family: "Rubik", sans-serif;
  font-size: 18px;
  padding-left: 4px;
  font-weight: 500;
  color: #888888;
  margin-top: 8px; }

.form-file-list > div {
  padding: 1.2rem 0.4rem 1.2rem 0.8rem;
  background-color: #ffffff;
  border-bottom: 1px solid #eeeeee;
  position: relative; }

.form-file-list > div:hover {
  background-color: #f9f9fa; }

.form-file-list:empty {
  border-color: #9797a7;
  border-style: dashed; }

.form-file-list:empty:before {
  content: "No files selected";
  padding: 12px;
  display: block;
  color: #9797a7; }

.form-file-list > div span.filesize {
  padding: 0 1rem;
  font-weight: normal;
  color: #9797a7; }

.form-file-list > div a.btn {
  float: right;
  font-size: 18px; }

div#form-status-overlay {
  position: fixed;
  overflow: auto;
  top: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 200;
  border-radius: 2px;
  border: 1px solid #646474;
  box-shadow: #999999 0 0 8px;
  margin: 16px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.1);
  transition: opacity 0.5s, transform 0.5s;
  padding: 5%;
  font-size: 2rem;
  line-height: 6rem; }
  div#form-status-overlay.visible {
    opacity: 1;
    transform: scale(1);
    visibility: visible; }

.progress-message {
  max-width: 1024px;
  line-height: 1.5;
  font-size: 18px;
  margin: 0 auto; }

#progress-file-errors {
  max-height: 30vh;
  overflow: auto; }

#progress-file-errors:empty {
  display: none; }

#progress-files {
  line-height: 1.4em;
  max-height: 30vh;
  overflow: hidden;
  font-size: 18px; }

div.running #progress-files div {
  color: #9797a7; }

div.running #progress-files div:last-child {
  color: black; }

div.complete #progress-files div {
  color: #7ee575; }

.no-transition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

@media (max-height: 800px) {
  div#form-status-overlay {
    top: 0; } }

.progress-step {
  color: #9797a7;
  transition: color 0.2s; }

.progress-step.running {
  color: black; }

.progress-step.complete {
  color: #46da3a; }

.progress {
  height: 12px;
  border-radius: 2px; }

.progress-success {
  border: 1px solid #559955; }

#form-upload .step {
  height: 0;
  opacity: 0;
  transition: opacity 1s;
  overflow: hidden; }

#form-upload .step.active {
  opacity: 1;
  height: auto;
  overflow: visible; }

#form-upload #file_warning {
  color: #a87000;
  font-size: 14px; }

#form-upload .file-warning span.warning {
  color: #a87000;
  margin-right: 4px; }

.srs-selection-container .srs-selection-type {
  padding-top: 7px;
  padding-bottom: 17px; }

.srs-selection-container .srs-selection-show-details {
  margin-top: -17px;
  text-align: right; }

.srs-selection-container a.show-details {
  font-size: 14px;
  margin: 2px;
  opacity: 1;
  transition: opacity 0.5s; }

.srs-selection-container a.show-details.invisible {
  display: inline-block;
  font-size: 12px;
  color: #999999;
  cursor: default;
  opacity: 0; }

.srs-type-selector .el-form-item__content {
  line-height: 40px; }

.el-collapse-item__content div {
  transition: padding 0.1s; }

.el-collapse-item__content .is-error {
  padding-bottom: 24px; }

.upload--form .el-collapse-item__header {
  height: auto;
  padding: 8px 0; }

.upload--form .el-collapse-item__header h4 {
  line-height: 1.4; }

@media (max-width: 600px) {
  .upload--form .el-collapse-item__header h4 {
    font-size: 3vw; } }

.upload--form .el-form-item input, .upload--form .el-form-item textarea {
  width: 100%;
  max-width: 540px; }

.upload--form .auto-complete {
  max-width: 540px; }

.fade-pulse {
  animation-duration: 3s;
  animation-name: fade-pulse-anim;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out; }

@keyframes fade-pulse-anim {
  20% {
    transform: scale(1);
    opacity: 1; }
  50% {
    transform: scale(1.125);
    opacity: 0.8; }
  80% {
    transform: scale(1);
    opacity: 1; } }

.spin-x {
  animation-duration: 2s;
  animation-name: spin-vertical-axis;
  animation-iteration-count: infinite;
  animation-direction: reverse;
  animation-timing-function: ease-in-out; }

@keyframes spin-vertical-axis {
  0% {
    transform: scaleX(1); }
  25% {
    transform: scaleX(0); }
  50% {
    transform: scaleX(-1); }
  75% {
    transform: scaleX(0); }
  100% {
    transform: scaleX(1); } }

/* -- */
.file-loading-overlay {
  text-align: left;
  z-index: 10001;
  /* Above el-loader */
  display: flex;
  padding-top: 16px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  color: #333333; }

.loading-overlay-content {
  margin: 0 auto; }

.text-danger {
  color: #ff4949; }

.tooltip-content {
  max-width: 300px;
  font-size: 14px;
  line-height: 1.4; }

.popover-content {
  font-size: 14px;
  line-height: 1.4; }

.has-tooltip {
  border-bottom: 1px dashed #20a0ff; }

.step-flex {
  display: flex; }
  @media (max-width: 680px) {
    .step-flex {
      align-items: center;
      flex-direction: column; }
      .step-flex > div {
        margin-top: 1em;
        margin-bottom: 1em; } }

.srs-type-selector > div > div.is-error {
  outline: 1px solid #ff4949; }

.upload-button-huge {
  padding: 16px 32px;
  background: #13ce66;
  color: #ffffff;
  font-size: 1.4em;
  border-radius: 8888px;
  border: none;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 0 16px;
  flex-direction: row;
  white-space: normal; }
  .upload-button-huge:focus {
    box-shadow: 0 0 0 1px white, 0 0 1px 3px #edba54;
    outline: none; }

.upload-button-huge:hover {
  background: #14e36a; }

.upload-button-huge[disabled], .upload-button-huge[disabled]:hover {
  background: #e3e3e3; }

.submit-button-huge {
  padding: 16px 32px;
  background: #13ce66;
  color: #ffffff;
  font-size: 1.4em;
  border-radius: 8888px;
  border: none;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 0 16px;
  flex-direction: row;
  white-space: normal; }
  .submit-button-huge:focus {
    box-shadow: 0 0 0 1px white, 0 0 1px 3px #edba54;
    outline: none; }

.submit-button-huge:hover {
  background: #14e36a; }

.submit-button-huge[disabled], .upload-button-huge[disabled]:hover {
  background: #e3e3e3; }

.email {
  font-weight: bold; }

.card {
  transition: opacity .5s; }

.step-number {
  color: #f9f9fa;
  background: #0d74b8;
  margin-right: 8px;
  border-radius: 9999px;
  display: inline-block;
  font-weight: bold;
  min-width: 32px;
  min-height: 32px;
  line-height: 32px;
  text-align: center; }

h3.quiet {
  font-size: 20px;
  margin-top: 4px; }

.selected-icon {
  background: #46da3a;
  color: white;
  border-radius: 99999px;
  height: 24px;
  line-height: 24px;
  width: 24px;
  box-shadow: 0 0 8px #46da3a; }

footer.content-info {
  color: #ececee;
  font-size: 1em;
  line-height: 1.6;
  padding: 16px 0 64px 0; }
  footer.content-info .footer-container a {
    color: #ececee; }
    footer.content-info .footer-container a:hover, footer.content-info .footer-container a:active {
      color: #f45625; }
    footer.content-info .footer-container a:visited {
      color: #ececee; }
  footer.content-info .footer-container ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  footer.content-info .footer-container li.header {
    font-weight: bold;
    font-size: 1.1em; }
  footer.content-info .footer-container section {
    margin: 16px 32px;
    white-space: nowrap; }
    footer.content-info .footer-container section section {
      margin: 0; }
  footer.content-info .footer-container .copyright {
    font-weight: bold; }
  footer.content-info .footer-container .separator {
    border: none;
    content: " ";
    border-right: 1px solid #999999;
    margin: 0 1.2em 0 1em; }

.social-icons a {
  font-size: 18px;
  margin: 0 3px 4px;
  padding: 4px 0 6px;
  text-align: center;
  display: inline-block;
  width: 35px;
  border-radius: 50%;
  height: 35px;
  font-weight: 700; }

.social-icons a.linkedin_share {
  background: #038ab9; }

.social-icons a.email_share {
  background: #f5702f; }

.social-icons a.twitter_share {
  background: #19b0f5; }

.social-icons a:focus, .social-icons a:hover {
  background: #111111;
  color: #ffffff !important; }

ul.navbar-nav.navbar-right {
  margin-right: 0; }

.navbar-default .navbar-nav li {
  padding-right: 2px;
  padding-left: 2px; }

/* Bootstrap 3 is way too specific about selectors here, so until we can
  replace it with something better, we will just assume that the only button
  we're going to put here will be a .btn-success
*/
.navbar-default .navbar-nav > li > a.navbar-button {
  padding: 8px 10px;
  color: white;
  margin: 16px 0;
  font-size: 16px; }
  .navbar-default .navbar-nav > li > a.navbar-button:hover {
    background: #1482ca;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); }
  .navbar-default .navbar-nav > li > a.navbar-button:focus {
    background: #1482ca; }

.navbar-default {
  z-index: 880;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 8px;
  border-radius: 0;
  background: white;
  border: none;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 0;
  font-size: 16px;
  min-height: 69px; }
  .navbar-default .company-name-link {
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: content-box;
    max-height: 15px; }
  .navbar-default .nav-user-warning {
    display: block;
    color: #0d74b8;
    padding: 4px 0px;
    padding-top: 24px; }
  @media (min-width: 768px) {
    .navbar-default .nav-user-warning {
      background: none;
      padding-top: 20px; }
      .navbar-default .nav-user-warning span {
        color: #0d74b8;
        padding: 4px 0px;
        border-radius: 4px;
        display: inline-block; }
    .navbar-default .support-link {
      padding-left: 0px; } }
  .navbar-default .navbar-brand {
    padding: 17px 15px;
    height: 68px; }
  .navbar-default .glyphicon {
    margin-right: 8px; }
  .navbar-default .navbar-nav a.navbar-link, .navbar-default .navbar-brand {
    color: #314151;
    background: white; }
    .navbar-default .navbar-nav a.navbar-link:hover, .navbar-default .navbar-nav a.navbar-link:active, .navbar-default .navbar-nav a.navbar-link:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand:focus {
      color: #f45625; }
  .navbar-default .nav-search {
    line-height: 1.42857143; }
  .navbar-default form.search-form {
    display: inline-block;
    padding-top: 16px;
    float: left; }
    @media (max-width: 767px) {
      .navbar-default form.search-form {
        padding-left: 15px;
        padding-top: 0; } }
    .navbar-default form.search-form .nav-search {
      cursor: pointer; }
      .navbar-default form.search-form .nav-search > * {
        cursor: pointer; }
      .navbar-default form.search-form .nav-search ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #333333; }
      .navbar-default form.search-form .nav-search ::-moz-placeholder {
        /* Firefox 19+ */
        color: #333333; }
      .navbar-default form.search-form .nav-search :-ms-input-placeholder {
        /* IE 10+ */
        color: #333333; }
      .navbar-default form.search-form .nav-search :-moz-placeholder {
        /* Firefox 18- */
        color: #333333; }
      .navbar-default form.search-form .nav-search input[type=text] {
        background: transparent;
        border: none;
        box-shadow: none;
        outline: none;
        padding: 7px 2px 4px 2px;
        border-bottom: 2px solid transparent;
        transition: border-bottom-color 0.2s; }
      .navbar-default form.search-form .nav-search button {
        padding-top: 7px;
        transition: opacity 0.2s;
        opacity: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        outline: none;
        color: #333333;
        padding-left: 4px; }
      .navbar-default form.search-form .nav-search:hover {
        color: #f45625; }
        .navbar-default form.search-form .nav-search:hover input::-webkit-input-placeholder {
          color: #f45625; }
        .navbar-default form.search-form .nav-search:hover input::-moz-placeholder {
          color: #f45625; }
        .navbar-default form.search-form .nav-search:hover input:ms-input-placeholder {
          color: #f45625; }
        .navbar-default form.search-form .nav-search:hover input:-moz-placeholder {
          color: #f45625; }
      .navbar-default form.search-form .nav-search.active {
        color: inherit; }
        .navbar-default form.search-form .nav-search.active:hover input::-webkit-input-placeholder {
          color: #cccccc; }
        .navbar-default form.search-form .nav-search.active:hover input::-moz-placeholder {
          color: #cccccc; }
        .navbar-default form.search-form .nav-search.active:hover input:ms-input-placeholder {
          color: #cccccc; }
        .navbar-default form.search-form .nav-search.active:hover input:-moz-placeholder {
          color: #cccccc; }
        .navbar-default form.search-form .nav-search.active > * {
          cursor: auto; }
        .navbar-default form.search-form .nav-search.active input[type=text] {
          outline: none;
          border-bottom-color: #333333; }
        .navbar-default form.search-form .nav-search.active button {
          pointer-events: all;
          opacity: 1;
          cursor: pointer; }
        .navbar-default form.search-form .nav-search.active ::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          color: #cccccc; }
        .navbar-default form.search-form .nav-search.active ::-moz-placeholder {
          /* Firefox 19+ */
          color: #cccccc; }
        .navbar-default form.search-form .nav-search.active :-ms-input-placeholder {
          /* IE 10+ */
          color: #cccccc; }
        .navbar-default form.search-form .nav-search.active :-moz-placeholder {
          /* Firefox 18- */
          color: #cccccc; }

.navbar-default {
  min-height: 56px; }
  .navbar-default .dropdown-menu > li > a {
    margin-left: 1px;
    color: #314151; }
  .navbar-default .dropdown-menu > li > a > i.fa {
    margin-right: 8px; }
  .navbar-default .dropdown-menu li > span.menu-header {
    padding: 0 8px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold; }
  .navbar-default .navbar-nav > li.dropdown-group > a {
    background-color: transparent; }
    .navbar-default .navbar-nav > li.dropdown-group > a:focus, .navbar-default .navbar-nav > li.dropdown-group > a:active, .navbar-default .navbar-nav > li.dropdown-group > a:hover {
      background-color: transparent; }
    .navbar-default .navbar-nav > li.dropdown-group > a:first-child {
      padding-right: 8px;
      margin-right: 0; }
    .navbar-default .navbar-nav > li.dropdown-group > a.dropdown-toggle {
      margin-left: 0; }
      .navbar-default .navbar-nav > li.dropdown-group > a.dropdown-toggle:hover, .navbar-default .navbar-nav > li.dropdown-group > a.dropdown-toggle:focus, .navbar-default .navbar-nav > li.dropdown-group > a.dropdown-toggle:active {
        transition: background-color 0.5s, color 0.2s;
        background-color: white;
        color: #f45625; }

.navbar-toggle {
  position: relative;
  float: right;
  padding: 13px 10px;
  margin-top: 12px;
  margin-right: 15px;
  margin-bottom: 12px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle .icon-bar {
    background-color: #314151; }

@media (max-width: 767px) {
  .navbar-toggle {
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px; }
  .navbar-default .navbar-collapse {
    border: none; }
  .navbar-default .navbar-brand {
    padding: 2px 2px;
    height: 45px; }
  .navbar-default .navbar-form {
    border: none;
    margin: 0;
    box-shadow: none; }
  .navbar-default .dropdown-group > a {
    display: block; }
  /* See above for specificity reasons */
  .navbar-default .navbar-nav > li > a.navbar-button {
    text-align: left;
    margin: 8px 0;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
    color: #0d74b8cc;
    text-shadow: none;
    box-shadow: none; }
    .navbar-default .navbar-nav > li > a.navbar-button:hover, .navbar-default .navbar-nav > li > a.navbar-button:active {
      color: #f45625;
      background: none;
      box-shadow: none; } }

@media (min-width: 768px) {
  .navbar-default .dropdown-group > a {
    display: inline-block; }
  .navbar-nav > li > a, .navbar-nav > li > span {
    display: inline-block;
    padding-top: 24px;
    padding-bottom: 24px; }
    .navbar-nav > li > a .pill, .navbar-nav > li > span .pill {
      margin-top: -24px;
      margin-bottom: -24px; }
  .navbar-nav > .navbar-form {
    padding-top: 18px;
    padding-bottom: 8px; } }

@media (max-width: 767px) {
  .navbar-fixed-top {
    position: absolute; } }

@media all and (max-height: 800px) {
  .navbar-fixed-top {
    position: fixed; } }

ul.navbar-nav {
  margin: 0 -15px; }

.navbar {
  transition: all 0.1s;
  border-top: 6px solid #1072ba;
  -webkit-backface-visibility: hidden; }

@media all and (max-width: 768px) {
  .navbar-default .company-name-link {
    max-width: 100%;
    max-height: none; } }

@media all and (min-width: 1400px) {
  .navbar-default .company-name-link {
    max-width: 240px; }
  .wide .navbar-default .company-name-link {
    max-width: 400px; } }

@media all and (min-height: 700px) and (min-width: 768px) {
  body.scrolled .navbar,
  body.small__header .navbar {
    min-height: 0;
    font-size: 14px;
    border-top: 1px solid #1072ba;
    position: fixed; }
    body.scrolled .navbar.navbar-default .navbar-nav > li > a.navbar-button,
    body.small__header .navbar.navbar-default .navbar-nav > li > a.navbar-button {
      padding: 8px 12px;
      background-color: white;
      color: rgba(7, 102, 164, 0.8);
      box-shadow: none;
      margin: 0;
      font-size: 14px;
      text-shadow: none; }
      body.scrolled .navbar.navbar-default .navbar-nav > li > a.navbar-button:hover, body.scrolled .navbar.navbar-default .navbar-nav > li > a.navbar-button:focus,
      body.small__header .navbar.navbar-default .navbar-nav > li > a.navbar-button:hover,
      body.small__header .navbar.navbar-default .navbar-nav > li > a.navbar-button:focus {
        color: #f45625;
        background-color: white;
        box-shadow: none; }
    body.scrolled .navbar .navbar-brand,
    body.small__header .navbar .navbar-brand {
      padding-top: 0;
      padding-bottom: 0;
      height: 34px;
      -webkit-transform-style: preserve-3d;
      -webkit-backface-visibility: hidden; }
    body.scrolled .navbar #site-logo,
    body.small__header .navbar #site-logo {
      max-height: 22px;
      -webkit-transform-style: preserve-3d;
      -webkit-backface-visibility: hidden; }
    body.scrolled .navbar .navbar-header,
    body.small__header .navbar .navbar-header {
      padding: 2px 0; }
    body.scrolled .navbar .navbar-nav > li > a, body.scrolled .navbar .navbar-nav > li > span,
    body.small__header .navbar .navbar-nav > li > a,
    body.small__header .navbar .navbar-nav > li > span {
      padding-top: 8px;
      padding-bottom: 8px; }
    body.scrolled .navbar form.search-form,
    body.small__header .navbar form.search-form {
      padding-top: 2px; }
    body.scrolled .navbar .navbar-nav > li > span.nav-user-warning,
    body.small__header .navbar .navbar-nav > li > span.nav-user-warning {
      padding-top: 4px;
      padding-bottom: 0; }
      body.scrolled .navbar .navbar-nav > li > span.nav-user-warning > span,
      body.small__header .navbar .navbar-nav > li > span.nav-user-warning > span {
        padding: 2px 0px; }
  body.small__header .navbar {
    height: 40px; }
  body.small__header.trial__banner--active .navbar {
    height: 63px; } }

.pointerra-viewer-container {
  position: relative;
  height: 70vh;
  min-height: 240px;
  max-height: 800px;
  width: 100%; }
  .pointerra-viewer-container.inactive {
    height: auto; }

#viewer-tiles {
  display: block;
  background: #282828;
  height: 100%;
  width: 100%;
  position: absolute; }

.transitioning {
  transition: all 0.3s ease-out; }

#viewer-tiles-container {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 0;
  right: 0;
  height: 30vw;
  width: 40vw;
  min-height: 200px;
  min-width: 320px;
  max-height: 280px;
  max-width: 400px;
  border: 2px solid black;
  border-bottom-width: 0;
  border-right-width: 0;
  z-index: 500; }
  #viewer-tiles-container.expanded {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    border-radius: 0;
    border: 0; }
  #viewer-tiles-container.minimized {
    border: 0;
    width: 0;
    height: 0;
    min-height: 0;
    min-width: 0; }
    #viewer-tiles-container.minimized #map-controls {
      top: -32px; }

div#map-controls {
  position: absolute;
  z-index: 820;
  right: 8px;
  bottom: 8px;
  display: flex;
  flex-direction: column; }

div#map-controls-left {
  position: absolute;
  z-index: 820;
  left: 8px;
  bottom: 8px;
  display: flex;
  flex-direction: column; }

.btn.map-btn {
  background: white;
  fill: black;
  color: black;
  width: 32px;
  height: 32px;
  padding: 6px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  box-shadow: none;
  border-radius: 0;
  border-bottom-width: 1px;
  border-top-width: 0;
  margin: 0;
  transition: none; }
  .btn.map-btn:hover, .btn.map-btn:active {
    background: #ececee; }

.btn.map-btn:last-child {
  border-bottom-width: 2px;
  border-radius: 0 0 4px 4px; }

.btn.map-btn:first-child, .btn.map-btn.hidden:first-child + .btn.map-btn {
  border-top-width: 2px;
  border-radius: 4px 4px 0 0; }

.btn.map-btn:only-child {
  border-radius: 4px; }

.crosshair-cursor {
  cursor: crosshair; }

#viewer-tiles-container.minimized .btn.map-btn {
  border: none;
  padding: 4px;
  width: 24px;
  height: 24px;
  fill: white;
  background: black; }

.map-btn i {
  transition: color 0.3s ease-out; }

.map-btn .fa-toggle-on {
  color: #46da3a; }

#viewer-tiles-container.minimized #btn-autosync-map {
  display: none; }

.fullscreen div#viewer-tiles-container {
  z-index: 1050;
  position: fixed; }

#viewer-tiles-controls {
  position: absolute;
  left: 80px;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  z-index: 810;
  padding: 8px 12px;
  border-radius: 0 0 8px 8px;
  white-space: nowrap;
  text-align: left;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px; }
  #viewer-tiles-controls div {
    padding: 4px 8px; }
  #viewer-tiles-controls .checkbox {
    padding-left: 4px; }
  @media (max-width: 767px) {
    #viewer-tiles-controls {
      display: none; } }

.viewer-card.active {
  box-shadow: rgba(16, 114, 186, 0.59) 0 0 0 2px; }

.viewer-card {
  border-radius: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 1px 1px;
  border: none; }

/*
#viewer, .viewer-container {
  height: 80vh;
  min-height: 240px;
  max-height: 1200px;
  width: 100%;
  //box-shadow: #525252 0 0 2px;
  border-radius: 2px;
}

.viewer-container {
  position: relative;

  &.inactive {
    height: auto;
  }
}
*/
#viewer-demo {
  margin-top: 64px;
  margin-bottom: 16px;
  height: 70vh;
  min-height: 240px;
  max-height: 1200px;
  width: 100%;
  box-shadow: #525252 0 0 2px; }

#camera-marker {
  position: relative;
  z-index: 400;
  display: block;
  overflow: visible; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.pointcloud-list {
  min-height: 400px; }
  .pointcloud-list__loading-overlay {
    position: absolute; }
  .pointcloud-list__folder-browser-title {
    text-transform: uppercase;
    font-size: 10px;
    display: block;
    padding: 8px 0 0 16px;
    font-family: "Rubik", sans-serif;
    color: #646474;
    letter-spacing: 0.5px; }
  .pointcloud-list__loading-placeholder {
    display: flex; }
  .pointcloud-list__placeholder-tile {
    width: 200px;
    height: 220px;
    margin: 8px;
    border-radius: 8px;
    position: relative;
    display: flex;
    background: #cacacf url(/static/images/placeholder.jpg);
    background-size: contain;
    opacity: 0.2;
    box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1); }
    .pointcloud-list__placeholder-tile:after {
      border-radius: 0 0 8px 8px;
      background: #9797a7;
      content: "";
      position: absolute;
      height: 48px;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 1; }
    .pointcloud-list__placeholder-tile:before {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }

.map-filter-map {
  min-height: 600px;
  min-width: 600px;
  width: 100%;
  height: calc(75vh - 100px); }

.cloud-tiles-grid {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(214px, 1fr));
  padding-bottom: 20px;
  /* The actual tile content, ie thumbnail and label */ }
  .cloud-tiles-grid .cloud-tile-content img {
    width: 100%; }

.cloud-tiles-grid.recent-clouds {
  grid-template-columns: repeat(auto-fill, minmax(214px, 1fr)); }

.mobile-horizontal-scroll {
  overflow-x: auto;
  padding-bottom: 20px; }
  .mobile-horizontal-scroll .cloud-tiles-grid.recent-clouds {
    grid-auto-columns: minmax(214px, 1fr);
    grid-auto-flow: column; }
  @media (min-width: 1024px) {
    .mobile-horizontal-scroll::-webkit-scrollbar {
      height: 10px;
      background-color: #d7d6d6; }
    .mobile-horizontal-scroll::-webkit-scrollbar-thumb {
      background-color: #adadad; } }

.pointcloud-tile--loading {
  filter: grayscale(100%);
  opacity: 0.5; }

.cloud-tiles-container {
  margin-left: -8px;
  margin-right: -8px;
  position: relative;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
  /* This is the container for each tile, providing padding around the thumbnail and label */ }
  .cloud-tiles-container.nowrap {
    flex-wrap: nowrap;
    overflow: auto;
    overflow-y: hidden; }
  .cloud-tiles-container .cloud-tile {
    flex: 0 1 auto;
    margin: 0;
    width: 16.666%;
    max-width: 300px;
    min-width: 64px; }
  .cloud-tiles-container .cloud-tile-content {
    margin: 8px; }

.cloud-tiles-grid, .cloud-tiles-container {
  /* Triangular marker in top-right corner to indicate a point cloud is selected */
  /* 50% opacity when not-selected and hovered */
  /* Fully opaque when selected and any hover state */
  /* Inject a 4px high div to act as a border when hovered */
  /* Point count etc below the name */ }
  .cloud-tiles-grid .cloud-tile-content, .cloud-tiles-container .cloud-tile-content {
    /* The actual tile content, ie thumbnail and label */
    border-radius: 4px;
    box-shadow: rgba(15, 15, 15, 0.1) 1px 2px 8px;
    cursor: pointer;
    pointer-events: none;
    background: white url(/static/images/backgrounds/tr.gif); }
  .cloud-tiles-grid .cloud-tile-checkbox, .cloud-tiles-container .cloud-tile-checkbox {
    position: absolute;
    left: 8px;
    top: 8px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.2);
    pointer-events: all;
    box-shadow: 1px 1px 4px -2px rgba(0, 0, 0, 0.75); }
  .cloud-tiles-grid .cloud-tile-actions, .cloud-tiles-container .cloud-tile-actions {
    position: absolute;
    right: 8px;
    top: 8px;
    pointer-events: all;
    z-index: 1; }
  .cloud-tiles-grid .cloud-tile:hover .cloud-tile-checkbox, .cloud-tiles-container .cloud-tile:hover .cloud-tile-checkbox {
    border-color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 0.5); }
  .cloud-tiles-grid .cloud-tile:hover .pointcloud-actions__action-popout-button, .cloud-tiles-container .cloud-tile:hover .pointcloud-actions__action-popout-button {
    opacity: 0.8;
    background: #fff; }
  .cloud-tiles-grid .cloud-tile-selection-marker, .cloud-tiles-container .cloud-tile-selection-marker {
    opacity: 0;
    top: -2px;
    right: -2px;
    height: 24px;
    width: 24px;
    padding: 2px 1px 2px 3px;
    border-radius: 4px;
    color: white;
    transition: opacity 0.2s ease-out, color 0.2s ease-out; }
  .cloud-tiles-grid .cloud-tile:hover .cloud-tile-selection-marker.show-selection-hover, .cloud-tiles-container .cloud-tile:hover .cloud-tile-selection-marker.show-selection-hover {
    opacity: 0.5; }
  .cloud-tiles-grid .cloud-tile-content.is-selected .cloud-tile-selection-marker, .cloud-tiles-container .cloud-tile-content.is-selected .cloud-tile-selection-marker {
    opacity: 0.5; }
  .cloud-tiles-grid .cloud-tile-content.is-selected .cloud-tile-selection-marker.show-selection-hover, .cloud-tiles-container .cloud-tile-content.is-selected .cloud-tile-selection-marker.show-selection-hover {
    color: white;
    background: #f45625;
    opacity: 1; }
  .cloud-tiles-grid .cloud-tile:hover .is-selected .cloud-tile-selection-marker, .cloud-tiles-container .cloud-tile:hover .is-selected .cloud-tile-selection-marker {
    opacity: 1; }
  .cloud-tiles-grid .cloud-tile:hover .cloud-tile-content, .cloud-tiles-container .cloud-tile:hover .cloud-tile-content {
    box-shadow: 1px 2px 4px rgba(15, 15, 15, 0.4); }
  .cloud-tiles-grid .cloud-tile .cloud-tile-label:before, .cloud-tiles-container .cloud-tile .cloud-tile-label:before {
    content: "";
    display: block;
    background: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 6px;
    opacity: 0.7;
    pointer-events: none;
    animation-duration: 0.8s;
    animation-iteration-count: 1; }
  .cloud-tiles-grid .cloud-tile:hover .cloud-tile-label:before, .cloud-tiles-container .cloud-tile:hover .cloud-tile-label:before {
    background: #f45625;
    animation-name: show-hover; }
  .cloud-tiles-grid .cloud-tile-stats, .cloud-tiles-container .cloud-tile-stats {
    font-size: 12px; }
  .cloud-tiles-grid .cloud-tile .cloud-tile-label, .cloud-tiles-container .cloud-tile .cloud-tile-label {
    padding: 8px 12px 8px;
    background: white;
    width: 100%;
    border-radius: 0 0 3px 3px;
    color: #646474; }
  .cloud-tiles-grid .cloud-tile .cloud-tile-label.cloud-hidden, .cloud-tiles-container .cloud-tile .cloud-tile-label.cloud-hidden {
    background: repeating-linear-gradient(45deg, #cccccc, #cccccc 15px, #bfbfbf 15px, #bfbfbf 30px);
    border-color: gray;
    border-width: medium;
    border-top: none; }
  .cloud-tiles-grid .cloud-tile .cloud-tile-label.old-format, .cloud-tiles-container .cloud-tile .cloud-tile-label.old-format {
    background: antiquewhite; }
  .cloud-tiles-grid .cloud-tile-name, .cloud-tiles-container .cloud-tile-name {
    font-weight: bold; }
  .cloud-tiles-grid .ellipsis, .cloud-tiles-container .ellipsis {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .cloud-tiles-grid .stats-pill, .cloud-tiles-container .stats-pill {
    background-color: #409eff;
    color: #f9f9fa;
    font-size: 12px;
    border-radius: 2px;
    padding: 1px 6px;
    margin-left: 4px; }
  .cloud-tiles-grid .stats-pill__green, .cloud-tiles-container .stats-pill__green {
    background-color: #46da3a; }
  .cloud-tiles-grid .stats-pill__danger, .cloud-tiles-container .stats-pill__danger {
    background-color: #fa5555; }
  .cloud-tiles-grid .stats-pill__warning, .cloud-tiles-container .stats-pill__warning {
    background-color: #eb9e05; }
  .cloud-tiles-grid .stats-pill__info, .cloud-tiles-container .stats-pill__info {
    background-color: #409eff; }
  .cloud-tiles-grid .cloud-tile img, .cloud-tiles-container .cloud-tile img {
    width: 100%;
    height: auto;
    border-radius: 3px 3px 0 0; }
  @media (max-width: 768px) {
    .cloud-tiles-grid .cloud-tile .stats-pill, .cloud-tiles-container .cloud-tile .stats-pill {
      margin-left: 0; }
    .cloud-tiles-grid .cloud-tile .cloud-tile-stats, .cloud-tiles-container .cloud-tile .cloud-tile-stats {
      padding-top: 4px; }
    .cloud-tiles-grid .cloud-tile .cloud-tile-label, .cloud-tiles-container .cloud-tile .cloud-tile-label {
      padding: 6px 6px 4px; } }

@media (max-width: 1360px) {
  .cloud-tiles-container .cloud-tile {
    width: 20%; } }

@media (max-width: 1023px) {
  .cloud-tiles-container .cloud-tile {
    width: 25%; } }

@media (max-width: 768px) {
  .cloud-tiles-container .cloud-tile {
    width: 33%; } }

@media (max-width: 768px) {
  .container-fluid.full-xs {
    padding: 0 8px; } }

@keyframes show-hover {
  0% {
    left: 50%;
    right: 50%;
    opacity: 0; }
  60% {
    left: 0;
    right: 0; }
  100% {
    opacity: 0.7; } }

@keyframes show-hover-vertical {
  0% {
    bottom: 50%;
    top: 50%;
    opacity: 0; }
  60% {
    bottom: 0;
    top: 0; }
  100% {
    opacity: 0.7; } }

/* Vertical layout (eg list of selected clouds running down RHS) */
.cloud-vertical-container {
  position: relative;
  flex-direction: column;
  max-height: 75vh;
  overflow: auto; }
  .cloud-vertical-container .list-item {
    display: block; }
  .cloud-vertical-container .cloud-tile img {
    max-width: 48px;
    margin: 4px;
    vertical-align: middle; }
  .cloud-vertical-container .cloud-tile {
    position: relative;
    overflow: hidden;
    height: 64px;
    box-shadow: rgba(100, 100, 100, 0.1) 0 2px 2px;
    padding: 4px;
    border-top: 1px solid #ececee;
    cursor: pointer;
    background: white; }
    .cloud-vertical-container .cloud-tile:hover:after {
      content: "\F00D";
      font: normal normal normal 14px/1 FontAwesome;
      line-height: 48px;
      font-size: 28px;
      vertical-align: baseline;
      display: block;
      position: absolute;
      top: 8px;
      left: 8px;
      width: 48px;
      height: 48px;
      text-align: center;
      color: #646474;
      opacity: 0.75; }
    .cloud-vertical-container .cloud-tile:hover img {
      opacity: 0.4; }
  .cloud-vertical-container .cloud-tile-label {
    padding: 8px 8px;
    position: absolute;
    left: 52px;
    top: 0;
    right: 0; }
  .cloud-vertical-container .cloud-tile-name, .cloud-vertical-container .cloud-tile-stats {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .cloud-vertical-container .cloud-tile-stats {
    font-size: 12px; }

.cloud-options-container {
  position: relative;
  flex-direction: column;
  max-height: 75vh;
  overflow: auto; }
  .cloud-options-container .cloud-tile img {
    max-width: 48px;
    margin: 4px;
    vertical-align: middle; }
  .cloud-options-container .cloud-tile {
    position: relative;
    overflow: hidden;
    height: 64px;
    padding: 4px;
    border-top: 1px solid #ececee;
    background: white; }
  .cloud-options-container .cloud-tile-label {
    padding-left: 8px;
    position: absolute;
    left: 52px;
    top: 0;
    right: 0; }
  .cloud-options-container .cloud-tile-name, .cloud-options-container .cloud-tile-dropdown {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.no-results {
  text-align: center;
  font-size: 18px;
  padding: 2em;
  color: #646474; }

.pointcloud-list--empty {
  display: flex;
  justify-content: center;
  align-items: center; }

.pointcloud-list--no-primary-results {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 18px;
  text-align: center; }

.scroll-horizontal .cloud-tile {
  min-width: 128px; }

.cloud-tile-mini {
  display: flex;
  background: white;
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
  color: #646474;
  max-height: 48px;
  max-width: 400px;
  width: 100%; }
  .cloud-tile-mini:visited {
    color: #646474; }
  .cloud-tile-mini__label {
    padding: 4px 8px;
    font-weight: bold;
    display: flex;
    justify-content: space-around;
    flex-direction: column; }
  .cloud-tile-mini__stats {
    color: #9797a7;
    font-weight: normal;
    font-size: 11px; }
  .cloud-tile-mini img {
    height: 100%; }

.cloud-tiles-grid.cloud-tiles-grid--mini {
  display: flex;
  flex-wrap: wrap; }
  .cloud-tiles-grid.cloud-tiles-grid--mini .cloud-tile {
    flex-grow: 0;
    flex-shrink: 1; }
    @media (max-width: 768px) {
      .cloud-tiles-grid.cloud-tiles-grid--mini .cloud-tile {
        width: 100%; } }
  .cloud-tiles-grid.cloud-tiles-grid--mini .cloud-tile-label {
    border-radius: 0 2px 2px 0; }
  .cloud-tiles-grid.cloud-tiles-grid--mini .cloud-tile-content {
    display: flex; }
  .cloud-tiles-grid.cloud-tiles-grid--mini img {
    width: 64px; }
  .cloud-tiles-grid.cloud-tiles-grid--mini .cloud-tile-label {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: start;
    padding: 4px 8px; }
  .cloud-tiles-grid.cloud-tiles-grid--mini .cloud-tile .cloud-tile-label:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    width: 4px;
    height: auto;
    opacity: 0.7;
    pointer-events: none;
    animation-duration: 0.8s;
    animation-iteration-count: 1; }
  .cloud-tiles-grid.cloud-tiles-grid--mini .cloud-tile:hover .pointcloud-actions__action-popout-button {
    opacity: 0.8;
    background: #bbb;
    border: none; }
  .cloud-tiles-grid.cloud-tiles-grid--mini .cloud-tile:hover .cloud-tile-label:before {
    animation-name: show-hover-vertical; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Overrides for bootstrap button styles. This should be limited to colour related properties only - specify other stuff in _bootstrap.scss */
.gradient-underline, .job-details-card__title-text {
  padding-bottom: 4px;
  margin-bottom: 16px;
  font-size: 20px; }

.admin-message {
  padding: 8px 64px; }
  .admin-message h1 {
    font-size: 20px; }
  .admin-message h2 {
    font-size: 16px; }
  .admin-message h3 {
    font-size: 14px; }
  .admin-message .card {
    border: none;
    border-radius: 4px; }
  .admin-message__container {
    background: white;
    border: 2px solid #ddd;
    border-radius: 8px;
    margin: 1em 0; }
  .admin-message__header {
    display: grid;
    grid-template-columns: auto auto 1fr;
    cursor: pointer;
    place-items: center;
    gap: 0.5em;
    /* Increase hit area */
    margin: -1em -1em 0 -1em;
    padding: 1em 1em 0 1em; }
    .admin-message__header > i {
      color: #999; }
  .admin-message__v-space {
    height: 1em; }
  .admin-message__content {
    margin: 0 0 1em 0; }
  .admin-message__title strong {
    font-weight: 500;
    letter-spacing: -0.25px; }
  .admin-message__list {
    padding: 0;
    margin-top: 0.5em; }
  .admin-message__link-item {
    margin: 0;
    list-style-type: none; }
  .admin-message__title {
    margin: 0; }
  .admin-message .json--root-node {
    margin-top: 0.5em; }
  .admin-message .status-pill {
    border-radius: 9999px; }

.admin-message-data {
  max-width: 1200px; }

.flex-container {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  flex-wrap: wrap; }

.flex-align-items-center {
  align-items: center; }

.flex-align-items-start {
  align-items: flex-start; }

.flex-item {
  display: block;
  width: 100%; }

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

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

.flex-distribute {
  flex-wrap: nowrap;
  align-content: space-around; }

.flex-between {
  justify-content: space-between; }

.flex-xs-1 {
  width: 8.33333%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.flex-xs-order-1 {
  order: 1; }

.flex-xs-2 {
  width: 16.66667%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.flex-xs-order-2 {
  order: 2; }

.flex-xs-3 {
  width: 25%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.flex-xs-order-3 {
  order: 3; }

.flex-xs-4 {
  width: 33.33333%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.flex-xs-order-4 {
  order: 4; }

.flex-xs-5 {
  width: 41.66667%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.flex-xs-order-5 {
  order: 5; }

.flex-xs-6 {
  width: 50%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.flex-xs-order-6 {
  order: 6; }

.flex-xs-7 {
  width: 58.33333%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.flex-xs-order-7 {
  order: 7; }

.flex-xs-8 {
  width: 66.66667%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.flex-xs-order-8 {
  order: 8; }

.flex-xs-9 {
  width: 75%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.flex-xs-order-9 {
  order: 9; }

.flex-xs-10 {
  width: 83.33333%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.flex-xs-order-10 {
  order: 10; }

.flex-xs-11 {
  width: 91.66667%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.flex-xs-order-11 {
  order: 11; }

.flex-xs-12 {
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.flex-xs-order-12 {
  order: 12; }

@media (max-width: 767px) {
  .text-right-xs {
    text-align: right; }
  .text-left-xs {
    text-align: left; }
  .text-center-xs {
    text-align: center; } }

@media (min-width: 768px) {
  .flex-sm-1 {
    width: 8.33333%;
    min-height: 1px; }
  .flex-sm-order-1 {
    order: 1; }
  .flex-sm-2 {
    width: 16.66667%;
    min-height: 1px; }
  .flex-sm-order-2 {
    order: 2; }
  .flex-sm-3 {
    width: 25%;
    min-height: 1px; }
  .flex-sm-order-3 {
    order: 3; }
  .flex-sm-4 {
    width: 33.33333%;
    min-height: 1px; }
  .flex-sm-order-4 {
    order: 4; }
  .flex-sm-5 {
    width: 41.66667%;
    min-height: 1px; }
  .flex-sm-order-5 {
    order: 5; }
  .flex-sm-6 {
    width: 50%;
    min-height: 1px; }
  .flex-sm-order-6 {
    order: 6; }
  .flex-sm-7 {
    width: 58.33333%;
    min-height: 1px; }
  .flex-sm-order-7 {
    order: 7; }
  .flex-sm-8 {
    width: 66.66667%;
    min-height: 1px; }
  .flex-sm-order-8 {
    order: 8; }
  .flex-sm-9 {
    width: 75%;
    min-height: 1px; }
  .flex-sm-order-9 {
    order: 9; }
  .flex-sm-10 {
    width: 83.33333%;
    min-height: 1px; }
  .flex-sm-order-10 {
    order: 10; }
  .flex-sm-11 {
    width: 91.66667%;
    min-height: 1px; }
  .flex-sm-order-11 {
    order: 11; }
  .flex-sm-12 {
    width: 100%;
    min-height: 1px; }
  .flex-sm-order-12 {
    order: 12; }
  .text-right-sm {
    text-align: right; }
  .text-left-sm {
    text-align: left; }
  .text-center-sm {
    text-align: center; } }

@media (min-width: 1024px) {
  .flex-md-1 {
    width: 8.33333%;
    min-height: 1px; }
  .flex-md-order-1 {
    order: 1; }
  .flex-md-2 {
    width: 16.66667%;
    min-height: 1px; }
  .flex-md-order-2 {
    order: 2; }
  .flex-md-3 {
    width: 25%;
    min-height: 1px; }
  .flex-md-order-3 {
    order: 3; }
  .flex-md-4 {
    width: 33.33333%;
    min-height: 1px; }
  .flex-md-order-4 {
    order: 4; }
  .flex-md-5 {
    width: 41.66667%;
    min-height: 1px; }
  .flex-md-order-5 {
    order: 5; }
  .flex-md-6 {
    width: 50%;
    min-height: 1px; }
  .flex-md-order-6 {
    order: 6; }
  .flex-md-7 {
    width: 58.33333%;
    min-height: 1px; }
  .flex-md-order-7 {
    order: 7; }
  .flex-md-8 {
    width: 66.66667%;
    min-height: 1px; }
  .flex-md-order-8 {
    order: 8; }
  .flex-md-9 {
    width: 75%;
    min-height: 1px; }
  .flex-md-order-9 {
    order: 9; }
  .flex-md-10 {
    width: 83.33333%;
    min-height: 1px; }
  .flex-md-order-10 {
    order: 10; }
  .flex-md-11 {
    width: 91.66667%;
    min-height: 1px; }
  .flex-md-order-11 {
    order: 11; }
  .flex-md-12 {
    width: 100%;
    min-height: 1px; }
  .flex-md-order-12 {
    order: 12; }
  .text-right-md {
    text-align: right; }
  .text-left-md {
    text-align: left; }
  .text-center-md {
    text-align: center; } }

@media (min-width: 1920px) {
  .flex-lg-1 {
    width: 8.33333%;
    min-height: 1px; }
  .flex-lg-order-1 {
    order: 1; }
  .flex-lg-2 {
    width: 16.66667%;
    min-height: 1px; }
  .flex-lg-order-2 {
    order: 2; }
  .flex-lg-3 {
    width: 25%;
    min-height: 1px; }
  .flex-lg-order-3 {
    order: 3; }
  .flex-lg-4 {
    width: 33.33333%;
    min-height: 1px; }
  .flex-lg-order-4 {
    order: 4; }
  .flex-lg-5 {
    width: 41.66667%;
    min-height: 1px; }
  .flex-lg-order-5 {
    order: 5; }
  .flex-lg-6 {
    width: 50%;
    min-height: 1px; }
  .flex-lg-order-6 {
    order: 6; }
  .flex-lg-7 {
    width: 58.33333%;
    min-height: 1px; }
  .flex-lg-order-7 {
    order: 7; }
  .flex-lg-8 {
    width: 66.66667%;
    min-height: 1px; }
  .flex-lg-order-8 {
    order: 8; }
  .flex-lg-9 {
    width: 75%;
    min-height: 1px; }
  .flex-lg-order-9 {
    order: 9; }
  .flex-lg-10 {
    width: 83.33333%;
    min-height: 1px; }
  .flex-lg-order-10 {
    order: 10; }
  .flex-lg-11 {
    width: 91.66667%;
    min-height: 1px; }
  .flex-lg-order-11 {
    order: 11; }
  .flex-lg-12 {
    width: 100%;
    min-height: 1px; }
  .flex-lg-order-12 {
    order: 12; }
  .text-right-lg {
    text-align: right; }
  .text-left-lg {
    text-align: left; }
  .text-center-lg {
    text-align: center; } }

.flex-table-header {
  font-weight: bold; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.custom-modal {
  transition: all 250ms ease-out; }
  .custom-modal__close-button-icon {
    width: 32px;
    height: 32px;
    stroke: #314151;
    stroke-width: 2px;
    padding: 8px 8px 4px 8px; }
  .custom-modal.modal-enter-active .custom-modal__container {
    transition: all 250ms ease-out; }
  .custom-modal.modal-leave-active .custom-modal__container {
    transition: all 250ms ease-in; }
  .custom-modal.modal-enter .custom-modal__container {
    transform: scale(0.8);
    opacity: 0; }
  .custom-modal.modal-leave-to .custom-modal__container {
    transform: scale(1.2);
    opacity: 0; }
  .custom-modal__container {
    max-width: 800px;
    width: 90vw;
    margin: 0 auto 10vh auto;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 1px 7px 10px -6px rgba(0, 0, 0, 0.3);
    position: relative;
    transition: all 250ms ease;
    overflow: hidden; }
    @media (max-width: 1024px) {
      .custom-modal__container {
        margin-bottom: 10vh; } }
  .custom-modal__wrapper {
    margin: 10vh auto;
    padding-right: 16px; }
    @media (max-width: 1024px) {
      .custom-modal__wrapper {
        margin: 1vh auto; }
        .custom-modal__wrapper:after {
          display: block;
          content: "";
          min-height: 140px; } }
  .custom-modal__close-button-container {
    position: absolute;
    top: 2px;
    right: 2px;
    background: rgba(255, 255, 255, 0.8); }
  .custom-modal__close-button {
    text-shadow: 0 0 8px white; }
  .custom-modal__mask {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: flex;
    padding: 16px;
    overflow: auto;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2000;
    transition: opacity .3s ease; }
  .custom-modal__loading-wrapper {
    z-index: 2;
    display: flex;
    position: absolute;
    color: #9797a7;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 4px; }
  .custom-modal__footer {
    overflow: hidden;
    border-radius: 0 0 4px 4px; }
  .custom-modal__header {
    overflow: hidden;
    border-radius: 4px 4px 0 0; }
  .custom-modal__loading-message {
    text-align: center;
    margin: auto;
    font-size: 20px; }

.modal-buttons__default-container {
  display: flex;
  padding: 16px 24px;
  align-items: baseline;
  justify-content: flex-end;
  width: 100%;
  background: #f9f9fa;
  border-top: 1px solid #ececee; }
  .modal-buttons__default-container > * {
    margin: 0 16px; }
    .modal-buttons__default-container > *:last-child {
      margin-right: 0; }
    .modal-buttons__default-container > *:first-child {
      margin-left: 0; }

.modal-buttons__message {
  text-align: left;
  flex-grow: 1;
  color: #646474; }

.slide-right-enter-active, .slide-right-leave-active {
  transition: opacity 250ms ease-out, transform 250ms ease-out; }

.slide-right-enter {
  opacity: 0;
  transform: translateX(-100%); }

.slide-right-leave-to {
  opacity: 0;
  transform: translateX(100%); }

.slide-left-enter-active, .slide-left-leave-active {
  transition: opacity 250ms ease-out, transform 250ms ease-out; }

.slide-left-enter {
  opacity: 0;
  transform: translateX(100%); }

.slide-left-leave-to {
  opacity: 0;
  transform: translateX(-100%); }

.slide-from-right-enter-active, .slide-from-right-leave-active {
  transition: opacity 250ms ease-out, transform 250ms ease-out, width 250ms ease-out;
  overflow: hidden;
  white-space: nowrap; }

.slide-from-right-enter {
  opacity: 0;
  width: 0 !important; }

.slide-from-right-leave-to {
  opacity: 0;
  width: 0 !important; }

.shake-in-enter-active {
  animation: shake-in-in .2s;
  animation-iteration-count: 3; }

.shake-in-leave-active {
  display: none; }

@keyframes shake-in-in {
  0% {
    transform: rotateZ(0deg); }
  50% {
    transform: rotateZ(1deg); }
  100% {
    transform: rotateZ(-1deg); } }

.notify-shake {
  animation: shake-in-in .1s;
  animation-iteration-count: 3; }

.pop-enter-active {
  animation: pop-in .1s ease-in-out; }

@keyframes pop-in {
  0% {
    transform: scale(0.9); }
  50% {
    transform: scale(1.05); }
  100% {
    transform: scale(1); } }

.pop-leave-active {
  display: none; }

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s; }

.fade-enter, .fade-leave-to {
  opacity: 0; }

.fade-fast-enter-active, .fade-fast-leave-active {
  transition: opacity 0.15s; }

.fade-fast-enter, .fade-fast-leave-to {
  opacity: 0; }

.drop-in-enter-active, .drop-in-leave-active {
  transition: transform 0.25s, opacity 0.25s; }

.drop-in-enter {
  transform: scaleY(0), translateY(-100%);
  opacity: 0; }

.drop-in-leave-to {
  transform: scaleY(0), translateY(-100%);
  opacity: 0; }

.flip-fast-enter-active, .flip-fast-leave-active {
  transition: transform 0.11s, opacity 0.15s; }

.flip-fast-enter {
  transform: rotateX(90deg); }

.flip-fast-leave-to {
  transform: rotateX(-90deg); }

.flip-fast-horizontal-enter-active, .flip-fast-horizontal-leave-active {
  transition: transform 0.25s, opacity 0.25s; }

.flip-fast-horizontal-enter {
  transform: rotateY(90deg); }

.flip-fast-horizontal-leave-to {
  transform: rotateY(-90deg); }

.slide-enter-active, .slide-leave-active {
  transition: transform 0.25s, opacity 0.25s; }

.slide-enter {
  transform: translateX(-100%);
  opacity: 0; }

.slide-leave-to {
  transform: translateX(0);
  opacity: 0; }

.shrink-enter-active, .shrink-leave-active {
  transition: transform 0.75s, opacity 0.75s;
  transform-origin: top center; }

.shrink-enter {
  transform: scaleY(0.1);
  opacity: 0; }

.shrink-leave-to {
  transform: scaleY(0.1);
  opacity: 0; }

.drop-down-enter-active, .drop-down-leave-active {
  transition: all .3s ease-out; }

.drop-down-enter {
  max-height: 0;
  opacity: 0; }

.drop-down-enter-to {
  max-height: 400px; }

.drop-down-leave {
  max-height: 400px; }

.drop-down-leave-to {
  max-height: 0;
  opacity: 0; }

.zoom-enter {
  transform: scale(0);
  opacity: 0; }

.zoom-enter-active, .zoom-leave-active {
  transition: transform 0.25s, opacity 0.25s; }

.zoom-leave-to {
  transform: scale(0);
  opacity: 0; }

.list-item {
  display: inline-block;
  transition: opacity 250ms cubic-bezier(0.035, 1.395, 0.765, 0.98), transform 250ms cubic-bezier(0.035, 1.395, 0.765, 0.98); }

.list-move {
  transition: transform 350ms cubic-bezier(0.975, -0.28, 0.525, 1.125); }

.list-enter {
  opacity: 0;
  transform: scale(0.5) skewY(-10deg); }

.list-leave-active {
  opacity: 0;
  transition: all 0s; }

.list-leave-active {
  position: absolute; }

.list-slide-item {
  transition: all 2.7s; }

.list-slide-enter-active {
  transition: all 0.7s; }

.list-slide-enter, .list-slide-leave-to {
  opacity: 0; }

.list-slide-leave-active {
  position: absolute; }

.test-item {
  display: inline-block;
  transition: opacity 250ms cubic-bezier(0.035, 1.395, 0.765, 0.98), transform 250ms cubic-bezier(0.035, 1.395, 0.765, 0.98); }

.test-move {
  transition: transform 350ms cubic-bezier(0.975, -0.28, 0.525, 1.125); }

.test-enter {
  opacity: 0;
  transform: scale(0.5) skewY(-10deg); }

.test-leave-active {
  opacity: 0;
  transition: all 0s; }

.maintenance-content {
  margin: 0;
  background: #f9f9fa;
  min-height: calc(100vh - 500px);
  display: flex;
  align-items: center;
  font-size: 16px; }
  .maintenance-content .card {
    margin: 16px; }
  .maintenance-content .card-content p {
    max-width: 800px; }

.banner-bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 2880;
  padding: 16px;
  text-align: center;
  font-size: 16px; }

.banner-warning {
  background: #eb9e05;
  color: white; }

.banner-info {
  background: #0d74b8;
  color: white; }

h2.admin-title, h3.admin-title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px; }
  @media (min-width: 540px) {
    h2.admin-title, h3.admin-title {
      font-size: 20px; } }

h3.admin-title {
  font-size: 12px; }
  @media (min-width: 540px) {
    h3.admin-title {
      font-size: 16px; } }

.admin-title a, .admin-title button {
  font-weight: 400;
  text-transform: initial; }

.admin-pointcloud-card-thumbnail {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
  width: 256px;
  background-color: #626262; }
  @media (max-width: 940px) {
    .admin-pointcloud-card-thumbnail {
      display: none; } }

.admin-pointcloud-card .card {
  flex-grow: 1;
  position: relative;
  padding-left: 288px; }
  @media (max-width: 940px) {
    .admin-pointcloud-card .card {
      padding-left: 8px;
      padding-right: 8px; } }

.admin-app__nav {
  background: white; }

.admin-app__content {
  background: #ececee; }
  .admin-app__content .card {
    border: none;
    border-radius: 4px;
    overflow: hidden; }

.admin-pointcloud-actions {
  padding-top: 24px; }
  @media (max-width: 940px) {
    .admin-pointcloud-actions {
      position: absolute;
      display: none;
      background: white;
      border-radius: 4px;
      padding: 4px 8px;
      right: 0; } }

@media (max-width: 940px) {
  .admin-pointcloud-actions--visible {
    display: block; } }

@media (max-width: 768px) and (orientation: portrait) {
  body.scrolled .admin-app .left-nav {
    position: fixed;
    z-index: 1490;
    border-bottom-right-radius: 32px;
    border-bottom: 1px solid #cacacf;
    box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
    top: 0; } }

@media (max-width: 768px) and (orientation: portrait) {
  .admin-app .left-nav {
    transition: none;
    border-bottom-right-radius: 0; } }

@media (max-width: 768px) and (orientation: portrait) {
  .admin-app .left-nav.is-collapsed {
    width: 0;
    border: 0; }
    .admin-app .left-nav.is-collapsed .nav-container, .admin-app .left-nav.is-collapsed .nav-heading {
      display: none; }
    .admin-app .left-nav.is-collapsed .nav-collapse-button {
      position: fixed;
      top: 60vh;
      background: #0d74b8;
      color: white;
      border-radius: 0 999px 999px 0;
      z-index: 1491;
      padding: 16px 16px 16px 8px; } }

@media (max-width: 768px) {
  .admin-app .l-section.left:not(.is-collapsed) + .l-section.mid {
    overflow: hidden; } }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.p-validation--failed.el-input input,
.p-validation--failed .el-input input, .p-validation--failed.el-collapse:before {
  border: 1px solid #fa5555;
  box-shadow: 0 0 4px rgba(201, 0, 0, 0.5); }

.p-validation {
  position: relative;
  transition: margin-bottom 500ms; }
  .p-validation:after {
    content: attr(data-validation-message);
    color: #c90000;
    border-radius: 0 0 4px 4px;
    padding: 4px 8px;
    position: absolute;
    transform: scaleY(0);
    transform-origin: top;
    overflow: hidden;
    margin-top: 0;
    font-family: "Rubik", sans-serif;
    font-weight: normal;
    letter-spacing: 0.4px;
    left: 0;
    top: 100%;
    background-color: rgba(201, 0, 0, 0.6);
    opacity: 0;
    font-size: 12px;
    transition: height 500ms, opacity 500ms, transform 500ms;
    line-height: 1.4;
    min-width: 12em; }
  .p-validation--failed:after {
    min-width: 0;
    color: white;
    transform: scaleY(1);
    content: attr(data-validation-message);
    position: absolute;
    min-height: 2em;
    opacity: 1;
    z-index: 900; }

.p-validation.el-input, .p-validation .el-input {
  transition: border-color 500ms, box-shadow 500ms, margin-bottom 500ms; }

.p-validation--failed.el-collapse {
  padding-bottom: 1px;
  border-radius: 2px; }
  .p-validation--failed.el-collapse:before {
    content: "";
    position: absolute;
    border: 1px solid rgba(201, 0, 0, 0.5);
    border-radius: 8px;
    pointer-events: none;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px; }
  .p-validation--failed.el-collapse:after {
    top: calc(100% + 8px); }
  .p-validation--failed.el-collapse .collapse-header {
    color: #c90000; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Overrides for bootstrap button styles. This should be limited to colour related properties only - specify other stuff in _bootstrap.scss */
.gradient-underline, .job-details-card__title-text {
  padding-bottom: 4px;
  margin-bottom: 16px;
  font-size: 20px; }

.el-loading-mask {
  border-radius: inherit; }

.el-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center; }

.el-message.el-message {
  box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 1px;
  border-radius: 4px; }
  .el-message.el-message .el-icon-error {
    color: #cc1e00; }
  .el-message.el-message .el-icon-warning {
    color: #fb9800; }
  .el-message.el-message .el-icon-success {
    color: #57cc00; }

.el-message.el-message--error {
  background-color: #fff3ef;
  border-color: #dc7272; }
  .el-message.el-message--error .el-message__content {
    color: #730100; }

.el-message.el-message--warning {
  background-color: #fffaf6;
  border-color: #dc902e; }
  .el-message.el-message--warning .el-message__content {
    color: #733100; }

.el-message.el-message--info {
  background-color: white;
  border-color: #cacacf; }
  .el-message.el-message--info .el-message__content {
    color: #314151; }

.el-message.el-message--success {
  background-color: #effff1;
  border-color: #72dc77; }
  .el-message.el-message--success .el-message__content {
    color: #2d6702; }

.el-message .el-icon-close {
  color: #9797a7; }
  .el-message .el-icon-close:hover {
    color: #314151; }

div.el-pagination {
  padding: 0;
  margin: 8px 0; }
  div.el-pagination.mt3 {
    /* overspecialization for one particular case, rather than removing margin for all cases */
    margin: 24px 0 0 0; }

.form--narrow .el-form-item__content {
  max-width: 540px; }

.form--narrow .full-width .el-form-item__content {
  max-width: initial; }

.blue-action-line .el-button {
  color: white; }
  .blue-action-line .el-button:hover, .blue-action-line .el-button:focus, .blue-action-line .el-button:active {
    color: white;
    opacity: 0.8; }

.el-button.text-button {
  border-color: transparent;
  background-color: transparent; }
  .el-button.text-button:focus {
    border-style: dashed; }
  .el-button.text-button.el-button--danger {
    color: #fa5555;
    border-color: transparent;
    background-color: transparent; }
    .el-button.text-button.el-button--danger:hover {
      background: #f78989;
      border-color: #f78989;
      color: #ffffff; }
    .el-button.text-button.el-button--danger:focus {
      border-color: #f78989; }
  .el-button.text-button.el-button--info {
    color: #9797a7; }
    .el-button.text-button.el-button--info:hover {
      background-color: #9797a7;
      color: white; }
    .el-button.text-button.el-button--info:focus {
      border-color: #9797a7; }
  .el-button.text-button.el-button--primary {
    color: #409eff; }
    .el-button.text-button.el-button--primary:hover, .el-button.text-button.el-button--primary:active {
      color: white; }
      .el-button.text-button.el-button--primary:hover:focus, .el-button.text-button.el-button--primary:active:focus {
        background-color: #006edf; }
      .el-button.text-button.el-button--primary:hover:visited, .el-button.text-button.el-button--primary:active:visited {
        color: white; }
    .el-button.text-button.el-button--primary:focus {
      background-color: transparent;
      border-color: #409eff;
      outline: none; }
    .el-button.text-button.el-button--primary:visited {
      color: #409eff; }

button.el-button--success, a.el-button--success {
  background-color: #46da3a;
  border-color: #46da3a; }
  button.el-button--success:hover, button.el-button--success:focus, a.el-button--success:hover, a.el-button--success:focus {
    background-color: #6ee265;
    border-color: #6ee265; }
  button.el-button--success.is-active, button.el-button--success:active, a.el-button--success.is-active, a.el-button--success:active {
    background-color: #2fbd24;
    border-color: #2fbd24; }

div.el-input-group__append > button.el-button--success, div.el-input-group__append > a.el-button--success {
  background-color: transparent;
  color: #2fbd24;
  padding: 8px 12px 8px 12px;
  border-radius: 0 2px 2px 0;
  vertical-align: baseline; }
  div.el-input-group__append > button.el-button--success:hover, div.el-input-group__append > button.el-button--success:focus, div.el-input-group__append > button.el-button--success:active, div.el-input-group__append > a.el-button--success:hover, div.el-input-group__append > a.el-button--success:focus, div.el-input-group__append > a.el-button--success:active {
    background: #85ce61;
    color: white; }

.danger .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #fa5555;
  border-color: #fa5555; }

.danger .el-checkbox__label {
  color: #fa5555; }

.el-message-box.messagebox-wide {
  width: auto;
  max-width: 800px; }

.el-message-box.messagebox-auto-wide {
  width: auto;
  max-width: 90vw; }

.inline-upload .el-upload-dragger {
  width: auto;
  height: auto;
  border: none;
  transition: background 0.5s; }

.inline-upload .el-upload-dragger:hover, .inline-upload .el-upload-dragger.is-dragover {
  background: #e5f3f6; }

div.el-form-item {
  margin-top: 8px;
  margin-bottom: 24px; }
  div.el-form-item:first-of-type {
    margin-top: 24px; }

.el-form-tight .el-form-item {
  margin-top: 8px;
  margin-bottom: 8px; }

.el-badge__content {
  border: none;
  line-height: 1.9;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Rubik", sans-serif; }

.large .el-form-item__content, .large .el-checkbox__label, .large .el-checkbox__input {
  font-size: 18px;
  vertical-align: baseline; }

.large .el-form-item__label {
  font-size: 16px; }

.p__form .el-form-item__label {
  opacity: 0.8;
  color: #646474;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
  padding-right: 0; }

.p__form .el-form-item__content {
  line-height: 1.8; }

.p__form .el-form-item__label + .el-form-item__content {
  padding-left: 1em; }

.p__form .el-form-item.form-item--tight > .el-form-item__content {
  padding-left: 1em;
  line-height: 1.4; }

.p__form.noleft--space .el-form-item__label + .el-form-item__content {
  padding-left: 0; }

@media (max-width: 768px) {
  .el-form-item__label {
    float: none;
    text-align: left;
    line-height: 1.8;
    width: auto !important; }
  .el-form-item__label + .el-form-item__content {
    padding-left: 0;
    margin-left: 0 !important;
    line-height: 1.8;
    margin-bottom: 8px; } }

.aside {
  display: block;
  padding: 0;
  color: #9797a7;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px; }

.el-checkbox + .aside {
  padding-left: 32px; }

a.el-button.el-button--primary:visited, a.el-button.el-button--primary:active {
  color: white; }

a.el-button--danger:visited, a.el-button--danger:hover {
  color: white; }

a.el-button--danger:visited:hover {
  color: #ffe3e3; }

.el-pager > li.number.active {
  background: #409eff;
  color: white;
  border-radius: 24px; }

.el-select--small {
  vertical-align: middle; }

.el-date-editor {
  vertical-align: middle; }

.site-message--preview .el-dialog__body {
  overflow-y: auto;
  overflow-x: hidden;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3; }

.el-checkbox-group.el-checkbox-group--no-borders {
  transition: background-color 200ms ease-out; }
  .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button {
    margin-top: 2px;
    margin-bottom: 2px; }
    .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
      outline: none;
      box-shadow: none;
      border-color: transparent; }
    .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:focus, .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:active, .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:focus-within {
      outline: none;
      box-shadow: none;
      border-color: transparent; }
      .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:focus > .el-checkbox-button__inner, .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:active > .el-checkbox-button__inner, .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:focus-within > .el-checkbox-button__inner {
        position: relative;
        border-color: transparent; }
        .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:focus > .el-checkbox-button__inner:before, .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:active > .el-checkbox-button__inner:before, .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:focus-within > .el-checkbox-button__inner:before {
          margin: -2px;
          content: "";
          border: 2px solid #f45625;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          top: 0;
          border-radius: 999px; }
      .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:focus.is-checked > .el-checkbox-button__inner:before, .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:focus.is-active > .el-checkbox-button__inner:before, .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:active.is-checked > .el-checkbox-button__inner:before, .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:active.is-active > .el-checkbox-button__inner:before, .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:focus-within.is-checked > .el-checkbox-button__inner:before, .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:focus-within.is-active > .el-checkbox-button__inner:before {
        margin: -2px;
        content: "";
        border: 2px solid #f45625;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        border-radius: 999px; }
    .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:first-child > .el-checkbox-button__inner,
    .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button:last-child > .el-checkbox-button__inner,
    .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button > .el-checkbox-button__inner {
      border-radius: 999px; }
    .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button > .el-checkbox-button__inner {
      background: none;
      border: 1px dashed #9797a7;
      margin: 0 4px;
      padding: 8px 12px;
      box-shadow: none; }
      .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button > .el-checkbox-button__inner:hover {
        color: #0d74b8;
        background-color: #cfe3f1;
        border-color: #cee1ee; }
    .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button.is-checked > .el-checkbox-button__inner, .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button.is-active > .el-checkbox-button__inner {
      box-shadow: none;
      border-style: solid;
      background-color: #0d74b8;
      border-color: #0869a9;
      color: white; }
      .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button.is-checked > .el-checkbox-button__inner:hover, .el-checkbox-group.el-checkbox-group--no-borders > label.el-checkbox-button.is-active > .el-checkbox-button__inner:hover {
        border-color: #3987bb;
        background-color: #3d90c6; }

.el-radio-group.el-radio-group--no-borders {
  transition: background-color 200ms ease-out; }
  .el-radio-group.el-radio-group--no-borders > label.el-radio-button {
    margin-top: 2px;
    margin-bottom: 2px; }
    .el-radio-group.el-radio-group--no-borders > label.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
      outline: none;
      box-shadow: none;
      border-color: transparent; }
    .el-radio-group.el-radio-group--no-borders > label.el-radio-button:focus, .el-radio-group.el-radio-group--no-borders > label.el-radio-button:active, .el-radio-group.el-radio-group--no-borders > label.el-radio-button:focus-within {
      outline: none;
      box-shadow: none;
      border-color: transparent; }
      .el-radio-group.el-radio-group--no-borders > label.el-radio-button:focus > .el-radio-button__inner, .el-radio-group.el-radio-group--no-borders > label.el-radio-button:active > .el-radio-button__inner, .el-radio-group.el-radio-group--no-borders > label.el-radio-button:focus-within > .el-radio-button__inner {
        position: relative;
        border-color: transparent; }
        .el-radio-group.el-radio-group--no-borders > label.el-radio-button:focus > .el-radio-button__inner:before, .el-radio-group.el-radio-group--no-borders > label.el-radio-button:active > .el-radio-button__inner:before, .el-radio-group.el-radio-group--no-borders > label.el-radio-button:focus-within > .el-radio-button__inner:before {
          margin: -2px;
          content: "";
          border: 2px solid #f45625;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          top: 0;
          border-radius: 999px; }
      .el-radio-group.el-radio-group--no-borders > label.el-radio-button:focus.is-checked > .el-radio-button__inner:before, .el-radio-group.el-radio-group--no-borders > label.el-radio-button:focus.is-active > .el-radio-button__inner:before, .el-radio-group.el-radio-group--no-borders > label.el-radio-button:active.is-checked > .el-radio-button__inner:before, .el-radio-group.el-radio-group--no-borders > label.el-radio-button:active.is-active > .el-radio-button__inner:before, .el-radio-group.el-radio-group--no-borders > label.el-radio-button:focus-within.is-checked > .el-radio-button__inner:before, .el-radio-group.el-radio-group--no-borders > label.el-radio-button:focus-within.is-active > .el-radio-button__inner:before {
        margin: -2px;
        content: "";
        border: 2px solid #f45625;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        border-radius: 999px; }
    .el-radio-group.el-radio-group--no-borders > label.el-radio-button:first-child > .el-radio-button__inner,
    .el-radio-group.el-radio-group--no-borders > label.el-radio-button:last-child > .el-radio-button__inner,
    .el-radio-group.el-radio-group--no-borders > label.el-radio-button > .el-radio-button__inner {
      border-radius: 999px; }
    .el-radio-group.el-radio-group--no-borders > label.el-radio-button > .el-radio-button__inner {
      background: none;
      border: 1px dashed #9797a7;
      margin: 0 4px;
      padding: 8px 12px;
      box-shadow: none; }
      .el-radio-group.el-radio-group--no-borders > label.el-radio-button > .el-radio-button__inner:hover {
        color: #0d74b8;
        background-color: #cfe3f1;
        border-color: #cee1ee; }
    .el-radio-group.el-radio-group--no-borders > label.el-radio-button.is-checked > .el-radio-button__inner, .el-radio-group.el-radio-group--no-borders > label.el-radio-button.is-active > .el-radio-button__inner {
      box-shadow: none;
      border-style: solid;
      background-color: #0d74b8;
      border-color: #0869a9;
      color: white; }
      .el-radio-group.el-radio-group--no-borders > label.el-radio-button.is-checked > .el-radio-button__inner:hover, .el-radio-group.el-radio-group--no-borders > label.el-radio-button.is-active > .el-radio-button__inner:hover {
        border-color: #3987bb;
        background-color: #3d90c6; }

.el-checkbox .el-checkbox__inner {
  line-height: 1.4; }

.el-checkbox.inverse {
  color: #f9f9fa; }
  .el-checkbox.inverse:hover {
    background-color: #0d74b8; }
  .el-checkbox.inverse .el-checkbox__input.is-checked + .el-checkbox__label {
    color: white; }
  .el-checkbox.inverse.is-bordered {
    border: 1px dashed white; }
  .el-checkbox.inverse.is-bordered.is-checked {
    border-color: white; }
  .el-checkbox.inverse .el-checkbox__input {
    line-height: 1.4;
    transition: all 0.15s ease-out; }
    .el-checkbox.inverse .el-checkbox__input .el-checkbox__inner {
      border-color: white;
      background: none; }
  .el-checkbox.inverse.is-checked + .el-checkbox__label {
    color: #f9f9fa; }
  .el-checkbox.inverse.is-checked .el-checkbox__inner {
    background-color: #f45625;
    border-color: #f45625; }
    .el-checkbox.inverse.is-checked .el-checkbox__inner:after {
      color: white; }

.el-checkbox .el-checkbox__input {
  vertical-align: top; }

.el-checkbox .el-checkbox__label {
  white-space: normal; }

.el-tabs.el-tabs--no-header .el-tabs__header {
  display: none; }

.el-popover.el-popover {
  box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1); }

.el-popover.el-popover--no-padding {
  padding: 4px 0; }

.el-dialog--lt-gray .el-dialog {
  background: #ececee; }

.el-dialog__wrapper.el-dialog--medium > .el-dialog {
  max-width: 800px;
  width: auto;
  border-radius: 4px; }
  .el-dialog__wrapper.el-dialog--medium > .el-dialog .el-dialog__header {
    padding: 0; }
  .el-dialog__wrapper.el-dialog--medium > .el-dialog .el-dialog__title:not(:empty) {
    display: inline-block;
    padding: 16px; }
  @media (max-width: 880px) {
    .el-dialog__wrapper.el-dialog--medium > .el-dialog {
      max-width: 90vw; } }

.el-checkbox:not(.el-checkbox--small) .el-checkbox__inner {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  position: relative;
  display: inline-block; }
  .el-checkbox:not(.el-checkbox--small) .el-checkbox__inner::after {
    content: "\F00C";
    font: normal normal normal 14px/1 FontAwesome;
    border: none;
    border-radius: 3px;
    height: auto;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -1px;
    padding: 0;
    transform: rotateY(180deg) scale(0);
    transform-origin: center;
    transition: opacity 1s, transform 0.5s, background-color 0.25s;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center; }

.el-checkbox:not(.el-checkbox--small) .el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotateY(0deg) scale(1);
  color: white;
  opacity: 1; }

.el-checkbox {
  margin-right: 0;
  line-height: 1.4; }
  .el-checkbox .el-checkbox__label, .el-checkbox .el-checkbox__input {
    line-height: 1.4; }
  .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    height: 5px;
    top: 7px; }

.viewer-component .el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotateY(0deg) scale(1);
  color: white;
  opacity: 1; }

.el-dialog__wrapper.auto-width {
  display: flex;
  align-items: flex-start; }
  .el-dialog__wrapper.auto-width .el-dialog {
    width: auto;
    min-width: 540px;
    max-width: 50vw; }
    @media (max-width: 580px) {
      .el-dialog__wrapper.auto-width .el-dialog {
        min-width: 0;
        width: 90vw;
        max-width: none; } }

.el-textarea--bordered {
  border: 1px dashed #9797a7;
  background: #f9f9fa;
  color: #0d74b8; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Overrides for bootstrap button styles. This should be limited to colour related properties only - specify other stuff in _bootstrap.scss */
.gradient-underline, .job-details-card__title-text {
  padding-bottom: 4px;
  margin-bottom: 16px;
  font-size: 20px; }

:root {
  --app-height: 100vh; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  /* Reset to the same as body, otherwise rem units act weird */ }

body {
  background: #314151;
  background-image: url("/static/images/backgrounds/cartographer.jpg");
  min-height: 100vh;
  color: #314151;
  font-size: 14px;
  line-height: 1.4;
  font-family: 'Open Sans', sans-serif; }
  body.fullscreen {
    overflow: hidden; }

/* Displayed when viewing a single pointcloud that is not on any servers */
#is-archived-warning {
  padding: 10%;
  font-size: 1.4em;
  color: #314151; }
  @media (max-width: 767px) {
    #is-archived-warning {
      font-size: 1.2em; } }

div.main-content {
  padding: 74px 0 0 0;
  background: #ececee;
  transition: padding-top 0.3s; }
  .small__header div.main-content {
    padding-top: 40px; }
    @media (max-width: 767px) {
      .small__header div.main-content {
        padding-top: 57px; } }
  .trial__banner--active div.main-content {
    padding-top: 99px; }

.trial__banner--active.small__header div.main-content {
  padding-top: 62px; }

div.main-content-100 {
  padding: 0;
  background: #ececee;
  height: 100%;
  width: 100%; }
  @media (max-width: 767px) {
    div.main-content-100 {
      padding-top: 0; } }

div.main > .container-fluid {
  padding-left: 64px;
  padding-right: 64px; }

@media (max-width: 1023px) {
  .navbar > .container-fluid {
    padding-left: 16px;
    padding-right: 16px; } }

a {
  color: #0d74b8; }
  a:active, a:hover, a:focus, a:visited:hover {
    color: #f45625; }
  a:visited {
    color: #0d74b8; }

a.fg-white:active, a.fg-white:hover, a.fg-white:focus, a.fg-white:visited:hover {
  color: white; }

a.fg-white:visited {
  color: white; }

a.inverse {
  color: white; }

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

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

@media (max-width: 991px) {
  .navbar-brand > img.hide-md-dn {
    display: none; } }

@media (min-width: 992px) {
  .navbar-brand > img.hide-md-up {
    display: none; } }

.emailbox {
  padding: 16px;
  margin: 8px 0;
  border-left: 4px solid #409eff; }
  .emailbox:hover {
    background-color: #f9f9fa; }
  .emailbox label {
    font-size: 18px; }
    .emailbox label span.label {
      font-size: 14px; }

.padded {
  padding-top: 32px;
  padding-bottom: 32px; }

form.inline {
  display: inline;
  margin: 8px; }

ol.breadcrumb {
  margin-bottom: 0; }

/* FAQ question boxes */
.question {
  font-weight: bold;
  display: block; }

.answer {
  margin-top: 8px;
  display: block; }

.controls > *:first-child {
  margin-left: 0; }

.controls > *:last-child {
  margin-right: 0; }

#messages > div.initial {
  transform: scale(0.5); }

#messages > div.animate {
  transition: transform 0.4s cubic-bezier(0, 1.5, 0.59, 1.1);
  transform: scale(1); }

div.messages {
  position: absolute;
  right: 8px;
  top: 72px;
  z-index: 1200; }
  div.messages .alert {
    position: relative;
    border-radius: 0;
    margin: 8px;
    box-shadow: #9797a7 1px 1px 4px;
    border-right-width: 8px;
    padding-right: 2.5rem;
    max-width: 400px; }
    div.messages .alert .close {
      position: absolute;
      top: 0.5rem;
      right: 0.5rem;
      opacity: 0.4;
      padding: 4px;
      transform: scale(1.1); }
      div.messages .alert .close:hover {
        opacity: 0.75; }
    div.messages .alert button {
      margin-left: 16px; }

div.messages.affix {
  position: fixed; }

.featured-background {
  background-color: #0d74b8; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  margin-top: 1.1rem;
  margin-bottom: 1.1rem; }

/**
 Tailwind CSS reset overrides
 Our existing styles for headers and some paragraph text rely on the built in styles that are reset by Tailwind.
 This re-applies the required bits. We should remove it when possible.
**/
h1 {
  font-size: 36px; }

h2 {
  font-size: 30px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 18px; }

a:visited {
  color: #0d74b8; }

p {
  margin-bottom: 1.5rem; }

/** end TW overrides **/
.featured-pointcloud, .full-page-header {
  color: white;
  padding: 16px;
  margin: 0; }
  .featured-pointcloud h1, .full-page-header h1 {
    color: white; }
  .featured-pointcloud h1, .featured-pointcloud h2, .featured-pointcloud h3, .featured-pointcloud h4, .featured-pointcloud h5, .featured-pointcloud h6, .full-page-header h1, .full-page-header h2, .full-page-header h3, .full-page-header h4, .full-page-header h5, .full-page-header h6 {
    margin: 8px 0 0 0;
    padding: 0 0 8px 0; }
  .featured-pointcloud .subtagline, .full-page-header .subtagline {
    margin-top: 0;
    color: white; }
  .featured-pointcloud .tagline, .full-page-header .tagline {
    font-size: 0.8em;
    text-transform: uppercase;
    color: #ececee; }
  .featured-pointcloud .stats, .full-page-header .stats {
    color: #ececee; }
  .featured-pointcloud p, .full-page-header p {
    overflow-wrap: break-word;
    margin: 8px 0 0 0; }
  .featured-pointcloud .thumbnail, .full-page-header .thumbnail {
    margin: 16px;
    max-width: 256px; }

.panel {
  padding: 8px 12px; }

.panel-default {
  background-color: #f9f9fa; }

.panel .table {
  margin-bottom: 0; }

.spinner-target {
  position: relative; }

.separator {
  position: relative;
  border-top: 1px solid #9797a7;
  margin-top: 2em;
  margin-bottom: -1em; }
  .separator hr {
    visibility: hidden; }

span.separator-label {
  position: absolute;
  top: -15px;
  left: 3em;
  padding: 0 1em;
  font-family: "Rubik", sans-serif;
  font-size: 22px;
  font-weight: 500;
  color: #9797a7; }

.strong {
  font-weight: bold; }

.subdued {
  color: #9797a7; }

.profile-label {
  display: block; }

.account-card {
  padding-top: 64px;
  padding-bottom: 64px; }
  @media (max-width: 1023px) {
    .account-card {
      padding-top: 32px;
      padding-bottom: 32px; } }
  .account-card .card {
    box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1); }

.profile-value {
  font-size: 1.6em; }
  @media (max-width: 1023px) {
    .profile-value {
      font-size: 1.3em; } }
  @media (max-width: 767px) {
    .profile-value {
      font-size: 1em; } }

h1.section-header-home {
  margin-top: 16px;
  font-size: 1.2em;
  font-weight: 500;
  text-transform: uppercase; }

.center-block {
  max-width: 1200px; }

.navbar .center-block {
  max-width: none; }

.tryit-center-block {
  max-width: calc(max(1200px, 90vw));
  margin-right: auto;
  margin-left: auto; }

.details-center-block {
  margin-right: auto;
  margin-left: auto; }

.description-center-block {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto; }

body.full-height > .main-content {
  padding-top: initial;
  min-height: 440px; }

.wide .center-block {
  max-width: 1584px; }

.has-viewer .navbar-fixed-top {
  z-index: 1300; }

.viewer-component .pointerra__layout_root.is--fullscreen {
  z-index: 1400; }

.x-wide footer .center-block {
  max-width: 1200px; }

.x-wide .center-block {
  max-width: 100vw; }

.full .center-block {
  max-width: 100vw; }

#recent-user-pointclouds {
  /* color: white; */
  /* background: url("/static/images/backgrounds/stardust_blue.jpg"); */ }

.pointerra-home-page .center-block {
  max-width: 1650px;
  padding-left: 25px;
  padding-right: 25px; }

div#search-pointclouds {
  padding: 16px 0;
  color: white;
  background: url("/static/images/backgrounds/cartographer.jpg"); }
  div#search-pointclouds .center-block {
    padding: 0 5%; }
  div#search-pointclouds button.btn-search {
    line-height: 24px;
    height: 44px;
    padding: 8px 24px; }
    div#search-pointclouds button.btn-search:hover {
      background-color: #f45625;
      border-color: #f45625; }
  div#search-pointclouds input {
    height: 44px;
    padding: 12px;
    font-size: 1.2em;
    vertical-align: top;
    line-height: 2; }
    @media (max-width: 1023px) {
      div#search-pointclouds input::-webkit-input-placeholder {
        font-size: 0.8em;
        line-height: 2;
        vertical-align: top; }
      div#search-pointclouds input::-moz-placeholder {
        font-size: 0.8em; }
      div#search-pointclouds input:-ms-input-placeholder {
        font-size: 0.8em; }
      div#search-pointclouds input:-moz-placeholder {
        font-size: 0.8em; } }
    @media (max-width: 767px) {
      div#search-pointclouds input::-webkit-input-placeholder {
        font-size: 0.8em;
        line-height: 2em;
        vertical-align: middle; }
      div#search-pointclouds input::-moz-placeholder {
        font-size: 0.9em; }
      div#search-pointclouds input:-ms-input-placeholder {
        font-size: 0.9em; }
      div#search-pointclouds input:-moz-placeholder {
        font-size: 0.9em; } }
  div#search-pointclouds form {
    padding-top: 10px; }
  div#search-pointclouds .btn-info {
    background: #0d74b8; }
    div#search-pointclouds .btn-info:hover {
      background-color: #f45625; }

.extend-click-region {
  min-width: 128px;
  text-align: left; }

/** pills **/
.pill {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 99999px;
  color: white;
  background-color: #9797a7;
  border: none;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  letter-spacing: .25px; }
  .pill a, .pill:visited {
    color: #e7f1f8; }

.pill.pill-sm {
  padding: 2px 8px;
  font-size: 10px; }

.pill-info {
  background-color: #0d74b8; }

.pill-danger {
  background-color: #fa5555; }

.pill-success {
  background-color: #46da3a; }

.pill-warning {
  background-color: #eb9e05; }

.pill-info-contrast {
  color: #e7f1f8;
  border: 1px solid #0c68a6;
  background-color: #6eacd4; }

#pointerra-viewer {
  transition: height 0.2s, width 0.2s; }

.pad-top-sm {
  padding-top: 15px; }

@media (min-width: 768px) {
  .pad-top-sm {
    padding-top: 48px; } }

/** try it page **/
.tryit-hint {
  padding: 32px 16px;
  text-align: center;
  font-size: 2em;
  line-height: 1.4;
  position: relative;
  min-height: 3em; }

.tryit-hint.light {
  padding: 16px;
  background: #0d74b8;
  color: white; }

.tryit-hint.dark {
  background-color: #314151;
  color: #f9f9fa; }

#demo-description {
  background: #0d74b8;
  color: #f9f9fa;
  padding: 16px 16px 16px; }
  #demo-description a {
    color: #cfe3f1; }
    #demo-description a:visited {
      color: #b6d5ea; }
    #demo-description a:hover {
      color: white; }

@keyframes loading-spin {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

@keyframes pulse {
  from {
    transform: scale(1);
    opacity: 0.4; }
  to {
    transform: scale(1.2);
    opacity: 0.8; } }

.fa-breathe {
  animation: pulse 0.8s infinite alternate ease-in-out; }

.fa-semi-trans {
  opacity: 0.5; }

.error-page {
  padding: 10vh 10vw;
  background-color: white; }
  .error-page .error-number {
    font-size: 128px;
    margin: 0 0 -32px 0; }

.generic-info-page {
  padding: 6vh 10vw;
  background-color: white; }
  .generic-info-page p {
    margin-top: .5rem;
    margin-bottom: 1.5rem; }

.faded {
  color: #6f7a85; }

.checkbox label::before {
  width: 1.4em;
  height: 1.4em;
  margin-left: -1.2em;
  border-width: 2px; }

.checkbox label {
  padding-left: 0.5em;
  vertical-align: baseline;
  top: 1px; }

.checkbox label::after {
  display: block;
  position: absolute;
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-top: 0;
  margin-left: -1.2em;
  font-size: inherit; }

h3 .inline-subheader {
  font-size: 16px; }

h2 .inline-subheader {
  font-size: 20px; }

.selectable:hover {
  background-color: #e7f1f8; }

h3 .quiet {
  color: #cfe3f1; }

.quiet {
  opacity: 0.8; }

.header-full {
  background-color: #0d74b8;
  color: #e7f1f8; }
  @media (max-width: 767px) {
    .header-full {
      padding-bottom: 0; } }

.header-container {
  padding: 8px;
  position: relative; }

.middot {
  font-size: 2em;
  vertical-align: bottom;
  line-height: 1.2;
  margin-left: 4px;
  margin-right: 4px; }

.popover.left {
  left: 16px;
  right: auto;
  margin-top: 32px;
  margin-left: 32px; }

input[type=radio] {
  margin: 0 6px 0 0;
  transform: scale(1.5); }

.radio-horizontal {
  line-height: 34px; }
  .radio-horizontal label {
    margin-right: 8px; }

.has-error label, .has-error label.control-label {
  color: #c90000; }

.pagination:empty {
  display: none; }

p:empty {
  display: none; }

.pagination li.active-page span {
  background-color: white;
  color: #f45625; }
  .pagination li.active-page span:hover {
    background-color: white;
    color: #f45625; }

.pagination li span.page-separator {
  background-color: #ececee; }
  .pagination li span.page-separator:hover {
    background-color: #ececee; }

.nav-user-circle {
  border-radius: 100%;
  padding: 4px;
  margin-left: 12px;
  background-color: #0d74b8cc;
  color: white;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 14px;
  margin-top: -8px;
  margin-bottom: -9px; }
  .small__header .nav-user-circle {
    height: 32px;
    width: 32px;
    margin-top: -5px;
    margin-bottom: -5px; }

.nav-staff-warning {
  color: white;
  background: #eb9e05;
  padding: 8px;
  border-radius: 20px;
  float: right;
  margin-top: 16px;
  margin-right: 8px; }

.navbar-default .navbar-nav span.is-impersonating a.navbar-link {
  color: white;
  background: #eb9e05;
  padding: 4px 8px;
  border-radius: 8px;
  margin-right: 4px; }

.spinner-overlay-parent {
  position: relative !important;
  display: inline-block !important; }

span.spinner-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  color: #314151;
  font-size: 1.4em;
  text-align: center; }

.pricetag-price {
  background-color: #1072ba;
  display: inline-block;
  margin: 0;
  vertical-align: top;
  color: white;
  padding: 4px 8px 4px 2px;
  border-radius: 0 4px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.12) 3px 3px 4px 0; }

.pricetag-arrow {
  border: 13px solid transparent;
  display: inline-block;
  border-right-color: #1072ba;
  margin: 0;
  vertical-align: top;
  border-left-width: 0; }

.pricetag {
  font-size: 15px;
  padding: 0;
  line-height: 18px; }

.btn-transition-shrink {
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transform: rotateX(180deg);
  opacity: 0; }

.btn-transition-grow {
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transform: rotateX(0);
  opacity: 1; }

.license-container {
  min-height: 240px;
  max-height: 450px;
  overflow: auto;
  border: 1px solid #9797a7;
  border-radius: 1px;
  width: 100%; }

.license-agreement {
  background: white;
  padding: 2em 4em;
  margin: 15px;
  border: 1px solid #cccccc;
  box-shadow: rgba(0, 0, 0, 0.13) 4px 5px 7px; }
  .license-agreement h3:first-child {
    margin-top: 4px; }
  .license-agreement li {
    padding: 0.5em 1em; }

.email-content {
  border: 1px dashed #cccccc;
  padding: 1em 2em;
  margin: 1em; }

.modal-scroll .modal-body {
  max-height: 70vh;
  overflow: auto; }

.modal .modal-content {
  top: 5vh; }

abbr[title], abbr[data-original-title] {
  text-decoration: none; }

.header-light {
  font-weight: 400;
  font-family: "Rubik", sans-serif;
  color: #9797a7; }

.checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label {
  cursor: not-allowed; }

table.table tbody:first-child tr:first-child th, table.table tbody:first-child tr:first-child td {
  border-top: none; }

.table-fixed {
  table-layout: fixed;
  width: 100%;
  white-space: nowrap; }
  .table-fixed th, .table-fixed td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .table-fixed td.allow-overflow {
    overflow: visible; }

.allow-overflow {
  overflow: visible; }

td.confirm-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: initial; }

.filter-list {
  display: inline-block;
  margin: 8px;
  padding: 0; }
  .filter-list li {
    display: inline-block;
    padding: 0;
    margin: 0; }
  .filter-list a {
    padding: 2px 4px;
    margin: 0 2px;
    border-radius: 4px; }
    .filter-list a.active {
      background: #0d74b8;
      color: white; }

.read-more-link {
  font-weight: bold;
  padding: 0;
  font-size: 0.8em;
  height: 1.6em;
  display: inline-block;
  margin: auto 0.2em;
  box-shadow: none;
  text-shadow: none;
  border: none; }

body.noscroll {
  height: 100vh;
  overflow: hidden; }

.hidden-until-load {
  opacity: 0; }

.error-page p {
  font-size: 16px; }

.error-page p, .error-page h4, .error-page h3 {
  margin-top: 1em;
  margin-bottom: 1em; }

th.sortable {
  cursor: pointer; }

.text-default {
  color: #9797a7; }

.text-danger {
  color: #fa5555; }

button.text-danger:hover {
  color: #feeaea; }

.text-success {
  color: #46da3a; }

.text-warning {
  color: #eb9e05; }

.text-info {
  color: #0d74b8; }

.attribute-container {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.5em;
  flex-direction: row;
  width: 100%; }

.attribute-container.cols-1 .attribute {
  width: 100%; }

.attribute-container.cols-3 .attribute {
  width: 33%; }

@media (max-width: 767px) {
  .attribute-container.cols-3 .attribute {
    width: 100%; } }

.attribute-container.cols-2 .attribute {
  width: 50%; }

@media (max-width: 767px) {
  .attribute-container.cols-2 .attribute {
    width: 100%; } }

.attribute-container.cols-auto {
  justify-content: space-between; }
  .attribute-container.cols-auto .attribute {
    flex: 1 1 auto; }

.attribute {
  display: block;
  line-height: 1.2;
  margin: 1em 0; }
  .attribute h5 {
    opacity: 0.7;
    margin: 0; }
  .attribute p {
    font-size: 1.6em;
    margin: 0; }
  .attribute p.small {
    font-size: 1.2em;
    word-break: break-all; }
  .attribute p.mini {
    font-size: 1em;
    word-break: break-all; }
  .attribute ul li {
    list-style-type: disc;
    margin-left: 32px;
    font-size: 1.4em; }

td > p {
  margin: 0; }

.blue-action-line {
  background: #1b81e8;
  background-image: linear-gradient(-60deg, #208fdf 0%, #1773cf 80%);
  color: #f9f9fa; }

.p__text-button.danger {
  color: #fa5555; }
  .p__text-button.danger:hover, .p__text-button.danger:active {
    color: #fb8787; }

.l-section.mid {
  flex: 0 1 100%;
  box-shadow: 1px 7px 10px -6px rgba(0, 0, 0, 0.3); }

.l-section.left, .l-section.right {
  width: 240px;
  flex: 0 0 auto; }

.l-section.left {
  border-right: 1px solid #cacacf; }

.l-section.company-nav {
  background: none; }

.l-section.company-content {
  background: white; }

.l-section.right {
  border-left: 1px solid #cacacf; }

.left-nav {
  transition: width 0.2s ease-out; }
  .left-nav sup.el-badge__content.is-fixed {
    top: 0;
    right: -24px;
    z-index: 9999; }
  .left-nav .nav-container {
    padding: 0;
    margin: 0;
    list-style-type: none; }
    .left-nav .nav-container .nav-item {
      margin: 1px 0; }
    .left-nav .nav-container .nav-item .router-link-exact-active {
      border-right-color: #f45625; }
    .left-nav .nav-container .nav-link {
      border-right: 4px solid transparent;
      padding: 8px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      text-align: right;
      position: relative; }
      .left-nav .nav-container .nav-link:hover {
        background: rgba(255, 255, 255, 0.2);
        border-right-color: #f45625; }
      .left-nav .nav-container .nav-link.is-active {
        border-right-color: #0d74b8;
        background: rgba(255, 255, 255, 0.6);
        font-weight: bold; }
        .left-nav .nav-container .nav-link.is-active:hover {
          border-right-color: #f45625; }
    .left-nav .nav-container .nav-item .fa {
      font-size: 18px;
      margin-left: 8px;
      margin-right: 8px; }

.nav-link-text {
  white-space: nowrap;
  overflow: hidden;
  transition: opacity 0.2s ease-in-out; }

.nav-heading {
  font-weight: 500;
  margin: 0;
  padding: 16px 24px 8px;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  overflow: hidden; }

.l-section.left {
  text-align: right; }

h1.nav-heading {
  font-size: 16px; }

h2.nav-heading {
  font-size: 14px;
  min-height: 45px; }

h3.nav-heading {
  font-size: 12px; }

.section-bg-gray {
  background-color: #f9f9fa; }

.section-border-bottom {
  border-bottom: 1px solid #ececee; }

.nav-collapse-button {
  background: none;
  border: none;
  color: #0d74b8;
  padding: 8px 12px;
  margin-right: 9px;
  font-size: 16px; }
  .nav-collapse-button:hover {
    color: #f45625; }
  .nav-collapse-button i {
    transition: transform 0.2s ease-in-out; }

.el-badge {
  z-index: 1; }

.left-nav.is-collapsed {
  width: 64px;
  transition-duration: 0.5s;
  padding-top: 16px; }
  .left-nav.is-collapsed .nav-link-text {
    display: none; }
  .left-nav.is-collapsed .nav-heading {
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: visible; }
  .left-nav.is-collapsed .nav-collapse-button i {
    transform: scaleX(-1); }

.upload-target {
  display: inline-block;
  padding: 16px 24px;
  border: 1px dashed #aaaaaa;
  border-radius: 6px; }

.inline-upload input[type=file] {
  display: none; }

/* table defaults */
td, th {
  padding: 6px 12px; }

table {
  width: 100%;
  border-collapse: collapse;
  line-height: 1.42857143; }

/* table types */
.data-table {
  border: 1px solid #cacacf; }
  .data-table td {
    border-bottom: 1px solid #ececee; }
  .data-table th {
    background-color: #f9f9fa;
    border-bottom: 1px solid #cacacf; }
  .data-table tr:last-child td {
    border-bottom: none; }

.table-striped tr:nth-of-type(2n) > td {
  background-color: #f9f9fa; }

.item-table {
  overflow-x: auto; }
  .item-table td {
    border-bottom: 1px solid #ececee; }
  .item-table th {
    border-bottom: 1px solid #cacacf;
    padding: 6px 12px; }
  .item-table tr:last-child td {
    border-bottom: none; }

.compact tr, .compact th {
  padding: 3px 6px;
  line-height: 1.42857143; }

.filter-box {
  flex: 1 0 auto;
  min-width: 100px;
  max-width: 400px;
  width: 100%;
  vertical-align: middle; }

.filter-wide {
  max-width: 100%; }
  .filter-wide input {
    border-radius: 0; }

.hide-side-borders input {
  border-right: none;
  border-left: none; }

.striped tbody > tr:nth-of-type(odd) {
  background-color: #f9f9fa; }

.striped tr, .striped td {
  border: none; }

.note, .date-note {
  font-size: 14px;
  color: #666666; }

.tag {
  border-radius: 64px;
  padding: 2px 8px;
  margin: -2px 0;
  display: inline-block; }

.tag-success, .tag-danger, .tag-warning {
  color: white; }

.tag-success {
  background: #46da3a; }

.tag-danger {
  background: #fa5555; }

.tag-warning {
  background: #eb9e05; }

.small {
  font-size: 12px;
  color: #666666; }

#site-logo {
  max-width: 176px;
  max-height: 36px;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.powered-by-footer {
  opacity: 0.4;
  transition: opacity 0.5s; }
  .powered-by-footer .social-icons {
    transition: filter 0.5s;
    filter: grayscale(100%); }

.powered-by-footer:hover {
  opacity: 1; }
  .powered-by-footer:hover .social-icons {
    filter: grayscale(0%); }

.logo-footer {
  opacity: 0.6;
  transition: opacity 0.5s;
  bottom: 10px;
  left: 10px;
  position: absolute;
  z-index: 100; }

.logo-footer:hover {
  opacity: 1; }

.tip {
  max-width: 56em;
  color: #646474; }

.box-outline {
  border: 1px solid #ececee;
  border-radius: 2px; }

.single-line {
  margin-right: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.collapse-header {
  margin-top: 0;
  margin-bottom: 0;
  line-height: inherit; }

.section-header {
  border-bottom: 1px solid #ececee;
  padding-bottom: 8px;
  margin-bottom: 8px; }

.clamp-input-width-md {
  max-width: 350px;
  width: 100%; }

.clamp-input-width-lg {
  max-width: 500px;
  width: 100%; }

.is-interactive {
  cursor: pointer; }

.mouseover-opaque {
  opacity: 0.2; }

.mouseover-opaque:hover {
  opacity: 1; }

.limit-tab-width {
  max-width: 1280px; }

@media (max-width: 767px) {
  .hide-xs {
    display: none !important; } }

@media (max-width: 1024px) {
  .hide-sm {
    display: none !important; } }

@media (max-width: 1400px) {
  .hide-xl {
    display: none !important; } }

@media (max-width: 1200px) {
  .hide-lg {
    display: none !important; } }

@media (max-width: 1024px) {
  .nav > li.hide-sm, .hide-sm {
    display: none; } }

@media (max-width: 767px) {
  .nav > li.hide-xs, .hide-xs {
    display: none; } }

/* deprecated by styles in building-blocks.scss */
@media (min-width: 1201px) {
  .show-lg {
    display: none; } }

@media (max-width: 1025px) {
  .show-sm {
    display: none; }
  .hide-action-button .split-button__buttons .btn:first-child {
    display: none; }
  .hide-action-button .split-button__buttons .btn:last-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; } }

@media (min-width: 769px) {
  .show-xs {
    display: none; }
  .nav > li.show-xs {
    display: none; } }

.overflow-label {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle; }

.capitalize {
  text-transform: capitalize; }

.badge__new {
  display: inline-block;
  font-weight: bold;
  font-size: 0.6em;
  padding: 0.2em 0.4em;
  border-radius: 0.5em;
  background: #fa5555;
  color: white;
  text-transform: uppercase;
  line-height: 1.4;
  vertical-align: middle; }

.nowrap {
  white-space: nowrap; }

.no-overflow {
  overflow: hidden; }

.navbar--messages {
  display: block;
  position: absolute;
  background: red;
  border-radius: 16px;
  font-size: 11px;
  color: white;
  padding: 1px 5px;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  top: 11px;
  left: 43px;
  box-shadow: rgba(255, 255, 255, 0.9) 3px -2px 1px; }

.navbar--help-icon {
  margin-top: -5px;
  font-size: xx-large; }

body.scrolled .navbar--help-icon,
body.small__header .navbar--help-icon {
  font-size: large; }

.navbar--custom-menu .menu-item {
  display: inline-block;
  padding: 4px 8px;
  max-width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .navbar--custom-menu .menu-item.menu-item--block {
    display: block; }

.menu-header {
  border-top: 1px solid #eeeeee;
  padding-top: 8px;
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 0.9em;
  text-transform: uppercase;
  opacity: 0.8; }

.menu-header:first-child {
  border-top: none;
  padding-top: 0; }

body.scrolled .navbar--messages {
  top: 16px; }

[v-cloak]:not(.cloak--placeholder) {
  display: none; }

.nav-cloak--placeholder {
  display: none !important; }

.nav-cloak--placeholder[v-cloak] {
  display: inline-block !important; }

.cloak--placeholder:not([v-cloak]) {
  display: none !important; }

.navbar--custom-menu .menu-item--message {
  cursor: pointer;
  display: block;
  text-align: left;
  padding: 4px; }
  .navbar--custom-menu .menu-item--message:hover {
    color: #f45625; }

.placeholder-container {
  min-height: 60vh;
  background-color: white;
  padding: 10vh 0;
  text-align: center;
  font-size: 2em; }

.menu-item--message--title {
  font-weight: bold; }

.menu-item--message--content {
  display: inline;
  max-width: 100%;
  white-space: normal;
  opacity: 0.7; }

.site-message-popup {
  max-height: 70vh; }

.site-message-preview, .site-message-popup {
  width: auto;
  max-width: 80vw;
  display: inline-flex;
  flex-direction: column;
  text-align: left;
  /* Some overrides for markdown elements */ }
  .site-message-preview img, .site-message-popup img {
    max-width: 100%;
    max-height: 60vh; }
  .site-message-preview h1, .site-message-preview h2, .site-message-preview h3, .site-message-preview h4, .site-message-preview h5, .site-message-preview h6, .site-message-popup h1, .site-message-popup h2, .site-message-popup h3, .site-message-popup h4, .site-message-popup h5, .site-message-popup h6 {
    margin: 0.75em 0 0.25em; }
    .site-message-preview h1:first-child, .site-message-preview h2:first-child, .site-message-preview h3:first-child, .site-message-preview h4:first-child, .site-message-preview h5:first-child, .site-message-preview h6:first-child, .site-message-popup h1:first-child, .site-message-popup h2:first-child, .site-message-popup h3:first-child, .site-message-popup h4:first-child, .site-message-popup h5:first-child, .site-message-popup h6:first-child {
      margin-top: 0.25em; }
  .site-message-preview p, .site-message-popup p {
    margin: 0.75em 0; }

@media (max-width: 767px) {
  .site-message-preview {
    max-width: 92vw;
    max-height: 80vh; } }

.max-1200-wide {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto; }

.viewer--container {
  width: 100vw;
  margin: 0;
  height: calc(100% - 53px);
  background-color: #393939;
  position: relative;
  flex: 12; }

.export--container {
  width: 620px;
  margin: 0;
  min-width: 480px;
  max-height: 1080px;
  height: calc(100vh - 250px);
  background-color: #393939;
  position: relative; }

.description__details-column {
  flex: 0 1 50%; }

.description__details-column .property-grid--label {
  text-align: left !important; }

.pointfuse-icon {
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  width: 16px;
  height: auto; }

.pointcloud-app--details-controlarrow {
  position: absolute;
  left: 50%;
  bottom: 0;
  border-radius: 7px 7px 0 0;
  width: 46px;
  height: 19px;
  margin-left: -23px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #3d90c6;
  cursor: pointer;
  z-index: 1200; }
  .pointcloud-app--details-controlarrow .svg-icon {
    vertical-align: top;
    fill: currentColor;
    width: 18px;
    height: auto;
    transform: rotate(180deg);
    transition: transform 0.3s; }

.pointcloud-app--details-close-button {
  display: none; }

/*
.viewer-container div[data-viewer-id] {
  position: absolute;
  top: 0;
  left: 0;
}
*/
.pointcloud-app--title-wrapper {
  max-width: 75%; }
  @media (max-width: 768px) {
    .pointcloud-app--title-wrapper {
      max-width: none; } }

.project-nav-right-buttons {
  align-self: flex-start;
  white-space: nowrap; }

.pointcloud-app--main-title {
  word-break: break-word;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (max-width: 1024px) {
    .pointcloud-app--main-title {
      white-space: normal; } }

.pointcloud-app--tiny-info {
  font-size: 11px; }
  .pointcloud-app--tiny-info span {
    margin-bottom: 2px;
    white-space: nowrap;
    display: inline-block; }

.pointcloud-app--tiny-detail {
  display: inline-block;
  background: #e3e3e3;
  padding: 1px 6px;
  border-radius: 15px;
  margin-left: 2px;
  font-weight: 700;
  color: #272727;
  margin-right: 6px; }
  .pointcloud-app--tiny-detail:visited {
    color: #272727; }
  @media (max-width: 768px) {
    .pointcloud-app--tiny-detail {
      margin-right: 2px; } }

a.pointcloud-app--tiny-detail:hover {
  color: #0d74b8; }

.pointcloud-app--details-block {
  background-color: white;
  padding: 0;
  height: 53px;
  min-height: 53px;
  max-height: 65vh;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
  overflow: hidden;
  display: flex;
  flex-flow: column;
  transition: height 0.3s, min-height 0.3s; }
  .pointcloud-app--details-block.pointcloud-app--wide {
    max-width: 100%; }

.details--expanded .pointcloud-app--details-controlarrow .svg-icon {
  transform: rotate(0); }

.details--expanded .pointcloud-app--details-block {
  height: 65vh;
  min-height: 500px; }

.details--expanded .pointcloud-app--details-close-button {
  display: inline-block;
  margin-left: 10px; }

.details--expanded .detail-link-is-active {
  font-weight: bold;
  border-bottom: 2px solid; }

.viewer--loading-overlay img {
  filter: blur(10px);
  min-width: 100%;
  min-height: 100%;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.viewer--loading-overlay span {
  display: block;
  margin: auto;
  color: white;
  font-size: 24px;
  text-shadow: rgba(0, 0, 0, 0.4) 1px 2px 6px;
  z-index: 1; }

.viewer--loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center; }

.pointclouddetail__page div.main-content {
  height: var(--app-height); }
  @media (max-width: 768px) {
    .pointclouddetail__page div.main-content {
      height: calc(var(--app-height) - 69px); } }
  @media (max-width: 1024px) {
    .pointclouddetail__page div.main-content {
      height: calc(var(--app-height) - 52px); } }

.pointcloud-app--container {
  height: 100%;
  position: relative;
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 35px; }
  .pointcloud-app--container > .flex {
    height: 100%; }

.pointcloud-nav--links {
  -ms-flex-order: 1;
  order: 1;
  border-left: 1px solid #e9e9e9;
  height: 100%;
  background: #F9FAFB; }

ul.plain {
  line-height: 2;
  list-style: none;
  padding: 0;
  margin: 0; }

.pointcloud-nav--link-group {
  padding-top: 18px; }
  .pointcloud-nav--link-group ul {
    line-height: 2;
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 100px; }
  .pointcloud-nav--link-group h3 {
    color: #656565;
    line-height: 1.5;
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 15px 2px; }
  .pointcloud-nav--link-group .pointcloud-nav--link {
    padding: 0;
    margin: 0;
    white-space: nowrap; }
    .pointcloud-nav--link-group .pointcloud-nav--link a {
      display: block;
      color: #4B5563;
      padding: 6px 12px;
      border-left: 3px solid transparent;
      transition: all 0.3s;
      line-height: 1.6; }
      .pointcloud-nav--link-group .pointcloud-nav--link a:hover {
        color: #4B5563;
        border-left-color: #0d74b8; }
      .pointcloud-nav--link-group .pointcloud-nav--link a.router-link-exact-active {
        color: #fff;
        border-left-color: #0d74b8;
        background-color: rgba(29, 146, 223, 0.78); }

.pointcloud-detail--link {
  margin-right: 8px;
  white-space: pre; }

.pointcloud-app--details-tabcontent {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 10px 12px 40px; }
  @media (max-width: 768px) {
    .pointcloud-app--details-tabcontent {
      padding: 0; } }

.pointcloud-app--title-container {
  transition: padding 0.2s;
  padding: 2px 12px;
  background: #dcdcdc75;
  color: #272727;
  border-bottom: 1px solid #e9e9e9; }
  .pointcloud-app--title-container h1 {
    margin: 0 8px 0 0; }

.pointcloud-app--title-wrapper, .pointcloud-app--title-actions {
  cursor: default; }
  @media (max-width: 768px) {
    .pointcloud-app--title-wrapper, .pointcloud-app--title-actions {
      width: 100%;
      justify-content: space-between; } }

.pointcloud-app--details-layout {
  transition: padding 0.2s;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  flex: 1;
  min-height: 0;
  display: none;
  overflow-y: auto; }

@media (max-width: 768px) {
  .pointcloud-app--details-layout {
    padding: 0 8px 8px 8px;
    flex-wrap: wrap;
    display: flex; } }

@media (max-width: 1024px) {
  .pointcloud-app--title-container {
    padding: 2x 4px;
    background-color: transparent;
    border-bottom: none; }
    .pointcloud-app--title-container h1 {
      margin: 0 0 4px 0; }
  .pointcloud-app--main-title {
    margin-bottom: 8px;
    font-size: 16px; }
  .pointcloud-app--details-layout {
    padding: 0 8px 8px 8px;
    flex-wrap: wrap; }
  .pointcloud-nav--link-group {
    cursor: pointer;
    margin: 0 0 8px 0;
    padding: 4px 8px;
    border-radius: 4px;
    background: white;
    box-shadow: none;
    border: 1px solid #efefef;
    color: #444444;
    outline-color: #0d74b8; }
    .pointcloud-nav--link-group:last-child {
      margin-bottom: 8px; }
    .pointcloud-nav--link-group .pointcloud-nav--link {
      display: none; }
    .pointcloud-nav--link-group.expanded .pointcloud-nav--link {
      display: block; }
    .pointcloud-nav--link-group.expanded h3:before {
      content: "\F0D8"; }
    .pointcloud-nav--link-group ul {
      line-height: 2.25;
      font-size: 1.1em;
      list-style: none;
      padding: 0;
      margin: 0; }
      .pointcloud-nav--link-group ul a {
        padding-left: 8px;
        color: #0d74b8;
        display: block; }
      .pointcloud-nav--link-group ul a:hover {
        width: 100%; }
    .pointcloud-nav--link-group h3 {
      border-bottom: none;
      color: #0d74b8;
      line-height: 1.5;
      margin: 0;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: bold;
      padding: 4px 0; }
      .pointcloud-nav--link-group h3:before {
        display: inline-block;
        font-family: FontAwesome;
        text-rendering: auto;
        content: "\F0D7";
        min-width: 32px;
        text-align: center; }
  .pointcloud-nav--links {
    -ms-flex-order: initial;
    order: initial;
    width: 100%; }
  .pointcloud-app--details-block {
    height: auto;
    position: static;
    min-height: 1px;
    max-height: none; }
  .details--expanded .pointcloud-app--details-block {
    height: auto;
    min-height: 1px; }
  .viewer--container {
    height: 100%; }
  .pointcloud-app--details-controlarrow {
    display: none; }
  .pointcloud-nav--links {
    background-color: transparent;
    height: auto;
    border-left: none; }
  .pointcloud-nav--link-group .pointcloud-nav--link a {
    border-left: none; }
  .description__details {
    flex-wrap: wrap; }
  .description__details-column {
    width: 100%;
    flex: 1; }
  .pointcloud-app--tiny-info {
    margin-bottom: 6px; } }

.pointcloud-app--title-action-item {
  margin: 0 8px;
  padding: 9px 15px;
  display: inline-block;
  color: white;
  background: #409efe;
  font-size: 12px;
  border-radius: 3px;
  line-height: 1.2; }
  .pointcloud-app--title-action-item:visited {
    color: white; }
  .pointcloud-app--title-action-item:visited:hover {
    color: white; }
  .pointcloud-app--title-action-item:hover, .pointcloud-app--title-action-item:active, .pointcloud-app--title-action-item:focus {
    color: white;
    background: #66b1fe; }

.details--header {
  font-size: 18px;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  padding-bottom: 4px;
  margin-bottom: 0;
  margin-top: 24px;
  color: #333333; }

.details--subheader {
  font-size: 16px;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  padding-bottom: 4px;
  margin-bottom: 0;
  margin-top: 24px;
  color: #555555; }

.pointcloud-details__collection-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 16px; }

.pointcloud-details__collection {
  margin: 0;
  background-color: #f9f9fa;
  border-radius: 4px; }

.pointcloud--inactive {
  max-width: 60em;
  margin: 0 auto;
  padding: 2vh 32px;
  background: white; }
  @media (min-width: 540px) {
    .pointcloud--inactive {
      padding: 10vh 64px; } }

.summary-item {
  font-weight: bold; }

.file-button-container .fileinput-button {
  overflow: hidden;
  position: relative;
  border: 2px solid transparent; }
  .file-button-container .fileinput-button:focus-within {
    box-shadow: 0 0 0 1px white, 0 0 1px 3px #edba54; }

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer; }

@media (max-width: 680px) {
  button.download-files--download-all-button, a.download-files--download-all-button {
    margin-top: 8px; } }

@media (max-width: 456px) {
  button.download-files--download-all-button, a.download-files--download-all-button {
    display: block;
    width: 100%; } }

.warning-unsupported-browser {
  padding: 5em;
  font-size: 1.2em; }

.login-prompt {
  border: 1px solid red;
  padding: 16px 24px;
  border-radius: 8px;
  text-align: center; }
  .login-prompt h2, .login-prompt h3 {
    margin: 4px 0 8px; }

.property-grid.match-property-labels {
  margin: 8px 0;
  grid-gap: 16px 8px; }
  .property-grid.match-property-labels .property-grid--label-text {
    font-size: 0.9em;
    text-transform: uppercase; }
  .property-grid.match-property-labels .property-grid--label-help {
    color: #333333cc;
    font-size: 0.9em; }

.timeline-vertical .date, .timeline-vertical .time {
  padding: 4px 12px;
  background: #00b4f8;
  border-radius: 12px;
  color: white;
  margin: 0 4px; }
  @media (max-width: 539px) {
    .timeline-vertical .date, .timeline-vertical .time {
      background: none;
      color: #314151;
      font-weight: bold;
      padding: 0;
      display: inline;
      margin: 0; } }

.timeline-vertical .time {
  background: #f5702f; }
  @media (max-width: 539px) {
    .timeline-vertical .time {
      background: none;
      margin-right: 4px; } }

.timeline-vertical .divider {
  width: 16px;
  height: 16px;
  background: #999999;
  color: #333333;
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
  border-radius: 12px; }
  @media (max-width: 539px) {
    .timeline-vertical .divider {
      display: none; } }

.timeline-vertical li.timeline-row {
  display: table;
  table-layout: fixed;
  padding: 4px 0; }

.timeline-vertical .datetime {
  font-weight: bold;
  margin-right: 8px; }

.timeline-vertical .timeline-row.timeline-row--compact .message {
  line-height: 1.6; }

.el-tabs--unpadded > .el-tabs__header .el-tabs__nav-scroll {
  padding-left: 15px; }

.el-tabs--unpadded > .el-tabs__header.is-top {
  margin-bottom: 0; }

.el-tabs--unpadded.el-tabs--border-card > .el-tabs__content {
  padding: 0; }

.el-tabs--unpadded.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  transition: none; }

.el-tabs--unpadded.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  border-top-color: #c52f00;
  border-top-width: 2px;
  border-radius: 2px 2px 0 0;
  box-shadow: rgba(0, 0, 0, 0.08) 0 0 8px;
  color: #c52f00; }

.el-tabs--unpadded.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  margin: 8px -1px -1px;
  color: #646474; }

.el-tabs .el-tabs .el-tabs__active-bar + .el-tabs__item {
  padding-left: 0; }

.el-tabs .el-tabs .el-tabs__item.is-top:last-child {
  padding-right: 0; }

.el-tabs--no-border.el-tabs--border-card {
  border: none;
  box-shadow: none; }
  .el-tabs--no-border.el-tabs--border-card > .el-tabs__header .el-tabs__nav {
    padding-right: 24px; }
  .el-tabs--no-border.el-tabs--border-card > .el-tabs__header .el-tabs__nav-next, .el-tabs--no-border.el-tabs--border-card > .el-tabs__header .el-tabs__nav-prev {
    line-height: 32px;
    padding-top: 14px; }
  .el-tabs--no-border.el-tabs--border-card > .el-tabs__header .el-tabs__nav-next {
    padding-right: 8px; }
  .el-tabs--no-border.el-tabs--border-card > .el-tabs__header .el-tabs__nav-next {
    padding-left: 8px; }

.button--truncate-sm {
  max-width: 66vw;
  text-overflow: ellipsis;
  overflow: hidden; }

.reset-line-height {
  line-height: 1.42857143; }

@keyframes slide-bg {
  0% {
    background-position: 0; }
  100% {
    background-position: 100%; } }

.focus-shadow:focus, .focus-shadow:focus-within {
  outline: none;
  box-shadow: 0 0 0 2px rgba(13, 116, 184, 0.6); }

[data-placeholder-text]:empty {
  content: attr(data-placeholder-text); }

.show-loading-placeholder:empty {
  display: inline-block;
  vertical-align: middle;
  min-height: 1em;
  min-width: 10em;
  line-height: 1.4;
  content: "Loading";
  border-radius: 4px;
  background-image: linear-gradient(to right, #f9f9f9 10%, #d6d8d9, #f9f9f9 90%);
  background-size: 200%;
  animation: slide-bg 1s infinite ease-in-out alternate; }

.show-loading-placeholder.loading-placeholder-xs {
  min-width: 2em; }

.show-loading-placeholder.loading-placeholder-sm {
  min-width: 6em; }

.show-loading-placeholder.loading-placeholder-md {
  min-width: 10em; }

.show-loading-placeholder.loading-placeholder-lg {
  min-width: 14em; }

.copyable__button {
  margin-left: 0.25em;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  border-radius: 999px;
  border: 1px dashed #9797a7;
  transition: border-color 0.1s;
  font-size: 0.8rem;
  line-height: 1.8;
  display: inline-block; }
  .copyable__button > .fa {
    font-size: 0.8rem; }
  .copyable__button.btn-plain {
    padding-top: 0;
    padding-bottom: 0; }
  .copyable__button:active {
    border-width: 1px;
    outline: none;
    background-color: #60aee2;
    border-color: #60aee2;
    color: #dceaf3; }
  .copyable__button:focus {
    border-width: 1px;
    outline: none; }

.dropdown-label {
  color: #0d74b8;
  margin-left: 8px; }

.hover-hint {
  border-bottom: 1px dashed #60aee2;
  display: inline-block;
  padding-bottom: 2px;
  color: #0d74b8; }

.popover-list li {
  padding: 2px 8px; }

.folder-icon, .folder-list__folder-icon {
  color: #edba54;
  position: relative; }

.folder-icon--is-shared:after, .folder-list__folder-icon--is-shared:after {
  display: block;
  position: absolute;
  content: "\F1E1";
  font: normal normal normal 14px/1 FontAwesome;
  color: #20ad15;
  top: -4px;
  font-size: 12px;
  right: -4px; }

.overlay-link-count {
  position: absolute;
  top: -4px;
  right: -12px;
  font-size: 9px;
  background: #20ad15;
  opacity: 0.75;
  color: white;
  padding: 0;
  border-radius: 2px; }

h1 > strong, h2 > strong, h3 > strong, h4 > strong, h5 > strong, h6 > strong {
  font-weight: 500; }

.admin-action-buttons {
  position: relative; }
  .admin-action-buttons:before {
    content: "Admin actions";
    display: block;
    line-height: 1.75;
    text-transform: uppercase;
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    font-size: 12px; }

.messagebox-pre {
  max-height: 800px; }

.hide-overflow-x {
  overflow-x: hidden; }

.span-all {
  grid-column: 1/-1; }

.spinner-circle circle {
  animation: spinner-circle infinite alternate linear 1800ms; }

.spinner-circle .spinner-circle--01 {
  animation-delay: 200ms; }

.spinner-circle .spinner-circle--02 {
  animation-delay: 400ms; }

.spinner-circle .spinner-circle--03 {
  animation-delay: 600ms; }

@keyframes spinner-circle {
  0% {
    opacity: 0.9; }
  100% {
    opacity: 0.2; } }

/* testing - sticky nav bar
.admin-app {
  &__grid-container {
  }

  @media (min-height: 700px) {
    &__nav {
      position: fixed;
    }

    &__content {
      margin-left: 240px;
      transition: margin-left 0.2s ease-out;
    }
  }
}

.admin-app__nav.is-collapsed + .admin-app__content {
  margin-left: 64px;
}

body.scrolled .admin-app__nav {
  margin-top: -32px;
} */
.link-to-parent {
  float: left;
  margin-left: -44px;
  margin-right: 12px;
  font-size: 16px;
  margin-top: 3px; }
  .link-to-parent > a {
    transition: all 0.2s;
    color: #9bc4e0;
    background: white;
    padding: 3px 6px 3px 2px;
    box-shadow: 4px 8px 8px -8px rgba(0, 0, 0, 0.2);
    border: 1px solid #9bc4e0;
    border-radius: 9999px; }
    .link-to-parent > a:hover {
      color: #f45625;
      border-color: #f45625;
      background: #f9f9fa;
      box-shadow: none; }
  @media (max-width: 767px) {
    .link-to-parent {
      margin: 0;
      float: none;
      padding: 8px; } }

ul.plain {
  list-style: none;
  margin: 0;
  padding: 0; }

.p-truncate {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  justify-items: start; }
  .p-truncate__hint {
    grid-row: 1;
    grid-column: 1;
    display: none; }
  .p-truncate__container {
    grid-row: 1;
    grid-column: 1; }
  .p-truncate--truncated .p-truncate__hint {
    display: block; }
  .p-truncate--truncated .p-truncate__container {
    display: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative; }
    .p-truncate--truncated .p-truncate__container:after {
      content: "";
      position: absolute;
      top: 0;
      left: auto;
      right: 0;
      bottom: 0;
      width: 10em;
      background: none;
      background-image: linear-gradient(to right, transparent 0%, white 100%); }
  .p-truncate__expand-button {
    margin: 2px;
    font-size: 11px;
    font-family: "Fira Mono";
    white-space: nowrap; }

.icon-key {
  border-radius: 4px;
  background: #f9f9fa; }

.subfolder-results {
  border-bottom: 1px solid #ececee;
  margin: 32px 16px 16px 16px;
  padding-bottom: 8px; }

.loading-overlay {
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #646474;
  background: rgba(255, 255, 255, 0.5);
  min-height: 128px;
  position: absolute;
  overflow: hidden; }

.qr-block img {
  display: inline-block; }

.custom-error {
  font-size: 14px;
  color: #a94442;
  padding-top: 5px; }

.custom-head {
  line-height: 1.5; }

.card .custom-links {
  list-style: none;
  display: flex;
  padding: 0 30px;
  margin-bottom: 45px;
  align-items: center; }
  .card .custom-links li {
    padding: 0 10px;
    flex-grow: 1; }
  .card .custom-links a {
    display: block;
    border: 1px solid #409eff;
    padding: 10px 15px; }
  .card .custom-links .fa {
    margin-right: 5px; }

.custom-label-align .form-group {
  text-align: left; }

.error-info {
  display: inline-block;
  border: 1px solid #a94442;
  padding: 4px 20px;
  background: rgba(169, 68, 66, 0.72);
  color: #fff;
  margin-left: 20px; }

.nav-link > .pointfuse-icon {
  height: 16px;
  width: 16px;
  margin-left: 2px;
  margin-top: -1px; }

.pointerra__docs-hide-desktop {
  display: none; }
  @media only screen and (max-width: 1024px) {
    .pointerra__docs-hide-desktop {
      display: block; } }

.pointerra__docs-hide-tab {
  white-space: pre; }
  @media only screen and (max-width: 1024px) {
    .pointerra__docs-hide-tab {
      display: none; } }

.trial__badge {
  background: #1072ba;
  text-align: center;
  color: #fff;
  font-size: 14px;
  position: relative;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s; }
  .trial__badge p {
    margin-bottom: 5px; }
  .trial__banner--active .trial__badge {
    max-height: 30px; }
  .trial__badge a {
    color: #191919;
    font-weight: 700;
    background: #4fd1c5;
    display: inline-block;
    padding: 1px 4px;
    border-radius: 5px;
    line-height: 1;
    transition: color 0.3s; }

.close__banner {
  position: absolute;
  right: 5px;
  top: 2px;
  cursor: pointer; }
  .close__banner:hover {
    color: #4fd1c5; }

/*
* Override older version fontawesome
* and content with latest version(6.2.0) icon
*/
.fa-building-o:before {
  content: "\F1AD"; }

.fa-smile-o:before {
  content: "\F118"; }

.fa-picture-o:before {
  content: "\F03E"; }

.fa-flash:before {
  content: "\F0E7"; }

.fa-clock-o:before {
  content: "\F017"; }

.fa-map-o:before {
  content: "\F279"; }

.fa-file-o:before {
  content: "\F15B"; }

.fa-trash-o:before {
  content: "\F1F8"; }

.fa-folder-open-o:before {
  content: "\F07C"; }

.fa-floppy-o:before {
  content: "\E183"; }

.fa-newspaper-o:before {
  content: "\F1EA"; }

.fa-calendar-o:before {
  content: "\F133"; }

/*
* Some special cases, manually updated to latest icon
* e.g. twiter & linkedin are required prefix `fa-brands`
*/
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Building block styles - similar to Tachyons */
/* @formatter:off */
/* Build margin and padding rules */
/* eg: padding-0 => p0 */
.m0 {
  margin: 0px; }

/* eg: padding-0 => p0 */
.p0 {
  padding: 0px; }

/* eg: padding-0 => p0 */
.m1 {
  margin: 8px; }

/* eg: padding-0 => p0 */
.p1 {
  padding: 8px; }

/* eg: padding-0 => p0 */
.m2 {
  margin: 16px; }

/* eg: padding-0 => p0 */
.p2 {
  padding: 16px; }

/* eg: padding-0 => p0 */
.m3 {
  margin: 24px; }

/* eg: padding-0 => p0 */
.p3 {
  padding: 24px; }

.-ml-1 {
  margin-left: -8px; }

.-m-1 {
  margin: -8px; }

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

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

/* eg: padding-horizontal-0 => ph0 */
.mh0 {
  margin-left: 0px;
  margin-right: 0px; }

/* eg: padding-vertical-0 => pv0 */
.mv0 {
  margin-top: 0px;
  margin-bottom: 0px; }

/* eg: padding-horizontal-0 => ph0 */
.ph0 {
  padding-left: 0px;
  padding-right: 0px; }

/* eg: padding-vertical-0 => pv0 */
.pv0 {
  padding-top: 0px;
  padding-bottom: 0px; }

/* eg: padding-horizontal-0 => ph0 */
.mh1 {
  margin-left: 8px;
  margin-right: 8px; }

/* eg: padding-vertical-0 => pv0 */
.mv1 {
  margin-top: 8px;
  margin-bottom: 8px; }

/* eg: padding-horizontal-0 => ph0 */
.ph1 {
  padding-left: 8px;
  padding-right: 8px; }

/* eg: padding-vertical-0 => pv0 */
.pv1 {
  padding-top: 8px;
  padding-bottom: 8px; }

/* eg: padding-horizontal-0 => ph0 */
.mh2 {
  margin-left: 16px;
  margin-right: 16px; }

/* eg: padding-vertical-0 => pv0 */
.mv2 {
  margin-top: 16px;
  margin-bottom: 16px; }

/* eg: padding-horizontal-0 => ph0 */
.ph2 {
  padding-left: 16px;
  padding-right: 16px; }

/* eg: padding-vertical-0 => pv0 */
.pv2 {
  padding-top: 16px;
  padding-bottom: 16px; }

/* eg: padding-horizontal-0 => ph0 */
.mh3 {
  margin-left: 24px;
  margin-right: 24px; }

/* eg: padding-vertical-0 => pv0 */
.mv3 {
  margin-top: 24px;
  margin-bottom: 24px; }

/* eg: padding-horizontal-0 => ph0 */
.ph3 {
  padding-left: 24px;
  padding-right: 24px; }

/* eg: padding-vertical-0 => pv0 */
.pv3 {
  padding-top: 24px;
  padding-bottom: 24px; }

@media (min-width: 540px) {
  .sm\:mh0 {
    margin-left: 0px;
    margin-right: 0px; }
  .sm\:mv0 {
    margin-top: 0px;
    margin-bottom: 0px; } }

@media (min-width: 768px) {
  .md\:mh0 {
    margin-left: 0px;
    margin-right: 0px; }
  .md\:mv0 {
    margin-top: 0px;
    margin-bottom: 0px; } }

@media (min-width: 540px) {
  .sm\:ph0 {
    padding-left: 0px;
    padding-right: 0px; }
  .sm\:pv0 {
    padding-top: 0px;
    padding-bottom: 0px; } }

@media (min-width: 768px) {
  .md\:ph0 {
    padding-left: 0px;
    padding-right: 0px; }
  .md\:pv0 {
    padding-top: 0px;
    padding-bottom: 0px; } }

@media (min-width: 540px) {
  .sm\:mh1 {
    margin-left: 8px;
    margin-right: 8px; }
  .sm\:mv1 {
    margin-top: 8px;
    margin-bottom: 8px; } }

@media (min-width: 768px) {
  .md\:mh1 {
    margin-left: 8px;
    margin-right: 8px; }
  .md\:mv1 {
    margin-top: 8px;
    margin-bottom: 8px; } }

@media (min-width: 540px) {
  .sm\:ph1 {
    padding-left: 8px;
    padding-right: 8px; }
  .sm\:pv1 {
    padding-top: 8px;
    padding-bottom: 8px; } }

@media (min-width: 768px) {
  .md\:ph1 {
    padding-left: 8px;
    padding-right: 8px; }
  .md\:pv1 {
    padding-top: 8px;
    padding-bottom: 8px; } }

@media (min-width: 540px) {
  .sm\:mh2 {
    margin-left: 16px;
    margin-right: 16px; }
  .sm\:mv2 {
    margin-top: 16px;
    margin-bottom: 16px; } }

@media (min-width: 768px) {
  .md\:mh2 {
    margin-left: 16px;
    margin-right: 16px; }
  .md\:mv2 {
    margin-top: 16px;
    margin-bottom: 16px; } }

@media (min-width: 540px) {
  .sm\:ph2 {
    padding-left: 16px;
    padding-right: 16px; }
  .sm\:pv2 {
    padding-top: 16px;
    padding-bottom: 16px; } }

@media (min-width: 768px) {
  .md\:ph2 {
    padding-left: 16px;
    padding-right: 16px; }
  .md\:pv2 {
    padding-top: 16px;
    padding-bottom: 16px; } }

@media (min-width: 540px) {
  .sm\:mh3 {
    margin-left: 24px;
    margin-right: 24px; }
  .sm\:mv3 {
    margin-top: 24px;
    margin-bottom: 24px; } }

@media (min-width: 768px) {
  .md\:mh3 {
    margin-left: 24px;
    margin-right: 24px; }
  .md\:mv3 {
    margin-top: 24px;
    margin-bottom: 24px; } }

@media (min-width: 540px) {
  .sm\:ph3 {
    padding-left: 24px;
    padding-right: 24px; }
  .sm\:pv3 {
    padding-top: 24px;
    padding-bottom: 24px; } }

@media (min-width: 768px) {
  .md\:ph3 {
    padding-left: 24px;
    padding-right: 24px; }
  .md\:pv3 {
    padding-top: 24px;
    padding-bottom: 24px; } }

/* eg: padding-top-0 => pt0, padding-bottom-0 => pb0 */
.mt0 {
  margin-top: 0px; }

.mb0 {
  margin-bottom: 0px; }

.ml0 {
  margin-left: 0px; }

.mr0 {
  margin-right: 0px; }

/* eg: padding-top-0 => pt0, padding-bottom-0 => pb0 */
.pt0 {
  padding-top: 0px; }

.pb0 {
  padding-bottom: 0px; }

.pl0 {
  padding-left: 0px; }

.pr0 {
  padding-right: 0px; }

/* eg: padding-top-0 => pt0, padding-bottom-0 => pb0 */
.mt1 {
  margin-top: 8px; }

.mb1 {
  margin-bottom: 8px; }

.ml1 {
  margin-left: 8px; }

.mr1 {
  margin-right: 8px; }

/* eg: padding-top-0 => pt0, padding-bottom-0 => pb0 */
.pt1 {
  padding-top: 8px; }

.pb1 {
  padding-bottom: 8px; }

.pl1 {
  padding-left: 8px; }

.pr1 {
  padding-right: 8px; }

/* eg: padding-top-0 => pt0, padding-bottom-0 => pb0 */
.mt2 {
  margin-top: 16px; }

.mb2 {
  margin-bottom: 16px; }

.ml2 {
  margin-left: 16px; }

.mr2 {
  margin-right: 16px; }

/* eg: padding-top-0 => pt0, padding-bottom-0 => pb0 */
.pt2 {
  padding-top: 16px; }

.pb2 {
  padding-bottom: 16px; }

.pl2 {
  padding-left: 16px; }

.pr2 {
  padding-right: 16px; }

/* eg: padding-top-0 => pt0, padding-bottom-0 => pb0 */
.mt3 {
  margin-top: 24px; }

.mb3 {
  margin-bottom: 24px; }

.ml3 {
  margin-left: 24px; }

.mr3 {
  margin-right: 24px; }

/* eg: padding-top-0 => pt0, padding-bottom-0 => pb0 */
.pt3 {
  padding-top: 24px; }

.pb3 {
  padding-bottom: 24px; }

.pl3 {
  padding-left: 24px; }

.pr3 {
  padding-right: 24px; }

@media (min-width: 540px) {
  .sm\:m0 {
    margin: 0px; }
  .sm\:mt0 {
    margin-top: 0px; }
  .sm\:mb0 {
    margin-bottom: 0px; }
  .sm\:ml0 {
    margin-left: 0px; }
  .sm\:mr0 {
    margin-right: 0px; } }

@media (min-width: 768px) {
  .md\:m0 {
    margin: 0px; }
  .md\:mt0 {
    margin-top: 0px; }
  .md\:mb0 {
    margin-bottom: 0px; }
  .md\:ml0 {
    margin-left: 0px; }
  .md\:mr0 {
    margin-right: 0px; } }

@media (min-width: 540px) {
  .sm\:p0 {
    padding: 0px; }
  .sm\:pt0 {
    padding-top: 0px; }
  .sm\:pb0 {
    padding-bottom: 0px; }
  .sm\:pl0 {
    padding-left: 0px; }
  .sm\:pr0 {
    padding-right: 0px; } }

@media (min-width: 768px) {
  .md\:p0 {
    padding: 0px; }
  .md\:pt0 {
    padding-top: 0px; }
  .md\:pb0 {
    padding-bottom: 0px; }
  .md\:pl0 {
    padding-left: 0px; }
  .md\:pr0 {
    padding-right: 0px; } }

@media (min-width: 540px) {
  .sm\:m1 {
    margin: 8px; }
  .sm\:mt1 {
    margin-top: 8px; }
  .sm\:mb1 {
    margin-bottom: 8px; }
  .sm\:ml1 {
    margin-left: 8px; }
  .sm\:mr1 {
    margin-right: 8px; } }

@media (min-width: 768px) {
  .md\:m1 {
    margin: 8px; }
  .md\:mt1 {
    margin-top: 8px; }
  .md\:mb1 {
    margin-bottom: 8px; }
  .md\:ml1 {
    margin-left: 8px; }
  .md\:mr1 {
    margin-right: 8px; } }

@media (min-width: 540px) {
  .sm\:p1 {
    padding: 8px; }
  .sm\:pt1 {
    padding-top: 8px; }
  .sm\:pb1 {
    padding-bottom: 8px; }
  .sm\:pl1 {
    padding-left: 8px; }
  .sm\:pr1 {
    padding-right: 8px; } }

@media (min-width: 768px) {
  .md\:p1 {
    padding: 8px; }
  .md\:pt1 {
    padding-top: 8px; }
  .md\:pb1 {
    padding-bottom: 8px; }
  .md\:pl1 {
    padding-left: 8px; }
  .md\:pr1 {
    padding-right: 8px; } }

@media (min-width: 540px) {
  .sm\:m2 {
    margin: 16px; }
  .sm\:mt2 {
    margin-top: 16px; }
  .sm\:mb2 {
    margin-bottom: 16px; }
  .sm\:ml2 {
    margin-left: 16px; }
  .sm\:mr2 {
    margin-right: 16px; } }

@media (min-width: 768px) {
  .md\:m2 {
    margin: 16px; }
  .md\:mt2 {
    margin-top: 16px; }
  .md\:mb2 {
    margin-bottom: 16px; }
  .md\:ml2 {
    margin-left: 16px; }
  .md\:mr2 {
    margin-right: 16px; } }

@media (min-width: 540px) {
  .sm\:p2 {
    padding: 16px; }
  .sm\:pt2 {
    padding-top: 16px; }
  .sm\:pb2 {
    padding-bottom: 16px; }
  .sm\:pl2 {
    padding-left: 16px; }
  .sm\:pr2 {
    padding-right: 16px; } }

@media (min-width: 768px) {
  .md\:p2 {
    padding: 16px; }
  .md\:pt2 {
    padding-top: 16px; }
  .md\:pb2 {
    padding-bottom: 16px; }
  .md\:pl2 {
    padding-left: 16px; }
  .md\:pr2 {
    padding-right: 16px; } }

@media (min-width: 540px) {
  .sm\:m3 {
    margin: 24px; }
  .sm\:mt3 {
    margin-top: 24px; }
  .sm\:mb3 {
    margin-bottom: 24px; }
  .sm\:ml3 {
    margin-left: 24px; }
  .sm\:mr3 {
    margin-right: 24px; } }

@media (min-width: 768px) {
  .md\:m3 {
    margin: 24px; }
  .md\:mt3 {
    margin-top: 24px; }
  .md\:mb3 {
    margin-bottom: 24px; }
  .md\:ml3 {
    margin-left: 24px; }
  .md\:mr3 {
    margin-right: 24px; } }

@media (min-width: 540px) {
  .sm\:p3 {
    padding: 24px; }
  .sm\:pt3 {
    padding-top: 24px; }
  .sm\:pb3 {
    padding-bottom: 24px; }
  .sm\:pl3 {
    padding-left: 24px; }
  .sm\:pr3 {
    padding-right: 24px; } }

@media (min-width: 768px) {
  .md\:p3 {
    padding: 24px; }
  .md\:pt3 {
    padding-top: 24px; }
  .md\:pb3 {
    padding-bottom: 24px; }
  .md\:pl3 {
    padding-left: 24px; }
  .md\:pr3 {
    padding-right: 24px; } }

/* Positional values. */
.relative {
  position: relative; }

.absolute {
  position: absolute; }

/* Display values. */
.inline-block {
  display: inline-block; }

.block {
  display: block; }

.flex {
  display: flex; }

.flex-auto-margin-top {
  margin-top: -8px; }
  .flex-auto-margin-top > * {
    margin-top: 8px; }

.flex-auto-margin-left {
  margin-left: -8px; }
  .flex-auto-margin-left > * {
    margin-left: 8px; }

.w100 {
  width: 100%; }

.break-all {
  word-break: break-all; }

.break-word {
  word-break: break-word;
  overflow-wrap: break-word;
  hyphens: auto; }

.flex-column {
  flex-direction: column; }

.flex-row {
  flex-direction: row; }

/* flex-item */
.flex-grow {
  flex-grow: 1; }

.flex-shrink {
  flex-shrink: 1; }

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

.f-nowrap {
  flex-wrap: nowrap; }

.f-as-end {
  align-self: flex-end; }

.f-as-mid {
  align-self: center; }

.f-as-start {
  align-self: flex-start; }

.f-js-mid {
  justify-self: center; }

.f-js-end {
  justify-self: end; }

.f-ji-mid {
  justify-items: center; }

.f-ji-end {
  justify-items: flex-end; }

.f-jc-end {
  justify-content: flex-end; }

.f-jc-mid {
  justify-content: center; }

.f-jc-between {
  justify-content: space-between; }

.f-jc-around {
  justify-content: space-around; }

.f-ai-mid {
  align-items: center; }

.f-ai-base {
  align-items: baseline; }

.f-ai-start {
  align-items: flex-start; }

.f-ac-start {
  align-content: flex-start; }

@media (min-width: 540px) {
  .sm\:flex {
    display: flex; }
  .sm\:flex-column {
    flex-direction: column; }
  .sm\:flex-row {
    flex-direction: row; }
  .sm\:text-right {
    text-align: right; }
  .sm\:flex-justify-end {
    justify-content: flex-end; }
  .sm\:flex-align-center {
    align-items: center; } }

@media (min-width: 768px) {
  .md\:flex {
    display: flex; } }

@media (max-width: 1024px) {
  .lg\:flex {
    display: flex; } }

@media (max-width: 1200px) {
  .xl\:flex {
    display: flex; } }

@media only screen and (max-width: 768px) {
  .f-jc-mid-xs {
    justify-content: center; }
  .f-jc-end-xs {
    justify-content: flex-end; }
  .flex-wrap-xs {
    flex-wrap: wrap; } }

@media only screen and (max-width: 520px) {
  .f-jc-mid-xxs {
    justify-content: center; }
  .flex-wrap-xxs {
    flex-wrap: wrap; } }

.relative {
  position: relative; }

.bg-white {
  background-color: white; }

.bg-gray {
  background-color: lightgray; }

.bg-blue {
  background-color: #409eff; }

.bg-orange {
  background-color: #eb9e05; }

.fg-white {
  color: white; }

.w0 {
  width: 0%; }

.o0 {
  opacity: 0; }

.w1 {
  width: 10%; }

.o1 {
  opacity: 0.1; }

.w2 {
  width: 20%; }

.o2 {
  opacity: 0.2; }

.w3 {
  width: 30%; }

.o3 {
  opacity: 0.3; }

.w4 {
  width: 40%; }

.o4 {
  opacity: 0.4; }

.w5 {
  width: 50%; }

.o5 {
  opacity: 0.5; }

.w6 {
  width: 60%; }

.o6 {
  opacity: 0.6; }

.w7 {
  width: 70%; }

.o7 {
  opacity: 0.7; }

.w8 {
  width: 80%; }

.o8 {
  opacity: 0.8; }

.w9 {
  width: 90%; }

.o9 {
  opacity: 0.9; }

.w10 {
  width: 100%; }

.o10 {
  opacity: 1; }

.rounded {
  border-radius: 4px; }

.rounded-sm {
  border-radius: 2px; }

.rounded-lg {
  border-radius: 8px; }

.f1 {
  font-size: 48px; }

.f2 {
  font-size: 32px; }

.f3 {
  font-size: 24px; }

.f4 {
  font-size: 18px; }

.f5 {
  font-size: 14px; }

.f6 {
  font-size: 12px; }

.f7 {
  font-size: 8px; }

@media (min-width: 540px) {
  .sm\:f1 {
    font-size: 48px; }
  .sm\:f2 {
    font-size: 32px; }
  .sm\:f3 {
    font-size: 24px; }
  .sm\:f4 {
    font-size: 18px; }
  .sm\:f5 {
    font-size: 14px; }
  .sm\:f6 {
    font-size: 12px; }
  .sm\:f7 {
    font-size: 8px; } }

@media (min-width: 768px) {
  .md\:f1 {
    font-size: 48px; }
  .md\:f2 {
    font-size: 32px; }
  .md\:f3 {
    font-size: 24px; }
  .md\:f4 {
    font-size: 18px; }
  .md\:f5 {
    font-size: 14px; }
  .md\:f6 {
    font-size: 12px; }
  .md\:f7 {
    font-size: 8px; } }

@media (min-width: 540px) {
  .xs\:show {
    display: none; } }

@media (max-width: 539px) {
  .xs\:hide {
    display: none; } }

@media (max-width: 767px) {
  .sm\:hide {
    display: none; } }

@media (max-width: 1023px) {
  .md\:hide {
    display: none; } }

@media (max-width: 1200px) {
  .lg\:hide {
    display: none; } }

.font-normal {
  font-weight: normal; }

.font-bold {
  font-weight: bold; }

.font-bold-alt {
  font-weight: 500; }

.font-mono {
  font-family: "Fira Mono"; }

.f-main {
  font-family: "Open Sans", sans-serif; }

.f-alt {
  font-family: "Rubik", sans-serif; }

.ba {
  border-style: solid;
  border-width: 1px; }

.bt {
  border-top-style: solid;
  border-top-width: 1px; }

.br {
  border-right-style: solid;
  border-right-width: 1px; }

.bb {
  border-bottom-style: solid;
  border-bottom-width: 1px; }

.bl {
  border-left-style: solid;
  border-left-width: 1px; }

.bn {
  border-style: none;
  border-width: 0; }

.b--black {
  border-color: black; }

.b--near-black {
  border-color: #314151; }

.b--dark-gray {
  border-color: #646474; }

.b--mid-gray {
  border-color: #9797a7; }

.b--light-gray {
  border-color: #cacacf; }

.b--light-gray-2 {
  border-color: #ececee; }

.b--near-white {
  border-color: #f9f9fa; }

.b--white {
  border-color: white; }

.grow {
  flex-grow: 1; }

.text-primary-1 {
  color: #004776; }

.text-primary-2 {
  color: #045e9a; }

.text-primary-3 {
  color: #0d74b8; }

.text-primary-4 {
  color: #60aee2; }

.text-primary-5 {
  color: #dceaf3; }

.text-warning-1 {
  color: #604000; }

.text-warning-2 {
  color: #a87000; }

.text-warning-3 {
  color: #eb9e05; }

.text-warning-4 {
  color: #edba54; }

.text-warning-5 {
  color: #edd5a5; }

.text-neutral-1 {
  color: #314151; }

.text-neutral-2 {
  color: #646474; }

.text-neutral-3 {
  color: #9797a7; }

.text-neutral-4 {
  color: #cacacf; }

.text-neutral-5 {
  color: #ececee; }

.text-neutral-6 {
  color: #f9f9fa; }

/**/
/* @formatter:on */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.existing-files-list {
  position: relative; }
  .existing-files-list--is-loading:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5); }
  .existing-files-list__list {
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #ececee; }
  .existing-files-list__empty-message {
    margin: 0 auto;
    padding: 16px 0;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #646474;
    background: #f4f4f5; }
  .existing-files-list__file {
    display: flex;
    align-items: center; }
    .existing-files-list__file:nth-child(2n) {
      background: #f9f9fa; }
    .existing-files-list__file:last-child {
      padding-bottom: 4px; }
    .existing-files-list__file > div {
      padding: 8px; }
    .existing-files-list__file--is-deleted, .existing-files-list__file--is-deleted:nth-child(2n) {
      background: #fbf7ed; }
    .existing-files-list__file--is-deleted .existing-files-list__file-size, .existing-files-list__file--is-deleted .existing-files-list__file-name, .existing-files-list__file--is-deleted .existing-files-list__file-name > i {
      color: #c90000;
      text-decoration: line-through; }
  .existing-files-list__file-name {
    flex-grow: 1;
    font-family: "Fira Mono";
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden; }
    .existing-files-list__file-name > i {
      color: #9797a7; }
  .existing-files-list__file-size, .existing-files-list__actions {
    font-size: 12px; }
  .existing-files-list__actions {
    text-decoration: none;
    cursor: pointer;
    color: #0d74b8; }
  .existing-files-list__navigation {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ececee;
    background: #f9f9fa;
    font-weight: 900;
    font-size: large;
    color: #1072ba; }
  .existing-files-list__navigation-arrow {
    padding: 8px;
    cursor: pointer;
    background: none;
    border: none; }
    .existing-files-list__navigation-arrow:hover {
      color: #f45625; }
    .existing-files-list__navigation-arrow--disabled, .existing-files-list__navigation-arrow--disabled:hover {
      cursor: default;
      color: #9797a7; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.flip-horizontal {
  transform: scaleX(-1); }

.folder-table__icon {
  color: #edba54; }

.folder-table__name {
  font-size: 16px; }

.folder-table__path {
  color: #9797a7; }

.folder-table__header {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  border-bottom: 1px solid #ececee; }

.folder-table__row--is-warning {
  background-color: #f2e8d6; }

.folder-table__row--is-selected {
  background-color: #dceaf3; }

.folder-table__row--interactive {
  cursor: pointer; }
  .folder-table__row--interactive:hover > * {
    background: #ececee; }

.folder-list {
  position: relative; }
  .folder-list--is-loading {
    min-height: 128px; }
  .folder-list--flat .folder-list__item-name {
    margin-right: 8px; }
  .folder-list--flat .folder-list__item-path {
    font-size: 14px;
    color: #646474; }
  .folder-list--flat .folder-list__item-icon {
    color: #edba54;
    margin-right: 8px;
    grid-row: span 2; }
    .folder-list--flat .folder-list__item-icon--is-selected {
      color: #46da3a; }
  .folder-list--flat .folder-list__folder-item {
    border-left: 4px solid transparent; }
    .folder-list--flat .folder-list__folder-item--show-hover {
      cursor: pointer; }
      .folder-list--flat .folder-list__folder-item--show-hover:hover {
        border-left-color: #dceaf3;
        color: #f45625;
        background: #f9f9fa; }
    .folder-list--flat .folder-list__folder-item--is-selected {
      border-left-color: #0d74b8; }
      .folder-list--flat .folder-list__folder-item--is-selected:hover {
        border-left-color: #0d74b8; }
    .folder-list--flat .folder-list__folder-item--inline {
      display: grid;
      grid-template-columns: auto 1fr; }

.folder-list {
  max-height: 311px;
  overflow: auto;
  position: relative; }
  .folder-list__disabled-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7); }
  .folder-list__list-container {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0; }
  .folder-list__folder-icon {
    margin-right: 4px; }
    .folder-list__folder-icon--skipped {
      color: #edd5a5; }
  .folder-list__child-folder-badge {
    font-size: 12px;
    color: #646474;
    opacity: 0.6;
    margin: 0 .25rem; }
    @media (max-width: 767px) {
      .folder-list__child-folder-badge {
        display: none; } }
    .folder-list__child-folder-badge i.fa {
      color: #cacacf;
      margin-right: .125rem; }
  .folder-list__child-folder-button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    .folder-list__child-folder-button--is-warning {
      background-color: #f2e8d6; }
  .folder-list__child-folder-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
  .folder-list__child-folder-name {
    text-align: left; }
  .folder-list__folder-item {
    white-space: nowrap;
    position: relative;
    padding: 8px 16px 8px 32px;
    display: flex;
    align-items: center;
    font-size: 14px; }
    .folder-list__folder-item:nth-child(2n) {
      background-color: #f9f9fa; }
    .folder-list__folder-item:before {
      content: "";
      top: -45%;
      left: 25px;
      width: 8px;
      border-left: 1px dashed #cacacf;
      border-bottom: 1px dashed #cacacf;
      height: 100%;
      position: absolute; }
    .folder-list__folder-item:nth-child(2):before {
      top: -35%;
      height: 90%; }
    .folder-list__folder-item .el-dialog {
      white-space: initial; }
    .folder-list__folder-item--loading-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: white;
      z-index: 2300; }
    .folder-list__folder-item--current-folder {
      font-size: 16px;
      display: flex;
      flex-direction: row;
      align-items: center;
      flex-wrap: wrap;
      color: #646474;
      padding-left: 16px;
      justify-content: start; }
      .folder-list__folder-item--current-folder:before {
        content: none; }
      .folder-list__folder-item--current-folder .el-dialog {
        white-space: initial; }
      .folder-list__folder-item--current-folder:hover .folder-action__show-on-hover {
        opacity: 1;
        pointer-events: all; }
      .folder-list__folder-item--current-folder strong {
        color: #314151; }
    .folder-list__folder-item--selected-folder .folder-list__child-folder-button {
      background: #dceaf3;
      color: #111; }
    .folder-list__folder-item--hidedots:before {
      content: none; }

.folder-button {
  display: inline-block;
  margin: 0 4px; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Overrides for bootstrap button styles. This should be limited to colour related properties only - specify other stuff in _bootstrap.scss */
.gradient-underline, .job-details-card__title-text {
  padding-bottom: 4px;
  margin-bottom: 16px;
  font-size: 20px; }

.edit-collection {
  min-height: 240px;
  display: flex;
  flex-direction: column; }
  .edit-collection__subheader {
    font-size: 16px;
    color: #646474; }
  .edit-collection__folder-name-header {
    font-weight: 500;
    color: #314151; }
  .edit-collection__overflow-scroll {
    border: 1px solid #ececee;
    border-radius: 4px;
    padding: 4px; }
  .edit-collection__no-permissions-message {
    margin: auto;
    font-size: 18px;
    color: #9797a7;
    display: flex; }
  .edit-collection__large-icon {
    font-size: 72px; }

.new-permissions {
  max-width: 440px;
  width: 100%;
  text-align: right; }
  .new-permissions__search-label {
    white-space: nowrap;
    font-family: "Rubik", sans-serif;
    font-size: 12px;
    align-self: flex-end;
    line-height: 2.5;
    text-transform: uppercase;
    margin-right: 8px; }
  .new-permissions__selection-form {
    margin-bottom: -3px; }
  .new-permissions__search-box .el-input input {
    flex-grow: 1;
    border-right: none;
    border-radius: 8px 0 0 8px; }
  .new-permissions__add-button {
    border-radius: 0 8px 8px 0;
    padding: 5px 12px 6px; }

.collection-permissions-list {
  list-style-type: none; }
  .collection-permissions-list div.collection-permissions-list__pill {
    margin: 2px 4px;
    border: 1px solid transparent; }
    .collection-permissions-list div.collection-permissions-list__pill.is-interactive:active, .collection-permissions-list div.collection-permissions-list__pill.is-interactive:focus {
      outline: none;
      box-shadow: 0 0 0 1px white, 0 0 1px 3px #edba54; }
    .collection-permissions-list div.collection-permissions-list__pill--is-set {
      background-color: #dff1de;
      color: #0d6806;
      border: 1px dashed #0d6806; }
      .collection-permissions-list div.collection-permissions-list__pill--is-set:hover {
        background-color: #ecf7eb; }
    .collection-permissions-list div.collection-permissions-list__pill--is-unset {
      background-color: #ececee;
      color: #314151;
      border: 1px dashed #646474;
      box-shadow: 0 0 4px #cacacf; }
      .collection-permissions-list div.collection-permissions-list__pill--is-unset:hover {
        background-color: white; }
    .collection-permissions-list div.collection-permissions-list__pill:first-letter {
      text-transform: capitalize; }
    .collection-permissions-list div.collection-permissions-list__pill:first-child {
      margin-left: 0; }
  .collection-permissions-list__no-perms {
    grid-column: span 2; }
  .collection-permissions-list__permission-instructions {
    grid-column: span 2; }
  .collection-permissions-list__perm-granted-names {
    list-style-type: none;
    padding: 0 0 8px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-column: span 2; }
  .collection-permissions-list__perm-target-name {
    font-size: 18px; }
  .collection-permissions-list__permission {
    background: #ececee;
    border-radius: 4px;
    padding: 8px 12px;
    margin: 0;
    display: grid;
    grid-gap: 8px 0;
    grid-template-columns: auto 1fr;
    align-items: baseline; }
    .collection-permissions-list__permission + .collection-permissions-list__permission {
      margin-top: 8px; }
  .collection-permissions-list__perm-actions > * {
    margin-left: 8px; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.select-team .item-table {
  border-radius: 2px;
  border: 1px solid #ececee; }
  .select-team .item-table th {
    border-bottom-color: #ececee;
    color: #314151; }
  .select-team .item-table td {
    background: #f9f9fa;
    border-top: none;
    border-bottom: none; }
  .select-team .item-table tr:nth-child(2n) > td {
    background: white; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.split-button {
  white-space: nowrap;
  display: inline-block;
  position: relative;
  line-height: 1.4; }
  .split-button__buttons button {
    margin: 0; }
  .split-button__actions {
    z-index: 1100;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    border-radius: 6px;
    background: white;
    border: 1px solid #f9f9fa;
    box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1); }
    .split-button__actions--align--left.split-button__actions--is-no-default {
      border-radius: 0 6px 6px 6px; }
    .split-button__actions--is-visible {
      display: block; }
    .split-button__actions--align--right.split-button__actions--is-no-default {
      border-radius: 6px 0 6px 6px; }
  .split-button__buttons button {
    border-right: 1px solid rgba(255, 255, 255, 0.4); }
  .split-button__buttons .btn-default:first-child {
    border-right: none; }
  .split-button__buttons .btn-default, .split-button__single-button .btn-default {
    background: white;
    color: #314151;
    border: 1px solid #cacacf;
    /* Undoing base button styles... */ }
    .split-button__buttons .btn-default:active, .split-button__single-button .btn-default:active {
      box-shadow: none; }
    .split-button__buttons .btn-default:hover:not(:focus), .split-button__single-button .btn-default:hover:not(:focus) {
      box-shadow: none; }
    .split-button__buttons .btn-default:hover:active, .split-button__single-button .btn-default:hover:active {
      background: #f9f9fa; }
  .split-button__buttons button:first-child, .split-button__single-button button:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .split-button__buttons button:last-child, .split-button__single-button button:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .split-button__buttons button:only-child, .split-button__single-button button:only-child {
    border-radius: 6px; }
  .split-button__buttons button .split-item, .split-button__single-button button .split-item {
    color: inherit;
    padding: 0; }
    .split-button__buttons button .split-item:hover, .split-button__single-button button .split-item:hover {
      color: inherit; }

.split-item {
  color: #0d74b8;
  padding: 8px 12px; }
  .split-item__spacer {
    min-height: 8px; }
  .split-item__separator {
    margin-bottom: 4px;
    min-height: 4px;
    padding: 0;
    border-bottom: 1px solid #ececee; }
  .split-item:hover, .split-item:active {
    color: #f45625; }
  .split-item--danger {
    color: #fa5555; }
  .split-item--warning {
    color: #eb9e05; }
  .split-item--is-disabled {
    color: #9797a7;
    cursor: not-allowed; }
    .split-item--is-disabled:hover, .split-item--is-disabled:active {
      color: #9797a7; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.upload-progress p {
  font-size: 16px; }

.upload-progress__success-message {
  text-align: center;
  color: #46da3a;
  font-size: 1.4em;
  margin-bottom: 32px; }

.upload-progress__error-message {
  text-align: center;
  color: #ff4949;
  font-size: 1.4em;
  margin-bottom: 16px; }

.upload-progress__warning-message {
  text-align: center;
  color: #ffa500;
  font-size: 1.0em; }

.upload-progress__error-details {
  font-family: "Fira Mono";
  padding: 12px 24px;
  border: 1px solid #eeeeee; }

.upload-progress__text-with-icon {
  text-indent: -1.6em;
  margin-left: 3.2em; }

.upload-progress__current-file {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; }
  .upload-progress__current-file > div {
    flex: 1 1 auto; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.add-company-modal__pipedrive-list {
  list-style-type: none;
  margin: 0;
  padding: 0; }

@media (min-width: 769px) {
  .add-company-modal__form-panels > div {
    min-width: 450px;
    width: 50%; } }

.add-company-modal__panel-header {
  font-size: 14px;
  text-transform: uppercase;
  border-bottom: 1px solid #ececee;
  padding-bottom: 8px; }

.add-company-modal .el-checkbox.block {
  display: block; }

.add-company-modal__email {
  white-space: nowrap;
  font-size: 14px;
  color: #646474; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Overrides for bootstrap button styles. This should be limited to colour related properties only - specify other stuff in _bootstrap.scss */
.gradient-underline, .job-details-card__title-text {
  padding-bottom: 4px;
  margin-bottom: 16px;
  font-size: 20px; }

.job-details {
  background: #f9f9fa;
  padding: 16px 64px; }
  @media (max-width: 767px) {
    .job-details a {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; } }
  @media (max-width: 767px) {
    .job-details {
      padding: 0; } }
  .job-details__pointcloud-thumb {
    margin-top: 8px;
    max-width: 128px;
    max-height: 128px;
    border: 2px solid #646474;
    box-sizing: content-box;
    border-radius: 2px;
    background: #646474;
    box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
    transition: all 250ms ease-out; }
    .job-details__pointcloud-thumb:hover {
      border-color: #f45625; }
  .job-details__header {
    font-weight: 500;
    font-size: 24px; }
    @media (max-width: 767px) {
      .job-details__header {
        margin: 8px; } }
  .job-details__actions {
    margin-top: 8px; }
    @media (max-width: 767px) {
      .job-details__actions {
        margin-left: 8px;
        margin-right: 8px; } }
  .job-details__action-button {
    padding: 8px 12px;
    border: 1px solid #ececee;
    border-radius: 4px;
    margin: 8px 0;
    display: inline-block; }
    .job-details__action-button:focus {
      outline: none;
      border-color: #f45625; }
    .job-details__action-button:hover, .job-details__action-button:active {
      border-color: #f45625;
      background-color: white; }
  .job-details__link-icon {
    font-size: 12px;
    line-height: 1.5;
    vertical-align: middle; }
  .job-details__subheader {
    font-size: 14px;
    margin-top: 4px;
    line-height: 1.8; }
    .job-details__subheader .fa {
      color: #9797a7; }
    .job-details__subheader em {
      font-style: normal;
      color: #646474;
      font-weight: bold; }
    @media (max-width: 767px) {
      .job-details__subheader {
        margin-left: 8px;
        margin-right: 8px; }
        .job-details__subheader > span {
          white-space: nowrap; } }
  .job-details__separator {
    display: inline-block;
    border-radius: 9999px;
    background-color: #9797a7;
    height: 0.3em;
    width: 0.3em;
    line-height: 1;
    vertical-align: middle;
    margin: 0 8px; }
    @media (max-width: 767px) {
      .job-details__separator {
        display: none; } }

.merge-parents-list {
  margin: 0; }
  .merge-parents-list__merge-parent {
    padding: 4px 0; }
  .merge-parents-list__size {
    display: inline-block;
    margin-left: 8px;
    font-size: 14px;
    color: #646474; }

.job-details-card {
  max-width: 60em;
  background: white;
  border: 1px solid white;
  box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  position: relative; }
  @media (max-width: 767px) {
    .job-details-card {
      padding: 8px;
      border: none;
      border-radius: 0; } }
  .job-details-card__job-message {
    font-family: "Fira Mono";
    font-size: 12px;
    margin: 4px 0; }
    .job-details-card__job-message .timestamp {
      color: #9797a7;
      font-family: "Fira Mono"; }
  .job-details-card__details-table {
    margin-bottom: 24px; }
  .job-details-card__default-text {
    font-weight: normal; }

.processing-state {
  background: white;
  background-image: linear-gradient(to bottom, transparent 0%, transparent 48%, #ececee 48%, #ececee 52%, transparent 52%, transparent 100%);
  margin: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 800px) {
    .processing-state {
      display: block;
      background: none; } }
  .processing-state__state {
    font-size: 12px;
    font-weight: 500;
    font-family: "Rubik", sans-serif;
    white-space: nowrap;
    background: #cacacf;
    padding: 4px 12px 3px 12px;
    color: white;
    border-radius: 4444px;
    border: 1px solid transparent;
    text-align: center; }
    @media (max-width: 800px) {
      .processing-state__state {
        margin: 8px 0; } }
    .processing-state__state--is-complete {
      background: #85dd7e; }
    .processing-state__state--is-active {
      background: #0d74b8;
      font-size: 14px;
      padding: 8px 16px 7px 16px;
      box-shadow: 0 0 8px #60aee2; }
    .processing-state__state--is-failed {
      background: #fa5555;
      font-size: 14px;
      padding: 8px 16px 7px 16px;
      box-shadow: 0 0 8px #f48787; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Overrides for bootstrap button styles. This should be limited to colour related properties only - specify other stuff in _bootstrap.scss */
.gradient-underline, .job-details-card__title-text {
  padding-bottom: 4px;
  margin-bottom: 16px;
  font-size: 20px; }

.admin-item-details {
  background: #ececee;
  max-width: 1200px; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Overrides for bootstrap button styles. This should be limited to colour related properties only - specify other stuff in _bootstrap.scss */
.gradient-underline, .job-details-card__title-text {
  padding-bottom: 4px;
  margin-bottom: 16px;
  font-size: 20px; }

.card-subtitle__icon {
  margin-right: 8px; }

.admin-list {
  max-width: 1200px; }

.pointcloud-admin-row {
  display: flex;
  align-items: center;
  margin: 8px 0; }
  .pointcloud-admin-row__details > * {
    margin: 5px 0; }
  .pointcloud-admin-row__name {
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 0; }
  .pointcloud-admin-row__attributes {
    flex-grow: 1; }
  .pointcloud-admin-row__thumbnail {
    background: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    grid-column: 1;
    grid-row: span 2;
    margin-right: 8px;
    border-radius: 4px;
    border: 2px solid #f9f9fa;
    height: 80px;
    width: 80px; }
  .pointcloud-admin-row__actions {
    grid-row: span 2;
    grid-column: 3; }
  .pointcloud-admin-row__id {
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    text-transform: none;
    margin-left: 8px; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.value-table {
  display: grid;
  grid-template-columns: auto;
  line-height: 1.4; }
  .value-table[min-width~="480px"] {
    grid-template-columns: fit-content(100px) auto;
    border-right: none;
    border-top: none; }
  .value-table > :not([class*="value-table"]) {
    grid-column: 1/-1; }
  .value-table[min-width~="480px"] .value-table__label {
    padding-top: 0;
    padding-bottom: 0;
    border-top: none; }
    .value-table[min-width~="480px"] .value-table__label--align-left {
      align-items: flex-start;
      text-align: left; }
    .value-table[min-width~="480px"] .value-table__label--align-right {
      align-items: flex-end;
      text-align: right; }
    .value-table[min-width~="480px"] .value-table__label--align-center {
      align-items: center;
      text-align: center; }
  .value-table[min-width~="480px"] .value-table__value {
    border-right: none;
    border-left: none; }
  .value-table--baseline {
    align-items: baseline; }
    .value-table--baseline .el-textarea {
      display: block; }
  .value-table--with-background .value-table__value, .value-table--with-background .value-table__label {
    margin: 0;
    padding-top: 8px; }
  .value-table--with-background .value-table__value {
    background: #f9f9fa;
    border-radius: 4px; }
  .value-table--with-background[min-width~="480px"] .value-table__value, .value-table--with-background[min-width~="480px"] .value-table__label {
    margin-top: 16px;
    padding-top: 8px; }
  .value-table__value, .value-table__label {
    border-bottom: none; }
  .value-table__value {
    padding: 0 16px 8px 16px;
    font-size: 16px; }
    .value-table__value--is-empty {
      font-style: italic;
      color: #9797a7; }
    .value-table__value--auto-overflow {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .value-table__label {
    grid-column: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 8px 16px 0 16px;
    border-right: none;
    border-left: none; }
    .value-table__label--required .value-table__label-text:after {
      content: " *";
      color: #fa5555; }
    .value-table__label--full-width:empty {
      display: none; }
  .value-table__label--full-width:empty + .value-table__value--full-width {
    grid-column: 1/-1; }
  .value-table__label-text {
    font-weight: 500;
    color: #314151;
    font-family: "Rubik", sans-serif;
    font-size: 13px;
    line-height: 2;
    display: inline-block;
    text-transform: uppercase;
    width: 220px;
    /* required: Edge does not currently support max-content, this is a fallback */
    width: max-content;
    max-width: 220px; }
  .value-table__label--fixed-width .value-table__label-text {
    width: auto;
    max-width: initial; }
  .value-table__label-help {
    color: #646474; }
  .value-table--tight .value-table__label {
    padding: 0; }
  .value-table--tight .value-table__value {
    padding: 4px 0 16px; }
  .value-table--tight[min-width~="480px"] .value-table__label, .value-table--tight[min-width~="480px"] .value-table__value {
    padding: 4px 8px; }
  .value-table--loose .value-table__label {
    padding-top: 8px;
    padding-bottom: 4px; }
  .value-table--loose .value-table__value {
    padding-top: 0px;
    padding-bottom: 16px; }
  .value-table--loose[min-width~="480px"] .value-table__label, .value-table--loose[min-width~="480px"] .value-table__value {
    padding: 4px 8px 16px 8px; }

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
/* Overrides for bootstrap button styles. This should be limited to colour related properties only - specify other stuff in _bootstrap.scss */
.gradient-underline, .job-details-card__title-text {
  padding-bottom: 4px;
  margin-bottom: 16px;
  font-size: 20px; }

:root {
  --default-theme-color: color(neutral); }

.shared-collection {
  position: relative; }
  .shared-collection .card {
    border: none;
    border-radius: 4px; }
  .shared-collection .card:first-child {
    margin-top: 8px; }
  .shared-collection:after {
    content: "";
    height: 32px;
    display: block; }
  .shared-collection__overlay-bar > div > div {
    padding: 16px 8px 8px 8px;
    background: white; }
  .shared-collection__item-background {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 16px; }
  .shared-collection .btn.btn-plain--primary {
    color: var(--theme-color, var(--default-theme-color)); }
  .shared-collection__header-background {
    color: white;
    margin-bottom: -380px;
    background: #cacacf;
    background: url(/static/images/backgrounds/dublin.jpg);
    background-size: cover;
    background-position: center; }
    @media (min-width: 3000px) {
      .shared-collection__header-background {
        margin-bottom: -380px;
        transform: skewY(-2deg) translateY(-200px); } }
  .shared-collection__description-background {
    position: relative;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 50' style='fill: rgb(236, 236, 238);'%3E%3Cg%3E%3Cpath d='M-70,00 C100,60 80,-40 640,50 L740,60 L-70,60 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: cover;
    background-position: 0 -50%;
    min-height: 440px; }
    @media (min-width: 3000px) {
      .shared-collection__description-background {
        background: none; } }
  .shared-collection__description-box {
    color: #333;
    position: relative;
    background: white;
    border-radius: 8px 8px 0 0; }
  .shared-collection__background {
    width: 256px;
    height: 95px;
    fill: #9797a7;
    position: absolute;
    top: 5px;
    right: 10%; }
    .shared-collection__background--theme {
      fill: var(--theme-color, var(--default-theme-color)); }
  .shared-collection__logo {
    max-width: 256px;
    max-height: 4em;
    order: -1;
    margin-bottom: 16px; }
    @media (min-width: 540px) {
      .shared-collection__logo {
        order: 1;
        margin-bottom: 0; } }
  .shared-collection__header {
    mix-blend-mode: soft-light;
    background: var(--theme-color, var(--default-theme-color));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .shared-collection .shared-collection__viewer.shared-collection__viewer--is-loading {
    opacity: 0; }
  .shared-collection__viewer {
    transition: opacity 250ms ease-out; }

.shared-collection-preview {
  position: relative; }
  .shared-collection-preview__placeholder-backdrop, .shared-collection-preview__loading-placeholder-container, .shared-collection-preview__viewer-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .shared-collection-preview__placeholder-backdrop, .shared-collection-preview__viewer {
    border-radius: 4px;
    overflow: hidden; }
  .shared-collection-preview__placeholder-backdrop {
    background-color: #314151; }
  .shared-collection-preview__loading-placeholder-container {
    display: flex; }
  .shared-collection-preview--loaded .shared-collection-preview {
    opacity: 1; }
  .shared-collection-preview__viewer {
    opacity: 0; }
  .shared-collection-preview__loading-placeholder {
    margin: auto;
    color: #f9f9fa;
    font-size: 22px;
    background: rgba(49, 65, 81, 0.25);
    text-align: center;
    width: 100%;
    padding: 32px 0;
    z-index: 30001; }
  .shared-collection-preview__viewer-container {
    border-radius: 34px;
    z-index: 30001;
    filter: blur(8px);
    background-color: black;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

.collection-table-item__thumbnail, .preview-header__thumbnail {
  min-width: 32px;
  min-height: 32px;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background: #ececee;
  overflow: hidden; }
  @media (min-width: 540px) {
    .collection-table-item__thumbnail, .preview-header__thumbnail {
      width: 64px;
      height: 64px; } }

.collection-table-item__details, .preview-header__details {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column; }

.collection-table-item__stats, .preview-header__stats {
  color: #646474; }

.collection-table-item {
  border-top: 1px solid #ececee; }
  .collection-table-item--placeholder {
    background: #f9f9fa;
    border-radius: 0;
    border-bottom: 1px solid #ececee; }
  .collection-table-item--placeholder .collection-table-item__actions {
    color: #9797a7; }
  .collection-table-item__thumbnail {
    border-radius: 4px;
    background: #314151;
    overflow: hidden; }
  .collection-table-item__actions {
    text-align: center;
    margin-left: 0;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    @media (min-width: 540px) {
      .collection-table-item__actions {
        min-width: 200px; } }
    .collection-table-item__actions > button {
      margin-left: 8px; }

tr.hoverable[data-v-17e0ae42]:hover {
  background-color: #f0f1f3;
  cursor: pointer;
}
tr.hoverable.is-selected[data-v-17e0ae42] {
  background-color: #539ce6;
  color: white;
}

.td-select {
  width: 56px;
  text-align: center;
}
.td-expand {
  width: 10px;
  text-align: center;
}
.info-tooltip {
  margin-left: -4px;
}

th[data-v-851501fa] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.confirm-button__loading-overlay[data-v-dfbdf766] {
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  overflow: hidden;
}
.confirm-button[data-v-dfbdf766] {
  display: inline-block;
}

div.property-container[data-v-3de9c335] {
  margin: 8px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
div.property-label--is-transparent[data-v-3de9c335] {
  /*opacity: 0.5;*/
}
div.property-label[data-v-3de9c335] {
  display: inline-block;
  text-align: right;
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0;
}
div.property-label--top[data-v-3de9c335] {
  align-self: flex-start;
}
div.property-value[data-v-3de9c335] {
  line-height: 1.4;
  min-height: 1em;
  display: inline-block;
  margin-left: 1em;
  font-size: 1.1em;
  flex: 1 1 auto;
  padding: 0;
  min-width: 200px;
}
div.property-value--block[data-v-3de9c335] {
  margin-left: 2em;
  margin-right: 2em;
  display: block;
}
div.property-container--block[data-v-3de9c335] {
  display: block;
}
@media all and (max-width: 768px) {
div.property-container[data-v-3de9c335] {
    line-height: 2;
}
div.property-label[data-v-3de9c335] {
    display: block;
    text-align: left;
}
div.property-value[data-v-3de9c335] {
    margin-left: 0;
}
}

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
.pointerra__inplace--text-display {
  border-bottom: 1px dotted transparent;
  transition: border-color 100ms ease-out;
}
.pointerra__inplace--text-display a {
  transition: color 100ms ease-out, border-color 100ms ease-out;
  color: #646474;
  /*color: #555555;*/
}
.pointerra__inplace--text-display:hover {
  border-bottom: 1px dotted #409eff;
}
.pointerra__inplace--text-display:hover a {
  color: #409eff;
}
.pointerra__inplace--edit-container {
  position: relative;
  margin: -8px 4px -6px -9px;
  padding: 0;
  display: inline-flex;
  justify-items: center;
  vertical-align: middle;
}
.pointerra__inplace--edit {
  max-width: calc(100% - 20px);
}
.pointerra__inplace--edit > input.el-input__inner {
  padding: 4px 8px;
  margin-top: 1px;
  height: inherit;
  line-height: inherit;
  background-color: rgba(255, 255, 255, 0.7);
  border-color: rgba(0, 0, 0, 0.4);
  outline: 0 solid transparent;
  transition: outline-width 200ms, outline-color 200ms;
}
.pointerra__inplace--edit > input.el-input__inner:focus {
  outline-width: 3px;
  outline-color: rgba(27, 129, 232, 0.23);
}
.el-button.p0 {
  padding: 0;
}

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.placeholder[data-v-9c397094] {
  font-style: italic;
  opacity: 0.8;
}
.errors[data-v-9c397094] {
  padding: 8px 12px;
  margin: 0;
  line-height: 20px;
  position: absolute;
  top: calc(100% + 8px);
  font-size: 14px;
  white-space: nowrap;
  border-radius: 4px;
  background: #fa5555;
  z-index: 200;
  color: white;
}

.property-grid--label-help[data-v-708052e7] {
  font-weight: normal;
  opacity: 0.75;
  display: block;
  max-width: 20em;
}
.property-grid--label-help[data-v-708052e7]:hover {
  opacity: 1;
}
.property-grid[data-v-708052e7] {
  display: grid;
  grid-template-columns: minmax(200px, auto) 1fr;
  grid-gap: 16px;
}
.property-grid--pull-left[data-v-708052e7] {
  grid-template-columns: auto 1fr;
}
.property-grid--pull-right[data-v-708052e7] {
  grid-template-columns: 1fr auto;
}
.property-grid--label[data-v-708052e7] {
  font-weight: bold;
  text-align: right;
}
.property-grid--label.align-left[data-v-708052e7] {
  text-align: left;
}
.property-grid--label.align-center[data-v-708052e7] {
  text-align: center;
}
@media (max-width: 800px) {
.property-grid[data-v-708052e7] {
    grid-template-columns: auto;
}
.property-grid--label[data-v-708052e7] {
    text-align: left;
}
.property-grid--label-help[data-v-708052e7] {
    max-width: none;
}
}

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.alert-block[data-v-1bd539a9] {
  display: grid;
  grid-template-columns: auto 1fr;
  box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: none;
  line-height: 1.42857143;
  position: relative;
  /* Plain */
  /* Info (primary) */
  /* Warning */
  /* Danger */
  /* Success */
}
.alert-block__close-button[data-v-1bd539a9] {
    position: absolute;
    top: 2px;
    right: 2px;
    height: 32px;
    width: 32px;
    stroke: #314151;
    stroke-width: 2px;
    padding: 8px;
}
.alert-block__body[data-v-1bd539a9] {
    padding: 4px 16px 16px;
    border-radius: 0 0 4px 0;
    border: 1px solid #9797a7;
    border-top: none;
    height: 100%;
    border-left: none;
}
.alert-block__body p[data-v-1bd539a9]:last-child {
      margin-bottom: 0;
}
.alert-block__body--no-title[data-v-1bd539a9] {
      grid-row: span 2;
      padding: 16px;
      align-self: center;
      border-radius: 0 4px 4px 0;
      border-top: 1px solid #9797a7;
}
@media (max-width: 468px) {
.alert-block__body[data-v-1bd539a9] {
        word-break: break-all;
        padding: 2px 8px 8px;
}
.alert-block__body--no-title[data-v-1bd539a9] {
          padding: 8px;
}
}
.alert-block__title[data-v-1bd539a9] {
    font-weight: bold;
    padding: 16px 16px 4px;
    border-radius: 0 4px 0 0;
    border: 1px solid #9797a7;
    border-bottom-width: 0;
    border-left-width: 0;
}
@media (max-width: 468px) {
.alert-block__title[data-v-1bd539a9] {
        word-break: break-all;
        padding: 8px 8px 2px;
}
}
.alert-block__icon[data-v-1bd539a9] {
    grid-row: span 2;
    display: block;
    min-width: 8px;
    /* Acts as left-border when no icon */
    min-height: 2em;
    justify-self: start;
    border: 1px solid #9797a7;
    border-right: none;
    border-radius: 4px 0 0 4px;
    padding: 16px 8px;
    color: white;
}
@media (max-width: 768px) {
.alert-block__icon[data-v-1bd539a9] {
        font-size: 2vw;
}
}
.alert-block--small[data-v-1bd539a9] {
    font-size: 0.9em;
    box-shadow: none;
}
.alert-block--small .alert-block__icon[data-v-1bd539a9] {
    font-size: 8px;
    padding: 8px;
}
.alert-block--small .alert-block__body[data-v-1bd539a9] {
    padding: 4px 12px 8px;
}
.alert-block--small .alert-block__body--no-title[data-v-1bd539a9] {
      padding-top: 8px;
}
.alert-block--small .alert-block__title[data-v-1bd539a9] {
    padding: 8px 12px 4px;
}
.alert-block--plain[data-v-1bd539a9] {
    background: #fbfbfc;
    color: #42424c;
}
.alert-block--plain .alert-block__body[data-v-1bd539a9], .alert-block--plain .alert-block__title[data-v-1bd539a9] {
      border-color: #ececee;
}
.alert-block--plain .alert-block__icon[data-v-1bd539a9] {
    background: #9797a7;
    border-color: #9797a7;
}
.alert-block--plain .alert-block__title[data-v-1bd539a9] {
    color: #9797a7;
}
.alert-block--info[data-v-1bd539a9], .alert-block--primary[data-v-1bd539a9] {
    background: #f9fbfc;
    color: #174f74;
}
.alert-block--info .alert-block__body[data-v-1bd539a9], .alert-block--info .alert-block__title[data-v-1bd539a9], .alert-block--primary .alert-block__body[data-v-1bd539a9], .alert-block--primary .alert-block__title[data-v-1bd539a9] {
      border-color: #dceaf3;
}
.alert-block--info .alert-block__icon[data-v-1bd539a9], .alert-block--primary .alert-block__icon[data-v-1bd539a9] {
    background: #0d74b8;
    border-color: #0d74b8;
}
.alert-block--info .alert-block__title[data-v-1bd539a9], .alert-block--primary .alert-block__title[data-v-1bd539a9] {
    color: #0d74b8;
}
.alert-block--warning[data-v-1bd539a9] {
    background: #f9f6f0;
    color: #604000;
}
.alert-block--warning .alert-block__body[data-v-1bd539a9], .alert-block--warning .alert-block__title[data-v-1bd539a9] {
      border-color: #edd5a5;
}
.alert-block--warning .alert-block__title[data-v-1bd539a9] {
    color: #a87000;
}
.alert-block--warning .alert-block__icon[data-v-1bd539a9] {
    background: #eb9e05;
    border-color: #eb9e05;
}
.alert-block--danger[data-v-1bd539a9] {
    background: #f8ecec;
    color: #7c0303;
}
.alert-block--danger .alert-block__body[data-v-1bd539a9], .alert-block--danger .alert-block__title[data-v-1bd539a9] {
      border-color: #f3cece;
}
.alert-block--danger .alert-block__icon[data-v-1bd539a9] {
    background: #fa5555;
    border-color: #fa5555;
}
.alert-block--danger .alert-block__title[data-v-1bd539a9] {
    color: #c90000;
}
.alert-block--success[data-v-1bd539a9] {
    background: #f6faf6;
    color: #256c1f;
}
.alert-block--success .alert-block__body[data-v-1bd539a9], .alert-block--success .alert-block__title[data-v-1bd539a9] {
      border-color: #e6f3e5;
}
.alert-block--success .alert-block__icon[data-v-1bd539a9] {
    background: #46da3a;
    border-color: #46da3a;
}
.alert-block--success .alert-block__title[data-v-1bd539a9] {
    color: #0d6806;
}

/* This can't be scoped, because we are re-parenting the node outside of the Vue scope */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.auto-complete-results {
  position: absolute;
  left: 0;
  top: 0;
  transition: opacity 250ms;
  z-index: 999999;
}
.auto-complete-results--loading {
    opacity: 0.5;
}
.auto-complete-results__no-results-message {
    padding: 6px 12px;
    font-style: italic;
    color: #9797a7;
}
.auto-complete-results__result-item {
    padding: 8px 24px 8px 12px;
    cursor: pointer;
}
.auto-complete-results__result-item:hover, .auto-complete-results__result-item--active {
      background: #ececee;
      /*color: white;*/
}
.auto-complete-results__result-item:last-child {
      border-radius: 0 0 4px 4px;
}
.auto-complete-results__results-popover {
    padding: 4px 0;
    background: white;
    border: 1px solid #ececee;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 15px -8px rgba(0, 0, 0, 0.5), 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
    overflow: auto;
}
.auto-complete-results__results-popover--flipped {
      border-radius: 4px 4px 0 0;
      box-shadow: none;
}
.auto-complete-results__results-popover--flipped .auto-complete-results__result-item:first-child {
        border-radius: 4px 4px 0 0;
}
.auto-complete-results__results-popover--flipped .auto-complete-results__result-item:last-child {
        border-radius: 0;
}

.auto-complete[data-v-01b499e9] {
  display: inline-block;
  width: 100%;
}

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.p-pill[data-v-4659a524] {
  white-space: nowrap;
  background: #9797a7;
  color: white;
  border-radius: 999px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  font-family: "Rubik", sans-serif;
  letter-spacing: 0.4px;
  margin-bottom: 1px;
  border: 1px solid transparent;
}
.p-pill--success[data-v-4659a524] {
    background-color: #20ad15;
    border-color: #20ad15;
}
.p-pill--primary[data-v-4659a524] {
    background-color: #0d74b8;
    border-color: #0d74b8;
}
.p-pill--danger[data-v-4659a524] {
    background-color: #fa5555;
    border-color: #fa5555;
}
.p-pill--warning[data-v-4659a524] {
    background-color: #eb9e05;
    border-color: #eb9e05;
}
.p-pill--is-square[data-v-4659a524] {
    border-radius: 4px;
}
.p-pill--is-upper[data-v-4659a524] {
    text-transform: uppercase;
}
.p-pill--size-normal[data-v-4659a524] {
    padding: 3px 10px 2px;
}
.p-pill--size-small[data-v-4659a524] {
    padding: 2px 8px 1px;
    line-height: 1.4;
    font-size: 11px;
}
.p-pill--size-mini[data-v-4659a524] {
    padding: 2px 6px 1px 6px;
    line-height: 1.4;
    font-size: 9px;
}
.p-pill--size-large[data-v-4659a524] {
    padding: 5px 16px 4px;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 500;
}

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.pointcloud-action__show-on-hover[data-v-462bcc45] {
  pointer-events: none;
  opacity: 0;
  transition: opacity 500ms ease-out, border-color 500ms ease-out;
}
@media (max-width: 767px) {
.pointcloud-action__show-on-hover[data-v-462bcc45] {
      display: none;
}
}
.warning[data-v-462bcc45] {
  color: orange;
}
.strong-warning[data-v-462bcc45] {
  color: red;
}
.primary[data-v-462bcc45] {
  color: #0d74b8;
}
.pointcloud-actions[data-v-462bcc45] {
  white-space: initial;
}
.pointcloud-actions__action[data-v-462bcc45], .pointcloud-actions__action-popout-button[data-v-462bcc45] {
    font-size: 14px;
    margin-left: 8px;
    padding: 4px;
    border: 1px solid transparent;
    border-radius: 3px;
    opacity: 0.9;
    background: #cccb;
}
.pointcloud-actions__action-popout-button[data-v-462bcc45]:hover {
    opacity: 1;
}
.pointcloud-actions__popout-action[data-v-462bcc45] {
    display: block;
    width: 100%;
    padding: 8px 16px;
    min-width: 200px;
    text-align: left;
    border: none;
    background: none;
    margin: 0;
    cursor: pointer;
    border-radius: 0;
}
.pointcloud-actions__popout-action[disabled][data-v-462bcc45], .pointcloud-actions__popout-action[disabled][data-v-462bcc45]:hover {
      background: white;
      color: #9797a7;
      cursor: default;
      box-shadow: none;
}

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
.tile-tooltip[data-v-73701b7d] {
  pointer-events: all;
}
.tile-actions-menu[data-v-73701b7d] {
  pointer-events: all;
  -ms-flex-order: 1;
  order: 1;
}
.tile-actions-menu ul[data-v-73701b7d] {
  line-height: 2;
  list-style: none;
  padding: 0;
  margin: 0;
}
.tile-action[data-v-73701b7d] {
  padding: 0;
  margin: 0;
  white-space: nowrap;
  font-weight: 700;
  cursor: pointer;
}
.tile-action[data-v-73701b7d]:hover {
    color: #f45625;
}

.map-container[data-v-5d290b2f] {
  position: relative;
}
.crosshair-cursor[data-v-5d290b2f] {
  cursor: crosshair;
}
.map[data-v-5d290b2f] {
  height: 100%;
}
.map-data[data-v-5d290b2f] {
  z-index: 999;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  opacity: 1;
  border-color: #0000ff;
  display: flex;
  align-items: baseline;
}
.map-data-search[data-v-5d290b2f] {
  display: inline;
}
.map-data-item[data-v-5d290b2f] {
  width: 160px;
  font-weight: bold;
}
.map-data-item.zoom[data-v-5d290b2f] {
  width: 125px;
}
.address-search[data-v-5d290b2f] {
  width: 200px;
}

.custom .leaflet-popup-tip,
.custom .leaflet-popup-content-wrapper {
  background: #01315a;
  color: white;
}
.custom_tooltip.leaflet-tooltip {
  background: #01315a;
  color: white;
}
.custom_tooltip.leaflet-tooltip-right::before {
  border-right-color: #01315a;
}
.custom_tooltip.leaflet-tooltip-left::before {
  border-left-color: #01315a;
}
.coord-marker .leaflet-popup-tip,
.coord-marker .leaflet-popup-content-wrapper {
  background: #122b40;
  color: white;
}
.coord-marker .leaflet-popup-content {
  margin: 3px 4px;
}

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.folder-action__show-on-hover[data-v-e88fa68a] {
  pointer-events: none;
  opacity: 0;
  transition: opacity 500ms ease-out, border-color 500ms ease-out;
}
@media (max-width: 767px) {
.folder-action__show-on-hover[data-v-e88fa68a] {
      display: none;
}
}
.folder-actions[data-v-e88fa68a] {
  white-space: initial;
}
.folder-actions__action[data-v-e88fa68a], .folder-actions__action-popout-button[data-v-e88fa68a] {
    font-size: 14px;
    margin-left: 8px;
    border: 1px solid transparent;
    padding-left: 8px;
    padding-right: 8px;
}
.folder-actions__popout-action[data-v-e88fa68a] {
    display: block;
    width: 100%;
    padding: 8px 16px;
    min-width: 200px;
    text-align: left;
    border: none;
    background: none;
    margin: 0;
    cursor: pointer;
    border-radius: 0;
}
.folder-actions__popout-action[disabled][data-v-e88fa68a], .folder-actions__popout-action[disabled][data-v-e88fa68a]:hover {
      background: white;
      color: #9797a7;
      cursor: default;
      box-shadow: none;
}

.map-container-h .pl-map-container {
  display: flex;
}
.map-container-h .pl-map-container .pl-map-container-inner {
    flex: 1;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}
.map-container-h .pl-map-container .pl-map-results {
    flex: 1;
}
@media (max-width: 1580px) {
.f-filter-wrapper {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
}
}

.viewer-outer[data-v-4c80c876] {
  width: 100%;
  height: 100%;
  position: relative;
  transition: opacity 1s;
  opacity: 1;
}
.viewer--fade-container[data-v-4c80c876] {
  height: 100%;
  transition: opacity 1s;
}
.viewer-component[data-v-4c80c876] {
  height: 100%;
}

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.p-validation--failed.el-input input[data-v-f3949f84],
.p-validation--failed .el-input input[data-v-f3949f84], .p-validation--failed.el-collapse[data-v-f3949f84]:before, .p-validation--failed .selectedFilesArea[data-v-f3949f84] {
  border: 1px solid #fa5555;
  box-shadow: 0 0 4px rgba(201, 0, 0, 0.5);
}
.p-validation[data-v-f3949f84] {
  position: relative;
  transition: margin-bottom 500ms;
}
.p-validation[data-v-f3949f84]:after {
    content: attr(data-validation-message);
    color: #c90000;
    border-radius: 0 0 4px 4px;
    padding: 4px 8px;
    position: absolute;
    transform: scaleY(0);
    transform-origin: top;
    overflow: hidden;
    margin-top: 0;
    font-family: "Rubik", sans-serif;
    font-weight: normal;
    letter-spacing: 0.4px;
    left: 0;
    top: 100%;
    background-color: rgba(201, 0, 0, 0.6);
    opacity: 0;
    font-size: 12px;
    transition: height 500ms, opacity 500ms, transform 500ms;
    line-height: 1.4;
    min-width: 12em;
}
.p-validation--failed[data-v-f3949f84]:after {
    min-width: 0;
    color: white;
    transform: scaleY(1);
    content: attr(data-validation-message);
    position: absolute;
    min-height: 2em;
    opacity: 1;
    z-index: 900;
}
.p-validation.el-input[data-v-f3949f84], .p-validation .el-input[data-v-f3949f84] {
  transition: border-color 500ms, box-shadow 500ms, margin-bottom 500ms;
}
.p-validation--failed.el-collapse[data-v-f3949f84] {
  padding-bottom: 1px;
  border-radius: 2px;
}
.p-validation--failed.el-collapse[data-v-f3949f84]:before {
    content: "";
    position: absolute;
    border: 1px solid rgba(201, 0, 0, 0.5);
    border-radius: 8px;
    pointer-events: none;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
}
.p-validation--failed.el-collapse[data-v-f3949f84]:after {
    top: calc(100% + 8px);
}
.p-validation--failed.el-collapse .collapse-header[data-v-f3949f84] {
    color: #c90000;
}
.file-button-container[data-v-f3949f84] {
  display: flex;
}
.file-button-container .fileinput-button[data-v-f3949f84] {
  flex: 0 1 auto;
  margin: 0 4px 0 0;
}
.file-button-container .file-count[data-v-f3949f84] {
  flex: 1 0 auto;
  text-align: right;
}
.el-form-item.is-error .selectedFilesArea[data-v-f3949f84] {
  border-color: #ff4949;
}
.selectedFilesArea.is-loading[data-v-f3949f84] {
  overflow: hidden;
}
.btn-info[data-v-f3949f84] {
  color: white;
  background-color: #20a0ff;
  border-color: transparent;
  box-shadow: none;
  border-radius: 4px;
  padding: 8px 12px;
}
.btn-info[data-v-f3949f84]:hover {
  box-shadow: none;
}
.selectedFilesArea[data-v-f3949f84] {
  margin-top: 4px;
  max-height: 280px;
  border: 1px solid #dedede;
  border-radius: 4px;
  background: #fefefe;
  padding: 0;
  overflow-y: auto;
}
.fileInfo[data-v-f3949f84] {
  padding: 2px 8px;
  opacity: 0.8;
}
.fileInfo--is-empty[data-v-f3949f84] {
  min-height: 64px;
  line-height: 64px;
  text-align: center;
  color: #646474;
}
.p-validation--failed .fileInfo--is-empty[data-v-f3949f84] {
  color: #fa5555;
}
.fileItem[data-v-f3949f84] {
  border-bottom: 1px dotted #dddddd;
  padding: 2px 8px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  line-height: 1.4;
}
.fileItem > span[data-v-f3949f84] {
  flex: 1 0 auto;
}
.fileItem[data-v-f3949f84]:hover {
  background: #eaf6ff;
}
.fileItem[data-v-f3949f84]:last-child {
  border-bottom: none;
}
.fileSize[data-v-f3949f84] {
  font-size: 0.9em;
  color: #999999;
}

.selectedFilesArea[data-v-0f990fe9] {
  margin-top: 4px;
  max-height: 200px;
  border: 1px solid #dedede;
  border-radius: 4px;
  background: #fefefe;
  padding: 0;
  overflow-y: auto;
}

.formButtons[data-v-6959085a] {
  float: right;
  margin-bottom: 20px;
}

[class*=" el-icon-"], [class^=el-icon-] {
  line-height: inherit;
}
.compact-form .el-form-item,
.compact-form .el-form-item--small.el-form-item,
.compact-form .el-form-item--mini.el-form-item {
  margin-top: 1px;
  margin-bottom: 3px;
}
.compact-form .el-form-item__error {
  position: static;
}
.compact-form .el-form-item:first-of-type {
  margin-top: 0;
  margin-bottom: 0;
}
.multi-items .el-form-item {
  margin-top: 0;
  margin-bottom: 0;
}

h4[data-v-5ee15b1c] {
  margin-top: 16px;
}
.tileset-metadata-chooser[data-v-5ee15b1c] {
  width: 500px;
}
.body[data-v-5ee15b1c] {
  overflow: auto;
  max-height: 70vh;
}
.folderChooser[data-v-5ee15b1c] {
  min-height: 200px;
  max-height: 40vh;
  overflow: auto;
}
.indented-body[data-v-5ee15b1c] {
  margin-left: 40px;
  margin-right: 40px;
}
.dataset-help-url[data-v-5ee15b1c] {
  margin-left: 200px;
}
.fileFormatInfo[data-v-5ee15b1c] {
  font-size: 12px;
  margin-left: 200px;
}

[class*=" el-icon-"], [class^=el-icon-] {
  line-height: inherit;
}

.tileset-metadata-chooser[data-v-d94a190c] {
  width: 500px;
}
.body[data-v-d94a190c] {
  overflow: auto;
  padding: 8px 24px;
  max-height: 70vh;
}
.folderChooser[data-v-d94a190c] {
  margin: 40px;
  height: 40vh;
  overflow: auto;
}
.scs-body[data-v-d94a190c] {
  margin-left: 40px;
  margin-right: 40px;
}

.move-modal-div {
  height: 100%;
  width: 400px;
  overflow: auto !important;
}
.move-to-folder .modal-container {
  width: 400px;
}
.move-to-folder .modal-body {
  height: 300px;
}

.company-selector[data-v-0952c432] {
  display: flex;
}
.company-selector.company-selector--inline[data-v-0952c432] {
    display: inline-flex;
}
.company-selector__input[data-v-0952c432] {
    margin-right: 8px;
}

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
.warning[data-v-49dd2ff6] {
  color: #eb9e05;
}
.overview[data-v-49dd2ff6] {
  margin-top: 10px;
  width: 100%;
}
.column[data-v-49dd2ff6] {
  flex: 50%;
}
.row[data-v-49dd2ff6] {
  display: flex;
}
.overview-label[data-v-49dd2ff6] {
  text-align: right;
  font-size: 14px;
  color: black;
  font-weight: normal;
  width: 60px;
}
.error[data-v-49dd2ff6] {
  color: red;
}
.overview-value[data-v-49dd2ff6] {
  text-align: left;
  font-size: 16px;
  color: black;
  width: 100%;
}
.properties-label[data-v-49dd2ff6] {
  text-align: right;
  font-size: 12px;
  color: black;
  font-weight: normal;
  width: 140px;
}
.properties-value[data-v-49dd2ff6] {
  text-align: left;
  font-size: 14px;
  color: black;
}
.mt1[data-v-49dd2ff6] {
  margin: 0px;
  padding: 0px;
  line-height: 1;
}
.mt1row[data-v-49dd2ff6] {
  padding: 0px;
  margin: 0px;
}
div.el-form-item[data-v-49dd2ff6] {
  margin-top: 8px;
  margin-bottom: 16px;
}

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.pointcloud-action__show-on-hover[data-v-60228ff4] {
  pointer-events: none;
  opacity: 0;
  transition: opacity 500ms ease-out, border-color 500ms ease-out;
}
@media (max-width: 767px) {
.pointcloud-action__show-on-hover[data-v-60228ff4] {
      display: none;
}
}
.warning[data-v-60228ff4] {
  color: orange;
}
.strong-warning[data-v-60228ff4] {
  color: red;
}
.primary[data-v-60228ff4] {
  color: #0d74b8;
}
.pointcloud-actions[data-v-60228ff4] {
  white-space: initial;
}
.pointcloud-actions__action[data-v-60228ff4], .pointcloud-actions__action-popout-button[data-v-60228ff4] {
    font-size: 14px;
    margin-left: 8px;
    border: 1px solid transparent;
    opacity: 0.5;
    background: #cccb;
}
.pointcloud-actions__action-popout-button[data-v-60228ff4]:hover {
    opacity: 1;
}
.pointcloud-actions__popout-action[data-v-60228ff4] {
    display: block;
    width: 100%;
    padding: 8px 16px;
    min-width: 200px;
    text-align: left;
    border: none;
    background: none;
    margin: 0;
    cursor: pointer;
    border-radius: 0;
}
.pointcloud-actions__popout-action[disabled][data-v-60228ff4], .pointcloud-actions__popout-action[disabled][data-v-60228ff4]:hover {
      background: white;
      color: #9797a7;
      cursor: default;
      box-shadow: none;
}

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.folder-action__show-on-hover[data-v-391739b6] {
  pointer-events: none;
  opacity: 0;
  transition: opacity 500ms ease-out, border-color 500ms ease-out;
}
@media (max-width: 767px) {
.folder-action__show-on-hover[data-v-391739b6] {
      display: none;
}
}
.folder-actions[data-v-391739b6] {
  white-space: initial;
}
.folder-actions__action[data-v-391739b6], .folder-actions__action-popout-button[data-v-391739b6] {
    font-size: 14px;
    margin-left: 8px;
    border: 1px solid transparent;
    padding-left: 8px;
    padding-right: 8px;
}
.folder-actions__popout-action[data-v-391739b6] {
    display: block;
    width: 100%;
    padding: 8px 16px;
    min-width: 200px;
    text-align: left;
    border: none;
    background: none;
    margin: 0;
    cursor: pointer;
    border-radius: 0;
}
.folder-actions__popout-action[disabled][data-v-391739b6], .folder-actions__popout-action[disabled][data-v-391739b6]:hover {
      background: white;
      color: #9797a7;
      cursor: default;
      box-shadow: none;
}

.item-name--label {
  max-width: 32vw;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.view-type {
  margin-bottom: 10px;
}
.el-table .table-row-fg {
  cursor: pointer;
}
.status-deleted {
  color: darkgrey;
}
.status-error {
  color: red;
}
.status-warning {
  color: orange;
}
.status-active {
  color: green;
}
.status-complete {
  color: limegreen;
}
.el-header {
  color: #333333;
  text-align: left;
  height: auto !important;
  line-height: 20px;
}
.el-footer {
  color: #333333;
  text-align: left;
  line-height: 20px;
}
.el-aside {
  color: #333333;
  text-align: left;
}
.el-main {
  color: #333333;
  text-align: left;
  height: 100%;
}
.view-type {
  margin-top: 10px;
  margin-bottom: 0px;
}

.dataset-viewer-container[data-v-3a3329bd] {
  height: 100vh;
  width: 100vw;
}
#dataset-viewer[data-v-3a3329bd] {
  height: 100%;
  width: 100%;
}
#toolbar[data-v-3a3329bd] {
  background: rgba(42, 42, 42, 0.8);
  padding: 4px;
  border-radius: 4px;
  position: absolute;
  top: 20px;
  left: 60px;
  color: white;
}
#toolbar input[data-v-3a3329bd] {
  vertical-align: middle;
  padding-top: 2px;
  padding-bottom: 2px;
}

.left[data-v-3fc0b22c] {
  width: 50vw;
  height: 100vh;
  float: left;
}
.right[data-v-3fc0b22c] {
  width: 50vw;
  height: 100vh;
  float: right;
}
.container[data-v-3fc0b22c] {
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.error {
  color: red;
}

.status-error {
  color: red;
}
.status-warning {
  color: orange;
}
.status-ok {
  color: darkgreen;
}

.error {
  color: red;
}

.pointerra-viewer-container[data-v-8780ddca] {
  height: 600px;
  width: 100%;
}
#status[data-v-8780ddca] {
  background: rgba(42, 42, 42, 0.8);
  padding: 4px;
  border-radius: 4px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: white;
}
#toolbar[data-v-8780ddca] {
  background: rgba(42, 42, 42, 0.8);
  padding: 4px;
  border-radius: 4px;
  position: absolute;
  top: 20px;
  left: 20px;
  color: white;
}
#toolbar input[data-v-8780ddca] {
  vertical-align: middle;
  padding-top: 2px;
  padding-bottom: 2px;
}

.pointerra-viewer-container {
  height: 600px;
  width: 100%;
}

.error {
  color: red;
}

.error {
  color: red;
}

/* Replaces default lighten/darken with more useful versions, that better reflect real world adjustment of lighting */
/* Theory at https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e */
/* Small thumbnails */
/* Large thumbnails */
/* Our base unit of padding */
/* Only for special cases */
/* WIP: breakpoints.. */
.json--item-row[data-v-1f40e9f6] {
  display: grid;
  grid-template-columns: auto 1fr;
  padding-left: 2em;
  margin: 4px 0;
}
.json--grid .json[data-v-1f40e9f6], .json--grid .json--item-key[data-v-1f40e9f6] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 2px;
  padding-left: 2em;
}
.json--grid .json--item-complex-value[data-v-1f40e9f6] {
  border-left: 1px dotted rgba(0, 0, 0, 0.3);
  padding-left: 8px;
  border-radius: 2px;
}
.json--root-node[data-v-1f40e9f6] {
  background-color: rgba(0, 0, 0, 0.01);
  border-radius: 2px;
  border: 1px dotted rgba(0, 0, 0, 0.1);
  padding: 8px 16px;
}
.json--item-value[data-v-1f40e9f6] {
  display: inline;
  word-break: break-all;
  margin-left: 0.5em;
}
.json--root-node.json--monospace[data-v-1f40e9f6] {
  font-family: "Fira Mono";
}
.json--item-complex-value[data-v-1f40e9f6] {
  /*display: grid;*/
  grid-gap: 8px;
  grid-template-columns: minmax(50px, auto) 1fr;
  position: relative;
}
.json--item-key[data-v-1f40e9f6] {
  /*text-align: right;*/
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #803829;
}
.json--item-key > *[data-v-1f40e9f6]:last-child:after {
  content: ":";
}
[data-json-type][data-v-1f40e9f6] {
  position: relative;
}

/*.json--item-row:hover > [data-json-type]:after, [data-json-type]:hover:after {*/
/*  display: inline;*/
/*}*/
[data-json-type][data-v-1f40e9f6]:after {
  content: attr(data-json-type);
  margin: 1px 8px;
  font-size: 9px;
  opacity: 0.8;
  padding: 2px 4px;
  border-radius: 4px;
  background-color: #e2e2e2;
  text-transform: capitalize;
  color: black;
  letter-spacing: 0.3px;
  display: none;
}
[data-json-type].json--item-complex-value.expanded[data-v-1f40e9f6]:after {
  margin-left: 3em;
}
.json--object[data-json-type][data-v-1f40e9f6]:after,
.json--array[data-json-type][data-v-1f40e9f6]:after {
  cursor: pointer;
  position: absolute;
  top: 0;
}
.json--root-node[data-json-type][data-v-1f40e9f6]:after {
  top: 8px;
}
.json--object > .json--item-complex-value[data-v-1f40e9f6]:first-child:before {
  content: "{";
}
.json--object > .json--item-complex-value[data-v-1f40e9f6]:first-child:after {
  content: "}";
}
.json--array > .json--item-complex-value[data-v-1f40e9f6]:first-child:before {
  content: "[";
}
.json--array > .json--item-complex-value[data-v-1f40e9f6]:first-child:after {
  content: "]";
}
.json--object > .json--item-complex-value[data-v-1f40e9f6]:first-child:before,
.json--object > .json--item-complex-value[data-v-1f40e9f6]:first-child:after,
.json--array > .json--item-complex-value[data-v-1f40e9f6]:first-child:before,
.json--array > .json--item-complex-value[data-v-1f40e9f6]:first-child:after {
  display: block;
  font-weight: 500;
  grid-column: span 2;
  width: 100%;
  cursor: pointer;
  margin-left: .5em;
}
.json--can-expand[data-v-1f40e9f6] {
  cursor: pointer;
  display: inline-block;
  /*padding: 0 8px;*/
}
.json--object.expanded[data-json-type][data-v-1f40e9f6]:after, .json--array.expanded[data-json-type][data-v-1f40e9f6]:after {
  left: 2em;
}
.json--object.expanded.json--root-node[data-json-type][data-v-1f40e9f6]:after, .json--array.expanded.json--root-node[data-json-type][data-v-1f40e9f6]:after {
  left: 3em;
}
.json--item-row > .json--item-key > div[data-v-1f40e9f6] {
  border-bottom: 2px dotted transparent;
}
.json--item-row:hover > .json--item-key > div[data-v-1f40e9f6] {
  border-bottom: 2px dotted #444151;
}
.json--item-complex-value[data-v-1f40e9f6]:first-child {
  /*margin-top: 1.6em;*/
}
.collapsed[data-v-1f40e9f6] {
  margin-left: .5em;
}
.collapsed .json--item-complex-value[data-v-1f40e9f6] {
  display: none;
}
.json--object.collapsed[data-v-1f40e9f6]:before,
.json--array.collapsed[data-v-1f40e9f6]:before {
  font-weight: 500;
  cursor: pointer;
}
.json--object.collapsed[data-v-1f40e9f6]:before:hover,
.json--array.collapsed[data-v-1f40e9f6]:before:hover {
  color: #0a6ebd;
}
.json--object.collapsed[data-v-1f40e9f6]:before {
  content: "{ ... }";
}
.json--array.collapsed[data-v-1f40e9f6]:before {
  content: "[ " attr(data-children) " ]";
}
.json--null .json--item-value[data-v-1f40e9f6]:before {
  content: "null";
  font-style: italic;
  opacity: 0.5;
}
.json--string .json--item-value[data-v-1f40e9f6]:before, .json--string .json--item-value[data-v-1f40e9f6]:after {
  content: "\"";
}

.teams-table[data-v-b0b539dc] {
  border: 2px solid #efefef;
  border-radius: 4px;
  margin: 1rem 1rem 1.5rem 1rem;
  max-width: 72rem;
}
.teams-table[data-v-b0b539dc] td {
  padding: 1rem;
}

.card-body img {
  max-width: 100%;
}
.message--content ul, .message--card ul {
  margin: 8px;
  padding-left: 16px;
}
.message--content ul li, .message--card ul li {
  list-style-type: initial;
}
.message--card {
  padding: 4px 8px 16px 8px;
}
.message--card .header {
  margin: 8px 0;
}
@media (min-width: 1500px) {
.message--card {
    margin: 0 0 24px 0;
}
.message--details {
    text-align: right;
    position: absolute;
    width: 180px;
    left: -224px;
    top: 16px;
}
}
.message--details {
  opacity: 0.7;
}

.centered .el-tabs__content {
  overflow: visible;
}

.centered[data-v-4fe87f00] {
  background: white;
  padding: 0 8px;
  height: 100%;
  margin: 0 auto;
}
@media (min-width: 1200px) {
.centered[data-v-4fe87f00] {
    padding: 8px 32px;
}
}
@media (min-width: 1380px) {
.centered[data-v-4fe87f00] {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    box-shadow: #9a9a9a2e 0 0 30px;
}
}