@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");
:root {
  --right-sidebar-position: 0;
}

body {
  margin: 0px !important;
}

.grid-container {
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "left-sidebar main right-sidebar";
  height: 100vh;
}

.header {
  padding: 6px 0px 6px 10px;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.header .logo {
  opacity: 0.7;
}

.left-sidebar {
  grid-area: left-sidebar;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  background: linear-gradient(to bottom, #141e2b, #2c435f);
}

.main {
  grid-area: main;
  padding: 0px;
  max-width: calc(100vw - 60px);
  max-height: 100vh;
  overflow: auto;
}

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

.right-sidebar {
  position: fixed;
  top: 0;
  right: var(--right-sidebar-position);
  min-height: 100vh;
  width: 600px;
  transition: 0.3s;
  overflow-y: scroll;
  font-family: Ubuntu;
  grid-area: right-sidebar;
  padding: 20px;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  background: linear-gradient(to bottom, #141e2b, #2c435f);
  color: rgba(255, 255, 255, 0.75);
}

.right-sidebar .header {
  align-items: center;
  margin-bottom: 20px;
}

.right-sidebar .ui.tabular.menu {
  margin-bottom: 20px;
}

.right-sidebar .ui.tabular.menu,
.right-sidebar .ui.tabular.menu .item.active,
.right-sidebar .ui.tab {
  background: transparent;
}

.right-sidebar .ui.menu .item {
  font-size: 0.9em;
}

.right-sidebar .ui.menu .item:hover {
  color: white;
}

.right-sidebar #tabset.ui.menu .item {
  margin: auto;
  font-size: 0.8em;
}

.right-sidebar #tabset.ui.menu .item.active {
  border-bottom: 2px solid #2288b2 !important;
}

.right-sidebar #tabset_datasets .item .item-active {
  margin-left: 0px;
}

.right-sidebar #tabset_datasets.ui.menu .item {
  padding: 15px 0px 5px 0px;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 0.8em;
}

.right-sidebar #tabset_datasets.ui.menu .item.active {
  border-bottom: 2px solid #2288b2 !important;
}

.right-sidebar #tabset_top.ui.menu .item {
  padding: 15px 0px 5px 0px;
  margin-right: 10px;
  margin-left: 10px;
}

.right-sidebar #tabset_top.ui.menu .item.active {
  border-bottom: 3px solid #2288b2 !important;
}

.right-sidebar .ui.menu .item:hover {
  color: white;
}

.right-sidebar .ui.selection.dropdown,
.right-sidebar .dark-form .ui.form input {
  background-color: #2c435f;
  margin-bottom: 20px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 16px;
}

.right-sidebar .ui.selection.dropdown.active,
.right-sidebar .dark-form .ui.form input.active {
  background-color: white;
}

.right-sidebar .ui.selection.dropdown .item:hover,
.right-sidebar .dark-form .ui.form input .item:hover {
  color: black !important;
}

#toggle-right-panel {
  position: fixed;
  bottom: 0px;
  right: 0px;
  height: 100%;
  width: 20px;
  cursor: pointer;
}

#toggle-right-panel.active #toggle-right-panel-arrow {
  transform: rotate(180deg);
  right: 10px;
}

#toggle-right-panel #toggle-right-panel-arrow {
  transition: 0.2s;
  color: white;
  position: fixed;
  bottom: 10px;
  right: 5px;
}

.ui.toggle.checkbox input:checked ~ label::before {
  background-color: #428BCA !important;
}

.ui.form .field > label {
  color: #808080;
}

.log_buttons {
  text-align: center;
  margin: 10px;
}

.leaflet-left {
  padding-top: 40px;
  position: fixed !important;
  left: 3px !important;
}

.leaflet-left > * {
  border: none;
  left: 7px;
  margin: 10px;
}

.leaflet-left > * a {
  width: 25px;
  height: 25px;
  background-color: transparent;
  color: transparent;
  border: none;
}

.leaflet-left > * a:hover {
  opacity: 0.5;
}

.leaflet-left .leaflet-control.info {
  padding: none;
  box-shadow: none;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.75);
  position: fixed;
  bottom: 300px;
}

