.alert {
  color: #fff;
  padding: .8em 1.2em;
  border-radius: .4em;
  margin: .8em 0;
}

.alert--error {
  background: #ffa2a2;
}

.alert--success {
  background: #090;
}

.alert--warning {
  background: #ffecaf;
  color: #0f0f0f;
}

.appheader {
  display: inline-flex;
  align-items: center;
}

.appheader-logo {
  font-size: 4.5rem;
}

.appheader-caption {
  font-size: 120%;
  text-decoration: none;
  color: #f4f4f4;
  color: var(--color-fg);
  margin: 0 0 0 .5em;
  font-weight: normal;
  line-height: 1.3;
  overflow: hidden;
  flex: 1;
}

.appheader-caption_geonomics {
  display: block;
  color: #03a0e3;
}

.appheader-caption_sub {
  display: block;
  font-weight: 200;
  font-size: 90%;
}

.footer_block {
  box-sizing: border-box;
  padding: .25em;
  display: flex;
  flex-direction: column;
  color: #f4f4f4;
  color: var(--theme-sidebar-fg);
}

.footer_block-text {
  font-size: .75em;
  font-weight: normal;
  color: inherit;
}

.lang-item {
  font-family: inherit;
  color: inherit;
  background: none;
  border: none;
  margin: .5em 0;
  font-size: 70%;
  font-weight: 200;
  padding: 0;
  text-transform: uppercase;
  cursor: pointer;
  display: block;
  min-width: 2em; /* prevent width change when switch to bold */
}

.lang-item:focus {
  outline: none;
}

.lang-item--selected {
  font-weight: 500;
}

.lang-item--en {
  display: none;
}

.logo {
  background-image: url('../../assets/logo_eb12bf76.svg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 4.5rem;
  width: 1em;
  height: 1em;
  min-width: 1em;
}

/* roboto-100 - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-100_ff96de7f.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-100_28e00c69.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-100italic - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-100italic_ed83cdfb.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-100italic_c7c9224c.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300 - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-300_1fa8191a.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-300_3157796a.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300italic - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-300italic_f726db93.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-300italic_f3742fd6.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-italic - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-italic_ab51cf07.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-italic_ca6e0eea.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-regular_a1381afc.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-regular_7abe1e9f.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-500_d962e4a3.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-500_19fb45a4.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500italic - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-500italic_7fdfeca4.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-500italic_bf94158.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-700_627cdecd.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-700_4557200e.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700italic - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-700italic_39718ad5.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-700italic_28dc32af.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900 - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-900_24ebb194.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-900_72f3dd20.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900italic - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-900italic_7127ee0.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-900italic_c27330db.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {
  font-size: 16px;
  font-family: 'Roboto';

  --theme-head-bg: #191925;
  --theme-head-gl: 100%;
  --theme-head-fg: #fff;
  --theme-sidebar-bg: #20202f;
  --theme-sidebar-fg: #f4f4f4;
  --theme-sidebar-highlight: #14141d;
  --theme-sidebar-highlight-gutter: #437ca5;
  --theme-badge-fg: #f4f4f4;
  --theme-badge-bg: #555;
  --theme-expander-bg: #333;
  --theme-maptoggler-bg: #fff;
  --theme-maptoggler-border: #fff;
  --theme-bottompanel-bg: #20202f;
  --theme-bottompanel-fg: #fff;
  --theme-admterr-bg: #28283f;
  --theme-admterr-fg: var(--theme-sidebar-fg);
  --theme-admterr-highlight: var(--theme-sidebar-highlight);
  --theme-admterr-highlight-gutter: var(--theme-sidebar-highlight-gutter);

  --ctl_border_color: #ccc;
  --button_face_color: #437ca5;
  --transition_duration: 200ms;
  --color-bg: #20202f;
  --color-fg: #f4f4f4;
  --color-mute: #888;
  --color-highlight: #a1a4b2;

  --forms-grid-width: 3.75em;
  --forms-content-width: 83%;
  --forms-content-max-width: 47em;
}

/* override this */

@font-face {
  font-family: 'fontello';
  src: url('../../assets/fontello_1ea8c155.eot?39026422');
  src: url('../../assets/fontello_1ea8c155.eot?39026422#iefix') format('embedded-opentype'),
       url('../../assets/fontello_5bcff38f.woff2?39026422') format('woff2'),
       url('../../assets/fontello_9daa923d.woff?39026422') format('woff'),
       url('../../assets/fontello_2aea7c0.ttf?39026422') format('truetype'),
       url('../../assets/fontello_fc419a79.svg?39026422#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?39026422#fontello') format('svg');
  }
}
*/

