html, body, #map {
	height: 100%;
	width: 100%;
	margin: 0px;
	display: flex;
    flex-direction: row;
}

/* контейнер sidebar */
@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?2f1ce1');
  src: url('font/fontello.eot?7147309#iefix') format('embedded-opentype'),
       url('font/fontello.woff?3c19f2') format('woff'),
       url('font/fontello.ttf?ad63f8') format('truetype'),
       url('font/fontello.svg?7147309#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]: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-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%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-layers:before {
  content: '\e82e';
}

.icon-refresh:before {
  content: '\';
}

.icon-link:before {
  content: '\';
}
/*
.overlays:before {
    content: "\f5fd";
}
*/
/* контейнер sidebar */
.editor-sidebarContainer {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-transition: width .5s ease;
  transition: width .5s ease;
  z-index: 20;
}

.editor_sidebarExpanded.editor-sidebarContainer {
  width: 500px;
}



/* контейнер карты */

.tabIcon svg {
    width: 26px;
    height: 40px;
}

/*	for scrollbar	*/
::-webkit-scrollbar
{
	cursor: pointer;
	width: 4px;  /* for vertical scrollbars */
	height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.5);
}

/* контейнер SidebarControl */
.overlays-options-footer .leaflet-gmx-iconSvg {
    height: 40px;
}
.overlays-options-footer svg {
    height: 32px;
    width: 32px;
}

.leaflet-right.leaflet-top.leaflet-bottom.gmx-bottom-shift {
	top: 36%;
}
/*
.fa, .far, .fas {
	font-family: "FontAwesome";
	font-style: normal;
}
.fa, .fas {
    font-weight: 900;
}

.fa-layer-group:before {
    content: "\f5fd";
}
 */

.opened {
	color: #f57c00;
}
.closed {
	color: #757575;
}
.scanex-sidebar .tabs > div {
	padding: 15px;
	cursor: pointer;
}
.scanex-sidebar .panes > div[data-pane-id="treeView"] {
	width: 300px;
/*
	height: 100vh;
	padding: 5px;
	border: 1px solid;
    overflow-y: auto;
    height: 400px;
*/
}

/*
.scanex-sidebar .panes {
	background-color: #fff;		
}
*/
.scanex-sidebar {	
	font-family: sans-serif;
	font-size: 12px;	
}
.leaflet-iconLayers {
    /* padding-left: 44px; */
}
.TreeView {
	max-height: calc(100vh - 128px);
	border: 1px solid;
}