.leaflet-left .leaflet-control.info svg text {
  fill: rgba(255, 255, 255, 0.75);
}

.leaflet-left .leaflet-control.leaflet-control-layers {
  visibility: hidden;
}

.leaflet-right {
  padding-top: 40px;
  position: fixed !important;
  left: 60px !important;
  top: 20 !important;
  right: auto;
}

.leaflet-right .legend-points {
  bottom: 10px !important;
  float: left;
}

.leaflet-right .legend-polygon {
  bottom: 10px !important;
  float: left;
}

.leaflet-right > * {
  border: none;
  left: 7px;
  margin: 10px;
  top: 0 !important;
}

.leaflet-draw-actions a:hover {
  background-color: transparent;
}

.leaflet-touch .leaflet-control-measure .leaflet-control-measure-toggle {
  width: 25px !important;
  height: 25px !important;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: none;
}

.leaflet-draw.leaflet-control {
  z-index: 1;
}

.leaflet-control {
  margin-left: 0;
}

.leaflet-control .leaflet-draw-section .leaflet-draw-toolbar a.leaflet-draw-draw-polygon {
  background-image: url("icons/area.svg");
  background-color: transparent;
  background-size: 15px 15px;
  background-position: center;
  border: none;
  box-shadow: none;
}

.leaflet-control .leaflet-draw-section .leaflet-draw-toolbar a.leaflet-draw-draw-polygon:hover {
  background-image: url("icons/area_active.svg");
}

.leaflet-control .leaflet-draw-section .leaflet-draw-toolbar a.leaflet-draw-draw-polyline {
  background-image: url("icons/line.svg");
  background-color: transparent;
  background-size: 15px 15px;
  background-position: center;
  border: none;
  box-shadow: none;
  margin-bottom: 10px;
}

.leaflet-control .leaflet-draw-section .leaflet-draw-toolbar a.leaflet-draw-draw-polyline:hover {
  background-image: url("icons/line_active.svg");
}

.leaflet-control .leaflet-draw-section .leaflet-draw-toolbar a.leaflet-draw-edit-remove {
  background-image: url("icons/trash.svg");
  background-color: transparent;
  background-size: 15px 15px;
  background-position: center;
  border: none;
  box-shadow: none;
  margin-bottom: 10px;
  z-index: 100;
}

.leaflet-control .leaflet-draw-section .leaflet-draw-toolbar a.leaflet-draw-edit-remove:hover {
  background-image: url("icons/trash_active.svg");
}

.leaflet-control .leaflet-draw-section .leaflet-draw-toolbar a.leaflet-draw-edit-edit {
  background-image: url("icons/edit.svg");
  background-color: transparent;
  background-size: 15px 15px;
  background-position: center;
  border: none;
  box-shadow: none;
  margin-bottom: 10px;
  z-index: 100;
}

.leaflet-control .leaflet-draw-section .leaflet-draw-toolbar a.leaflet-draw-edit-edit:hover {
  background-image: url("icons/edit_active.svg");
}

.leaflet-control.leaflet-control {
  border: none;
  left: 7px;
}

.leaflet-control.leaflet-control a {
  width: 25px;
  height: 25px;
  background-color: transparent;
  color: transparent;
  border: none;
}

.leaflet-control.leaflet-control a:hover {
  opacity: 0.5;
}

.leaflet-control .leaflet-draw-actions li a {
  width: 100% !important;
  background-color: #2c435f;
  color: rgba(255, 255, 255, 0.75);
}

.leaflet-control.leaflet-control-zoom a.leaflet-control-zoom-in {
  background-image: url("icons/plus.svg");
  margin-bottom: 10px;
}

.leaflet-control.leaflet-control-zoom a.leaflet-control-zoom-in:hover {
  background-image: url("icons/plus_active.svg");
}

.leaflet-control.leaflet-control-zoom a.leaflet-control-zoom-out {
  background-image: url("icons/minus.svg");
}

.leaflet-control.leaflet-control-zoom a.leaflet-control-zoom-out:hover {
  background-image: url("icons/minus_active.svg");
}

.leaflet-control.leaflet-control-measure {
  box-shadow: none;
  background-color: transparent;
}