[class^="fontello--"]:before, [class*=" fontello--"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.fontello--search1:before { content: '\e800'; }

/* '' */

.fontello--dot3:before { content: '\e801'; }

/* '' */

.fontello--down:before { content: '\e802'; }

/* '' */

.fontello--trash:before { content: '\e803'; }

/* '' */

.fontello--search:before { content: '\e804'; }

/* '' */

.fontello--feather:before { content: '\e805'; }

/* '' */

.fontello--ok:before { content: '\e806'; }

/* '' */

.fontello--cancel:before { content: '\e807'; }

/* '' */

.fontello--download_alt:before { content: '\e808'; }

/* '' */

.fontello--cancel1:before { content: '\e809'; }

/* '' */

.fontello--resize_full:before { content: '\e80a'; }

/* '' */

.fontello--location:before { content: '\e80b'; }

/* '' */

.fontello--resize_full_alt:before { content: '\e80c'; }

/* '' */

.fontello--right_open_big:before { content: '\e80d'; }

/* '' */

.fontello--loop:before { content: '\e80e'; }

/* '' */

.fontello--lock-right:before { content: '\e80f'; }

/* '' */

.fontello--lock:before { content: '\e810'; }

/* '' */

.fontello--monitoring:before { content: '\e811'; }

/* '' */

.fontello--layers:before { content: '\e812'; }

/* '' */

.fontello--vcard:before { content: '\e813'; }

/* '' */

.fontello--user2:before { content: '\e814'; }

/* '' */

.fontello--spinner:before { content: '\e830'; }

/* '' */

.fontello--play:before { content: '\f00f'; }

/* '' */

.fontello--check_off:before { content: '\f096'; }

/* '' */

.fontello--dashboard:before { content: '\f0e4'; }

/* '' */

.fontello--lock-open-alt:before { content: '\f13e'; }

/* '' */

.fontello--check_on:before { content: '\f14a'; }

/* '' */

.fontello--map0:before { content: '\f278'; }

/* '' */

.fontello--user:before { content: '\f2c0'; }

/* '' */

.fontello--window_maximize:before { content: '\f2d0'; }

/* '' */

:root {
  --fontello-check_off: "\f096";
  --fontello-down: "\e802";
  --fontello-search: "\e804";
  --fontello-check_on: "\f14a";
  --fontello-dot3: "\e801";
  --fontello-trash: "\e803";
  --fontello-feather: "\e805";
  --fontello-ok: "\e806";
  --fontello-cancel: "\e807";
  --fontello-download_alt: "\e808";
  --fontello-cancel1: "\e809";
  --fontello-resize_full: "\e80a";
  --fontello-map0: "\f278";
  --fontello-location: "\e80b";
  --fontello-play: "\f00f";
  --fontello-search1: "\e800";
  --fontello-right_open_big: "\e80d";
  --fontello-window_maximize: "\f2d0";
  --fontello-resize_full_alt: "\e80c";
  --fontello-loop: "\e80e";
  --fontello-spinner: "\e830";
  --fontello-dashboard: "\f0e4";
  --fontello-lock: "\e810";
  --fontello-lock-open-alt: "\f13e";
  --fontello-user: "\f2c0";
  --fontello-lock-right: "\e80f";
  --fontello-monitoring: "\e811";
  --fontello-layers: "\e812";
  --fontello-vcard: "\e813";
  --fontello-user2: "\e814";
}

:root {
  --scrollbar-width: .875rem;
}

/* stylelint-disable-next-line selector-max-type */

html,
body {
  overflow: hidden;
  font-weight: 300;
  padding: 0;
  margin: 0;
}

::-webkit-scrollbar {
  width: .875rem;
  width: var(--scrollbar-width);
  height: .875rem;
  height: var(--scrollbar-width);
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 1rem;
}

.signin_screen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #eee;
}

.signin_screen-top_stripe {
  height: 30%;
  min-height: 12em;
  background: #191925;
  background: var(--theme-head-bg);
}

.signin_screen-appheader {
  position: absolute;
  top: -5.5em;
  left: 0;
}

.signin_screen-lang {
  position: absolute;
  top: -5.8em;
  right: 0;
  color: #fff;
  color: var(--theme-head-fg);
  margin-right: .45em;
}

.signin_screen-title {
  color: #777;
  text-align: center;
  font-weight: normal;
  margin: .1em 0 .5em;
}

.signin_screen-form_wrapper {
  position: relative;
  top: -5em;
  margin: 0 auto;
  max-width: 500px;
  background-color: #fff;
  border-radius: 1em;
  padding: 2em 3em 0;
  box-shadow: 0 0 6.667em 0 rgba(0, 0, 0, .3);
}

.signin_screen-input {
  width: 100%;
  border: none;
  border-bottom: 2px solid #eee;
  line-height: 3;
  outline: none;
  transition: border-bottom 200ms;
  font-size: 1em;
  margin: 0;
}

.signin_screen-input:focus {
  border-bottom-color: #437ca5;
}

.signin_screen-submit_bar {
  display: flex;
  grid-gap: .5em;
  gap: .5em;
  margin-top: 1.5em;
}

.signin_screen-submit {
  flex: 1;
  background: #437ca5;
  color: #fff;
  border: none;
  border-radius: .4em;
  width: 100%;
  padding: .8em;
  font-size: 1.2em;
  outline: none;
  cursor: pointer;
  transition: opacity 200ms ease;
}

.signin_screen-submit--busy {
  opacity: .5;
}

.signin_screen-form {
  margin: 0;
}

.signin_screen-form_footer {
  margin: 1em -3em;
  border-top: 1px solid #ddd;
  text-align: center;
  padding: 0;
  color: #888;
}

.signin_screen-signup,
.signin_screen-usermanual {
  color: #333;
  font-size: 80%;
  line-height: 4;
  margin: 0 1em;
}

.signin_screen-remember {
  margin: 1.5em 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #888;
  font-size: 80%;
}

.signin_screen-remember_check {
  border-radius: 100px;
  display: inline-block;
  font-size: 150%;
  height: 1em;
  width: 1em;
  box-sizing: border-box;
  border: 2px solid rgba(0, 0, 0, .3);
  vertical-align: -.25em;
  margin-right: .25em;
  position: relative;
}

.signin_screen-remember_check--on {
  background-color: #437ca5;
  border: none;
}

.signin_screen-remember_check::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 3px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.signin_screen-remember_check--on::after {
  display: block;
}

.signin_screen-footer {
  position: relative;
  top: -5em;
  text-align: center;
  color: #888;
}