body {
	height: 100vh;
  margin:0;
	background-color:rgb(230,230,230) !important;
}

.box {
	display: flex;
	flex-flow: column;
	height: 100vh;
	background-color:rgb(230,230,230);
}

.formbox {
	background-color:rgb(230,230,230);
}

.headercontainer {
	_display: flex;
  _flex-direction: row;
	_justify-content: center;
	width:100%;
  text-align:center;
}

.logo {
	float: left;
}

.usericon {
	float: right;
}

.details {
	display: inline-block;
}

header {
	flex-grow: 0;
	background-color:rgb(230,230,230);
}

.mymenu {
	background-color:rgb(230,230,230);
}

.maincontent {
	flex-grow: 1;
	position: relative;
	overflow: hidden;
}

.maincontentsub {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.map {
  width: calc(100% - 100px);
  height: 100%;
	max-height: 100%;
  float: left;
}

.list {
  width: 100px;
	height: 100%;
	max-height: 100%;
	overflow: auto;
}

footer {
	flex-grow: 0;
	background-color:rgb(230,230,230);
}

ul {
}

.positions {
  list-style-position: inside;
  list-style-type: none;
  overflow: hidden;
  padding-left: 10px !important;
	margin-top: 0;
	margin-bottom: 0;
}

.positions > li {
  font: 200 14px/1.5 Helvetica, Verdana, sans-serif;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

.positions > li:last-child {
  border: none;
}

.positions > li  {
  text-decoration: none;
  color: #000;

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
  display: block;
}

.positions > li:hover {
  font-size: 18px;
  background: #e6e6e6;
}

.li_active {
  font-size: 18px;
  background: #f6f6f6;
}