.leaflet-control.leaflet-control-measure .leaflet-control-measure-toggle {
  z-index: 10;
  background-image: url("icons/scale.svg") !important;
}

.leaflet-control.leaflet-control-measure .leaflet-control-measure-toggle:hover {
  background-image: url("icons/scale_active.svg");
}

.leaflet-control.leaflet-control-measure .leaflet-control-measure-interaction {
  position: absolute;
  z-index: 10;
  min-height: 70px;
  min-width: 250px;
  background-color: #2c435f;
  color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.75);
}

.leaflet-control.leaflet-control-measure .leaflet-control-measure-interaction a {
  color: rgba(255, 255, 255, 0.75);
}

.leaflet-control.leaflet-control-attribution {
  display: none;
}

.leaflet-draw-actions.leaflet-draw-actions-top.leaflet-draw-actions-bottom {
  display: none !important;
}

.pretty.p-round .state label:after,
.pretty.p-round .state label:before {
  background-color: rgba(255, 255, 255, 0.75);
}

.list-title {
  padding-right: 5px;
  font-weight: bold;
}

.ui.tabular.menu[id="info_tabset"] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  border: none;
}

.ui.tabular.menu[id="info_tabset"] .item .icon-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ui.tabular.menu[id="info_tabset"] .item .icon-menu i {
  margin-bottom: 10px;
}

.ui.tabular.menu[id="info_tabset"] .item.active {
  margin-bottom: 0;
}

.ui.tabular.menu[id="info_tabset"] .item.active .icon {
  filter: invert(52%) sepia(13%) saturate(2334%) hue-rotate(152deg) brightness(86%) contrast(94%);
}

.ui.tabular.menu[id="tabset_datasets"] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  border: none;
}

.ui.tabular.menu[id="tabset_datasets"] .item .icon-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ui.tabular.menu[id="tabset_datasets"] .item .icon-menu i {
  margin-bottom: 10px;
}

.ui.tabular.menu[id="tabset_datasets"] .item.active {
  margin-bottom: 0;
}

.ui.tabular.menu[id="tabset_datasets"] .item.active .icon {
  filter: invert(52%) sepia(13%) saturate(2334%) hue-rotate(152deg) brightness(86%) contrast(94%);
}

.ui.tabular.menu[id="filters_tabset_datasets"] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  border: none;
}

.ui.tabular.menu[id="filters_tabset_datasets"] .item .icon-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ui.tabular.menu[id="filters_tabset_datasets"] .item .icon-menu i {
  margin-bottom: 10px;
}

.ui.tabular.menu[id="filters_tabset_datasets"] .item.active {
  margin-bottom: 0;
}

.ui.tabular.menu[id="filters_tabset_datasets"] .item.active .icon {
  filter: invert(52%) sepia(13%) saturate(2334%) hue-rotate(152deg) brightness(86%) contrast(94%);
}

.ui.tabular.menu[id="tabset_top"] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  border: none;
}

.ui.tabular.menu[id="tabset_top"] .item {
  display: flex;
  justify-content: center;
  border: none;
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.2em;
}

.ui.tabular.menu[id="tabset_top"] .item.active {
  color: #2288b2;
}

.ui.tabular.menu[id="tabset_dataset"] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  border: none;
}

.ui.tabular.menu[id="tabset_dataset"] .item {
  display: flex;
  justify-content: center;
  border: none;
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.2em;
}

.ui.tabular.menu[id="tabset_dataset"] .item.active {
  color: #2288b2;
}

.ui.tabular.menu[id="filters_tabset_dataset"] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  border: none;
}

.ui.tabular.menu[id="filters_tabset_dataset"] .item {
  display: flex;
  justify-content: center;
  border: none;
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.2em;
}

.ui.tabular.menu[id="filters_tabset_dataset"] .item.active {
  color: #2288b2;
}

.ui.tabular.menu {
  background-color: #2c435f;
  color: rgba(255, 255, 255, 0.75);
  display: flex;
  flex-direction: row;
  border: none;
}

.ui.tabular.menu .item {
  display: flex;
  justify-content: center;
  border: none;
  color: rgba(255, 255, 255, 0.75);
}

