@font-face {
  font-family: 'icons';
  src: url(77473d65b4d69ca563e897757d3f315c.woff) format('woff'), url(2788d93ff9a841603a872959825715dd.ttf) format('truetype');
}
.Icon--spin {
  animation: icon-spin 2s infinite linear;
}
.Icon {
  display: inline-block;
  vertical-align: middle;
  font: normal normal normal 16px/1 'icons';
  font-size: 16px;
  font-size: 1rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Icon--access-point:before {
  content: '\ea01';
}
.Icon--account-alert-outline:before {
  content: '\ea02';
}
.Icon--account-alert:before {
  content: '\ea03';
}
.Icon--account-box-outline:before {
  content: '\ea04';
}
.Icon--account-box:before {
  content: '\ea05';
}
.Icon--account-group:before {
  content: '\ea06';
}
.Icon--add:before {
  content: '\ea07';
}
.Icon--add2:before {
  content: '\ea08';
}
.Icon--alert-rhombus-outline:before {
  content: '\ea09';
}
.Icon--alert-rhombus:before {
  content: '\ea0a';
}
.Icon--antenna:before {
  content: '\ea0b';
}
.Icon--apps:before {
  content: '\ea0c';
}
.Icon--area:before {
  content: '\ea0d';
}
.Icon--arrowCollapse:before {
  content: '\ea0e';
}
.Icon--arrowDown:before {
  content: '\ea0f';
}
.Icon--arrowExpand:before {
  content: '\ea10';
}
.Icon--arrowExpandAll:before {
  content: '\ea11';
}
.Icon--arrowHorizontal:before {
  content: '\ea12';
}
.Icon--arrowLeft:before {
  content: '\ea13';
}
.Icon--arrowRight:before {
  content: '\ea14';
}
.Icon--arrowUp:before {
  content: '\ea15';
}
.Icon--aspect-ratio:before {
  content: '\ea16';
}
.Icon--attachment:before {
  content: '\ea17';
}
.Icon--back:before {
  content: '\ea18';
}
.Icon--backspace-outline:before {
  content: '\ea19';
}
.Icon--ballot-outline:before {
  content: '\ea1a';
}
.Icon--ballot:before {
  content: '\ea1b';
}
.Icon--bank-outline:before {
  content: '\ea1c';
}
.Icon--bank:before {
  content: '\ea1d';
}
.Icon--barcode-scan:before {
  content: '\ea1e';
}
.Icon--barcode:before {
  content: '\ea1f';
}
.Icon--basis:before {
  content: '\ea20';
}
.Icon--bell-alert-outline:before {
  content: '\ea21';
}
.Icon--bell-alert:before {
  content: '\ea22';
}
.Icon--bell-outline:before {
  content: '\ea23';
}
.Icon--bell:before {
  content: '\ea24';
}
.Icon--binding:before {
  content: '\ea25';
}
.Icon--bindingAdd:before {
  content: '\ea26';
}
.Icon--bindingAddFeature:before {
  content: '\ea27';
}
.Icon--bindingDelete:before {
  content: '\ea28';
}
.Icon--bindingStar:before {
  content: '\ea29';
}
.Icon--boldness:before {
  content: '\ea2a';
}
.Icon--boldness1:before {
  content: '\ea2b';
}
.Icon--boldness2:before {
  content: '\ea2c';
}
.Icon--book-open-outline:before {
  content: '\ea2d';
}
.Icon--book:before {
  content: '\ea2e';
}
.Icon--bookmark:before {
  content: '\ea2f';
}
.Icon--bookmarks:before {
  content: '\ea30';
}
.Icon--calculator:before {
  content: '\ea31';
}
.Icon--calendar:before {
  content: '\ea32';
}
.Icon--camera-outline:before {
  content: '\ea33';
}
.Icon--camera:before {
  content: '\ea34';
}
.Icon--cancel:before {
  content: '\ea35';
}
.Icon--category:before {
  content: '\ea36';
}
.Icon--categoryCancel:before {
  content: '\ea37';
}
.Icon--chart-box-outline:before {
  content: '\ea38';
}
.Icon--check:before {
  content: '\ea39';
}
.Icon--check2:before {
  content: '\ea3a';
}
.Icon--checkbox-multiple-outline:before {
  content: '\ea3b';
}
.Icon--circleEmpty:before {
  content: '\ea3c';
}
.Icon--circleEmptyBold:before {
  content: '\ea3d';
}
.Icon--circleFull:before {
  content: '\ea3e';
}
.Icon--circleRadio:before {
  content: '\ea3f';
}
.Icon--clean:before {
  content: '\ea40';
}
.Icon--clean2:before {
  content: '\ea41';
}
.Icon--clock-fast:before {
  content: '\ea42';
}
.Icon--clock-outline:before {
  content: '\ea43';
}
.Icon--close-box-outline:before {
  content: '\ea44';
}
.Icon--close-box:before {
  content: '\ea45';
}
.Icon--close:before {
  content: '\ea46';
}
.Icon--cloud-outline:before {
  content: '\ea47';
}
.Icon--cogs:before {
  content: '\ea48';
}
.Icon--collage:before {
  content: '\ea49';
}
.Icon--collapse:before {
  content: '\ea4a';
}
.Icon--comment-alert-outline:before {
  content: '\ea4b';
}
.Icon--comment-alert:before {
  content: '\ea4c';
}
.Icon--compass:before {
  content: '\ea4d';
}
.Icon--cookie:before {
  content: '\ea4e';
}
.Icon--copy:before {
  content: '\ea4f';
}
.Icon--copyright:before {
  content: '\ea50';
}
.Icon--credit-card-outline:before {
  content: '\ea51';
}
.Icon--credit-card:before {
  content: '\ea52';
}
.Icon--cross:before {
  content: '\ea53';
}
.Icon--cross2:before {
  content: '\ea54';
}
.Icon--crown:before {
  content: '\ea55';
}
.Icon--currency-eur:before {
  content: '\ea56';
}
.Icon--currency-usd:before {
  content: '\ea57';
}
.Icon--default:before {
  content: '\ea58';
}
.Icon--delete:before {
  content: '\ea59';
}
.Icon--deleteOneWay:before {
  content: '\ea5a';
}
.Icon--distance:before {
  content: '\ea5b';
}
.Icon--dots-horizontal:before {
  content: '\ea5c';
}
.Icon--dots:before {
  content: '\ea5d';
}
.Icon--down:before {
  content: '\ea5e';
}
.Icon--download:before {
  content: '\ea5f';
}
.Icon--download2:before {
  content: '\ea60';
}
.Icon--dragVertical:before {
  content: '\ea61';
}
.Icon--edit:before {
  content: '\ea62';
}
.Icon--email-outline:before {
  content: '\ea63';
}
.Icon--email:before {
  content: '\ea64';
}
.Icon--exclamation-thick:before {
  content: '\ea65';
}
.Icon--expand:before {
  content: '\ea66';
}
.Icon--export:before {
  content: '\ea67';
}
.Icon--exportdata:before {
  content: '\ea68';
}
.Icon--exportDwg:before {
  content: '\ea69';
}
.Icon--externalURL:before {
  content: '\ea6a';
}
.Icon--eye-plus-outline:before {
  content: '\ea6b';
}
.Icon--eyeSlash:before {
  content: '\ea6c';
}
.Icon--favourite:before {
  content: '\ea6d';
}
.Icon--file-edit:before {
  content: '\ea6e';
}
.Icon--file-link:before {
  content: '\ea6f';
}
.Icon--file-marker:before {
  content: '\ea70';
}
.Icon--file-move:before {
  content: '\ea71';
}
.Icon--file-restore:before {
  content: '\ea72';
}
.Icon--file-upload:before {
  content: '\ea73';
}
.Icon--file:before {
  content: '\ea74';
}
.Icon--fileChart:before {
  content: '\ea75';
}
.Icon--fileFind:before {
  content: '\ea76';
}
.Icon--filter-check:before {
  content: '\ea77';
}
.Icon--filter:before {
  content: '\ea78';
}
.Icon--filterCancel:before {
  content: '\ea79';
}
.Icon--filterFile:before {
  content: '\ea7a';
}
.Icon--filterImage:before {
  content: '\ea7b';
}
.Icon--filterVideo:before {
  content: '\ea7c';
}
.Icon--find-replace:before {
  content: '\ea7d';
}
.Icon--fingerprint:before {
  content: '\ea7e';
}
.Icon--flag-outline:before {
  content: '\ea7f';
}
.Icon--flash-outline:before {
  content: '\ea80';
}
.Icon--flash:before {
  content: '\ea81';
}
.Icon--floppy:before {
  content: '\ea82';
}
.Icon--focus-field:before {
  content: '\ea83';
}
.Icon--folder:before {
  content: '\ea84';
}
.Icon--gift-outline:before {
  content: '\ea85';
}
.Icon--gis:before {
  content: '\ea86';
}
.Icon--grid:before {
  content: '\ea87';
}
.Icon--grid2:before {
  content: '\ea88';
}
.Icon--heart-outline:before {
  content: '\ea89';
}
.Icon--heart:before {
  content: '\ea8a';
}
.Icon--help-box-outline:before {
  content: '\ea8b';
}
.Icon--help:before {
  content: '\ea8c';
}
.Icon--help2:before {
  content: '\ea8d';
}
.Icon--home-alert:before {
  content: '\ea8e';
}
.Icon--home-city:before {
  content: '\ea8f';
}
.Icon--home-edit:before {
  content: '\ea90';
}
.Icon--home:before {
  content: '\ea91';
}
.Icon--human:before {
  content: '\ea92';
}
.Icon--image:before {
  content: '\ea93';
}
.Icon--incognito:before {
  content: '\ea94';
}
.Icon--info:before {
  content: '\ea95';
}
.Icon--infoAlert:before {
  content: '\ea96';
}
.Icon--information-box-outline:before {
  content: '\ea97';
}
.Icon--information-box:before {
  content: '\ea98';
}
.Icon--key-outline:before {
  content: '\ea99';
}
.Icon--key:before {
  content: '\ea9a';
}
.Icon--kn:before {
  content: '\ea9b';
}
.Icon--layers-search-outline:before {
  content: '\ea9c';
}
.Icon--layers-search:before {
  content: '\ea9d';
}
.Icon--layers:before {
  content: '\ea9e';
}
.Icon--layersOff:before {
  content: '\ea9f';
}
.Icon--layersOn:before {
  content: '\eaa0';
}
.Icon--layersPlus:before {
  content: '\eaa1';
}
.Icon--layerWMS:before {
  content: '\eaa2';
}
.Icon--layerWMTS:before {
  content: '\eaa3';
}
.Icon--layerXYZ:before {
  content: '\eaa4';
}
.Icon--left:before {
  content: '\eaa5';
}
.Icon--lightbulb-on-outline:before {
  content: '\eaa6';
}
.Icon--lightbulb-outline:before {
  content: '\eaa7';
}
.Icon--line-scan:before {
  content: '\eaa8';
}
.Icon--line:before {
  content: '\eaa9';
}
.Icon--list-box:before {
  content: '\eaaa';
}
.Icon--list:before {
  content: '\eaab';
}
.Icon--loadData:before {
  content: '\eaac';
}
.Icon--locate:before {
  content: '\eaad';
}
.Icon--locateAdd:before {
  content: '\eaae';
}
.Icon--lock-open-outline:before {
  content: '\eaaf';
}
.Icon--lock-open:before {
  content: '\eab0';
}
.Icon--lock-outline:before {
  content: '\eab1';
}
.Icon--lock:before {
  content: '\eab2';
}
.Icon--lock2:before {
  content: '\eab3';
}
.Icon--logout:before {
  content: '\eab4';
}
.Icon--lv:before {
  content: '\eab5';
}
.Icon--mapMarkerPath:before {
  content: '\eab6';
}
.Icon--mapMarkerQuestion:before {
  content: '\eab7';
}
.Icon--mapMarkerRadius:before {
  content: '\eab8';
}
.Icon--massEdit:before {
  content: '\eab9';
}
.Icon--measurement:before {
  content: '\eaba';
}
.Icon--menu:before {
  content: '\eabb';
}
.Icon--message-alert-outline:before {
  content: '\eabc';
}
.Icon--message:before {
  content: '\eabd';
}
.Icon--minus-box-outline:before {
  content: '\eabe';
}
.Icon--minus-box:before {
  content: '\eabf';
}
.Icon--minus-circle:before {
  content: '\eac0';
}
.Icon--minus:before {
  content: '\eac1';
}
.Icon--navigation:before {
  content: '\eac2';
}
.Icon--navigation2:before {
  content: '\eac3';
}
.Icon--navigationOutline:before {
  content: '\eac4';
}
.Icon--newspaper:before {
  content: '\eac5';
}
.Icon--offer:before {
  content: '\eac6';
}
.Icon--open-in-app:before {
  content: '\eac7';
}
.Icon--open-in-new:before {
  content: '\eac8';
}
.Icon--orto:before {
  content: '\eac9';
}
.Icon--package-closed:before {
  content: '\eaca';
}
.Icon--package-up:before {
  content: '\eacb';
}
.Icon--package:before {
  content: '\eacc';
}
.Icon--palette:before {
  content: '\eacd';
}
.Icon--panoramaVariant:before {
  content: '\eace';
}
.Icon--panoramaVariantOutline:before {
  content: '\eacf';
}
.Icon--paperclip:before {
  content: '\ead0';
}
.Icon--pencil-outline:before {
  content: '\ead1';
}
.Icon--pencil:before {
  content: '\ead2';
}
.Icon--phone-classic:before {
  content: '\ead3';
}
.Icon--phone:before {
  content: '\ead4';
}
.Icon--piggy-bank:before {
  content: '\ead5';
}
.Icon--pin-outline:before {
  content: '\ead6';
}
.Icon--pin:before {
  content: '\ead7';
}
.Icon--pipe-disconnected:before {
  content: '\ead8';
}
.Icon--pipe-leak:before {
  content: '\ead9';
}
.Icon--pipe-valve:before {
  content: '\eada';
}
.Icon--pipe:before {
  content: '\eadb';
}
.Icon--plus-box-outline:before {
  content: '\eadc';
}
.Icon--plus-box:before {
  content: '\eadd';
}
.Icon--plus-circle:before {
  content: '\eade';
}
.Icon--plus:before {
  content: '\eadf';
}
.Icon--point:before {
  content: '\eae0';
}
.Icon--point2:before {
  content: '\eae1';
}
.Icon--poll:before {
  content: '\eae2';
}
.Icon--polygon:before {
  content: '\eae3';
}
.Icon--postage-stamp:before {
  content: '\eae4';
}
.Icon--pound:before {
  content: '\eae5';
}
.Icon--power-sleep:before {
  content: '\eae6';
}
.Icon--preview:before {
  content: '\eae7';
}
.Icon--previewNext:before {
  content: '\eae8';
}
.Icon--previewPrev:before {
  content: '\eae9';
}
.Icon--print:before {
  content: '\eaea';
}
.Icon--progress-check:before {
  content: '\eaeb';
}
.Icon--progress-clock:before {
  content: '\eaec';
}
.Icon--publish:before {
  content: '\eaed';
}
.Icon--qrcode-scan:before {
  content: '\eaee';
}
.Icon--qrcode:before {
  content: '\eaef';
}
.Icon--reader:before {
  content: '\eaf0';
}
.Icon--refresh:before {
  content: '\eaf1';
}
.Icon--reload-alert:before {
  content: '\eaf2';
}
.Icon--rename:before {
  content: '\eaf3';
}
.Icon--repeat:before {
  content: '\eaf4';
}
.Icon--right:before {
  content: '\eaf5';
}
.Icon--rlp-highriseZones:before {
  content: '\eaf6';
}
.Icon--rotate:before {
  content: '\eaf7';
}
.Icon--satellite:before {
  content: '\eaf8';
}
.Icon--screen-rotation:before {
  content: '\eaf9';
}
.Icon--search:before {
  content: '\eafa';
}
.Icon--search2:before {
  content: '\eafb';
}
.Icon--selection-marker:before {
  content: '\eafc';
}
.Icon--selection-more:before {
  content: '\eafd';
}
.Icon--selection:before {
  content: '\eafe';
}
.Icon--selectionBbox:before {
  content: '\eaff';
}
.Icon--selectionPolygon:before {
  content: '\eb00';
}
.Icon--selectionTooltip:before {
  content: '\eb01';
}
.Icon--settings:before {
  content: '\eb02';
}
.Icon--settingsOutline:before {
  content: '\eb03';
}
.Icon--share:before {
  content: '\eb04';
}
.Icon--shield-account:before {
  content: '\eb05';
}
.Icon--shift:before {
  content: '\eb06';
}
.Icon--shuffle-variant:before {
  content: '\eb07';
}
.Icon--signal:before {
  content: '\eb08';
}
.Icon--skipNext:before {
  content: '\eb09';
}
.Icon--sort:before {
  content: '\eb0a';
}
.Icon--sortAsc:before {
  content: '\eb0b';
}
.Icon--sortDesc:before {
  content: '\eb0c';
}
.Icon--star-outline:before {
  content: '\eb0d';
}
.Icon--star:before {
  content: '\eb0e';
}
.Icon--swap-horizontal-variant:before {
  content: '\eb0f';
}
.Icon--swap-horizontal:before {
  content: '\eb10';
}
.Icon--swap-vertical-variant:before {
  content: '\eb11';
}
.Icon--swap-vertical:before {
  content: '\eb12';
}
.Icon--switch:before {
  content: '\eb13';
}
.Icon--table-of-contents:before {
  content: '\eb14';
}
.Icon--tableFilter:before {
  content: '\eb15';
}
.Icon--tag:before {
  content: '\eb16';
}
.Icon--target-account:before {
  content: '\eb17';
}
.Icon--target:before {
  content: '\eb18';
}
.Icon--temperature-celsius:before {
  content: '\eb19';
}
.Icon--tempty:before {
  content: '\eb1a';
}
.Icon--terrain:before {
  content: '\eb1b';
}
.Icon--text-account:before {
  content: '\eb1c';
}
.Icon--text-box-check:before {
  content: '\eb1d';
}
.Icon--text-box-outline:before {
  content: '\eb1e';
}
.Icon--text-box-search:before {
  content: '\eb1f';
}
.Icon--text-box:before {
  content: '\eb20';
}
.Icon--text-search:before {
  content: '\eb21';
}
.Icon--text:before {
  content: '\eb22';
}
.Icon--text2:before {
  content: '\eb23';
}
.Icon--tfull:before {
  content: '\eb24';
}
.Icon--timer:before {
  content: '\eb25';
}
.Icon--tooltip-account:before {
  content: '\eb26';
}
.Icon--tooltip-blank:before {
  content: '\eb27';
}
.Icon--tooltip-check:before {
  content: '\eb28';
}
.Icon--tooltip-edit:before {
  content: '\eb29';
}
.Icon--tooltip-question:before {
  content: '\eb2a';
}
.Icon--tooltip-text:before {
  content: '\eb2b';
}
.Icon--traffic-cone:before {
  content: '\eb2c';
}
.Icon--trash:before {
  content: '\eb2d';
}
.Icon--turnOnOff:before {
  content: '\eb2e';
}
.Icon--undo:before {
  content: '\eb2f';
}
.Icon--universal:before {
  content: '\eb30';
}
.Icon--up:before {
  content: '\eb31';
}
.Icon--upload:before {
  content: '\eb32';
}
.Icon--user:before {
  content: '\eb33';
}
.Icon--userCheck:before {
  content: '\eb34';
}
.Icon--userCog:before {
  content: '\eb35';
}
.Icon--userDetail:before {
  content: '\eb36';
}
.Icon--userEdit:before {
  content: '\eb37';
}
.Icon--userStar:before {
  content: '\eb38';
}
.Icon--vector-combine:before {
  content: '\eb39';
}
.Icon--vector-link:before {
  content: '\eb3a';
}
.Icon--viewTile:before {
  content: '\eb3b';
}
.Icon--wallpaper:before {
  content: '\eb3c';
}
.Icon--water-outline:before {
  content: '\eb3d';
}
.Icon--water:before {
  content: '\eb3e';
}
.Icon--web:before {
  content: '\eb3f';
}
.Icon--wrench-outline:before {
  content: '\eb40';
}
.Icon--wvp:before {
  content: '\eb41';
}
.Icon--zip-box-outline:before {
  content: '\eb42';
}
.Icon--zip-box:before {
  content: '\eb43';
}
@-moz-keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-o-keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
progress {
  vertical-align: baseline;
}
template,
[hidden] {
  display: none;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
}
optgroup {
  font-weight: bold;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.appDiv *,
*:before,
*:after {
  box-sizing: border-box;
}
.appDiv h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
.appDiv ::-ms-clear {
  display: none;
}
.appDiv input[type=number]::-webkit-inner-spin-button,
.appDiv input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.appDiv input[type=number] {
  -moz-appearance: textfield;
}
.appDiv .unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.appDiv {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  color: #000;
  background-color: #fff;
  overflow: hidden;
  font-size: 16px;
  font-size: 1rem;
  font-family: 'Helvetica Neue', Arial;
}
.appDiv main {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.page {
  width: 100%;
  height: 100%;
}
.desktop-only {
  display: none;
}
.appDiv select::-ms-expand {
  display: none;
}
.appDiv hr {
  border: 0;
  border-top: 1px solid #cbe8f3;
}
@media screen and (min-width: 1025px) {
  .desktop-only {
    display: inherit;
  }
}
.Action {
  position: relative;
  display: inline-block;
  margin: 0px;
  padding: 0px;
  border: none;
  min-width: 36px;
  height: 38px;
  background: #fff;
  cursor: pointer;
  vertical-align: middle;
}
@media screen and (min-width: 48em) {
  .Action {
    min-width: 38px;
  }
}
.Action.is-disabled {
  opacity: 0.2;
  cursor: default;
}
.Action.has-label {
  white-space: nowrap;
}
.Action-icon {
  position: relative;
  display: block;
  width: 35px;
  height: 35px;
  font-size: 20px;
  font-size: 1.25rem;
  color: #bdbdbd;
  vertical-align: middle;
}
@media screen and (min-width: 48em) {
  .Action-icon {
    width: 35px;
    height: 35px;
    color: #bdbdbd;
  }
}
.Action-icon:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.Action.has-label .Action-icon {
  display: inline-block;
  vertical-align: middle;
}
.Action.is-selected .Action-icon {
  color: #00afef;
}
@media screen and (min-width: 48em) {
  .Action:hover > .Action-icon {
    color: #00afef;
  }
}
@media screen and (min-width: 48em) {
  .Dropdown-toggle:hover > .Action-icon {
    color: #00afef;
  }
}
.Action.is-disabled:hover .Action-icon {
  color: #bdbdbd;
}
.Dropdown.is-open .Action-icon {
  color: #00afef;
}
.Action-icon-smaller {
  position: relative;
  display: block;
  width: 35px;
  height: 35px;
  font-size: 20px;
  font-size: 1.25rem;
  color: #bdbdbd;
  vertical-align: middle;
}
@media screen and (min-width: 48em) {
  .Action-icon-smaller {
    width: 35px;
    height: 35px;
    color: #bdbdbd;
  }
}
.Action-icon-smaller:before {
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 5px;
  transform: scale(0.8, 0.8);
  width: 18px;
  height: 16px;
}
.Action.has-label .Action-icon-smaller {
  display: inline-block;
  vertical-align: middle;
}
.Action.is-selected .Action-icon-smaller {
  color: #00afef;
}
@media screen and (min-width: 48em) {
  .Action:hover > .Action-icon-smaller {
    color: #00afef;
  }
}
@media screen and (min-width: 48em) {
  .Dropdown-toggle:hover > .Action-icon-smaller {
    color: #00afef;
  }
}
.Action.is-disabled:hover .Action-icon-smaller {
  color: #bdbdbd;
}
.Dropdown.is-open .Action-icon-smaller {
  color: #00afef;
}
.Action-label {
  display: none;
  padding-right: 10px;
  line-height: 1;
  color: #3a3b43;
  font-size: 14px;
  font-size: 0.875rem;
  vertical-align: middle;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Action.has-label .Action-label {
  display: inline-block;
}
.Action-file-input {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  opacity: 0;
  width: 100%;
}
.Action-separator {
  height: 1px;
  background: #dadada;
  margin-left: 10px;
  margin-right: 10px;
}
.Action-gridMenu {
  margin-top: 10px;
  display: inline-block;
}
.ActionMenu-icon.is-selected {
  color: #00afef;
}
.ActionMenu-icon:hover {
  color: #00afef;
}
.ActionMenu-items {
  display: none;
  position: absolute;
  top: 90%;
  left: 0;
  margin: 0;
  padding: 0;
  max-width: 200px;
  background: #fff;
  list-style: none;
  z-index: 101;
  font-size: 14px;
  font-size: 0.875rem;
  box-shadow: 0 1px 5px rgba(0,0,0,0.27);
}
#SearchModuleContainerPanel .ActionMenu-items {
  max-height: 304px;
  overflow: hidden;
  overflow-y: auto;
}
.ActionMenu.is-open .ActionMenu-items {
  display: block;
  z-index: 101;
}
.ActionMenu--right .ActionMenu-items {
  left: auto;
  right: 0;
}
.ActionMenu--up .ActionMenu-items {
  top: auto;
  bottom: 90%;
}
.ActionMenu-items .Action {
  display: block;
  background: transparent;
}
.ActionMenu-items .Action:hover {
  background: #f2f2f2;
}
.ActionMenu-items .Action-icon {
  color: #bdbdbd !important;
}
.ActionSwitch {
  background-color: #ebebeb;
  padding: 3px;
  display: flex;
  width: 54px;
  justify-content: space-between;
}
.ActionSwitch-icon {
  background-color: #fff;
  color: #ebebeb;
  padding: 1px;
  cursor: pointer;
}
.ActionSwitch-icon.selected {
  background-color: #bdbdbd;
  color: #fff;
}
.Alert {
  padding: 15px;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  color: #c2c2c2;
}
.Alert.no-results {
  font-size: 20px;
  font-size: 1.25rem;
  color: #c5c5c5;
  padding: 40px;
  line-height: 150%;
}
.Alert--error {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 10px;
  background: #f00;
  color: #fff;
}
.AppHeader {
  padding: 15px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: #009dd7;
/*border-bottom 1px solid rgba(255, 255, 255, .3)*/
  display: none;
  position: relative;
}
.AppHeader .logo-container {
  float: left;
}
.AppHeader:after {
  content: '';
  height: 1px;
  width: calc(100% + 50px);
  background-color: rgba(255,255,255,0.3);
  bottom: -1px;
  left: -50px;
  position: absolute;
}
@media screen and (min-width: 48em) {
  .AppHeader {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 0 25px;
    width: 100%;
    height: 65px;
    line-height: 65px;
    border: none;
    text-align: left;
    box-sizing: border-box;
  }
  .AppHeader:after {
    content: none;
  }
}
.Nav .AppHeader {
  display: flex;
  height: 60px;
  padding: 0;
  margin-left: 60px;
  align-items: center;
}
.Nav .AppHeader .logo-container {
  display: flex;
  align-self: center;
  justify-content: left;
  min-width: 120px;
  padding: 0px 15px 0px 10px;
}
.Nav .AppHeader .AppHeader-title {
  align-self: center;
  padding: 5px 15px;
  text-align: left;
  border-left: 1px solid rgba(255,255,255,0.3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 48em) {
  .Nav .AppHeader {
    display: none !important;
  }
}
@media screen and (min-width: 48em) {
  .AppHeader-logo {
    display: inline-block;
    vertical-align: middle;
  }
}
.AppHeader-title {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}
.AppHeader-title span {
  cursor: pointer;
}
@media screen and (min-width: 48em) {
  .AppHeader-title {
    margin: 0 0 0 19px;
    padding-left: 17px;
    height: 34px;
    line-height: 36px;
    vertical-align: middle;
    font-size: 13px;
    font-size: 0.8125rem;
    border-left: 1px solid rgba(255,255,255,0.3);
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 140px);
  }
  #grid-module .AppHeader-title {
    padding-right: 30px;
  }
}
.AppHeader-title small {
  display: none;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 11px;
  font-size: 0.6875rem;
  opacity: 0.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 48em) {
  .AppHeader-title small {
    display: none;
  }
}
.AppHeader .Icon {
  font-size: 16px;
  font-size: 1rem;
}
.AppHeader-icon {
  cursor: pointer;
  margin-right: 8px;
  margin-bottom: 2px;
}
.AppLink--disabled {
  color: #a9a9a9;
  text-decoration: underline;
  cursor: not-allowed;
}
.Autocomplete-input {
  display: block;
  margin: 0;
  padding: 14px;
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
  outline: none;
  box-sizing: border-box;
  border: 1px solid #dadada;
}
.Autocomplete-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 200px;
  background: #fff;
  border: solid #dadada;
  border-width: 0 1px 1px;
  z-index: 100;
  overflow: auto;
}
.Autocomplete-suggestion {
  padding: 10px;
  font-size: 13px;
  font-size: 0.8125rem;
}
.Autocomplete-suggestion.is-highlighted {
  color: #1f7fa2;
  background: #f2fbfe;
}
.Autocomplete:hover input {
  border-color: #00afef;
}
.Badge {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-size: 0.6875rem;
  background: #fda102;
  border-radius: 2px;
}
@media screen and (min-width: 48em) {
  .Badge {
    width: 16px;
    height: 16px;
    line-height: 16px;
  }
}
.Panel-title .Badge {
  display: none;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-top: -3px;
  margin-left: 10px;
  padding: 0 2px;
}
.PanelManager.is-closed .Badge {
  display: inline-block;
}
@media screen and (min-width: 48em) {
  .PanelManager.is-closed .Badge {
    display: none;
  }
}
.Button {
  display: block;
  padding: 0;
  width: 100%;
  height: 50px;
  line-height: 51px;
  border: none;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  outline: none;
  text-decoration: none;
}
@media screen and (min-width: 48em) {
  .Button {
    display: inline-block;
    padding: 0 15px;
    width: auto;
  }
}
.Button--submit {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #85c040;
  background-image: linear-gradient(to top, #85c040 0%, #93ce4e 100%);
  border-radius: 2px;
  cursor: pointer;
}
.Button--submit:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.Button--submit-azure {
  margin-top: 15px;
  cursor: pointer;
}
.Button--submit[disabled] {
  color: #fff;
  background: #a9a9a9;
}
.Button--link {
  color: #9ee13e;
  font-weight: 400;
  background: transparent;
  text-decoration: underline;
}
.Button--link:hover {
  text-decoration: none;
}
.Button--link[disabled] {
  color: #a9a9a9;
}
.imaged-Button {
  font-size: 12px;
  font-size: 0.75rem;
  border: none;
  cursor: pointer;
  vertical-align: middle;
  box-sizing: border-box;
  height: 40px;
  line-height: 35px;
  background-color: #85c040;
  background: linear-gradient(to bottom, #93ce4e 0%, #85c040 100%);
  color: #fff;
}
.filter-Button {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  font-size: 0.75rem;
  border: none;
  text-align: center;
  cursor: pointer;
  font-weight: 600;
  padding: 0 9px;
  color: #3a3b43;
  white-space: nowrap;
}
.filter-Button .Icon {
  font-size: 17px;
  font-size: 1.0625rem;
  margin-left: -5px;
}
.filter-Button-small {
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  color: #bdbdbd;
  background-color: #fff;
  border: solid;
  border-width: 1px;
}
.filter-Button-small .Icon {
  margin-bottom: 5px;
}
.filter-Button-small:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.filter-Button-border {
  border-color: #00afef;
  color: #00afef;
  background-color: #f2fbfe;
}
.filter-Button:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.cancel-Button {
  color: #3a3b43;
  background-color: #f0f0f0;
  border: none;
}
.cancel-Button:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.Button-arkance {
  background-image: none;
  background-color: #017660;
}
.Link-arkance {
  color: #017660;
}
.Checkbox {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 1;
  vertical-align: top;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
}
.Checkbox:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  transform: translate(-50%, -50%);
  background: #e5e5e5;
}
.Checkbox.is-inactive,
.Checkbox.is-disabled {
  background: #efefef;
}
.Checkbox.is-inactive:before,
.Checkbox.is-disabled:before {
  background: #fff;
}
.Checkbox-input {
  position: absolute;
  top: -22px;
  left: 0;
}
.Checkbox-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  border: 1px solid #dadada;
  background: transparent;
  text-align: center;
}
.Checkbox.is-inactive .Checkbox-icon {
  border-color: #efefef;
}
.Checkbox-icon:before {
  display: none;
}
.Checkbox-input:checked ~ .Checkbox-icon {
  border: 1px solid #9ee13e;
  background: #9ee13e;
  color: #fff;
}
.Checkbox-input:checked ~ .Checkbox-icon:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.layers-Online-checkbox .Checkbox-input:checked ~ .Checkbox-icon {
  border: 1px solid #00afef;
  background: #fff;
  color: #00afef;
}
.Checkbox.is-inactive .Checkbox-input:checked ~ .Checkbox-icon,
.Checkbox.is-disabled .Checkbox-input:checked ~ .Checkbox-icon {
  background: #e6ffc3;
  border-color: #e6ffc3;
}
.layers-Online-checkbox .Checkbox.is-inactive .Checkbox-input:checked ~ .Checkbox-icon,
.layers-Online-checkbox .Checkbox.is-disabled .Checkbox-input:checked ~ .Checkbox-icon {
  border: 1px solid #efefef;
  background: #fff;
  color: #efefef;
}
.layers-Online-checkbox .Checkbox-input:not(:checked) ~ .Checkbox-icon {
  border: 1px solid #00afef;
  background: #fff;
  color: #fff;
}
.layers-Online-checkbox .Checkbox.is-inactive .Checkbox-input:not(:checked) ~ .Checkbox-icon,
.layers-Online-checkbox .Checkbox.is-disabled .Checkbox-input:not(:checked) ~ .Checkbox-icon {
  border: 1px solid #efefef;
  background: #fff;
  color: #fff;
}
.ark-CodeReader {
  width: 100%;
}
.ark-CodeReader div > span > a {
  display: none;
}
.ark-CodeReader #code-reader__status_span {
  display: none;
}
.ark-CodeReader #code-reader__dashboard_section_swaplink {
  display: none;
}
.ark-CodeReader #code-reader__scan_region {
  display: block;
}
.ark-CodeReader #code-reader__scan_region div {
  display: block;
}
.ark-CodeReader #code-reader__dashboard {
  display: block;
}
.ark-CodeReader #code-reader__dashboard div {
  display: block;
}
.Color {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 4px;
  border: 1px solid #cbe8f3;
  border-radius: 50%;
  cursor: pointer;
}
.Color.is-selected {
  border-color: #00afef;
}
.Color-inner {
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.Color:hover {
  background-color: #f2fbfe;
}
.ColorSelect .Color {
  margin-right: 10px;
}
.CommandSelect {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 38px;
  line-height: 38px;
  vertical-align: top;
}
.CommandSelect-layer {
  display: none;
  position: absolute;
  top: 90%;
  left: 0;
  margin: 0;
  padding: 8px 0;
  min-width: 110px;
  list-style: none;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0,0,0,0.27);
  z-index: 100;
}
.CommandSelect.is-open .CommandSelect-layer {
  display: block;
}
.CommandSelect.is-right .CommandSelect-layer {
  left: auto;
  right: 0;
}
.CommandSelect-item {
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  color: #3a3b43;
  font-size: 14px;
  font-size: 0.875rem;
}
.CommandSelect-item.is-selected {
  background: #f2f2f2;
}
.CommandSelect-current {
  min-width: 50px;
  padding: 0 10px;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #bdbdbd;
  text-transform: uppercase;
}
.CustomSelect {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border-bottom: 1px solid #dadada;
  border-top: 1px solid transparent;
  line-height: normal;
}
.CustomSelect-select {
  position: relative;
  width: 100%;
  height: 30px;
  line-height: 30px;
  outline: none;
  appearance: none;
  border: none;
  background: transparent;
  color: #878787;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0 30px 0 10px;
  box-sizing: border-box;
  z-index: 1;
}
.CustomSelect:hover .CustomSelect-select {
  color: #3a4b43;
}
.CustomSelect-select option {
  color: #3a4b43;
}
.CustomSelect-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  color: #bdbdbd;
  font-size: 10px;
  font-size: 0.625rem;
  transform: translateY(-50%);
  z-index: 0;
}
.CustomSelect:hover .CustomSelect-icon {
  color: #3a3b43;
}
.cell-date {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.rdtPicker {
  right: 0;
}
.DialogBox {
  max-width: 400px;
  min-width: 290px;
  padding: 20px 15px;
  color: #3a3b43;
}
.DialogBox-buttons {
  display: flex;
  justify-content: space-evenly;
  font-weight: bold;
}
.DialogBox-buttons div {
  width: 40%;
  min-width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  cursor: pointer;
  height: 38px;
  line-height: 38px;
  margin-right: 0;
  position: relative;
}
.DialogBox-buttons div:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.DialogBox-text {
  text-align: center;
  padding: 5px 30px 23px;
  font-size: 14px;
  font-size: 0.875rem;
  white-space: pre-line;
}
.DragAndDropList {
  list-style: none;
  padding-left: 0;
  margin-bottom: 35px;
}
.DragAndDropList li {
  background-color: #fff;
  margin-bottom: 8px;
}
.Dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  margin: -10px 0;
}
.Dropdown-toggle {
  box-sizing: border-box;
  background: none;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  color: inherit;
  width: 38px;
  height: 38px;
  display: table;
  text-align: center;
  cursor: pointer;
  outline: none;
}
.Dropdown-toggleIcon {
  font-size: 20px;
  font-size: 1.25rem;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  width: auto;
  height: auto;
  width: 36px;
  height: 36px;
}
.Dropdown.is-open .Dropdown-toggleIcon {
  color: #00afef;
}
.Dropdown-layer {
  position: absolute;
  display: none;
  top: 90%;
  left: 0;
  margin: 0;
  padding: 0;
  width: 225px;
  background: #fff;
  list-style: none;
  z-index: 101;
  font-size: 14px;
  font-size: 0.875rem;
  box-shadow: 0 1px 5px rgba(0,0,0,0.27);
}
.Dropdown.is-open .Dropdown-layer {
  display: block;
}
.Dropdown.has-anchor-right .Dropdown-layer {
  left: auto;
  right: 0;
}
.Dropdown-arrow {
  position: absolute;
  right: 9px;
  top: -8px;
  width: 20px;
}
.Dropdown-item {
  display: flex;
  align-items: center;
  padding: 12.5px;
  cursor: pointer;
  color: #3a3b43;
}
.Dropdown-item.disabled {
  opacity: 0.2;
  cursor: default;
}
.Dropdown-item:hover {
  background-color: #f2f2f2;
}
.Dropdown-item .Icon {
  margin-right: 8px;
  color: #bdbdbd;
}
.Dropdown-item-simple {
  height: 46px;
  line-height: 46px;
  width: 100%;
  cursor: pointer;
  color: #3a3b43;
  padding: 0 12.5px;
  font-weight: bold;
  font-size: 13px;
  font-size: 0.8125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Dropdown-item-simple-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Dropdown-item-simple-icon {
  color: #bdbdbd;
  margin-left: 8px;
}
.Dropdown-item-simple-icon.is-selected {
  color: #00afef;
}
.Dropdown-item-simple.is-selected {
  color: #00afef;
  background-color: #f2fbfe;
}
.Dropdown-item-simple:hover {
  background-color: #f2f2f2;
  color: #3a3b43;
}
.Dropdown-item-simple:hover .Dropdown-item-simple-icon {
  color: #bdbdbd;
}
.Dropdown-list {
  max-height: 228px;
  overflow: auto;
}
.grid-Header .Dropdown-layer {
  width: 300px;
}
.Dropdown-extended {
  position: relative;
}
.Dropdown-extended-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12.5px;
  cursor: pointer;
}
.Dropdown-extended-header:hover {
  background-color: #f2f2f2;
}
.Dropdown-extended-header-label {
  display: flex;
  align-items: center;
  color: #3a3b43;
}
.Dropdown-extended-header-label .Icon {
  margin-right: 8px;
  color: #bdbdbd;
}
.Dropdown-extended-popup {
  position: absolute;
  background: #fff;
  width: 225px;
  right: calc(100% + 2px);
  box-shadow: 0 1px 5px rgba(0,0,0,0.271);
}
.dropdown-Tabs-list {
  display: block;
  padding: 4px 4px 0 0;
  margin: 0;
  background-color: #f2f2f2;
}
.dropdown-Tabs-item {
  display: inline-block;
  vertical-align: middle;
  width: 47px;
  height: 27px;
  text-align: center;
  margin: 0 0 0 4px;
  line-height: 27px;
  cursor: pointer;
  background-color: transparent;
}
.dropdown-Tabs-item.is-active {
  background-color: #fff;
}
.dropdown-Tabs-item .Icon {
  width: 20px;
  height: 20px;
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  color: #878787;
}
.dropdown-Tabs-pane {
  width: 100%;
  box-sizing: border-box;
  display: block;
  position: relative;
  height: auto;
}
.dropdown-Tabs-pane.is-fixed {
  overflow: visible;
}
.EntityDetail {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
.EntityMedia {
  position: relative;
  margin: 0;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  width: auto;
  max-width: 320px;
}
.EntityMedia-thumbnail {
  display: block;
  margin: 0;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  .EntityMedia-thumbnail {
    height: 163px;
  }
}
.EntityMedia-thumbnail:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 62.5%;
}
@media screen and (min-width: 48em) {
  .EntityMedia-thumbnail:before {
    display: none;
  }
}
.EntityMedia-disabled {
  cursor: default;
}
.EntityMedia-image {
  display: block;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  max-height: 100%;
}
.EntityMedia-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 16px;
  line-height: 20px;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  background-color: rgba(0,175,239,0.8);
}
.EntityMedia-icon,
.EntityMedia-label {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.EntityMedia-icon {
  position: relative;
  top: -2px;
  margin-right: 10px;
  font-size: 20px;
  font-size: 1.25rem;
}
.error-message {
  background: #f00;
  color: #fff;
  padding: 5px;
}
.error {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,179,234,0.8);
  background-color: #00afef;
}
.error .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.ExtendedCheckBox {
  position: relative;
  display: block;
  height: 22px;
  line-height: 22px;
  color: #3a3b43;
  white-space: nowrap;
  margin: 10px 0 20px 0;
}
.ExtendedCheckBox-text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #3a3b43;
  width: calc(100% - 25px);
  position: relative;
  margin: 0 0 0 8px;
}
.ExtendedCheckBox-text.disabled {
  background-color: #fafafa;
  color: #bbb;
}
.fixedDataTableCellGroupLayout_cellGroup {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap;
}
.fixedDataTableCellGroupLayout_cellGroup > .public_fixedDataTableCell_main {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.fixedDataTableCellGroupLayout_cellGroupWrapper {
  position: absolute;
  top: 0;
}
.fixedDataTableCellLayout_main {
  border-right-style: solid;
  border-right-width: 1px;
  border-width: 0;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  position: absolute;
  white-space: normal;
}
.fixedDataTableCellLayout_lastChild {
  border-width: 0;
}
.fixedDataTableCellLayout_alignRight {
  text-align: right;
}
.fixedDataTableCellLayout_alignCenter {
  text-align: center;
}
.fixedDataTableCellLayout_wrap1 {
  display: table;
}
.fixedDataTableCellLayout_wrap2 {
  display: table-row;
}
.fixedDataTableCellLayout_wrap3 {
  display: table-cell;
  vertical-align: middle;
}
.fixedDataTableCellLayout_columnResizerContainer {
  position: absolute;
  right: 0px;
  width: 6px;
  z-index: 1;
}
.fixedDataTableCellLayout_columnResizerContainer:hover {
  cursor: ew-resize;
}
.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob {
  visibility: visible;
}
.fixedDataTableCellLayout_columnResizerKnob {
  position: absolute;
  right: 0px;
  visibility: hidden;
  width: 4px;
}
.fixedDataTableColumnResizerLineLayout_mouseArea {
  cursor: ew-resize;
  position: absolute;
  right: -5px;
  width: 12px;
}
.fixedDataTableColumnResizerLineLayout_main {
  border-right-style: solid;
  border-right-width: 1px;
  box-sizing: border-box;
  position: absolute;
  z-index: 10;
}
body[dir="rtl"] .fixedDataTableColumnResizerLineLayout_main {
/* the resizer line is in the wrong position in RTL with no easy fix.
   * Disabling is more useful than displaying it.
   * #167 (github) should look into this and come up with a permanent fix.
   */
  display: none !important;
}
.fixedDataTableColumnResizerLineLayout_hiddenElem {
  display: none !important;
}
.fixedDataTableLayout_main {
  border: none;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
}
.fixedDataTableLayout_header {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.fixedDataTableLayout_topShadow,
.fixedDataTableLayout_bottomShadow {
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}
.fixedDataTableLayout_bottomShadow {
  margin-top: -4px;
}
.fixedDataTableLayout_rowsContainer {
  overflow: hidden;
  position: relative;
}
.fixedDataTableLayout_horizontalScrollbar {
  bottom: 0;
  position: absolute;
}
.fixedDataTableRowLayout_main {
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.fixedDataTableRowLayout_body {
  left: 0;
  position: absolute;
  top: 0;
}
.fixedDataTableRowLayout_fixedColumnsDivider {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-left-style: solid;
  border-left-width: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.fixedDataTableRowLayout_columnsShadow {
  width: 4px;
}
.fixedDataTableRowLayout_rowWrapper {
  position: absolute;
  top: 0;
}
.ScrollbarLayout_main {
  box-sizing: border-box;
  outline: none;
  overflow: hidden;
  position: absolute;
  transition-duration: 250ms;
  transition-timing-function: ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ScrollbarLayout_mainVertical {
  bottom: 0;
  right: 0;
  top: 0;
  transition-property: background-color width;
  width: 15px;
}
.ScrollbarLayout_mainVertical.public_Scrollbar_mainActive,
.ScrollbarLayout_mainVertical:hover {
  width: 17px;
}
.ScrollbarLayout_mainHorizontal {
  bottom: 0;
  height: 15px;
  left: 0;
  transition-property: background-color height;
}
.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,
.ScrollbarLayout_mainHorizontal:hover {
  height: 17px;
}
.ScrollbarLayout_face {
  left: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
.ScrollbarLayout_face:after {
  border-radius: 6px;
  content: '';
  display: block;
  position: absolute;
  transition: background-color 250ms ease;
}
.ScrollbarLayout_faceHorizontal {
  bottom: 0;
  left: 0;
  top: 0;
}
.ScrollbarLayout_faceHorizontal:after {
  bottom: 4px;
  left: 0;
  top: 4px;
  width: 100%;
}
.ScrollbarLayout_faceVertical {
  left: 0;
  right: 0;
  top: 0;
}
.ScrollbarLayout_faceVertical:after {
  height: 100%;
  left: 4px;
  right: 4px;
  top: 0;
}
.public_fixedDataTable_main {
  border-color: #d3d3d3;
}
.public_fixedDataTable_header {
  overflow: visible;
  z-index: 1;
  box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}
.public_fixedDataTable_header .fixedDataTableCellGroupLayout_cellGroup {
  overflow: visible;
}
.public_fixedDataTable_header,
.public_fixedDataTable_hasBottomBorder {
  border-color: #d3d3d3;
}
.public_fixedDataTable_header .public_fixedDataTableCell_main {
  color: #878787;
  font-weight: bold;
  overflow: visible;
}
.public_fixedDataTable_footer .public_fixedDataTableCell_main {
  background-color: #f6f7f8;
  border-color: #d3d3d3;
}
.public_fixedDataTable_topShadow {
  display: none;
  background: linear-gradient(to bottom, rgba(0,0,0,0.08), rgba(0,0,0,0));
}
.public_fixedDataTable_bottomShadow {
  background: linear-gradient(to top, rgba(0,0,0,0.08), rgba(0,0,0,0));
}
.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
  background-color: #fff;
}
.public_fixedDataTableCell_main {
  background-color: transparent;
  border-color: #d3d3d3;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  overflow: visible;
}
.public_fixedDataTableCell_cellContent {
  padding: 0 19px 0 19px;
}
.public_fixedDataTable_header .public_fixedDataTableCell_cellContent {
  padding: 0 8px 0 20px;
}
.public_fixedDataTable_header .public_fixedDataTableCell_main {
  background-color: #fff;
}
.public_fixedDataTable_header .fixedDataTableCellGroupLayout_cellGroupWrapper:first-child {
  display: none;
}
.public_fixedDataTableCell_columnResizerKnob {
  background-color: #0284ff;
}
.public_fixedDataTableColumnResizerLine_main {
  border-color: #0284ff;
}
.public_fixedDataTableRow_main {
  background-color: #fff;
}
.public_fixedDataTableRow_main:hover {
  background-color: #f2f2f2;
}
.public_fixedDataTableRow_fixedColumnsDivider {
  border-color: #d3d3d3;
}
.public_Scrollbar_main.public_Scrollbar_mainActive,
.public_Scrollbar_main:hover {
  background-color: rgba(255,255,255,0.8);
}
.public_Scrollbar_mainOpaque,
.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
.public_Scrollbar_mainOpaque:hover {
  background-color: #fff;
}
.public_Scrollbar_face:after {
  background-color: #c2c2c2;
}
.public_Scrollbar_main:hover .public_Scrollbar_face:after,
.public_Scrollbar_mainActive .public_Scrollbar_face:after,
.public_Scrollbar_faceActive:after {
  background-color: #7d7d7d;
}
.fixedDataTableCellLayout_columnReorderContainer {
  width: 15px;
  margin-right: -15px;
  float: left;
  cursor: move;
  position: relative;
}
.fixedDataTableCellLayout_columnReorderContainer:after {
  content: '::';
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  text-align: center;
  width: 100%;
  transform: translateY(-50%);
}
.fixedDataTableCellLayout_columnReorderContainer:hover {
  background-color: #e7e7e7;
}
.form {
  padding-top: 0px;
  position: relative;
}
.form fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
.DateInput {
  box-sizing: border-box;
  color: inherit;
  font-weight: normal;
  padding: 0;
  border: none;
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.DateInput-field {
  flex-grow: 1;
  flex-shrink: 1;
}
.DateInput-input {
  padding: 10px 45px 10px 14px;
  color: inherit;
  font-weight: normal;
  box-sizing: border-box;
  border: none;
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
}
.DateInput-input:focus {
  outline: none;
}
.DateInput-controls {
  flex-grow: 0;
  flex-shrink: 0;
}
.DateInput-clear {
  background: none;
  width: 38px;
  height: 38px;
  border: none;
  padding: 0;
  margin: 0;
}
.DateInput-clear .Icon--cross {
  cursor: pointer;
}
.DateInput-clear.search2 {
  outline: none !important;
}
.DateInput-clear.search2 .Icon {
  color: #00afef;
}
.Field {
  position: relative;
  margin-bottom: 30px;
  margin-top: 10px;
}
.InlineField .Field {
  margin-bottom: 0px;
  margin-top: 0px;
}
.Field.value-changed {
  background: #f2f2f2;
}
@media screen and (max-width: 47.9375em) {
  .Field-enumeration.Field.is-focused {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 40px 20px 0;
    margin-top: 0px;
    z-index: 1000;
    line-height: initial;
  }
  .Field-enumeration.Field.is-focused span.Field-label {
    font-weight: bold;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .Field-enumeration.Field.is-focused .showOnlyForm-action {
    display: block;
    position: absolute;
    right: 0px;
    top: -20px;
    color: #fff;
    background-color: #7f7f7f;
    padding: 8px 12px 8px 7px;
    border-radius: 5px;
  }
  .Field-enumeration.Field.is-focused .showOnlyForm-action .middleText {
    vertical-align: middle;
  }
  .Field-enumeration.Field.is-focused .showOnlyForm-action:after {
    display: inline-block;
    font-family: 'Helvetica Neue', Arial;
    font-size: 13px;
    font-size: 0.8125rem;
    position: relative;
    top: -5px;
  }
  .Field-enumeration.Field.is-focused .showOnlyForm-action.Icon--cross {
    color: #000;
  }
  .Field-enumeration.Field.is-focused .Field-error {
    position: relative;
    margin-top: 2px;
    z-index: 100;
  }
  .Field-enumeration.Field.is-focused .Field-content {
    border: none;
  }
  .Field-enumeration.Field.is-focused .SearchSelect-list {
    max-height: 100%;
    overflow-y: auto;
    margin: 20px 0px;
  }
  .Field-enumeration.Field.is-focused .SearchSelect-options {
    border: none;
    top: 30px !important;
  }
  .Field-enumeration.Field.is-focused .SearchSelect-options .SearchSelect-option {
    color: #7f7f7f;
    height: 45px;
  }
  .Field-enumeration.Field.is-focused .SearchSelect-options .SearchSelect-option.empty-option {
    color: #d9d9d9;
  }
  .Field-enumeration.Field.is-focused .SearchSelect-label {
    display: none;
  }
  .Field-enumeration.Field.is-focused .SearchSelect-input {
    border: 1px solid #dadada !important;
    padding: 12px 30px 12px 10px !important;
    height: auto !important;
    margin-top: 10px;
  }
  .Field-enumeration.Field.is-focused .SearchSelect-cancel-search {
    top: 17px;
  }
  .is-focused-searchSelect .Field-enumeration.Field.is-focused .Field-error {
    display: none;
  }
}
.Field.vertically-compact-lvl-1 {
  margin-bottom: 20px;
  margin-top: 0px;
}
.Field.vertically-compact-lvl-0 {
  margin-bottom: 0px;
  margin-top: 0px;
}
.Field-content {
  position: relative;
  display: block;
  border: solid #dadada;
  border-width: 0 0 1px;
}
.Field.is-bordered .Field-content {
  border-width: 1px;
}
.Field.is-invalid .Field-content {
  border-bottom-color: #f00;
}
.Field:not(.is-bordered):hover .Field-content {
  border-bottom-color: #00afef;
}
.Field.is-focused .Field-content {
  border-bottom-color: #00afef;
}
.Field-label {
  display: block;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #878787;
  position: absolute;
  top: 5px;
  left: 0;
  font-size: 11px;
  font-size: 0.6875rem;
  transform: translateY(-20px);
}
.Field-label.is-disabled {
  z-index: 1;
}
.Field-label.Comboed {
  top: 13px;
  line-height: initial;
}
.Field.is-selected-hidden .Field-label {
  left: 10px;
  color: rgba(255,255,255,0);
}
.Field.is-focused .Field-label {
  color: #009dd7;
  top: 5px;
}
.Field.is-focused .Field-label.Comboed {
  top: 13px;
}
@media screen and (min-width: 48em) {
  .Field.is-focused-hidden .Field-label {
    color: rgba(255,255,255,0);
  }
}
.Field.is-empty .Field-label {
  font-size: 13px;
  font-size: 0.8125rem;
  transform: translateY(0);
  transition: all 0.1s ease-out;
  top: 0;
}
.Field.is-empty .Field-label.Comboed {
  top: 13px;
}
.Field.is-bordered .Field-label {
  left: 10px;
  top: 17px;
  line-height: 10px;
  color: rgba(255,255,255,0);
}
.Field.is-bordered .Field-label.Comboed {
  top: 17px;
}
.Field.is-bordered.is-focused .Field-label {
  color: rgba(255,255,255,0);
}
.Field.is-empty.is-bordered .Field-label {
  color: #878787;
}
@media screen and (min-width: 48em) {
  .Field.is-empty.is-bordered.is-focused-hidden .Field-label {
    color: rgba(255,255,255,0);
  }
}
.Field.is-empty.is-focused .Field-label {
  font-size: 11px;
  font-size: 0.6875rem;
  transform: translateY(-20px);
  top: 5px;
}
.Field.is-empty.is-focused .Field-label.Comboed {
  top: 13px;
}
.Field.is-required .Field-label:after {
  content: '*';
  display: inline-block;
  margin-left: 2px;
  color: #00afef;
}
.Field.is-invalid .Field-label {
  color: #f00;
}
.Field.is-invalid .Field-label:after {
  color: #f00;
}
.Field-error {
  background: #f00;
  color: #fff;
  padding: 2px 5px;
  font-size: 11px;
  font-size: 0.6875rem;
}
.InlineField {
  position: relative;
  padding-bottom: 1px;
  padding-top: 0px;
  min-width: 180px;
  width: 50%;
  padding-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 33.6875em) {
  .InlineField {
    min-width: 140px;
  }
}
.MultiField {
  display: flex;
  width: 45%;
  min-width: 380px;
}
.MultiField .cancel-Button {
  margin-right: 10px;
}
@media screen and (max-width: 33.6875em) {
  .MultiField .cancel-Button,
  .MultiField .report-Button {
    margin-left: 10px;
    margin-right: 0 !important;
  }
}
.MultiField .report-Button {
  height: 40px;
  line-height: 40px;
}
@media screen and (max-width: 33.6875em) {
  .MultiField {
    min-width: fit-content;
    margin-right: 10px;
  }
}
.GeometryField {
  margin-bottom: 0px;
  margin-top: 0px;
}
.GeometryField .button {
  height: 42px;
  line-height: 42px;
  color: #9ee13e;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  cursor: pointer;
  border: 1px solid #9ee13e;
}
.GeometryField .button.Disabled {
  cursor: no-drop;
  color: #ececec;
  border-color: #dcdcdc;
}
.GeometryField .button:hover:not(.Disabled) {
  background-color: rgba(230,255,195,0.5);
}
.GeometryField .Icon {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  width: 38px;
  height: 38px;
  vertical-align: top;
  font-size: 20px;
  font-size: 1.25rem;
}
.GeometryField .Icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.GeometryField .label {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.GeometryField .remove {
  color: #fd5656;
  border-color: #fd5656;
}
.GeometryField .remove:hover:not(.Disabled) {
  background-color: #ffe6e6;
}
.GroupField {
  position: relative;
  margin-bottom: 30px;
  margin-top: 10px;
}
.GroupField-content {
  position: relative;
  display: block;
}
.GroupField.is-invalid .Field.is-last .Field-label {
  color: #f00;
}
.GroupField.is-invalid .Field.is-last .Field-label:after {
  content: '*';
  display: inline-block;
  margin-left: 2px;
  color: #f00;
}
@media screen and (max-width: 47.9375em) {
  .GroupField.is-focused {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding-top: 40px;
    padding-right: 40px;
    margin-top: 0px;
    z-index: 1000;
  }
  .GroupField.is-focused .HierarchicalSelect-leadingtrail {
    display: none;
  }
  .GroupField.is-focused .HierarchicalSelect-header {
    display: none;
  }
  .GroupField.is-focused .HierarchicalSelect-items {
    margin-left: 0px;
  }
}
.HierarchicalSelect {
  display: block;
}
.HierarchicalSelect-header {
  color: #878787;
}
.HierarchicalSelect-leadingtrail {
  position: relative;
}
.HierarchicalSelect-verticalline {
  position: absolute;
  width: 1px;
  height: 54px;
  left: 5px;
  border: 1px solid #dadada;
  border-top: 0px;
  border-right: 0px;
}
.HierarchicalSelect-verticalline.colored {
  border-color: #00afef;
}
.HierarchicalSelect-verticalline.last {
  width: 7px;
}
.HierarchicalSelect-verticalcircle {
  position: absolute;
  width: 7px;
  height: 7px;
  left: 0px;
  color: #dadada;
}
.HierarchicalSelect-verticalcircle.colored {
  color: #00afef;
}
.HierarchicalSelect-verticalcircle .Icon {
  font-size: 11px;
  font-size: 0.6875rem;
}
.HierarchicalSelect-items {
  margin-left: 20px;
  margin-top: 20px;
}
.HierarchicalSelect-footer {
  color: #00afef;
  text-align: right;
  margin-top: -20px;
  margin-right: 5px;
  cursor: pointer;
}
.HierarchicalSelect-footer.disabled {
  color: #dadada;
  cursor: default;
}
.hierarchical-selectField-container {
  margin-right: 15px;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: normal;
}
.grid-ColumnFilterEnum .hierarchical-selectField-container {
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: 0px;
  padding-right: 15px;
}
.grid-ColumnFilterEnum .hierarchical-selectField-container .GroupField {
  margin-bottom: 0px;
}
.grid-Header-actions .grid-ColumnFilterEnum {
  max-height: 420px;
  overflow-y: hidden;
}
.Input {
  padding: 8px 0;
  width: 100%;
  border: none;
  background: transparent;
  color: #3a3b43;
  font-size: 13px;
  font-size: 0.8125rem;
  border: none;
  outline: none;
}
.Input--textarea {
  margin-top: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  height: 80px;
  line-height: 20px;
  text-align: left;
  box-shadow: none;
  resize: vertical;
}
.InputGroup {
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-items: stretch;
}
.InputGroup--date .InputPicker--date {
  width: 60%;
}
.InputGroup--date .InputPicker--time {
  width: 40%;
}
.InputPicker {
  margin-left: -10px;
}
.InputPicker .rdtPicker {
  width: 100%;
}
.MultilineTextFieldCountIndicator {
  font-size: 9px;
  font-size: 0.5625rem;
  margin-top: -25px;
  margin-bottom: 25px;
  color: #878787;
  font-style: italic;
}
.MultilineTextFieldCountIndicator div {
  display: inline-block;
}
.RoundSwitch {
  line-height: 45px;
  height: 45px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
}
.RoundSwitch-slider {
  position: relative;
  display: flex;
  align-items: center;
  width: 38px;
  height: 20px;
  padding: 2.5px;
}
.RoundSwitch-slider .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d8d8d9;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
.RoundSwitch-slider .slider.round {
  border-radius: 34px;
}
.RoundSwitch-slider .sliderIndicator {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  -webkit-transition: transform 0.4s;
  transition: transform 0.4s;
  border-radius: 50%;
  cursor: pointer;
  background-color: #fff;
}
.RoundSwitch-text {
  margin: 0 0 0 10px;
}
.RoundSwitch-text.on {
  font-weight: bold;
}
.RoundSwitch.two-state .slider.off {
  background: #d8d8d9;
}
.RoundSwitch.two-state .slider.unknown {
  background: #d8d8d9;
}
.RoundSwitch.two-state .slider.on {
  background: #9ee13e;
}
.RoundSwitch.two-state .sliderIndicator.off {
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}
.RoundSwitch.two-state .sliderIndicator.unknown {
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}
.RoundSwitch.two-state .sliderIndicator.on {
  -webkit-transform: translate(16px, -50%);
  -ms-transform: translate(16px, -50%);
  transform: translate(16px, -50%);
}
.RoundSwitch.three-state .slider.off {
  background: #e72424;
}
.RoundSwitch.three-state .slider.unknown {
  background: #d8d8d9;
}
.RoundSwitch.three-state .slider.on {
  background: #88c343;
}
.RoundSwitch.three-state .sliderIndicator.off {
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}
.RoundSwitch.three-state .sliderIndicator.unknown {
  -webkit-transform: translate(8px, -50%);
  -ms-transform: translate(8px, -50%);
  transform: translate(8px, -50%);
}
.RoundSwitch.three-state .sliderIndicator.on {
  -webkit-transform: translate(16px, -50%);
  -ms-transform: translate(16px, -50%);
  transform: translate(16px, -50%);
}
.Select {
  position: relative;
  width: 100%;
  height: 32px;
  line-height: 32px;
  outline: none;
  border: none;
  background: transparent;
  color: #3a3b43;
  font-size: 13px;
  font-size: 0.8125rem;
}
.TriconField {
  position: relative;
}
.TriconField-emptyPlaceholder {
  height: 45px;
  padding-top: 20px;
  font-style: italic;
}
.TriconField-value {
  height: 30px;
  padding-top: 6px;
}
.TriconField-icon {
  position: absolute;
  top: -5px;
}
.TriconField-icon.shifted {
  top: 3px;
}
.TriconField-icon.Icon1 {
  right: 0;
}
.TriconField-icon.Icon1.shifted {
  right: 8px;
  top: 3px;
}
.TriconField-icon.Icon2 {
  right: 25px;
}
.TriconField-icon.Icon2.shifted {
  right: 33px;
  top: 3px;
}
.TriconField-icon.Icon3 {
  right: 50px;
}
.TriconField-icon.Icon3.shifted {
  right: 58px;
  top: 3px;
}
.TriconField-icon .Action {
  background: transparent;
}
.TriconField-icon .Icon {
  color: #bdbdbd;
}
.TriconField-icon .Icon.green {
  color: #9ee13e;
}
.TriconField-icon .Icon.red {
  color: #f00;
}
.Field.is-empty .TriconField-icon {
  top: 10px;
}
.Field.is-empty .TriconField-icon.shifted {
  top: 18px;
}
.Hamburger {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: #008bbe;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  z-index: 400;
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
.Hamburger.rotating .Icon {
  -webkit-animation: rotating 0.25s linear;
  -moz-animation: rotating 0.25s linear;
  -ms-animation: rotating 0.25s linear;
  -o-animation: rotating 0.25s linear;
  animation: rotating 0.25s linear;
}
@media screen and (min-width: 48em) {
  .Hamburger {
    display: none;
  }
}
.Hamburger:focus {
  outline: none;
}
.Hamburger .Icon--cross {
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
}
.Hamburger .Icon {
  margin: 0 0 3px 0;
}
@-moz-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@-webkit-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@-o-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
.Icon {
  font-size: 20px;
  font-size: 1.25rem;
}
.Icon--check {
  color: #9ee13e;
}
.Icon--cross {
  color: #fd5756;
}
.Icon--logout {
  color: #fd5756;
}
.Icon-32 {
  width: 32px;
  height: 32px;
  position: relative;
  vertical-align: middle;
}
.Icon-32:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.Icon.disabled {
  color: #e9e6e6;
  cursor: not-allowed;
  min-width: 38px;
  padding: 8px;
}
.legend {
  margin: 30px 20px 20px;
}
.legend h4 {
  position: relative;
  padding-left: 24px;
  color: #00afef;
  font-size: 14px;
  font-size: 0.875rem;
}
.legend h4:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #cbe8f3;
  z-index: 1;
}
.legend h4 span {
  position: relative;
  display: inline-block;
  padding: 0 5px;
  z-index: 2;
  background: #fff;
}
.legend ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.legend ul li {
  margin: 15px 0;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #3a3b43;
}
.legend ul li img {
  position: relative;
  top: 8px;
  display: inline-block;
  margin-right: 10px;
  width: auto;
  height: 24px;
}
img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
.layer {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
.ol-overviewmap {
  display: block;
}
.ol-dragbox {
  background-color: rgba(255,255,255,0.4);
  border: 2px solid #f00;
}
.map-drag-zoom {
  border: 3px solid #f00;
  background-color: rgba(255,255,255,0.5);
}
.map {
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.map .map-Wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  background-color: #fff;
}
@media screen and (max-width: 47.9375em) {
  .map .map-Wrapper {
    left: 0 !important;
  }
}
.map .layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
}
.map .layer:focus {
  outline: none;
}
.map .ol-scale-line {
  background: rgba(255,255,255,0.9);
  box-shadow: 0 1px 4px rgba(0,15,32,0.4), inset 0 1px 0 rgba(255,255,255,0.25);
/*border-radius: 4px*/
  bottom: 70px;
  right: 10px;
  padding: 2px;
  position: absolute;
}
@media screen and (min-width: 48em) {
  .map .ol-scale-line {
    bottom: 10px;
    z-index: 100;
  }
}
.map .ol-overlaycontainer-stopevent .ol-scale-line-inner {
  border: 2px solid #00afef;
  border-top: none;
  font-size: 10px;
  font-size: 0.625rem;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
.map .ol-overlaycontainer-stopevent .ol-rotate {
  box-shadow: 0 1px 4px rgba(0,15,32,0.4), inset 0 1px 0 rgba(255,255,255,0.25);
  background: #fff;
  bottom: 100px;
  right: 10px;
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
@media screen and (min-width: 48em) {
  .map .ol-overlaycontainer-stopevent .ol-rotate {
    bottom: 40px;
  }
}
@media screen and (min-width: 64em) {
  .map .ol-overlaycontainer-stopevent .ol-rotate {
    bottom: 40px;
    right: 50px;
  }
}
@media print {
  .map .ol-overlaycontainer-stopevent .ol-rotate {
    right: 10px;
    width: 35px;
    height: 35px;
  }
}
.map .ol-overlaycontainer-stopevent .ol-rotate-reset {
  background: #fff;
  border: none;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  border-radius: 50%;
  padding: 0;
}
@media print {
  .map .ol-overlaycontainer-stopevent .ol-rotate-reset {
    width: 35px;
    height: 35px;
  }
}
.map .ol-overlaycontainer-stopevent .ol-rotate-reset:focus {
  outline: none;
}
.map .ol-overlaycontainer-stopevent .ol-hidden {
  display: none;
}
.map .ol-overlaycontainer-stopevent .ol-compass {
  display: block;
  font-weight: 400;
  font-size: 1.2em;
  will-change: transform;
  color: #00afef;
  width: 100%;
  height: 100%;
  background: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjI2Ij48cGF0aCBkPSJNNSAyNlYxNUwuNDg0IDE0IDUgMjZ6IiBmaWxsPSIjZTRlNGU0Ii8+PHBhdGggZD0iTTUgMHYxMWw0LjUzMSAxTDUgMHoiIGZpbGw9IiNmNTAwMWUiLz48cGF0aCBkPSJNNSAwdjExTC41MTYgMTIgNSAweiIgZmlsbD0iI2Q3MDExYyIvPjxwYXRoIGQ9Ik01IDI2VjE1bDQuNTMxLTFMNSAyNnoiIGZpbGw9IiNjZmNlY2UiLz48L3N2Zz4=) no-repeat center center;
  cursor: pointer;
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution {
  text-align: right;
  right: auto;
  left: 180px;
  bottom: 10px;
  max-width: calc(100% - 1.3em);
  position: absolute;
  height: 20px;
  text-align: left;
  border: none;
  outline: none;
  color: #4b89be;
  background: rgba(255,255,255,0.7);
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution button {
  width: 30px;
  height: 20px;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 1px 4px rgba(0,15,32,0.4), inset 0 1px 0 rgba(255,255,255,0.25);
  border: none;
  outline: none;
  color: #4b89be;
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution ul {
  margin: 0;
  padding: 0 0.5em;
  font-size: 9px;
  font-size: 0.5625rem;
  line-height: 1.375em;
  color: #000;
  text-shadow: 0 1px 2px #fff;
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution li {
  display: inline;
  list-style: none;
  line-height: inherit;
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution a {
  color: #4b89be;
  text-decoration: none;
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution a:hover {
  color: #285680;
  text-decoration: underline;
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution li:not(:last-child):after {
  content: " ";
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
  padding-bottom: 5px;
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution ul,
.map .ol-overlaycontainer-stopevent .ol-attribution button {
  display: inline-block;
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution.ol-collapsed ul {
  display: none;
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution.ol-logo-only ul {
  display: block;
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution:not(.ol-collapsed),
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution.ol-uncollapsible {
  right: auto;
  left: 180px;
  bottom: 10px;
  border-radius: 4px 0 0;
  height: auto !important;
  line-height: 1em;
}
.report-Container .map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution:not(.ol-collapsed),
.report-Container .map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution.ol-uncollapsible {
  left: 0px;
  right: auto;
  bottom: 7px;
}
@media screen and (max-width: 47.9375em) {
  .map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution:not(.ol-collapsed),
  .map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution.ol-uncollapsible {
    right: auto;
    height: auto !important;
  }
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution.ol-logo-only {
  background: transparent;
  bottom: 0.4em;
  height: 1.1em;
  line-height: 1em;
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution.ol-uncollapsible img {
  margin-top: -0.2em;
  max-height: 1.6em;
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution.ol-uncollapsible {
  border-radius: 0;
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution.ol-logo-only button,
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution.ol-uncollapsible button {
  display: none;
}
.map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution li {
  display: block;
}
.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: block;
  background: #fff;
  border: none;
  width: 30px;
  height: 30px;
  color: #00afef;
  cursor: pointer;
}
.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid #7b98bc;
  height: 150px;
  margin: 0;
  width: 150px;
}
.ol-overviewmap:not(.ol-collapsed) button {
  position: absolute;
  right: -1px;
  top: -1px;
  background: #fff;
  border: none;
  width: 30px;
  height: 30px;
}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}
.ol-overviewmap:not(.ol-collapsed) {
  background: #fff;
}
.ol-overviewmap-box {
  border: 2px dotted rgba(0,60,136,0.7);
}
.ol-control {
  position: absolute;
}
.ol-custom-overviewmap,
.ol-custom-overviewmap.ol-uncollapsible {
  bottom: 10px;
  left: 10px;
  padding: 0;
  right: auto;
  top: auto;
}
.ol-custom-overviewmap:not(.ol-collapsed) {
  border: 1px solid #fff;
}
.ol-custom-overviewmap .ol-overviewmap-map {
  border: none;
  width: 300px;
}
.ol-custom-overviewmap .ol-overviewmap-box {
  border: 2px solid #00afef;
}
.ol-custom-overviewmap:not(.ol-collapsed) button {
  bottom: auto;
  left: auto;
  right: -1px;
  top: -1px;
  background: #fff;
  border: none;
  width: 30px;
  height: 30px;
}
.tooltip {
  position: relative;
  background: rgba(0,0,0,0.5);
  border-radius: 4px;
  color: #fff;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
}
.tooltip-measure {
  opacity: 1;
  font-weight: bold;
}
.tooltip-static {
  background-color: #fc3;
  color: #000;
  border: 1px solid #fff;
}
.tooltip-measure:before,
.tooltip-static:before {
  border-top: 6px solid rgba(0,0,0,0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}
.tooltip-static:before {
  border-top-color: #fc3;
}
@media screen and (max-width: 750px) {
  .ol-overviewmap {
    display: none;
  }
  .ol-overlaycontainer-stopevent .ol-custom-ownAttribution:not(.ol-collapsed),
  .map .ol-overlaycontainer-stopevent .ol-custom-ownAttribution.ol-uncollapsible {
    height: 1.7em;
  }
}
@media screen and (min-width: 768px) {
  .map.is-panel .map-Wrapper {
    left: 360px;
  }
  .map.is-panel.is-detail .map-Wrapper {
    left: 660px;
  }
  .map .map-Wrapper {
    left: 65px;
  }
  .map.opened .map-Wrapper {
    left: 360px;
  }
  .map.opened.detail .map-Wrapper {
    left: 660px;
  }
}
.ol-overviewmap.ol-custom-overviewmap.ol-unselectable.ol-control button:hover {
  background: #f2fbfe;
}
.MapSelectionContainer {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
}
.MapSelectionContainer-container .Panel-content {
  padding: 0;
  position: relative;
  overflow: hidden;
}
.MapSelectionContainer-header {
  margin: 20px 30px 0px;
}
.MapSelectionContainer .Paginator {
  margin: 0 -32px 0 -32px;
}
.MapSelectionContainer .Paginator-content {
  padding-left: 20px;
  padding-right: 20px;
}
.MapSelectionContainer .GeometryField {
  margin-bottom: 20px;
}
.MapSelectionContainer .GeometryField.toggled .button {
  color: #fff;
  background: #9ee13e;
  border: 1px solid #9ee13e;
}
.MapSelectionContainer .GeometryField.toggled .button:hover:not(.disabled) {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.MapSelectionContainer .GeometryField.toggled.disabled {
  cursor: not-allowed;
}
.MapSelectionContainer .GeometryField.toggled.disabled .button {
  background-color: #e4e4e4 !important;
  background: #e4e4e4 !important;
  border: none !important;
  pointer-events: none !important;
}
.MapSelectionContainer .GeometryField.toggled .Icon {
  color: #fff;
  background: transparent;
}
.MapSelectionContainer .ObjectCard-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 290px;
}
@media screen and (min-width: 48em) {
  .MapSelectionContainer .ObjectCard-text {
    max-width: 195px;
  }
}
.MapSelectionContainer-paginatorContainer {
  flex-grow: 1;
  flex-shrink: 1;
  position: relative;
}
.MapSelectionContainer-paginatorContainer .Paginator {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
}
.marker {
  position: absolute;
  margin-top: -20px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.27);
  transform: translate(-50%, -100%);
}
.report-Page .marker {
  display: none;
}
.marker:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -14px;
  width: 28px;
  height: 28px;
  background: #fff;
  transform: translate(-50%, 0) rotate(45deg);
  box-shadow: 0 1px 3px rgba(0,0,0,0.27);
}
.marker .close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 200;
  color: #00afef;
  font-size: 8px;
  font-size: 0.5rem;
  cursor: pointer;
}
.marker .inner {
  position: relative;
  padding: 22px;
  min-width: 200px;
  background: #fff;
  text-align: center;
  color: #878787;
  font-size: 13px;
  font-size: 0.8125rem;
  z-index: 100;
}
.marker .inner strong {
  display: block;
  margin: 15px 0 5px 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  color: #3a3b43;
}
.marker.tooltipMarker {
  pointer-events: none;
}
.marker.tooltipMarker .inner {
  min-width: 100px;
  padding: 10px;
}
.marker.tooltipMarker .inner strong {
  margin: 5px 0 5px 0;
}
.marker.tooltipMarker .close {
  position: absolute;
  top: -15px;
  right: 5px;
  z-index: 200;
  color: #00afef;
  font-size: 8px;
  font-size: 0.5rem;
  cursor: pointer;
  background-color: transparent;
}
.marker.draw {
  background: none;
  border: none;
  box-shadow: none;
}
.marker.draw::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -14px;
  width: 28px;
  height: 28px;
  background: #fff;
  transform: translate(-50%, 0) rotate(45deg);
  box-shadow: 0 1px 3px rgba(0,0,0,0.27);
}
.marker.draw .inner {
  background: none;
  border: none;
  padding: 0;
}
.marker.draw .text-button {
  font-size: 11px;
  font-size: 0.6875rem;
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
  color: #00afef;
  border: 1px solid #cbe8f3;
  box-shadow: 0 1px 3px rgba(0,0,0,0.27);
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  height: 40px;
  line-height: 28px;
  padding: 0 0 0 8px;
  cursor: pointer;
  width: 103px;
}
.marker.draw .text-button.cancel {
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
  color: #f00;
}
.marker.draw .text-button-content {
  background: #7ed321;
  color: #fff;
  width: 85px;
  height: 26px;
}
.marker.draw .text-button-content.red {
  background: #fd5756;
}
textarea {
  resize: vertical;
  width: 200px;
  height: 80px;
  border: 1px solid #fff;
  margin-bottom: -3px;
  box-shadow: 0 0 10px #719ece;
  text-align: center;
}
textarea:focus {
  outline: none !important;
  border: 1px solid #00afef;
  border-width: 0;
}
.ModalBackground {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ModalDialog {
  position: relative;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.2);
  z-index: 500;
}
.ModalDialog-content {
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.702);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #009dd7;
  display: none;
  z-index: 400;
}
@media screen and (min-width: 48em) {
  .Nav {
    padding: 0;
    overflow: visible;
    background: #00afef;
    display: block;
    width: 65px;
    position: relative;
    float: left;
  }
}
.behavior-hide-modules-bar .Nav {
  visibility: hidden;
  width: 0;
}
.Nav.is-active {
  display: block;
}
.Nav.is-active .Hamburger {
/*border-bottom 1px solid rgba(255,255,255,0.3)*/
  height: 60px;
}
.Nav-list {
  margin: 0;
  padding: 0 15px;
  list-style: none;
  background: #00afef;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  text-transform: uppercase;
}
@media screen and (min-width: 48em) {
  .Nav-list {
    padding: 0;
    position: absolute;
  }
}
.Nav-list--actions {
  display: none;
}
@media screen and (min-width: 48em) {
  .Nav-list--actions {
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
}
.Nav-link {
  position: relative;
  display: block;
  height: 65px;
  line-height: 65px;
  color: #fff;
  text-decoration: none;
  padding: 0;
  border: none;
  cursor: pointer;
  border-top: 1px solid rgba(255,255,255,0.3);
}
.Nav-list--actions .Nav-link {
  background: #009dd7;
}
@media screen and (min-width: 48em) {
  .Nav-link.is-active {
    color: #00afef;
    background: #fff;
  }
}
.Nav-list--actions .Nav-link.is-active {
  background: #fff;
}
@media screen and (min-width: 48em) {
  .Nav-link--dark.is-active {
    color: #fff;
    background: #009dd7;
  }
}
.Nav-item:first-child .Nav-link {
  border-top: none;
}
.Nav-link--secondary {
  line-height: 12px;
}
.Nav-link .Icon {
  margin: 0 10px 0 3px;
  width: 30px;
  height: 59px;
  line-height: 55px;
  font-size: 30px;
  font-size: 1.875rem;
  vertical-align: middle;
}
@media screen and (min-width: 48em) {
  .Nav-link .Icon {
    margin: 0;
    width: 65px;
    height: 59px;
    text-align: center;
    margin: 0 0 10px 0;
  }
}
.Nav-link .Badge {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (min-width: 48em) {
  .Nav-link .Badge {
    display: block;
    top: 19px;
    right: 12px;
    transform: none;
  }
}
.Nav-list--actions .Nav-link--secondary {
  background: #9ee13e;
}
.Nav-link--secondary:hover:not(.is-active) {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
@media screen and (min-width: 48em) {
  .Nav-linkLabel {
    display: block;
    font-size: 9px;
    font-size: 0.5625rem;
    margin: -52px 0 0 0;
    text-align: center;
    text-transform: none;
    letter-spacing: 0.72px;
    white-space: nowrap;
    height: 45px;
  }
}
.Nav-link--secondary .Nav-linkLabel {
  margin: -28px 0 0 0;
  white-space: pre-line;
}
.Nav-footer {
  margin: 19px 0;
  padding: 0 10px;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .Nav-footer {
    display: none;
  }
}
.Nav-footer .map-Control {
  display: inline-block;
  vertical-align: top;
  box-shadow: none;
  margin: 0 0 0 5px;
  width: 40px;
  height: 40px;
  border: 1px solid #00afef;
  background-color: #00afef;
  box-sizing: border-box;
  outline: none;
}
.Nav-footer .map-Control .Icon {
  color: #fff;
}
.Nav-footer .map-Control.is-active {
  border-color: #fff;
  background: #fff;
}
.Nav-footer .map-Control.is-active .Icon {
  color: #00afef;
}
.Nav-footer .map-Control--basis {
  position: relative;
  top: auto;
  right: auto;
}
.Nav-footer .map-Control--basis .map-Control-button {
  background: transparent;
  border: none;
  width: 100%;
  height: 100%;
  box-shadow: none;
}
.Nav-customIcon svg,
.Nav-customIcon img {
  width: 30px;
  height: 30px;
}
.Nav-customIcon path {
  fill: #fff;
}
@media screen and (min-width: 48em) {
  .Nav-link.is-active .Nav-customIcon path {
    fill: #009dd7;
  }
}
@media screen and (min-width: 48em) {
  .Nav-item.dark {
    background: #008bbe;
    border-bottom-color: #008bbe;
  }
}
@media screen and (min-width: 48em) {
  .Nav-item.print {
    display: list-item;
  }
}
@media screen and (max-width: 63.9375em) {
  .Nav-item.print {
    display: none;
  }
}
.Nav-item:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.Notification {
  position: relative;
  padding: 0 12px;
  height: 45px;
  line-height: 45px;
  background: #ffeccc;
  font-weight: bold;
  color: #fda102;
  font-size: 13px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.Notification.is-inactive {
  background: #e5e5e5;
  color: #aeadab;
}
.Notification-badge {
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #fff;
  background: #fda102;
  border-radius: 2px;
  vertical-align: middle;
}
.Notification.is-inactive .Notification-badge {
  background: #aeadab;
}
.Notification-action {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -1px;
  transform: translateY(-50%);
  line-height: 1;
  font-size: 11px;
  font-size: 0.6875rem;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  border-bottom: 2px solid #ffdba9;
  color: inherit;
  cursor: inherit;
}
.Notification-action:focus {
  outline: none;
}
.Notification.is-inactive .Notification-action {
  border-color: #aeadab;
}
.ObjectCard {
  position: relative;
  display: block;
  text-decoration: none;
  outline: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 15px 20px 15px 33px;
  cursor: pointer;
}
@media screen and (min-width: 48em) {
  .ObjectCard:hover,
  .ObjectCard.is-selected {
    background: #f2f2f2;
  }
}
.ObjectCard.is-active {
  background: #f2fbfe;
}
.ObjectCard.is-active:hover {
  background: #f2f2f2;
}
.Panel .ObjectCard {
  margin-left: -20px;
  margin-right: -20px;
}
.ObjectCard-content {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #878787;
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
}
.ObjectCard-title {
  display: block;
  margin: 0;
  font-weight: 400;
  color: #3a3b43;
  width: 100%;
}
.ObjectCard-text {
  display: block;
  width: 100%;
}
.ObjectCard-title + .ObjectCard-text {
  margin-top: 5px;
}
.ObjectCard-title.minus-30,
.ObjectCard-text.minus-30 {
  width: calc(100% - 30px);
}
.ObjectCard-title.minus-60,
.ObjectCard-text.minus-60 {
  width: calc(100% - 60px);
}
.ObjectCard-title.minus-90,
.ObjectCard-text.minus-90 {
  width: calc(100% - 90px);
}
.ObjectCard-controls {
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap;
  text-align: right;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.ObjectCard-control {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #bdbdbd;
}
.ObjectCard.is-selected .ObjectCard-control--info {
  color: #9ee13e;
}
.ObjectCard.is-selected .ObjectCard-control--info .Icon--trash {
  color: #f00;
}
.ObjectCard-control .Icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ObjectCard-control .Icon:hover {
  color: #9ee13e;
}
.ObjectCard-control .Icon.Icon--close {
  color: #fd5756;
}
.OrderableList .layers-Order-item {
  margin-right: 0px;
  position: relative;
}
.OrderableList .layers-Order-item.is-added {
  background: #f7ffec;
}
.OrderableList .layers-Order-item.is-removed {
  background: #ffe6e6;
}
.OrderableList .DragAndDropList {
  margin-bottom: 5px;
}
.OrderableList .GeometryField .button {
  height: 37px;
  line-height: 37px;
}
.OrderableList .RelationControl-items .Field-content {
  border-width: 0 0 1px;
}
.OrderableList .RelationControl-items .Field-label {
  display: block;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #878787;
  position: absolute;
  top: 10px;
  left: 0;
  transform: translateY(-20px);
}
.OrderableList .RelationControl-items .Field.is-empty .Field-label {
  display: block;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #878787;
  position: absolute;
  top: 14px;
  left: 0;
  transform: translateY(-20px);
}
.OrderableList .RelationControl-items .Field.is-empty.is-focused .Field-label {
  transform: translateY(-20px);
}
.OrderableList .RelationControl-items.is-empty .Tools-item {
  margin-top: 0;
}
.OrderableList .RelationControl-items.is-empty .layers-Order-content {
  margin-top: 0;
}
.OrderableList .Icon-remove-item {
  color: #fd5756;
  cursor: pointer;
}
.OrderableList .Icon-remove-item:hover {
  color: #50b537;
}
.OrderableList .Icon-undo-remove-item {
  color: #bdbdbd;
  cursor: pointer;
}
.OrderableList .Icon-undo-remove-item:hover {
  color: #50b537;
}
.OrderableList-properties {
  min-height: 40px;
  width: calc(100% - 20px);
}
.OrderableList-properties .Field {
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: 3px;
}
.OrderableList-properties .OrderableList-property-first .Field {
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 3px;
}
.OrderableList-sidebar-top {
  position: absolute;
  right: 5px;
  top: 5px;
}
.OrderableList-sidebar-bottom {
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.Overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255,255,255,0.8);
  z-index: 300;
}
.Overlay .Spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Overlay.Disabler {
  background: rgba(0,0,0,0.2);
}
.Page {
  width: 100%;
  height: 100%;
}
.Paginator {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
}
.Paginator-content {
  flex-grow: 1;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  outline: none;
}
.Paginator-controls {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-flow: row nowrap;
  height: 40px;
  align-items: center;
  text-align: center;
  color: #878787;
  border-top: 1px solid #dadada;
  background-color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
}
.Paginator.is-empty .Paginator-controls {
  display: none;
}
.Paginator-button {
  flex-grow: 0;
  flex-shrink: 0;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  width: 41px;
  height: 41px;
  color: #00afef;
  font-size: 10px;
  font-size: 0.625rem;
  cursor: pointer;
}
.Paginator-button:hover {
  background-color: #f2fbfe;
  height: 39px;
}
.Paginator-button:focus {
  outline: none;
}
.Paginator-page {
  flex-grow: 1;
}
.Paginator-input {
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: 1px solid #dadada;
  text-align: center;
}
.Panel {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  flex-shrink: 0;
  height: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
  box-shadow: -2.5px 4.3px 5px rgba(0,0,0,0.08);
  pointer-events: auto;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.disable-module #AddItemContainerPanel.Panel {
  pointer-events: none;
}
.disable-module #AddItemContainerPanel.Panel::after {
  content: '';
  background: rgba(0,0,0,0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  z-index: 300;
}
@media screen and (min-width: 48em) {
  .Panel {
    width: 300px;
    position: relative;
    top: auto;
    left: auto;
    transition: left 0.4s ease;
  }
}
@media screen and (min-width: 48em) {
  .Panel.is-medium {
    width: 600px;
    flex-basis: 600px;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 48em) {
  .Panel.is-fluid:not(.is-fixed) {
    width: auto;
    min-width: 300px;
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 48em) {
  .Panel.is-fluid:not(.is-fixed).is-medium {
    min-width: 600px;
  }
}
@media screen and (min-width: 48em) {
  .Panel.is-collapsed {
    width: 100px !important;
    overflow: hidden;
    display: none;
  }
}
.Panel--module {
  box-shadow: none;
}
.Panel-header {
  flex-grow: 0;
  flex-shrink: 0;
  height: 65px;
  background: #008bbe;
  color: #fff;
  margin: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  padding: 0 50px 0 67px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  position: relative;
}
@media screen and (min-width: 48em) {
  .Panel-header {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: 65px;
    background: #008bbe;
    padding-left: 19px;
  }
}
@media screen and (max-width: 47.9375em) {
  .Panel-header {
    height: 60px;
  }
}
.Panel-header .Spinner {
  position: absolute;
  top: 50%;
  right: 56px;
  transform: translateY(-50%);
}
@media screen and (min-width: 48em) {
  .Panel-header .Spinner {
    right: 20px;
  }
}
.Panel-title {
  font-size: inherit;
  color: inherit;
  font-weight: bold;
  line-height: 1.2;
  max-width: 100%;
  padding: 3px 0px;
  display: flex;
  align-items: center;
}
.Panel-title-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  cursor: pointer;
}
@media screen and (min-width: 48em) {
  #PanelManager-wide .Panel-title {
    padding-right: 40px;
  }
}
.Panel-description {
  font-size: 0.8em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  padding-top: 1px;
}
@media screen and (min-width: 48em) {
  #PanelManager-wide .Panel-description {
    padding-right: 40px;
  }
}
.Panel-main {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  display: flex;
  flex-flow: column nowrap;
  background-color: #fff;
  position: relative;
  overflow-y: auto;
}
@media screen and (max-width: 47.9375em) {
  .PanelManager.is-closed .Panel-main {
    display: none;
  }
}
.Panel-toolbar {
  padding: 10px 20px;
  min-height: 58px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.Panel-toolbarContent {
  flex-grow: 1;
  flex-shrink: 1;
}
.Panel-toolbarActions {
  flex-grow: 0;
  flex-shrink: 0;
}
.Panel-content {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 20px;
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
/*.Panel.showOnlyForm &
            overflow hidden*/
}
.Panel-toolbar + .Panel-content {
  padding-top: 0;
}
.Panel-content .Spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Panel-content:has(.media-List) {
  padding: 0 20px;
}
.Panel-content-top-aligned {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0px 20px 20px 20px;
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.Panel-toolbar + .Panel-content-top-aligned {
  padding-top: 0;
}
.Panel-top-item {
  padding: 0px 26px 15px 20px;
}
.Panel .Overlay {
  top: 65px;
}
@media screen and (min-width: 48em) {
  .Panel .Overlay {
    top: 65px;
  }
}
.Panel .media-Card-overlay {
  top: 0;
}
.Panel-rightActionMenu {
  cursor: pointer;
  position: absolute;
  top: 13px;
  right: 20px;
  width: 80px;
  height: 32px;
  background: #7ed321;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  display: block;
  color: #fff;
}
.Panel-rightActionMenu.red {
  background: #fd5756;
}
.Panel-rightActionMenu:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.Panel-rightActionMenu-content {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.Panel-leftActionMenu {
  cursor: pointer;
  position: absolute;
  top: 13px;
  left: 20px;
  width: 80px;
  height: 32px;
  background: #7ed321;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  display: block;
  color: #fff;
}
.Panel-leftActionMenu:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.Panel-separator-x {
  height: 1px;
  width: 100%;
}
.Panel-fixed-content {
  position: fixed;
  height: 100%;
  max-height: -moz-available;
  max-height: -webkit-fill-available;
  max-height: stretch;
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
  z-index: 1000;
}
.PanelManager {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 300;
}
.is-plugin .PanelManager {
  position: absolute;
}
.PanelManager.is-wide.last-panel-is-fluid {
  right: 0;
}
@media screen and (min-width: 48em) {
  .PanelManager {
    display: flex;
    flex-flow: row nowrap;
    left: 65px;
    width: auto;
    box-shadow: 2.5px 4.3px 5px rgba(0,0,0,0.08);
    transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media screen and (min-width: 48em) {
  .behavior-hide-modules-bar .PanelManager {
    left: 0;
  }
}
.PanelManager.is-closed {
  width: auto;
  height: auto;
  max-width: 100%;
}
@media screen and (min-width: 48em) {
  .PanelManager.is-closed {
    height: 100%;
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 47.9375em) {
  .PanelManager.is-closed .Panel {
    width: auto;
    position: relative;
  }
}
@media screen and (max-width: 47.9375em) {
  .PanelManager.is-closed .Panel .Panel-main {
    display: none;
  }
}
@media screen and (max-width: 47.9375em) {
  .PanelManager.is-closed .Panel .Panel-header {
    padding-right: 60px;
  }
}
@media screen and (min-width: 48em) {
  .PanelManager.is-wide:not(.is-wide-but-no-fluid-visible) {
    width: calc(100% - 65px);
  }
}
.PanelManager-controls {
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  line-height: 60px;
  white-space: nowrap;
  z-index: 4;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
}
@media screen and (min-width: 48em) {
  .PanelManager-controls {
    right: -40px;
    height: 65px;
    line-height: 65px;
  }
}
@media screen and (min-width: 48em) {
  .PanelManager-controls.is-inside {
    right: 0;
  }
}
.PanelManager-controls:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.PanelManager-control {
  width: 40px;
  height: 60px;
  line-height: 58px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  cursor: pointer;
  background: #00afef;
  border: none;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.08);
  border-left: 1px solid rgba(255,255,255,0.2);
}
@media screen and (min-width: 48em) {
  .PanelManager-control {
    height: 65px;
    line-height: 63px;
  }
}
@media screen and (max-width: 47.9375em) {
  .PanelManager-control {
    height: 60px;
  }
}
.PanelManager-control:focus {
  outline: none;
}
.PanelManager-control:disabled {
  display: none;
}
.PanelManager-control:last-child {
  border-right: none;
}
@media screen and (max-width: 47.9375em) {
  .PanelManager-control--fluid {
    display: none;
  }
}
.PanelManager-control .Icon {
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (max-width: 47.9375em) {
  .PanelManager.is-closed .PanelManager-control--close {
    display: none;
  }
}
@media screen and (max-width: 47.9375em) {
  .PanelManager.is-closed .PanelManager-control--close-visible {
    display: inline-block;
  }
}
.PanelManager-module {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media screen and (min-width: 48em) {
  .PanelManager.is-closed .PanelManager-module {
    visibility: hidden;
  }
}
@media screen and (min-width: 48em) {
  .PanelManager-module {
    width: auto;
  }
}
@media screen and (min-width: 48em) {
  .PanelManager-module.is-fluid {
    flex-grow: 1;
  }
}
@media screen and (min-width: 48em) {
  .PanelManager.has-tabs .PanelManager-module {
    width: 30px;
    overflow: hidden;
    flex-shrink: 0;
    flex-grow: 0;
  }
}
.PanelManager-panels {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
@media screen and (min-width: 48em) {
  .PanelManager-panels {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    display: flex;
    flex-flow: row nowrap;
  }
}
@media screen and (min-width: 48em) {
  .PanelManager.is-wide .PanelManager-panels {
    flex-grow: 1;
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .PanelManager-module.is-fluid + .PanelManager-panels {
    flex-grow: 0;
    width: auto;
  }
}
@media screen and (min-width: 48em) {
  .PanelManager.has-tabs .PanelManager-panels {
    flex-grow: 1;
    width: 100%;
  }
}
@media screen and (max-width: 47.9375em) {
  .PanelManager.is-closed .PanelManager-panels {
    position: relative;
  }
}
@media screen and (max-width: 47.9375em) {
  .PanelManager.is-closed .PanelManager-panels .Panel {
    margin-top: -60px;
  }
}
.PanelManager-tabs {
  display: none;
}
@media screen and (min-width: 48em) {
  .PanelManager-tabs {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 30px;
    height: 30px;
    width: calc(100vh - 65px);
    z-index: 2;
    transform-origin: 0 100%;
    transform: rotate(-90deg);
    overflow: hidden;
  }
}
.PanelManager-tabsContent {
  display: flex;
  flex-flow: row nowrap;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.PanelManager-tabsControl {
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  border: none;
  background: #00afef;
  color: #fff;
  cursor: pointer;
  display: none;
  transition: opacity 0.2s ease, visibility 0s linear 0s;
}
.PanelManager-tabsControl[disabled] {
  opacity: 0;
  visibility: hidden;
  touch-action: none;
  transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}
.PanelManager-tabsControl--previous {
  left: 0;
}
.PanelManager-tabsControl--next {
  right: 0;
}
.PanelManager-tabs.is-scrollable .PanelManager-tabsControl {
  display: block;
  z-index: 1;
}
@media screen and (max-width: 47.9375em) {
  .is-focused-searchSelect .Panel-toolbar,
  .is-focused-searchSelect .Panel-header,
  .is-focused-searchSelect .PanelManager-control--close,
  .is-focused-searchSelect .PanelManager-control--close-visible,
  .is-focused-searchSelect .PanelManager-control--collapse,
  .is-focused-searchSelect .Hamburger {
    display: none;
  }
  .is-focused-searchSelect .Panel-toolbar.InlineFieldOwner {
    display: block;
  }
  .is-focused-searchSelect .InlineField {
    padding-left: 0px;
  }
}
.PanelsContainer {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 48em) {
  .PanelsContainer {
    height: 100%;
    width: auto;
  }
}
.PanelsContainer.is-open {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
@media screen and (min-width: 48em) {
  .PanelsContainer.is-open {
    background-color: transparent;
    width: auto;
  }
}
.PanelsContainer.is-nav-open {
  width: 100%;
  height: 100%;
}
.PanelsContainer.is-nav-open > .Hamburger {
  display: none;
}
.PanelTab {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  height: 30px;
  white-space: nowrap;
  color: #2688bd;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 30px;
  padding: 0 40px 0 20px;
  margin-left: -20px;
  cursor: pointer;
}
.PanelTab:first-child {
  margin-left: 0;
}
.PanelTab:last-child {
  padding-right: 20px;
}
.PanelTab-title {
  font-weight: bold;
  display: inline-block;
  vertical-align: baseline;
}
.PanelTab-description {
  font-size: 0.8em;
  display: inline-block;
  vertical-align: baseline;
  padding-left: 10px;
}
.PanelTitle {
  color: #3a3b43;
  height: auto;
  line-height: inherit;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
  text-transform: uppercase;
}
.PanelTitleGroup {
  position: relative;
}
.PanelTitle-PoweredBy {
  position: absolute;
  top: 0;
  right: 0;
  font-style: italic;
  color: #bdbdbd;
}
.PanelTitle-PoweredBy a {
  color: #009dd7;
}
.Popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.2);
  z-index: 999;
}
.Popup-layer {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 10px;
  width: 95%;
  max-width: 582px;
  max-height: 100%;
  transform: translate(-50%, -50%);
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.702);
  text-align: center;
  box-sizing: border-box;
  overflow: auto;
}
@media screen and (min-width: 48em) {
  .Popup-layer {
    padding: 20px 70px;
  }
}
@media screen and (min-width: 48em) {
  .Popup-header {
    margin-top: 20px;
  }
}
.Popup--warning .Popup-header:before {
  display: block;
  content: '';
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAvCAMAAAB0dXK/AAAAPFBMVEVHcEz/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogCrsetHAAAAE3RSTlMABLnxz0jbh/gQqSOONF/mcJ57ASFkKgAAATdJREFUSMedlMsSgyAQBFcEBOIz8///mgNGDSwsZG5KdRU07BAVYrTThjqzOABu6aQUAED1QQYxXXsc7EnZoYPa8c3eDvnxokbfTM24M7dCL/eg3KvL+jeqzzp67A867sxaG3eqW+yv8aI8Efl4bWuD9e2hLsrcZPtTPMyUfzRY/6FE+wEMhSCMFVgK9UHTBUrL1hmqZn/YilRl0N4oUng3jFVOFQftQIXCIVjnqYJ9JVBKHiuG4gbtKrMyxdjfIVJ5zT2tF6nM/owGKq25nzK7hankbzJo6TKgQwg6+6tqZVaOycqsJY+aW/NVtxtjdpcvrEmZ/eTI3vOZq+YmZieTsJJbr1On/cCdembv/q65hXflicjzbpdnmSVvzlo7Fuyz1sWspP+gNLk/KMcbFBLIH2MnMx7+A1ZWW2ReSBaVAAAAAElFTkSuQmCC);
  width: 53px;
  height: 47px;
  margin: 0 auto;
}
.Popup-close {
  background: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 38px;
  border: none;
  cursor: pointer;
}
.Popup-close .Icon {
  font-size: 18px;
  font-size: 1.125rem;
  display: inline-block;
  vertical-align: middle;
}
.Popup-title {
  margin: 10px 0;
  color: #ffa200;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 48em) {
  .Popup-title {
    margin: 30px 0 20px;
  }
}
.Popup-content {
  font-size: 14px;
  font-size: 0.875rem;
  color: #9d9d9d;
}
@media screen and (min-width: 48em) {
  .Popup-content {
    line-height: 25px;
  }
}
@media screen and (min-width: 48em) {
  .Popup-footer {
    margin-top: 20px;
  }
}
@media screen and (max-width: 47.9375em) {
  .Popup-footer {
    display: flex;
    flex-direction: column-reverse;
  }
}
.Popup-button {
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  border: 0;
  font-size: 14px;
  font-size: 0.875rem;
  outline: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}
.Popup-button--yes,
.Popup-button--primary {
  color: #fff;
  background-color: #85c040;
  text-transform: uppercase;
}
@media screen and (min-width: 48em) {
  .Popup-button--yes {
    width: 130px;
  }
}
.Popup-button--yes:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.1) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.1) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.1) inset;
}
.Popup-button--primary {
  font-weight: bold;
}
.Popup-button--primary:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.1) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.1) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.1) inset;
}
.Popup-button--no {
  background: #fff;
  color: #87c242;
}
@media screen and (max-width: 47.9375em) {
  .Popup-button--no {
    text-decoration: underline;
  }
}
.Popup-button--no:hover {
  background: rgba(230,255,195,0.5);
}
@media screen and (min-width: 48em) {
  .Popup-button--no {
    border: 1px solid #85c040;
    margin-right: 10px;
    width: 130px;
  }
}
.Popup-button--cancel {
  text-decoration: underline;
  color: #9d9d9d;
  background-color: transparent;
}
.ProgressBar {
  position: relative;
  background: #bdbdbd;
  height: 10px;
  border-radius: 5px;
}
.ProgressBar-progress {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #a0e143;
  border-radius: 5px;
}
.ProgressBar-text {
  font-size: 10px;
  font-size: 0.625rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.Property {
  margin: 15px 0;
  color: #3a3b43;
  font-style: 13px;
}
.cell-text-wrap .Property {
  margin: 0;
}
.Property-value {
  word-break: break-word;
  display: inline-block;
  white-space: pre-line;
}
.Property-value.err {
  color: #fd5756;
}
.Property-value.hint {
  color: #c5c5c5;
}
.Property-value-ie {
  word-break: break-word;
  word-wrap: break-word;
  width: 100%;
  display: inline-block;
}
.Property-value-ie.err {
  color: #fd5756;
}
.Property-value-ie.hint {
  color: #c5c5c5;
}
.Property-label {
  margin: 0 0 5px;
  padding: 0;
  font-size: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Property-label.for-editing {
  color: #878787;
}
.Property a {
  color: #00afef;
}
.PropertyList {
  margin: 15px 0;
  color: #3a3b43;
  font-size: 13px;
  font-size: 0.8125rem;
}
.PropertyList-title {
  margin: 0 0 5px;
  padding: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #00afef;
  cursor: pointer;
  user-select: none;
}
.PropertyList-list {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.PropertyList.is-open .PropertyList-list {
  display: block;
}
.PropertyList-item {
  margin: 3px 0;
}
.PropertyList a {
  color: #00afef;
}
.RadioButton {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 1;
  vertical-align: top;
  background: #fff;
  overflow: hidden;
  margin-right: 10px;
  cursor: pointer;
}
.RadioButton:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  transform: translate(-50%, -50%);
  background: #e5e5e5;
}
.RadioButton.is-disabled {
  display: none;
}
.RadioButton-input {
  position: absolute;
  top: -22px;
  left: 0;
}
.RadioButton-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  color: #3a3b43;
  font-size: 20px;
  font-size: 1.25rem;
  background: #fff;
  line-height: 19px;
  text-align: center;
}
.RadioButton-icon:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.layers-StyleList.is-inactive .RadioButton-icon {
  color: #e4e4e4;
}
.RadioButton-input:checked ~ .RadioButton-icon {
  color: #9ee13e;
}
.layers-StyleList.is-inactive .RadioButton-input:checked ~ .RadioButton-icon {
  color: #e6ffc3;
}
.rangeslider {
  margin: 20px 0;
  position: relative;
  background: #e6e6e6;
  -ms-touch-action: none;
  touch-action: none;
}
.rangeslider,
.rangeslider .rangeslider__fill {
  display: block;
}
.rangeslider .rangeslider__handle {
  background: #fff;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  display: inline-block;
  position: absolute;
}
.rangeslider .rangeslider__handle:hover .rangeslider__tooltip {
  opacity: 1;
}
.rangeslider .rangeslider__tooltip {
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
  background-color: rgba(0,0,0,0.8);
  transition: all 100ms ease-in;
  display: inline-block;
  color: #fff;
  opacity: 0;
}
.rangeslider .rangeslider__tooltip span {
  margin-top: 12px;
  display: inline-block;
  line-height: 100%;
}
.rangeslider .rangeslider__tooltip:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
}
.rangeslider-horizontal {
  height: 12px;
}
.rangeslider-horizontal .rangeslider__fill {
  height: 100%;
  background-color: #9ee13e;
  top: 0;
}
.rangeslider-horizontal .rangeslider__handle {
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
}
.rangeslider-horizontal .rangeslider__handle:after {
  content: ' ';
  position: absolute;
  width: 6px;
  height: 6px;
  top: 50%;
  left: 50%;
  margin-top: -3px;
  margin-left: -3px;
  background-color: #e5e5e5;
}
.rangeslider-horizontal .rangeslider__tooltip {
  top: -55px;
}
.rangeslider-horizontal .rangeslider__tooltip:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(0,0,0,0.8);
  left: 12px;
  bottom: -8px;
}
.rangeslider-vertical {
  margin: 20px auto;
  height: 150px;
  max-width: 10px;
  background-color: transparent;
}
.rangeslider-vertical .rangeslider__fill,
.rangeslider-vertical .rangeslider__handle {
  position: absolute;
}
.rangeslider-vertical .rangeslider__fill {
  width: 100%;
  background-color: #7cb342;
  box-shadow: none;
  bottom: 0;
}
.rangeslider-vertical .rangeslider__handle {
  width: 30px;
  height: 10px;
  left: -10px;
  box-shadow: none;
}
.rangeslider-vertical .rangeslider__tooltip {
  left: -55px;
  top: -15px;
}
.rangeslider-vertical .rangeslider__tooltip:after {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid rgba(0,0,0,0.8);
  left: 100%;
  top: 12px;
}
.rangeslider-reverse.rangeslider-horizontal .rangeslider__fill {
  right: 0;
}
.rangeslider-reverse.rangeslider-vertical .rangeslider__fill {
  top: 0;
  bottom: inherit;
}
.rangeslider-vertical .rangeslider__label-list {
  position: relative;
  list-style-type: none;
  margin: 0 0 0 24px;
  padding: 0;
  text-align: left;
  width: 250px;
}
.rangeslider-vertical .rangeslider__label-list .rangeslider__label {
  position: absolute;
}
.rangeslider-vertical .rangeslider__label-list .rangeslider__label::before {
  content: '';
  width: 10px;
  height: 2px;
  background: #000;
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.rangeslider__label-list .rangeslider__label {
  position: absolute;
  cursor: pointer;
  display: inline-block;
  top: 10px;
}
/*
 * https://github.com/YouCanBookMe/react-datetime
 */
.rdt {
  position: relative;
}
.rdtPicker {
  display: none;
  position: absolute;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  border: 1px solid #f9f9f9;
}
.rdtOpen .rdtPicker {
  display: block;
}
.rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}
.rdtPicker .rdtTimeToggle {
  text-align: center;
}
.rdtPicker table {
  width: 100%;
  margin: 0;
}
.rdtPicker td,
.rdtPicker th {
  text-align: center;
  height: 28px;
  font-size: 13px;
  font-size: 0.8125rem;
}
.rdtPicker td {
  cursor: pointer;
}
.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: #eee;
  cursor: pointer;
}
.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #999;
}
.rdtPicker td.rdtToday {
  position: relative;
}
.rdtPicker td.rdtToday:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0,0,0,0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}
.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999;
  cursor: not-allowed;
}
.rdtPicker td span.rdtOld {
  color: #999;
}
.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999;
  cursor: not-allowed;
}
.rdtPicker th {
  border-bottom: 1px solid #f9f9f9;
}
.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
}
.rdtPicker th.rdtSwitch {
  width: 100px;
}
.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 21px;
  font-size: 1.3125rem;
  vertical-align: top;
}
.rdtPrev span,
.rdtNext span {
  display: block;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999;
  cursor: not-allowed;
}
.rdtPicker thead tr:first-child th {
  cursor: pointer;
}
.rdtPicker thead tr:first-child th:hover {
  background: #eee;
}
.rdtPicker tfoot {
  border-top: 1px solid #f9f9f9;
}
.rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}
.rdtPicker button:hover {
  background-color: #eee;
}
.rdtPicker thead button {
  width: 100%;
  height: 100%;
}
td.rdtMonth,
td.rdtYear {
  height: 50px;
  width: 25%;
  cursor: pointer;
}
td.rdtMonth:hover,
td.rdtYear:hover {
  background: #eee;
}
.rdtCounters {
  display: inline-block;
}
.rdtCounters > div {
  float: left;
}
.rdtCounter {
  height: 100px;
}
.rdtCounter {
  width: 40px;
}
.rdtCounterSeparator {
  line-height: 100px;
}
.rdtCounter .rdtBtn {
  height: 40%;
  line-height: 40px;
  cursor: pointer;
  display: block;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
.rdtCounter .rdtBtn:hover {
  background: #eee;
}
.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}
.rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px;
}
.rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 37px;
}
.RelationControl {
  position: relative;
}
.RelationControl.disabled .RelationControl-item {
  background: #fafafa !important;
}
.RelationControl.disabled .RelationControl-item .RelationControl-item-content {
  font-weight: normal !important;
}
.RelationControl.disabled .RelationControl-header {
  border: none;
  pointer-events: none;
}
.RelationControl.disabled .RelationControl-header-content-icon,
.RelationControl.disabled .RelationControl-header-controls-count {
  display: none;
}
.RelationControl.disabled .RelationControl-item-property-input {
  color: #bbb;
}
.RelationControl-header {
  margin: 0 0 5px;
  padding: 11px 0 10px 0;
  font-size: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #d3d3d3;
  border-width: 0 0 1px 0;
  position: relative;
  z-index: 1;
}
.RelationControl-header.single-value {
  margin: 0;
  border: none;
}
.RelationControl-header.is-highlighted {
  background: #f2fbfe;
}
.RelationControl-header-content {
  display: block;
  margin: 0 0 -2px 0;
  flex-grow: 1;
  flex-shrink: 1;
  cursor: pointer;
  max-width: 155px;
}
.RelationControl-header-content h4 {
  display: inline-block;
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 18px;
  vertical-align: bottom;
}
.RelationControl.is-required .RelationControl-header-content h4:after {
  content: '*';
  display: inline-block;
  margin-left: 2px;
  color: #00afef;
}
.RelationControl-header-content-icon {
  display: inline-block;
  margin: 0 0 0 5px;
  color: #00afef;
}
.RelationControl.is-collapsed .RelationControl-header-content .RelationControl-header-content-icon {
  height: 20px;
}
.RelationControl.is-collapsed .RelationControl-header-content .RelationControl-header-content-icon .Icon {
  font-size: 16px;
  font-size: 1rem;
  padding-left: 1px;
}
.RelationControl-header-controls {
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap;
  text-align: right;
  position: absolute;
  right: -5px;
  top: calc(50% - 5px);
  transform: translateY(-50%);
  height: 25px;
}
.RelationControl-header-controls-count {
  font-weight: bold;
  margin: 0 5px 0 0;
  line-height: 38px;
}
.RelationControl-header-controls .Action {
  background: transparent;
}
.RelationControl-header-controls .Icon {
  color: #bdbdbd;
  cursor: pointer;
}
.RelationControl-header-controls .Icon--bindingDelete {
  color: #f00;
}
.RelationControl-header-controls .Icon:hover {
  color: #00afef;
}
.RelationControl-header-controls.disabled .Icon {
  color: #e9e6e6;
  cursor: not-allowed;
}
.RelationControl-header-controls.disabled .Action {
  cursor: not-allowed;
}
.RelationControl-header-controls.no-actions {
  right: 2px;
}
.RelationControl-items {
  border: 1px solid #d3d3d3;
  border-width: 0 0 1px 0;
}
.RelationControl-items .select-single-value {
  position: absolute;
  width: 100%;
}
.RelationControl.is-collapsed .RelationControl-items {
  display: none;
}
.RelationControl-items-message {
  margin: 12px 0 12px 3px;
  color: #bdbdbd;
}
.RelationControl-items .Field-content {
  border-width: 0;
}
.RelationControl-items .Field.is-empty.is-focused .Field-label {
  transform: none;
}
.RelationControl-item {
  position: relative;
  outline: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 0;
  height: 38px;
}
.RelationControl-item.editmode {
  border: 1px solid #d3d3d3;
  border-width: 0 0 1px 0;
  margin: 0;
  height: 38px;
}
.RelationControl-item.editmode.is-last {
  border-width: 0;
}
.RelationControl-item.is-highlighted {
  background: #f2fbfe;
  font-weight: bold;
}
.RelationControl-item.is-added {
  background: #f7ffec;
}
.RelationControl-item.is-single-value {
  width: calc(100% - 28px);
}
.RelationControl-item.is-removed {
  background: #ffe6e6;
}
.RelationControl-item.is-dim {
  color: #cdcdcd;
}
.RelationControl-item:hover {
  background: #f2f2f2;
}
.RelationControl.disabled .RelationControl-item {
  background: #fafafa;
}
.RelationControl-item-content {
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
}
.RelationControl-item-controls {
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap;
  text-align: right;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.RelationControl-item-controls .Icon--bindingDelete {
  color: #fd5756;
}
.RelationControl-item-controls .Icon--bindingDelete:hover {
  color: #00afef;
}
.RelationControl-item-control {
  color: #bdbdbd;
  cursor: pointer;
  margin-left: 3px;
}
.RelationControl-item-control:hover {
  color: #00afef;
}
.RelationControl-item-control-empty {
  width: 23px;
  display: inline-block;
}
.RelationControl-item-alert {
  margin: 0 5px 0 0;
  color: #ff4500;
}
.RelationControl-footer {
  margin: 10px 0 10px 0;
}
.RelationControl.is-collapsed .RelationControl-footer {
  display: none;
}
.RelationControl-footer.hidden {
  display: none;
}
.RelationControl-footer-link {
  cursor: pointer;
  color: #00afef;
}
.RelationControl-item-property {
  height: 38px;
  align-items: center;
  position: relative;
  border: 1px solid #d3d3d3;
  border-width: 0 0 1px 0;
}
.RelationControl-item-property.is-last {
  border-width: 1px 0 0 0;
}
.RelationControl-item-property.is-added {
  background: #f7ffec;
}
.RelationControl-item-property.is-removed {
  background: #ffe6e6;
}
.RelationControl-item-property-body {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: right;
}
.RelationControl-item-property-text {
  display: inline-block;
  margin: 0 5px -3px 0;
  width: calc(100% - 105px);
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.RelationControl-item-property-input {
  display: inline-block;
  height: 24px;
  width: 80px;
  text-align: right;
}
.RelationControl.disabled {
  background: #fafafa;
  color: #bbb;
}
.RelationControl .ActionMenu-items .Action {
  text-align: left;
}
.SearchSelect {
  position: relative;
  display: block;
  margin-bottom: 20px;
}
.SearchSelect .showOnlyForm-action {
  display: none;
}
.SearchSelect.is-disabled {
  background-color: #fafafa;
}
.SearchSelect-label {
  padding: 0 30px 0 19px;
  height: 38px;
  line-height: 43px;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #3a3b43;
  border: 1px solid #cbe8f3;
  cursor: pointer;
}
.SearchSelect.is-disabled .SearchSelect-label {
  cursor: default;
  color: #bbb;
  border-color: #dadada;
}
.SearchSelect-lightlabel {
  padding: 0 30px 0 19px;
  height: 38px;
  line-height: 43px;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #878787;
  border: 1px solid #cbe8f3;
  cursor: pointer;
  font-weight: normal;
}
.SearchSelect.is-disabled .SearchSelect-lightlabel {
  cursor: default;
  color: #bbb;
  border-color: #dadada;
}
.SearchSelect-inner-label {
  margin: 0 25px 0 0;
  position: relative;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.SearchSelect-labelIcon {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  font-size: 19px;
  font-size: 1.1875rem;
  color: #00afef;
}
.SearchSelect.is-disabled .SearchSelect-labelIcon {
  color: #ccc;
}
.SearchSelect.is-open .SearchSelect-labelIcon {
  transform: rotate(180deg) translateY(50%);
}
.SearchSelect-options {
  display: none;
  position: absolute;
  top: 39px;
  left: -1px;
  right: -1px;
  background: #fff;
  border: solid #cbe8f3;
  border-width: 0 1px 1px;
  z-index: 30;
}
.SearchSelect.is-open .SearchSelect-options {
  display: block;
  min-width: 80px;
}
.SearchSelect-field {
  padding: 0 9px 9px;
}
.SearchSelect-input {
  display: block;
  padding: 0 19px;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #dadada;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #3a3b43;
  outline: none;
  box-shadow: none;
  border-radius: 0px;
  background: #fff;
  appearance: none;
}
.SearchSelect-input::placeholder {
  color: #c4c4c4 !important;
}
.SearchSelect-cancel-search {
  -webkit-appearance: button;
  flex-shrink: 0;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 25px;
  line-height: 25px;
  position: absolute;
  top: 6px;
  right: 3px;
}
.SearchSelect-cancel-search .Icon--cross {
  cursor: pointer;
}
.SearchSelect-cancel-search.search2 .Icon {
  color: #00afef;
}
.SearchSelect-cancel-search .Icon {
  display: inline-block;
  vertical-align: middle;
  color: #fd5756;
}
.SearchSelect-list {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 200px;
  margin: 0 0 1px 0;
}
@media screen and (min-width: 48em) {
  .SearchSelect-list {
    max-height: 200px !important;
  }
}
.SearchSelect-list-no-scrollbar {
  margin: 0;
  padding: 0;
  max-height: auto;
  list-style: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.SearchSelect-option {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0 19px;
  height: 40px;
  line-height: 41px;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #3a3b43;
  cursor: pointer;
}
.SearchSelect-option.empty-option {
  color: #d9d9d9;
  font-style: italic;
}
.SearchSelect-option.chosen {
  background-color: #f2fbfe;
}
.SearchSelect-option.active {
  background-color: #f2f2f2;
}
.SearchSelect-lightoption {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0 19px;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #878787;
  cursor: pointer;
  font-weight: normal;
}
.SearchSelect-lightoption.chosen {
  background-color: #f2fbfe;
}
.SearchSelect-lightoption:hover {
  background-color: #f2f2f2;
}
.SearchSelect.searchFieldSelect {
  margin-bottom: 0;
  height: 100%;
}
.SearchSelect.searchFieldSelect .SearchSelect-options {
  margin-bottom: 20px;
  border-top: none;
  top: 41px;
}
.Field.is-bordered .SearchSelect.searchFieldSelect .SearchSelect-options {
  top: 41px;
}
.Field.is-bordered .SearchSelect.searchFieldSelect .SearchSelect-options.ie {
  top: 41px;
}
.SearchSelect.searchFieldSelect .SearchSelect-label {
  border: none;
  height: 40px;
  padding: 0;
}
.SearchSelect.searchFieldSelect .SearchSelect-lightlabel {
  border: none;
  height: 40px;
  padding: 0;
}
.SearchSelect.searchFieldSelect .SearchSelect-option {
  padding: 0 10px;
}
.SearchSelect.searchFieldSelect .SearchSelect-option.readOnly {
  background-color: inherit;
  cursor: default;
}
.SearchSelect.searchFieldSelect .SearchSelect-lightoption {
  padding: 0 10px;
}
.SearchSelect.searchFieldSelect .SearchSelect-lightoption.readOnly {
  background-color: inherit;
  cursor: default;
}
.SearchSelect.searchFieldSelect .SearchSelect-field {
  padding: 0;
}
.SearchSelect.searchFieldSelect .SearchSelect-field input {
  border: none;
  padding: 0 30px 0 10px;
  height: 40px;
  border-bottom: 1px solid #dadada;
}
.Field.is-bordered .SearchSelect-label {
  margin-left: 10px;
  margin-bottom: 3px;
}
.Field.is-bordered .SearchSelect-lightlabel {
  margin-left: 10px;
  margin-bottom: 3px;
}
.Field.is-bordered .SearchSelect-options {
  margin-top: 3px;
}
.Separator {
  margin: 5px 0;
  font-size: 0;
  height: 1px;
  background: #cbe8f3;
}
.Spinner {
  position: relative;
}
.Spinner-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: Spinner-circleFadeDelay 1.2s infinite ease-in-out both;
}
.Spinner-circle--1 {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.Spinner-circle--2 {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.Spinner-circle--3 {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.Spinner-circle--4 {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.Spinner-circle--5 {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.Spinner-circle--6 {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.Spinner-circle--7 {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.Spinner-circle--8 {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.Spinner-circle--9 {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.Spinner-circle--10 {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.Spinner-circle--11 {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.Spinner-circle--12 {
  transform: rotate(330deg);
  animation-delay: 0s;
}
.Spinner-dot {
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #00afef;
  border-radius: 50%;
}
@-moz-keyframes Spinner-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@-webkit-keyframes Spinner-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@-o-keyframes Spinner-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes Spinner-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.Switch {
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  padding: 4px;
  box-sizing: border-box;
  border: 1px solid #cbe8f3;
  transform: translateY(-50%);
  cursor: pointer;
}
.Switch.is-hidden {
  display: none;
}
.Switch .Icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  font-size: 20px;
  font-size: 1.25rem;
  transform: translate(-50%, -50%);
}
.Switch-state {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.Switch-state--line {
  overflow: hidden;
}
.Switch-state--line:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 4px;
  background: #bdbdbd;
  border: 1px solid #fff;
  transform: translate(-50%, -50%);
}
.Switch-state--line span {
  position: absolute;
  top: -3px;
  right: 6px;
  width: 2px;
  height: 150%;
  transform: rotate(45deg);
}
.Switch-state--hatching {
  overflow: hidden;
}
.Switch-state--hatching .Switch-stateContent {
  margin: -1px 0 0 -2px;
  transform: rotate(-30deg);
}
.Switch-state--hatching .Switch-stateContent span {
  display: block;
  margin: 0 0 4px;
  width: 200%;
  height: 1px;
}
.Switch-state--background {
  overflow: hidden;
}
.Switch-state--background .Icon {
  color: #fff;
}
.Switch-state--ortoTrue {
  background-color: #fff;
}
.Switch-state--ortoFalse {
  color: #fff;
  background-color: #00afef;
}
.Switch-state--bold {
  transform: translate(-1px, 0);
}
.Switch:hover {
  background-color: #f2fbfe;
}
.Switch--text {
  padding: 1px;
}
.Switch--orto {
  padding: 0;
}
.Switch--orto .Icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  font-size: 1.125rem;
}
.Tabs {
  position: relative;
  display: block;
  padding: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
}
.Tabs-list {
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
  margin: 0 0 20px 0;
  flex-grow: 0;
  flex-shrink: 0;
}
.Tabs-item {
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  line-height: 40px;
  border: 1px solid #cbe8f3;
  border-left-width: 0px;
  box-sizing: border-box;
  text-align: center;
  background: #f2fbfe;
  color: #1f7fa2;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 48em) {
  .Tabs-item {
    cursor: pointer;
  }
}
.Tabs-item:first-child {
  border-width: 1px;
}
.Tabs-item.is-selected {
  background: #fff;
  border-bottom-color: #fff;
  color: #3a3b43;
}
.Tabs-item:hover:not(.is-selected) {
  text-decoration: underline;
}
.cell-text-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding: 0 5px 0 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.cell-text-wrap a {
  color: #00afef;
}
.TextHighlight {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: -webkit-calc(300px - 50px);
  max-width: -moz-calc(300px - 50px);
  max-width: calc(300px - 50px);
}
@media screen and (min-width: 48em) {
  .TextHighlight {
    max-width: -webkit-calc(300px - 110px);
    max-width: -moz-calc(300px - 110px);
    max-width: calc(300px - 110px);
  }
}
.TextHighlight mark {
  background: transparent;
  color: #00afef;
}
.Tool {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #00afef;
  cursor: pointer;
}
.Tool--cross .Icon {
  color: #ffa200;
}
.Tool--trash .Icon {
  color: #fd5656;
}
.Tool.is-active .Icon {
  border-color: #00afef;
  background: #00afef;
  color: #fff;
}
.Tool .Icon {
  position: relative;
  display: inline-block;
  margin: 0 15px 0 0;
  width: 38px;
  height: 38px;
  border: 1px solid #cbe8f3;
  vertical-align: middle;
}
.Tool .Icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Tool:not(.Tool.is-active) .Icon:hover {
  background-color: #f2fbfe;
}
.ToolGroup {
  position: relative;
}
.Tools {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}
.Tools-item {
  margin: 10px 0;
}
.WorkspaceList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.WorkspaceList-item {
  position: relative;
}
.WorkspaceList-icon {
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -8px;
  font-size: 16px;
  font-size: 1rem;
  color: #9ee13e;
}
.WorkspaceList-icon.Icon--switch {
  cursor: pointer;
}
.WorkspaceList-caption {
  display: block;
  padding: 0 40px 0 13px;
  width: 100%;
  height: 59px;
  line-height: 61px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  border-bottom: 1px solid #cbe8f3;
  whie-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #3a3b43;
}
.WorkspaceList-caption.is-current {
  color: #00afef;
}
.article-Card {
  margin: 0;
}
.article-Card-title {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
}
.article-Card-date {
  display: inline-block;
  margin: 5px 0 4px 0;
  height: 17px;
  line-height: 17px;
  color: #878787;
  font-size: 11px;
  font-size: 0.6875rem;
}
.article-Card.is-unread .article-Card-date {
  padding: 0 7px;
  color: #fff;
  background: #fda102;
  border-radius: 2px;
}
.article-Card-content {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  color: #3a3b43;
}
.article-Card-content a {
  color: #00afef;
}
.article-Separator {
  position: relative;
  margin: 30px 0;
  padding: 0;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: normal;
  color: #adadad;
}
.article-Separator:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #dadada;
}
.article-Separator-label {
  position: relative;
  display: inline-block;
  margin-left: 8px;
  padding: 0 6px;
  background: #fff;
  z-index: 2;
}
.BookmarksContainer {
  width: calc(100vw - 35px);
}
@media screen and (min-width: 48em) {
  .BookmarksContainer {
    width: 255px;
  }
}
.bookmarks-Module .Panel-content {
  padding: 0;
}
.bookmarks-Module .Paginator {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-height: 100%;
  overflow: hidden;
}
.bookmarks-Module .Paginator-content {
  padding-left: 20px;
  padding-right: 20px;
}
.export-button {
  width: 100%;
  text-align: center;
  height: 42px;
  background: #fff;
  line-height: 42px;
  color: #9ee13e;
  border: 1px solid #9ee13e;
  cursor: pointer;
  position: relative;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 10px;
  width: calc(100% - 40px);
  margin-left: 20px;
}
.export-panel-container .export-button {
  width: 100%;
  margin-left: 0px;
}
.export-button.cancel {
  color: #fd5656;
  border-color: #fd5656;
}
.export-button.cancel:hover {
  background-color: #ffe6e6;
}
.export-button.cancel .Icon {
  font-size: 20px;
  font-size: 1.25rem;
  top: 10px;
  left: 12px;
}
.export-button .Icon {
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 25px;
  font-size: 1.5625rem;
}
.export-button:hover {
  background-color: rgba(230,255,195,0.5);
}
.export-Module .Panel-content {
  padding: 0px;
}
.export-Module .Paginator-content {
  padding-right: 5px;
}
.export-content {
  padding: 20px;
}
.export-panel-container .export-content {
  padding: 20px 0px;
}
.export-content.no-rights,
.export-content-list {
  margin: 30px 0px 0px;
  height: calc(100vh - 196px);
}
.export-content.no-rights .Paginator,
.export-content-list .Paginator {
  height: 100%;
}
.export-content.no-rights .Paginator .Paginator-content > div,
.export-content-list .Paginator .Paginator-content > div {
  padding: 0px 15px;
}
.export-content.no-rights .completed .ObjectCard-title,
.export-content-list .completed .ObjectCard-title {
  color: #000;
}
.export-content.no-rights .completed-with-error .ObjectCard-title,
.export-content-list .completed-with-error .ObjectCard-title {
  color: #f00;
}
.export-content.no-rights .ObjectCard-title,
.export-content-list .ObjectCard-title {
  color: #00afef;
}
.export-content.no-rights .ObjectCard-title,
.export-content-list .ObjectCard-title,
.export-content.no-rights .ObjectCard-text .template,
.export-content-list .ObjectCard-text .template {
  font-weight: bold;
}
.export-content.no-rights .ObjectCard .template-name,
.export-content-list .ObjectCard .template-name {
  font-weight: normal;
  color: #3a3b43;
}
.export-content.no-rights .ObjectCard .template-name,
.export-content-list .ObjectCard .template-name,
.export-content.no-rights .ObjectCard .export-name,
.export-content-list .ObjectCard .export-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: -webkit-calc(300px - 50px);
  max-width: -moz-calc(300px - 50px);
  max-width: calc(300px - 50px);
}
@media screen and (min-width: 48em) {
  .export-content.no-rights .ObjectCard .template-name,
  .export-content-list .ObjectCard .template-name,
  .export-content.no-rights .ObjectCard .export-name,
  .export-content-list .ObjectCard .export-name {
    max-width: -webkit-calc(300px - 110px);
    max-width: -moz-calc(300px - 110px);
    max-width: calc(300px - 110px);
  }
}
.export-content.no-rights .ObjectCard:hover,
.export-content-list .ObjectCard:hover {
  background: inherit;
  cursor: default;
}
.export-content.no-rights .ObjectCard .ObjectCard-controls,
.export-content-list .ObjectCard .ObjectCard-controls {
  display: none;
}
.export-controls {
  position: absolute;
  right: 20px;
}
.export-controls .Icon {
  padding-left: 10px;
  cursor: pointer;
  color: #bdbdbd;
}
.export-controls .Icon.Icon--refresh {
  font-size: 26px;
  font-size: 1.625rem;
}
.export-controls .Icon.Icon--cancel {
  padding-left: 6px;
}
.export-controls .Icon:hover {
  color: #9ee13e;
}
.grid-ClearableInput {
  box-sizing: border-box;
  width: 100%;
  color: inherit;
  font-weight: normal;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border: 1px solid #dadada;
}
.grid-ClearableInput-input {
  box-sizing: border-box;
  color: inherit;
  font-weight: normal;
  padding: 10px 0px 10px 10px;
  border: none;
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
}
.grid-ClearableInput-input:focus {
  outline: none;
}
.grid-ClearableInput-clear {
  felx-grow: 0;
  flex-shrink: 0;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  -moz-appearance: button;
}
.grid-ClearableInput-clear.search2 {
  outline: none !important;
}
.grid-ClearableInput-clear.search2 .Icon {
  color: #00afef;
}
.grid-ClearableInput-clear .Icon {
  display: inline-block;
  vertical-align: middle;
  color: #fd5756;
}
.grid-ClearableInput-clear .Icon.Icon--cross {
  cursor: pointer;
}
.grid-ColumnFilter {
  height: 100%;
  position: relative;
  overflow: none;
  margin: 20px;
}
.grid-ColumnFilter-info {
  white-space: pre-wrap;
  padding-top: 10px;
  border-top: 1px solid #dadada;
  color: #c2c2c2;
  font-style: italic;
  font-weight: normal;
}
.grid-ColumnFilter-filterInfo {
  font-weight: normal;
  font-size: 12px;
  font-size: 0.75rem;
  color: #878787;
  position: absolute;
  right: 15px;
  top: 0px;
}
.grid-ColumnFilter-filterInfo > span {
  font-weight: bold;
  padding-left: 5px;
}
.grid-ColumnFilter-filterInfo .active {
  color: #9ee13e;
}
.grid-ColumnFilter-formGroup {
  box-sizing: border-box;
  width: 100%;
  color: inherit;
  font-weight: normal;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border: 1px solid #dadada;
}
.grid-ColumnFilter-formGroup > .rdt {
  width: 100%;
}
.grid-ColumnFilter-formItem {
  display: block;
}
.grid-ColumnFilter-formItem + .grid-ColumnFilter-formItem {
  padding-top: 14px;
}
.grid-ColumnFilter-input {
  box-sizing: border-box;
  color: inherit;
  font-weight: normal;
  padding: 5px;
  border: none;
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}
.grid-ColumnFilter-input:focus {
  outline: none;
}
.grid-ColumnFilter-label {
  color: #3a3b43;
  font-weight: bold;
  font-size: 13px;
  font-size: 0.8125rem;
  display: block;
  padding-bottom: 10px;
}
.grid-ColumnFilter-label.column-chooser {
  padding: 20px 20px 0px;
  margin-bottom: -10px;
}
.grid-ColumnFilter-header {
  display: flex;
  justify-content: space-between;
}
.grid-ColumnFilterEnum {
  max-height: 250px;
  margin: 20px 3px 20px 20px;
}
.grid-ColumnFilterEnum-formGroup {
  box-sizing: border-box;
  width: 100%;
  color: inherit;
  font-weight: normal;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border: 1px solid #dadada;
}
.grid-ColumnFilterEnum-formItem {
  display: block;
}
.grid-ColumnFilterEnum-formItem + .grid-ColumnFilterEnum-formItem {
  padding-top: 14px;
}
.grid-ColumnFilterEnum-input {
  box-sizing: border-box;
  color: inherit;
  font-weight: normal;
  padding: 5px;
  border: none;
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}
.grid-ColumnFilterEnum-input:focus {
  outline: none;
}
.grid-ColumnFilterEnum-label {
  font-size: 11px;
  font-size: 0.6875rem;
  display: block;
  padding: 0 5px 5px 5px;
}
.grid-ColumnSelector {
  max-height: 250px;
  overflow: auto;
  margin: 20px 3px 20px 20px;
}
.grid-ColumnSelector-items {
  max-height: 130px;
  overflow: auto;
  margin-bottom: 15px;
}
.grid-ColumnSelector-item {
  display: block;
  padding: 5px 0;
}
.grid-ColumnSelector-item--main {
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 5px;
  margin-right: 15px;
}
.grid-ColumnSelector-item--system {
  color: #d4d4d4;
}
.grid-ColumnSelector-item .Checkbox {
  margin-right: 10px;
  vertical-align: middle;
}
.grid-ColumnSelector-extended-item {
  display: block;
  padding: 5px 0;
  white-space: nowrap;
}
.grid-ColumnSelector-extended-item--main {
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 5px;
}
.grid-ColumnSelector-extended-item .Checkbox {
  margin-right: 10px;
  vertical-align: middle;
}
.grid-ColumnSelector-label {
  display: inline-block;
  vertical-align: middle;
}
.grid-ColumnSelector-extended-label {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  color: #878787;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 35px);
}
.grid-ColumnSelector-filter {
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
  padding: 10px 0;
  margin: 5px 15px;
}
.grid-ColumnSelector-container {
  margin-top: 15px;
}
.grid-Container {
  height: 100%;
  position: relative;
}
.grid-Container.small .fixedDataTableLayout_main {
  font-size: 13px;
  font-size: 0.8125rem;
}
.grid-Container.small .grid-Selector .Checkbox,
.grid-Container.small .grid-Selector .Checkbox-icon {
  width: 15px;
  height: 15px;
}
.grid-Container.small .grid-Selector .Checkbox:before {
  height: 5px;
  width: 5px;
}
.grid-Container.small .grid-Selector .Checkbox-input:checked ~ .Checkbox-icon {
  font-size: 16px;
  font-size: 1rem;
}
.grid-Container .fixedDataTableLayout_main:focus {
  outline: none;
}
.grid-Container .fixedDataTableCellGroupLayout_cellGroupWrapper:first-child {
  overflow: visible;
}
.grid-Container .fixedDataTableCellGroupLayout_cellGroupWrapper:first-child .fixedDataTableCellGroupLayout_cellGroup {
  overflow: visible;
}
.grid-Container .fixedDataTableCellGroupLayout_cellGroupWrapper:first-child .fixedDataTableCellLayout_main {
  overflow: visible;
}
.grid-CollapseHeader {
  position: absolute;
  top: 0;
  left: 40px;
  width: 40px;
  height: 40px;
  z-index: 1;
  background: #fff;
  border-bottom: 1px solid #d3d3d3;
}
.grid-ExpandedContent {
  margin-top: 40px;
  padding: 1px 20px;
}
.grid-ExpandAction {
  margin-top: -10px;
}
.grid-Footer {
  position: absolute;
  bottom: 6px;
  left: 20px;
  right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.grid-Footer-items {
  display: flex;
  align-items: center;
}
.grid-Footer-items .grid-Progress {
  margin-right: 10px;
}
.fulltextSearch {
  height: 100%;
  position: relative;
  min-width: 170px;
  line-height: initial;
}
@media screen and (max-width: 33.6875em) {
  .fulltextSearch {
    min-width: 140px;
  }
}
.fulltextSearch-input {
  position: relative;
}
.fulltextSearch-input input {
  padding: 0 37px 0 35px;
  height: 40px;
  border: 1px solid #dadada;
  display: block;
  width: 100%;
  box-sizing: border-box;
  color: #3a3b43;
  outline: none;
  box-shadow: none;
  border-radius: 0px;
  background: #fff;
  appearance: none;
}
.fulltextSearch:hover .fulltextSearch-input input {
  border-color: #00afef;
}
.fulltextSearch-dropbox {
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.271);
  border-top: none;
  z-index: 105;
  padding: 15px 20px;
  font-weight: bold;
  min-width: 300px;
}
.fulltextSearch-header {
  display: flex;
  justify-content: space-between;
  height: 21px;
  line-height: 25px;
  color: #3a3b43;
}
.fulltextSearch-checkbox {
  display: block;
  padding: 5px 0;
  white-space: nowrap;
}
.fulltextSearch-checkbox-container {
  color: #878787;
  margin-top: 10px;
  margin-right: -15px;
  max-height: 250px;
  overflow: auto;
}
.fulltextSearch-checkbox-container .Checkbox {
  margin-right: 10px;
  vertical-align: sub;
}
.fulltextSearch-checkbox-disable {
  color: #c7c7c7;
}
.fulltextSearch-checkbox-disable .Checkbox {
  cursor: no-drop;
}
.fulltextSearch-tags {
  margin-bottom: 2px;
}
.fulltextSearch-tags-container {
  margin-top: 2px;
  max-height: 56px;
  overflow: auto;
  line-height: initial;
}
.fulltextSearch-tag {
  background-color: #eee;
  display: inline;
  padding: 5px 0 5px 10px;
  border-radius: 0.3em;
  font-size: 0.9em;
  user-select: none;
  align-items: center;
  margin-right: 3px;
}
.fulltextSearch-tag.count {
  padding: 5px 5px 5px 10px;
}
.fulltextSearch-tag-content {
  display: inline-flex;
  align-items: center;
  user-select: none;
  margin-top: 6px;
}
.fulltextSearch-buttons {
  display: flex;
  margin-right: -7px;
}
.fulltextSearch-buttons-button {
  margin: 0 7px;
  cursor: pointer;
  font-weight: 600;
  text-transform: uppercase;
  color: #85c040;
  font-size: 12px;
  font-size: 0.75rem;
}
.fulltextSearch-buttons-button:hover {
  text-decoration: underline;
}
.fulltextSearch-crossIcon {
  margin: 0px 5px 0px 5px;
  cursor: pointer;
}
.fulltextSearch-filterIcon {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 22px;
  font-size: 1.375rem;
}
.fulltextSearch-confirmIcon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #00afef;
}
.fulltextSearch .is-open {
  display: block;
}
.fulltextSearch-mobile-container {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 20px 20px 0;
  margin-top: 0px;
  z-index: 1000;
  line-height: initial;
}
.fulltextSearch-mobile-container .showOnlyForm-action {
  display: block;
  color: #fff;
  background-color: #7f7f7f;
  padding: 8px 12px 8px 7px;
  border-radius: 5px;
}
.fulltextSearch-mobile-container .report-Button {
  position: absolute;
  bottom: 25px;
  width: calc(100% - 40px);
  margin: 0;
}
.fulltextSearch-mobile-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.fulltextSearch-mobile-header-text {
  color: #009dd7;
  line-height: initial;
  font-weight: bold;
  font-size: 15px;
  font-size: 0.9375rem;
}
.fulltextSearch .grid-ColumnSelector-item--main {
  border-top: 1px solid #f2f2f2;
  margin-top: 10px;
  margin-right: 0;
  padding-top: 10px;
}
.grid-Header {
  display: flex;
  align-items: center;
}
.grid-Header-label {
  flex: 1;
  white-space: nowrap;
}
.grid-Header-label a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  margin-top: 3px;
}
.grid-Header-link {
  cursor: pointer;
}
.grid-Header-actions {
  white-space: nowrap;
}
.grid-Header-actions .Dropdown:not(.is-open) {
  visibility: hidden;
}
.public_fixedDataTableCell_main:hover .grid-Header-actions .Dropdown:not(.is-open) {
  visibility: visible;
}
.grid-Header-actions .Dropdown-toggleIcon:hover {
  color: #00afef;
}
.grid-Header-columnChooser {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
}
.grid-Header-columnChooser-container {
  position: relative;
  display: block;
}
.grid-Header-columnChooser .Dropdown {
  width: 39px;
  height: 39px;
  background-color: #fff;
}
.grid-Header-columnChooser .fulltextSearch-header {
  padding: 10px 20px;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
}
.grid-Header-columnChooser .grid-ColumnSelector {
  margin: 0px 3px 5px 20px;
}
.grid-Header-columnChooser .grid-ColumnSelector-container {
  max-height: 236px;
  height: 236px;
  display: flex;
  flex-direction: column;
}
.grid-Header-icon {
  color: #878787;
}
.Dropdown.is-open .grid-Header-icon {
  color: #00afef;
}
.grid-Header.is-filtered .grid-Header-label:before {
  content: '! ';
  position: relative;
  top: -3px;
  color: #00afef;
}
.grid-Header.is-filtered .grid-Header-label-shortened:before {
  content: '! ';
  position: relative;
  top: -3px;
  color: #00afef;
}
.grid-Header.is-filtered .Icon--filter {
  color: #00afef;
}
.grid-mobileResolution .grid-Header-columnChooser .Dropdown-layer:has(.Dropdown-extended-popup) {
  left: 56px;
}
.grid-mobileResolution .grid-Header-columnChooser .Dropdown-extended-popup {
  margin-right: 25px;
  top: 0;
  bottom: auto !important;
}
.grid-mobileResolution .grid-Header-columnChooser .Dropdown-extended {
  position: initial;
}
.grid-mobileResolution .grid-Header-columnChooser .dropdown-Tabs-pane {
  position: initial;
}
.grid-Module .Panel-toolbarContent {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  line-height: 40px;
}
.grid-Module .Panel-toolbarContent .PanelTitle,
.grid-Module .Panel-toolbarContent .CustomSelect,
.grid-Module .Panel-toolbarContent .grid-Progress,
.grid-Module .Panel-toolbarContent .report-Button {
  margin-right: 10px;
}
.grid-Module .Panel-toolbar {
  align-items: flex-start;
}
.grid-NoData {
  min-height: 200px;
  tex-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.grid-NoData-message {
  font-size: 40px;
  font-size: 2.5rem;
  color: rgba(0,0,0,0.2);
}
.infinity {
  font-size: 20px;
  font-size: 1.25rem;
  vertical-align: middle;
}
.public_fixedDataTable_bodyRow {
  background: #fff;
}
.public_fixedDataTable_bodyRow:hover .grid-row-bold,
.public_fixedDataTable_bodyRow:hover .bold {
  background: #f2f2f2;
}
.public_fixedDataTable_bodyRow .grid-row-bold,
.public_fixedDataTable_bodyRow.bold {
  font-weight: bold;
  background: #f2fbfe;
  border-bottom: 1px solid #d3d3d3;
}
.public_fixedDataTable_bodyRow:hover {
  background: #f2f2f2;
}
.grid-Container.highlighted .public_fixedDataTable_bodyRow {
  background: #f2fbfe;
}
.fixedDataTableCellLayout_columnResizerKnob {
  width: 5px;
}
.fixedDataTableCellLayout_columnResizerKnob:hover {
  background-color: #00afef !important;
}
.public_fixedDataTableCell_main:hover .fixedDataTableCellLayout_columnResizerKnob {
  visibility: visible;
  background-color: #878787;
}
.public_fixedDataTableColumnResizerLine_main {
  border-color: #00afef;
}
.fixedDataTableCellLayout_columnResizerContainer {
  width: 5px;
}
.public_fixedDataTable_header .public_fixedDataTableCell_main {
  cursor: initial;
}
.public_fixedDataTable_header .public_fixedDataTableCell_main:hover {
  background-color: #f2f2f2;
}
.grid-Progress {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #878787;
  height: 38px;
  line-height: 38px;
}
.grid-RowTools {
  color: #bdbdbd;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #f2f2f2;
  box-sizing: border-box;
  padding: 0 20px 0 0;
  height: 100%;
  visibility: hidden;
  width: 100px;
  text-align: right;
  white-space: nowrap;
}
.public_fixedDataTableRow_main:hover .grid-RowTools {
  visibility: visible;
}
.grid-RowTools .Action {
  background-color: transparent;
  height: inherit;
}
.grid-RowTools .Icon {
  cursor: pointer;
  height: inherit;
}
.grid-RowTools .Icon:hover {
  color: #00afef;
}
.grid-Settings {
  width: 350px;
  padding: 20px 15px;
  color: #3a3b43;
}
.grid-Settings-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 1.3rem;
  font-size: 13px;
  font-size: 0.8125rem;
}
.grid-Settings-header .Icon {
  cursor: pointer;
}
.grid-Settings-buttons {
  display: flex;
  justify-content: space-evenly;
  font-weight: bold;
}
.grid-Settings-buttons div {
  width: 115px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  margin-right: 0;
  font-size: 12px;
  font-size: 0.75rem;
}
.grid-Settings-list {
  border: 1px solid #dadada;
  width: 100%;
  max-height: 252px;
  overflow: hidden;
  overflow-y: auto;
  outline: none;
  margin-bottom: 20px;
  padding: 10px 5px 10px 8px;
}
.grid-Settings-list-item {
  height: 40px;
  color: #3a3b43;
  font-weight: bold;
  display: flex;
  font-size: 13px;
  font-size: 0.8125rem;
  align-items: center;
  justify-content: space-between;
}
.grid-Settings-list-item-text {
  max-width: 225px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}
.grid-Settings-list-item-icons {
  display: flex;
  cursor: pointer;
  justify-content: flex-end;
}
.grid-Settings-list-item-icons .Icon {
  width: 25px;
}
.grid-Settings-list-item .Field {
  margin: 0;
}
.grid-Settings-list-item .Input {
  font-weight: normal;
}
.grid-Wrapper {
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  bottom: 45px;
}
.grid-Selector {
  position: absolute;
  width: 100%;
  padding: 0 5px 0 0;
  top: 50%;
  transform: translateY(-50%);
  left: 7px;
}
.grid-Selector .Checkbox {
  vertical-align: middle;
}
.grid-Selector.grid-row-bold {
  font-weight: bold;
  background: #f2fbfe;
  border-bottom: 1px solid #d3d3d3;
}
.grid-Selector--mass {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  z-index: 1;
  background: #fff;
  border-bottom: 1px solid #d3d3d3;
}
.grid-Selector--mass.grid-row-bold {
  font-weight: bold;
  background: #f2fbfe;
  border-bottom: 1px solid #d3d3d3;
}
.grid-Selector--unselected {
  background: #fff;
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid transparent;
}
.public_fixedDataTable_bodyRow:hover .grid-Selector--unselected {
  background: #f2f2f2;
}
.grid-Selector--unselected.grid-row-bold {
  font-weight: bold;
  background: #f2fbfe;
  border-bottom: 1px solid #d3d3d3;
}
.grid-Selector--selected {
  background: #f2fbfe;
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid #f2fbfe;
  margin: auto;
}
.grid-Selector--selected.grid-row-bold {
  font-weight: bold;
  background: #f2fbfe;
  border-bottom: 1px solid #d3d3d3;
}
.grid-Selector--selected.new {
  background: #f7ffec;
  border-right: 1px solid #f7ffec;
}
.grid-Selector--selected.remove {
  background: #ffe6e5;
  border-right: 1px solid #ffe6e5;
}
.grid-Selector--selected.remove .grid-Selector .Checkbox::before {
  background: #fd5756;
}
.grid-Selector--selected.remove .grid-Selector .Checkbox-icon {
  border-color: #fd5756;
}
.public_fixedDataTable_bodyRow:hover .grid-Selector--selected {
  background: #f2f2f2;
}
.grid-row-bold {
  font-weight: bold;
  background: #f2fbfe;
  border-bottom: 1px solid #d3d3d3;
}
.grid-row-pointer {
  cursor: pointer;
}
.home-Container {
  width: calc(100vw - 35px);
}
@media screen and (min-width: 48em) {
  .home-Container {
    width: 255px;
  }
}
.home-Container .Notification,
.home-Container .WorkspaceList {
  margin-top: 0px;
}
.home-Container .VersionInfo {
  font-size: 10px;
  font-size: 0.625rem;
  text-align: right;
  margin: 10px 6px 0 0;
  color: #878787;
}
.home-Container .VersionInfo.bottom-aligned {
  position: absolute;
  bottom: 10px;
  right: 25px;
}
.home-NewsContainer .article-Card {
  margin-top: 30px;
}
.home-Title {
  display: inline-block;
  margin: 0;
  padding: 0 0 0 13px;
  line-height: 1.2;
  color: #3a3b43;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  vertical-align: middle;
}
.home-Title-caption {
  display: block;
  color: #878787;
  font-size: 12px;
  font-size: 0.75rem;
}
.panel-iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.layers-Add-fileDrop {
  margin-bottom: 40px;
}
.layers-Add-fileDrop-input {
  position: absolute;
  top: -200%;
  left: -200%;
}
.layers-Add-fileDrop .file-drop {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layers-Add-fileDrop .file-drop > .file-drop-target {
  position: relative;
  width: 100%;
  color: #3a3b43;
  border: 2px dashed #dadada;
  border-radius: 0.5em;
  display: flex;
  padding: 20px;
  justify-content: flex-start;
  align-items: center;
}
.layers-Add-fileDrop .file-drop > .file-drop-target.file-drop-dragging-over-frame {
  border: 2px dotted #dadada;
}
.layers-Add-fileDrop .file-drop > .file-drop-target.file-drop-dragging-over-target {
  border-color: #00afef;
  background-color: #f2fbfe;
}
.layers-Add-fileDrop-button {
  white-space: break-spaces;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: #00afef;
  cursor: pointer;
  margin-right: 15px;
}
.layers-Add-fileDrop-filename {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.layers-Add-fileDrop-filename-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.layers-Add-fileDrop-filename-icon {
  color: #fd5756;
  cursor: pointer;
}
.layers-Add-switch {
  display: flex;
  align-items: center;
}
.layers-Add-switch .RoundSwitch {
  margin-right: 15px;
}
.layers-Add-switch .Action {
  height: auto;
}
.layers-Add-switch-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -5px;
}
.layers-Add-switch-container .Action {
  cursor: default;
}
.layers-Add-button {
  outline: none;
  height: 42px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  border: none;
  background-color: #85c040;
  background-image: linear-gradient(to top, #85c040 0%, #93ce4e 100%);
  width: 100%;
  margin-top: 25px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.layers-Add-button .Icon {
  position: absolute;
  top: 50%;
  left: 7%;
  transform: translate(-50%, -50%);
}
.layers-Add-button:hover:enabled {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.layers-Add-button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  background-color: #e4e4e4 !important;
  background: #e4e4e4 !important;
}
.layers-Container {
  width: calc(100vw - 35px);
}
@media screen and (min-width: 48em) {
  .layers-Container {
    width: 255px;
  }
}
.layers-Container-header-icon {
  margin-right: -7px;
  margin-bottom: -2px;
}
.layers-Group {
  margin: 25px 0 20px 0;
}
.layers-Group-title {
  position: relative;
  padding-left: 24px;
  color: #00afef;
  font-size: 14px;
  font-size: 0.875rem;
}
.layers-Group-title:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border: 0;
  border-top: 1px solid #cbe8f3;
  z-index: 1;
}
.layers-Group-titleContent {
  position: relative;
  display: inline-block;
  padding: 0 5px;
  z-index: 2;
  background: #fff;
}
.layers-Legend {
  list-style: none;
  margin: 0;
  padding: 0;
}
.layers-Legend-item {
  margin: 0px 0;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #3a3b43;
}
.layers-Legend-item img {
  position: relative;
  top: 8px;
  left: 0;
  display: inline-block;
  margin-right: 10px;
  width: auto;
  height: 24px;
}
.layers-Legend-item-temp {
  color: #3a3b43;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-size: 0.8125rem;
  height: 30px;
  justify-content: space-between;
}
.layers-Legend-item-temp-content {
  display: flex;
  align-items: center;
}
.layers-Legend-item-temp-content-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 190px;
  margin-left: 10px;
}
.layers-Legend-item-temp-color {
  width: 20px;
  height: 20px;
  user-select: none;
}
.layers-Legend-item-temp-color.selected {
  outline: 3px solid #00afef;
  outline-offset: 2px;
}
.layers-Legend-item-temp-colorPicker {
  position: absolute;
  z-index: 100;
  left: -240px;
  top: 50%;
  transform: translate(0, -50%);
}
.layers-Legend-item-temp-container {
  position: relative;
}
.layers-Legend-empty {
  margin: 15px;
  text-align: center;
  color: #bdbdbd;
}
.layers-Legend-header {
  display: flex;
  margin: 3px 0;
}
.printMode .row-center-aligned {
  vertical-align: top;
}
.printMode .layers-Group-title {
  display: none;
}
.printMode .layers-Legend-item img {
  top: 1.5px;
}
.printMode .layers-Legend-item,
.printMode .layers-Group,
.printMode .layers-Legend-item p {
  margin: 0px;
  line-height: 13px;
}
.printMode .layers-Legend-item p {
  padding-top: 4px;
}
.report-legend-title {
  line-height: 13px;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
  padding-left: 2px;
  padding-bottom: 5px;
}
.row-center-aligned {
  vertical-align: top;
  padding: 0;
}
.layers-Manage {
  margin-left: -20px;
  margin-right: -20px;
  color: #8f8f8f;
  font-size: 14px;
  font-size: 0.875rem;
  overflow: auto;
  margin-bottom: -20px;
  flex-grow: 1;
  flex-shrink: 1;
  position: relative;
}
.layers-Manage-item {
  display: flex;
  align-items: center;
  height: 80px;
  justify-content: space-between;
  cursor: default;
}
.layers-Manage-item-container {
  display: flex;
  align-items: center;
}
.layers-Manage-item-header {
  font-weight: bold;
  color: #000;
  margin-bottom: 6px;
}
.layers-Manage-item-description {
  margin-bottom: 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 190px;
  color: #3a3b43;
}
.layers-Manage-add {
  padding: 20px 15px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 5px;
  color: #bdbdbd;
}
.layers-Manage-add:hover {
  color: #9ee13e;
}
.layers-Manage-trash {
  margin-right: 20px;
  cursor: pointer;
  color: #bdbdbd;
}
.layers-Manage-trash:hover {
  color: #fd5756;
}
.layers-Manage-timer {
  color: #bdbdbd;
  margin-right: 5px;
}
.layers-Manage-timer:hover {
  color: #00afef;
}
.layers-Manage-icon-container {
  display: flex;
  justify-content: flex-end;
}
.layers-Manage-newItem {
  display: flex;
  align-items: center;
  height: 70px;
  cursor: default;
}
.layers-Manage-newItem-header {
  color: #00afef;
  font-weight: bold;
}
.layers-Manage .Paginator {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 1px;
  right: 0;
  margin: 0;
}
.layers-Modes-control {
  display: block;
}
.layers-Modes-control-mode-part {
  display: inline-block;
  width: 33%;
  margin: 0 0 10px 0;
}
.layers-Modes-control-mode-button {
  margin: 10px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  cursor: default;
  background-color: #dadada;
  background-image: linear-gradient(to top, #d0d0d0 0%, #dadada 100%);
  opacity: 0.5;
}
.layers-Modes-control-mode-button.is-enabled {
  cursor: pointer;
  background-color: #85c040;
  background-image: linear-gradient(to top, #85c040 0%, #93ce4e 100%);
}
.layers-Modes-control-mode-button.is-active {
  cursor: default;
  background-color: #85c040;
  background-image: linear-gradient(to top, #85c040 0%, #93ce4e 100%);
  opacity: 1;
}
.layers-Online-control {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.layers-Online-control-switch-on {
  height: 42px;
  background: #fff;
  line-height: 42px;
  color: #9ee13e;
  border: 1px solid #9ee13e;
  cursor: pointer;
  position: relative;
  font-weight: bold;
}
.layers-Online-control-switch-on .Icon {
  position: relative;
  margin-right: 12px;
  width: 38px;
  height: 38px;
  vertical-align: top;
  display: inherit;
}
.layers-Online-control-switch-on .Icon:before {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.layers-Online-control-switch-on .label {
  display: inline-block;
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-size: 14px;
  font-size: 0.875rem;
}
.layers-Online-control-switch-off {
  height: 42px;
  background: #fff;
  line-height: 42px;
  color: #009dd7;
  border: 1px solid #009dd7;
  cursor: pointer;
  position: relative;
  font-weight: bold;
}
.layers-Online-control-switch-off .Icon {
  position: relative;
  margin-right: 12px;
  width: 38px;
  height: 38px;
  vertical-align: top;
  display: inherit;
}
.layers-Online-control-switch-off .Icon:before {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.layers-Online-control-switch-off .label {
  display: inline-block;
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-size: 14px;
  font-size: 0.875rem;
}
.layers-Online-control-switch-toggled {
  height: 42px;
  background: #9ee13e;
  line-height: 42px;
  color: #fff;
  border: 1px solid #9ee13e;
  cursor: pointer;
  position: relative;
  font-weight: bold;
}
.layers-Online-control-switch-toggled .Icon {
  position: relative;
  margin-right: 12px;
  width: 38px;
  height: 38px;
  vertical-align: top;
  display: inherit;
}
.layers-Online-control-switch-toggled .Icon:before {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.layers-Online-control-switch-toggled .label {
  display: inline-block;
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-size: 14px;
  font-size: 0.875rem;
}
.layers-Online-checkbox {
  padding-left: 30px;
}
.layers-Opacity-control {
  display: block;
}
.layers-Opacity-control-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  margin: 15px 0 25px 0;
}
.layers-Opacity-control-slider {
  width: calc(100% - 30px);
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 10px;
}
.layers-Order-header {
  display: flex;
}
.layers-Order-header-border {
  color: #00afef;
  border: 1px solid #cbe8f3;
  cursor: pointer;
  margin-right: 5px;
  height: 25px;
  width: 25px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layers-Order-header-border:hover {
  background-color: #f2fbfe;
}
.layers-Order-header-border.disabled {
  color: #dadada !important;
  cursor: no-drop;
  border: 1px solid #dadada !important;
}
.layers-Order-header-border.disabled:hover {
  background-color: #fff !important;
}
.layers-Order-header-skipUp {
  transform: rotate(270deg);
}
.layers-Order-header-skipDown {
  transform: rotate(90deg);
}
.layers-Order-header-arrow {
  margin-left: -2px;
}
.layers-Order-content {
  height: calc(100% - 40px);
  overflow: hidden;
  overflow-y: auto;
  margin-top: 15px;
}
.layers-Order-item {
  padding: 9px 10px 9px 5px;
  border: 1px solid #dadada;
  color: #3a3b43;
  text-wrap: nowrap;
  white-space: nowrap;
  margin-right: 20px;
  display: flex;
  justify-content: space-between;
}
.layers-Order-item:hover {
  background: #f2f2f2;
}
.layers-Order-item-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.layers-Order-item-grab {
  margin: 0 8px 0 2px;
  color: #838383;
}
.layers-Order-item.selected {
  background-color: #f2fbfe;
  border-color: #00afef;
}
.layers-Order-item.selected:hover {
  background: #f2f2f2;
}
.layers-Order-item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  white-space: nowrap;
  max-width: 175px;
}
.layers-Order-item-text.disabled {
  color: rgba(0,0,0,0.38);
}
.layers-Order-item-icon {
  color: #00afef;
}
.layers-Order .Panel-content {
  padding-right: 0;
  padding-bottom: 0;
}
.layers-Order-sublayer-header {
  display: flex;
  justify-content: space-between;
  padding-right: 25px;
}
.layers-Order-sublayer-header-buttons {
  display: flex;
}
.layers-Order-sublayer-header-back {
  display: flex;
  color: #9ee13e;
  align-items: center;
  font-weight: bold;
  cursor: pointer;
}
.layers-Order-sublayer-header-back-text:hover {
  text-decoration: underline;
}
.layers-Settings {
  margin: 10px 0 20px 0;
}
.layers-Settings-item {
  position: relative;
  display: block;
  height: 22px;
  line-height: 22px;
  color: #3a3b43;
  font-size: 14px;
  font-size: 0.875rem;
  white-space: nowrap;
}
.layers-Settings-item.default-margin {
  margin: 10px 0;
}
.layers-Settings-group .layers-Settings-item {
  margin: 10px 0;
}
.layers-Settings-item .Checkbox {
  margin-right: 10px;
}
.layers-Settings-item.is-invisible {
  display: none;
}
.layers-Settings-item .Action-icon {
  height: 22px;
  line-height: 18px;
}
.layers-Settings-item .ActionMenu-items .Action {
  height: 38px;
  line-height: 38px;
}
.layers-Settings-item .Action-label {
  line-height: 38px;
}
.layers-Settings-item-alert {
  cursor: default;
  margin-right: -10px;
}
.layers-Settings-title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #3a3b43;
  font-weight: bold;
  position: relative;
  max-width: calc(100% - 60px);
}
.layers-Settings-group .layers-Settings-title {
  font-weight: normal;
  color: #3a3b43;
}
.font-normal .layers-Settings-title {
  font-weight: normal;
}
.layers-Settings-title .Icon {
  margin: 0 0 2px 7px;
  color: #bdbdbd;
  cursor: pointer;
}
.layers-Settings-title .Icon:hover {
  color: #00afef;
}
.layers-Settings-title.is-inactive {
  color: rgba(0,0,0,0.38) !important;
}
.layers-Settings-control {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}
.layers-Settings.is-open .layers-Settings-control {
  transform: rotate(180deg);
}
.layers-Settings-control .Icon {
  color: #9ee13e;
}
.layers-Settings-control .Icon--settings {
  color: #bdbdbd;
}
.layers-Settings-secondary {
  position: absolute;
  top: 50%;
  right: 27px;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: #bdbdbd;
}
.layers-Settings-secondary:hover {
  color: #00afef;
}
.layers-Settings-group {
  display: none;
  padding-left: 30px;
}
.layers-Settings.is-open .layers-Settings-group {
  display: block;
}
.layers-Settings-button {
  cursor: pointer;
  display: inline-block;
  width: 75px;
  height: 35px;
  background: #85c040;
  background-image: linear-gradient(0deg, #85c040, #93ce4e);
  color: #fff;
  text-align: center;
  margin: 0 0 20px 0;
}
.layers-Settings-button.Disabled {
  cursor: no-drop;
  background-color: #ececec;
  background-image: linear-gradient(to top, #ececec 0%, #ececec 100%);
}
.layers-Settings-button span {
  display: flex;
}
.layers-Settings-button-label {
  display: flex;
  text-transform: uppercase;
  line-height: 37px;
  height: 35px;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0 15px 0 15px;
}
.layers-Settings-online-indicator {
  color: #9ee13e;
  margin: 0 0 0 5px;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 0;
  vertical-align: super;
}
.layers-Settings-online-title {
  width: calc(100% - 20px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.layers-Settings-header {
  display: flex;
}
.rangeslider__label-list {
  position: absolute;
  left: 9px;
  top: -12px;
  color: #fff;
}
.rangeslider__label-list .rangeslider__label {
  top: 2px;
  font-size: 6px;
  font-size: 0.375rem;
}
.rangeslider-horizontal .rangeslider__handle {
  z-index: 100;
}
.layers-Style {
  position: relative;
  display: block;
}
.layers-Style-input {
  position: absolute;
  top: -100px;
  left: -100px;
}
.layers-Style-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
  position: absolute;
}
@media screen and (max-width: 47.9375em) {
  .layers-Style-name {
    width: 90%;
  }
}
.layers-StyleList.is-inactive .layers-Style-name {
  color: #e4e4e4;
}
.layers-Style-caption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
  position: absolute;
  display: block;
  margin-left: 30px;
  margin-top: 1px;
}
@media screen and (max-width: 47.9375em) {
  .layers-Style-caption {
    width: 90%;
  }
}
.layers-StyleList.is-inactive .layers-Style-caption {
  color: #e4e4e4;
}
.layers-Style-visual {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-right: 9px;
  width: 18px;
  height: 17px;
  border: 1px solid #dadada;
  vertical-align: middle;
  overflow: hidden;
}
.layers-Style-input:checked ~ .layers-Style-visual {
  border-color: #9ee13e;
  background-color: #9ee13e;
}
.layers-StyleList.is-inactive .layers-Style-visual {
  border-color: #efefef;
  background: #efefef;
}
.layers-Style-visual:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -3px;
  width: 6px;
  height: 6px;
  background: #e5e5e5;
  display: block;
}
.layers-Style-input:checked ~ .layers-Style-visual:before {
  display: none;
}
.layers-Style-visual .Icon {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center;
}
.layers-Style-input:checked ~ .layers-Style-visual .Icon {
  display: block;
}
.layers-StyleList {
  margin: 20px 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  font-size: 0.875rem;
  color: #3a3b43;
}
.layers-StyleList-item {
  margin: 10px 0;
  padding: 0 0 10px 0;
}
.layers-StyleList-item .layers-Style-input:not(:checked) ~ .layers-Style-visual {
  border-color: #dadada !important;
  background-color: inherit !important;
}
.legend-accordion {
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-bottom: 10px;
  background-color: #fff;
  overflow: hidden;
  transition: border-color 0.3s ease;
}
.legend-accordion.is-open {
  border-color: #aaa;
}
.legend-accordion-header {
  padding: 10px;
  cursor: pointer;
  user-select: none;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fafafa;
}
.legend-accordion-caption {
  flex: 1;
  color: #3a3b43;
  max-width: calc(100% - 25px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.legend-accordion-content {
  overflow-y: hidden;
  transition: max-height 0.3s ease;
}
.legend-accordion-inner {
  padding: 5px;
  background-color: #fff;
}
.legend-accordion-image {
  height: auto;
  display: block;
}
.map-BasisList {
  display: none;
  padding: 10px 20px;
  width: 100%;
  max-width: 900px;
  text-align: center;
  list-style: none;
  background: none;
  border: none;
  flex-flow: row wrap;
  justify-content: center;
}
.map-BasisList:after {
  content: '';
  clear: both;
  display: block;
}
@media screen and (min-width: 48em) {
  .map-BasisList {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate3d(-50%, -50%, 0);
    font-size: 0;
  }
}
@media print {
  .map-BasisList {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate3d(-50%, -50%, 0);
    font-size: 0;
  }
}
.PanelsContainer .map-BasisList {
  background: transparent;
}
.map-BasisList.is-active {
  display: flex;
}
.map-BasisList-item {
  display: block;
  width: 100%;
  height: auto;
  float: left;
  padding: 10px;
  margin-bottom: 20px;
}
@media screen and (min-width: 48em) {
  .map-BasisList-item {
    width: 25%;
  }
}
@media screen and (min-width: 20em) and (max-width: 33.6875em) {
  .map-BasisList-item {
    width: 50%;
  }
}
@media screen and (min-width: 33.75em) and (max-width: 47.9375em) {
  .map-BasisList-item {
    width: 50%;
  }
}
@media print {
  .map-BasisList-item {
    display: block;
    width: 25%;
  }
}
.map-BasisList-button {
  display: block;
  padding: 10px;
  padding-bottom: 0;
  width: 100%;
  height: 140px;
  box-sizing: border-box;
  font-size: 18px;
  font-size: 1.125rem;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}
.map-BasisList-image {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 100%;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 48em) {
  .map-BasisList-image {
    width: 140px;
    height: 140px;
  }
}
.map-BasisList-item.is-selected .map-BasisList-image {
  background-color: #9ee13e;
  border: 2px solid #f2fbfe;
}
.map-BasisList-image > div {
  width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 100%;
  align-self: center;
  display: flex;
}
@media screen and (min-width: 48em) {
  .map-BasisList-image > div {
    width: 120px;
    height: 120px;
  }
}
.map-BasisList-image > div img {
  display: block;
  width: 100%;
  max-height: 100%;
  border-radius: 100%;
  align-self: center;
}
.map-BasisList-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -23px 0 0 -23px;
  width: 46px;
  height: 46px;
  background-color: #00afef;
  color: #fff;
  font-size: 46px;
  font-size: 2.875rem;
  opacity: 0;
  transition: opacity 0.2s;
}
.map-BasisList-item.is-selected .map-BasisList-icon {
  opacity: 1;
}
.map-BasisList-title {
  color: #fff;
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: bold;
  margin: 40px 0px 20px 0px;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .map-BasisList-title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
@media print {
  .map-BasisList-title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.map-BasisList-caption {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  opacity: 0.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 48em) {
  .map-BasisList-caption {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media print {
  .map-BasisList-caption {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.map-BasisList .map-BasisList-item.is-selected .map-BasisList-caption {
  opacity: 1;
}
.map-Control {
  width: 30px;
  height: 30px;
  text-align: center;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0 1px 4px rgba(0,15,32,0.4), inset 0 1px 0 rgba(255,255,255,0.25);
  border: none;
  outline: none;
  position: relative;
  cursor: default;
}
.map-Control.is-active {
  background: #00afef;
}
.map-Control.is-active:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.map-Controls .map-Control {
  position: absolute;
  z-index: 150;
}
.map-ControlGroup .map-Control {
  position: relative;
  margin-top: 10px;
  display: block;
  cursor: pointer;
}
.map-Control-button {
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  border: none;
  background: #fff;
  outline: none;
  border-top: 1px solid #e6e6e6;
  position: relative;
  display: block;
  cursor: pointer;
}
.map-Control-button:hover:not(#delete-point):not(.finishButton):not(.disabled):not(.active) {
  background: #f2fbfe;
}
.map-Control-button#delete-point:hover {
  background: #ffe6e6;
}
.map-Control-button:first-child {
  border-top: none;
}
.map-Control-button-disabled {
  color: #e4e4e4;
}
.map-Control-button-disabled .map-Control-label {
  color: #e4e4e4;
}
.map-Control-button.active:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.map-Control-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px;
  color: #00afef;
}
.map-Control-icon.is-disabled {
  color: #bdbdbd;
}
.map-Control.is-active .Icon {
  color: #fff;
}
.map-Control.is-black .Icon {
  color: #9d9d9d !important;
}
.horizontal-controls-bottom .map-ControlSelect-content .map-Control-container,
.horizontal-controls-bottom .map-Control--floors .map-Control-container {
  height: 100%;
  margin: 0px 10px;
  border-bottom: 1px solid #dadada;
  display: flex;
  justify-content: center;
}
.horizontal-controls-bottom .map-ControlSelect-content .map-Control-container > div,
.horizontal-controls-bottom .map-Control--floors .map-Control-container > div {
  align-self: center;
}
.horizontal-controls-bottom .map-ControlSelect-content > *:nth-last-child(1) .map-Control-container,
.horizontal-controls-bottom .map-Control--floors-item > *:nth-last-child(1) .map-Control-container,
.horizontal-controls-bottom .map-ControlSelect-content > .is-active .map-Control-container,
.horizontal-controls-bottom .map-Control--floors-item > .disabled .map-Control-container,
.horizontal-controls-bottom .map-Control--floors-selected-item .map-Control-container {
  border-bottom: none;
}
.horizontal-controls-bottom .map-Control {
  position: relative;
  width: 100%;
  height: 100%;
  box-shadow: none;
  border-bottom: none !important;
  padding: 0px;
  border-top: none;
}
.horizontal-controls-bottom:not(.is-opened-basis) .map-Control {
  border-left: 1px solid #e6e6e6;
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .horizontal-controls-bottom:not(.is-opened-basis) .map-Control {
    width: 50px;
  }
}
.map-Control-bottom-button {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: none;
  padding: 0px;
  border: none;
  border-right: 1px solid #f0f0f0;
  outline: none;
}
.map-Control-bottom-button.add-item {
  background: #9ee13e;
}
.map-Control-bottom-button .Icon {
  color: #fff;
}
.map-Control-accuracy {
  position: absolute;
  top: 3px;
  right: 3px;
  font-size: 9px;
  font-size: 0.5625rem;
}
.map-Control--basis {
  width: auto;
}
@media screen and (min-width: 64em) {
  .map-Control--basis {
    display: block;
  }
}
@media print {
  .map-Control--basis {
    display: block;
  }
}
.behavior-hide-change-base-map-button .map-Control--basis {
  visibility: hidden;
}
.map-Control--basis.is-open {
  width: auto;
  height: auto;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  background-color: #00afef;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1000 !important;
  margin-left: 0px !important;
}
.map-Control--basis .map-Control-button {
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  border: none;
  color: #00afef;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
}
.horizontal-controls-bottom .map-Control--basis .map-Control-button {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 64em) {
  .map-Control--basis .map-Control-button {
    padding: 0 12px;
    width: auto;
  }
}
@media print {
  .map-Control--basis .map-Control-button {
    padding: 0 12px;
    width: auto;
    box-shadow: 0 1px 4px rgba(0,15,32,0.4), inset 0 1px 0 rgba(255,255,255,0.25);
  }
}
.map-Control--basis .map-Control-label {
  display: none;
  padding-left: 8px;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #00afef;
}
@media screen and (min-width: 64em) {
  .map-Control--basis .map-Control-label {
    display: inline-block;
  }
}
@media print {
  .map-Control--basis .map-Control-label {
    display: inline-block;
  }
}
.map-Control--basis.is-open .map-Control-button {
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  height: 60px;
  width: 60px;
  background: transparent;
}
@media screen and (min-width: 64em) {
  .map-Control--basis.is-open .map-Control-button {
    background: #fff;
  }
}
.map-Control--basis.is-open .map-Control-button .Icon--basis {
  display: none;
}
.map-Control--basis.is-open .map-Control-button .Icon--cross {
  display: inline-block;
  font-size: 24px;
  font-size: 1.5rem;
  height: 24px;
  width: 24px;
  color: #fff;
}
@media screen and (min-width: 64em) {
  .map-Control--basis.is-open .map-Control-button {
    top: 10px;
    right: 11px;
    white-space: nowrap;
    left: auto;
    width: auto;
    height: 30px;
    color: inherit;
  }
  .map-Control--basis.is-open .map-Control-button .Icon--cross {
    display: none;
  }
  .map-Control--basis.is-open .map-Control-button .Icon--basis {
    display: inline-block;
  }
}
@media print {
  .map-Control--basis.is-open .map-Control-button {
    top: 10px;
    right: 11px;
    white-space: nowrap;
    left: auto;
    width: auto;
    height: 30px;
  }
  .map-Control--basis.is-open .map-Control-button .Icon--cross {
    display: none;
  }
  .map-Control--basis.is-open .map-Control-button .Icon--basis {
    display: inline-block;
  }
}
.map-Control--basis .map-Control-icon {
  position: relative;
  top: -1px;
  left: 0;
  margin: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  vertical-align: middle;
}
.map-Control--basis .map-Control-icon.Icon--cross {
  display: none;
}
@media screen and (min-width: 64em) {
  .map-Control--basis .map-Control-icon.Icon--cross {
    display: none;
  }
}
.panels .basis.map-Control button {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 1px solid #00afef;
  background-color: #00afef;
  box-sizing: border-box;
  outline: none;
}
.panels .basis.map-Control button i {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  vertical-align: middle;
  color: #fff;
}
.panels .basis.map-Control button span {
  display: none;
}
.map-Control--clean {
  width: auto;
  padding: 0px 12px;
}
.map-Control--clean .Icon {
  left: 15px;
}
.horizontal-controls-bottom .map-Control--clean .Icon {
  left: 50%;
}
.map-Control--clean .map-Control-label {
  padding-left: 18px;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #00afef;
  display: none;
}
@media screen and (min-width: 64em) {
  .map-Control--clean .map-Control-label {
    display: block;
  }
}
.behavior-hide-clean-map-button .map-Control--clean {
  visibility: hidden;
}
.map-Control-button-disabled .map-Control-label {
  color: #e4e4e4;
}
.map-Control-button-disabled .Icon {
  color: #e4e4e4;
}
.map-Control--floors {
  height: auto;
}
.behavior-hide-floors-control .map-Control--floors {
  visibility: hidden;
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .map-Controls .horizontal-controls-bottom:not(.is-opened-basis) .map-Control--floors {
    width: auto;
    padding-left: 7px;
    min-width: 50px;
  }
}
.map-Control--floors-item {
  max-height: 300px;
  overflow-y: hidden;
}
@media screen and (max-width: 63.9375em) {
  .map-Control--floors-item {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: calc(100% + 5px);
    overflow-y: auto;
    box-shadow: 0 1px 4px rgba(0,15,32,0.4), inset 0 1px 0 rgba(255,255,255,0.25);
    transition: max-height 0.2s ease-in-out, box-shadow 0.1s linear;
    margin-top: 100%;
    max-height: 0;
    left: 0px;
  }
  .map-Control--floors-item.show {
    max-height: 195px;
    margin: 0px;
  }
  .map-Control--floors-item button.map-Control-button {
    display: block !important;
    height: 55px;
    font-weight: normal;
    color: #9d9d9d;
  }
  .map-Control--floors-item button.map-Control-button.disabled {
    background-color: #00afef;
    color: #fff;
  }
}
.map-Control--floors-arrow {
  height: 30px;
  position: relative;
  cursor: pointer;
}
.map-Control--floors-arrow:hover {
  background: #f2fbfe;
}
.map-Control--floors-selected-item {
  height: 100%;
}
.map-Control--floors-selected-item .map-Control-container div {
  margin-right: 20px;
  max-width: 60px;
  max-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.map-Control--floors-selected-item .map-Control-container div.no-selected {
  width: 10px;
  height: 1px;
  border-top: 2px solid;
  border-color: #00afef;
}
@media screen and (max-width: 47.9375em) {
  .map-Control--floors-selected-item .map-Control-container div {
    margin-right: 0px;
    margin-left: 0px;
    max-width: 80px;
  }
  .map-Control--floors-selected-item .map-Control-container div .Icon {
    display: none;
  }
}
.map-Control--floors-selected-item .map-Control-container div .Icon {
  position: absolute;
  right: 7px;
  left: auto;
}
@media screen and (min-width: 64em) {
  .map-Control--floors-selected-item {
    display: none;
  }
}
.map-Control--floors .map-Control-button {
  border-top: none;
  width: 100%;
  height: 100%;
  font-weight: bold;
  color: #3a3b43;
  cursor: pointer;
}
@media screen and (max-width: 47.9375em) {
  .map-Control--floors .map-Control-button {
    color: #9d9d9d;
  }
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .map-Control--floors .map-Control-button {
    color: #9d9d9d;
  }
}
@media screen and (min-width: 64em) {
  .map-Control--floors .map-Control-button {
    width: 30px;
    height: 30px;
    font-weight: normal;
  }
}
.map-Control--floors .map-Control-button .map-Control-container div::first-letter {
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 64em) {
  .map-Control--floors .map-Control-button .map-Control-container div::first-letter {
    font-size: 10px;
    font-size: 0.625rem;
  }
}
@media screen and (min-width: 64em) {
  .map-Control--floors .map-Control-button.disabled {
    color: #fff;
    background: #00afef;
  }
  .map-Control--floors .map-Control-button.disabled:hover {
    box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
    -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
    -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  }
}
.map-Control--floors .map-Control-button--floor {
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 64em) {
  .map-Control--floors .map-Control-button--floor {
    font-size: 8px;
    font-size: 0.5rem;
  }
}
.map-Control--floors .map-Control-button--floor:not(.disabled) {
  display: none;
}
@media screen and (min-width: 64em) {
  .map-Control--floors .map-Control-button--floor:not(.disabled) {
    display: block;
  }
}
.map-Control--floors .map-Control-button--up,
.map-Control--floors .map-Control-button--down {
  display: block;
  height: 25px;
}
@media screen and (min-width: 64em) {
  .map-Control--floors .map-Control-button--up,
  .map-Control--floors .map-Control-button--down {
    display: none;
  }
}
.map-Control--floors .map-Control-button--up .Icon,
.map-Control--floors .map-Control-button--down .Icon {
  font-size: 10px;
  font-size: 0.625rem;
  margin-top: auto;
}
.map-Control--floors .map-Control-button--up .Icon {
  top: auto;
  bottom: 0;
}
.map-Control--floors .map-Control-button--down .Icon {
  top: 0;
}
.geometryEditContainer {
  position: absolute;
  top: 60px;
  height: 48px;
  background: transparent;
}
@media screen and (min-width: 768px) {
  .geometryEditContainer {
    top: auto;
    bottom: 50px;
  }
}
.geometryEditContainer .map-Control--geometryEdit {
  position: relative;
  width: auto;
  height: 48px;
  background: transparent;
  box-shadow: none;
}
.geometryEditContainer .map-Control--geometryEdit button {
  float: left;
  border-top: none;
  margin: 0px 0px;
  width: 48px;
  height: 48px;
  border-right: 1px solid #f0f0f0;
}
.geometryEditContainer .map-Control--geometryEdit button.disable {
  pointer-events: none;
}
.geometryEditContainer .map-Control--geometryEdit button.disable .Icon,
.geometryEditContainer .map-Control--geometryEdit button.disable.continue .Icon {
  color: #bdbdbd;
  cursor: not-allowed;
}
.geometryEditContainer .map-Control--geometryEdit button.disable.draw-interaction {
  pointer-events: all;
}
.geometryEditContainer .map-Control--geometryEdit button.disable.draw-interaction .Icon {
  cursor: default;
}
.geometryEditContainer .map-Control--geometryEdit button.continue .Icon {
  color: #9ee13e;
}
.geometryEditContainer .map-Control--geometryEdit button.active.continue .Icon {
  color: #fff;
}
.geometryEditContainer .map-Control--geometryEdit button.active {
  background-color: #00afef;
}
.geometryEditContainer .map-Control--geometryEdit button.active .Icon {
  color: #fff;
}
.geometryEditContainer .map-Control--geometryEdit button .Icon--cross {
  color: #fd5756;
}
.geometryEditContainer .map-Control--geometryEdit button .Icon--initial {
  width: 14px;
  height: 17px;
  top: 50%;
  left: 50%;
  margin-top: 4px;
}
.geometryEditContainer .map-Control--geometryEdit .finishButton {
  width: 96px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #7ed321;
  background: #edffd2;
}
.geometryEditContainer .map-Control--geometryEdit .finishButton.disable {
  pointer-events: none;
  color: #bdbdbd;
  background: #fff;
}
.geometryEditContainer .map-Control--geometryEdit .finishButton:hover:not(.disable) {
  background: #ddffab;
}
.geometryEdit-gap {
  width: 10px;
  height: 48px;
  background: transparent;
  float: left;
  border-top: none;
}
.geometryEdit-button-group {
  box-shadow: 0 1px 4px rgba(0,15,32,0.4), inset 0 1px 0 rgba(255,255,255,0.25);
  float: left;
}
.geometryEdit-bottom-button {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: none;
  padding: 0px;
  border: none;
  border-right: 1px solid #f0f0f0;
  outline: none;
}
.geometryEdit-bottom-button.disable {
  pointer-events: none;
}
.geometryEdit-bottom-button.disable .Icon,
.geometryEdit-bottom-button.disable.continue .Icon {
  color: #bdbdbd;
  cursor: not-allowed;
}
.geometryEdit-bottom-button.disable.draw-interaction {
  pointer-events: all;
}
.geometryEdit-bottom-button.disable.draw-interaction .Icon {
  cursor: default;
}
.geometryEdit-bottom-button.continue .Icon {
  color: #9ee13e;
}
.geometryEdit-bottom-button.active.continue .Icon {
  color: #fff;
}
.geometryEdit-bottom-button.active {
  background-color: #00afef;
}
.geometryEdit-bottom-button.active .Icon {
  color: #fff;
}
.geometryEdit-bottom-button .Icon--cross {
  color: #fd5756;
}
.geometryEdit-bottom-button .Icon--initial {
  width: 14px;
  height: 17px;
  top: 50%;
  left: 50%;
  margin-top: 4px;
}
.geometryEdit-bottom-button.finishButton {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #7ed321;
  background: #edffd2;
}
.geometryEdit-bottom-button.finishButton.disable {
  pointer-events: none;
  color: #bdbdbd;
  background: #fff;
}
.geometryEdit-bottom-geolocation {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0 5px;
  font-weight: bold;
  height: 30px;
  display: flex;
  align-items: center;
}
.map-ControlGroup .map-Control--gis {
  display: none;
}
@media screen and (min-width: 48em) {
  .map-ControlGroup .map-Control--gis {
    display: block;
  }
}
@media print {
  .map-ControlGroup .map-Control--gis {
    display: block;
  }
}
.map-ControlGroup .map-Control--gps {
  display: block;
}
@media screen and (min-width: 48em) {
  .map-ControlGroup .map-Control--gps {
    display: block;
  }
}
@media print {
  .map-ControlGroup .map-Control--gps {
    display: block;
  }
}
.behavior-hide-gps-button .map-Control--gps {
  visibility: hidden;
}
.map-Control--gps:hover {
  background: #f2fbfe;
}
.map-ControlGroup {
  position: absolute;
  bottom: 40px;
  right: 11px;
}
@media screen and (max-width: 63.9375em) {
  .map-ControlGroup {
    bottom: 90px;
    padding: 10px;
    z-index: 1;
    right: 1px;
  }
  .map-ControlGroup.touch-devices {
    top: 55px;
    bottom: auto;
    left: 5px;
    right: auto;
  }
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .map-ControlGroup.touch-devices {
    top: 50px;
  }
  .is-empty-children .map-ControlGroup.touch-devices {
    top: -10px;
  }
}
.map-Controls {
  display: flex;
  justify-content: center;
}
.map-Controls * {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
/*
      Introduced in IE 10.
      See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
    */
  -ms-user-select: none;
  user-select: none;
}
.map-Controls ::selection {
  background: transparent;
  color: inherit;
}
.map-Controls ::-moz-selection {
  background: transparent;
  color: inherit;
}
.map-Controls .horizontal-controls {
  display: flex;
  position: absolute;
  right: 0px;
  left: auto !important;
  margin: 10px 11px 10px 10px;
}
@media screen and (min-width: 64em) {
  .map-Controls .horizontal-controls.is-opened-basis {
    margin-right: 137px;
  }
}
.map-Controls .horizontal-controls > * {
  position: relative;
  margin-left: 10px;
  cursor: pointer;
}
.map-Controls .horizontal-controls-bottom:not(.is-opened-basis) {
  position: absolute;
  width: 100%;
  background-color: #fff;
  bottom: 0px;
  height: 60px;
  z-index: 1;
  box-shadow: 0 1px 4px rgba(0,15,32,0.4), inset 0 1px 0 rgba(255,255,255,0.25);
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 47.9375em) {
  .map-Controls .horizontal-controls-bottom:not(.is-opened-basis) {
    left: 0px !important;
  }
}
@media screen and (min-width: 48em) {
  .map-Controls .horizontal-controls-bottom:not(.is-opened-basis) {
    width: auto;
    left: auto;
    height: 50px;
    bottom: 50px;
  }
}
.map-Controls .horizontal-controls-bottom:not(.is-opened-basis) .map-Control:nth-child(1) {
  border-left: none;
}
.map-ControlSelect {
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.behavior-hide-selection-mode-button .map-ControlSelect {
  visibility: hidden;
}
.horizontal-controls-bottom .map-ControlSelect {
  position: relative;
  width: 100%;
  height: 100%;
  box-shadow: none;
  padding: 0;
  border-left: 1px solid #e6e6e6;
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .horizontal-controls-bottom .map-ControlSelect {
    width: 50px;
  }
}
.map-ControlGroup .map-ControlSelect {
  position: relative;
  margin-top: 10px;
  display: block;
}
.map-ControlSelect-selected {
  position: relative;
  z-index: 1;
}
.map-ControlSelect-selected:hover {
  background: #f2fbfe;
}
.map-ControlSelect-content {
  position: absolute;
  display: flex;
  flex-flow: column nowrap;
  bottom: calc(100% + 5px);
  z-index: 0;
  box-shadow: 0 1px 4px rgba(0,15,32,0.4), inset 0 1px 0 rgba(255,255,255,0.25);
  width: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out, box-shadow 0.1s linear;
  margin-top: 100%;
}
@media screen and (min-width: 64em) {
  .map-ControlSelect-content {
    height: auto;
    transition: width 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    flex-flow: row nowrap;
    right: 100%;
    top: 0;
    bottom: auto;
  }
}
.map-ControlSelect.is-expanded .map-ControlSelect-content {
  max-height: 500px;
  margin-top: 0px;
  transition-duration: 0.4s;
}
@media screen and (max-width: 63.9375em) {
  .map-ControlSelect.is-expanded .map-ControlSelect-content {
    width: 100% !important;
  }
}
@media screen and (min-width: 64em) {
  .map-ControlSelect.is-expanded .map-ControlSelect-content {
    width: auto;
  }
}
.map-ControlSelect-content .map-Control {
  box-shadow: none;
  margin-top: 0;
  height: 55px;
  border-bottom: 1px solid #dadada;
  border-left: none;
}
@media screen and (min-width: 64em) {
  .map-ControlSelect-content .map-Control {
    flex-shrink: 0;
    flex-grow: 0;
    height: 30px;
    border: none;
  }
}
.map-ControlSelect-content .map-Control:hover:not(.is-active) {
  background: #f2fbfe;
}
@media screen and (max-width: 63.9375em) {
  .map-ControlSelect-content .map-Control.control-area {
    display: none;
  }
}
.map-ControlGroup .map-Control--selection {
  display: none;
}
@media screen and (min-width: 48em) {
  .map-ControlGroup .map-Control--selection {
    display: block;
  }
}
@media print {
  .map-ControlGroup .map-Control--selection {
    display: block;
  }
}
.map-Control--spinner {
  padding-top: 5px;
  padding-left: 5px;
}
@media $larg-up {
  .map-Control--spinner {
    display: block;
  }
}
@media screen and (max-width: 63.9375em) {
  .map-ControlGroup .map-Control--spinner {
    position: absolute;
    left: 10px;
    right: auto;
  }
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .map-ControlGroup .map-Control--spinner {
    left: 5px;
  }
}
@media print {
  .map-Control--spinner {
    display: block;
  }
}
.map-ControlSwitcher {
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.map-ControlGroup .map-ControlSwitcher {
  position: relative;
  margin-top: 10px;
  display: block;
}
.map-ControlSwitcher-selected {
  position: relative;
  z-index: 1;
}
.map-ControlSwitcher .map-Control {
  box-shadow: none;
  margin-top: 0;
  flex-shrink: 0;
  flex-grow: 0;
}
.map-Control--zoom {
  height: 60px;
}
.behavior-hide-zoom-control .map-Control--zoom {
  visibility: hidden;
}
.map-ControlGroup .map-Control--zoom {
  display: none;
}
@media screen and (min-width: 48em) {
  .map-ControlGroup .map-Control--zoom {
    display: block;
  }
}
.map-Control--zoom .map-Control-icon {
  font-size: 10px;
  font-size: 0.625rem;
}
.copyright {
  bottom: 70px !important;
}
@media screen and (min-width: 48em) {
  .copyright {
    bottom: 10px !important;
  }
}
.measurement-Container {
  width: calc(100vw - 35px);
}
@media screen and (min-width: 48em) {
  .measurement-Container {
    width: 255px;
  }
}
.measurement-Module .Panel-content {
  z-index: 1;
}
.measurement-Module .measurement-text {
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
  background: #e3f7ff;
  color: #8dbed1;
}
.measurement-Module .measurement-text.active {
  color: #3a3b43;
}
.measurement-Module .measurement-text.active b {
  color: #00afef;
}
.measurement-Module p {
  margin-top: 20px;
}
.measurement-Module p label {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #00afef;
  cursor: pointer;
}
.measurement-Module p label span {
  padding-left: 15px;
}
.measurement-SaveDialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
}
.measurement-SaveDialog-input {
  width: 100%;
  height: 32px;
  padding: 0 5px;
  background: #fff;
  border: solid #dadada;
  border-width: 0 0 1px;
  border-radius: 0;
  outline: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  box-sizing: border-box;
}
.measurement-SharePopup-textInput {
  margin: 0 0 20px;
  border: 1px solid #dadada;
  display: flex;
  align-items: center;
}
.measurement-SharePopup-field {
  padding: 0 10px;
  width: 100%;
  height: 40px;
  border: none;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  color: #00afef;
}
.measurement-SharePopup-field:focus {
  outline: none;
}
.measurement-SharePopup-icon {
  cursor: pointer;
  margin: 0 11px;
}
.measurement-SharePopup-icon:hover {
  color: #00afef;
}
.measurement-SharePopup .Popup-layer {
  padding: 30px;
  width: auto;
  max-width: 580px;
  box-sizing: border-box;
  background: #fff;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .measurement-SharePopup .Popup-layer {
    padding: 30px 50px;
  }
}
@media screen and (max-width: 63.9375em) {
  .measurement-SharePopup .Popup-layer {
    width: 90%;
  }
}
.measurement-SharePopup .Popup-title {
  margin-top: 0;
  color: #3a3b43;
}
@media screen and (min-width: 48em) {
  .measurement-SharePopup .Popup-header {
    margin-top: 0;
  }
}
.measurement-SharePopup .Popup-content {
  text-align: center;
}
@media screen and (min-width: 48em) {
  .measurement-SharePopup .Popup-content p {
    margin-bottom: 20px;
  }
}
.measurement-SharePopup .Spinner {
  margin: 20px auto;
}
@media screen and (min-width: 33.75em) {
  .media-action-switch {
    position: absolute;
    right: 0;
    top: 4px;
  }
}
@media screen and (min-width: 33.75em) {
  .media-action-container {
    margin-right: 54px;
  }
}
.media-action-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 33.6875em) {
  .media-action-wrapper {
    padding-top: 8px;
    margin-bottom: -6px;
  }
}
.media-Alert {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-size: 1.5625rem;
  flex-direction: column;
}
.media-Alert .Button {
  display: block;
  margin-top: 10px;
}
.media-Buttons {
  display: flex;
  flex-direction: row;
}
.media-Card {
  position: relative;
  float: left;
  padding: 0 5px 10px;
  width: 48%;
  box-sizing: border-box;
  cursor: pointer;
  background: #f5f5f5;
  border-radius: 4px;
  padding: 5px 7px 0;
  margin: 0px 2px 4px;
}
@media screen and (min-width: 48em) {
  .media-Card {
    padding: 5px 7px 0;
    margin: 0px 4px 8px;
    width: 190px;
  }
  .media-Card:hover {
    background: #e3e3e3;
  }
}
.media-Card.selected {
  background: #cbe8f3;
}
.media-Card-image {
  position: relative;
  height: 150px;
  line-height: 150px;
  text-align: center;
  border: 1px solid #dadada;
  overflow: hidden;
  cursor: pointer;
  background: #fff;
}
.media-Card-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  min-height: 100%;
  transform: translate(-50%, -50%);
}
.media-Card-image img.is-document {
  min-height: inherit;
}
.media-Card-tags {
  position: relative;
  display: flex;
  align-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  line-height: 24px;
  padding: 1px 5px;
  color: #fff;
}
.media-Card-tags div {
  background-color: rgba(0,175,239,0.8);
  margin: 4px 0px;
  padding: 2px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
}
.media-Card-toolbar {
  position: relative;
  padding-right: 30px;
  height: 40px;
  line-height: 40px;
}
.media-Card-label {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #3a3b43;
  white-space: nowrap;
}
.media-Card-controls {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
  cursor: pointer;
}
.media-Card-overlay {
  top: 0;
}
.media-Card-overlay .Spinner {
  margin-top: -25px;
}
.media-Card-panorama-indicator img {
  width: 76px;
  height: 76px;
  min-height: 76px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.media-Card .ActionMenu {
  width: 20px;
  min-width: 20px;
  background: transparent;
}
.media-Card .ActionMenu-icon {
  width: 20px;
}
.media-Card .ActionMenu-items .Action {
  height: 30px;
  line-height: 30px;
  vertical-align: top;
}
.media-Card .ActionMenu-items .Action-icon {
  height: 30px;
}
.media-Card .ActionMenu-items .Action-label {
  font-size: 13px;
  font-size: 0.8125rem;
}
.media-DownloadAll {
  cursor: pointer;
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #85c040;
  background-image: linear-gradient(0deg, #85c040, #93ce4e);
  color: #fff;
  text-align: center;
  margin: 0 0 0 8px;
}
@media screen and (min-width: 768px) {
  .media-DownloadAll {
    width: auto;
  }
}
.media-DownloadAll.Disabled {
  cursor: no-drop;
  background-color: #ececec;
  background-image: linear-gradient(to top, #ececec 0%, #ececec 100%);
}
.media-DownloadAll span {
  display: flex;
}
.media-DownloadAll-label {
  display: flex;
  line-height: 37px;
  height: 35px;
  font-size: 0;
}
@media screen and (min-width: 768px) {
  .media-DownloadAll-label {
    text-transform: uppercase;
    padding: 0 15px 0 10px;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.media-DownloadAll-label .Icon {
  height: 20px;
  margin: 0 5px 0 0;
  position: relative;
  top: 7px;
  left: 7px;
}
.media-DownloadAll .Icon {
  font-size: 20px;
  font-size: 1.25rem;
  color: #fff;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .media-DownloadAll .Icon {
    position: relative;
    top: 7px;
    left: 0;
  }
}
.media-DownloadAll-working {
  position: relative;
  top: 7px;
  left: 10px;
}
.media-DownloadAll:not(.media-DownloadAll.Disabled) .media-DownloadAll-label:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.media-FileDrop {
  position: absolute;
  top: 60px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  height: calc(100% - 80px);
  width: calc(100% - 40px);
}
.media-FileDrop .file-drop {
  height: 100%;
  width: 100%;
}
.media-FileDrop .file-drop > .file-drop-target.file-drop-dragging-over-frame {
  background-color: rgba(222,222,222,0.541);
  border-radius: 0.5em;
  width: 100%;
  height: 100%;
  border: 2px dashed #dadada;
}
.media-FileDrop .file-drop > .file-drop-target.file-drop-dragging-over-target {
  background-color: rgba(222,222,222,0.361);
  border: 2px dashed #00afef;
}
.media-FileDrop .file-drop-target {
  display: flex;
  justify-content: center;
  align-items: center;
}
.media-FileDrop-icon {
  color: #3a3b43;
  font-size: 100px;
  font-size: 6.25rem;
}
.media-FileDrop-noFiles {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.media-FileDrop-noFiles .file-drop {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.media-FileDrop-noFiles .file-drop > .file-drop-target {
  position: relative;
  width: 100%;
  color: #3a3b43;
  border: 2px dashed #dadada;
  border-radius: 0.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 40px;
}
.media-FileDrop-noFiles .file-drop > .file-drop-target.file-drop-dragging-over-frame {
  border: 2px dotted #dadada;
}
.media-FileDrop-noFiles .file-drop > .file-drop-target.file-drop-dragging-over-target {
  border-color: #00afef;
  background-color: #f2fbfe;
}
.media-FileDrop-noFiles-icon {
  font-size: 50px;
  font-size: 3.125rem;
  margin-bottom: 15px;
}
.media-FileDrop-noFiles-label {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.media-FileDrop-noFiles-description {
  color: #a9a9a9;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 25px;
}
.media-FileDrop-noFiles .report-Button {
  margin-right: 0;
}
.media-FileDrop-noFiles .report-Button:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.media-FileInput {
  cursor: pointer;
  vertical-align: middle;
  overflow: hidden;
  display: inline-block;
}
.media-FileInput-input {
  position: absolute;
  top: -200%;
  left: -200%;
}
.media-FileInput-label {
  display: flex;
  font-size: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #85c040;
  background-image: linear-gradient(to top, #85c040 0%, #93ce4e 100%);
}
.media-FileInput-label:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
@media screen and (min-width: 768px) {
  .media-FileInput-label {
    padding: 0 15px 0 10px;
    width: auto;
    line-height: 37px;
    font-size: 12px;
    font-size: 0.75rem;
    color: #fff;
    text-transform: uppercase;
  }
}
.media-FileInput-input:disabled + .media-FileInput-label {
  opacity: 0.5;
  cursor: default;
}
.media-FileInput-label .Icon {
  height: 20px;
  margin: 0 5px 0 0;
  position: relative;
  top: 7px;
  left: 7px;
}
.media-FileInput .Icon {
  font-size: 20px;
  font-size: 1.25rem;
  color: #fff;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .media-FileInput .Icon {
    position: relative;
    top: 7px;
    left: 0;
  }
}
.media-List {
  padding-top: 5px;
  display: flow-root;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  padding-bottom: 40px;
  position: absolute;
  right: 0;
  left: 20px;
  padding-right: 10px;
}
.media-List-selected {
  padding-bottom: 10px;
}
.media-panel .Panel-toolbar {
  align-items: flex-start;
  justify-content: space-between;
}
.media-panel .Panel-toolbarActions {
  width: 100%;
  max-width: calc(100% - 87px);
}
@media screen and (min-width: 768px) {
  .media-panel .Panel-toolbarActions {
    max-width: calc(100% - 180px);
  }
}
@media screen and (max-width: 33.6875em) {
  .media-panel .Panel-toolbarActions .media-action-container {
    margin-left: -87px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 33.75em) {
  .media-panel .Panel-toolbarActions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: 10px;
    position: relative;
  }
}
.media-panel-icon {
  cursor: pointer;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  padding: 8px;
}
.media-panel-icon-container {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.media-panel-input {
  position: relative;
  height: 100%;
  width: 250px;
}
@media screen and (max-width: 33.6875em) {
  .media-panel-input {
    width: 100%;
  }
}
.media-panel-input:hover input {
  border-color: #00afef;
}
.media-panel-input-icon {
  position: absolute;
  top: 50%;
  right: 0;
  width: 25px;
  cursor: pointer;
  transform: translateY(-50%);
}
.media-panel-options {
  background-color: #f5f5f5;
  border-radius: 4px;
  padding-left: 5px;
  color: #878787;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  width: 100%;
}
.media-panel-options-text {
  margin-right: 12px;
}
.media-panel-options .Action {
  background-color: #f5f5f5;
  height: 36px;
  min-width: 36px;
  margin-right: 7px;
}
.media-panel-options .Action-icon {
  color: #bdbdbd;
}
.media-panel-options .Icon--cross:hover {
  color: #fd5756;
}
.media-PanelDetail .Alert--error {
  margin-bottom: 20px;
}
.media-PopupUpload {
  text-align: center;
}
.media-PopupUpload .Popup-title {
  color: $black;
}
.media-PopupUpload .Popup-content {
  color: #9d9d9d;
  text-align: center;
}
.media-PopupUpload .ProgressBar {
  margin: 30px 0;
  background: #dadada;
}
.media-PopupUpload .ProgressBar-progress {
  background-color: #85c040;
}
.media-PopupUpload .Button {
  text-decoration: underline;
  color: #9d9d9d;
  cursor: pointer;
}
.media-Row {
  position: relative;
  max-width: 100%;
}
.media-Row .Action {
  background: none;
  margin-right: 3px;
}
.media-Row:hover {
  background-color: #f2f2f2;
}
.media-Row-info {
  display: flex;
  height: 40px;
  align-items: center;
  cursor: pointer;
}
.media-Row-thumbnail {
  width: 25px;
  height: 25px;
  margin-right: 25px;
  margin-left: 20px;
}
.media-Row-label {
  width: calc(100% - 113px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: inline-block;
}
.media-Row .media-Card-controls {
  top: 2px;
}
.media-Row.selected {
  background: #cbe8f3;
}
.media-Search {
  border: 1px solid #dadada;
  height: 35px;
  line-height: 30px;
  border-radius: 2px;
  box-shadow: none;
  padding: 0 25px 0 10px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  width: 100%;
  text-overflow: ellipsis;
}
.media-Search:focus {
  outline: none;
}
.media-UploadCard:before,
.media-UploadCard:after {
  content: "";
  display: table;
}
.media-UploadCard:after {
  clear: both;
}
.media-UploadCard-header {
  margin-bottom: 20px;
}
.media-UploadCard-header:before,
.media-UploadCard-header:after {
  content: "";
  display: table;
}
.media-UploadCard-header:after {
  clear: both;
}
@media screen and (min-width: 48em) {
  .media-UploadCard-header {
    position: relative;
    width: 146px;
    float: left;
  }
}
.media-UploadCard-header .ProgressBar {
  margin-left: 80px;
}
@media screen and (min-width: 48em) {
  .media-UploadCard-header .ProgressBar {
    margin: 0;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    height: 5px;
    background: none;
  }
}
.media-UploadCard-header .Action {
  background: transparent;
}
@media screen and (min-width: 48em) {
  .media-UploadCard-header .Action {
    margin: 0;
  }
}
.media-UploadCard-image {
  position: relative;
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  border: 1px solid #dadada;
  overflow: hidden;
  background: #fff;
}
@media screen and (min-width: 48em) {
  .media-UploadCard-image {
    float: none;
    width: 146px;
    height: 105px;
    box-sizing: border-box;
  }
}
.media-UploadCard-image.document img {
  max-width: 30px;
}
@media screen and (min-width: 48em) {
  .media-UploadCard-image.document img {
    max-width: 100%;
  }
}
.media-UploadCard-image .Spinner,
.media-UploadCard-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.media-UploadCard-image img {
  display: block;
  width: auto;
  max-height: 100%;
}
.media-UploadCard-controls {
  margin: 0 0 10px 80px;
  padding: 0;
  height: 38px;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
@media screen and (min-width: 48em) {
  .media-UploadCard-controls {
    margin-left: 0;
  }
}
.media-UploadCard-filesize {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #bdbdbd;
  white-space: nowrap;
}
@media screen and (min-width: 48em) {
  .media-UploadCard-content {
    margin-left: 200px;
  }
}
.media-UploadCard-content input[disabled] {
  color: #bdbdbd;
  -webkit-text-fill-color: #bdbdbd;
}
.media-UploadCard .error-message {
  margin-top: 20px;
  padding: 5px;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .media-UploadCard .error-message {
    margin-top: 0;
  }
}
.media-UploadCard .form {
  padding-top: 0;
}
.media-UploadControls {
  padding: 20px 35px;
  text-align: center;
}
.media-UploadControls .Button {
  font-weight: normal;
  font-size: 12px;
  font-size: 0.75rem;
  cursor: pointer;
}
.media-UploadControls .Button .Icon {
  position: relative;
  top: -3px;
  margin-right: 10px;
  font-size: 20px;
  font-size: 1.25rem;
}
.media-UploadList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.media-UploadList-item {
  padding: 20px 35px 1px;
}
.media-UploadList-item:nth-child(2n) {
  background: #f2f2f2;
}
.navigation-Module .Panel-content {
  padding: 0;
  position: relative;
  overflow: hidden;
}
.navigation-Module .Paginator {
  margin-left: -20px;
  margin-right: -20px;
  max-height: 100%;
}
.navigation-Module .Paginator-content {
  padding-left: 20px;
  padding-right: 20px;
}
.navigation-Module .Tabs {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.navigation-Module .Tabs-list {
  padding-left: 20px;
  padding-right: 20px;
}
.Preview {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.9);
  transform: translate3d(0px, 0px, 0px);
  z-index: 9999;
}
.Preview-header {
  display: flex;
  flex-flow: row nowrap;
  height: 60px;
  align-items: center;
}
.Preview-header img {
  height: 30px;
  margin-left: 15px;
}
.Preview-title {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  padding: 0 0 0 15px;
  color: #fff;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
}
.Preview-actionSeparator {
  display: inline-block;
  margin: 0 10px;
  width: 1px;
  height: 38px;
  background: #333;
  border: none;
  vertical-align: middle;
}
.Preview-actions {
  flex-shrink: 0;
  flex-grow: 0;
  padding: 0 15px;
  font-size: 20px;
  font-size: 1.25rem;
}
.Preview-actions .Action {
  vertical-align: middle;
  background: transparent;
}
.Preview-actions .Action .Icon {
  color: #d3d3d3;
}
.Preview-actions .Action .Icon:hover {
  color: #fff;
}
.Preview-actions .Action .Icon--close:before {
  width: 15px;
  height: 15px;
  font-size: 15px;
  font-size: 0.9375rem;
}
.Preview-navigation {
  display: none;
}
@media screen and (min-width: 48em) {
  .Preview-navigation {
    display: block;
    position: absolute;
    top: 50%;
    width: 18px;
    height: 30px;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 100;
    transition: opacity 0.2s ease;
  }
}
.Preview-navigation.is-disabled {
  cursor: default;
}
.Preview-navigation.is-disabled .Icon {
  opacity: 0.15;
}
.Preview-navigation--prev {
  left: 40px;
}
.Preview-navigation--next {
  right: 40px;
}
.Preview-navigation .Icon {
  font-size: 30px;
  font-size: 1.875rem;
  color: #d3d3d3;
}
.Preview-navigation .Icon:hover {
  color: #fff;
}
.Preview-slides {
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
}
.Preview-item {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.Preview-item .file {
  background: transparent;
}
.Preview-item .file.image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.Preview-item .file.image img {
  display: block;
  max-width: 90%;
  max-height: 90%;
}
.Preview-item .file.image .panoramaPreview {
  display: block;
  width: 70%;
  height: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Preview-item .file.image .panoramaPreview img {
  cursor: pointer;
}
.Preview-item .file.image .panoramaPreview-hidden {
  display: none;
}
.Preview-item .file.image .panoramaViewer {
  display: block;
  width: 70%;
  height: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Preview-item .file.image .panoramaViewer-hidden {
  display: none;
}
.Preview-item .file.image .hint {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  min-width: 130px;
}
@media screen and (min-width: 48em) {
  .Preview-item .file.image .hint {
    position: absolute;
    top: 60%;
    left: 50%;
  }
}
.Preview-item .file.image .Spinner,
.Preview-item .file.image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Preview-item .file.video,
.Preview-item .file.document {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 100px 0;
  width: 100%;
  max-width: 90%;
  background: #fff;
  transform: translate(-50%, -50%);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .Preview-item .file.video,
  .Preview-item .file.document {
    max-width: 600px;
  }
}
.Preview-item .file.video .image-file,
.Preview-item .file.document .image-file {
  position: relative;
  margin: 0 auto;
  width: 70px;
  height: 70px;
}
.Preview-item .file.video .image-file img,
.Preview-item .file.document .image-file img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Preview-item .file.video p,
.Preview-item .file.document p {
  margin-bottom: 20px;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #bdbdbd;
}
.Preview-item .file.video .buttons .Button,
.Preview-item .file.document .buttons .Button {
  padding: 0 15px;
  width: auto;
  height: 35px;
  cursor: pointer;
  line-height: 35px;
}
.Preview-item .file.pdf {
  text-align: center;
  height: 100%;
  width: 100%;
}
.Preview-item .file.pdf > div {
  display: block;
}
.Preview-item .dataimage,
.Preview-item .imagePreview {
  display: block;
}
.Preview-item .dataimage.hidden,
.Preview-item .imagePreview.hidden {
  display: none;
}
.Preview-item .dataimage .ShowFullscreen,
.Preview-item .imagePreview .ShowFullscreen {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0,0,0,0.4);
  border-color: rgba(0,0,0,0.4);
  border-radius: 3px;
  cursor: pointer;
  z-index: 2;
}
.Preview-item .dataimage .ShowFullscreen:hover,
.Preview-item .imagePreview .ShowFullscreen:hover {
  background: rgba(0,0,0,0.35);
  border-color: rgba(0,0,0,0.35);
}
.Preview-item .dataimage .ShowFullscreen .Icon,
.Preview-item .imagePreview .ShowFullscreen .Icon {
  font-size: 50px;
  font-size: 3.125rem;
  color: rgba(255,255,255,0.8);
}
@media screen and (min-width: 48em) {
  .Preview-item .dataimage .ShowFullscreen .Icon,
  .Preview-item .imagePreview .ShowFullscreen .Icon {
    font-size: 35px;
    font-size: 2.1875rem;
  }
}
.Preview-item .imageViewer {
  display: grid;
  grid-template-columns: minmax(35px, 1fr) 8fr minmax(35px, 1fr);
  grid-template-rows: 1fr 16fr 4fr;
  height: 100vh;
}
@media screen and (min-width: 48em) {
  .Preview-item .imageViewer {
    grid-template-rows: 2fr 16fr 3fr;
  }
}
.Preview-item .imageViewer.hidden {
  display: none;
}
.Preview-item .imageViewer .react-transform-wrapper {
  width: 100%;
  height: 100%;
}
.report-Button {
  font-size: 12px;
  font-size: 0.75rem;
  background-color: #85c040;
  background: linear-gradient(to bottom, #93ce4e 0%, #85c040 100%);
  color: #fff;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  height: 38px;
  line-height: 38px;
  padding: 0 13px;
  cursor: pointer;
  outline: none;
  margin-right: 10px;
  white-space: nowrap;
}
.report-Button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  background-color: #e4e4e4 !important;
  background: #e4e4e4 !important;
}
.report-Button-content {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.report-Button.confirm {
  background: #fff;
  color: #9ee13e;
  text-transform: none;
  border: 1px solid #9ee13e;
}
.report-Button.confirm.mobile {
  padding: 0px 5px 0px 14px;
  font-size: 19px;
  font-size: 1.1875rem;
}
.report-Button.confirm:disabled {
  color: #fff;
  background-color: #e4e4e4 !important;
  background: #e4e4e4 !important;
  border: none;
}
.report-Button.confirm:hover:enabled {
  background-color: #e6ffc3;
}
.report-Button .Icon {
  margin-right: 10px;
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
.report-Button.red {
  background: #fd5756;
}
.report-Button:hover:not(.reverse):not(.confirm):enabled {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.reverse {
  color: #85c040;
  background-color: transparent !important;
  background: transparent !important;
}
.reverse:hover {
  text-decoration: underline;
}
.report-ButtonClose {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 80px;
  background-color: #00afef;
  border: none;
  padding: 0;
  margin: 0;
  color: #fff;
  width: 40px;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 47.9375em) {
  .report-ButtonClose {
    position: relative;
  }
}
.report-Caption {
  margin: 1.428571428571429em 0;
}
.report-Container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  background-color: #f1f1f1;
}
.report-Container.no-select * {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.report-Container.no-select * ::selection {
  background: transparent;
  color: inherit;
}
.report-Container.no-select * ::-moz-selection {
  background: transparent;
  color: inherit;
}
.report-Container.no-select .selectable * {
  -moz-user-select: initial;
  -khtml-user-select: initial;
  -webkit-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}
.report-Container.no-select .selectable * ::selection {
  background: #ff4500;
  color: #fff;
}
.report-Container.no-select .selectable * ::-moz-selection {
  background: #ff4500;
  color: #fff;
}
.report-Container .spinner-container {
  display: inline-block;
  top: 10px;
  left: 10px;
  position: relative;
  width: 30px;
  height: 30px;
}
.report-Container .spinner-container .map-Control--spinner {
  box-shadow: none;
}
.report-Container #pdf-iframe {
  display: none;
}
@media print {
  .report-Container {
    display: block;
    background-color: transparent;
  }
}
.report-Container-logo {
  display: none;
}
@media screen and (min-width: 33.75em) {
  .report-Container-logo {
    display: inline-block;
  }
}
.report-Container-header {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  flex-grow: 0;
  flex-shrink: 0;
  min-height: 80px;
  position: relative;
  z-index: 10;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
@media print {
  .report-Container-header {
    display: none;
  }
}
.report-Container-headerInfo {
  flex-shrink: 0;
  flex-grow: 1;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  order: 1;
}
@media screen and (min-width: 768px) {
  .report-Container-headerInfo {
    order: 1;
  }
}
.report-Container-headerTools {
  display: flex;
  white-space: nowrap;
  width: 100%;
  order: 3;
  padding: 10px;
  text-align: right;
  box-sizing: border-box;
  padding: 15px 55px 15px 15px;
  align-items: center;
  width: auto;
}
@media screen and (max-width: 47.9375em) {
  .report-Container-headerTools {
    flex-wrap: wrap-reverse;
    padding: 20px;
  }
  .report-Container-headerTools .report-Button:nth-child(1) {
    margin-left: 0px;
  }
}
.report-Container-headerTools .report-Button {
  margin-left: 10px;
}
.report-Container-headerTools .report-Button-content {
  display: none;
}
@media screen and (min-width: 33.75em) {
  .report-Container-headerTools .report-Button-content {
    display: inline-block;
  }
}
@media screen and (max-width: 33.6875em) {
  .report-Container-headerTools .report-Button .Icon {
    margin-right: 0;
  }
}
.report-Container-headerTools .CustomSelect {
  float: left;
  min-width: 200px;
}
@media screen and (max-width: 47.9375em) {
  .report-Container-headerTools .CustomSelect {
    margin: 10px 10px 10px 0px;
  }
}
.report-Container-headerControls {
  flex-shrink: 0;
  flex-grow: 0;
  white-space: nowrap;
  padding-left: 30px;
  order: 2;
}
@media screen and (min-width: 768px) {
  .report-Container-headerControls {
    order: 3;
  }
}
.report-Container-content {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.report-Container-content.preview {
  cursor: not-allowed;
}
.report-Container-content.preview > * {
  pointer-events: none;
}
@media print {
  .report-Container-content {
    display: block;
  }
}
.report-Container-caption {
  line-height: 1;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  margin-left: 20px;
  color: #797979;
}
@media screen and (min-width: 768px) {
  .report-Container-caption {
    margin-left: 30px;
  }
}
.report-Container-captionName {
  color: #00afef;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
}
.report-Container-captionInfo {
  margin-top: 5px;
  display: block;
  font-size: inherit;
}
.report-DefinitionList {
  margin: 20px 0;
}
.report-DefinitionList-term {
  font-weight: bold;
  margin-top: 10px;
}
.report-DefinitionList-description {
  margin-left: 0;
}
.report-Header {
  margin: 0;
  position: absolute !important;
  z-index: 0 !important;
}
@media print {
  .report-Header {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    overflow: visible;
    z-index: 1;
  }
}
.report-Header.is-center {
  text-align: center;
}
.report-Header.is-left {
  text-align: left;
}
.report-Header.is-right {
  text-align: right;
}
.report-Header img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.report-Combo {
  min-width: 300px;
  margin: 0px 0px 0 0;
  text-align: left;
}
.report-Heading1 {
  font-weight: bold;
  font-size: 1.571428571428571em;
  line-height: 1.272727272727273;
  margin: 0.909090909090909em 0;
}
@media print {
  .report-Heading1 {
    page-break-after: avoid;
  }
}
.report-Heading2 {
  font-weight: bold;
  font-size: 1.285714285714286em;
  line-height: 1.444444444444444;
  margin: 1.111111111111111em 0;
}
@media print {
  .report-Heading2 {
    page-break-after: avoid;
  }
}
.report-Image {
  margin: 1.428571428571429em 0;
}
.report-Image.is-center {
  text-align: center;
}
.report-Image.is-left {
  text-align: left;
}
.report-Image.is-right {
  text-align: right;
}
.report-Image img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.report-List {
  margin: 1.428571428571429em 0;
}
.report-List-item {
  margin-top: 0.571428571428571em;
}
.report-Loading {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-image: url(c282a82408a4e393ab9327512881a66d.gif);
  background-size: 50px 50px;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 0;
  opacity: 0.8;
  z-index: 1000;
}
.next-report-loading {
  position: relative;
  width: 100%;
  height: 65px;
  background-position-y: -5px;
  background-image: url(03050f4c55df5cfdc94f299d801e92db.gif);
  background-size: 50px 50px;
  background-position: center center;
  background-repeat: no-repeat;
}
.report-Map-container {
  top: 10px;
  margin: 0px auto 10px;
  display: flex;
  flex-flow: column;
  position: relative;
  overflow: hidden;
}
.report-Map-container .SearchSelect {
  color: #3a3b43;
}
.report-Map-container .SearchSelect-input {
  color: #3a3b43;
}
.report-Map-container .SearchSelect-option {
  color: #3a3b43;
}
.report-Map-container .dpi-control {
  color: #3a3b43;
}
.report-Map-container .SearchSelect.searchFieldSelect {
  height: auto;
}
.report-Map-container .report-map-border {
  position: absolute;
  width: 100%;
  height: 100%;
}
.report-Map-container .report-map-border.top {
  top: 0px;
}
.report-Map-container .report-map-border.bottom {
  bottom: 0px;
}
.report-Map-container .report-map-border.right {
  right: 0px;
}
.report-Map-container .report-map-border.left {
  left: 0px;
}
.report-Map-container:after {
  content: '';
  display: block;
  clear: both;
}
.report-Map-container .report-Map {
  width: 100%;
  position: relative;
}
.report-Map-container .report-Map-content {
  position: relative;
}
.report-Map-container .report-Map-position {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.report-Map-container .report-Map-position .map-Wrapper {
  left: 0;
}
.report-Map-container .report-Map-position .ol-custom-ownAttribution {
  position: absolute !important;
}
.report-Map-container .map-container {
  display: flex;
  position: relative;
}
.report-Map-container .map-container.is-center {
  align-self: center;
}
.report-Map-container .map-container.is-left {
  align-self: flex-start;
}
.report-Map-container .map-container.is-right {
  align-self: flex-end;
}
.report-Map-container .report-legend-container {
  width: 200px;
  padding: 0px 10px;
}
.report-Map-container.legend-is-bottom .map-container {
  flex-flow: column;
}
.report-Map-container.legend-is-bottom .report-legend-container {
  order: 2;
  padding: 10px 20px 0px 0px;
}
.report-Map-container.legend-is-left .report-Map {
  order: 2;
}
.report-Map-container.legend-is-left .report-legend-container {
  order: 1;
  padding-left: 0px;
  padding-right: 20px;
}
.report-Map-container.legend-is-right .report-Map {
  order: 1;
}
.report-Map-container.legend-is-right .report-legend-container {
  order: 2;
}
.report-Map-container.with-scale-options .map-ControlGroup {
  right: auto;
  left: 10px;
  top: 52px;
}
.report-Map-container .map-ControlGroup {
  display: flex;
  flex-flow: column-reverse;
  bottom: auto;
  right: auto;
  left: 10px;
  top: 0px;
}
.report-Map-container .dpi-select {
  position: absolute;
  left: 130px;
  top: 10px;
  width: 100px;
}
.report-Map-container .dpi-select .searchFieldSelect.dpi {
  top: 0px;
  left: 1px;
  width: calc(100% - 2px);
  padding-left: 12px;
  height: 40px;
}
.report-Map-container .dpi-select > div {
  display: none;
  position: absolute;
  top: 40px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #dadada;
  z-index: 1000;
}
.report-Map-container .dpi-select > div > div {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 4px 10px;
  cursor: pointer;
}
.report-Map-container .dpi-select > div > div:hover {
  background-color: #f2f2f2;
}
.report-Map-container .dpi-select.isFocused > div {
  display: block;
}
.report-Map-container .dpi-control .option {
  height: 40px;
  line-height: 33px;
}
.report-Map-container .searchFieldSelect {
  display: inline-block;
  position: absolute;
  z-index: 1000;
  top: 10px;
}
.report-Map-container .searchFieldSelect .SearchSelect-label {
  display: none;
}
.report-Map-container .searchFieldSelect.dpi {
  left: 130px;
  height: 32px;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0,15,32,0.4), inset 0 1px 0 rgba(255,255,255,0.25);
  border: none;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0px 5px;
  outline: none !important;
}
.report-Map-container .searchFieldSelect.dpi option {
  padding: 10px;
  height: 30px;
}
.report-Map-container .searchFieldSelect.dpi option:hover,
.report-Map-container .searchFieldSelect.dpi option:checked {
  box-shadow: 0 0 10px 100px #f2f2f2 inset;
  background: #f2f2f2;
}
.report-Map-container .searchFieldSelect.scale {
  left: 10px;
  width: 110px;
}
.report-Map-container .searchFieldSelect.scale .SearchSelect-option::before {
  content: '1 : ';
}
.report-Map-container .badResolution {
  color: #f00;
  font-size: 15px;
  font-size: 0.9375rem;
  position: absolute;
  left: 130px;
  top: 15px;
  z-index: 1;
  text-shadow: #fff -1px -1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff 1px 1px 0, #fff -1px 0 0, #fff 1px 0 0, #fff 0 1px 0, #fff 0 -1px 0;
}
.report-Map-container .textMapContainer {
  position: absolute;
  width: 100%;
  display: flex;
  height: 100%;
}
.report-Map-container .textMapContainer .textMap {
  position: absolute;
  z-index: 1;
  font-size: 13px;
  font-size: 0.8125rem;
  overflow: hidden;
  white-space: nowrap;
  line-height: 90%;
  display: inline-table;
}
.report-Map-container .ol-overlaycontainer-stopevent .ol-rotate {
  right: 10px;
}
.report-Map-container .ol-overlaycontainer-stopevent .ol-rotate.ol-hidden {
  display: block;
}
.report-Map-container .SearchSelect-options {
  display: block;
  position: relative;
  top: 0px !important;
  border: none !important;
  margin-bottom: 0px !important;
  background: inherit;
}
.report-Map-container .SearchSelect-options .SearchSelect-field::after {
  content: '1 :';
  display: block;
  position: absolute;
  top: 9px;
  left: 10px;
  font-size: 13px;
  font-size: 0.8125rem;
}
.report-Map-container .SearchSelect-options .SearchSelect-input {
  padding-left: 29px !important;
  border-bottom: none !important;
  box-shadow: 0 1px 4px rgba(0,15,32,0.4), inset 0 1px 0 rgba(255,255,255,0.25);
}
.report-Map-container .SearchSelect-options .SearchSelect-list {
  position: absolute;
  background-color: #fff;
  width: 100%;
  border: 1px solid #dadada;
  display: none;
  box-sizing: content-box;
  left: -1px;
}
.report-Map-container .report-Map-controls .focusFilter .SearchSelect-list {
  display: block;
}
.report-Map-container .map .map-Wrapper .ol-custom-ownAttribution.copyright {
  height: 10px;
  left: 10px;
  line-height: 0px;
  bottom: 5px;
}
.report-Map-container .map .map-Wrapper .ol-custom-ownAttribution.copyright ul {
  padding: 5px;
}
.report-Map-container .map .map-Wrapper .ol-custom-ownAttribution.copyright img {
  width: 10px;
}
.report-Message {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-size: 1.875rem;
  color: rgba(0,0,0,0.4);
  text-align: center;
}
.report-Page {
  margin: 20px auto;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  padding: 110px 100px;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.714285714285714;
  color: #3a3b43;
  position: relative;
}
.report-Page .non-visible {
  visibility: hidden !important;
}
.report-Page > * {
  position: relative;
  z-index: 1;
}
@media print {
  .report-Page {
    box-shadow: none;
    background: none;
    margin: 0 !important;
    max-width: none;
    font-size: 6.9pt;
    color: #000;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    page-break-before: always;
  }
}
.page-break {
  position: absolute;
  width: 100%;
  height: 5px;
  border-top: 1px dashed #878787;
  bottom: 25px;
}
.page-break::after {
  content: 'Zalomení stránky';
  color: #808080;
  position: absolute;
  font-size: 13px;
  font-size: 0.8125rem;
  top: -30px;
  border: 1px solid #dadada;
  padding: 2px 5px;
  background-color: #f1f1f1;
  left: 5px;
}
.report-Separator {
  margin: 1.428571428571429em 0;
  background: #d2d2d2;
  height: 1px;
  border-top: none !important;
}
.report-Table {
  border-collapse: collapse;
  margin: 10px 0;
  box-sizing: border-box;
}
.report-Table.is-right {
  text-align: right;
}
.report-Table.is-left {
  text-align: left;
}
.report-Table.is-center {
  text-align: center;
}
.report-Table--framed {
  border: 1px solid #d2d2d2;
}
.report-Table-th,
.report-Table-td {
  padding: 0.642857142857143em 1.428571428571429em;
  border: 1px solid #d2d2d2;
  text-align: inherit;
}
.report-Table-th.is-center,
.report-Table-td.is-center {
  text-align: center;
}
.report-Table-th.is-right,
.report-Table-td.is-right {
  text-align: right;
}
.report-Table--vertical:not(.report-Table--framed) .report-Table-th:first-child,
.report-Table--vertical:not(.report-Table--framed) .report-Table-td:first-child {
  border-left: none;
}
.report-Table--vertical:not(.report-Table--framed) .report-Table-th:last-child,
.report-Table--vertical:not(.report-Table--framed) .report-Table-td:last-child {
  border-right: none;
}
.report-Table--horizontal:not(.report-Table--framed) .report-Table-th,
.report-Table--horizontal:not(.report-Table--framed) .report-Table-td {
  border-width: 0px;
  border-bottom-width: 1px;
}
.report-Table--vertical.report-Table--noBorder:not(.report-Table--framed) .report-Table-th,
.report-Table--vertical.report-Table--noBorder:not(.report-Table--framed) .report-Table-td {
  border: none;
}
.report-Table--horizontal.report-Table--noBorder:not(.report-Table--framed) .report-Table-th,
.report-Table--horizontal.report-Table--noBorder:not(.report-Table--framed) .report-Table-td {
  border: none;
}
.report-Table-th {
  font-weight: bold;
}
.report-Table--horizontal:not(.report-Table--framed) .report-Table-th {
  border-bottom-width: 2px;
}
.report-Table--vertical:not(.report-Table--framed) .report-Table-th {
  border-right-width: 2px;
}
.report-Table--vertical.report-Table--noBorder:not(.report-Table--framed) .report-Table-th {
  border: none;
}
.report-Table--horizontal.report-Table--noBorder:not(.report-Table--framed) .report-Table-th {
  border: none;
}
.report-Table-td {
  font-weight: normal;
}
@media print {
  .report-Table-tr {
    break-inside: avoid;
  }
}
.report-Text {
  margin: 1.428571428571429em 0;
}
.report-TextEdit-container {
  width: 100%;
  margin-bottom: 30px;
}
.report-TextEdit textarea {
  width: 100%;
  border: none;
  outline: none;
  margin-bottom: 0px;
  box-shadow: none;
  text-align: left;
  display: block;
  line-height: 100%;
  padding: 2px 0 0 0;
  background: none;
  margin-top: -2px;
}
.report-TextEdit textarea:focus {
  outline: none;
  border: none !important;
}
.report-Title {
  color: #00afef;
  font-size: 2em;
  line-height: 1.214285714285714;
  font-weight: bold;
  margin-bottom: 15px;
  display: inline-block;
}
.report-Zoom {
  margin: 0px 30px 0px 0px;
  display: inline-block;
}
.report-Zoom .rangeslider {
  margin: 20px 0px 0px;
}
@media screen and (max-width: 47.9375em) {
  .report-Zoom {
    width: 100%;
    margin-right: 0px;
  }
}
.search-Button-area {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin: 10px 0 0 0;
}
.search-Button-switch-on {
  height: 42px;
  background: #fff;
  line-height: 42px;
  color: #9ee13e;
  border: 1px solid #9ee13e;
  cursor: pointer;
  position: relative;
  font-weight: bold;
}
.search-Button-switch-on .Icon {
  position: relative;
  margin-right: 12px;
  width: 38px;
  height: 38px;
  vertical-align: top;
  display: inherit;
}
.search-Button-switch-on .Icon:before {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.search-Button-switch-on .label {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-size: 14px;
  font-size: 0.875rem;
}
.search-Button-switch-on:hover {
  background-color: rgba(230,255,195,0.5);
}
.search-Button-switch-off {
  height: 42px;
  background: #fff;
  line-height: 42px;
  color: #009dd7;
  border: 1px solid #009dd7;
  cursor: pointer;
  position: relative;
  font-weight: bold;
}
.search-Button-switch-off .Icon {
  position: relative;
  margin-right: 12px;
  width: 38px;
  height: 38px;
  vertical-align: top;
  display: inherit;
}
.search-Button-switch-off .Icon:before {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.search-Button-switch-off .label {
  display: inline-block;
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-size: 14px;
  font-size: 0.875rem;
}
.search-Button-switch-toggled {
  height: 42px;
  background: #9ee13e;
  line-height: 42px;
  color: #fff;
  border: 1px solid #9ee13e;
  cursor: pointer;
  position: relative;
  font-weight: bold;
}
.search-Button-switch-toggled .Icon {
  position: relative;
  margin-right: 12px;
  width: 38px;
  height: 38px;
  vertical-align: top;
  display: inherit;
}
.search-Button-switch-toggled .Icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.search-Button-switch-toggled .label {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-size: 14px;
  font-size: 0.875rem;
}
.search-Button-switch-toggled:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}
.search-Categories-container {
  display: flex;
  margin-bottom: 20px;
}
.search-Categories-container .search-Categories-label {
  align-self: center;
  padding: 0px 15px;
  color: #c5c5c5;
  font-weight: bold;
}
.search-Categories {
  position: relative;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #878787;
  z-index: 100;
  width: 100%;
}
.search-Categories.is-open .Dropdown-layer {
  width: 100%;
  display: block;
}
.search-Categories.is-open .Dropdown-layer .Dropdown-arrow {
  right: auto;
  left: 40px;
  z-index: 1;
}
.search-Categories-toggle {
  position: relative;
  padding: 14px;
  cursor: pointer;
}
.search-Categories-toggle .Icon {
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -10px;
  font-size: 19px;
  font-size: 1.1875rem;
  color: #00afef;
}
.search-Categories.is-open .search-Categories-toggle .Icon {
  transform: rotate(180deg);
}
.search-Categories-list {
  display: none;
  padding: 0;
  list-style: none;
  background: #fff;
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
.search-Categories-list-label {
  padding: 20px 20px 0px;
}
.search-Categories.is-open .search-Categories-list {
  display: block;
}
.search-Categories-item {
  padding: 7px 20px;
  cursor: pointer;
}
.search-Categories-item:hover,
.search-Categories-item.is-selected {
  color: #009dd7;
}
.search-Input {
  position: relative;
}
.search-Input .search-input-icon {
  -webkit-appearance: button;
  flex-shrink: 0;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  right: 0;
}
.search-Input .search-input-icon.category {
  outline: none !important;
  right: auto;
  left: 0px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.search-Input .search-input-icon.category img {
  width: 25px;
  align-self: center;
}
.search-Input .search-input-icon.cross .Icon {
  color: #fd5756;
}
.search-Input .search-input-icon.search2 {
  outline: none !important;
}
.search-Input .search-input-icon.search2 .Icon {
  cursor: default;
  color: #00afef;
}
.search-Input .search-input-icon:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.search-Input-field {
  display: block;
  margin: 0;
  padding: 14px 35px 14px 14px;
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
  outline: none;
  border: 1px solid #dadada;
}
.search-Tab--fulltext .coordinates .search-Input-field {
  padding: 15px 35px;
  text-overflow: ellipsis;
}
.search-Tab--fulltext .search-Input-field {
  padding: 14px 45px !important;
  font-size: 13px;
  font-size: 0.8125rem;
}
.search-Input-field:disabled {
  background: #e4e4e4;
}
.search-Input.has-button .search-Input-field {
  padding-right: 60px;
}
.search-Input .Icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-size: 1.25rem;
  color: #878787;
  cursor: pointer;
}
.search-Input .Icon:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 48em) {
  .search-Input .Icon.switch:hover {
    color: #00afef;
  }
}
.search-Input .Icon.switch-disabled {
  cursor: not-allowed;
  color: #d3d3d3;
}
.search-Input:hover input:enabled {
  border-color: #00afef;
}
.search-Module .Panel-content {
  padding: 0;
  position: relative;
  overflow: hidden;
}
.search-Module .Paginator {
  margin-left: -20px;
  margin-right: -20px;
  max-height: 100%;
}
.search-Module .Paginator-content {
  padding-left: 20px;
  padding-right: 20px;
}
.search-Module .Tabs {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.search-Module .Tabs-list {
  padding-left: 20px;
  padding-right: 20px;
}
.search-Module-header {
  display: flex;
}
.search-Module-header .Action {
  min-width: 35px;
}
.search-Module-header-actions {
  display: flex;
  justify-content: flex-end;
}
.search-ParcelAutocomplete {
  position: relative;
  margin: 0 0 10px;
}
.search-ParcelAutocomplete-button {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 0;
  width: 43px;
  height: 41px;
  line-height: 41px;
  background: #fff;
  color: #00afef;
  font-size: 20px;
  font-size: 1.25rem;
  border: none;
  cursor: pointer;
}
.search-ParcelAutocomplete .Spinner {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translate(-50%, -50%);
}
.search-Tab {
  display: flex;
  flex-flow: column nowrap;
  max-height: 100%;
  flex-shrink: 1;
  flex-grow: 1;
}
.search-Tab-header {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}
.search-Tab-header.coordinates .search-Input-field {
  padding: 14px 45px;
}
.search-Tab-header.coordinates .search-input-icon.category {
  display: none;
}
.search-Tab--parcel .search-Tab-header,
.search-Tab--address .search-Tab-header {
  margin-bottom: 20px;
}
.search-Tab-content {
  flex-grow: 1;
  flex-shrink: 1;
  position: relative;
}
.search-Tab-content .Paginator {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
}
.search-Tab-content .Paginator .ObjectCard-text:not(:has(.TextHighlight)) {
  overflow: hidden;
  max-width: -webkit-calc(300px - 110px);
  max-width: -moz-calc(300px - 110px);
  max-width: calc(300px - 110px);
}
.search-Tooltip {
  position: absolute;
  padding: 10px 15px;
  width: 100%;
  background: #85c040;
  border-radius: 0 0 3px 3px;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  z-index: 999;
  box-sizing: border-box;
  line-height: 1.4;
}
.search-Tooltip:before {
  content: '';
  position: absolute;
  top: -6px;
  left: 44px;
  width: 0;
  height: 0;
  border-style: solid;
  display: inline-block;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #85c040 transparent;
}
.search-Tooltip strong {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
}
.search-W3W {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: -webkit-calc(300px - 50px);
  max-width: -moz-calc(300px - 50px);
  max-width: calc(300px - 50px);
}
@media screen and (min-width: 48em) {
  .search-W3W {
    max-width: -webkit-calc(300px - 110px);
    max-width: -moz-calc(300px - 110px);
    max-width: calc(300px - 110px);
  }
}
.search-W3W-logo {
  color: #ff1f26;
  display: inline;
  font-weight: bold;
}
.search-W3W .TextHighlight {
  display: inline;
}
.universal-Iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.page-login {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.page-login .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 90%;
  transform: translate(-50%, -50%);
}
.page-login .topper {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 100%;
  max-width: 90%;
  transform: translate(-50%, -50%);
}
.page-login .bg {
  padding: 15px;
  padding-bottom: 25px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,15,32,0.19), inset 0 1px 0 rgba(255,255,255,0.25);
}
.page-login header {
  text-align: center;
}
.page-login header h1 {
  color: #113e5d;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
}
.page-login .logintype .error-msg {
  padding: 22px 0;
  color: #b55035;
  background: #ffd9c6;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  border-radius: 2px;
}
.page-login .logintype.ad,
.page-login .logintype.anonym {
  text-align: center;
}
.page-login .logintype.ad .Spinner,
.page-login .logintype.anonym .Spinner {
  margin: 50px auto;
}
.page-login form,
.page-login form fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
.page-login form label {
  position: relative;
  display: block;
  margin: 10px 0;
  padding: 0 0 0 40px;
  height: 50px;
  line-height: 50px;
  background: #113e5d;
  border-radius: 2px;
}
.page-login form label i {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  font-size: 20px;
  font-size: 1.25rem;
  color: #fff;
}
.page-login form label input {
  display: inline-block;
  padding-left: 5px;
  width: 100%;
  height: 50px;
  line-height: 1;
  border: none;
  outline: none;
  background: none;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
}
.page-login form label input::-webkit-input-placeholder {
  color: #fff;
}
.page-login form label input:-moz-placeholder {
  color: #fff;
}
.page-login form label input::-moz-placeholder {
  color: #fff;
}
.page-login form label input:-ms-input-placeholder {
  color: #fff;
}
footer {
  text-align: center;
}
footer img {
  display: inline-block;
  margin: 15px;
  margin-bottom: 0;
}
.Button--link {
  margin-top: 20px;
  height: 20px;
  line-height: 22px;
}
@media screen and (min-width: 768px) {
  .page-login .inner {
    max-width: 368px;
  }
  .page-login .topper {
    max-width: 368px;
  }
  .page-login .bg {
    padding-left: 55px;
    padding-right: 55px;
  }
  .page-login form .error-msg {
    margin: 10px -20px 20px;
  }
  .page-login form .Button {
    display: block;
    width: 100%;
  }
}
.layers-header {
  height: 85px;
}
.layers-list-container {
  height: 100%;
  padding-top: 85px;
}
.layers-list {
  display: inline-block;
  overflow: auto;
  bottom: 3%;
  height: 97%;
  width: 95%;
}
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #113e5d, #015f5f 80%, #017660);
}
.page-login .inner {
  position: relative;
  z-index: 10; /* Aby byl obsah nad částicemi */
}
.Snackbar {
  position: absolute;
  background: #323232;
  z-index: 1000;
  top: 90%;
  left: 50%;
  transform: translateX(-50%);
  user-select: none;
  border-radius: 3px;
  box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12);
}
.Snackbar-content {
  color: #fff;
  position: relative;
  padding: 13px;
  white-space: break-spaces;
  font-size: 12.5px;
  font-size: 0.78125rem;
}
.page-print header {
  padding: 10px;
  height: 70px;
  line-height: 70px;
}
.page-print header>* {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.page-print header h1 {
  margin: 0 0 0 30px;
  padding: 0;
  font-size: 24px;
  font-size: 1.5rem;
}
.page-print header h1 small {
  display: block;
  margin: 5px 0 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
}
.page-print header .actions {
  float: right;
  padding-right: 10px;
  height: 70px;
  line-height: 70px;
}
.page-print header .actions button {
  margin: 0 0 0 10px;
  padding: 10px 20px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: #00afef;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.page-print header .actions button.print-button {
  background: #9ee13e;
}
.page-print .map-print-container {
  position: absolute;
  top: 90px;
  left: 0;
  margin: 0;
  padding: 0 0 50%;
  width: 100%;
  height: 0px;
}
.page-print .map-print-container.portrait {
  padding: 0 0 35%;
  width: 50%;
  height: 50%;
}
.page-print .map-print-container .map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-print .map-print-container .map .map-Wrapper {
  left: 0;
}
.page-print .map-print-container .map .layer {
  left: 0 !important;
}
.page-print .map-print-container .map .map-ControlGroup {
  bottom: inherit;
  top: 60px;
}
.page-print .map-print-container .map .ol-overlaycontainer-stopevent .ol-scale-line-inner {
  bottom: inherit;
  top: 10px;
}
.page-print .map-print-container .map .ol-overlaycontainer-stopevent .ol-rotate {
  background: #fff;
  top: 10px;
  right: 10px;
  bottom: auto;
  position: absolute;
  box-shadow: 0px 0px 2px rgba(0,0,0,0.6);
  z-index: 999;
}
.page-print .map-print-container .legend {
  position: absolute;
  bottom: 30px;
  right: 10px;
}
@media print {
  @page {
    width: landscape;
    height: landscape;
  }
  html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    -webkit-print-color-adjust: exact;
  }
  .page-print header .actions {
    display: none;
  }
  .page-print .map-print-container.portrait {
    width: 720px;
    height: 900px;
    box-sizing: border-box;
  }
  .page-print .map-Controls {
    display: none !important;
  }
}
.page-select {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: linear-gradient(180deg, #113e5d, #015f5f 80%, #017660);
}
.page-select .topper {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 90%;
  min-width: 270px;
  transform: translate(-50%, -50%);
}
.page-select header {
  padding: 20px;
}
.page-select header:before,
.page-select header:after {
  content: "";
  display: table;
}
.page-select header:after {
  clear: both;
}
.page-select header h1 {
  float: left;
  margin: 5px 0 0;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
}
.page-select header h1 small {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #cbe8f3;
}
.page-select header .Button {
  float: right;
  padding: 0 15px;
  width: auto;
}
.page-select ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #cbe8f3;
}
.page-select ul a {
  position: relative;
  display: block;
  padding: 24px 20px;
  padding-right: 50px;
  border-bottom: 1px solid #cbe8f3;
  text-decoration: none;
  color: #fff;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 400;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-select ul a:hover span {
  text-decoration: underline;
}
.page-select ul a span {
  vertical-align: middle;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-select ul a i {
  position: absolute;
  top: 50%;
  right: 23px;
  margin-top: -7px;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .page-select .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 432px;
    transform: translate(-50%, -50%);
  }
  .page-select .topper {
    position: absolute;
    top: 40px;
    left: 50%;
    width: 432px;
    transform: translate(-50%, -50%);
  }
}
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: #fff;
}
@media screen and (max-device-width: 63.9375em) {
  ::-webkit-scrollbar {
    width: 3px;
    background-color: rgba(255,0,0,0);
  }
}
::-webkit-scrollbar-track {
  background-color: #fff;
}
@media screen and (max-device-width: 63.9375em) {
  ::-webkit-scrollbar-track {
    background-color: rgba(255,0,0,0);
  }
}
::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  border-radius: 10px;
  border: 2px solid #fff;
}
@media screen and (max-device-width: 63.9375em) {
  ::-webkit-scrollbar-thumb {
    background-color: rgba(125,125,125,0.5);
    border-radius: 3px;
    border: 1px solid rgba(255,0,0,0);
  }
}
::-webkit-scrollbar-thumb:hover {
  background-color: #7d7d7d;
  border-radius: 10px;
  border: 1px solid #fff;
}
@media screen and (max-device-width: 63.9375em) {
  ::-webkit-scrollbar-thumb:hover {
    border: 1px solid rgba(255,0,0,0);
    border-radius: 3px;
  }
}
.color-main {
  color: #00afef;
}
.color-main-hover:hover {
  color: #00afef;
}
.color-main-dark {
  color: #009dd7;
}
.color-main-dark-hover:hover {
  color: #009dd7;
}
.color-main-darker {
  color: #008bbe;
}
.color-main-darker-hover:hover {
  color: #008bbe;
}
.color-main-light {
  color: #cbe8f3;
}
.color-main-light-hover:hover {
  color: #cbe8f3;
}
.color-main-light-bg {
  color: #f2fbfe;
}
.color-main-light-bg-hover:hover {
  color: #f2fbfe;
}
.color-text-dark {
  color: #1f7fa2;
}
.color-text-dark-hover:hover {
  color: #1f7fa2;
}
.color-main-transparent {
  color: rgba(0,175,239,0.8);
}
.color-main-transparent-hover:hover {
  color: rgba(0,175,239,0.8);
}
.color-content-transparent {
  color: rgba(255,255,255,0.8);
}
.color-content-transparent-hover:hover {
  color: rgba(255,255,255,0.8);
}
.color-action-main {
  color: #9ee13e;
}
.color-action-main-hover:hover {
  color: #9ee13e;
}
.color-action-gradient-start {
  color: #93ce4e;
}
.color-action-gradient-start-hover:hover {
  color: #93ce4e;
}
.color-action-gradient-end {
  color: #85c040;
}
.color-action-gradient-end-hover:hover {
  color: #85c040;
}
.color-action-gradient-start-transparent {
  color: rgba(147,206,78,0.27);
}
.color-action-gradient-start-transparent-hover:hover {
  color: rgba(147,206,78,0.27);
}
.color-action-gradient-end-transparent {
  color: rgba(133,192,64,0.27);
}
.color-action-gradient-end-transparent-hover:hover {
  color: rgba(133,192,64,0.27);
}
.color-action-main-light {
  color: #e6ffc3;
}
.color-action-main-light-hover:hover {
  color: #e6ffc3;
}
.color-action-main-light-transparent {
  color: rgba(230,255,195,0.5);
}
.color-action-main-light-transparent-hover:hover {
  color: rgba(230,255,195,0.5);
}
.color-light {
  color: #f2fbfe;
}
.color-light-hover:hover {
  color: #f2fbfe;
}
.background-main {
  background-color: #00afef;
}
.background-main-hover:hover {
  background-color: #00afef;
}
.background-main-dark {
  background-color: #009dd7;
}
.background-main-dark-hover:hover {
  background-color: #009dd7;
}
.background-main-darker {
  background-color: #008bbe;
}
.background-main-darker-hover:hover {
  background-color: #008bbe;
}
.background-main-light {
  background-color: #cbe8f3;
}
.background-main-light-hover:hover {
  background-color: #cbe8f3;
}
.background-main-light-bg {
  background-color: #f2fbfe;
}
.background-main-light-bg-hover:hover {
  background-color: #f2fbfe;
}
.background-text-dark {
  background-color: #1f7fa2;
}
.background-text-dark-hover:hover {
  background-color: #1f7fa2;
}
.background-main-transparent {
  background-color: rgba(0,175,239,0.8);
}
.background-main-transparent-hover:hover {
  background-color: rgba(0,175,239,0.8);
}
.background-content-transparent {
  background-color: rgba(255,255,255,0.8);
}
.background-content-transparent-hover:hover {
  background-color: rgba(255,255,255,0.8);
}
.background-action-main {
  background-color: #9ee13e;
}
.background-action-main-hover:hover {
  background-color: #9ee13e;
}
.background-action-gradient-start {
  background-color: #93ce4e;
}
.background-action-gradient-start-hover:hover {
  background-color: #93ce4e;
}
.background-action-gradient-end {
  background-color: #85c040;
}
.background-action-gradient-end-hover:hover {
  background-color: #85c040;
}
.background-action-gradient-start-transparent {
  background-color: rgba(147,206,78,0.27);
}
.background-action-gradient-start-transparent-hover:hover {
  background-color: rgba(147,206,78,0.27);
}
.background-action-gradient-end-transparent {
  background-color: rgba(133,192,64,0.27);
}
.background-action-gradient-end-transparent-hover:hover {
  background-color: rgba(133,192,64,0.27);
}
.background-action-main-light {
  background-color: #e6ffc3;
}
.background-action-main-light-hover:hover {
  background-color: #e6ffc3;
}
.background-action-main-light-transparent {
  background-color: rgba(230,255,195,0.5);
}
.background-action-main-light-transparent-hover:hover {
  background-color: rgba(230,255,195,0.5);
}
.background-light {
  background-color: #f2fbfe;
}
.background-light-hover:hover {
  background-color: #f2fbfe;
}
.border-main {
  border-color: #00afef;
}
.border-main-hover:hover {
  border-color: #00afef;
}
.border-main-dark {
  border-color: #009dd7;
}
.border-main-dark-hover:hover {
  border-color: #009dd7;
}
.border-main-darker {
  border-color: #008bbe;
}
.border-main-darker-hover:hover {
  border-color: #008bbe;
}
.border-main-light {
  border-color: #cbe8f3;
}
.border-main-light-hover:hover {
  border-color: #cbe8f3;
}
.border-main-light-bg {
  border-color: #f2fbfe;
}
.border-main-light-bg-hover:hover {
  border-color: #f2fbfe;
}
.border-text-dark {
  border-color: #1f7fa2;
}
.border-text-dark-hover:hover {
  border-color: #1f7fa2;
}
.border-main-transparent {
  border-color: rgba(0,175,239,0.8);
}
.border-main-transparent-hover:hover {
  border-color: rgba(0,175,239,0.8);
}
.border-content-transparent {
  border-color: rgba(255,255,255,0.8);
}
.border-content-transparent-hover:hover {
  border-color: rgba(255,255,255,0.8);
}
.border-action-main {
  border-color: #9ee13e;
}
.border-action-main-hover:hover {
  border-color: #9ee13e;
}
.border-action-gradient-start {
  border-color: #93ce4e;
}
.border-action-gradient-start-hover:hover {
  border-color: #93ce4e;
}
.border-action-gradient-end {
  border-color: #85c040;
}
.border-action-gradient-end-hover:hover {
  border-color: #85c040;
}
.border-action-gradient-start-transparent {
  border-color: rgba(147,206,78,0.27);
}
.border-action-gradient-start-transparent-hover:hover {
  border-color: rgba(147,206,78,0.27);
}
.border-action-gradient-end-transparent {
  border-color: rgba(133,192,64,0.27);
}
.border-action-gradient-end-transparent-hover:hover {
  border-color: rgba(133,192,64,0.27);
}
.border-action-main-light {
  border-color: #e6ffc3;
}
.border-action-main-light-hover:hover {
  border-color: #e6ffc3;
}
.border-action-main-light-transparent {
  border-color: rgba(230,255,195,0.5);
}
.border-action-main-light-transparent-hover:hover {
  border-color: rgba(230,255,195,0.5);
}
.border-light {
  border-color: #f2fbfe;
}
.border-light-hover:hover {
  border-color: #f2fbfe;
}
.default-primary-hover:hover {
  box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -webkit-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
  -moz-box-shadow: -200px -200px 0px 200px rgba(0,0,0,0.13) inset;
}