body {
    padding: 0px;
}
#div-page-cover {
	z-index: 100;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	opacity: 0.5;
	background-color: #CDCDCD
}
#svg-map {
    width: 100%;
    height: 100%;
}
#div-map {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px;
    height: 100%;
    overflow: hidden;
    background-color: #F0F0F0;
}
#header-mapName {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display:block;
    padding-right: 275px;
}
#rect-overlay {
    display: none;
}
#link-toggleGrid {
	position:absolute; 
    right:220px;
    top:10px;
}
#link-saveMap {
	position:absolute; 
    right:165px;
    top:10px;
}
#link-copyMap {
	position:absolute; 
    right:110px;
    top:10px;
}
#link-downloadMap {
	position:absolute; 
    display: none;
    right:55px;
    top:10px;
}
#link-viewMap {
	position:absolute; 
    right:0px;
    top:10px;
}
#header-levelName {
	white-space: nowrap;
	width: 100%;
	display:block;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow:ellipsis;
}
#header-sectionName {
	white-space: nowrap;
	width: 100%;
	display:block;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow:ellipsis;
}
#header-itemName {
    white-space: nowrap;
    width: 100%;
    display: block;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#section-path-point-current {
	fill: white;
	stroke-width: 4px;
	stroke: black;
}
.toolbar-button {
	min-width: 160px;
}
.toolbar-rounded-bottomright {
    position: fixed;
    right: 10px;
    bottom: 10px;
    border-radius: 10px;
    background-color: white;
    box-shadow: -2px 2px 2px #C0C0C0;
    padding: 0px;
    z-index: 10;
}
.toolbar-rounded-bottomleft {
    position: fixed;
    left: 10px;
    bottom: 10px;
    border-radius: 10px;
    background-color: white;
    box-shadow: 2px 2px 2px #C0C0C0;
    padding: 0px;
    z-index: 10;
}
.div-page-cover {
	opacity: 0.5;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #CDCDCD;
	z-index:100;
}
.info-section {
	height: 40px;
}
.label-onright {
	white-space: nowrap;
	width: 100%;
	display:block;
	padding-right: 20px;
	overflow: hidden;
	text-overflow:ellipsis;
}
.link-left {
	position: absolute;
	left: 5px;
	top: 10px;
}
.link-right {
	position: absolute;
	right: 10px;
	top: 10px;
}
.section-highlight {
    fill: #03CEF7;
    cursor: pointer;
    pointer-events: painted;
    z-index: 3;
}
.section-highlight-show {
    opacity: 0.5;
    stroke: #000;
    stroke-width: 1;
    stroke-dasharray: 5,5;
}
.section-highlight-dim {
    opacity: 0.2;
}
.section-highlight-hide {
    opacity: 0;
}
.section-highlight-hover:hover {
    opacity: 0.5;
}
.toolbar-topright {
    margin-top: 50px;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 200px;
    box-shadow: -4px 4px 4px #C0C0C0;
    z-index: 1;
}
.toolbar-topleft {
    margin-top: 50px;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 200px;
    box-shadow: 4px 4px 4px #C0C0C0;
    z-index: 1;
}
.toolbar-topcenter {
	top: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    text-align: left;
    box-shadow: 4px 4px 4px #C0C0C0;
    z-index: 2;
}
.panel-padded {
    margin: 10px;
    text-align: left;
}
.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.list-scroll-medium {
    max-height: 250px;
}
.list-scroll {
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: auto;
}
.list-scroll > li {
	text-overflow: ellipsis;
	overflow: hidden;
}
.div-container {
    padding: 10px;
}
.toolbar {
	position: fixed;
	padding: 0px;
    z-index: 10;
    background-color: white;
}
.toolbar-rounded {
    position: fixed;
    border-radius: 10px;
    background-color: white;
    box-shadow: -2px 2px 2px #C0C0C0;
    padding: 0px;
    z-index: 10;
}
.level-background-image {
	z-index: 1;
}
.level-level-image {
	z-index: 2;
}
.header1 {
	font-size: 24px;
	padding: 10px 15px;
	position: relative;
	overflow: hidden;
	text-overflow:ellipsis;
}
.header2 {
	font-size: 18px;
	padding: 10px 15px;
	position: relative;
	overflow: hidden;
	text-overflow:ellipsis;
}
.header3 {
	font-size: 16px;
	padding: 10px 15px;
	position: relative;
	overflow: hidden;
	text-overflow:ellipsis;
}
.link {
    cursor: pointer;
}
.link-button {
	padding: 5px 15px;
	cursor: pointer;
}
.link:hover {
	/* text-shadow: 0 0 8px gray; */
	color: #400080;
}
.link-button:hover {
	/* text-shadow: 0 0 8px gray; */
	color: #400080;
}
.bg-important {
	background-color: #CDCDCD;
}
.centered-text {
	text-align: center;
}
.left-text {
	text-align: left;
}
.right-text {
	text-align: right;
}
.selectLevelType-item:hover {
	background-color: #CDCDCD;
}