.ui.tabular.menu .item.active {
  color: #2288b2;
}

.ui.tab {
  background-color: #2c435f;
  color: rgba(255, 255, 255, 0.75);
  border: none;
}

.ui.attached.segment {
  border: none;
}

.ui .icon-dropdown {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.ui .icon-dropdown i {
  margin-bottom: 15px;
}

.ui .icon-dropdown .fluid.dropdown {
  margin-left: 10px;
}

.ui .velocity-filter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}

#tabset {
  border-radius: 0;
  padding-top: 20px;
  margin-top: 0;
}

#tabset_top {
  padding-bottom: 15px;
  border-bottom: solid 0.5px rgba(255, 255, 255, 0.5);
}

.point-filters {
  padding: 2px;
}

.left-sidebar {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 50px;
}

.left-sidebar .point-size-selector {
  padding-left: 10px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.left-sidebar .point-size-selector .shiny-options-group {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.left-sidebar .point-size-selector .shiny-options-group > * {
  margin-bottom: 5px;
}

.left-sidebar .point-size-selector .pretty label {
  top: unset;
}

.left-sidebar .point-size-selector .pretty label::before, .left-sidebar .point-size-selector .pretty label::after {
  top: 1px;
}

.left-sidebar .point-size-selector .pretty.p-default:nth-child(2) .state.p-primary label {
  font-size: 0.5em;
}

.left-sidebar .point-size-selector .pretty.p-default:nth-child(2) .state.p-primary label::before, .left-sidebar .point-size-selector .pretty.p-default:nth-child(2) .state.p-primary label::after {
  top: 2px;
  left: 2px;
}

.left-sidebar .point-size-selector .pretty.p-default:nth-child(4) .state.p-primary label {
  font-size: 0.8em;
  height: 1em;
}

.left-sidebar .point-size-selector .pretty.p-default:nth-child(4) .state.p-primary label::before, .left-sidebar .point-size-selector .pretty.p-default:nth-child(4) .state.p-primary label::after {
  left: 3px;
}

.left-sidebar .point-size-selector .pretty.p-default:nth-child(6) .state.p-primary label {
  font-size: 1.5em;
  height: 1em;
}

.left-sidebar .point-size-selector .pretty.p-default:nth-child(6) .state.p-primary label::before, .left-sidebar .point-size-selector .pretty.p-default:nth-child(6) .state.p-primary label::after {
  left: 5px;
}

.left-sidebar .layer-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.left-sidebar .layer-buttons .ui.button {
  border: none;
  background: none;
}

.left-sidebar .layer-buttons .ui.button:hover {
  color: red;
}

*[class^="custom-icon-"], *[class*=" custom-icon-"] {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 20px !important;
  height: 20px !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 2px;
}

#icon-menu > i {
  font-size: 20px;
}

.custom-icon-pin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='21' viewBox='0 0 13 21'%3E%3Cdefs%3E%3Cfilter id='osrb7sxpda'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' opacity='.75'%3E%3Cg filter='url(%23osrb7sxpda)' transform='translate(-1282 -367)'%3E%3Cg%3E%3Cpath fill='%23E02020' d='M1.005 0v2.012h1.003V6.62L0 8.628v3.429h5.022v8.04h2.012v-8.04h5.02V8.628l-2.01-2.008V2.012h1.006V0H1.005zm1 9.462l2.01-2.01v-5.44h4.018v5.44l2.012 2.01v.585h-8.04v-.585z' transform='translate(1282.537 367.194)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.custom-icon-eye {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21' height='15' viewBox='0 0 21 15'%3E%3Cdefs%3E%3Cfilter id='hb24cfeqwa'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0'/%3E%3C/filter%3E%3Cfilter id='y9cj29e6kb'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0'/%3E%3C/filter%3E%3Cpath id='bfj2bbpg2c' d='M0 0L20.097 0 20.097 13.785 0 13.785z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' opacity='.75'%3E%3Cg filter='url(%23hb24cfeqwa)' transform='translate(-1221 -370)'%3E%3Cg filter='url(%23y9cj29e6kb)' transform='translate(1221.564 370.472)'%3E%3Cg%3E%3Cg%3E%3Cmask id='5sc7n7jf3d' fill='%23fff'%3E%3Cuse xlink:href='%23bfj2bbpg2c'/%3E%3C/mask%3E%3Cpath fill='%23020000' d='M10.049 11.815h-.002c-3.475 0-6.562-3.535-7.637-4.921C3.485 5.503 6.572 1.97 10.047 1.97c3.477 0 6.564 3.533 7.639 4.924-1.075 1.386-4.16 4.921-7.637 4.921zm9.677-5.472C19.553 6.082 15.405 0 10.046 0 4.692 0 .544 6.086.369 6.343L0 6.893l.368.55c.175.26 4.323 6.342 9.679 6.342 5.358 0 9.506-6.086 9.679-6.343l.372-.548-.372-.551z' mask='url(%235sc7n7jf3d)'/%3E%3C/g%3E%3Cpath fill='%23020000' d='M10.047 8.862c-1.087 0-1.968-.88-1.968-1.968 0-1.09.88-1.97 1.968-1.972 1.087.002 1.967.883 1.97 1.972 0 1.087-.883 1.968-1.97 1.968m0-5.907c-2.173.002-3.935 1.762-3.937 3.939.002 2.173 1.764 3.935 3.937 3.935 2.174 0 3.937-1.76 3.939-3.935-.002-2.177-1.765-3.937-3.94-3.94'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.custom-icon-area {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cdefs%3E%3Cfilter id='500nmboqpa'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0.750000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg filter='url(%23500nmboqpa)' transform='translate(-23 -184)'%3E%3Cg%3E%3Cpath fill='%23E02020' d='M9.009 10.475V12.5H6.982v-2.025H9.01zm-3.493 0V12.5H3.493v-2.025h2.023zm-3.491 0V12.5H0v-2.025h2.025zm10.475 0V12.5h-2.024v-2.025H12.5zM2.025 6.984v2.024H0V6.984h2.025zm10.475 0v2.024h-2.024V6.984H12.5zM2.025 3.49v2.026H0V3.492h2.025zm10.475 0v2.026h-2.024V3.492H12.5zM5.516 0v2.024H3.493V0h2.023zM9.01 0v2.024H6.982V0H9.01zM2.025 0v2.024H0V0h2.025zM12.5 0v2.024h-2.024V0H12.5z' transform='translate(23.494 184.5)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.custom-icon-pin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='21' viewBox='0 0 13 21'%3E%3Cdefs%3E%3Cfilter id='osrb7sxpda'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' opacity='.75'%3E%3Cg filter='url(%23osrb7sxpda)' transform='translate(-1282 -367)'%3E%3Cg%3E%3Cpath fill='%23E02020' d='M1.005 0v2.012h1.003V6.62L0 8.628v3.429h5.022v8.04h2.012v-8.04h5.02V8.628l-2.01-2.008V2.012h1.006V0H1.005zm1 9.462l2.01-2.01v-5.44h4.018v5.44l2.012 2.01v.585h-8.04v-.585z' transform='translate(1282.537 367.194)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.custom-icon-points {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='25' height='25' version='1.1' viewBox='0 0 25 25' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Cmetadata%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/%3E%3Cdc:title/%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg fill='%23fff' stroke='%23fff' stroke-width='.73602'%3E%3Cpath d='m10.278 5.7524c0 2.2368-1.8128 4.0481-4.0481 4.0481s-4.0481-1.8113-4.0481-4.0481c0-2.2353 1.8128-4.0481 4.0481-4.0481s4.0481 1.8128 4.0481 4.0481z'/%3E%3Cpath d='m22.386 12.744c0 2.2368-1.8128 4.0481-4.0481 4.0481s-4.0481-1.8113-4.0481-4.0481c0-2.2353 1.8128-4.0481 4.0481-4.0481s4.0481 1.8128 4.0481 4.0481z'/%3E%3Cpath d='m9.6105 19.927c0 2.2368-1.8128 4.0481-4.0481 4.0481s-4.0481-1.8113-4.0481-4.0481c0-2.2353 1.8128-4.0481 4.0481-4.0481s4.0481 1.8128 4.0481 4.0481z'/%3E%3C/g%3E%3C/svg%3E");
}

.custom-icon-polygons {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='25' height='25' version='1.1' viewBox='0 0 6.6146 6.6146' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23fff' stroke-dashoffset='.69921' stroke-miterlimit='2'%3E%3Crect x='.36637' y='.54284' width='3.0374' height='1.4699' stroke-width='.27489'/%3E%3Crect x='4.4174' y='.70956' width='1.7441' height='3.2063' stroke-width='.30765'/%3E%3Crect x='1.0429' y='4.5848' width='3.9972' height='1.4334' stroke-width='.3114'/%3E%3C/g%3E%3C/svg%3E");
}

.custom-icon-trapezoid {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.452' height='18.453' viewBox='0 0 17.452 17.453'%3E%3Cg id='Grupo_690' data-name='Grupo 690' transform='translate(-1289.257 -1593.942)'%3E%3Cpath id='Unión_76' data-name='Unión 76' d='M4973.1,778.109V760.656l17.452,6.4-2.863,2.138-11.726-4.058v10.112h11.726v-6.054l2.863-2.138v11.055Z' transform='translate(-3683.842 833.286)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}

.custom-icon-fields {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25' height='25' version='1.1' viewBox='0 0 6.6146 6.6146' id='svg893'%3E%3Cmetadata id='metadata899'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs897'%3E%3Cpattern xlink:href='%23Checkerboard' id='pattern3462' patternTransform='matrix(37.79518,0,0,37.79518,4.569999,-9.3829366)' /%3E%3Cpattern patternUnits='userSpaceOnUse' width='2' height='2' patternTransform='translate(0,0) scale(10,10)' id='Checkerboard'%3E%3Crect style='fill:black;stroke:none' x='0' y='0' width='1' height='1' id='rect2555' /%3E%3Crect style='fill:black;stroke:none' x='1' y='1' width='1' height='1' id='rect2557' /%3E%3C/pattern%3E%3Cpattern patternUnits='userSpaceOnUse' width='6.5944653' height='12.51886' patternTransform='translate(9.3829366,4.569999)' id='pattern3459'%3E%3Crect x='-11.999384' y='0.51947588' width='11.479908' height='5.5555134' stroke-width='1.03895' id='rect885-3' style='fill:url(%23pattern3462);fill-opacity:1;fill-rule:nonzero;stroke:%23000000;stroke-miterlimit:2;stroke-dashoffset:0.69921;stroke-opacity:1' transform='rotate(-90)' /%3E%3C/pattern%3E%3C/defs%3E%3Crect x='-4.3839936' y='1.15012' width='3.0374' height='1.4699' stroke-width='0.27489' id='rect885' style='fill:none;fill-opacity:1;stroke:%23ffffff;stroke-miterlimit:2;stroke-dashoffset:0.69921;stroke-opacity:1;fill-rule:nonzero' transform='rotate(-90)' /%3E%3Cg id='layer1'%3E%3Crect style='fill:none;fill-rule:evenodd;stroke:none;stroke-width:0.370002;stroke-miterlimit:2;stroke-dashoffset:0.699211' id='rect1463' width='6.6243882' height='6.5995226' x='-0.020665886' y='-0.0022763717' /%3E%3C/g%3E%3Cg id='layer2' style='display:none' /%3E%3Crect style='stroke:%23ffffff;fill:none;fill-rule:nonzero;fill-opacity:1;stroke-opacity:1' transform='scale(0.264584)' width='6.5944653' height='12.51886' x='9.3829366' y='4.569999' id='rect3464' /%3E%3Crect x='-4.3839936' y='4.08992' width='3.0374' height='1.4699' stroke-width='0.27489' id='rect885-6' style='fill:none;fill-opacity:1;stroke:%23ffffff;stroke-miterlimit:2;stroke-dashoffset:0.69921;stroke-opacity:1;fill-rule:nonzero' transform='rotate(-90)' /%3E%3Crect style='fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23ffffff;stroke-width:0.370002;stroke-miterlimit:2;stroke-dashoffset:0.699211;stroke-opacity:1' id='rect1518' width='4.2991753' height='0.79625857' x='1.2117957' y='1.4197011' /%3E%3C/svg%3E%0A");
}

.custom-icon-points-size {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='25' height='25' version='1.1' viewBox='0 0 25 25' id='svg12' sodipodi:docname='points_sizes.svg' inkscape:version='1.0.2 (e86c870879, 2021-01-15)'%3E%3Cdefs id='defs16' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1920' inkscape:window-height='994' id='namedview14' showgrid='false' inkscape:zoom='32.72' inkscape:cx='12.5' inkscape:cy='12.5' inkscape:window-x='1600' inkscape:window-y='27' inkscape:window-maximized='1' inkscape:current-layer='svg12' /%3E%3Cmetadata id='metadata2'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cpath d='m 10.087008,4.4496632 c 0,2.2368 -1.8128003,4.0481 -4.0481003,4.0481 -2.2353,0 -4.0481,-1.8113 -4.0481,-4.0481 0,-2.2353 1.8128,-4.04810004 4.0481,-4.04810004 2.2353,0 4.0481003,1.81280004 4.0481003,4.04810004 z' id='path4' style='fill:%23ffffff;stroke:%23ffffff;stroke-width:0.73602' /%3E%3Cpath d='m 24.405188,7.7484468 c 0,3.1930072 -2.587753,5.7786182 -5.77862,5.7786182 -3.190866,0 -5.778619,-2.585611 -5.778619,-5.7786182 0,-3.1908674 2.587753,-5.7786201 5.778619,-5.7786201 3.190867,0 5.77862,2.5877527 5.77862,5.7786201 z' id='path6' style='fill:%23ffffff;stroke:%23ffffff;stroke-width:1.05066' /%3E%3Cpath d='m 16.058859,16.71545 c 0,4.243501 -3.439118,7.679774 -7.6797728,7.679774 -4.2406557,0 -7.67977384,-3.436273 -7.67977384,-7.679774 0,-4.240655 3.43911814,-7.679773 7.67977384,-7.679773 4.2406548,0 7.6797728,3.439118 7.6797728,7.679773 z' id='path8' style='fill:%23ffffff;stroke:%23ffffff;stroke-width:1.39632' /%3E%3C/svg%3E");
}

.custom-icon-scale-palette {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='30.198' height='11.861' version='1.1' viewBox='-2704.5 322.4 30.198 11.861' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(1.0514 0 0 1.3179 138.48 -105.92)' stroke='%23fff'%3E%3Ctitle%3ECanvas 1%3C/title%3E%3Cg stroke='%23fff'%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg stroke='%23fff'%3E%3Cdesc%3EIN-Ruler-no-margin%3C/desc%3E%3Cg stroke='%23fff'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='-2703.5' x2='-2675.7' y1='333.5' y2='333.5'/%3E%3Cline x1='-2703.5' x2='-2703.5' y1='333.5' y2='325.5'/%3E%3Cline x1='-2675.7' x2='-2675.7' y1='333.5' y2='325.5'/%3E%3Cline x1='-2689.3' x2='-2689.3' y1='333.5' y2='328.53'/%3E%3Cline x1='-2681.9' x2='-2682' y1='333.5' y2='328.23'/%3E%3Cline x1='-2696.4' x2='-2696.5' y1='333.5' y2='328.54'/%3E%3C/g%3E%3Cdesc%3EVZ-Animation-Controls%3C/desc%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/*eyeradar + detektia icons */
.logo-detektia {
  background-image: url("icons/detektia-login.svg");
  height: 100vh;
  background-repeat: no-repeat;
}

/* Logging rectangle */
.panel-primary {
  border-color: transparent;
  background-color: transparent;
}

/* Id */
input#auth-user_id::placeholder {
  font-family: 'Ubuntu';
  color: grey;
  font-size: 12px;
}

input#auth-user_id[type="text"] {
  background: var(--unnamed-color-425874) 0% 0% no-repeat padding-box;
  background: #425874 0% 0% no-repeat padding-box;
  border-radius: 6px;
  border-color: rgba(0, 0, 0, 0);
  opacity: 1;
  font-family: 'Ubuntu';
  font-size: 12px;
  color: white;
}

/* Password */
input#auth-user_pwd::placeholder {
  font-family: 'Ubuntu';
  color: grey;
  font-size: 12px;
}

