@charset "UTF-8";

.top5 { margin-top: 5px; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.top30 { margin-top: 30px; }

.bottom5 { margin-bottom: 5px; }
.bottom10 { margin-bottom: 10px; }
.bottom20 { margin-bottom: 20px; }
.bottom30 { margin-bottom: 30px; }

.err {
  color: var(--app-danger-color);
}

.app-text-white {
  color: var(--app-color-white);
}

.app-text-info {
  color: var(--app-color-info);
}

.app-text-danger {
  color: var(--app-danger-color);
}

.app-text-danger-deep {
  color: var(--app-color-danger-deep);
}

.app-text-primary-dark {
  color: var(--app-color-primary-dark);
}

.app-text-map-marker {
  color: var(--app-color-map-marker);
}

.app-text-coordinate {
  color: var(--app-color-coordinate);
}

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

.app-env-badge {
  position: fixed;
  z-index: 2147483647;
  top: 0;
  right: 0;
  padding: 4px 10px;
  border-bottom-left-radius: var(--app-panel-radius);
  color: var(--app-color-white);
  background: var(--app-color-env-badge-bg);
  box-shadow: 0 1px 4px var(--app-shadow-env-badge);
  font: 700 12px/1.2 Arial, sans-serif;
  letter-spacing: 0;
  pointer-events: none;
}

.app-count-badge {
  display: inline;
  padding: .2em .6em .3em;
  border-radius: .25em;
  color: var(--app-color-white);
  background-color: var(--app-bg-button-success);
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}

.comp-Mrk {
  font-size: .8em;
  color: var(--app-color-white);
  background-color: var(--app-company-mark-bg);
  padding: 2px 4px;
  border-radius: 4px;
}

.cnt-Mrk-info {
  color: var(--app-link-color);
}

.cnt-Mrk-danger {
  color: var(--app-color-danger-soft);
}