.o-no-map {
  background-color: #eee;
  display: block;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  height: 100%;
  width: 100%;
  z-index: 100000; }

.o-no-map-message {
  margin: auto;
  position: relative;
  text-align: center;
  top: 50%; }

@supports (background: linear-gradient(90deg, black, white)) or (background: -webkit-linear-gradient(90deg, black, white)) {
  .o-map-grid {
    background-color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.3) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.2) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.2) 1px, transparent 1px);
    background-position: -1px -1px, -1px -1px, -1px -1px, -1px -1px;
    background-size: 140px 140px, 140px 140px, 20px 20px, 20px 20px; } }

.o-ui {
  /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  width: 100%; }
  .o-ui html,
  .o-ui body,
  .o-ui p,
  .o-ui ol,
  .o-ui ul,
  .o-ui li,
  .o-ui dl,
  .o-ui dt,
  .o-ui dd,
  .o-ui blockquote,
  .o-ui figure,
  .o-ui fieldset,
  .o-ui legend,
  .o-ui textarea,
  .o-ui pre,
  .o-ui iframe,
  .o-ui hr,
  .o-ui h1,
  .o-ui h2,
  .o-ui h3,
  .o-ui h4,
  .o-ui h5,
  .o-ui h6 {
    margin: 0;
    padding: 0; }
  .o-ui h1,
  .o-ui h2,
  .o-ui h3,
  .o-ui h4,
  .o-ui h5,
  .o-ui h6 {
    font-size: 100%;
    font-weight: normal; }
  .o-ui ul {
    list-style: none; }
  .o-ui button,
  .o-ui input,
  .o-ui select,
  .o-ui textarea {
    margin: 0; }
  .o-ui html {
    box-sizing: border-box; }
  .o-ui *,
  .o-ui *::before,
  .o-ui *::after {
    box-sizing: inherit; }
  .o-ui img,
  .o-ui embed,
  .o-ui iframe,
  .o-ui object,
  .o-ui audio,
  .o-ui video {
    height: auto;
    max-width: 100%; }
  .o-ui iframe {
    border: 0; }
  .o-ui table {
    border-collapse: collapse;
    border-spacing: 0; }
  .o-ui td,
  .o-ui th {
    padding: 0;
    text-align: left; }
  .o-ui button,
  .o-ui input,
  .o-ui select,
  .o-ui textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
  .o-ui input[type=text],
  .o-ui textarea {
    appearance: none;
    appearance: none;
    appearance: none; }
  .o-ui textarea {
    overflow: auto; }
  .o-ui h1,
  .o-ui h2,
  .o-ui h3,
  .o-ui h4,
  .o-ui h5,
  .o-ui h6,
  .o-ui .h1,
  .o-ui .h2,
  .o-ui .h3,
  .o-ui .h4,
  .o-ui .h5,
  .o-ui .h6 {
    margin: 0;
    margin-bottom: 0.5rem; }
  .o-ui h1,
  .o-ui .h1 {
    font-size: 2.5rem;
    line-height: 1.125; }
  .o-ui h2,
  .o-ui .h2 {
    font-size: 2rem;
    line-height: 1.25; }
  .o-ui h3,
  .o-ui .h3 {
    font-size: 1.75rem; }
  .o-ui h4,
  .o-ui .h4 {
    font-size: 1.5rem; }
  .o-ui h5,
  .o-ui .h5 {
    font-size: 1.25rem; }
  .o-ui h6,
  .o-ui .h6 {
    font-size: 1rem; }
  .o-ui p {
    line-height: 1.25; }
  .o-ui li {
    list-style: none; }
  .o-ui a {
    color: #008ff5; }
    .o-ui a strong {
      color: currentColor; }
    .o-ui a:hover {
      color: #b5b5b5; }
  .o-ui svg use {
    pointer-events: none; }
  .o-ui .control {
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
    z-index: 50; }
  .o-ui .container {
    display: flex;
    margin: 2rem;
    position: relative; }
    .o-ui .container.no-margin {
      margin: 0; }
  .o-ui .dropdown {
    height: 100%;
    width: 100%; }
  .o-ui .dropdown button {
    height: 100%;
    position: relative;
    width: 100%; }
  .o-ui .dropdown .collapse-container {
    position: absolute;
    width: 100%; }
  .o-ui .dropdown .collapse-header {
    height: 100%; }
  .o-ui .dropdown li {
    padding: .25rem .5rem; }
  .o-ui .dropdown li:hover {
    background-color: #eee;
    cursor: pointer; }
  .o-ui .dropdown li:focus {
    background-color: #eee;
    cursor: pointer; }
  .o-ui .dropdown li:focus:not(:focus-visible) {
    background-color: #000;
    cursor: pointer; }
  .o-ui .flex {
    display: flex;
    /* Use this on an empty div to simulate a br in flex. requires that container has flex-wrap: wrap*/ }
    .o-ui .flex.row {
      flex-direction: row; }
    .o-ui .flex.row-reverse {
      flex-direction: row-reverse; }
    .o-ui .flex.column {
      flex-direction: column; }
    .o-ui .flex.column-reverse {
      flex-direction: column-reverse; }
    .o-ui .flex .shrink {
      flex-shrink: 1; }
    .o-ui .flex .grow {
      flex-grow: 1; }
    .o-ui .flex .no-shrink {
      flex-shrink: 0; }
    .o-ui .flex .no-grow {
      flex-grow: 0; }
    .o-ui .flex .grow-all {
      flex-grow: 2; }
    .o-ui .flex .no-wrap {
      flex-wrap: nowrap; }
    .o-ui .flex .wrap {
      flex-wrap: wrap; }
    .o-ui .flex .flex-line-break {
      flex-basis: 100%;
      height: 0; }
    .o-ui .flex .justify-start {
      justify-content: flex-start; }
    .o-ui .flex .justify-end {
      justify-content: flex-end; }
    .o-ui .flex .justify-center {
      justify-content: center; }
    .o-ui .flex .justify-space-between {
      justify-content: space-between; }
    .o-ui .flex .justify-space-evenly {
      justify-content: space-evenly; }
    .o-ui .flex .align-start {
      align-items: flex-start; }
    .o-ui .flex .align-end {
      align-items: flex-end; }
    .o-ui .flex .align-center {
      align-items: center; }
    .o-ui .flex .align-baseline {
      align-items: baseline; }
    .o-ui .flex .align-stretch {
      align-items: stretch; }
    .o-ui .flex .basis-0 {
      flex-basis: 0; }
    .o-ui .flex .basis-25 {
      flex-basis: 25%; }
    .o-ui .flex .basis-50 {
      flex-basis: 50%; }
    .o-ui .flex .basis-75 {
      flex-basis: 75%; }
    .o-ui .flex .basis-100 {
      flex-basis: 100%; }
    .o-ui .flex .small-gap {
      gap: 0.2rem; }
  .o-ui .grid {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5rem; }
  .o-ui .grid > * {
    flex: 1 0 5rem;
    margin: 0.5rem; }
  .o-ui .box {
    background-color: white;
    box-sizing: border-box;
    max-height: calc(100% - (1rem * 2));
    max-width: calc(100% - (1rem * 2));
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute; }
    .o-ui .box.no-margin {
      max-height: 100%;
      max-width: 100%; }
    .o-ui .box.transparent {
      background-color: transparent;
      overflow: visible; }
  .o-ui input::-ms-clear {
    display: none; }
  .o-ui textarea,
  .o-ui select,
  .o-ui input {
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    box-sizing: border-box;
    font-family: Arial;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: .375rem;
    padding: 0.5rem 0.75rem;
    resize: vertical; }
    .o-ui textarea.grey,
    .o-ui select.grey,
    .o-ui input.grey {
      background-color: #ebebeb; }
    .o-ui textarea.grey::placeholder,
    .o-ui select.grey::placeholder,
    .o-ui input.grey::placeholder {
      color: #4a4a4a; }
    .o-ui textarea.small,
    .o-ui select.small,
    .o-ui input.small {
      font-size: 0.875rem;
      line-height: 1.25; }
    .o-ui textarea.smaller,
    .o-ui select.smaller,
    .o-ui input.smaller {
      font-size: 0.75rem;
      line-height: 1.25; }
    .o-ui textarea.placeholder-text-small::placeholder,
    .o-ui select.placeholder-text-small::placeholder,
    .o-ui input.placeholder-text-small::placeholder {
      font-size: 0.875rem; }
    .o-ui textarea.placeholder-text-smaller::placeholder,
    .o-ui select.placeholder-text-smaller::placeholder,
    .o-ui input.placeholder-text-smaller::placeholder {
      font-size: 0.75rem; }
  .o-ui input[type=text].search {
    border: 0;
    margin: 0;
    max-width: 100%;
    outline: none;
    padding: 0 0.25rem; }
  .o-ui label {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5; }
  .o-ui input[type=checkbox] {
    color: white;
    height: 1rem;
    line-height: 1.5rem;
    margin: .25rem;
    vertical-align: bottom;
    width: 1rem; }
  .o-ui input[type=button] {
    background-color: white;
    border-radius: 3px;
    cursor: pointer; }
  .o-ui input[type=button]:hover {
    background-color: #dbdbdb; }
  .o-ui input[type=range] {
    appearance: none;
    border: 0;
    height: 24px;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 0; }
  .o-ui input[type=range]:focus {
    outline: none;
    border: 1px solid black; }
  .o-ui input[type=range]:focus:not(:focus-visible) {
    outline: none;
    border: 0; }
  .o-ui input[type=range]::-webkit-slider-runnable-track {
    animation: 0.2s;
    background: #008ff5;
    border-radius: 3px;
    cursor: pointer;
    height: 4px; }
  .o-ui input[type=range]::-webkit-slider-thumb {
    appearance: none;
    background: white;
    border: 1px solid #ebebeb;
    border-radius: 25px;
    box-shadow: 1px 1px 4px #4a4a4a;
    cursor: pointer;
    height: 16px;
    margin-top: -6.5px;
    width: 16px; }
  .o-ui input[type=range]:focus::-webkit-slider-runnable-track {
    background: #008ff5; }
  .o-ui input[type=range]::-moz-range-track {
    animation: 0.2s;
    background: #008ff5;
    border-radius: 3px;
    cursor: pointer;
    height: 4px; }
  .o-ui input[type=range]::-moz-range-thumb {
    background: white;
    border: 1px solid #ebebeb;
    border-radius: 25px;
    box-shadow: 1px 1px 4px #4a4a4a;
    cursor: pointer;
    height: 16px;
    width: 16px; }
  .o-ui input[type=range]::-ms-track {
    animation: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
    cursor: pointer;
    height: 4px; }
  .o-ui input[type=range]::-ms-fill-lower {
    background: #008ff5;
    border-radius: 6px; }
  .o-ui input[type=range]::-ms-fill-upper {
    background: #008ff5;
    border-radius: 6px; }
  .o-ui input[type=range]::-ms-thumb {
    background: white;
    border: 1px solid #ebebeb;
    border-radius: 25px;
    box-shadow: 1px 1px 4px #4a4a4a;
    cursor: pointer;
    height: 14px;
    margin-top: 1px;
    width: 16px; }
  .o-ui input[type=range]:focus::-ms-fill-lower {
    background: #008ff5; }
  .o-ui input[type=range]:focus::-ms-fill-upper {
    background: #008ff5; }
  .o-ui input[type=range]::-ms-tooltip {
    display: none; }
  .o-ui .button,
  .o-ui button {
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    padding: 0.5rem 0.75rem;
    width: auto; }
    .o-ui .button.center,
    .o-ui button.center {
      text-align: center; }
    .o-ui .button.medium,
    .o-ui button.medium {
      padding: 0.5rem 0.75rem; }
      .o-ui .button.medium.round,
      .o-ui button.medium.round {
        padding: 0.5rem; }
    .o-ui .button.large,
    .o-ui button.large {
      padding: 0.75rem 1.125rem; }
      .o-ui .button.large.round,
      .o-ui button.large.round {
        padding: 0.75rem; }
    .o-ui .button.small,
    .o-ui button.small {
      padding: 0.25rem 0.375rem; }
      .o-ui .button.small.round,
      .o-ui button.small.round {
        padding: 0.25rem; }
    .o-ui .button.smallest,
    .o-ui button.smallest {
      padding: 0.125rem; }
      .o-ui .button.smallest.round,
      .o-ui button.smallest.round {
        padding: 0.125rem; }
    .o-ui .button.compact,
    .o-ui button.compact {
      padding: 0; }
    .o-ui .button.primary,
    .o-ui button.primary {
      background-color: #008ff5; }
    .o-ui .button.danger,
    .o-ui button.danger {
      background-color: #c33932; }
    .o-ui .button.light,
    .o-ui button.light {
      background-color: white; }
    .o-ui .button.grey,
    .o-ui button.grey {
      background-color: #7a7a7a; }
    .o-ui .button.grey-light,
    .o-ui button.grey-light {
      background-color: #b5b5b5; }
    .o-ui .button.grey-lighter,
    .o-ui button.grey-lighter {
      background-color: #dbdbdb; }
    .o-ui .button.grey-lightest,
    .o-ui button.grey-lightest {
      background-color: #ebebeb; }
    .o-ui .button.border,
    .o-ui button.border {
      border: 2px solid white; }
      .o-ui .button.border.active,
      .o-ui button.border.active {
        border: 2px solid #b5b5b5; }
      .o-ui .button.border.active:hover,
      .o-ui button.border.active:hover {
        border: 2px solid #b5b5b5; }
      .o-ui .button.border.active:focus,
      .o-ui button.border.active:focus {
        border: 2px solid #b5b5b5; }
      .o-ui .button.border.active:focus:not(:focus-visible),
      .o-ui button.border.active:focus:not(:focus-visible) {
        border: 2px solid #b5b5b5; }
    .o-ui .button.border:hover,
    .o-ui button.border:hover {
      border: 2px solid #dbdbdb; }
    .o-ui .button.border:focus,
    .o-ui button.border:focus {
      border: 2px solid #dbdbdb; }
    .o-ui .button.border:focus:not(:focus-visible),
    .o-ui button.border:focus:not(:focus-visible) {
      border: 2px solid #dbdbdb; }
    .o-ui .button.border.primary,
    .o-ui button.border.primary {
      border: 2px solid #33aaff; }
    .o-ui .button.border.primary:hover,
    .o-ui button.border.primary:hover {
      border: 2px solid #0080db; }
    .o-ui .button.border.primary:focus,
    .o-ui button.border.primary:focus {
      border: 2px solid #0080db; }
    .o-ui .button.border.primary:focus:not(:focus-visible),
    .o-ui button.border.primary:focus:not(:focus-visible) {
      border: 2px solid #0080db; }
    .o-ui .button.border.primary.active,
    .o-ui button.border.primary.active {
      border: 2px solid #0080db; }
    .o-ui .button.round,
    .o-ui button.round {
      border-radius: 50%; }
      .o-ui .button.round [class*='icon'] > *,
      .o-ui .button.round [class^='icon'] > *,
      .o-ui button.round [class*='icon'] > *,
      .o-ui button.round [class^='icon'] > * {
        border-radius: 50%;
        overflow: hidden; }
  .o-ui button,
  .o-ui .button {
    outline: none; }
  .o-ui button:hover.light:hover,
  .o-ui .button:hover.light:hover {
    background-color: #ebebeb; }
  .o-ui button:hover.primary:hover,
  .o-ui .button:hover.primary:hover {
    background-color: #0080db; }
  .o-ui button:hover.danger:hover,
  .o-ui .button:hover.danger:hover {
    background-color: #ae332d; }
  .o-ui button:hover.grey-light:hover,
  .o-ui .button:hover.grey-light:hover {
    background-color: #7a7a7a; }
  .o-ui button:hover.grey-lighter:hover,
  .o-ui .button:hover.grey-lighter:hover {
    background-color: #b5b5b5; }
  .o-ui button:hover.grey-lightest:hover,
  .o-ui .button:hover.grey-lightest:hover {
    background-color: #dbdbdb; }
  .o-ui button:focus.light:focus,
  .o-ui .button:focus.light:focus {
    background-color: #b5b5b5;
    border: 1px solid black; }
  .o-ui button:focus.primary:focus,
  .o-ui .button:focus.primary:focus {
    background-color: #0080db;
    border: 1px solid black; }
  .o-ui button:focus.danger:focus,
  .o-ui .button:focus.danger:focus {
    background-color: #ae332d;
    border: 1px solid black; }
  .o-ui button:focus.grey-light:focus,
  .o-ui .button:focus.grey-light:focus {
    background-color: #7a7a7a;
    border: 1px solid black; }
  .o-ui button:focus.grey-lighter:focus,
  .o-ui .button:focus.grey-lighter:focus {
    background-color: #b5b5b5;
    border: 1px solid black; }
  .o-ui button:focus.grey-lightest:focus,
  .o-ui .button:focus.grey-lightest:focus {
    background-color: #dbdbdb;
    border: 1px solid black; }
  .o-ui button:focus.icon-small:focus,
  .o-ui .button:focus.icon-small:focus {
    border: 1px solid black; }
  .o-ui button:focus.icon-smaller:focus,
  .o-ui .button:focus.icon-smaller:focus {
    border: 1px solid black; }
  .o-ui button:focus.icon-smallest:focus,
  .o-ui .button:focus.icon-smallest:focus {
    border: 1px solid black; }
  .o-ui button:focus:not(:focus-visible).light:focus:not(:focus-visible),
  .o-ui .button:focus:not(:focus-visible).light:focus:not(:focus-visible) {
    background-color: white;
    border: 0; }
  .o-ui button:focus:not(:focus-visible).light:focus:not([class*='icon']):not(:focus-visible),
  .o-ui .button:focus:not(:focus-visible).light:focus:not([class*='icon']):not(:focus-visible) {
    background-color: #dbdbdb;
    border: 0; }
  .o-ui button:focus:not(:focus-visible).primary:focus:not(:focus-visible),
  .o-ui .button:focus:not(:focus-visible).primary:focus:not(:focus-visible) {
    background-color: #008ff5;
    border: 0; }
  .o-ui button:focus:not(:focus-visible).danger:focus:not(:focus-visible),
  .o-ui .button:focus:not(:focus-visible).danger:focus:not(:focus-visible) {
    background-color: #c33932;
    border: 0; }
  .o-ui button:focus:not(:focus-visible).grey-light:focus:not(:focus-visible),
  .o-ui .button:focus:not(:focus-visible).grey-light:focus:not(:focus-visible) {
    background-color: #b5b5b5;
    border: 0; }
  .o-ui button:focus:not(:focus-visible).grey-lighter:focus:not(:focus-visible),
  .o-ui .button:focus:not(:focus-visible).grey-lighter:focus:not(:focus-visible) {
    background-color: #dbdbdb;
    border: 0; }
  .o-ui button:focus:not(:focus-visible).grey-lightest:focus:not(:focus-visible),
  .o-ui .button:focus:not(:focus-visible).grey-lightest:focus:not(:focus-visible) {
    background-color: #ebebeb;
    border: 0; }
  .o-ui button:focus:not(:focus-visible).icon-small:focus:not(:focus-visible),
  .o-ui .button:focus:not(:focus-visible).icon-small:focus:not(:focus-visible) {
    border: 0; }
  .o-ui button:focus:not(:focus-visible).icon-bg:focus:not(:focus-visible),
  .o-ui .button:focus:not(:focus-visible).icon-bg:focus:not(:focus-visible) {
    border: 2px solid #b5b5b5; }
  .o-ui button:focus:not(:focus-visible).icon-smaller:focus:not(:focus-visible),
  .o-ui .button:focus:not(:focus-visible).icon-smaller:focus:not(:focus-visible) {
    border: 0; }
  .o-ui button:focus:not(:focus-visible).icon-smallest:focus:not(:focus-visible),
  .o-ui .button:focus:not(:focus-visible).icon-smallest:focus:not(:focus-visible) {
    border: 0; }
  .o-ui button.active.light:not([class*='icon']),
  .o-ui .button.active.light:not([class*='icon']) {
    background-color: #dbdbdb; }
  .o-ui .button-group.divider-horizontal > .button,
  .o-ui .button-group.divider-horizontal > button {
    border-right: 1px solid #dbdbdb; }
  .o-ui .button-group.divider-horizontal > .button:last-child,
  .o-ui .button-group.divider-horizontal > button:last-child {
    border-right: 0; }
  .o-ui .button-group.divider-vertical > .button,
  .o-ui .button-group.divider-vertical > button {
    border-bottom: 1px solid #dbdbdb; }
  .o-ui .button-group.divider-vertical > .button:last-child,
  .o-ui .button-group.divider-vertical > button:last-child {
    border-right: 0; }
  .o-ui .collapse-container {
    overflow: hidden;
    position: relative;
    transition: all 0.3s; }
  .o-ui .collapse > .collapse-header .rotate.icon, .o-ui .collapse-scroll > .collapse-header .rotate.icon {
    transition: all 0.3s ease; }
  .o-ui .collapse.expanded > .collapse-header, .o-ui .expanded.collapse-scroll > .collapse-header {
    border-bottom: none; }
    .o-ui .collapse.expanded > .collapse-header .rotate.icon, .o-ui .expanded.collapse-scroll > .collapse-header .rotate.icon {
      transform: rotate(90deg); }
    .o-ui .collapse.expanded > .collapse-header .rotate-180.icon, .o-ui .expanded.collapse-scroll > .collapse-header .rotate-180.icon {
      transform: rotate(180deg); }
  .o-ui .collapse-scroll.expanded {
    height: calc(100% - 2rem); }
  .o-ui .move-item {
    background-color: #008ff5;
    opacity: 0.2; }
  .o-ui .icon-smallest:not(.button):not(button) {
    height: 0.75rem;
    width: 0.75rem; }
  .o-ui .icon-smaller:not(.button):not(button) {
    height: 1.125rem;
    width: 1.125rem; }
  .o-ui .icon-small:not(.button):not(button) {
    height: 1.5rem;
    width: 1.5rem; }
  .o-ui .icon-medium:not(.button):not(button) {
    height: 2rem;
    width: 2rem; }
  .o-ui .icon-large:not(.button):not(button) {
    height: 2.5rem;
    width: 2.5rem; }
  .o-ui .button.icon,
  .o-ui button.icon {
    margin: 0;
    padding: 0; }
  .o-ui .button .icon,
  .o-ui button .icon {
    display: inline-block; }
  .o-ui .button.icon-smallest .icon,
  .o-ui .button.icon-smallest .icon > *,
  .o-ui button.icon-smallest .icon,
  .o-ui button.icon-smallest .icon > * {
    height: 0.75rem;
    width: 0.75rem; }
  .o-ui .button.icon-smaller .icon,
  .o-ui .button.icon-smaller .icon > *,
  .o-ui button.icon-smaller .icon,
  .o-ui button.icon-smaller .icon > * {
    height: 1.125rem;
    width: 1.125rem; }
  .o-ui .button.icon-small .icon,
  .o-ui .button.icon-small .icon > *,
  .o-ui button.icon-small .icon,
  .o-ui button.icon-small .icon > * {
    height: 1.5rem;
    width: 1.5rem; }
  .o-ui .button.icon-medium .icon,
  .o-ui .button.icon-medium .icon > *,
  .o-ui button.icon-medium .icon,
  .o-ui button.icon-medium .icon > * {
    height: 2rem;
    width: 2rem; }
  .o-ui .button.icon-large .icon,
  .o-ui .button.icon-large .icon > *,
  .o-ui button.icon-large .icon,
  .o-ui button.icon-large .icon > * {
    height: 2.5rem;
    width: 2.5rem; }
  .o-ui .button[class^='icon'],
  .o-ui .button[class*='icon'],
  .o-ui button[class^='icon'],
  .o-ui button[class*='icon'] {
    line-height: 0; }
  .o-ui .button svg,
  .o-ui button svg {
    fill: #4a4a4a;
    height: inherit;
    width: inherit; }
  .o-ui .button.active svg,
  .o-ui button.active svg {
    fill: #008ff5; }
  .o-ui .button.tracking svg,
  .o-ui button.tracking svg {
    fill: #008ff5; }
  .o-ui .button.inactive svg,
  .o-ui button.inactive svg {
    fill: #7a7a7a; }
  .o-ui .button.disabled svg,
  .o-ui button.disabled svg {
    fill: #b5b5b5; }
  .o-ui .button.primary svg,
  .o-ui button.primary svg {
    fill: white; }
  .o-ui button.grey-light svg,
  .o-ui .button.grey-light svg,
  .o-ui .button.grey svg,
  .o-ui button.grey svg {
    fill: white; }
  .o-ui svg.primary {
    fill: #008ff5; }
  .o-ui svg.primary-inverse {
    fill: white; }
  .o-ui svg.grey-dark {
    fill: #4a4a4a; }
  .o-ui svg.grey {
    fill: #7a7a7a; }
  .o-ui svg.grey-light {
    fill: #b5b5b5; }
  .o-ui svg.grey-lighter {
    fill: #dbdbdb; }
  .o-ui svg.grey-lightest {
    fill: #ebebeb; }
  .o-ui svg.white {
    fill: white; }
  .o-ui img.cover {
    object-fit: cover; }
  .o-ui img.contain {
    object-fit: contain; }
  .o-ui img.scale-down {
    object-fit: scale-down; }
  .o-ui .divider {
    border-right: 1px solid #dbdbdb;
    display: inline-block;
    width: auto; }
    .o-ui .divider.horizontal {
      border-bottom: 1px solid #dbdbdb;
      border-right: 'none';
      line-height: 0;
      width: 100%; }
  .o-ui .list > li,
  .o-ui .list > .item {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem; }
  .o-ui .list > li:first-child,
  .o-ui .list > .item:first-child {
    padding-top: 0.5rem; }
  .o-ui .list > li:last-child,
  .o-ui .list > .item:last-child {
    padding-bottom: 0.5rem; }
  .o-ui .list.divided > .item {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem; }
  .o-ui .list.divided > .item:first-child {
    padding-top: 0.75rem; }
  .o-ui .list.divided > .item:last-child {
    border: 0;
    padding-bottom: 0.75rem; }
  .o-ui .list.divider-start > li:first-child {
    border-top: 'none'; }
  .o-ui .list.divider-end > li:last-child {
    border-bottom: 1px solid #dbdbdb; }
  .o-ui .list.divider-end-rootgroup > li:last-child {
    border-bottom: 'none'; }
  .o-ui .list.divider-end > li:last-child .divider-end > li:last-child {
    border-bottom: 'none'; }
  .o-ui .list.divider-end > li:last-child .divider-end > li:last-child {
    border-bottom: 'none'; }
  .o-ui .list.divider-end > li:last-child li:not(:last-child) .divider-end > li:last-child {
    border-bottom: 1px solid #dbdbdb; }
  .o-ui .toggle-group {
    display: inline-block; }
  .o-ui .slidenav {
    box-sizing: border-box;
    display: inline-block;
    line-height: 0;
    position: relative;
    transition: height 0.3s; }
    .o-ui .slidenav > .main {
      box-sizing: border-box;
      display: inline-block;
      left: 0;
      position: relative;
      top: 0;
      transition: all 0.3s;
      width: 100%;
      will-change: transform; }
      .o-ui .slidenav > .main.absolute {
        position: absolute; }
    .o-ui .slidenav > .secondary {
      background-color: #fff;
      box-sizing: border-box;
      display: inline-block;
      left: 0;
      opacity: 0;
      overflow: hidden;
      position: relative;
      top: 0;
      transition: all 0.3s;
      width: 100%;
      will-change: transform;
      z-index: 1000;
      height: unset; }
      .o-ui .slidenav > .secondary.absolute {
        position: absolute;
        height: 0; }
    .o-ui .slidenav.right .secondary {
      transform: translateX(100%); }
    .o-ui .slidenav.left .secondary {
      transform: translateX(-100%); }
    .o-ui .slidenav.slide-secondary {
      overflow: hidden; }
      .o-ui .slidenav.slide-secondary.right .main {
        transform: translateX(-20%); }
      .o-ui .slidenav.slide-secondary.left .main {
        transform: translateX(20%); }
      .o-ui .slidenav.slide-secondary .secondary {
        opacity: 1;
        transform: none; }
  .o-ui .o-scrollbar::-webkit-scrollbar {
    width: 11px; }
  .o-ui .o-scrollbar {
    scrollbar-color: #dcdcdc white;
    scrollbar-width: thin; }
  .o-ui .o-scrollbar::-webkit-scrollbar-track {
    background: white; }
  .o-ui .o-scrollbar::-webkit-scrollbar-thumb {
    background-color: #dcdcdc;
    border: 3px solid white;
    border-radius: 6px; }
  .o-ui .fade-in {
    animation: 0.3s fade-in ease; }
  .o-ui .fade-out {
    animation: 0.3s fade-out ease; }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes spin {
  to {
    transform: rotate(360deg); } }
  .o-ui .bg-primary {
    background-color: #008ff5; }
  .o-ui .bg-black {
    background-color: black; }
  .o-ui .bg-white {
    background-color: white; }
  .o-ui .bg-red {
    background-color: #c33932; }
  .o-ui .bg-orange {
    background-color: #ff9500; }
  .o-ui .bg-yellow {
    background-color: #ffcc00; }
  .o-ui .bg-green {
    background-color: #4eda65; }
  .o-ui .bg-blue {
    background-color: #008ff5; }
  .o-ui .bg-purple {
    background-color: #5957d6; }
  .o-ui .bg-pink {
    background-color: #ff2e54; }
  .o-ui .bg-grey-darker {
    background-color: #363636; }
  .o-ui .bg-grey-dark {
    background-color: #4a4a4a; }
  .o-ui .bg-grey {
    background-color: #7a7a7a; }
  .o-ui .bg-grey-light {
    background-color: #b5b5b5; }
  .o-ui .bg-grey-lighter {
    background-color: #dbdbdb; }
  .o-ui .bg-grey-lightest {
    background-color: #ebebeb; }
  @media (hover: hover) and (pointer: fine) {
    .o-ui .hover:hover {
      background-color: #dbdbdb; }
    .o-ui .hover.light:hover {
      background-color: #dbdbdb; }
    .o-ui .hover.primary:hover {
      background-color: #0080db; }
    .o-ui .hover.danger:hover {
      background-color: #ae332d; }
    .o-ui .hover.grey-light:hover {
      background-color: #b5b5b5; }
    .o-ui .hover.grey-lighter:hover {
      background-color: #dbdbdb; }
    .o-ui .hover.grey-lightest:hover {
      background-color: #ebebeb; } }
  .o-ui .margin {
    margin: 0.75rem; }
  .o-ui .margin-top {
    margin-top: 0.75rem; }
  .o-ui .margin-right {
    margin-right: 0.75rem; }
  .o-ui .margin-bottom {
    margin-bottom: 0.75rem; }
  .o-ui .margin-left {
    margin-left: 0.75rem; }
  .o-ui .margin-x {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  .o-ui .margin-y {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem; }
  .o-ui .margin-x-auto {
    margin-left: auto;
    margin-right: auto; }
  .o-ui .margin-y-auto {
    margin-bottom: auto;
    margin-top: auto; }
  .o-ui .margin-top-auto {
    margin-top: auto; }
  .o-ui .margin-bottom-auto {
    margin-bottom: auto; }
  .o-ui .margin-left-auto {
    margin-left: auto; }
  .o-ui .margin-right-auto {
    margin-right: auto; }
  .o-ui .margin-large {
    margin: 1rem; }
  .o-ui .margin-top-large {
    margin-top: 1rem; }
  .o-ui .margin-right-large {
    margin-right: 1rem; }
  .o-ui .margin-bottom-large {
    margin-bottom: 1rem; }
  .o-ui .margin-left-large {
    margin-left: 1rem; }
  .o-ui .margin-x-large {
    margin-left: 1rem;
    margin-right: 1rem; }
  .o-ui .margin-y-large {
    margin-bottom: 1rem;
    margin-top: 1rem; }
  .o-ui .margin-small {
    margin: 0.5rem; }
  .o-ui .margin-top-small {
    margin-top: 0.5rem; }
  .o-ui .margin-right-small {
    margin-right: 0.5rem; }
  .o-ui .margin-bottom-small {
    margin-bottom: 0.5rem; }
  .o-ui .margin-left-small {
    margin-left: 0.5rem; }
  .o-ui .margin-x-small {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .o-ui .margin-y-small {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem; }
  .o-ui .margin-smaller {
    margin: 0.25rem; }
  .o-ui .margin-top-smaller {
    margin-top: 0.25rem; }
  .o-ui .margin-right-smaller {
    margin-right: 0.25rem; }
  .o-ui .margin-bottom-smaller {
    margin-bottom: 0.25rem; }
  .o-ui .margin-left-smaller {
    margin-left: 0.25rem; }
  .o-ui .margin-x-smaller {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  .o-ui .margin-y-smaller {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem; }
  .o-ui .margin-smallest {
    margin: 0.125rem; }
  .o-ui .margin-top-smallest {
    margin-top: 0.125rem; }
  .o-ui .margin-right-smallest {
    margin-right: 0.125rem; }
  .o-ui .margin-bottom-smallest {
    margin-bottom: 0.125rem; }
  .o-ui .margin-left-smallest {
    margin-left: 0.125rem; }
  .o-ui .margin-x-smallest {
    margin-left: 0.125rem;
    margin-right: 0.125rem; }
  .o-ui .margin-y-smallest {
    margin-bottom: 0.125rem;
    margin-top: 0.125rem; }
  .o-ui .padding {
    padding: 0.75rem; }
  .o-ui .padding-top {
    padding-top: 0.75rem; }
  .o-ui .padding-right {
    padding-right: 0.75rem; }
  .o-ui .padding-bottom {
    padding-bottom: 0.75rem; }
  .o-ui .padding-left {
    padding-left: 0.75rem; }
  .o-ui .padding-x {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .o-ui .padding-y {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem; }
  .o-ui .padding-large {
    padding: 1rem; }
  .o-ui .padding-top-large {
    padding-top: 1rem; }
  .o-ui .padding-right-large {
    padding-right: 1rem; }
  .o-ui .padding-bottom-large {
    padding-bottom: 1rem; }
  .o-ui .padding-left-large {
    padding-left: 1rem; }
  .o-ui .padding-x-large {
    padding-left: 1rem;
    padding-right: 1rem; }
  .o-ui .padding-y-large {
    padding-bottom: 1rem;
    padding-top: 1rem; }
  .o-ui .padding-small {
    padding: 0.5rem; }
  .o-ui .padding-top-small {
    padding-top: 0.5rem; }
  .o-ui .padding-right-small {
    padding-right: 0.5rem; }
  .o-ui .padding-bottom-small {
    padding-bottom: 0.5rem; }
  .o-ui .padding-left-small {
    padding-left: 0.5rem; }
  .o-ui .padding-x-small {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .o-ui .padding-y-small {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem; }
  .o-ui .padding-smaller {
    padding: 0.25rem; }
  .o-ui .padding-top-smaller {
    padding-top: 0.25rem; }
  .o-ui .padding-right-smaller {
    padding-right: 0.25rem; }
  .o-ui .padding-bottom-smaller {
    padding-bottom: 0.25rem; }
  .o-ui .padding-left-smaller {
    padding-left: 0.25rem; }
  .o-ui .padding-x-smaller {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  .o-ui .padding-y-smaller {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem; }
  .o-ui .padding-smallest {
    padding: 0.125rem; }
  .o-ui .padding-top-smallest {
    padding-top: 0.125rem; }
  .o-ui .padding-right-smallest {
    padding-right: 0.125rem; }
  .o-ui .padding-bottom-smallest {
    padding-bottom: 0.125rem; }
  .o-ui .padding-left-smallest {
    padding-left: 0.125rem; }
  .o-ui .padding-x-smallest {
    padding-left: 0.125rem;
    padding-right: 0.125rem; }
  .o-ui .padding-y-smallest {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem; }
  .o-ui .padding-0 {
    padding: 0; }
  .o-ui .bottom-right {
    bottom: 1rem;
    right: 1rem; }
    .o-ui .bottom-right.no-margin {
      bottom: 0;
      right: 0; }
  .o-ui .bottom-left {
    bottom: 1rem;
    left: 1rem; }
    .o-ui .bottom-left.no-margin {
      bottom: 0;
      left: 0; }
  .o-ui .top-left {
    left: 1rem;
    top: 1rem; }
    .o-ui .top-left.no-margin {
      left: 0;
      top: 0; }
  .o-ui .top-right {
    right: 1rem;
    top: 1rem; }
    .o-ui .top-right.no-margin {
      right: 0;
      top: 0; }
  .o-ui .bottom-center {
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%); }
    .o-ui .bottom-center.no-margin {
      bottom: 0; }
  .o-ui .top-center {
    left: 50%;
    top: 1rem;
    transform: translateX(-50%); }
    .o-ui .top-center.no-margin {
      top: 0; }
  .o-ui .center-center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .o-ui .full {
    height: calc(100% - (1rem * 2));
    width: calc(100% - (1rem * 2)); }
  .o-ui .width-full {
    width: calc(100% - (1rem * 2)); }
  .o-ui .height-full {
    height: calc(100% - (1rem * 2)); }
  .o-ui .no-margin.full {
    height: 100%;
    width: 100%; }
  .o-ui .no-margin.height-full {
    height: 100%; }
  .o-ui .no-margin.width-full {
    width: 100%; }
  .o-ui .height-100[style] {
    height: 100% !important; }
  .o-ui .width-100[style] {
    width: 100% !important; }
  .o-ui .width-88[style] {
    width: 88% !important; }
  .o-ui .height-125 {
    height: 1.25rem; }
  .o-ui .width-4 {
    width: 4rem; }
  .o-ui .width-8 {
    width: 8rem; }
  .o-ui .width-12 {
    width: 12rem; }
  .o-ui .width-16 {
    width: 16rem; }
  .o-ui .width-20 {
    width: 20rem; }
  .o-ui .width-24 {
    width: 24rem; }
  .o-ui .width-28 {
    width: 28rem; }
  .o-ui .width-32 {
    width: 32rem; }
  .o-ui .width-36 {
    width: 36rem; }
  .o-ui .width-40 {
    width: 40rem; }
  .o-ui .width-44 {
    width: 44rem; }
  .o-ui .width-48 {
    width: 48rem; }
  .o-ui .width-52 {
    width: 52rem; }
  .o-ui .width-56 {
    width: 56rem; }
  .o-ui .width-60 {
    width: 60rem; }
  .o-ui .width-64 {
    width: 64rem; }
  .o-ui .spacing-horizontal-large > * {
    margin: 0 0.75rem; }
  .o-ui .spacing-horizontal > * {
    margin: 0 0.5rem; }
  .o-ui .spacing-horizontal-small > * {
    margin: 0 0.25rem; }
  .o-ui .spacing-vertical-large > * {
    margin: 0 0 0.75rem 0; }
  .o-ui .spacing-vertical > * {
    margin: 0 0 0.5rem 0; }
  .o-ui .spacing-vertical-small > * {
    margin: 0 0 0.5rem 0; }
  .o-ui .spacing-horizontal-large:first-child,
  .o-ui .spacing-horizontal:first-child,
  .o-ui .spacing-horizontal-small:first-child {
    margin-left: 0; }
  .o-ui .spacing-horizontal-large:last-child,
  .o-ui .spacing-horizontal:last-child,
  .o-ui .spacing-horizontal-small:last-child {
    margin-right: 0; }
  .o-ui .spacing-vertical-large:first-child,
  .o-ui .spacing-vertical:first-child,
  .o-ui .spacing-vertical-small:first-child {
    margin-top: 0; }
  .o-ui .spacing-vertical-large:last-child,
  .o-ui .spacing-vertical:last-child,
  .o-ui .spacing-vertical-small:last-child {
    margin-bottom: 0; }
  .o-ui .text-primary {
    color: black; }
  .o-ui .text-inverse {
    color: white; }
  .o-ui .text-black {
    color: black; }
  .o-ui .text-white {
    color: white; }
  .o-ui .text-grey-dark {
    color: #363636; }
  .o-ui .text-grey {
    color: #7a7a7a; }
  .o-ui .text-grey-light {
    color: #b5b5b5; }
  .o-ui .text-grey-lighter {
    color: #dbdbdb; }
  .o-ui .text-red {
    color: #c33932; }
  .o-ui .text-orange {
    color: #ff9500; }
  .o-ui .text-yellow {
    color: #ffcc00; }
  .o-ui .text-green {
    color: #4eda65; }
  .o-ui .text-blue {
    color: #008ff5; }
  .o-ui .text-purple {
    color: #5957d6; }
  .o-ui .text-pink {
    color: #ff2e54; }
  .o-ui .text-smallest {
    font-size: 0.625rem;
    line-height: 1rem; }
  .o-ui .text-smaller {
    font-size: 0.75rem;
    line-height: 1.125rem; }
  .o-ui .text-small {
    font-size: 0.875rem;
    line-height: 1.25rem; }
  .o-ui .text-normal {
    font-size: 1rem;
    line-height: 1.5rem; }
  .o-ui .text-large {
    font-size: 1.25rem;
    line-height: 2rem; }
  .o-ui .text-align-center {
    text-align: center; }
  .o-ui .text-align-left {
    text-align: left; }
  .o-ui .text-align-right {
    text-align: right; }
  .o-ui .text-align-justify {
    text-align: justify; }
  .o-ui .float-left {
    float: left; }
  .o-ui .float-right {
    float: right; }
  .o-ui .text-weight-light {
    font-weight: 300; }
  .o-ui .text-weight-normal {
    font-weight: 400; }
  .o-ui .text-weight-semibold {
    font-weight: 600; }
  .o-ui .text-weight-bold {
    font-weight: 700; }
  .o-ui .text-fade::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%);
    bottom: 0;
    content: '';
    height: 1.5rem;
    position: absolute;
    right: 0;
    text-align: right;
    width: 4rem; }
  .o-ui .text-height-large {
    line-height: 2rem; }
    .o-ui .text-height-large.text-fade::after {
      height: 2rem; }
  .o-ui .text-height-normal {
    line-height: 1.5rem; }
    .o-ui .text-height-normal.text-fade::after {
      height: 1.5rem; }
  .o-ui .text-height-small {
    line-height: 1.25rem; }
    .o-ui .text-height-small.text-fade::after {
      height: 1.25rem; }
  .o-ui .text-height-smaller {
    line-height: 1.125rem; }
    .o-ui .text-height-smaller.text-fade::after {
      height: 1.125rem; }
  .o-ui .text-height-smallest {
    line-height: 1rem; }
    .o-ui .text-height-smallest.text-fade::after {
      height: 1rem; }
  .o-ui .break-word {
    word-wrap: break-word; }
  .o-ui .z-index-bottom {
    z-index: 0; }
  .o-ui .z-index-low {
    z-index: 25; }
  .o-ui .z-index-middle {
    z-index: 50; }
  .o-ui .z-index-high {
    z-index: 75; }
  .o-ui .z-index-top {
    z-index: 100; }
  .o-ui .z-index-ontop-low {
    z-index: 125; }
  .o-ui .z-index-ontop-middle {
    z-index: 150; }
  .o-ui .z-index-ontop-high {
    z-index: 175; }
  .o-ui .z-index-ontop-top {
    z-index: 200; }
  .o-ui .transparent {
    background-color: transparent;
    pointer-events: none; }
  .o-ui .transparent > * {
    pointer-events: auto; }
  .o-ui .transparent > .transparent {
    pointer-events: none; }
  .o-ui .semifaded {
    opacity: 0.5; }
  .o-ui .faded {
    opacity: 0;
    pointer-events: none; }
  .o-ui .boxshadow-subtle {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); }
  .o-ui .overflow-hidden {
    overflow: hidden; }
  .o-ui .overflow-scroll {
    overflow: scroll; }
  .o-ui .overflow-scroll-x {
    overflow-x: scroll; }
  .o-ui .overflow-scroll-y {
    overflow-y: scroll; }
  .o-ui .overflow-auto {
    overflow: auto; }
  .o-ui .overflow-auto-x {
    overflow-x: auto; }
  .o-ui .overflow-auto-y {
    overflow-y: auto; }
  .o-ui .overflow-unset {
    overflow: unset; }
  .o-ui .absolute {
    position: absolute; }
  .o-ui .fixed {
    position: fixed; }
  .o-ui .relative {
    position: relative; }
  .o-ui .sticky {
    position: sticky; }
  .o-ui .block {
    display: block; }
  .o-ui .inline-block {
    display: inline-block; }
  .o-ui .empty:empty {
    display: none; }
  .o-ui .box-shadow {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2); }
  .o-ui .box-shadow-subtle {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); }
  .o-ui .round {
    border-radius: 50%;
    overflow: hidden; }
  .o-ui .rounded {
    border-radius: 0.25rem;
    overflow: hidden; }
  .o-ui .rounded-large {
    border-radius: 1rem;
    overflow: hidden; }
  .o-ui .rounded-larger {
    border-radius: 2rem;
    overflow: hidden; }
  .o-ui .rounded-top {
    border-radius: 0.25rem 0.25rem 0 0;
    overflow: hidden; }
  .o-ui .rounded-right {
    border-radius: 0 0.25rem 0.25rem 0;
    overflow: hidden; }
  .o-ui .rounded-bottom {
    border-radius: 0 0 0.25rem 0.25rem;
    overflow: hidden; }
  .o-ui .rounded-left {
    border-radius: 0.25rem 0 0 0.25rem;
    overflow: hidden; }
  .o-ui .border {
    border: 1px solid #dbdbdb; }
  .o-ui .border-top {
    border-top: 1px solid #dbdbdb; }
  .o-ui .border-bottom {
    border-bottom: 1px solid #dbdbdb; }
  .o-ui .border-left {
    border-left: 1px solid #dbdbdb; }
  .o-ui .border-right {
    border-right: 1px solid #dbdbdb; }
  .o-ui .border-box {
    box-sizing: border-box; }
  .o-ui .no-border-box {
    box-sizing: initial; }
  .o-ui .cursor-auto {
    cursor: auto; }
  .o-ui .cell {
    cursor: cell; }
  .o-ui .col-resize {
    cursor: col-resize; }
  .o-ui .copy {
    cursor: copy; }
  .o-ui .crosshair {
    cursor: crosshair; }
  .o-ui .cursor-default {
    cursor: default; }
  .o-ui .ew-resize {
    cursor: ew-resize; }
  .o-ui .grab {
    cursor: grab; }
  .o-ui .grabbing {
    cursor: grabbing; }
  .o-ui .help {
    cursor: help; }
  .o-ui .move {
    cursor: move; }
  .o-ui .ns-resize {
    cursor: ns-resize; }
  .o-ui .no-cursor {
    cursor: none; }
  .o-ui .pointer {
    cursor: pointer; }
  .o-ui .progress {
    cursor: progress; }
  .o-ui .cursor-text {
    cursor: text; }
  .o-ui .no-select {
    user-select: none; }
  .o-ui .hidden {
    display: none !important; }
  .o-ui .max-height-100 {
    max-height: 100%; }
  .o-ui .group-indication {
    border-left: medium solid #008ff5;
    transition: border-left 0.3s linear; }
  .o-ui .no-group-indication {
    border-left: 0 solid #008ff5;
    transition: border-left 0.3s linear; }
  .o-ui .popup-menu {
    position: absolute;
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
    overflow-x: hidden;
    overflow-y: hidden; }
  .o-ui .popup-menu > ul > li {
    margin: 0.5rem; }
  .o-ui .popup-menu.overlay-popup {
    position: relative;
    text-align: right;
    right: 30px;
    margin-top: -30px;
    width: max-content; }
  .o-ui .popup-menu.button-popup {
    position: absolute;
    text-align: left;
    width: max-content;
    bottom: 5px;
    left: 0; }

.app {
  background-color: rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 100%; }

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%; }

.o-bookmark-button:focus {
  background-color: #dbdbdb; }

.o-bookmark-button.light:focus {
  background-color: #dbdbdb; }

.o-bookmark-button.primary:focus {
  background-color: #0080db; }

.o-bookmark-button.danger:focus {
  background-color: #ae332d; }

.o-bookmark-button.grey-light:focus {
  background-color: #b5b5b5; }

.o-bookmark-button.grey-lighter:focus {
  background-color: #dbdbdb; }

.o-bookmark-button.grey-lightest:focus {
  background-color: #ebebeb; }

.o-bookmark-button:focus:not(:focus-visible) {
  background-color: white; }

.o-bookmark-button.light:focus:not(:focus-visible) {
  background-color: white; }

.o-bookmark-button.primary:focus:not(:focus-visible) {
  background-color: #008ff5; }

.o-bookmark-button.danger:focus:not(:focus-visible) {
  background-color: #c33932; }

.o-bookmark-button.grey-light:focus:not(:focus-visible) {
  background-color: #b5b5b5; }

.o-bookmark-button.grey-lighter:focus:not(:focus-visible) {
  background-color: #dbdbdb; }

.o-bookmark-button.grey-lightest:focus:not(:focus-visible) {
  background-color: #ebebeb; }

.o-map {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* invisible but not hidden */
  /*workaround to remove ol logo until class for the logo*/
  /*Tooltip arrow*/
  /**
   * ============ Urval ==============
   */
  /**
   * ============ List ==============
   */
  /**
   * ============ Export ==============
   */ }
  .o-map *:focus {
    outline: none; }
  .o-map svg,
  .o-map object {
    width: 100%; }
  .o-map .ol-unsupported {
    display: none; }
  .o-map .ol-viewport .ol-unselectable {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
    user-select: none; }
  .o-map .ol-control {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45); }
  .o-map .no-boxshadow .ol-control {
    border: 1px solid #c5c5c5; }
  .o-map .ol-control:hover {
    background-color: rgba(255, 255, 255, 0.6); }
  .o-map .ol-zoom {
    width: 2rem; }
  .o-map .ol-rotate {
    transition: opacity .25s; }
  .o-map .ol-rotate.ol-hidden {
    opacity: 0;
    transition: opacity .25s linear, visibility 0s linear .25s;
    visibility: hidden; }
  @media print {
    .o-map .ol-zoom,
    .o-map .ol-full-screen {
      display: none; } }
  .o-map .ol-control button {
    background-color: white;
    border: 0;
    border-radius: 4px;
    color: #424242;
    color: #424242;
    cursor: pointer;
    display: block;
    font-size: 1em;
    height: 2em;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 2em; }
  .o-map .ol-control button::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .o-map .ol-control button:hover {
    background-color: #424242;
    color: #eee;
    text-decoration: none; }
  .o-map button.ol-zoom-in {
    border-bottom: 1px solid #c5c5c5 !important;
    border-radius: 4px 4px 0 0; }
  .o-map button.ol-zoom-out {
    border-radius: 0 0 4px 4px; }
  .o-map .ol-control.ol-rotate button {
    background-color: transparent;
    border-radius: 0; }
  .o-map .ol-rotate.ol-control {
    background-color: transparent;
    box-shadow: none; }
  .o-map .ol-compass {
    background-size: 2em;
    display: block;
    font-family: Arial;
    font-weight: normal;
    height: 2em;
    width: 2em; }
  .o-map .ol-scale-line,
  .o-map .ol-scale-line:not([ie8andbelow]) {
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    display: inline-block;
    padding: 2px;
    position: relative; }
  .o-map .ol-scale-line-inner {
    border: 1px solid #424242;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 'none';
    color: #424242;
    font-size: 10px;
    margin: 1px;
    padding: 0 2px;
    text-align: center; }
  .o-map .ol-scale-bar-inner {
    display: flex; }
  .o-map .ol-scale-singlebar-even {
    background-color: #000000; }
  .o-map .ol-scale-singlebar-odd {
    background-color: #FFFFFF; }
  .o-map .ol-has-tooltip [role=tooltip] {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    /* < IE8 */
    clip: rect(1px, 1px, 1px, 1px);
    font-size: 14px;
    font-weight: normal;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-shadow: 0 0 2px #fff;
    width: 1px; }
  .o-map .ol-attribution {
    bottom: .5em;
    max-width: calc(100% - 3.5em);
    padding: .35em 0;
    position: absolute;
    right: .5em;
    text-align: right;
    z-index: 30; }
  .o-map .ol-attribution ul {
    color: #fff;
    font-size: .7rem;
    line-height: 1.375em;
    margin: 0;
    max-width: 60%;
    padding: 0 .5em; }
  .o-map .ol-attribution li {
    display: inline;
    line-height: inherit;
    list-style: none; }
  .o-map .ol-attribution li:not(:last-child)::after {
    content: ' '; }
  .o-map .ol-attribution ul,
  .o-map .ol-attribution button {
    display: inline; }
  .o-map .ol-attribution:not(.ol-collapsed) button:hover [role=tooltip],
  .o-map .ol-attribution.ol-collapsed ul {
    display: none; }
  .o-map .ol-attribution.ol-logo-only ul {
    display: block; }
  .o-map .ol-attribution:not(.ol-collapsed) {
    background: transparent; }
  .o-map .ol-control.ol-attribution:not(.ol-collapsed) {
    box-shadow: none; }
  .o-map .ol-attribution:not(.ol-collapsed) button {
    background: transparent;
    color: #000; }
  .o-map .ol-attribution:not(.ol-collapsed) button:hover {
    background: #424242;
    color: #fff; }
  .o-map .ol-attribution.ol-collapsed button {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    color: #fff;
    height: 1.5em;
    width: 1.5em; }
  .o-map .ol-attribution.ol-uncollapsible {
    border-radius: 4px 0 0;
    bottom: 0;
    height: 1.1em;
    line-height: 1em;
    right: 0; }
  .o-map .ol-attribution.ol-logo-only {
    background: transparent;
    bottom: .4em;
    height: 1.1em;
    line-height: 1em; }
  .o-map .ol-attribution.ol-uncollapsible img {
    margin-top: -.2em;
    max-height: 1.6em; }
  .o-map .ol-attribution.ol-logo-only button,
  .o-map .ol-attribution.ol-uncollapsible button {
    display: none; }
  .o-map .ol-attribution img {
    display: none; }
  .o-map .ol-box {
    border: 2px solid #008ff5;
    border-radius: 2px;
    box-sizing: border-box; }
  .o-map .ol-dragzoom {
    background-color: rgba(255, 255, 255, 0.4);
    border-color: #007aff;
    border-width: 3px; }
  .o-map[class*=o-media-l] .ol-scale-line,
  .o-map[class*=o-media-l] .ol-scale-line-inner {
    display: none; }
  .o-map[class*=o-media-l] .ol-attribution {
    max-width: calc(100% - 3.5em);
    padding: 0; }
  .o-map[class*=o-media-l] .ol-attribution ul {
    color: #000; }
  .o-map[class*=o-media-l] .ol-control.ol-attribution:not(.ol-collapsed) {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.45); }
  .o-map[class*=o-media-l] .ol-control.ol-attribution.ol-collapsed {
    background-color: transparent;
    box-shadow: none; }
  .o-map[class*=o-media-l] .ol-attribution:not(.ol-collapsed) {
    background: rgba(255, 255, 255, 0.9); }
  .o-map[class*=o-media-l] .ol-attribution:not(.ol-collapsed) button {
    background: transparent;
    color: #000; }
  .o-map[class*=o-media-l] .ol-attribution.ol-collapsed button {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    color: #fff;
    height: 1.5em;
    width: 1.5em; }
  .o-map[class*=o-media-l] .ol-attribution {
    bottom: 1rem;
    left: 1rem;
    right: auto; }
  .o-map .ol-attribution li a {
    color: #bbb; }
  .o-map .ol-attribution li a:focus {
    color: #fff;
    text-decoration: underline; }
  .o-map .ol-attribution li a:focus:not(:focus-visible) {
    color: #bbb;
    text-decoration: none; }
  .o-map .ol-overlaycontainer-stopevent {
    z-index: unset !important; }
  .o-map .ol-overlaycontainer,
  .o-map .ol-overlaycontainer-stopevent {
    pointer-events: none; }
  .o-map .ol-overlaycontainer > *,
  .o-map .ol-overlaycontainer-stopevent > * {
    pointer-events: auto; }
  .o-map .glide {
    position: relative;
    width: 100%;
    box-sizing: border-box; }
    .o-map .glide * {
      box-sizing: inherit; }
    .o-map .glide__track {
      overflow: hidden; }
    .o-map .glide__slides {
      position: relative;
      width: 100%;
      list-style: none;
      backface-visibility: hidden;
      transform-style: preserve-3d;
      touch-action: pan-Y;
      overflow: hidden;
      margin: 0;
      padding: 0;
      white-space: nowrap;
      display: flex;
      flex-wrap: nowrap;
      will-change: transform; }
      .o-map .glide__slides--dragging {
        user-select: none; }
    .o-map .glide__slide {
      width: 100%;
      height: 100%;
      flex-shrink: 0;
      white-space: normal;
      user-select: none;
      -webkit-touch-callout: none;
      -webkit-tap-highlight-color: transparent; }
      .o-map .glide__slide a {
        user-select: none;
        -webkit-user-drag: none;
        -moz-user-select: none;
        -ms-user-select: none; }
    .o-map .glide__arrows {
      -webkit-touch-callout: none;
      user-select: none; }
    .o-map .glide__bullets {
      -webkit-touch-callout: none;
      user-select: none; }
    .o-map .glide--rtl {
      direction: rtl; }
  .o-map .glide__arrow {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    color: white;
    text-transform: uppercase;
    padding: 9px 12px;
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
    text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
    opacity: 1;
    cursor: pointer;
    transition: opacity 150ms ease, border 300ms ease-in-out;
    transform: translateY(-50%);
    line-height: 1; }
    .o-map .glide__arrow:focus {
      outline: none; }
    .o-map .glide__arrow:hover {
      border-color: white; }
    .o-map .glide__arrow--left {
      left: 2em; }
    .o-map .glide__arrow--right {
      right: 2em; }
    .o-map .glide__arrow--disabled {
      opacity: 0.33; }
  .o-map .glide__bullets {
    position: absolute;
    z-index: 2;
    bottom: 2em;
    left: 50%;
    display: inline-flex;
    list-style: none;
    transform: translateX(-50%); }
  .o-map .glide__bullet {
    background-color: rgba(255, 255, 255, 0.5);
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all 300ms ease-in-out;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
    margin: 0 0.25em; }
    .o-map .glide__bullet:focus {
      outline: none; }
    .o-map .glide__bullet:hover, .o-map .glide__bullet:focus {
      border: 2px solid white;
      background-color: rgba(255, 255, 255, 0.5); }
    .o-map .glide__bullet--active {
      background-color: white; }
  .o-map .glide--swipeable {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab; }
  .o-map .glide--dragging {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing; }
  .o-map .glide_arrows {
    padding: calc(5% + 1em);
    position: relative;
    padding-bottom: 0.2em; }
  .o-map .glide__arrow {
    padding: .3em;
    border: 1px solid rgba(25, 25, 25, 0.25);
    color: red;
    border-radius: 50%; }
  .o-map button.glide {
    color: rgba(25, 25, 25, 0.25); }
    .o-map button.glide__arrow--left {
      left: calc(50% - .3em * 8.5); }
    .o-map button.glide__arrow--right {
      right: calc(50% - .3em * 8.5); }
  .o-map .glide__bullets {
    position: relative;
    top: 0.05em;
    padding-bottom: 0.05em;
    display: block;
    text-align: center; }
  .o-map .glide__bullet {
    background-color: rgba(45, 45, 45, 0.25);
    padding: 0.4em; }
    .o-map .glide__bullet--active {
      background-color: rgba(45, 45, 45, 0.5); }
    .o-map .glide__bullet:hover {
      background-color: rgba(45, 45, 45, 0.8); }
    .o-map .glide__bullet:focus {
      background-color: rgba(45, 45, 45, 0.5); }
  .o-map .glide__track {
    overflow-y: auto; }
  .o-map .glide--carousel {
    display: flex;
    flex-direction: column;
    max-height: calc(70vh - 46px); }
  .o-map .glide__slide--clone {
    height: 0; }
  .o-map .o-image-carousel .glide_arrows {
    position: absolute;
    width: 100%;
    top: 50%; }
  .o-map .o-image-carousel .glide__arrow {
    transform: translateY(-100%);
    box-shadow: none;
    border: 1px solid rgba(25, 25, 25, 0.25);
    padding: .2em;
    background-color: rgba(255, 255, 255, 0.6);
    transition: background-color 0.5s; }
    .o-map .o-image-carousel .glide__arrow:hover {
      background-color: rgba(255, 255, 255, 0.8); }
  .o-map .o-image-carousel .glide__bullets {
    display: flex;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px; }
  .o-map .o-image-carousel .glide__bullet {
    width: 100%;
    height: 3px;
    border: none;
    padding: 0;
    border-radius: 0; }
    .o-map .o-image-carousel .glide__bullet--active {
      background-color: #008ff5; }
    .o-map .o-image-carousel .glide__bullet:hover {
      background-color: rgba(45, 45, 45, 0.8); }
  .o-map .o-image-carousel button.glide {
    color: rgba(25, 25, 25, 0.25); }
    .o-map .o-image-carousel button.glide__arrow--left {
      left: 1rem;
      border-radius: 50%; }
    .o-map .o-image-carousel button.glide__arrow--right {
      right: 1rem;
      border-radius: 50%; }
  @media (hover: none) {
    .o-map .glide__arrow:hover {
      border-color: rgba(25, 25, 25, 0.25); } }
  .o-map .o-card {
    background-color: #fff;
    font-size: 0.875em;
    line-height: 1.42857143; }
    .o-map .o-card .o-card-header {
      background-color: #f7f7f7;
      border-bottom: 1px solid #ebebeb;
      border-radius: 5px 5px 0 0;
      padding: .625rem; }
    .o-map .o-card .o-card-heading {
      display: inline-block;
      margin-bottom: 0; }
    .o-map .o-card .o-close-button {
      margin-top: -.28125rem; }
  .o-map .o-card .o-header1 {
    font-size: 1.2em;
    font-weight: bold; }
  .o-map .o-card-title {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    padding: 8px 14px; }
  .o-map .o-card a {
    color: #428bca;
    text-decoration: none; }
  .o-map .o-card a:hover,
  .o-map .o-card a:focus {
    color: #2a6496;
    text-decoration: underline; }
  .o-map .o-card a:active,
  .o-map .o-card a:hover {
    outline: 0; }
  .o-map .o-card .o-image-attribution {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    box-sizing: border-box;
    color: gainsboro;
    font-size: 0.7em;
    font-style: italic;
    height: 15px;
    line-height: 15px;
    padding-right: 5px;
    position: absolute;
    text-align: right;
    width: 100%; }
  .o-map .o-card-content {
    padding: 9px 14px; }
  .o-map .o-container-absolute {
    margin: 0;
    padding: .5rem;
    position: absolute;
    z-index: 100; }
  .o-map .o-toolbar-vertical {
    flex-flow: column;
    position: relative; }
    .o-map .o-toolbar-vertical .o-button-container,
    .o-map .o-toolbar-vertical .ol-control {
      display: block;
      margin: 0;
      margin-bottom: .5rem;
      position: relative; }
  .o-map .o-toolbar-horizontal {
    display: block;
    float: left;
    margin: 0;
    position: relative; }
    .o-map .o-toolbar-horizontal .o-button-container,
    .o-map .o-toolbar-horizontal .ol-control {
      display: inline-block;
      margin: 0;
      margin-right: .5rem;
      position: relative; }
    .o-map .o-toolbar-horizontal .o-button-container.o-hidden {
      display: none; }
    .o-map .o-toolbar-horizontal > div,
    .o-map .o-toolbar-horizontal > button {
      margin-right: .5rem; }
  .o-map .o-button-container {
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
    display: inline-block;
    height: 2rem;
    position: absolute;
    width: 2rem; }
  .o-map .o-button {
    background-color: #fff;
    border: 0;
    border-radius: 4px;
    color: #424242;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    height: 2em;
    line-height: 1em;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 2em; }
  .o-map .o-no-boxshadow {
    box-shadow: none; }
  .o-map .o-button:hover,
  .o-map .o-button:focus {
    background-color: #424242;
    color: #eee;
    text-decoration: none; }
  .o-map .o-button span.o-button-text {
    height: 2em;
    left: 0;
    line-height: 1em;
    padding-left: 0.625em;
    position: absolute;
    top: .5em; }
  .o-map .o-btn-2 {
    height: 2rem;
    width: 2rem; }
  .o-map .o-btn-3 {
    height: 3rem;
    width: 3rem; }
  .o-map .o-button-lg {
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
    color: #424242;
    cursor: pointer;
    display: inline-block;
    height: 2.5rem;
    padding: .5rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 2.5rem; }
  .o-map .o-image-container img {
    vertical-align: top;
    width: 100%; }
  .o-map #o-modal {
    font-size: 1em;
    line-height: 1.42857143; }
  .o-map .o-modal-screen {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1050; }
  .o-map .o-modal {
    background-color: white;
    border-radius: 6px;
    bottom: auto;
    box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.45);
    font-family: Arial,sans-serif;
    left: 50%;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    z-index: 1100; }
  .o-map .o-no-csstransforms .o-modal {
    margin-left: -150px;
    margin-top: -50px; }
  .o-map .o-modal-title {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 6px 6px 0 0;
    font-size: 1em;
    font-weight: bold;
    padding: 10px; }
  .o-map .o-modal-content {
    font-size: 0.9em;
    height: 100%;
    line-height: 1.1em;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    padding: 10px 15px; }
  .o-map .o-modal-content .o-share-link {
    padding: 10px 5px; }
  .o-map .o-modal input[type=button],
  .o-map .o-modal select,
  .o-map .o-modal textarea,
  .o-map .o-modal img,
  .o-map .o-modal input[type=file],
  .o-map .o-modal input[type=text] {
    width: 100%; }
  .o-map .o-modal li {
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 14px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 3px 5px; }
  .o-map[class*=o-media-l] .o-modal {
    max-width: 300px;
    width: 90%; }
  .o-map #o-popup {
    display: none;
    width: 270px; }
  .o-map #o-identify-carousel,
  .o-map #o-identify {
    height: 100%; }
  .o-map .o-popup {
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    max-height: 70vh;
    position: absolute;
    text-align: left;
    white-space: normal;
    width: 270px;
    z-index: 1010; }
  .o-map .o-popup::before,
  .o-map .o-popup::after {
    border: solid transparent;
    content: ' ';
    display: block;
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0; }
  .o-map .popup-top-center .o-popup {
    bottom: 0; }
  .o-map .popup-bottom-center .o-popup {
    bottom: 12px; }
  .o-map .popup-center-left .o-popup {
    left: 10px; }
  .o-map .popup-center-right .o-popup {
    right: 10px; }
  .o-map .popup-top-center .o-popup::after {
    border-bottom-color: white;
    border-width: 10px;
    top: -20px;
    left: 50%;
    margin-left: -10px; }
  .o-map .popup-bottom-center .o-popup::after {
    border-top-color: white;
    border-width: 10px;
    bottom: -20px;
    left: 50%;
    margin-left: -10px; }
  .o-map .popup-center-left .o-popup::after {
    border-right-color: white;
    border-width: 10px;
    left: -10px;
    top: calc(50% - 6px);
    margin-left: -10px; }
  .o-map .popup-center-right .o-popup::after {
    border-left-color: white;
    border-width: 10px;
    right: -20px;
    top: calc(50% - 6px);
    margin-left: -10px; }
  .o-map .o-popup::before {
    border-top-color: #999;
    border-width: 11px;
    bottom: -22px;
    left: 50%;
    margin-left: -11px; }
  .o-map .o-popup .icon {
    pointer-events: none;
    display: block; }
  .o-map[class*=o-media-l-m-s] #o-popup, .o-map[class*=o-media-l-m-s] .o-popup {
    width: 240px; }
  .o-map[class*=o-media-l-m-s-xs] #o-popup, .o-map[class*=o-media-l-m-s-xs] .o-popup {
    width: 200px; }
  .o-map .o-popup .o-card-content {
    max-height: calc(70vh - 46px) !important; }
    .o-map .o-popup .o-card-content #o-identify {
      max-height: inherit; }
      .o-map .o-popup .o-card-content #o-identify #o-identify-carousel {
        max-height: inherit; }
        .o-map .o-popup .o-card-content #o-identify #o-identify-carousel .owl-stage {
          margin-bottom: 10px; }
    .o-map .o-popup .o-card-content .o-image-carousel {
      max-height: inherit;
      margin-bottom: 10px; }
  .o-map .o-popover-container {
    display: inline-block;
    position: relative; }
  .o-map .o-popover {
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    bottom: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 50%;
    margin: 0 0 10px -125px;
    padding: .5rem 0;
    position: absolute;
    width: 250px; }
  .o-map .o-popover::before,
  .o-map .o-popover::after {
    border: solid transparent;
    content: ' ';
    display: block;
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0; }
  .o-map .o-popover::after {
    border-top-color: white;
    border-width: 10px;
    bottom: -20px;
    left: 50%;
    margin-left: -10px; }
  .o-map .o-popover::before {
    border-top-color: #999;
    border-width: 11px;
    bottom: -22px;
    left: 50%;
    margin-left: -11px; }
  .o-map .o-popover.o-active {
    display: inline-block; }
  .o-map .o-dropdown li {
    height: 1.5rem;
    line-height: 1.5rem;
    padding: .25rem .75rem; }
  .o-map .o-dropdown li:hover {
    background-color: #eee;
    cursor: pointer; }
  .o-map .o-dropdown .o-icon {
    display: none;
    float: right; }
  .o-map .o-dropdown .o-active .o-icon {
    display: inline-block; }
  .o-map #o-sidebar.o-sidebar-show {
    transform: translateX(-270px);
    transform: translateX(-270px);
    transform: translateX(-270px); }
  .o-map #o-sidebar {
    border-radius: 1px;
    /*workaround for box-shadow bug in ios*/
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
    height: 100%;
    position: absolute;
    right: -270px;
    top: 0;
    transform: translateX(0);
    transform: translateX(0);
    transform: translateX(0);
    transition: .1s ease all;
    transition: .1s ease all;
    transition: .1s ease all;
    width: 270px;
    z-index: 110; }
  .o-map .o-sidebar {
    height: 100%; }
  .o-map .o-sidebar .o-card-content {
    height: calc(100% - 46px) !important; }
    .o-map .o-sidebar .o-card-content .owl-stage {
      margin-bottom: 10px; }
  .o-map #o-sidebar .owl-carousel .owl-wrapper-outer {
    overflow-y: auto; }
  @media screen and (max-width: 320px) {
    .o-map #o-sidebar {
      right: -320px;
      width: 100%; }
    .o-map #o-sidebar.o-sidebar-show {
      transform: translateX(-320px);
      transform: translateX(-320px);
      transform: translateX(-320px); } }
  .o-map .o-stylepicker {
    height: 1.25rem;
    margin-right: 5px;
    margin-bottom: 1.25rem;
    min-width: 110px; }
  .o-map .o-stylepicker-header {
    margin-right: 5px;
    margin-top: 1.25rem; }
  .o-map .o-stylepicker button {
    border-radius: 10px;
    font-family: Arial, 'Helvetica Neue', sans-serif;
    font-size: .625rem;
    line-height: 1.25rem; }
  .o-map .o-stylepicker .dropdown li:hover {
    color: #363636; }
  .o-map .o-close-button {
    float: right;
    height: 2.429em;
    width: 2.429em; }
  .o-map .o-close-button:hover {
    cursor: pointer; }
  .o-map [class^='o-icon-'],
  .o-map [class*=' o-icon-'] {
    fill: #424242;
    float: right;
    height: 1.3em;
    padding: .35em;
    width: 1.3em; }
  .o-map [class^='o-icon-24'],
  .o-map [class*=' o-icon-24'] {
    fill: #424242;
    height: 1.5rem;
    padding: 0;
    width: 1.5rem; }
  .o-map .o-menu-button [class^='o-icon-'],
  .o-map .o-menu-button [class*=' o-icon-'] {
    height: 1em;
    padding: 0.25em;
    width: 1em; }
  .o-map .o-image-carousel [class^='o-icon-'],
  .o-map .o-image-carousel [class*=' o-icon-'] {
    fill: #424242; }
  .o-map .ol-control > button:hover [class^='o-icon-'],
  .o-map .ol-control > button:hover [class*=' o-icon-'],
  .o-map .o-button:hover [class^='o-icon-'],
  .o-map .o-button:hover [class*='o-icon-'] {
    fill: #fff; }
  .o-map .o-toolbar button:hover [class^='o-icon-'],
  .o-map .o-toolbar button:hover [class*='o-icon-'] {
    fill: #008ff5; }
  .o-map button.o-disabled:hover [class^='o-icon-'],
  .o-map button.o-disabled:hover [class*=' o-icon-'],
  .o-map .o-disabled [class^='o-icon-'],
  .o-map .o-disabled [class*=' o-icon-'] {
    fill: rgba(0, 0, 0, 0.26); }
  .o-map .owl-prev .o-icon-fa-chevron-left,
  .o-map .owl-next .o-icon-fa-chevron-right {
    fill: #424242;
    height: 1em;
    padding: .3em;
    width: 1em; }
  .o-map .o-subicon-expand-false .o-icon-fa-chevron-down,
  .o-map .o-subicon-expand-true .o-icon-fa-chevron-right,
  .o-map .ol-collapsed .o-icon-fa-angle-double-right,
  .o-map .ol-attribution:not(.ol-collapsed) .o-icon-fa-info,
  .o-map .o-toggle-button-max .o-icon-fa-angle-double-up,
  .o-map .o-toggle-button-min .o-icon-fa-angle-double-down,
  .o-map .o-checkbox-true .o-icon-fa-square-o,
  .o-map .o-checkbox-false .o-icon-fa-check-square-o,
  .o-map .o-check-false .o-icon-fa-check,
  .o-map .o-icon-expand-false .o-icon-fa-chevron-down,
  .o-map .o-icon-expand-true .o-icon-fa-chevron-right,
  .o-map .o-search-true .o-search-button,
  .o-map .o-search-false .o-search-button-close {
    display: none; }

@keyframes fadeout {
  to {
    opacity: 0; } }
  .o-map .o-tooltip {
    overflow: visible; }
  .o-map .o-tooltip span[data-tooltip] {
    border: 4px solid white;
    height: 0;
    opacity: 0;
    position: absolute;
    transition: opacity 0.2s ease 0s;
    visibility: hidden;
    /*display:non can't be used with transition*/
    width: 0; }
  .o-map .o-tooltip:hover span[data-tooltip] {
    display: inline-block;
    opacity: 1;
    visibility: visible;
    z-index: 100; }
  .o-map .o-tooltip:hover span[data-tooltip]::after {
    background: rgba(51, 51, 51, 0.85);
    border-radius: 4px;
    border-width: 10px;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 1em;
    margin-left: 4px;
    padding: 10px;
    position: absolute;
    text-align: center;
    white-space: nowrap;
    width: auto;
    pointer-events: none; }
  @media (hover: none) {
    .o-map .o-tooltip:hover span[data-tooltip] {
      animation: 0.2s linear 3s forwards fadeout; } }
  .o-map .o-tooltip:hover span[data-tooltip][data-placement='east'] {
    border-color: transparent rgba(51, 51, 51, 0.85) transparent transparent;
    margin-top: 5px;
    right: -10px; }
  .o-map .o-tooltip:hover span[data-tooltip][data-placement='east']::after {
    margin-top: -10px; }
  .o-map .o-tooltip span[data-tooltip][data-placement='west'] {
    border-color: transparent transparent transparent rgba(51, 51, 51, 0.85);
    left: -10px;
    margin-top: 5px; }
  .o-map .o-tooltip:hover span[data-tooltip][data-placement='west']::after {
    margin-top: -10px;
    right: 4px; }
  .o-map .o-tooltip span[data-tooltip][data-placement='north'] {
    border-color: rgba(51, 51, 51, 0.85) transparent transparent transparent;
    left: 13px;
    top: -8px; }
  .o-map .o-tooltip:hover span[data-tooltip][data-placement='north']::after {
    margin-left: 0;
    margin-top: -24px;
    transform: translate(-50%, 0); }
  .o-map .o-tooltip span[data-tooltip][data-placement='south'] {
    border-color: transparent transparent rgba(51, 51, 51, 0.85) transparent;
    bottom: 4px;
    left: 13px; }
  .o-map .o-tooltip:hover span[data-tooltip][data-placement='south']::after {
    margin-left: 0;
    margin-top: 4px;
    transform: translate(-50%, 0); }
  .o-map .o-tools-left {
    display: block;
    display: flex;
    flex-flow: column; }
  .o-map .o-tools-left {
    left: 0;
    top: 0; }
  .o-map .o-toolbar-maptools {
    margin-top: .5rem; }
  .o-map .o-toolbar-misc {
    margin-top: .5rem; }
  .o-map .o-navigation button {
    position: relative; }
  .o-map .o-maptools button {
    position: relative; }
  .o-map .o-footer {
    background-color: black;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    font-size: 0.7em;
    height: 2.5em;
    line-height: 1.7;
    width: 100%;
    z-index: 1; }
  .o-map .o-footer a {
    color: white;
    text-decoration: none; }
  .o-map .o-footer a:hover {
    color: white;
    text-decoration: underline; }
  .o-map .o-footer a:focus {
    color: white;
    text-decoration: underline; }
  .o-map .o-footer a:focus:not(:focus-visible) {
    color: white;
    text-decoration: none; }
  .o-map .o-footer .o-footer-middle {
    float: left;
    position: relative;
    text-align: center; }
  .o-map .o-footer .o-footer-middle .o-footer-middle-content {
    padding: 0.25em 0;
    width: max-content; }
  .o-map .o-footer .o-footer-middle img {
    height: 2em;
    padding-right: 5px; }
  .o-map .o-footer .o-footer-middle .o-footer-middle-content p {
    display: inline;
    line-height: 1.7;
    vertical-align: top; }
  .o-map .o-footer .o-footer-right {
    float: left;
    position: relative;
    width: 50%; }
  .o-map .o-footer .o-footer-left {
    float: left;
    padding-left: 5px;
    padding-top: 3px;
    position: relative;
    width: 50%; }
  .o-map .o-footer .o-footer-right .o-footer-attribution {
    float: right;
    padding-right: 5px;
    position: relative;
    text-align: right; }
  .o-map .o-footer .o-footer-middle ul {
    display: inline-block;
    padding-left: 0; }
  .o-map .o-footer .o-footer-middle ul li {
    border-right: 1px solid #fff;
    float: left;
    padding: 0 6px; }
  .o-map .o-footer .o-footer-middle ul li:last-child {
    border-right: 'none';
    padding-right: 0; }
  .o-map[class*=o-media-l] .o-footer {
    display: none; }
  .o-map[class*=o-media-l-m] .o-tools-left {
    bottom: 0;
    top: auto; }
  .o-map[class*=o-media-l-m] .o-toolbar-misc {
    margin-top: 0;
    order: -1; }
  .o-map[class*=o-media-l-m-s-xs] .o-toolbar-maptools,
  .o-map[class*=o-media-l-m-s-xs] .o-toolbar-navigation {
    display: none; }
  .o-map .o-icon-compass {
    height: 2rem;
    padding: 0;
    width: 2rem; }
  .o-map[class*=o-media-l-m-s] #o-sidebar {
    max-width: 230px;
    width: 100%; }
  .o-map[class*=o-media-l-m-s-xs] #o-sidebar {
    display: none; }
  .o-map .o-draw-toolbar {
    bottom: 0;
    left: 50%;
    margin-bottom: .5rem !important;
    max-width: 80%;
    position: relative;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 10; }
  .o-map .o-draw-stylewindow {
    font-family: Arial,sans-serif;
    width: 250px;
    position: absolute;
    right: 1rem;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    height: calc(100% - 9rem); }
  .o-map .o-draw-stylewindow input[type="radio"] {
    display: none; }
  .o-map .o-draw-stylewindow input[type="radio"] + label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 0 0 2px white, 0 0 0 4px white; }
  .o-map .o-draw-stylewindow input[type="radio"]:checked + label span {
    box-shadow: 0 0 0 2px white, 0 0 0 4px #ababab; }
  .o-map .o-draw-stylewindow input[type="radio"] ~ label span:hover {
    box-shadow: 0 0 0 2px white, 0 0 0 4px #cdcdcd; }
  .o-map .o-draw-stylewindow input[type="radio"] ~ label {
    display: inline-block;
    vertical-align: middle;
    padding: 5px; }
  .o-map .o-draw-stylewindow ul li {
    float: left; }
  .o-map #o-editor-button .o-icon-fa-pencil {
    height: 1em;
    padding: 0.25em;
    width: 1em; }
  .o-map .o-editor-toolbar {
    bottom: 0;
    left: 50%;
    margin-bottom: .5rem;
    max-width: 80%;
    position: relative;
    transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 10; }
  .o-map .o-position-find,
  .o-map .o-position-coords {
    display: none; }
  .o-map .o-position {
    padding-right: 5px;
    position: relative; }
    .o-map .o-position .o-active {
      display: inline-block; }
  .o-map .o-position-button {
    background-color: #000;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-family: Arial, 'Helvetica Neue', sans-serif;
    font-size: .625rem;
    height: 1.25rem;
    line-height: 1.25rem;
    padding: 0 15px;
    position: relative; }
  .o-map .o-position-button:focus {
    background-color: #fff;
    color: #000; }
  .o-map .o-position-button:focus:not(:focus-visible) {
    background-color: #000;
    color: #fff; }
  .o-map .o-position-center-button {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 1.25rem;
    line-height: 1.25rem;
    margin-right: 3px;
    padding: 1px;
    position: relative;
    vertical-align: middle;
    z-index: 100; }
  .o-map .o-position-center-button:focus {
    background-color: rgba(255, 255, 255, 0.7);
    color: #fff; }
    .o-map .o-position-center-button:focus .o-icon-position {
      fill: #000; }
  .o-map .o-position-center-button:focus:not(:focus-visible) {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff; }
    .o-map .o-position-center-button:focus:not(:focus-visible) .o-icon-position {
      fill: #fff; }
  .o-map .o-position-center-button.o-active {
    background-color: rgba(255, 255, 255, 0.7);
    color: #fff; }
    .o-map .o-position-center-button.o-active .o-icon-position {
      fill: #000; }
  .o-map .o-position-marker {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    cursor: default;
    height: 1.5rem;
    left: 50%;
    margin-left: -1rem;
    margin-top: -1rem;
    padding: .25rem;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 1.5rem;
    z-index: 1; }
  .o-map .o-icon-position {
    fill: #fff;
    float: none;
    height: 1.125rem;
    padding: 0;
    width: 1.125rem; }
  .o-map .o-icon-position-marker {
    fill: #000;
    height: 1.5rem;
    padding: 0;
    width: 1.5rem; }
  .o-map .o-position-coords,
  .o-map .o-position-find {
    background-color: transparent;
    border: 0;
    color: #fff;
    font-family: Arial, 'Helvetica Neue', sans-serif;
    font-size: 0.625rem;
    margin: 0; }
  .o-map input.o-position-find {
    padding: 0;
    width: auto; }
  .o-map .o-progress {
    background: #008ff5;
    bottom: 0;
    height: 0.2em;
    left: 0;
    position: absolute;
    transition: width 1ms;
    width: 0; }
  .o-map .o-icon-minicons-square-vector {
    height: 1.4em;
    padding: .3em;
    width: 1.4em; }
  .o-map .o-icon-minicons-line-vector {
    height: 1.4em;
    padding: .3em;
    width: 1.4em; }
  .o-map .o-tooltip-measure {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    color: white;
    font: 70% normal, sans-serif;
    opacity: 0.6;
    padding: 1px 2px;
    pointer-events: none;
    position: relative;
    white-space: nowrap; }
  .o-map .o-measure-button-true .o-icon-fa-pencil,
  .o-map .o-measure-button-true .o-icon-steady-measure,
  .o-map .o-measure-button-true .o-icon-minicons-square-vector,
  .o-map .o-measure-button-true .o-icon-minicons-line-vector {
    fill: #008ff5; }
  .o-map .o-measure-snap .icon svg,
  .o-map .o-measure-length .icon svg,
  .o-map .o-measure-area .icon svg {
    border-radius: 0;
    overflow: visible; }
  .o-map #o-print-tools-left > .collapse-scroll.expanded {
    background-color: white;
    border-radius: 0.25rem;
    overflow: hidden; }
  .o-map .print-scale-line {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 0.1875rem;
    padding: 0.1875rem; }
  .o-map .print-scale-line-inner {
    border: 2px solid #363636;
    border-bottom-left-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
    border-top: 0;
    color: #363636;
    font-size: 0.625rem;
    margin: 1px;
    text-align: center;
    transition: all 0.25s;
    will-change: contents, width; }
  .o-map .ol-scale-text {
    bottom: 25px;
    color: #000;
    font-size: 14px;
    position: absolute;
    text-align: center; }
  .o-map .ol-scale-step-text {
    bottom: -5px;
    color: #000;
    font-size: 12px;
    position: absolute;
    z-Index: 11; }
  .o-map .ol-scale-step-marker {
    background-color: #000;
    float: right;
    height: 15px;
    width: 1px;
    z-Index: 10; }
  .o-map .ol-scale-singlebar {
    border: 1px solid #000;
    height: 10px;
    position: relative;
    z-Index: 9; }
  .o-map .print-attribution.ol-control {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 0.1875rem;
    box-shadow: none; }
  .o-map .print-attribution {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 0.1875rem;
    display: block;
    font-size: 0.625rem;
    padding: 0.1875rem;
    text-align: right;
    z-index: 50; }
  .o-map .print-attribution a {
    color: black;
    font-size: 0.625rem;
    text-decoration: none; }
  .o-map .print-attribution button {
    display: none; }
  .o-map .print-attribution img {
    display: none; }
  .o-map .print-margin {
    padding: 10mm 15mm; }
  .o-map .print-created-hidden {
    visibility: hidden; }
  .o-map .print-created-none {
    display: none; }
  .o-map .printmap-north-arrow {
    display: block; }
  .o-map .print-map-loading-spinner {
    display: inline-block;
    width: 45px;
    height: 45px;
    border: 16px solid rgba(255, 255, 255, 0.884);
    border-radius: 50%;
    border-top-color: #008ff5;
    animation: spin 1s ease-in-out infinite; }
  @media print {
    .o-map .no-print {
      display: none; } }
  .o-map .awesomplete [hidden] {
    display: none; }
  .o-map .awesomplete .visually-hidden {
    clip: rect(0, 0, 0, 0);
    position: absolute; }
  .o-map .awesomplete {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    position: relative;
    width: 100%; }
  .o-map .awesomplete > input {
    display: block; }
  .o-map .awesomplete > ul {
    background: #fff;
    box-sizing: border-box;
    left: 0;
    list-style: none;
    margin: 0;
    min-width: 100%;
    padding: 0;
    position: absolute;
    top: 40px;
    z-index: 1;
    overflow-y: auto; }
  .o-map .awesomplete.black > ul {
    background: #000 !important;
    box-sizing: border-box;
    color: #fff;
    left: 0px;
    list-style: none;
    margin: 0;
    width: 100%;
    min-width: unset;
    overflow-wrap: break-word;
    padding: 0;
    position: absolute;
    top: auto;
    bottom: 100%;
    z-index: 9999999;
    overflow-y: auto; }
  .o-map .awesomplete > ul:empty {
    display: none; }
  .o-map .awesomplete > ul {
    background: rgba(255, 255, 255, 0.9);
    background: linear-gradient(to bottom right, white, rgba(255, 255, 255, 0.8));
    border-radius: 0.3rem;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
    margin: 0.2em 0 0;
    min-width: 310px;
    text-shadow: none; }
  @supports (transform: scale(0)) {
    .o-map .awesomplete > ul {
      transform-origin: 1.43em -.43em;
      transition: 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4); }
    .o-map .awesomplete > ul:empty,
    .o-map .awesomplete > ul[hidden] {
      display: block;
      opacity: 0;
      transform: scale(0);
      transition-timing-function: ease; } }
  .o-map .awesomplete > ul > li {
    border-bottom: 1px solid #eeeeee;
    cursor: pointer;
    font-size: 0.75rem;
    padding: 0;
    position: relative; }
  .o-map .awesomplete > ul > li > .suggestion {
    padding: 0.75rem; }
  .o-map .awesomplete > ul > li:last-child {
    border-bottom: 'none'; }
  .o-map .awesomplete > ul > li.header {
    margin-top: 1.75rem; }
  .o-map .awesomplete > ul > li > .heading {
    background-color: rgba(238, 238, 238, 0.5);
    cursor: default;
    display: block;
    font-size: .75rem;
    font-weight: bold;
    line-height: .75rem;
    margin: 0;
    margin-top: -1.75rem;
    padding: .5rem .75rem; }
  .o-map .awesomplete > ul > li .suggestion:hover {
    background-color: #eeeeee;
    color: #000; }
  .o-map .awesomplete > ul > li[aria-selected='true'] > .suggestion {
    background-color: #eeeeee;
    color: #000; }
  .o-map .awesomplete mark {
    background: none;
    font-weight: bold; }
  .o-map .black mark {
    color: #aaa; }
  .o-map .awesomplete li .suggestion:hover mark {
    background-color: #eeeeee; }
  .o-map .black li .suggestion:hover mark {
    background-color: #fff; }
  .o-map .awesomplete li[aria-selected='true'] mark {
    background-color: #eeeeee; }
  .o-map .o-search-wrapper {
    max-width: calc(100% - 8rem);
    width: 310px; }
  .o-map .o-search input {
    box-sizing: content-box;
    line-height: inherit; }
  .o-map .o-search-field {
    border: 0;
    border-radius: 4px;
    box-sizing: border-box;
    height: 1.5rem;
    margin: 0 0 0 1em;
    overflow: hidden;
    padding: .5rem 0;
    width: 100%; }
  .o-map input.o-search-field:focus {
    outline: none; }
  .o-map input.o-search-field::-ms-clear {
    display: none; }
  .o-map[class*=o-media-l] .o-search-field {
    font-size: 1rem;
    height: 18px;
    line-height: 1rem; }
  .o-map[class*=o-media-l-m-s-xs] .o-search-wrapper {
    display: none; }
  .o-map[class*=o-media-l-m-s-xs] .o-search-wrapper.active {
    display: inline-block; }
  .o-map .o-search-wrapper {
    z-index: -1; }
  .o-map .searchList .awesomplete {
    width: 100%; }
  .o-map .searchList .awesomplete > input {
    height: 100%;
    width: 100%; }
  .o-map .searchList .button {
    background: linear-gradient(#f0d8a8, #e8c47d);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 0.3em;
    padding: 0.5em 5em; }
  .o-map .searchList .awesomplete .dropdown-btn {
    border-radius: 5px;
    line-height: initial;
    padding: 0.75em 1em;
    position: absolute;
    right: 0; }
  .o-map .dropdown-btn:focus {
    border: 1px solid rgba(213, 213, 213, 0.6); }
  .o-map .searchList .caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0; }
  .o-map .searchList .awesomplete > ul {
    background-color: white;
    min-width: 85%; }
  .o-map .searchList .awesomplete > ul > li:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .o-map .searchList .awesomplete > ul > li {
    border-bottom: 1px solid rgba(213, 213, 213, 0.2);
    font-size: .875em;
    left: 1.2em;
    line-height: 1.5rem;
    max-width: 100%;
    padding: .4em 1em;
    position: relative; }
  .o-map .searchList .awesomplete > ul > li:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .o-map .searchList .awesomplete > ul > li:hover {
    background: rgba(213, 213, 213, 0.7); }
  .o-map .searchList li[aria-selected="true"] {
    background: rgba(0, 213, 213, 0.7); }
  .o-map .searchList .awesomplete mark {
    background: #eaff00; }
  .o-map .searchlist-item {
    display: flex; }
  .o-map .searchlist-item--p {
    padding: 0.5em; }
  .o-map .o-hidden {
    display: none; }
  .o-map .o-identify-content {
    width: 240px;
    word-wrap: break-word; }
  .o-map #o-identify-carousel > .o-identify-content {
    overflow-y: auto; }
  .o-map .o-image-content {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    margin: 5px;
    height: 160px; }
  .o-map .o-image-content img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .o-map #o-identify-carousel > .o-identify-content {
      max-height: calc(70vh - 46px);
      overflow-y: auto; }
    .o-map .o-image-content {
      width: calc(100% - 12px);
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 5px;
      margin: 5px;
      overflow: hidden; } }
  .o-map .sidebarcontainer {
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 0.5em;
    box-shadow: 0 0 8px #888;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    right: 26em;
    top: 6em;
    width: 320px;
    z-index: 1;
    overflow: visible;
    max-height: 90%; }
    .o-map .sidebarcontainer.expandable_list {
      cursor: move; }
  .o-map .expandable_list .urvalcontainer {
    padding: 0;
    display: flex;
    flex-direction: column;
    max-height: 60em;
    margin-right: 0.5em;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: none; }
  .o-map .urvalcontainer {
    border-bottom: 1px solid #d9d9d9;
    cursor: move;
    font-size: 12px;
    font-weight: bold;
    padding: 1em 0em 1em 2em;
    z-index: 10;
    border-radius: inherit; }
  .o-map .urvalListContainer {
    margin-right: 0.5em;
    max-height: 10em;
    overflow-y: auto;
    scroll-behavior: smooth; }
  .o-map .expandable_list .urval-textnode-container {
    font-weight: bold;
    margin: 1em; }
  .o-map .urval-textnode-container {
    font-size: 15px;
    margin-bottom: 0.5em; }
  .o-map .expandable_list .urvalelement {
    box-sizing: border-box;
    width: 100%;
    margin-right: 0;
    padding: 0; }
  .o-map .expandable_list .urvalcontent {
    box-sizing: content-box; }
    .o-map .expandable_list .urvalcontent .sublist:last-child {
      border-bottom: 1px solid #d9d9d9; }
  .o-map .urvalelement {
    border-bottom: 3px solid white;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    margin-right: 1em;
    padding: 0.5em 0; }
  .o-map .selectedurvalelement {
    border-bottom: 3px solid #09f;
    color: black;
    font-weight: normal; }
  .o-map .closebutton-svg-container {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0; }
  .o-map .listcontainer {
    font-size: 12px;
    font-weight: normal;
    margin-right: 0.5em;
    max-height: 40em;
    overflow-y: auto;
    scroll-behavior: smooth; }
  .o-map .listelement {
    display: flex; }
  .o-map .removelistelement-svg-container {
    cursor: pointer;
    display: inline-block;
    padding: 0.5em;
    vertical-align: top; }
  .o-map .removelistelement-svg {
    fill: #4d4d4d;
    height: 1em;
    width: 1em; }
  .o-map .listelement-content-container {
    border-bottom: 1px solid #d9d9d9;
    cursor: pointer;
    display: flex;
    margin: 0.5em;
    flex: 1;
    padding: 0 0.5em 0.5em;
    margin-right: 1em; }
  .o-map .expandlistelement-svg {
    fill: #646464;
    height: 100%;
    width: 100%; }
  .o-map .expandlistelement-svg-container {
    float: right;
    height: 1em;
    transition: 0.5s;
    width: 1em; }
  .o-map .rotated {
    transform: rotate(90deg);
    /* IE 9 */
    transform: rotate(90deg);
    /* Safari */
    transform: rotate(90deg);
    transition: .5s;
    transition: .5s;
    transition: .5s;
    transition: .5s;
    transition: 0.5s; }
  .o-map .o-identify-content {
    display: inline-block;
    width: 100%;
    overflow-wrap: anywhere; }
  .o-map .folded {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s;
    transition: max-height .5s;
    transition: max-height .5s;
    transition: max-height .5s;
    transition: max-height .5s; }
  .o-map .unfolded {
    overflow: hidden;
    transition: max-height 1s;
    transition: max-height 1s;
    transition: max-height 1s;
    transition: max-height 1s;
    transition: max-height 1s; }
  .o-map .highlighted {
    background-color: whitesmoke;
    border-radius: 0 1em 1em 0;
    transition: background-color 0.5s;
    transition: background-color 0.5s;
    transition: background-color 0.5s;
    transition: background-color 0.5s;
    transition: background-color 0.5s; }
  .o-map .exportcontainer {
    font-size: 12px;
    font-weight: normal; }
  .o-map .expandable_list .export-buttons-container {
    padding: 0.5em 1.8em;
    margin-left: 0; }
  .o-map .export-buttons-container {
    margin: 0.5em 0.2em;
    margin-left: 1.8em; }
  .o-map .export-button {
    background-color: whitesmoke;
    border: 1px solid #ccc;
    border-radius: 2em;
    color: black;
    font-size: 12px;
    font-weight: normal;
    max-width: 280px;
    padding: 2px 8px;
    text-align: left; }
  .o-map .toaster {
    border-radius: 0.5em;
    box-shadow: 0 0 8px #888;
    padding: 1em;
    position: fixed;
    right: 1em;
    top: 1em;
    transition: .5s;
    transition: .5s;
    transition: .5s;
    transition: .5s;
    transition: .5s;
    z-index: 999; }
  .o-map .toaster-successful {
    background-color: #d6f5d6; }
  .o-map .toaster-unsuccessful {
    background-color: #fcc; }
  .o-map .disabled {
    color: #888;
    cursor: not-allowed; }
  .o-map .hidden {
    display: none; }
  .o-map ::-webkit-scrollbar {
    width: 4px; }
  .o-map ::-webkit-scrollbar-thumb {
    background-color: #a6a6a6;
    border-radius: 4px; }
  .o-map[class*=o-media-l] .sidebarcontainer {
    left: 50%;
    top: 5em;
    transform: translateX(-50%);
    width: 280px; }
    .o-map[class*=o-media-l] .sidebarcontainer .listelement-content-container {
      display: inline-flex;
      width: 80%; }
    .o-map[class*=o-media-l] .sidebarcontainer.expandable_list .urvalcontainer {
      max-height: 20em; }
  .o-map[class*=o-media-l] .o-identify-content {
    width: 100%; }
  .o-map[class*=o-media-l-m] .sidebarcontainer {
    width: 250px; }
  .o-map[class*=o-media-l-m-s] .sidebarcontainer {
    left: 5em;
    transform: none; }
  .o-map .groupfootercontainer {
    margin-left: 36px; }
  .o-map .validate .errorMsg {
    color: #ff9500; }
  .o-map .validate input:optional {
    border-color: #ebebeb; }
  .o-map .validate input:required:invalid {
    border-color: #ff9500; }
  .o-map .validate input:invalid {
    border-color: #ff9500; }
  .o-map .validate textarea:required:invalid {
    border-color: #ff9500; }
  .o-map .validate select:required:invalid {
    border-color: #ff9500; }
  .o-map .validate select:required:invalid {
    border-color: #ff9500; }
  .o-map input.awesome:required:invalid {
    border-color: #ff9500; }
  .o-map .o-scale {
    font-family: Arial, 'Helvetica Neue', sans-serif;
    font-size: .625rem;
    line-height: 2.2;
    padding-right: 5px;
    padding-right: 10px; }
  .o-map .o-scalepicker {
    height: 1.25rem;
    margin-right: 5px;
    min-width: 110px; }
  .o-map .o-scalepicker button {
    border-radius: 10px;
    font-family: Arial, 'Helvetica Neue', sans-serif;
    font-size: .625rem;
    line-height: 1.25rem; }
  .o-map .o-scalepicker .dropdown li:hover {
    color: #363636; }
  .o-map .o-embedded-overlay {
    background-color: rgba(37, 129, 196, 0.5);
    border-width: 0;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity ease-in-out;
    transition-delay: 0.1s;
    transition-duration: 0.8s;
    width: 100%;
    z-index: 2; }
  .o-map .o-embedded-overlay p {
    color: white;
    font-family: Roboto,Arial,sans-serif;
    font-size: 20px;
    margin: 0 50px;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  .o-map img.spinner {
    height: 1.5em;
    margin: 0 0.3em;
    transform: translateY(3px);
    width: auto; }
  .o-map img.spinner-large {
    height: 2.1em;
    margin-right: 1.18em;
    margin-left: 0.22em;
    bottom: -3px;
    position: relative; }
  .o-map .logger-toast {
    border-radius: 0.5em;
    box-shadow: 0 0 8px #888;
    padding: 1em;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    position: fixed;
    z-index: 999;
    display: inline-block;
    max-width: 90%;
    bottom: 2.5rem; }
  .o-map .logger-primary {
    fill: #084298;
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe; }
  .o-map .logger-success {
    fill: #0f5132;
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc; }
  .o-map .logger-info {
    fill: #055160;
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb; }
  .o-map .logger-warning {
    fill: #664d03;
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5; }
  .o-map .logger-danger {
    fill: #842029;
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7; }
  .o-map .logger-light {
    fill: #636464;
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe; }

html,
body {
  height: 100%;
  margin: 0;
  overscroll-behavior-y: contain; }

#o-wrapper,
#app-wrapper {
  height: 100%;
  overflow: hidden;
  position: relative; }

#loading {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.7); }
  #loading.hide {
    display: none; }
  #loading .loading-spinner {
    display: inline-block;
    width: 75px;
    height: 75px;
    border: 5px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite; }