input#auth-user_pwd[type="password"] {
  background: var(--unnamed-color-425874) 0% 0% no-repeat padding-box;
  background: #425874 0% 0% no-repeat padding-box;
  border-radius: 6px;
  border-color: rgba(0, 0, 0, 0);
  opacity: 1;
  font-family: 'Ubuntu';
  font-size: 12px;
  color: white;
}

/* Login Button   */
button#auth-go_auth {
  background: var(--unnamed-color-47b1c9) 0% 0% no-repeat padding-box;
  background: #47B1C9 0% 0% no-repeat padding-box;
  border-radius: 6px;
  opacity: 1;
  border: 0;
  float: right;
  padding: 5px;
  color: white;
}

#auth-msg_auth {
  background: transparent;
  font-family: 'Ubuntu';
  color: red;
  border: 0;
}

.info-panel {
  display: flex;
  flex-direction: row;
  min-height: 100px;
}

.info-panel .left {
  display: flex;
  flex-direction: column;
}

.info-panel .right {
  display: flex;
  width: 30%;
  justify-content: center;
}

.info-panel .right img {
  max-height: 100px;
  max-width: 100px;
}

.info-panel #info_panel_right {
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100px;
}

.show_points {
  margin-bottom: 10px;
}

.info-output {
  background-color: white;
  color: black;
  border-radius: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  margin-top: 30px;
}

.info-output .tab {
  border-radius: 10px;
}

.info-output .velocity-tab__compare {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.info-output .ui.selection.dropdown {
  background-color: white;
  color: black;
}

.info-output #comp_area.ui.selection.dropdown {
  margin-left: 0px;
  margin-bottom: 10px !important;
}

.ui.slider.labeled.ticked > .labels {
  margin: 0 3px;
}

.ui.slider.labeled.ticked > .labels .label:after {
  margin-top: 1.4em;
  height: 0.4em;
  background-color: #7f8893;
}

.ui.slider.labeled.ticked > .labels .label.halftick:after {
  height: 0.25em;
  background-color: #606b7a;
}

.ui.slider .inner .track {
  background-color: rgba(255, 255, 255, 0.75);
}

.ui.slider .inner .track-fill {
  background-color: #2288b2;
}

.track-fill,
.irs-bar {
  background-color: #2288b2;
}

.irs-line,
.irs-bar {
  height: 5px   !important;
}

.irs--shiny .irs-grid-pol {
  height: 0.25em;
}

table {
  margin-top: 20px;
  margin-bottom: 20px;
  border-collapse: collapse;
}

table caption {
  text-align: start;
  font-size: 0.9rem;
  color: grey;
}

table tbody td {
  border-top: 1px solid lightgrey;
  font-size: 0.8rem;
}

.area-histogram {
  margin-top: 30px;
  margin-bottom: 30px;
}

.irs--shiny .irs-grid-pol {
  background-color: #7f8893;
}

.irs--shiny .irs-grid-text {
  color: rgba(255, 255, 255, 0.75);
}

.irs-grid-pol.small {
  display: none;
}

.point-details {
  display: flex;
  justify-content: space-between;
}

.info-output.velocity-tab .velocity-tab__compare {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.info-output.velocity-tab .ui.selection.dropdown {
  background-color: white;
  color: black;
}

.info-output.velocity-tab #comp.ui.selection.dropdown {
  margin-left: 10px;
  margin-bottom: 10px !important;
}

.info-output.velocity-tab > div:last-child {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.info-output.velocity-tab .input-width-buffer .ui.form .field {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.info-output.velocity-tab .input-width-buffer .ui.form .field label {
  display: inline;
  margin-top: 5px;
  margin-right: 10px;
}

.indices-tab .ui.form .field {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.indices-tab .ui.form .field label {
  margin-top: 5px;
  margin-right: 10px;
}

.velocity-slider {
  margin-bottom: 30px;
}

.velocity-slider .labels .label:first-of-type {
  margin-left: 5px;
}

.velocity-slider .labels .label:first-of-type::after {
  transform: translateX(-5px);
}

.velocity-slider h3 {
  margin-bottom: 10px;
}