/* Minification failed. Returning unminified contents.
(13172,5): run-time error CSS1019: Unexpected token, found '-'
(13172,6): run-time error CSS1019: Unexpected token, found '-'
(13172,7): run-time error CSS1019: Unexpected token, found '-'
(13172,24): run-time error CSS1031: Expected selector, found '-->'
(13172,24): run-time error CSS1025: Expected comma or open brace, found '-->'
 */
/*Grid*/
.ui-jqgrid {position: relative;}
.ui-jqgrid .ui-jqgrid-view {position: relative;left:0; top: 0; padding: 0; font-size:11px;}
/* caption*/
.ui-jqgrid .ui-jqgrid-titlebar {padding: .3em .2em .2em .3em; position: relative; border-left: 0 none;border-right: 0 none; border-top: 0 none;}
.ui-jqgrid .ui-jqgrid-title { float: left; margin: .1em 0 .2em; }
.ui-jqgrid .ui-jqgrid-titlebar-close { position: absolute;top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height:18px;}.ui-jqgrid .ui-jqgrid-titlebar-close span { display: block; margin: 1px; }
.ui-jqgrid .ui-jqgrid-titlebar-close:hover { padding: 0; }
/* header*/
.ui-jqgrid .ui-jqgrid-hdiv {position: relative; margin: 0;padding: 0; overflow-x: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}
.ui-jqgrid .ui-jqgrid-hbox {float: left; padding-right: 20px;}
.ui-jqgrid .ui-jqgrid-htable {table-layout:fixed;margin:0;}
.ui-jqgrid .ui-jqgrid-htable th {height:22px;padding: 0 2px 0 2px;}
.ui-jqgrid .ui-jqgrid-htable th div {overflow: hidden; position:relative; height:17px;}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {overflow: hidden;white-space: nowrap;text-align:center;border-top : 0 none;border-bottom : 0 none;}
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {border-left : 0 none;}
.ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {border-right : 0 none;}
.ui-first-th-ltr {border-right: 1px solid; }
.ui-first-th-rtl {border-left: 1px solid; }
.ui-jqgrid .ui-th-div-ie {white-space: nowrap; zoom :1; height:17px;}
.ui-jqgrid .ui-jqgrid-resize {height:20px !important;position: relative; cursor :e-resize;display: inline;overflow: hidden;}
.ui-jqgrid .ui-grid-ico-sort {overflow:hidden;position:absolute;display:inline; cursor: pointer !important;}
.ui-jqgrid .ui-icon-asc {margin-top:-3px; height:12px;}
.ui-jqgrid .ui-icon-desc {margin-top:3px;height:12px;}
.ui-jqgrid .ui-i-asc {margin-top:0;height:16px;}
.ui-jqgrid .ui-i-desc {margin-top:0;margin-left:13px;height:16px;}
.ui-jqgrid .ui-jqgrid-sortable {cursor:pointer;}
.ui-jqgrid tr.ui-search-toolbar th { border-top-width: 1px !important; border-top-color: inherit !important; border-top-style: ridge !important }
tr.ui-search-toolbar input {margin: 1px 0 0 0}
tr.ui-search-toolbar select {margin: 1px 0 0 0}
/* body */ 
.ui-jqgrid .ui-jqgrid-bdiv {position: relative; margin: 0; padding:0; overflow: auto; text-align:left;}
.ui-jqgrid .ui-jqgrid-btable {table-layout:fixed; margin:0; outline-style: none; }
.ui-jqgrid tr.jqgrow { outline-style: none; }
.ui-jqgrid tr.jqgroup { outline-style: none; }
.ui-jqgrid tr.jqgrow td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid tr.jqgfirstrow td {padding: 0 2px 0 2px;border-right-width: 1px; border-right-style: solid;}
.ui-jqgrid tr.jqgroup td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid tr.jqfoot td {font-weight: bold; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid tr.ui-row-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
.ui-jqgrid tr.ui-row-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
.ui-jqgrid td.jqgrid-rownum { padding: 0 2px 0 2px; margin: 0; border: 0 none;}
.ui-jqgrid .ui-jqgrid-resize-mark { width:2px; left:0; background-color:#777; cursor: e-resize; cursor: col-resize; position:absolute; top:0; height:100px; overflow:hidden; display:none; border:0 none; z-index: 99999;}
/* footer */
.ui-jqgrid .ui-jqgrid-sdiv {position: relative; margin: 0;padding: 0; overflow: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}
.ui-jqgrid .ui-jqgrid-ftable {table-layout:fixed; margin-bottom:0;}
.ui-jqgrid tr.footrow td {font-weight: bold; overflow: hidden; white-space:nowrap; height: 21px;padding: 0 2px 0 2px;border-top-width: 1px; border-top-color: inherit; border-top-style: solid;}
.ui-jqgrid tr.footrow-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
.ui-jqgrid tr.footrow-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
/* Pager*/
.ui-jqgrid .ui-jqgrid-pager { border-left: 0 none !important;border-right: 0 none !important; border-bottom: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative; height: 25px;white-space: nowrap;overflow: hidden;font-size:11px;}
.ui-jqgrid .ui-pager-control {position: relative;}
.ui-jqgrid .ui-pg-table {position: relative; padding-bottom:2px; width:auto; margin: 0;}
.ui-jqgrid .ui-pg-table td {font-weight:normal; vertical-align:middle; padding:1px;}
.ui-jqgrid .ui-pg-button  { height:19px !important;}
.ui-jqgrid .ui-pg-button span { display: block; margin: 1px; float:left;}
.ui-jqgrid .ui-pg-button:hover { padding: 0; }
.ui-jqgrid .ui-state-disabled:hover {padding:1px;}
.ui-jqgrid .ui-pg-input { height:13px;font-size:.8em; margin: 0;}
.ui-jqgrid .ui-pg-selbox {font-size:.8em; line-height:18px; display:block; height:18px; margin: 0;}
.ui-jqgrid .ui-separator {height: 18px; border-left: 1px solid #ccc ; border-right: 1px solid #ccc ; margin: 1px; float: right;}
.ui-jqgrid .ui-paging-info {font-weight: normal;height:19px; margin-top:3px;margin-right:4px;}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {padding:1px 0;float:left;position:relative;}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button { cursor:pointer; }
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div  span.ui-icon {float:left;margin:0 2px;}
.ui-jqgrid td input, .ui-jqgrid td select .ui-jqgrid td textarea { margin: 0;}
.ui-jqgrid td textarea {width:auto;height:auto;}
.ui-jqgrid .ui-jqgrid-toppager {border-left: 0 none !important;border-right: 0 none !important; border-top: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative; height: 25px !important;white-space: nowrap;overflow: hidden;}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {padding:1px 0;float:left;position:relative;}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { cursor:pointer; }
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div  span.ui-icon {float:left;margin:0 2px;}
/*subgrid*/
.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {display: block;}
.ui-jqgrid .ui-subgrid {margin:0;padding:0; width:100%;}
.ui-jqgrid .ui-subgrid table {table-layout: fixed;}
.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {height:18px;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid .ui-subgrid td.subgrid-data {border-top:  0 none !important;}
.ui-jqgrid .ui-subgrid td.subgrid-cell {border-width: 0 0 1px 0;}
.ui-jqgrid .ui-th-subgrid {height:20px;}
/* loading */
.ui-jqgrid .loading {position: absolute; top: 45%;left: 45%;width: auto;z-index:101;padding: 6px; margin: 5px;text-align: center;font-weight: bold;display: none;border-width: 2px !important; font-size:11px;}
.ui-jqgrid .jqgrid-overlay {display:none;z-index:100;}
* html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
* .jqgrid-overlay iframe {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
/* end loading div */
/* toolbar */
.ui-jqgrid .ui-userdata {border-left: 0 none;    border-right: 0 none;	height : 21px;overflow: hidden;	}
/*Modal Window */
.ui-jqdialog { display: none; width: 300px; position: absolute; padding: .2em; font-size:11px; overflow:visible;}
.ui-jqdialog .ui-jqdialog-titlebar { padding: .3em .2em; position: relative;  }
.ui-jqdialog .ui-jqdialog-title { margin: .1em 0 .2em; } 
.ui-jqdialog .ui-jqdialog-titlebar-close { position: absolute;  top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }

.ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: 1px; }
.ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus { padding: 0; }
.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { border: 0; padding: .3em .2em; background: none; height:auto;}
.ui-jqdialog .ui-jqconfirm {padding: .4em 1em; border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center;}
.ui-jqdialog>.ui-resizable-se { bottom: -3px; right: -3px}
/* end Modal window*/
/* Form edit */
.ui-jqdialog-content .FormGrid {margin: 0;}
.ui-jqdialog-content .EditTable { width: 100%; margin-bottom:0;}
.ui-jqdialog-content .DelTable { width: 100%; margin-bottom:0;}
.EditTable td input, .EditTable td select, .EditTable td textarea {margin: 0;}
.EditTable td textarea { width:auto; height:auto;}
.ui-jqdialog-content td.EditButton {text-align: right;border-top: 0 none;border-left: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}
.ui-jqdialog-content td.navButton {text-align: center; border-left: 0 none;border-top: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}
.ui-jqdialog-content input.FormElement {padding:.3em}
.ui-jqdialog-content select.FormElement {padding:.3em}
.ui-jqdialog-content .data-line {padding-top:.1em;border: 0 none;}

.ui-jqdialog-content .CaptionTD {vertical-align: middle;border: 0 none; padding: 2px;white-space: nowrap;}
.ui-jqdialog-content .DataTD {padding: 2px; border: 0 none; vertical-align: top;}
.ui-jqdialog-content .form-view-data {white-space:pre}
.fm-button { display: inline-block; margin:0 4px 0 0; padding: .4em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fm-button-icon-left { padding-left: 1.9em; }
.fm-button-icon-right { padding-right: 1.9em; }
.fm-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px; }
.fm-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px;}
#nData, #pData { float: left; margin:3px;padding: 0; width: 15px; }
/* End Eorm edit */
/*.ui-jqgrid .edit-cell {}*/
.ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {font-style : normal;border-left: 0 none;}
/* inline edit actions button*/
.ui-inline-del.ui-state-hover span, .ui-inline-edit.ui-state-hover span,
.ui-inline-save.ui-state-hover span, .ui-inline-cancel.ui-state-hover span {
    margin: -1px;
}
/* Tree Grid */
.ui-jqgrid .tree-wrap {float: left; position: relative;height: 18px;white-space: nowrap;overflow: hidden;}
.ui-jqgrid .tree-minus {position: absolute; height: 18px; width: 18px; overflow: hidden;}
.ui-jqgrid .tree-plus {position: absolute;	height: 18px; width: 18px;	overflow: hidden;}
.ui-jqgrid .tree-leaf {position: absolute;	height: 18px; width: 18px;overflow: hidden;}
.ui-jqgrid .treeclick {cursor: pointer;}
/* moda dialog */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
.ui-jqgrid-dnd tr td {border-right-width: 1px; border-right-color: inherit; border-right-style: solid; height:20px}
/* RTL Support */
.ui-jqgrid .ui-jqgrid-title-rtl {float:right;margin: .1em 0 .2em; }
.ui-jqgrid .ui-jqgrid-hbox-rtl {float: right; padding-left: 20px;}
.ui-jqgrid .ui-jqgrid-resize-ltr {float: right;margin: -2px -2px -2px 0;}
.ui-jqgrid .ui-jqgrid-resize-rtl {float: left;margin: -2px 0 -1px -3px;}
.ui-jqgrid .ui-sort-rtl {left:0;}
.ui-jqgrid .tree-wrap-ltr {float: left;}
.ui-jqgrid .tree-wrap-rtl {float: right;}
.ui-jqgrid .ui-ellipsis {text-overflow:ellipsis;}

/* Toolbar Search Menu */
.ui-search-menu { position: absolute; padding: 2px 5px;}
.ui-jqgrid .ui-search-table { padding: 0px 0px; border: 0px none; height:20px; width:100%;}
.ui-jqgrid .ui-search-table .ui-search-oper { width:20px; }
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */
	
@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

.leaflet-contextmenu {
    display: none;
    box-shadow: 0 1px 7px rgba(0,0,0,0.4);
    -webkit-border-radius: 4px;
    border-radius: 2px;
    padding: 4px 0;
    background-color: #fff;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.leaflet-contextmenu a.leaflet-contextmenu-item {
    display: block;
    color: #222;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    padding: 0 12px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: default;
    outline: none;
}

.leaflet-contextmenu a.leaflet-contextmenu-item-disabled {
    opacity: 0.5;
}

.leaflet-contextmenu a.leaflet-contextmenu-item.over {
    background-color: #f4f4f4;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.leaflet-contextmenu a.leaflet-contextmenu-item-disabled.over {
    background-color: inherit;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.leaflet-contextmenu-icon {
    margin: 2px 8px 0 0;
    width: 16px;
    height: 16px;
    float: left;
    border: 0;
}

.leaflet-contextmenu-separator {
    border-bottom: 1px solid #ccc;
    margin: 5px 0;
}

/*
    @font-family-1:           Arial, Helvetica, sans-serif;
@font-family-2:           Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
*/
.clear {
  clear: both;
}
span.clear {
  display: block;
}
/* FROM jquery-ui css*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
html,
body {
  height: 100%;
}
body {
  font-size: 0.8em;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0;
  padding: 0;
}
.js-container .js-hidden,
.js-container .js-hidden-temp {
  display: none;
}
.js-support.js-support-hidden {
  display: none !important;
}
@media (max-width: 480px) {
  .hide-xs {
    display: none!important;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .hide-sm {
    display: none!important;
  }
}
a,
a:link,
a:visited,
a:active,
.ui-widget-content a.basic-link,
.ui-widget-content a.basic-link:link,
.ui-widget-content a.basic-link:visited,
.ui-widget-content a.basic-link:active .ui-widget-content .basic-links a,
.ui-widget-content .basic-links a:link,
.ui-widget-content .basic-links a:visited,
.ui-widget-content .basic-links a:active {
  color: #034af3;
  cursor: pointer;
  text-decoration: underline;
}
a:hover,
.ui-widget-content a.basic-link:hover,
.ui-widget-content .basic-links a:hover {
  color: #2c5283;
}
a img {
  border: none;
}
a:focus {
  outline: 1px solid black;
  outline: 2px solid -webkit-focus-ring-color;
}
/* HEADINGS
----------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1.5em;
  color: #000;
}
h1 {
  margin: 0;
  padding: 0.5em 0.5em 0.5em 0;
  font-size: 1.9em;
  font-weight: normal;
}
h1.pageTitle {
  margin-top: 0.5em;
}
h2 {
  margin: 0;
  padding: 0 0.2em 0.1em 0;
  font-size: 1.5em;
}
h3 {
  margin: 0;
  padding: 0 0.2em 0.1em 0;
  font-size: 1.2em;
}
h4 {
  font-size: 1.1em;
}
h5,
h6 {
  font-size: 1em;
}
h2 span.hx-resetfont,
h3 span.hx-resetfont,
h4 span.hx-resetfont {
  font-weight: normal;
}
h2 span.hx-resetfont {
  font-size: 0.66em;
}
h3 span.hx-resetfont {
  font-size: 0.83em;
}
h4 span.hx-resetfont {
  font-size: 0.91em;
}
.page {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* IE6 fix*/
  margin: 0 auto -25px;
  background-color: #fff;
}
.fixed-980 {
  position: relative;
  margin: 0 auto;
  width: 980px;
  display: block;
}
.content {
  width: 100%;
  padding: 0;
  margin: 0;
}
.inner-content {
  padding: 0.5em;
}
/* TABLE */
.layoutTable {
  border-spacing: 0;
}
.layoutTable td.layout {
  vertical-align: middle;
}
.layoutTable.col-top td.layout {
  vertical-align: top;
}
.layoutTable.fiftyfifty,
.layoutTable.fullwidth {
  width: 100%;
}
.layoutTable td.layout.one-third {
  width: 33%;
}
.layoutTable.fiftyfifty td.layout {
  width: 50%;
}
.layoutTable.fiftyfifty td.layout {
  width: 50%;
}
th.textfieldLabel,
td.textfieldLabel,
td.layoutTable {
  vertical-align: top;
}
td.textfieldLabel,
th.textfieldLabel {
  padding-top: 0.4em;
}
td.cell-center,
th.cell-center {
  text-align: center;
}
td.cell-right,
th.cell-right {
  text-align: right;
}
td.cell-left,
th.cell-left {
  text-align: left;
}
table td.cell-fill,
th.cell-fill {
  width: 100%;
}
table td.cell-fill-half,
th.cell-fill-half {
  width: 50%;
}
td.cell-number,
th.cell.number {
  text-align: right;
}
table.nowrap tr,
.nowrap {
  white-space: nowrap;
}
/* ERROR */
.error-container {
  width: 50%;
  margin: 5em auto;
}
.error-container .error-id {
  color: #e2e2e2;
  font-size: 0.8em;
  text-align: right;
}
.error-container p {
  margin-top: 1em;
}
.error-container ul.action-links {
  list-style-type: none;
  margin: 1em 0 0 0;
  padding: 0;
}
.error-container ul.action-links li {
  display: inline;
}
/* VALIDATION */
input.required,
textarea.required,
option.required,
select.required,
input.field-required,
textarea.field-required,
option.field-required,
select.field-required,
.field-required input,
.field-required select,
.field-required textarea {
  background-color: #fffbc9;
}
select.field-required option,
.field-required select option select.required option,
select.required optgroup {
  background-color: transparent;
}
.error,
.field-validation-error,
.field-warning,
.mandatory-field-error {
  color: #C81922;
}
input.error,
textarea.error,
option.error,
.input-validation-error {
  border: 1px dotted #f00;
  padding: 2px;
}
.validation-summary-errors {
  font-weight: bold;
  color: #C81922;
}
.validation-summary-valid {
  display: none;
}
/* BREADCRUMB NAVIGATION MENU */
.breadcrumb-navi {
  float: left;
  width: 100%;
  line-height: normal;
  text-align: center;
  padding-top: 0.2em;
  padding-bottom: 0.8em;
  font-size: 1.5em;
  font-weight: bold;
}
.breadcrumb-navi ul.navi ul,
ul.navi li {
  float: left;
  list-style: none;
  margin: 0;
}
.breadcrumb-navi ul.navi {
  margin: 0;
  padding: 9px 9px 0;
}
.breadcrumb-navi ul.navi a {
  float: left;
  display: block;
}
.breadcrumb-navi ul.navi a:hover {
  color: #2c5283;
}
.breadcrumb-navi ul.navi li.selected {
  position: relative;
  top: 1px;
}
/* Table */
.item-table {
  border: 0;
  border-spacing: 0;
  margin: 0;
}
.item-table.fill,
.item-table .table-col-fill {
  width: 100%;
}
.item-table td,
.item-table th {
  padding: 0.2em;
}
.item-table td + td,
.item-table th + td {
  padding-left: 0.4em;
}
.item-table thead {
  background-color: #c3dafa;
}
.item-table thead td,
.item-table thead th {
  text-align: left;
  font-weight: bold;
}
.item-table .even {
  background-color: #eaf2ff;
}
.item-table tr:not(.internal-header):nth-child(even) {
  background-color: #eaf2ff;
}
.item-table tr:not(.internal-header).odd:nth-child(even) {
  background-color: transparent;
}
.item-table tr.internal-header {
  background-color: #c3dafa;
}
/* NOTIFICATION PANEL */
.notification {
  margin: 0.2em 0;
}
.notification.box {
  margin: 0.5em;
}
.notification .success,
.notification .error,
.notification .info,
.notification .loading,
.notification .warning,
.notification .saving,
.notification .deleting {
  display: block;
}
.notification .hide {
  display: none;
}
.notification div,
.notification .loading,
.notification .saving,
.notification .deleting {
  background: #ebebeb;
}
.notification .notification-icon {
  margin-right: 0.5em;
  background-position: 0 16px;
  width: 0;
}
.notification .notification-content,
.notification .notification-content div {
  background: transparent;
}
.notification .notification-content {
  padding: 0.5em;
  padding-left: 0px;
  vertical-align: middle;
}
.notification .notification-icon,
.notification .notification-content > span {
  display: block;
  float: left;
}
.notification.box .notification-icon {
  position: relative;
  top: 0;
  left: 0;
}
.notification.box .notification-container {
  position: relative;
  top: 0;
  left: 0;
  padding-left: 25px;
}
.notification .success {
  background: #ddf2da;
}
.notification .info {
  background: #e1eefc;
}
.notification .warning {
  background: #fff7a0;
}
.notification .error {
  background: #ffdfe7;
  color: #000 !important;
}
.notification .loading .notification-icon,
.notification .saving .notification-icon,
.notification .deleting .notification-icon {
  background: url(images/small-loader.gif) 0 0 no-repeat;
}
.notification .success .notification-icon,
.notification .warning .notification-icon,
.notification .error .notification-icon,
.notification .info .notification-icon,
.notification .loading .notification-icon,
.notification .saving .notification-icon,
.notification .deleting .notification-icon {
  width: 16px;
}
.notification .success .notification-icon {
  background-position: 0 -288px;
}
.notification .info .notification-icon {
  background-position: 0 -304px;
}
.notification .warning .notification-icon {
  background-position: 0 -320px;
}
.notification .error .notification-icon {
  background-position: 0 -336px;
}
/* BUTTONS */
button,
input[type="button"],
input[type="submit"],
.ui-widget button,
.ui-widget input[type="button"],
.ui-widget input[type="submit"],
div.button-container,
div.button-container a,
div.link-button-container,
div.link-button-container a {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
input[type="button"]:focus,
input[type="submit"]:focus,
.ui-widget button:focus,
.ui-widget input[type="button"]:focus,
.ui-widget input[type="submit"]:focus,
div.button-container:focus,
div.button-container a:focus,
div.link-button-container:focus,
div.link-button-container a:focus {
  outline: 1px solid black;
  outline: 2px solid -webkit-focus-ring-color;
}
button,
input[type="button"],
input[type="submit"],
.ui-widget button,
.ui-widget input[type="button"],
.ui-widget input[type="submit"] {
  font-size: 1.2em;
}
button.disabled,
input[type="button"].disabled,
input[type="submit"].disabled,
.button.disabled,
div.button-container a.button.disabled,
div.button-container a.button-blue.disabled,
button.disabled:hover,
input[type="button"].disabled:hover,
input[type="submit"].disabled:hover,
.button.disabled:hover,
div.button-container a.button.disabled:hover,
div.button-container a.button-blue.disabled:hover {
  background: #f4f4f4;
  border: 1px solid #e3e3e3;
  color: #b2b2b2;
  font-weight: normal;
}
div.button-container a.button.disabled,
div.button-container a.button-blue.disabled,
div.button-container a.button.disabled:hover,
div.button-container a.button-blue.disabled:hover {
  cursor: default;
}
button.small,
input[type="button"].small,
input[type="submit"].small,
.ui-widget input[type="submit"].small,
.ui-widget button.small,
.ui-widget input[type="button"].small {
  height: auto;
  font-size: 1.1em;
}
div.button-container,
div.link-button-container {
  display: block;
}
div.button-container a,
div.link-button-container a div.link-button-container.qq-upload-button label {
  float: left;
  margin: 0;
  position: relative;
  padding: 0.38em;
}
div.link-button-container.qq-upload-button {
  padding-top: 2px;
  padding-right: 2px;
}
div.button-container {
  font-size: 1.2em;
}
div.link-button-container.height-button-container {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
div.button-container a {
  text-decoration: none ;
}
div.link-button-container a {
  color: #034af3 !important;
  text-decoration: underline !important;
}
div.button-container a.small,
div.link-button-container a.small {
  padding: 0.38em;
}
div.button-container a.tiny,
div.link-button-container a.tiny {
  padding: 0.1em 1em;
}
div.button-container a.button {
  color: #000;
}
div.button-container a.button-blue {
  color: #fff;
}
div.button-container a span {
  float: left;
}
div.link-button-container a:hover {
  background: #eaeaea;
}
.button-container.left,
.link-button-container.left {
  float: left;
}
.button-container.right,
.link-button-container.right {
  float: right;
}
.button-container.left + .button-container.left,
.button-container.left + .link-button-container.left,
.link-button-container.left + .link-button-container.left,
.link-button-container.left + .button-container.left {
  margin-left: 0.3em;
}
.button-container.right + .button-container.right,
.button-container.right + .link-button-container.right,
.link-button-container.right + .link-button-container.right,
.link-button-container.right + .button-container.right {
  margin-right: 0.3em;
}
.button-container.left + .button-container.left.more-margin,
.button-container.left + .link-button-container.left.more-margin,
.link-button-container.left + .link-button-container.left.more-margin,
.link-button-container.left + .button-container.left.more-margin {
  margin-left: 0.6em;
}
.button-container.right + .button-container.right.more-margin,
.button-container.right + .link-button-container.right.more-margin,
.link-button-container.right + .link-button-container.right.more-margin,
.link-button-container.right + .button-container.right.more-margin {
  margin-right: 0.6em;
}
/* grey button */
.button,
.button-grey,
.button-add,
.button-edit,
.button-undo,
.button-cancel,
.button-delete,
.button-search,
.button-copy,
.button-open {
  background: #eaeaea url(images/button-grey-bg.png) 50% 50% repeat-x;
  border: 1px solid #c4c4c4;
}
.button:hover,
.button-grey:hover,
.button-add:hover,
.button-edit:hover,
.button-undo:hover,
.button-cancel:hover,
.button-delete:hover,
.button-search:hover,
.button-copy:hover,
.button-open:hover {
  background: #e3e3e3 url(images/button-grey-bg_hover.png) 50% 50% repeat-x;
}
/* blue button */
.button-blue,
.button-save,
.button-ok,
.button-yes {
  background: #0048a2 url(images/button-blue-bg.png) 50% 50% repeat-x;
  border: 1px solid #3e5e8e;
  color: #fff;
  font-weight: bold;
}
.button-blue:hover,
.button-save:hover,
.button-ok:hover,
.button-yes:hover,
.button-blue a {
  background: #0058c4 url(images/button-blue-bg_hover.png) 50% 50% repeat-x;
}
.button:focus,
.button-grey:focus,
.button-add:focus,
.button-edit:focus,
.button-undo:focus,
.button-cancel:focus,
.button-delete:focus,
.button-search:focus,
.button-copy:focus,
.button-open:focus,
.button-blue:focus,
.button-save:focus,
.button-ok:focus,
.button-yes:focus {
  outline: 1px solid black;
  outline: 2px solid -webkit-focus-ring-color;
}
button.link-button {
  border: none;
  background: unset;
}
button.link-button:hover {
  text-decoration: underline;
}
/* Two column layout */
.twoColumnLayout {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.twoColumnLayout .col {
  float: left;
  position: relative;
  padding: 0;
  overflow: hidden;
}
.twoColumnLayout .left {
  float: left;
  position: relative;
  width: 100%;
  right: 73%;
}
.twoColumnLayout .col-1 {
  width: 25%;
  left: 3%;
}
.twoColumnLayout .col-2 {
  width: 71%;
  left: 101%;
}
.twoColumnLayoutFixedLeft {
  clear: both;
  float: left;
  width: 100%;
}
.twoColumnLayoutFixedLeft .col-2 {
  margin-left: 18em;
  /* columnWidth */
}
.twoColumnLayoutFixedLeft .col-1 {
  float: left;
  width: 18em;
  /* columnWidth */
}
.twoColumnLayoutFixedLeft .col-2-24 {
  margin-left: 24em;
  /* columnWidth */
}
.twoColumnLayoutFixedLeft .col-1-24 {
  float: left;
  width: 24em;
  /* columnWidth */
}
.twoColumnLayoutFixedLeft .scrollbarWrapper {
  overflow: auto;
}
.twoColumnLayoutFixedLeft .hiddenWrapper {
  overflow: hidden;
}
/* Item list*/
.item-list .highlighted {
  font-weight: bold;
}
.item-list a.selected {
  width: 11.5em;
}
.item-list a.selected,
.selected-item {
  background-color: #d7defe;
}
.item-list a.item-list-link {
  text-decoration: none;
  color: #000;
  width: 11.5em;
}
.item-list a.item-list-link:hover,
a.item-list-newlink:hover {
  background: #eaeaea;
}
.item-list,
.item-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.item-list li {
  margin: 0;
  padding: 0 0 0 1em;
}
.item-list li ul {
  margin: 1em 0 0 0;
}
.item-list a.item-list-newlink {
  margin: 0 0 0.5em 0;
  min-width: 12em;
  float: left;
  line-height: 1.8;
}
a.item-list-newlink + a.item-list-newlink {
  padding-top: 0;
}
.item-list a {
  padding: 0.7em;
}
.item-list a.item-list-link,
.item-list .item-list-empty {
  float: left;
  clear: both;
}
.item-list .item-list-move {
  float: left;
  padding-left: 0.5em;
}
/* EDIT */
.edit-container {
  padding: 1em;
}
.edit-container-horizontal label {
  display: block;
}
.edit-container-horizontal input[type="checkbox"] + label,
.edit-container-horizontal input[type="checkbox"] + input + label {
  display: inline;
}
.edit-container-header {
  padding: 0.5em 0.5em 0.5em 1em;
}
.edit-container-section {
  border: 1px solid lightgray;
  /* Alternative lighter border #eaeaea */
  background: #f4f4f4;
  margin-top: 1em;
  padding: 0.8em;
}
.edit-container-transparent {
  background: transparent;
  border: 0;
  margin: 0;
}
.edit-container-section table.contentTable td,
.edit-container-section table.contentTable th {
  padding: 0.3em;
}
.edit-help {
  padding: 2em;
}
.edit-item-list {
  padding: 0.2em 0 1em 0;
  margin: 0.5em;
  background: #f4f4f4;
}
.edit-tool-panel {
  padding: 0.6em;
}
.part-container + .part-container,
.edit-part-container + .edit-part-container {
  margin-top: 1em;
}
.edit-field-container + .edit-field-container {
  margin-top: 0.4em;
}
/* content table */
table.contentTable {
  border-collapse: collapse;
  border-spacing: 0;
}
td.contentMax {
  width: 100%;
}
table.contentTable th {
  padding: 0.3em 0.3em 0.3em 0;
  text-align: left;
}
table.contentTable tbody tr td {
  padding: 0.2em;
}
tr.selected {
  background-color: #c3dafa;
}
tr.hover {
  background-color: #eaf2ff;
}
/* HIDEABLE AND COLLAPSABLE PANELS
----------------------------------------------------------*/
.hideable-header {
  cursor: pointer;
}
.hideable-panel,
.hideable {
  border: 1px solid #b2b2b2;
  background: #fff;
  padding: 0.2em;
  zoom: 1;
}
.hideable-header-content .hideable-title {
  height: 2.1em;
  font-size: 100%;
  border: none;
  padding: 0px;
  margin: 0px;
}
.hideable-header-content {
  border: 0;
  cursor: pointer;
  position: relative;
  line-height: 1.8;
  padding: 0.2em 0.2em 0;
  margin-left: 0.4em;
}
.hideable .ui-state-hover .hideable-header-content {
  font-weight: bold;
}
.hideable-header-content .title {
  float: left;
}
.hideable-header-content .right {
  float: right;
  margin-right: 1em;
}
.hideable-header-content .ui-icon {
  float: right;
  margin-right: 0.4em;
  margin-top: 0.2em;
}
.hideable-content {
  /*clear: both;*/
  padding: 0.8em;
  display: block;
  border-width: 0;
}
.collapsable-header a {
  cursor: pointer;
  text-decoration: underline;
  font-weight: bold;
}
.collapsable-header .ui-state-hover {
  background: none;
  border: 0;
  font-weight: bold;
  text-decoration: none;
}
.collapsable-header-link .ui-icon {
  float: left;
}
/* FIELD LENGTHS */
.field-color {
  width: 5em;
}
.field-percent {
  width: 3em;
}
.field-number-short {
  width: 4em;
}
.field-date,
.datetime-date {
  width: 7em;
}
.datetime-time {
  width: 4em;
}
.field-option-25 {
  width: 25em;
}
.field-option-20 {
  width: 20em;
}
.field-option-15 {
  width: 15em;
}
.field-option-10 {
  width: 10em;
}
.field-textarea {
  height: 4em;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.field-textarea.big {
  height: 10em;
}
.field-textarea.bigger {
  height: 15em;
}
.field-textbox-full-width {
  width: 100%;
}
/* EMBEDDED IMS */
div.tooltip {
  border: #000 1px solid;
  padding: 0 3px 0 3px;
  font-size: 11px;
  color: #000;
  font-family: Arial;
  background-color: #fff;
  filter: alpha(opacity=80);
  opacity: 0.80;
  margin: 0;
}
div.box_zoom {
  border: #000 1px solid;
  padding: 0;
}
div.themebox,
div.themeboxselected {
  border: 1px solid #000;
  position: absolute;
  text-align: center;
  width: 120px;
  cursor: pointer;
  font-size: 12px;
  font-family: Arial;
  padding: 0;
}
div.themebox {
  /*background-color: #ebebeb;*/
  /*background-color: #f9f9f9;*/
  background-color: #797b7e;
  color: #fff;
}
div.themeboxselected {
  /*background-color: #e5053a;*/
  background-color: #363436;
  color: #fff;
  font-weight: bold;
}
div.box_white {
  border: #969696 1px solid;
  /*padding: 0px 5px 0px 5px;*/
  background-color: #fff;
  overflow: hidden;
}
div.box_context_on,
div.box_context_off {
  padding: 4px 0 4px 0;
  font-size: 11px;
  font-family: Arial;
  color: #000;
}
div.box_context_on {
  border: #dcdcdc 1px solid;
  text-decoration: underline;
  background-color: #dfe7fe;
}
div.box_context_off {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: #dcdcdc 1px solid;
}
div.box_context_off a,
div.box_context_on a {
  padding: 0 8px 0 8px;
}
.rollover {
  background-color: #868686;
}
.rollover:hover {
  background-color: #900;
}
.closetr {
  display: block;
  background-color: #868686;
}
.closetr:hover {
  background-color: #900;
}
/* mysites */
h3.mysites {
  color: #000;
  font-size: 10pt;
  margin: 0;
  padding: 0 0 2px 0;
}
h4.mysites {
  color: #225096;
  font-size: 10pt;
  margin: 0;
  padding: 0 0 2px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
p.mysites {
  color: #000;
  font-size: 9pt;
  margin: 0;
  padding: 0 0 1px 0;
}
img.mysites {
  margin: 0;
  padding: 0;
}
table.mysites {
  padding: 2px;
  width: 100%;
}
td.mysites {
  vertical-align: top;
  border-bottom: #eee 2px solid;
}
/* MISC */
.alignTop {
  vertical-align: top !important;
}
.not-user-selectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.fieldhelp,
.field-help {
  background: #f7f7f7;
  padding: 0.4em 1em 0.4em 1em;
  line-height: 1.5;
}
.field-help img {
  vertical-align: middle;
}
span.cluetip,
a.cluetip {
  display: inline-block;
  vertical-align: text-bottom;
  cursor: help;
}
/*IE6,7*/
span.cluetip,
a.cluetip {
  zoom: 1;
  *display: inline;
}
.hidden {
  display: none !important;
}
.rounded-corners {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
div.upDownPanel {
  float: left;
  margin-left: 1em;
}
div.toolPanel {
  padding: 0 1em 0.8em 0;
}
div.buttonPanel {
  margin: 1.5em 0 1em 0;
}
div.gridWrapper {
  width: 100%;
}
/* jqGrid cell link */
td.grid-tool-cell a {
  color: #034af3 !important;
  font-weight: normal;
}
.ui-state-hover td.grid-tool-cell a {
  color: #fff !important;
}
.discussionLayout {
  border: 1px solid;
  padding: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.discussionLayout .col-1 {
  float: left;
}
.discussionLayout .col-2 {
  float: right;
}
.discussionLayout .discUser {
  font-weight: bold;
}
form.account-login {
  max-width: 600px;
}
form.account-login span.field-validation-error {
  width: inherit;
}
form.account-login input[type="submit"] {
  text-transform: uppercase;
}
.account-part {
  margin: 0;
}
p.account-part {
  width: 80%;
}
.account-part.account-buttons a {
  margin-right: 2em;
}
.account-part.fields > div,
.account-part.account-buttons {
  margin-top: 0.6em;
}
.account-part p.mandatory-field-info img {
  vertical-align: bottom;
}
.list-nobullets {
  list-style: none;
}
.list-nobulletsnopadding {
  padding-left: 0;
  list-style: none;
}
.rightsgroup-header .select-tools {
  opacity: 0.3;
}
.rightsgroup-header .select-tools:hover {
  opacity: 1;
}
.user-right-warning {
  color: #C81922;
}
.user-right-spinner {
  display: none;
  background: url(images/small-loader.gif);
  height: 16px;
  width: 16px;
  text-decoration: none;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.skiplink {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.skiplink-focusable:active,
.skiplink-focusable:focus {
  position: fixed;
  width: auto;
  height: auto;
  clip: initial;
  margin: 0 0 0 200px;
  padding: 5px;
  border: 1px solid #c4c4c4;
  text-decoration: none;
  background-color: #fff;
  color: #000;
}
.icon.toggle-button {
  display: inline-block;
}
.toggle-container {
  display: none;
}
.cookie-notification {
  display: none;
  position: fixed;
  width: 40%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 7223;
  bottom: 25px;
  background: #009ad9;
}
.cookie-notification p {
  max-height: 33vh;
  overflow: auto;
}
.cookie-notification .give-consent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.cookie-notification .actions {
  text-align: right;
  margin: 0 0 1em 0;
}
@media (max-width: 480px) {
  .cookie-notification {
    bottom: 12.5px;
  }
}
.toggle-with-label {
  background-color: #ffffff;
  display: grid;
  justify-items: center;
  padding: 1em 1em 2em 1em;
  margin: 0.2em;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
}
.toggle-with-label input {
  width: 0;
  height: 0;
  margin-top: 0.5em;
  -moz-appearance: initial;
}
.toggle-with-label input:after {
  content: '';
  position: relative;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  transition: 0.3s;
  display: block;
  left: -13px;
  top: -12px;
}
.toggle-with-label input:checked:after {
  left: 4px;
}
.toggle-with-label input:before {
  content: '';
  height: 14px;
  width: 32px;
  border-radius: 7px;
  background-color: #e4e9eb;
  display: block;
  position: relative;
  left: -16px;
}
.toggle-with-label input:checked:before {
  background-color: #0072c9;
}
.toggle-with-label input:disabled:before {
  background-color: #f0f0f0;
}
.toggle-with-label.checked {
  background-color: #f7f7f7;
}
@media (max-width: 480px) {
  .toggle-with-label {
    padding: 1.5em;
  }
  .toggle-with-label input {
    margin: 0.5em;
  }
}
/* SEARCH FIELDS 
----------------------------------------------------------*/
.search-panel-dummy,
.search-panel {
  background: #F7F7F7;
  padding: 0.2em;
  border: 1px solid #B2B2B2;
  width: 23em;
  margin: 0;
}
.search-panel-dummy {
  border: 0;
  height: 1px;
  margin-left: 2px;
  background: transparent;
}
.search-panel-title {
  /*border: 1px solid #B2B2B2;*/
  padding: 0.4em 0.6em;
  font-weight: bold;
}
.search-panel-content {
  padding: 1em 0.3em 0.1em 0.3em;
}
.search-panel-content input[type="text"] {
  height: 18px;
  margin: 2px 0 2px 0;
}
.search-panel-footer input[type="submit"],
.search-panel-footer button {
  padding-left: 1em;
  padding-right: 1em;
}
.search-panel-content .category-splitter {
  margin-top: 0.6em;
  margin-bottom: 0.2em;
}
.search-panel-content .criteria-label {
  padding-right: 1em;
}
.search-panel-content .criteria {
  padding: 0 0 0 0.5em;
}
.search-panel-content .category-relation {
  margin-top: 0.4em;
}
.search-panel-content .field-multioption-20,
.search-panel-content .field-freetext {
  width: 20em;
}
.search-panel-content .searchcriteria-tip {
  margin-left: 0.3em;
}
.search-panel-content .searchcriteria-tip.right {
  float: right;
}
.search-panel-content .category-group-splitter {
  display: block;
  background-color: #B2B2B2;
  width: 100%;
  height: 1px;
  margin-top: 0.6em;
}
.search-panel-content label.checkbox-label {
  display: inline;
  margin-top: 0.3em;
  margin-bottom: 0.2em;
}
.search-extended-toggle {
  font-size: 0.8em;
  float: right;
  font-weight: normal;
}
.search-extended {
  display: none;
}
.search-panel-footer {
  text-align: right;
  padding: 0 0.5em 0.5em 0;
}
.search-info-container {
  padding: 5px;
}
.search-polygonselect-activator {
  padding-left: 1.3em;
}
.search-polygonselect-activator span {
  float: left;
}
.search-title-text {
  float: left;
}
.search-info-text {
  font-weight: bold;
}
#search-info-status {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
/* ICONS */
.icon,
.icon-left,
.icon-right,
.icon-inline,
.icon-rights,
.icon-warning,
.icon-arrowdown,
.icon-arrowup,
.icon-deletebutton,
.icon-delete,
.icon-add,
.icon-public,
.icon-info,
.icon-lock,
.icon-bullet,
.icon-success,
.icon-accept,
.icon-comment,
.icon-gis,
.icon-ispublic,
.animation-loading {
  background-image: url(images/icons/icon-sprites16.png?18);
  background-repeat: no-repeat;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 16px;
  width: 16px;
  text-decoration: none !important;
  padding: 0 !important;
}
.icon-rights {
  background-image: url(images/icons/icon-rights-sprites16.png?9);
  background-repeat: no-repeat;
}
.icon-left {
  float: left;
}
.icon-right {
  float: right;
}
span.icon {
  border: 0;
  outline: 0;
}
.icon-inline,
.icon-inline-text-top {
  display: inline-block;
}
.icon-inline,
.icon-inline-text-top {
  zoom: 1;
  *display: inline;
}
.icon-inline-text-top {
  vertical-align: text-top;
}
.icon-empty,
.icon-empty:hover {
  background-image: none;
  background-position: -9999px -9999px;
}
/* 16x16 */
.icon-rights-add {
  background-position: 0 0;
}
.icon-rights-edit {
  background-position: 0 -16px;
}
.icon-rights-browse {
  background-position: 0 -32px;
}
.icon-rights-delete {
  background-position: 0 -48px;
}
.icon-public {
  background-position: 0 0;
}
.icon-groupcontent {
  background-position: 0 -16px;
}
.icon-info-old {
  background-position: 0 -32px;
}
.icon-warning {
  background-position: 0 -48px;
}
.icon-add,
.icon-plus {
  background-position: 0 -64px;
}
.icon-minus {
  background-position: -16px -64px;
}
.icon-arrowdown {
  background-position: 0 -80px;
}
.icon-arrowup {
  background-position: 0 -96px;
}
.icon-deletebutton,
.icon-delete {
  background-position: 0 -112px;
}
.icon-modifybutton {
  background-position: 0 -128px;
}
.icon-lock {
  background-position: 0 -144px;
}
.icon-bullet {
  background-position: 0 -160px;
}
.icon-binoculars {
  background-position: 0 -176px;
}
.icon-eye {
  background-position: 0 -192px;
}
.icon-plusdocument {
  background-position: 0 -208px;
}
.icon-publish,
.icon-publish-bw {
  background-position: 0 -240px;
}
.icon-accept {
  background-position: 0 -256px;
}
.icon-discard {
  background-position: 0 -272px;
}
.icon-success {
  background-position: 0 -288px;
}
.icon-info {
  background-position: 0 -304px;
}
.icon-warning {
  background-position: 0 -320px;
}
.icon-warning-red {
  background-position: 0 -48px;
}
.icon-error {
  background-position: 0 -336px;
}
.icon-next {
  background-position: -16px 0;
}
.icon-prev {
  background-position: -16px -16px;
}
.icon-next-light {
  background-position: -16px -32px;
}
.icon-prev-light {
  background-position: -16px -48px;
}
.icon-move {
  background-position: -16px -80px;
}
.icon-trash {
  background-position: -16px -96px;
}
.icon-sort {
  background-position: -16px -112px;
}
.icon-translation {
  background-position: -16px -128px;
}
.icon-collapse {
  background-position: -16px -144px;
}
.icon-expand {
  background-position: -16px -160px;
}
.icon-comment {
  background-position: -16px -176px;
}
.icon-gis {
  background-position: -16px -192px;
}
.icon-info-gray {
  background-position: -16px -208px;
}
.icon-ispublic {
  background-position: -16px -224px;
}
.icon-close-section {
  background-position: -16px -304px;
}
.icon-open-section {
  background-position: -16px -320px;
}
.icon-link {
  background-position: -32px -96px;
}
.icon-deleteblue {
  background-position: -32px -112px;
}
.icon-check-all {
  background-position: -32px -128px;
}
.icon-uncheck-all {
  background-position: -32px -144px;
}
.icon-copy {
  background-position: -32px 0;
}
a.icon:hover,
a.icon-left:hover,
a.icon-inline:hover,
a.icon-arrowdown:hover,
a.icon-arrowup:hover,
a.icon-deletebutton:hover,
a.icon-delete:hover,
a.icon-add:hover,
.icon-success:hover,
.icon-accept:hover,
.icon-comment:hover,
.icon-gis:hover,
.ui-state-hover .icon-add,
.icon-publish-bw,
.icon-hover {
  background-image: url(images/icons/icon-sprites16-hover.png?18);
  background-repeat: no-repeat;
}
a.icon-rights:hover {
  background-image: url(images/icons/icon-rights-sprites16-hover.png?7);
  background-repeat: no-repeat;
}
.load-icon-hovers {
  display: none;
}
/* 40x40 */
.icon40 {
  background-repeat: no-repeat;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 40px;
  width: 40px;
  text-decoration: none;
}
/* 24x24 */
.icon24 {
  background: url(images/icons/icon-sprites24.png?19);
  background-repeat: no-repeat;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 24px;
  width: 24px;
  text-decoration: none;
}
a.icon24:hover {
  background-image: url(images/icons/icon-sprites24-hover.png?19);
  background-repeat: no-repeat;
}
.icon-question24 {
  background-position: 0 0;
}
.icon-next24 {
  background-position: 0 -24px;
}
.icon-expand24-down {
  background-position: 0 -48px;
}
.icon-expand24-up {
  background-position: 0 -72px;
}
.icon-trash24 {
  background-position: 0 -96px;
}
.icon-pen24 {
  background-position: 0 -120px;
}
.icon-print24 {
  background-position: 0 -144px;
}
.icon-move24 {
  background-position: 0 -168px;
}
.icon-copy24 {
  background-position: 0 -192px;
}
.icon-gis24 {
  background-position: 0 -216px;
}
.icon-home24 {
  background-position: 0 -240px;
}
.icon-arrow24 {
  background-position: 0 -264px;
}
.icon-open24 {
  background-position: 0 -288px;
}
.icon-addattachment24 {
  background-position: 0 -312px;
}
.icon-showmap24 {
  background-position: 0 -336px;
}
.icon-showlist24 {
  background-position: 0 -360px;
}
.icon-attachment24 {
  background-position: -24px 0;
}
.icon-exclamation-ring24 {
  background-position: -24px -24px;
}
.icon-checked-ring24 {
  background-position: -24px -48px;
}
.icon-persontime24 {
  background-position: -24px -72px;
}
.icon-expander-up24 {
  background-position: -24px -96px;
}
.icon-expander-down24 {
  background-position: -24px -120px;
}
.icon-showinmap24 {
  background-position: -24px -144px;
}
.icon-stamp24 {
  background-position: -24px -168px;
}
/* Animations */
div.animation-loading-center {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
}
.animation-loading {
  background: url(images/small-loader.gif) 0 0 no-repeat;
}
div.animation-loading-big-center {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -33px 0 0 -33px;
}
.animation-loading-big {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 66px;
  width: 66px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: url(images/big-loader.gif);
}
.icon-preloader {
  width: 0;
  height: 0;
  display: inline;
  background-position: -99999px -99999px;
}
.header {
  border-bottom: 2px solid #7b7a86;
  background-color: #fff;
  vertical-align: middle;
}
.header a {
  text-decoration: none;
}
.header .service-logo {
  float: left;
  display: block;
  line-height: 62px;
}
.header .service-logo img {
  border: 0;
  vertical-align: middle;
  max-height: 57px;
}
@media (max-width: 480px) {
  .header .service-logo,
  .header .header-right {
    float: none;
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    padding-top: 0;
  }
}
.header button,
.header a.btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #7b7a86;
  text-transform: uppercase;
  font-weight: normal;
  display: inline;
  padding: 7px;
  color: #000;
  background-color: transparent;
  cursor: pointer;
  display: block;
  font-size: 1.2em;
}
.header button:hover,
.header a.btn:hover {
  background-color: #E4E9EB;
}
.header button:focus,
.header a.btn:focus {
  outline: black solid 1px;
  outline: -webkit-focus-ring-color solid 2px;
}
.header button {
  min-height: 32px;
}
.header .menu-horizontal {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none;
  padding-top: 17px;
  padding-left: 20px;
  text-transform: uppercase;
}
.header .menu-horizontal li {
  float: left;
  margin-left: 10px;
}
.header .menu-horizontal li a {
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #7b7a86;
  padding: 7px;
  color: #000;
}
.header .menu-horizontal li a:hover {
  background: #7b7a86;
}
.header .menu-horizontal li.selected a {
  color: #005595;
  background: #fec962;
  border-color: #e5a32c;
  font-weight: bold;
}
.header .header-content {
  float: left;
}
@media (max-width: 480px) {
  .header .header-content {
    height: unset;
    width: 100%;
  }
  .header .header-content ul {
    display: grid;
    padding-left: 5px;
    padding-right: 5px;
  }
  .header .header-content ul li {
    margin: 1px;
  }
  .header div.header-right {
    padding-left: 5px;
  }
  .header div.header-right div.login-part {
    width: 100%;
  }
  .header div.header-right div.login-part div {
    padding: 7px 10px 5px 5px;
  }
  .header div.header-right div.end-user-help a.btn {
    margin-left: 0px;
  }
  .header div.header-right div.language-selector {
    width: 100%;
  }
  .header div.header-right div.language-selector button.language-selector {
    margin: 0px 5px 0px 0px;
  }
}
.header .header-right {
  float: right;
  padding-right: 25px;
  padding-top: 17px;
  box-sizing: border-box;
  margin-left: auto;
}
.header .header-right > div {
  padding-bottom: 5px;
}
.header .header-right div,
.header .header-right form,
.header .header-right button {
  float: left;
}
.header .header-right .login-part {
  display: inline;
}
.header .header-right .login-part div {
  padding: 7px 10px 0 20px;
}
.header .header-right .login-part div label.user-prefix {
  font-weight: bold;
}
.header .header-right .login-part button {
  min-height: unset;
  height: unset;
}
.header .header-right div.end-user-help .btn {
  background-image: url("images/icons/help_outline-24px.svg");
  background-position: 4px center;
  padding-left: 30px;
  background-repeat: no-repeat;
  margin-left: 10px;
  line-height: unset;
}
.header .header-right div.language-selector {
  position: relative;
}
.header .header-right div.language-selector button.language-selector {
  background-image: url("images/icons/language-24px.svg");
  background-position: 4px center;
  padding-left: 30px;
  background-repeat: no-repeat;
  margin-left: 10px;
  font-family: inherit;
}
div.language-selector ul.language-selector {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: white;
  position: absolute;
  display: none;
  border: 1px solid #f0f4f5;
  border-radius: 2px;
  right: 0;
  top: 32px;
  z-index: 550;
}
div.language-selector ul.language-selector li {
  font-weight: bold;
}
div.language-selector ul.language-selector li a {
  display: block;
  color: inherit;
  white-space: nowrap;
  padding: 0.8em 1.5em;
}
div.language-selector ul.language-selector li a:hover,
div.language-selector ul.language-selector li a:focus {
  background-color: #7b7a86;
}
.push {
  height: 27px;
}
.footer {
  height: 25px;
  background-color: #fff;
  clear: both;
  font-size: 0.9em;
  margin: 0;
  height: max-content;
}
.footer .footer-content {
  display: grid;
  grid-template-columns: auto auto;
  border-top: 2px solid #7b7a86;
}
.footer .footer-content ul {
  float: left;
  text-align: left;
  list-style: none outside none;
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 5px;
  padding-top: 5px;
}
.footer .footer-content ul + ul {
  float: right;
  text-align: right;
  margin: 0;
  padding-top: 2px;
}
.footer .footer-content li {
  padding: 0;
  color: #474655;
  display: inline;
}
.footer .footer-content li a {
  color: #474655;
  text-decoration: none;
  padding-right: 8px;
}
.footer .footer-content li a:hover,
.footer .footer-content li a.on {
  text-decoration: underline;
}
.footer .footer-content li button.link-button {
  font-size: unset;
  padding: 0 8px 0 0;
  height: unset;
  color: #474655;
}
.footer .footer-content img {
  border: 0;
  height: 18px;
}
.content-menu-small {
  background: #f7f7f7;
  border-bottom: 1px solid #7b7a86;
}
.content-menu-small ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.content-menu-small ul li {
  float: left;
}
.content-menu-small ul li.selected a {
  color: #005595;
  background: #ffffff;
}
.content-menu-small ul li a {
  color: #2C3539;
  font-weight: bold;
  display: block;
  text-decoration: none;
  padding: 7px 10px 7px 10px;
  float: left;
}
.content-menu-small ul li a:hover {
  background: #f0f0f0;
}
.content-menu-small ul li ul {
  float: left;
}
.content-menu-small ul li.needs-strong-identity a {
  display: flex;
}
.content-menu-small ul li.needs-strong-identity a span {
  margin-top: -3px;
  margin-left: 3px;
}
.content-menu-small .content-menu-help {
  float: right;
  line-height: normal;
  text-align: center;
}
.content-menu-small .content-menu-help a {
  margin: 2px 4px 0 0;
}
body.logon-page {
  background-size: contain;
}
body.logon-page .inner-content {
  /*
                    margin-top: 50px;
                    padding: 1px;
                    box-shadow: 0 0 10px 1px #aaa;
                    -moz-box-shadow: 0 0 10px 1px #aaa;
                    -webkit-box-shadow: 0 0 10px 1px #aaa;
                        */
}
body.logon-page .inner-content > form,
body.logon-page .inner-content > div {
  /*  margin: 30px;*/
  padding: 30px;
  background-color: #F1F1F6;
}
body.logon-page h1 {
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0.2em 0.1em 0;
}
body.logon-page label.logon-welcome-text {
  display: block;
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0.2em 0.1em 0;
}
body.logon-page .field-help {
  /*   background-color: rgba(247, 247, 247, 0.7);*/
}
body.logon-page .breadcrumb-navi {
  margin-left: -1em;
}
body.logon-page h1 .breadcrumb-navi {
  font-size: 1em;
}
body.logon-page.with-background.logon-page-plain .inner-content {
  /*  background: #fff;*/
}
body.logon-page.with-background .inner-content {
  /*
            background: #fff url('images/logon-box.png') top right no-repeat;
            background: rgba(255, 255, 255, 0.8) url('images/logon-box.png') top right no-repeat;
                */
}
@media (max-width: 768px) {
  body.logon-page.with-background .inner-content {
    background-image: none;
  }
}
body.logon-page .inner-content {
  min-height: 250px;
}
body.logon-page .inner-content .fields .label-container {
  padding-top: 0.5em;
}
body.logon-page .inner-content .fields .accepttermsandprivacypolicy {
  padding-top: 1em;
}
body.logon-page .inner-content .fields input[type='password'],
body.logon-page .inner-content .fields input[type='email'],
body.logon-page .inner-content .fields input[type='text'] {
  width: 20em;
}
body.logon-page .inner-content .account-modify .fields .oldpassword {
  padding-top: 1.5em;
}
body.logon-page .inner-content .account-modify hr {
  background-color: #f7f7f7;
  border: 0;
  height: 2px;
  margin-top: 1em;
  margin-bottom: 1em;
}
body.logon-page .inner-content .account-modify h1 {
  margin-bottom: 0;
}
body.logon-page body.thanks-page {
  background-size: contain;
}
body.logon-page body.thanks-page .inner-content {
  /*
                    margin-top: 50px;
                    padding: 1px;
                    box-shadow: 0 0 10px 1px #aaa;
                    -moz-box-shadow: 0 0 10px 1px #aaa;
                    -webkit-box-shadow: 0 0 10px 1px #aaa;
                        */
}
body.logon-page body.thanks-page .inner-content > form,
body.logon-page body.thanks-page .inner-content > div {
  /*  margin: 30px;*/
  padding: 30px;
  background-color: #F1F1F6;
}
body.logon-page body.thanks-page h1 {
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0.2em 0.1em 0;
}
body.logon-page body.thanks-page label.logon-welcome-text {
  display: block;
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0.2em 0.1em 0;
}
body.logon-page body.thanks-page .field-help {
  /*   background-color: rgba(247, 247, 247, 0.7);*/
}
body.logon-page body.thanks-page .breadcrumb-navi {
  margin-left: -1em;
}
body.logon-page body.thanks-page h1 .breadcrumb-navi {
  font-size: 1em;
}
body.logon-page body.thanks-page .inner-content {
  background: #ffffff url('images/thanks-box.png') top right no-repeat;
  background: rgba(255, 255, 255, 0.8) url('images/thanks-box.png') top right no-repeat;
  min-height: 350px;
}
@media (max-width: 480px) {
  body.logon-page .inner-content {
    margin: 1em 0 0 0;
  }
}
.login .fields .password input,
.login .fields .username input {
  width: 20em;
}
.field-color {
  width: 5em;
}
.field-percent {
  width: 3em;
}
.field-number-short {
  width: 4em;
}
.field-date,
.datetime-date {
  width: 7em;
}
.datetime-time {
  width: 4em;
}
.field-option-25 {
  width: 25em;
}
.field-option-20 {
  width: 20em;
}
.field-option-15 {
  width: 15em;
}
.field-option-10 {
  width: 10em;
}
.field-textarea {
  height: 4em;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.field-textarea.big {
  height: 10em;
}
.field-textbox-full-width {
  width: 100%;
}
input {
  margin: 2px;
}
input[type='password'],
input.field-login {
  width: 20em;
}
input.field-text-mediumlong {
  width: 15em;
}
input.field-phonenumber {
  width: 10em;
}
input.field-postalcode {
  width: 7em;
}
input.field-postoffice {
  width: 10em;
}
.field-required input,
.field-required select,
.field-required textarea {
  background-color: #fffbc9;
}
.field-container input[type="text"],
.field-container input[type="number"],
.field-container input[type="date"],
.field-container input[type="tel"],
.field-container input[type="email"],
.field-container.fade-unfocus input[type="text"]:focus,
.field-container.fade-unfocus input[type="number"]:focus,
.field-container.fade-unfocus input[type="date"]:focus,
.field-container.fade-unfocus input[type="tel"]:focus,
.field-container.fade-unfocus input[type="email"]:focus,
.field-container.fade-unfocus textarea:focus,
.field-container select,
.field-container textarea {
  padding: 4px;
  margin: 0;
  border: 1px solid gray;
}
.field-container.fade-unfocus input[type="text"],
.field-container.fade-unfocus input[type="number"],
.field-container.fade-unfocus input[type="date"],
.field-container.fade-unfocus input[type="tel"],
.field-container.fade-unfocus input[type="email"],
.field-container.fade-unfocus textarea {
  border: 1px solid #E0E0E0;
}
.field-container select {
  padding: 3px;
  margin: 0;
}
.field-validation-valid + .field-validation-cluetip {
  display: none;
}
input.field-text,
.field-text input {
  width: 10em;
}
input.field-text-short,
.field-text-short input {
  width: 4em;
}
input.field-text-char,
.field-text-char input {
  width: 2em;
}
input.field-text-long,
.field-text-long input {
  width: 25em;
}
input.field-text-extralong,
.field-text-extralong input {
  width: 35em;
}
input.field-number,
.field-number input {
  width: 3em;
  text-align: right;
}
input.field-number-large,
.field-number-large input {
  width: 4em;
  text-align: right;
}
input.field-double,
.field-double input {
  width: 4em;
  text-align: right;
}
input.field-date,
.field-date input {
  width: 6em;
}
input.field-money,
.field-money input {
  width: 4em;
}
input.field-money-long,
.field-money-long input {
  width: 6em;
}
input.field-area,
.field-area input {
  width: 4em;
}
input.field-year,
.field-year input {
  width: 7em;
}
body.new .content input.required,
body.logon-page .content input.required,
body.new .content textarea.required,
body.logon-page .content textarea.required,
body.new .content option.required,
body.logon-page .content option.required,
body.new .content select.required,
body.logon-page .content select.required,
body.new .content input.field-required,
body.logon-page .content input.field-required,
body.new .content textarea.field-required,
body.logon-page .content textarea.field-required,
body.new .content option.field-required,
body.logon-page .content option.field-required,
body.new .content select.field-required,
body.logon-page .content select.field-required,
body.new .content .field-required input,
body.logon-page .content .field-required input,
body.new .content .field-required select,
body.logon-page .content .field-required select,
body.new .content .field-required textarea,
body.logon-page .content .field-required textarea {
  background-color: #fff;
}
body.new .content input[type='radio'] + label,
body.logon-page .content input[type='radio'] + label,
body.new .content input[type='checkbox'] + label,
body.logon-page .content input[type='checkbox'] + label,
body.new .content input[type='checkbox'] + input[type='hidden'] + label,
body.logon-page .content input[type='checkbox'] + input[type='hidden'] + label {
  font-weight: normal;
  display: inline;
  padding-left: 0.5em;
}
body.new .content input[type='checkbox'] + input[type='hidden'] + div.label-container,
body.logon-page .content input[type='checkbox'] + input[type='hidden'] + div.label-container {
  display: inline;
  padding-left: 0.5em;
}
body.new .content input[type='checkbox'] + input[type='hidden'] + div.label-container label,
body.logon-page .content input[type='checkbox'] + input[type='hidden'] + div.label-container label {
  font-weight: normal;
}
body.new .content input[type='checkbox'],
body.logon-page .content input[type='checkbox'] {
  margin: 2px;
}
body.new .content input[type='text'],
body.logon-page .content input[type='text'],
body.new .content input[type='password'],
body.logon-page .content input[type='password'],
body.new .content input[type='tel'],
body.logon-page .content input[type='tel'],
body.new .content input[type='email'],
body.logon-page .content input[type='email'],
body.new .content input[type='number'],
body.logon-page .content input[type='number'],
body.new .content select,
body.logon-page .content select,
body.new .content textarea,
body.logon-page .content textarea {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #7b7a86;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
body.new .content input[type='text'].input-validation-error,
body.logon-page .content input[type='text'].input-validation-error,
body.new .content input[type='password'].input-validation-error,
body.logon-page .content input[type='password'].input-validation-error,
body.new .content input[type='tel'].input-validation-error,
body.logon-page .content input[type='tel'].input-validation-error,
body.new .content input[type='email'].input-validation-error,
body.logon-page .content input[type='email'].input-validation-error,
body.new .content input[type='number'].input-validation-error,
body.logon-page .content input[type='number'].input-validation-error,
body.new .content select.input-validation-error,
body.logon-page .content select.input-validation-error,
body.new .content textarea.input-validation-error,
body.logon-page .content textarea.input-validation-error,
body.new .content input[type='text'].mandatory-field-missing,
body.logon-page .content input[type='text'].mandatory-field-missing,
body.new .content input[type='password'].mandatory-field-missing,
body.logon-page .content input[type='password'].mandatory-field-missing,
body.new .content input[type='tel'].mandatory-field-missing,
body.logon-page .content input[type='tel'].mandatory-field-missing,
body.new .content input[type='email'].mandatory-field-missing,
body.logon-page .content input[type='email'].mandatory-field-missing,
body.new .content input[type='number'].mandatory-field-missing,
body.logon-page .content input[type='number'].mandatory-field-missing,
body.new .content select.mandatory-field-missing,
body.logon-page .content select.mandatory-field-missing,
body.new .content textarea.mandatory-field-missing,
body.logon-page .content textarea.mandatory-field-missing {
  border-color: #c81922;
}
body.new .content input[type='text'].input-validation-error:focus,
body.logon-page .content input[type='text'].input-validation-error:focus,
body.new .content input[type='password'].input-validation-error:focus,
body.logon-page .content input[type='password'].input-validation-error:focus,
body.new .content input[type='tel'].input-validation-error:focus,
body.logon-page .content input[type='tel'].input-validation-error:focus,
body.new .content input[type='email'].input-validation-error:focus,
body.logon-page .content input[type='email'].input-validation-error:focus,
body.new .content input[type='number'].input-validation-error:focus,
body.logon-page .content input[type='number'].input-validation-error:focus,
body.new .content select.input-validation-error:focus,
body.logon-page .content select.input-validation-error:focus,
body.new .content textarea.input-validation-error:focus,
body.logon-page .content textarea.input-validation-error:focus,
body.new .content input[type='text'].mandatory-field-missing:focus,
body.logon-page .content input[type='text'].mandatory-field-missing:focus,
body.new .content input[type='password'].mandatory-field-missing:focus,
body.logon-page .content input[type='password'].mandatory-field-missing:focus,
body.new .content input[type='tel'].mandatory-field-missing:focus,
body.logon-page .content input[type='tel'].mandatory-field-missing:focus,
body.new .content input[type='email'].mandatory-field-missing:focus,
body.logon-page .content input[type='email'].mandatory-field-missing:focus,
body.new .content input[type='number'].mandatory-field-missing:focus,
body.logon-page .content input[type='number'].mandatory-field-missing:focus,
body.new .content select.mandatory-field-missing:focus,
body.logon-page .content select.mandatory-field-missing:focus,
body.new .content textarea.mandatory-field-missing:focus,
body.logon-page .content textarea.mandatory-field-missing:focus {
  outline-color: #cc0000;
}
body.new .content input[type='text']:focus,
body.logon-page .content input[type='text']:focus,
body.new .content input[type='password']:focus,
body.logon-page .content input[type='password']:focus,
body.new .content input[type='tel']:focus,
body.logon-page .content input[type='tel']:focus,
body.new .content input[type='email']:focus,
body.logon-page .content input[type='email']:focus,
body.new .content input[type='number']:focus,
body.logon-page .content input[type='number']:focus,
body.new .content select:focus,
body.logon-page .content select:focus,
body.new .content textarea:focus,
body.logon-page .content textarea:focus {
  outline-color: #62626b;
}
body.new .content a,
body.logon-page .content a {
  color: #0072c9;
  text-decoration: none;
}
body.new .content a:hover,
body.logon-page .content a:hover {
  text-decoration: underline;
}
body.new .content a.cancel,
body.logon-page .content a.cancel {
  background: #6a6976;
  color: #fff;
  border: 0;
  vertical-align: middle;
  cursor: default;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-style: none;
  border-width: 0px;
  text-decoration: none;
  /*Inline or inline-block*/
  display: inline;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 12pt;
  padding: 10px;
}
body.new .content a.cancel:hover,
body.logon-page .content a.cancel:hover {
  background: #7b7a86;
  text-decoration: none;
}
body.new .content a.cancel:active,
body.logon-page .content a.cancel:active {
  background: #8c8b96;
}
body.new .content button[type='submit'],
body.logon-page .content button[type='submit'],
body.new .content input[type='submit'],
body.logon-page .content input[type='submit'] {
  background: #0072c9;
  color: #fff;
  border: 0;
  vertical-align: middle;
  cursor: default;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-style: none;
  border-width: 0px;
  text-decoration: none;
  /*Inline or inline-block*/
  display: inline;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 12pt;
  padding: 10px;
  text-transform: uppercase;
}
body.new .content button[type='submit']:hover,
body.logon-page .content button[type='submit']:hover,
body.new .content input[type='submit']:hover,
body.logon-page .content input[type='submit']:hover {
  background: #0072c9;
  text-decoration: none;
}
body.new .content button[type='submit']:active,
body.logon-page .content button[type='submit']:active,
body.new .content input[type='submit']:active,
body.logon-page .content input[type='submit']:active {
  background: #0080e3;
}
body.new .content button[type='submit'].secondary,
body.logon-page .content button[type='submit'].secondary,
body.new .content input[type='submit'].secondary,
body.logon-page .content input[type='submit'].secondary {
  background: #6a6976;
  color: #fff;
  border: 0;
  vertical-align: middle;
  cursor: default;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-style: none;
  border-width: 0px;
  text-decoration: none;
  /*Inline or inline-block*/
  display: inline;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 12pt;
  padding: 10px;
}
body.new .content button[type='submit'].secondary:hover,
body.logon-page .content button[type='submit'].secondary:hover,
body.new .content input[type='submit'].secondary:hover,
body.logon-page .content input[type='submit'].secondary:hover {
  background: #7b7a86;
  text-decoration: none;
}
body.new .content button[type='submit'].secondary:active,
body.logon-page .content button[type='submit'].secondary:active,
body.new .content input[type='submit'].secondary:active,
body.logon-page .content input[type='submit'].secondary:active {
  background: #8c8b96;
}
body.new .content label,
body.logon-page .content label {
  font-weight: bold;
}
body.new .content .label-container,
body.logon-page .content .label-container {
  min-height: 18px;
}
body.new .content label,
body.logon-page .content label {
  display: unset;
  margin: 0.5em 0 0.3em 0;
  vertical-align: top;
}
body.new .content .fields div.editor,
body.logon-page .content .fields div.editor {
  margin-top: 1em;
}
body.new .content .fields div.column-1,
body.logon-page .content .fields div.column-1,
body.new .content .fields div.column-2,
body.logon-page .content .fields div.column-2 {
  float: left;
  width: 25em;
}
@media (max-width: 768px) {
  body.new .content .fields div.column-1,
  body.logon-page .content .fields div.column-1,
  body.new .content .fields div.column-2,
  body.logon-page .content .fields div.column-2 {
    width: 100%;
    float: none;
  }
}
body.new .content .field-validation-error,
body.logon-page .content .field-validation-error {
  margin-left: 2px;
  background: transparent;
  background-image: url(images/error-indicator.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: bottom;
  height: 18px;
  overflow: hidden;
  font-weight: normal;
  padding-top: 2px;
  display: inline-block;
  padding-left: 20px;
}
body.new .content .field-validation-error.has-tooltip:hover,
body.logon-page .content .field-validation-error.has-tooltip:hover {
  width: 18px;
  padding-left: 0;
}
body.new .content .required .field-validation-valid,
body.logon-page .content .required .field-validation-valid {
  margin-left: 2px;
  background: transparent;
  background-image: url(images/required-indicator.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: bottom;
  display: inline-block;
  height: 18px;
  overflow: hidden;
  font-weight: normal;
  width: 18px;
}
body.new .content .required .field-validation-valid.has-tooltip:hover,
body.logon-page .content .required .field-validation-valid.has-tooltip:hover {
  width: 18px;
  padding-left: 0;
}
body.new .content .required .mandatory-field-valid,
body.logon-page .content .required .mandatory-field-valid {
  display: none;
}
body.new .content .required .mandatory-field-error,
body.logon-page .content .required .mandatory-field-error {
  cursor: help;
  margin-left: 2px;
  background: transparent;
  background-image: url(images/error-indicator.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: bottom;
  display: inline-block;
  height: 18px;
  overflow: hidden;
  font-weight: normal;
}
body.new .content .required .mandatory-field-error.has-tooltip:hover,
body.logon-page .content .required .mandatory-field-error.has-tooltip:hover {
  width: 18px;
  padding-left: 0;
}
body.new .content .required .mandatory-field-error + span.field-validation-error,
body.logon-page .content .required .mandatory-field-error + span.field-validation-error,
body.new .content .required .mandatory-field-error + span.field-validation-valid,
body.logon-page .content .required .mandatory-field-error + span.field-validation-valid {
  display: none;
}
body.new .content .required .required-icon,
body.logon-page .content .required .required-icon {
  margin-left: 2px;
  background-image: url(images/required-indicator.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: text-top;
  width: 18px;
  text-indent: -99999px;
  overflow: hidden;
}
.ui-tooltip .field-validation-error {
  background: #fff;
  padding: 0;
  display: block;
  font-weight: normal;
}
body.new,
body.logon-page {
  background: #f0f0f0;
}
body.new .page,
body.logon-page .page,
body.new .footer,
body.logon-page .footer {
  background-color: #fff;
}
@media (min-width: 1200px) {
  body.new .page,
  body.logon-page .page,
  body.new .footer,
  body.logon-page .footer {
    width: 1200px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
  }
  body.new.no-max .page,
  body.logon-page.no-max .page,
  body.new.no-max .footer,
  body.logon-page.no-max .footer {
    width: 100%;
  }
}
.ui-autocomplete {
  z-index: 9001 !important;
}
.tekla-map {
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
}
.tekla-map a,
.tekla-map a:link,
.tekla-map a:visited,
.tekla-map a:active {
  color: #2196f3;
  /* #005f9e; */
  /*#58595B;*/
  cursor: pointer;
  text-decoration: none;
}
.tekla-map a:hover,
.tekla-map a:focus {
  color: #0a6ebd;
  /* #000;*/
  cursor: pointer;
  text-decoration: none;
}
.tekla-map .map-tooltip {
  border: #000 1px solid;
  padding: 0px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 11px;
  color: #000;
  font-family: arial;
  background-color: #fff;
  filter: alpha(opacity=80);
  opacity: .80;
}
div.map-zoom {
  border: 2px solid #004990;
  padding: 0px;
  opacity: 0.9;
  background-color: #2DFFFF transparent;
  color: blue;
}
/* TAB */
.tabheader ul {
  height: 35px;
  position: absolute;
  z-index: 100;
  background: #efefef;
  border-bottom: 1px solid #d4d4d4;
  margin: 0;
  padding: 0;
}
.tabheader li {
  float: left;
  list-style: none;
  white-space: nowrap;
}
.tabheader li a {
  background-color: #ebebeb;
  border: 1px solid #d4d4d4;
  /* #fbfbfb; */
  border-left: 0;
  border-top: 0;
  /*color: #666;*/
  color: #333;
  cursor: pointer;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  text-decoration: none;
}
.tabheader li a:hover {
  background-color: #bfbfbf;
}
.tabheader li a.active {
  background: white;
  /*#fbfbfb; */
  border: 1px solid #d4d4d4;
  /* fff; */
  border-bottom: 0;
  border-left: 0;
  border-top: 0;
  color: #005f9e;
  padding-bottom: 1px;
}
.tabDetails {
  background: #fbfbfb;
}
.clear {
  clear: both;
}
body.tekla-map-maximized {
  padding: 0;
  margin: 0;
}
body.tekla-map-maximized > * {
  display: none;
}
body.tekla-map-maximized div.tekla-map-maximized-wrapper {
  display: block;
}
/* Clustering map indicator */
.cluster-image {
  background: url(images/cluster-32.png) no-repeat 0 0;
  border: 0;
  width: 32px;
  height: 32px;
  position: absolute;
}
.cluster-count {
  color: white;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  padding-bottom: 1px;
  position: absolute;
  left: 0px;
  top: 8px;
  width: 32px;
  z-index: 1;
  line-height: normal;
  text-align: center;
}
.myobjects .myobjects-list-help,
.myobjects .mycollections-list-help,
.myobjects .mycollections-empty-help {
  font-size: 11px;
  color: #000000;
  padding: 5px 10px 5px 5px;
  white-space: normal;
  background-color: #F7F7F7;
  margin: 5px;
  border: #BABABA 1px solid;
}
.myobjects ul.myobject-list,
.mycollection-searchresult-container ul.myobject-list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.8em;
  display: block;
  cursor: auto;
}
.myobjects ul.myobject-list li,
.mycollection-searchresult-container ul.myobject-list li {
  position: relative;
  margin: 0;
  min-height: 30px;
  padding: 2px 0 10px 45px;
  border-bottom: solid 1px #eee;
  overflow: hidden;
}
.mycollection-searchresult-container ul.myobject-list li {
  border-bottom: 0;
}
.myobjects ul.myobject-list li.hover,
.mycollection-searchresult-container ul.myobject-list li.hover,
.myobjects .mycollections-list ul li.hover {
  background-color: #ECE8E5;
  cursor: pointer;
}
.myobjects ul.myobject-list div.myobject-img,
.mycollection-searchresult-container ul.myobject-list div.myobject-img {
  position: absolute;
  top: 4px;
  left: 10px;
  line-height: 25px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  background-color: transparent;
  background-repeat: no-repeat;
  outline: none;
  max-width: 32px;
  max-height: 39px;
  height: auto;
  width: auto;
}
.myobjects ul.myobject-list li .myobject-tools {
  display: none;
}
.myobjects ul.myobject-list li.hover .myobject-tools {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
}
.myobjects ul.myobject-list h4,
.mycollection-searchresult-container ul.myobject-list h4 {
  position: relative;
  padding: 0;
  display: inline;
  font-size: 100%;
  font-weight: bold;
  cursor: pointer;
  word-wrap: break-word;
}
.myobjects ul.myobject-list h4 button,
.mycollection-searchresult-container ul.myobject-list h4 button {
  border: none;
  background: initial;
  font-weight: inherit;
  cursor: pointer;
}
.myobjects ul.myobject-list p,
.mycollection-searchresult-container ul.myobject-list p {
  position: relative;
  left: 0;
  margin: 2px 0 0;
  font-size: 100%;
  overflow: hidden;
  word-wrap: break-word;
  font-size: .92em;
}
.tekla-map div.tekla-ims-search {
  border: 1px #9b9b9b solid;
  background: #fff;
  box-shadow: inset 1px 1px 0px 1px rgba(239, 239, 239, 0.8);
}
.tekla-map div.tekla-ims-search input {
  padding: 0;
  margin: 0;
  border: 0;
}
.tekla-map div.tekla-ims-search {
  padding: 2px;
}
.tekla-map div.tekla-ims-search input.icon-search {
  background-color: #fff;
  cursor: pointer;
  padding: 15px 0 0;
  margin: 0;
  overflow: hidden;
  font-size: 0;
}
.tekla-map .loading div.tekla-ims-search input.icon-search:disabled,
.tekla-map .loading div.tekla-ims-search input.icon-search {
  padding: 14px 0 0;
}
.tekla-map .loading div.tekla-ims-search input.icon-search,
.tekla-map span.loader-indicator,
#mapWrapper span.loader-indicator {
  background: url(images/small-loader.gif) 0px 0px no-repeat;
}
.tekla-map .loader-indicator-container {
  padding: 2px;
  background-color: #fff;
  -webkit-border-radius: 2px 2px;
  -moz-border-radius: 2px 2px;
  border-radius: 2px 2px;
}
.tekla-map span.loader-indicator {
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 0;
  -webkit-border-radius: 0 0;
  -moz-border-radius: 0 0;
  border-radius: 0 0;
  -webkit-box-shadow: 0 0;
  -moz-box-shadow: 0 0;
  box-shadow: 0 0;
}
.tekla-map div.tekla-ims-search input.search-box:disabled,
.tekla-map div.tekla-ims-search input.search-box {
  background-color: #fff;
  padding: 4px;
}
.tekla-map div.tekla-ims-search input.search-box {
  font-size: 1em;
  width: 10em;
  line-height: 1.0em;
  -webkit-appearance: none;
  outline: none;
}
.tekla-map div.tekla-ims-search input[type="submit"] {
  height: 22px;
  width: 22px;
}
/* Container */
.tekla-map .map-scale,
.tekla-map .map-copyright {
  color: #000;
  white-space: nowrap;
  padding: 1px 4px;
  margin: 0;
  line-height: 1.0;
  font-size: 11px;
  background-color: rgba(255, 255, 255, 0.8);
}
.tekla-map .map-ruler {
  display: inline-block;
  height: 4px;
  border: 2px solid gray;
  border-top: none;
}
.basemap-switcher .preview {
  background: url('../Images/basemapimages.png') 0 0 no-repeat;
}
div.openinnewwindow {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  z-index: 2;
  border: 1px solid #fff;
  margin: 0;
}
div.openinnewwindow a {
  display: block;
  padding: 4px 6px;
  background: #fff;
  color: #005596;
}
div.openinnewwindow a:hover {
  color: #000;
  background: #bfbfbf;
}
.handle-vertex {
  color: white;
  border: 2px solid black;
  background-color: white;
  width: 20px;
  height: 20px;
  opacity: 0.5;
  padding: 0;
  margin: 0;
}
.handle-middle {
  color: white;
  border: 2px solid black;
  background-color: gray;
  width: 16px;
  height: 16px;
  opacity: 0.5;
  padding: 0;
  margin: 0;
}
.bubble a,
.bubble a:link,
.bubble a:visited,
.bubble a:active {
  color: #58595B;
  cursor: pointer;
  text-decoration: none;
}
.bubble a:hover {
  color: #000;
  cursor: pointer;
  text-decoration: none;
}
.bubble {
  font-size: 1em;
  /*
    border: 1px solid #d4d4d4;
    -moz-box-shadow: 0 5px 10px rgba(0,0,0, 0.6);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.6);
    box-shadow: 0 5px 10px rgba(0,0,0,0.6);
        */
  background: #ffffff;
}
.edit-bubble.tip-bottom:after,
.info-bubble.tip-bottom:after {
  content: '';
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ebebef;
  position: absolute;
  bottom: -10px;
  left: 20px;
}
.edit-bubble.tip-top:after,
.info-bubble.tip-top:after {
  content: '';
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ebebef;
  position: absolute;
  top: -10px;
  left: 20px;
}
.edit-bubble.tip-right:after,
.info-bubble.tip-right:after {
  left: auto;
  right: 20px;
}
.edit-bubble,
.info-bubble {
  padding: 0;
  margin: 0;
  /*
    display: none; 
    position: absolute;
    */
  width: 300px;
  z-index: 107;
  height: auto;
  cursor: default;
  background-color: white;
}
.info-bubble.info-bubble-short {
  width: 200px;
}
.info-bubble .bubble-content {
  padding: 5px;
  overflow: hidden;
}
.bubble .bubble-content {
  font-size: 0.85em;
}
.bubble .bubble-content .infotitle,
.bubble .bubble-content span.name {
  font-size: 1.1em;
  font-weight: bold;
}
.info-bubble .bubble-content .links a,
.info-bubble .bubble-content .link-container a {
  text-decoration: none;
}
.info-bubble .bubble-content .link-container {
  display: flex;
}
.info-bubble .bubble-content .map-selection {
  margin-left: auto;
  margin-top: auto;
}
.edit-bubble .close-bubble,
.info-bubble .close-bubble {
  position: absolute;
  right: 3px;
  top: 3px;
  cursor: pointer;
  z-index: 108;
}
.edit-bubble .edit-bubble-tabs {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 10;
  width: 300px;
}
.edit-bubble .edit-bubble-tabs-header {
  height: 30px;
  width: 100%;
  border-bottom: 1px solid #d4d4d4;
  background: #efefef;
}
.edit-bubble .tabDetails {
  height: 100%;
  clear: both;
  min-height: 133px;
  max-height: 300px;
  overflow: auto;
}
.bubble.custom-content .tabDetails {
  min-height: 0;
}
.edit-bubble .bubble-content {
  padding: 5px;
}
.edit-ea-bubble .edit-bubble-smalltext {
  display: block;
}
.edit-bubble .edit-bubble-number input {
  width: 50px;
}
.edit-bubble .edit-bubble-select select {
  width: 200px;
}
.edit-bubble .edit-bubble-name input {
  width: 243px;
}
.edit-bubble .edit-bubble-width input {
  width: 50px;
}
.edit-bubble .edit-bubble-explanation textarea,
.edit-bubble .edit-bubble-htmldescription textarea {
  resize: none;
}
.edit-bubble .edit-bubble-explanation textarea,
.edit-bubble .edit-bubble-url input,
.edit-bubble .edit-bubble-imageurl input,
.edit-bubble .edit-bubble-htmldescription textarea {
  width: 94%;
}
.edit-bubble .bubble-footer,
.info-bubble .bubble-footer {
  clear: both;
  background-color: #ebebeb;
  padding-top: 2px;
  padding-bottom: 0;
}
.edit-bubble ul.actionbar-list {
  padding: 5px 0 0 5px;
}
.info-bubble ul.actionbar-list {
  padding: 0;
}
.edit-bubble ul.actionbar-list,
.info-bubble ul.actionbar-list {
  float: left;
  display: block;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0 0 0 5px;
  font-size: 0.85em;
}
.edit-bubble .actionbar-multi-container,
.info-bubble .actionbar-multi-container {
  float: left;
}
.edit-bubble ul.actionbar-list-left,
.info-bubble ul.actionbar-list-left {
  float: left;
}
.edit-bubble ul.actionbar-list li,
.info-bubble ul.actionbar-list li {
  float: left;
  display: block;
  margin-right: 13px;
}
.edit-bubble .actionbar-button-container {
  float: right;
}
.edit-bubble .actionbar-button-container button {
  margin: 2px 2px 2px 5px;
}
.edit-bubble .presentation-mode-toggle .presentationselector-typecontainer {
  display: none;
}
.edit-bubble .presentation-mode-toggle.Point .presentationselector-typecontainer.presentationselector-image {
  display: block;
}
.edit-bubble .presentation-mode-toggle.Polygon .presentationselector-typecontainer.presentationselector-polygon {
  display: block;
}
.edit-bubble .presentation-mode-toggle.LineString .presentationselector-typecontainer.presentationselector-line {
  display: block;
}
.bubble.element-filter .tabDetails {
  min-height: 0;
}
.bubble.element-filter .element-container {
  display: none;
}
.bubble .element-container.width {
  display: none;
}
.bubble.element-filter.filter-name .element-container.name,
.bubble.element-filter.filter-explanation .element-container.explanation,
.bubble.element-filter.filter-url .element-container.url,
.bubble.element-filter.filter-width .element-container.width {
  display: block;
}
.edit-bubble .edit-bubble-htmldescription textarea {
  min-height: 100px;
  max-height: 200px;
}
.tox .tox-mbtn {
  font-size: 13px !important;
}
.icon-navi,
.icon-sidebar,
.icon-ims,
.icon-navi-slider,
.icon-back {
  background-image: url(images/icons/icon-ims24.png?14);
  background-repeat: no-repeat;
  background-color: transparent;
}
.tekla-ims-search .icon-ims.icon-search {
  background-position: -48px -24px !important;
  height: 22px;
  width: 22px;
  background-image: url(images/icons/icon-ims24.png?14) !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}
.icon-ims:hover,
a:hover .icon-ims,
a.icon-ims:hover,
.icon-navi:hover,
.icon-sidebar:hover,
.icon-navi-slider:hover,
.icon-ims-hover {
  background-image: url(images/icons/icon-ims24-hover.png?12);
}
.tekla-ims-search .icon-ims:hover {
  background-image: url(images/icons/icon-ims24-hover.png?12) !important;
}
.icon-close {
  background-position: -24px -213px;
  width: 14px;
  height: 14px;
}
.icon-navi,
.icon-tool {
  background-color: #fff;
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  width: 24px;
  height: 24px;
  box-sizing: content-box;
}
.icon-loading-indicator {
  background-color: #fff;
  display: block;
  overflow: hidden;
  cursor: pointer;
  width: 16px;
  height: 16px;
  box-sizing: content-box;
}
.icon-navi-slider {
  display: block;
  overflow: hidden;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  background-position: -24px -24px;
}
.icon-ims.icon-zoompointer {
  background-position: -24px 0px;
  width: 18px;
  height: 6px;
}
.distance .icon-navi.icon-measure {
  border: 2px solid #fff;
  background-color: transparent;
}
.icon-ims.icon-geolocation {
  background-position: 0px -72px;
}
.icon-ims.icon-layers {
  background-position: -120px -144px;
}
.geolocation-active .icon-ims.icon-geolocation {
  background-position: 0px -96px;
}
.geolocation-inaccurate .icon-ims.icon-geolocation {
  background-position: -96px -96px;
}
.geolocation-outofbounds .icon-ims.icon-geolocation {
  background-position: -120px -96px;
}
.geolocation-loading .icon-ims.icon-geolocation {
  background-position: -96px -192px;
}
.icon-ims.icon-zoomin {
  background-position: 0px 0px;
}
.icon-ims.icon-zoomout {
  background-position: 0px -24px;
}
.icon-ims.icon-measure {
  background-position: 0px -48px;
}
.icon-ims.icon-scalebar {
  background-position: -24px -24px;
}
.icon-sidebar {
  width: 22px;
  height: 22px;
  left: 0px;
  display: block;
  margin: 4px 2px 6px 0;
  cursor: pointer;
  padding: 0;
}
.icon-feedback {
  background-position: -48px -144px;
}
.icon-locationlink {
  background-position: -48px -168px;
}
.icon-locationlink-small {
  background-position: -73px -168px;
}
.icon-print {
  background-position: -48px -120px;
}
.icon-settings {
  background-position: -72px -96px;
}
.icon-drawpoint {
  background-position: 0px -120px;
  width: 24px;
  height: 24px;
}
.icon-drawpolyline {
  background-position: 0px -144px;
  width: 24px;
  height: 24px;
}
.icon-drawpolygon {
  background-position: 0px -168px;
  width: 24px;
  height: 24px;
}
.icon-tool.icon-drawpoint {
  background-position: -96px -120px;
  width: 24px;
  height: 24px;
}
.icon-tool.icon-drawpolyline {
  background-position: -96px -144px;
  width: 24px;
  height: 24px;
}
.icon-tool.icon-drawpolygon {
  background-position: -96px -168px;
  width: 24px;
  height: 24px;
}
.icon-tool.icon-drawrectangle {
  background-position: -96px -216px;
  width: 24px;
  height: 24px;
}
.icon-tool.icon-importkml {
  background-position: -120px -120px;
  width: 24px;
  height: 24px;
}
.icon-setpresentation {
  background-position: 0px -192px;
  width: 24px;
  height: 24px;
}
.icon-ims.icon-close {
  background-position: -24px -213px;
  width: 14px;
  height: 14px;
}
.icon-ims.icon-close-small {
  background-position: -38px -213px;
  width: 9px;
  height: 9px;
}
.icon-ims.icon-down {
  background-position: -24px -201px;
  width: 14px;
  height: 10px;
}
.icon-ims.icon-down-small {
  background-position: -37px -205px;
  width: 10px;
  height: 7px;
}
.icon-ims.icon-up {
  background-position: -24px -192px;
  width: 14px;
  height: 10px;
}
.icon-ims.icon-up-small {
  background-position: -37px -192px;
  width: 10px;
  height: 7px;
}
.icon-ims.icon-share-email {
  background-position: -72px -19px;
  width: 18px;
  height: 18px;
}
.icon-ims.icon-share-facebook {
  background-position: -72px -57px;
  width: 18px;
  height: 18px;
}
.icon-ims.icon-share-twitter {
  background-position: -72px -38px;
  width: 18px;
  height: 18px;
}
.icon-ims.icon-selectpos {
  background-position: -72px -76px;
  width: 18px;
  height: 18px;
}
.icon-navimap {
  background-position: -48px -193px;
  width: 19px;
  height: 19px;
  position: absolute;
  right: -1px;
  bottom: 19px;
  border: 1px solid white;
  z-index: 10;
}
.icon-navimap.icon-navimap-opened {
  background-position: -48px -213px;
  width: 19px;
  height: 19px;
}
.icon-ims.icon-search {
  background-position: -48px -24px;
  height: 22px;
  width: 22px;
}
.icon-ims.icon-showonmap {
  background-position: -48px 0px;
  width: 22px;
  height: 22px;
}
.icon-ims.icon-map-legend {
  background-position: 0px -240px;
  width: 24px;
  height: 24px;
}
.icon-ims.icon-currentissues {
  background-position: -48px -48px;
  width: 22px;
  height: 22px;
}
.icon-ims.icon-freesites {
  background-position: -48px -72px;
  width: 22px;
  height: 22px;
}
.icon-ims.icon-areadivision {
  background-position: -72px -142px;
  width: 22px;
  height: 22px;
}
.icon-ims.icon-maplegend {
  background-position: -72px -120px;
  width: 22px;
  height: 22px;
}
.icon-ims.icon-help {
  background-position: -48px -96px;
  width: 22px;
  height: 22px;
}
.icon-ims.icon-save {
  background-position: -72px -192px;
  width: 20px;
  height: 20px;
}
.icon-ims.icon-save.disabled {
  background-position: -1px -213px;
}
.icon-ims.icon-createnew {
  background-position: -72px -212px;
  width: 20px;
  height: 20px;
}
.icon-ims.icon-maxwindow,
.icon-ims.icon-minmaxmap {
  width: 32px;
  height: 32px;
  background-position: -96px 0px;
  background-color: #fff;
  opacity: 0.8;
}
.icon-ims.icon-minwindow,
.icon-ims.icon-minmaxmap.maxed {
  width: 32px;
  height: 32px;
  background-position: -96px -33px;
}
.icon-back {
  background-color: transparent;
  display: block;
  overflow: hidden;
  cursor: pointer;
  width: 24px;
  height: 24px;
  box-sizing: content-box;
  background-position: -120px -168px;
}
/* */
.icon-ims32 {
  background-image: url(images/icons/toolbar32.png?10);
  background-repeat: no-repeat;
  background-color: transparent;
  width: 32px;
  height: 32px;
}
.icon-ims32:hover {
  background-image: url(images/icons/toolbar32-hover.png?10) !important;
}
.icon-ims32.icon-createnew32 {
  background-position: -160px -160px;
}
.icon-ims32.icon-save32 {
  background-position: -128px -192px;
}
.icon-ims32.icon-save32.disabled {
  background-position: -160px -192px;
}
.icon-ims32.icon-kml-export32 {
  background-position: 0 -224px;
}
.icon-drawpoint32 {
  background-position: 0px -192px;
}
.icon-drawpolyline32 {
  background-position: -32px -192px;
}
.icon-drawpolygon32 {
  background-position: -64px -192px;
}
.icon-setpresentation32 {
  background-position: -96px -192px;
}
.fw-progress-bar-container {
  height: 3px;
  background-color: rgba(5, 114, 206, 0.2);
  width: 100%;
  overflow: hidden;
}
.fw-progress-bar {
  width: 100%;
  height: 100%;
  background-color: #005f9e;
  animation: indeterminateProgress 1s infinite linear;
  transform-origin: 0% 50%;
}
@keyframes indeterminateProgress {
  0% {
    transform: translateX(0) scaleX(0);
  }
  40% {
    transform: translateX(0) scaleX(0.4);
  }
  100% {
    transform: translateX(100%) scaleX(0.5);
  }
}
.feedback-window {
  border: #969696 1px solid;
  padding: 0px;
  background-color: #ffffff;
  position: absolute;
  left: 280px;
  top: 121px;
  height: 525px;
  width: 400px;
  z-index: 15;
  overflow: hidden;
  display: none;
}
.feedback-window .feedback-window-title {
  position: relative;
  background-color: #ebebeb;
  left: 0px;
  top: 0px;
  height: 18px;
  padding: 4px 4px 2px 4px;
  font-weight: bold;
}
.feedback-window .close-window {
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 2;
}
.feedback-window .feedback-window-container {
  position: relative;
  left: 0px;
  top: 0px;
  overflow: auto;
}
.feedback-window .feedback-window-content {
  position: relative;
}
.feedback-window .feedback-window-footer {
  height: 18px;
  padding: 0px;
  border-top: #969696 1px solid;
}
.html-window {
  border: #969696 1px solid;
  padding: 0px;
  background-color: #ffffff;
  position: absolute;
  left: 280px;
  top: 121px;
  height: 440px;
  width: 500px;
  z-index: 15;
  overflow: hidden;
  display: none;
}
.html-window .html-window-title {
  position: relative;
  background-color: #ebebeb;
  left: 0px;
  top: 0px;
  height: 18px;
  padding: 4px 4px 2px 4px;
  font-weight: bold;
}
.html-window .close-window {
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 2;
}
.html-window .html-window-container {
  position: relative;
  left: 0px;
  top: 0px;
  overflow: auto;
}
.html-window .html-window-content {
  position: relative;
}
.html-window .html-window-footer {
  height: 18px;
  padding: 0px;
  border-top: #969696 1px solid;
}
.maplink {
  border: 1px solid #d4d4d4;
  margin-left: 0px;
  padding: 0px;
  background-color: #ffffff;
  display: none;
  width: 400px;
  position: absolute;
  top: 50px;
  right: 50px;
  background-color: white;
  opacity: 0.9;
  z-index: 2080;
}
.maplink .close-element {
  position: absolute;
  right: 4px;
  top: 0;
  /*4px;*/
  cursor: pointer;
  z-index: 81;
}
.maplink .maplink-content {
  padding: 5px;
}
.maplink .maplink-title {
  font-size: 1.2em;
  padding-bottom: 5px;
  width: 100%;
  border-bottom: 3px solid #005f9e;
  color: #005f9e;
  margin-bottom: 8px;
}
.maplink .maplink-title .title {
  padding: 5px;
}
.maplink .maplink-locationlink {
  height: 80px;
  border: 1px solid gray;
  font-size: 0.85em;
  text-overflow: ellipsis;
  overflow: hidden;
}
.maplink .maplink-name-row,
.maplink .maplink-coordinates-row {
  padding-top: 4px;
}
.maplink input.maplink-name {
  width: 100%;
}
.maplink input.maplink-coordinates {
  width: 90%;
}
.maplink .maplink-label-container {
  padding-top: 4px;
  float: left;
  width: 80px;
}
.maplink .maplink-middle-container {
  width: 200px;
  float: left;
}
.maplink .maplink-right-container {
  float: left;
  padding-left: 10px;
}
.maplink .maplink-right-container a {
  margin: 2px;
  float: left;
}
.maplink.shortlink .maplink-coordinates-row {
  display: none;
}
.maplink input.readonly {
  color: #a0a0a0;
}
.myobjects {
  position: absolute;
  /*right: 10px;*/
  right: 50px;
  display: none;
  top: 50px;
  width: 270px;
  height: 320px;
  overflow: hidden;
  /*
    opacity: 0.70;
    filter: alpha(opacity=70);
        */
  background: #FFFFFF;
  border: 1px solid #D7D2CF;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
  z-index: 80;
}
.myobjects .tabContents {
  clear: both;
  padding: 0;
}
.myobjects .container-part,
.myobjects .collection-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.myobjects .container-part {
  z-index: 10;
}
.myobjects .collection-overlay {
  z-index: 30;
  background-color: #fff;
  opacity: 0.70;
  display: none;
}
.myobjects .myobjects-content.container-part {
  display: block;
}
.myobjects a {
  color: #47444B;
  text-decoration: none;
}
.myobjects .tab-actions a:hover,
.myobjects .myobjects-tabs a:hover,
.myobjects .myobjects-action-menu a:hover,
.myobjects .myobjects-action a:hover,
.myobjects .mycollections-list li a:hover {
  background-color: #ECE8E5;
}
.myobjects .myobjects-draggable {
  cursor: move;
}
.myobjects .myobjects-close {
  position: absolute;
  right: 4px;
  top: 0;
  /*4px;*/
  z-index: 20;
}
/* header & footer background color */
.myobjects .myobjects-header,
.myobjects .myobjects-footer,
.myobjects .myobjects-toolbar {
  background: #EFEFEF;
}
.myobjects .myobjects-toolbar {
  border-bottom: 1px solid #D7D2CF;
  padding: 2px;
}
.myobjects .myobjects-footer .icon-ims32 {
  margin-left: 2px;
  margin-right: 2px;
}
.myobjects .myobjects-toolbar .icon-ims32 {
  margin-left: 4px;
  margin-right: 4px;
}
.myobjects-header {
  height: 28px;
}
/* Main tabs */
.myobjects ul.myobjects-tabs {
  padding: 0;
  margin: 0;
}
.myobjects ul.myobjects-tabs li {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
}
.myobjects ul.myobjects-tabs li a {
  display: block;
  padding: 6px;
  border: 0;
  border-right: 1px solid #D7D2CF;
  font-weight: bold;
  color: #333;
}
.myobjects ul.myobjects-tabs li a.active {
  background: #FDFDFD;
  color: #005f9e;
}
.myobjects .tab-actions {
  font-size: 1em;
  /* 0.8em; */
}
.myobjects .tab-actions a {
  float: left;
  padding: 4px;
}
.myobjects .tab-actions a.myobjects-menu {
  padding-left: 12px;
}
.myobjects a.myobjects-menu .icon-down-small {
  margin-top: 4px;
  margin-left: 4px;
}
.myobjects .myobjects-shortlink.disabled {
  color: #b2b2b2;
}
/* action menu */
.myobjects .myobjects-action-menu {
  position: absolute;
  display: none;
  z-index: 25;
}
.myobjects .myobjects-action-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  background: #FFFFFF;
  border: 1px solid #D7D2CF;
}
.myobjects .myobjects-action-menu a {
  padding: 4px;
  display: block;
}
.myobjects .myobjects-action-menu {
  display: none;
}
.myobjects .myobjects-tab div.collection-header {
  margin: 0;
  padding: 0;
  font-weight: normal;
  cursor: pointer;
  font-size: 1em;
  border-top: 1px solid #D7D2CF;
}
.myobjects .myobjects-tab div.collection-header .collection-data {
  float: left;
  max-width: 190px;
  padding: 5px 0 5px 5px;
  overflow: hidden;
}
.myobjects .myobjects-tab div.collection-header .collection-data-right {
  padding: 4px 2px 2px 0;
  float: right;
}
.myobjects .myobjects-tab div.collection-header .collection-data-right .collection-save {
  margin: 0 0.2em 0 0.8em;
}
.myobjects a.collection-name {
  display: inline;
}
.myobjects .scroll-container {
  overflow: auto;
  height: 215px;
}
.myobjects .mycollections-tab {
  display: none;
}
.myobjects .mycollections-list {
  border-top: solid 1px #eee;
}
.myobjects .mycollections-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.myobjects .mycollections-list li {
  display: block;
  cursor: pointer;
  margin: 0;
  padding: 4px 0 4px 4px;
  border-bottom: solid 1px #eee;
}
.myobjects .mycollections-list li.active {
  background-color: #ECE8E5;
}
.collection-properties-content .myobjects-header div {
  float: left;
  padding: 6px 0 0 4px;
}
.collection-properties-content .collection-properties-form {
  padding: 4px 8px 4px 4px;
}
.collection-properties-content .collection-properties-buttons {
  padding: 4px 0;
  float: right;
}
.collection-properties-content label {
  display: block;
  padding-top: 4px;
}
.collection-properties-content textarea {
  width: 100%;
  height: 4em;
  resize: none;
}
.collection-properties-content input {
  width: 100%;
}
/* footer */
.myobjects .myobjects-footer {
  position: absolute;
  bottom: 0;
  border-top: 1px solid #D7D2CF;
  width: 100%;
  padding: 2px;
  z-index: 20;
}
.myobjects .myobjects-footer a.icon-ims {
  margin: 0 2px 0 2px;
}
/* toolbutton states */
.myobjects .draw-point,
.myobjects .draw-polygon,
.myobjects .draw-polyline {
  border: 2px solid #EFEFEF;
  /* Same color as footer background */
}
.createsite .myobjects .draw-point,
.drawpolygon .myobjects .draw-polygon,
.drawpolyline .myobjects .draw-polyline {
  border: 2px solid #333132;
}
/* Sidewindow styles */
.mycollection-searchresult-container h2 {
  font-weight: bold;
  font-size: 1em;
  padding: 0;
  margin: 0 0 0.5em 0;
}
.pane-content .mycollection-searchresult-container {
  padding: 10px;
}
.pane-content .mycollection-searchresult-container img.preview {
  max-width: 150px;
  padding-top: 4px;
}
.default-presentationselector {
  display: none;
  position: absolute;
  left: 610px;
  top: 100px;
  z-index: 107;
  height: auto;
  cursor: default;
  background-color: #ffffff;
  padding: 0 4px 4px 4px;
}
.default-presentationselector:after {
  content: '';
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
  position: absolute;
  bottom: -10px;
  left: 45%;
}
.default-presentationselector .close-element {
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
  z-index: 10000;
}
.presentationselector-container {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 10;
  width: 290px;
  height: auto;
}
.presentationselector-container .dd {
  float: left;
  max-width: 96px;
}
.presentationselector-container .image-dropdown.point-image {
  width: 60px;
  height: 40px;
}
.presentationselector-container .image-dropdown.line-type {
  width: 90px;
  height: 16px;
}
.presentationselector-container .presentationselector-image .dd .ddTitle {
  background: transparent;
  height: 40px;
}
.presentationselector-container .presentationselector-linetype .dd .ddTitle {
  background: transparent;
  height: 22px;
}
.presentationselector-container .presentationselector-typecontainer {
  padding-top: 4px;
}
.presentationselector-container .presentationselector-section-title {
  float: left;
  padding: 5px;
  width: 55px;
  font-weight: bold;
}
.presentationselector-container .presentationselector-controlset {
  float: left;
  padding: 4px;
}
.presentationselector-container .presentationselector-controlset input,
.presentationselector-container .presentationselector-controlset label {
  padding: 0;
  margin: 0;
}
.presentationselector-container .presentationselector-controlset label {
  margin-right: 4px;
}
.presentationselector-container .presentationselector-controlset input,
.presentationselector-container .presentationselector-controlset select {
  padding: 2px;
}
.presentationselector-container .presentationselector-controlset input[type="number"],
.presentationselector-container .presentationselector-controlset input.field-number {
  width: 40px;
}
.presentationselector-container .presentationselector-controlset div.colorPicker-picker {
  float: left;
  height: 22px;
  width: 22px;
}
.searchengine-result-window {
  border: #969696 1px solid;
  padding: 0px;
  background-color: #ffffff;
  position: absolute;
  left: 240px;
  top: 400px;
  height: 280px;
  width: 885px;
  z-index: 9503;
  overflow: hidden;
  display: none;
}
.searchengine-result-window .searchengine-result-window-title {
  position: relative;
  background-color: #ebebeb;
  left: 0px;
  top: 0px;
  height: 18px;
  padding: 4px 4px 2px 4px;
  font-weight: bold;
}
.searchengine-result-window .close-window {
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 2;
}
.searchengine-result-window .searchengine-result-window-container {
  position: relative;
  left: 0px;
  top: 0px;
  overflow: auto;
}
.searchengine-result-window .searchengine-result-window-content {
  position: relative;
}
.searchengine-result-window .searchengine-result-window-footer {
  height: 18px;
  padding: 0px;
  border-top: #969696 1px solid;
}
.searchengine-update-window {
  border: #969696 1px solid;
  padding: 0px;
  background-color: #ffffff;
  position: absolute;
  left: 273px;
  top: 110px;
  height: 530px;
  width: 340px;
  z-index: 15;
  overflow: hidden;
  display: none;
}
.searchengine-update-window .searchengine-update-window-title {
  position: relative;
  background-color: #ebebeb;
  left: 0px;
  top: 0px;
  height: 18px;
  padding: 4px 4px 2px 4px;
  font-weight: bold;
}
.searchengine-update-window .close-window {
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 2;
}
.searchengine-update-window .searchengine-update-window-container {
  position: relative;
  left: 0px;
  top: 0px;
  overflow: auto;
}
.searchengine-update-window .searchengine-update-window-content {
  position: relative;
}
.searchengine-update-window .searchengine-update-window-footer {
  height: 18px;
  padding: 0px;
  border-top: #969696 1px solid;
}
.basemap-switcher {
  position: absolute;
  display: block;
  padding: 0px;
  background: #FFFFFF;
  border-radius: 2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
  z-index: 2;
  border: 1px solid white;
  margin: 0;
}
.basemap-switcher li {
  margin: 0;
  display: none;
  float: left;
  background-color: #6a6976;
  position: relative;
  color: #fff;
}
.basemap-switcher:hover li {
  display: block;
}
.basemap-switcher .selected {
  display: block;
  background-color: #005f9e;
}
.basemap-switcher li.selected a {
  /*  color: #ebebeb;*/
}
.basemap-switcher:hover li.selected {
  background-color: #00437b;
  display: block;
}
.basemap-switcher:hover li.selected a {
  /* color: #fff;
    text-decoration: none;*/
}
.basemap-switcher li:hover,
.basemap-switcher .selected:hover {
  background-color: #00437b;
}
.basemap-switcher li a {
  overflow: hidden;
  cursor: pointer;
  display: block;
  padding: 0;
  color: #fff !important;
  text-decoration: none !important;
}
.basemap-switcher .preview {
  width: 70px;
  height: 46px;
  display: block;
}
.basemap-switcher .label {
  width: 68px;
  clear: both;
  display: block;
  font-size: 11px;
  margin: 0 0 0 2px;
  padding: 0;
}
.basemap-switcher .meta {
  position: absolute;
  top: 4px;
  left: 92px;
}
.threedbasemap-switcher {
  position: absolute;
  display: block;
  padding: 0px;
  background: #FFFFFF;
  border-radius: 2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
  z-index: 2;
  border: 1px solid white;
  margin: 0;
}
.threedbasemap-switcher li {
  margin: 0;
  display: none;
  float: left;
  background-color: #6a6976;
  position: relative;
  color: #fff;
}
.threedbasemap-switcher:hover li {
  display: block;
}
.threedbasemap-switcher .selected {
  display: block;
  background-color: #005f9e;
}
.threedbasemap-switcher li.selected a {
  /*  color: #ebebeb;*/
}
.threedbasemap-switcher:hover li.selected {
  background-color: #00437b;
  display: block;
}
.threedbasemap-switcher:hover li.selected a {
  /* color: #fff;
    text-decoration: none;*/
}
.threedbasemap-switcher li:hover,
.threedbasemap-switcher .selected:hover {
  background-color: #00437b;
}
.threedbasemap-switcher li a {
  overflow: hidden;
  cursor: pointer;
  display: block;
  padding: 0;
  color: #fff !important;
  text-decoration: none !important;
}
.threedbasemap-switcher .preview {
  width: 70px;
  height: 46px;
  display: block;
}
.threedbasemap-switcher .label {
  width: 68px;
  clear: both;
  display: block;
  font-size: 11px;
  margin: 0 0 0 2px;
  padding: 0;
}
.threedbasemap-switcher .meta {
  position: absolute;
  top: 4px;
  left: 92px;
}
::-webkit-input-placeholder {
  font-style: italic;
  /*font-size: 90%; */
}
:-moz-placeholder {
  font-style: italic;
}
:-ms-input-placeholder {
  font-style: italic;
}
html {
  background-color: #fff;
  /*#e2e2e2;*/
  margin: 0;
  padding: 0;
  overflow: hidden;
  -ms-content-zooming: none;
  /* Disable pan/zoom */
  height: 100%;
}
body,
textarea {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
body {
  background-color: #fff;
  color: #333;
  font-size: .85em;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
}
body.scroll {
  overflow: auto !important;
}
.area-map a,
.area-map a:link,
.area-map a:visited,
.area-map a:active,
.header a,
.header a:link,
.header a:visited,
.header a:active {
  color: #58595B;
  /* color: @col_trimble_blue_mid;*/
  /* #58595B;*/
  /*#454545; */
  cursor: pointer;
  text-decoration: none;
  /* underline; */
}
.area-map a:hover,
.header a:hover {
  color: #000;
  /* #3a3a3a; */
  /*#454545; */
  /*color: @col_trimble_blue;*/
  cursor: pointer;
  text-decoration: none;
}
.placeholder {
  color: #dcdcdc;
  font-style: italic;
}
.onlyprint {
  display: none;
}
.fieldblurred {
  color: #a7a7a7;
}
.fieldactive {
  color: black;
}
.userpos {
  color: blue;
}
.userposactive {
  color: black;
}
div.box_white {
  border: #969696 1px solid;
  padding: 0px;
  background-color: #ffffff;
}
.measure-stage-container {
  border: 0px;
  padding: 0px;
  filter: alpha(opacity=75);
  background-color: #ffffff;
  opacity: .75;
}
div.measure-stage-text,
div.measure-total-text {
  border: 0px;
  padding: 0px;
  font-size: 11px;
  filter: alpha(opacity=75);
  color: #000000;
  white-space: nowrap;
  opacity: .75;
  text-align: center;
}
div.box_resize {
  padding: 0px;
  border-top: #969696 1px solid;
  font-size: 11px;
  white-space: normal;
  height: 20px;
}
div.box_title {
  border: 0px;
  padding: 0px;
  padding-top: 3px;
  font-weight: bold;
  font-size: 12px;
  color: #282828;
  border-bottom: #969696 1px solid;
  background-color: #dddddd;
}
div.box_context_on {
  border: 0px;
  padding-right: 0px;
  padding-left: 5px;
  font-size: 11px;
  padding-bottom: 4px;
  color: #000000;
  padding-top: 4px;
  border-bottom: #dcdcdc 1px solid;
  border: #dcdcdc 1px solid;
  text-decoration: underline;
  background-color: #dfe7fe;
}
div.box_context_off {
  border: 0px;
  padding-right: 0px;
  padding-left: 5px;
  font-size: 11px;
  padding-bottom: 4px;
  color: #000000;
  padding-top: 4px;
  border-bottom: #dcdcdc 1px solid;
}
a.category:link {
  color: #000000;
  text-decoration: none;
}
a.category:active {
  color: #000000;
  text-decoration: none;
}
a.category:visited {
  color: #000000;
  text-decoration: none;
}
a.category:hover {
  color: #000000;
  text-decoration: underline;
}
a.toolbutton:link {
  color: #323232;
  text-decoration: none;
}
a.toolbutton:active {
  color: #323232;
  text-decoration: none;
}
a.toolbutton:visited {
  color: #323232;
  text-decoration: none;
}
a.toolbutton:hover {
  color: #323232;
  text-decoration: underline;
}
.toolbutton {
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
  color: #323232;
  text-decoration: none;
}
a.whitelink:link {
  color: #ffffff;
  text-decoration: none;
}
a.whitelink:active {
  color: #ffffff;
  text-decoration: none;
}
a.whitelink:visited {
  color: #ffffff;
  text-decoration: none;
}
a.whitelink:hover {
  color: #ffffff;
  text-decoration: underline;
}
.whitelink {
  font-weight: normal;
  font-size: 9pt;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
}
A.bluelink:link {
  color: #225096;
  text-decoration: none;
}
A.bluelink:visited {
  color: #225096;
  text-decoration: none;
}
A.bluelink:hover {
  color: #225096;
  text-decoration: underline;
}
A.bluelink:active {
  color: #225096;
  text-decoration: none;
}
.bluelink {
  font-weight: normal;
  font-size: 8pt;
  cursor: pointer;
  color: #225096;
}
a.bubblelink:link,
a.bubblelink:active,
a.bubblelink:visited,
.area-search a,
.area-search a:link,
.area-search a:active,
.area-search a:visited {
  color: #005f9e;
  /*color: #58595B;*/
  /* rgb(34, 80, 150); */
  text-decoration: none;
  cursor: pointer;
}
a.bubblelink:hover,
.area-search a:hover {
  color: #00437b;
  /* #3a3a3a; */
  /*rgb(34, 80, 150);*/
  /*text-decoration: underline*/
}
.leaflet-popup .bubble-content a,
.leaflet-popup .bubble-footer a {
  color: #005f9e;
  text-decoration: none;
  cursor: pointer;
}
.leaflet-popup .bubble-content a:hover,
.leaflet-popup .bubble-footer a:hover {
  color: #00437b;
  /*   text-decoration: underline;*/
}
.bubblelink {
  font-weight: normal;
  font-size: 8pt;
  cursor: pointer;
  text-decoration: none;
}
.areasearch {
  font-weight: normal;
  font-size: 8pt;
  text-decoration: none;
}
.bannertext {
  border-top: 0px;
  margin-top: 0px;
  font-size: 13px;
  color: #ffffff;
  padding-top: 0px;
}
div.box_transparent {
  background-image: url(banner_bg3.jpg);
}
/*
.status {
	font-size: 11px; color: #000000; font-family: arial; white-space: nowrap
}
*/
.footerstatus {
  font-size: 11px;
  color: #FFFFFF;
  white-space: nowrap;
}
.scaletext {
  font-size: 11px;
  color: #464646;
  white-space: nowrap;
}
.copyright1 {
  font-size: 11px;
  color: #000000;
  white-space: nowrap;
}
.copyright2 {
  font-size: 11px;
  color: #000000;
  white-space: nowrap;
  background-color: #FFFFFF;
}
.themes {
  font-size: 13px;
  color: #000000;
}
.htabtext {
  font-size: 13px;
  color: #000000;
  font-weight: normal;
  background-image: url(htab_bgline_on.jpg);
}
.htabitem {
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  padding-top: 6px;
  padding-left: 5px;
  padding-right: 1px;
  white-space: nowrap;
}
.htab {
  border-bottom: 1px solid #969696;
  white-space: nowrap;
}
.htabon {
  border-bottom: 1px solid #ffffff;
  white-space: nowrap;
}
.editform {
  font-size: 11px;
  color: #000000;
}
div.buttontext {
  vertical-align: middle;
  width: 100%;
  cursor: pointer;
  position: absolute;
  top: 3px;
  height: 100%;
  text-align: center;
}
.cmdlink {
  font-size: 10px;
  color: #000000;
  font-family: tahoma, sans-serif;
  cursor: pointer;
}
.search-list {
  width: 98%;
  list-style: none;
  padding: 2px;
  margin: 0;
}
.search-row {
  font-size: 9pt;
  color: #58595B;
  cursor: pointer;
  width: 98%;
  margin-top: 3px;
}
.search-row:hover {
  color: #000000;
  background-color: #ebebeb;
}
.search-category {
  display: block;
  font-size: 8pt;
  color: #58595B;
  cursor: pointer;
}
.searchheader {
  background-color: #F7F7F7;
  font-size: 9pt;
}
.search-subtitle {
  display: block;
  font-size: 11pt;
  font-weight: bold;
  color: #58595B;
  margin-bottom: 10px;
  margin-top: 5px;
}
/*



.selectfield      { font-family:  arial, verdana, helvetica; font-size: 8pt; }


form              { margin: 0; font-family: tahoma, sans-serif; font-size: 8pt; }

.layername        { font-family: arial, verdana, helvetica; font-size: 8pt; 
				    vertical-align : middle;}

.categorylayername  { font-family: arial, verdana, helvetica; font-size: 8pt; 
				   vertical-align : middle;}
				   
.treebranch       {
	font-size: 8pt; cursor: pointer; display: block; font-weight: bold;
}
.treeleaf {
	font-size: 8pt; cursor: pointer; display:none; margin-left: 16px;
}
.formbutton {
	width: 54px; 
	height: 24px;	
	margin: 0 auto;	
	color: #000000;	
	font-family: arial;	
	font-size: 8pt;	
	font-weight: bold;	
	cursor: pointer;
}
.formbutton:hover {
	color: #000099; text-decoration: none;
}

.formbutton2 {
	height: 24px;	
	margin: 0 auto;	
	color: #000000;	
	font-family: arial;	
	font-size: 8pt;	
	font-weight: bold;	
	cursor: pointer;
}
.formbutton2:hover {
	color: #000099; text-decoration: none;
}
*/
.tabheader {
  position: relative;
  margin: 0px;
  border: 0px;
  width: 100%;
  padding: 0px;
  /*	border-top: 1px solid rgb(90, 110, 164);  */
  font-size: 12px;
  color: #323232;
  font-weight: bold;
  /*	background-image: url(tabbg.jpg); */
  z-index: 2;
  cursor: pointer;
}
.tabheader2 {
  position: relative;
  margin: 0px;
  border: 0px;
  width: 100%;
  padding: 0px;
  border-top: 1px solid #c0cde9;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: bold;
  background-image: url(tabbg.jpg);
  z-index: 2;
  cursor: pointer;
}
.tabcontent {
  position: relative;
  margin: 0px;
  border: 0px;
  /*width: 237px; */
  width: 337px;
  padding: 0px;
  border-top: 1px solid #5a6ea4;
  font-size: 12px;
  color: #000000;
  z-index: 2;
  background-color: White;
}
.tabheaderitem {
  position: relative;
  left: 5px;
  top: 5px;
  z-index: 2;
}
.tabcontentitemsearch {
  position: relative;
  left: 5px;
  top: 5px;
  padding-bottom: 30px;
  height: 0px;
  /*width: 215px;	 */
  width: 315px;
}
.tabcontentitem {
  position: relative;
  left: 10px;
  top: 10px;
  padding-bottom: 30px;
  height: 0px;
  /*width: 217px;	*/
  width: 317px;
}
.collectionHeader {
  font-weight: bold;
  font-size: 10pt;
  left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.mapcontainer {
  /*border-bottom: 1px solid rgb(90, 110, 164);
	border-left: 1px solid rgb(90, 110, 164);
        */
}
.actionhelp {
  font-size: 11px;
  color: #000000;
  padding: 5px;
  padding-left: 5px;
  padding-right: 10px;
  white-space: normal;
  background-color: #F7F7F7;
  margin: 5px;
  border: #BABABA 1px solid;
}
.actionhelp2 {
  font-size: 11px;
  color: #000000;
  padding: 5px;
  padding-left: 5px;
  padding-right: 10px;
  white-space: normal;
  background-color: #fffecf;
  margin: 5px;
  border: #BABABA 1px solid;
}
table.planreg {
  font-size: 9pt;
  color: #000000;
}
h3.planreg {
  font-size: 11pt;
  color: #000000;
  font-weight: bold;
  margin: 3px;
}
h4.planreg {
  font-size: 10pt;
  color: #000000;
  margin: 3px;
  font-weight: normal;
}
.box_white iframe {
  display: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  filter: mask();
  width: 1000px;
  height: 1000px;
}
div.extsearchbox_white {
  border: #969696 1px solid;
  padding: 0px;
  background-color: #ffffff;
}
.extsearchbox_white iframe {
  display: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  filter: mask();
  width: 555px;
  height: 450px;
}
#basic-modal-content {
  display: none;
}
/* Overlay */
#simplemodal-overlay {
  background-color: #000;
  cursor: wait;
}
/* Container */
#simplemodal-container {
  height: 380px;
  width: 600px;
  color: #000000;
  background-color: #ffffff;
  border: 2px solid #444;
  padding: 12px;
}
/*
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}

#simplemodal-container h3 {color:#84b8d9;}
#simplemodal-container input {color:#84b8d9;}
*/
#simplemodal-container a.modalCloseImg {
  background: url(images/x.png) no-repeat;
  width: 25px;
  height: 29px;
  display: inline;
  z-index: 3200;
  position: absolute;
  top: -15px;
  right: -16px;
  cursor: pointer;
}
/* jQuery UI */
div.ui-cluetip {
  font-size: 1em;
}
.ui-cluetip-header,
.ui-cluetip-content {
  padding: 12px;
  border: 0!important;
}
.ui-cluetip-header {
  font-size: 1em;
  margin: 0;
  overflow: hidden;
}
.cluetip-title .cluetip-close {
  float: right;
  position: relative;
}
.cluetip-close img {
  border: 0;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(images/cluetip/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  width: 11px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border-width: 0;
}
.cluetip-extra {
  display: none;
}
.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default .ui-cluetip-header {
  background-color: #87876a;
}
div.cluetip-default .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-default .cluetip-arrows {
  background-image: url(images/cluetip/darrowleft.gif);
}
div.clue-left-default .cluetip-arrows {
  background-image: url(images/cluetip/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
div.clue-top-default .cluetip-arrows {
  background-image: url(images/cluetip/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}
div.clue-bottom-default .cluetip-arrows {
  background-image: url(images/cluetip/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}
.cluetip-jtip {
  background-color: #fff;
}
.cluetip-jtip .cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
}
.cluetip-jtip .cluetip-inner {
  padding: 5px;
  display: inline-block;
}
.cluetip-jtip div.cluetip-close {
  text-align: right;
  margin: 0 5px 0;
  color: #900;
}
.cluetip-jtip .ui-cluetip-header {
  background-color: #ccc;
  padding: 6px;
}
div.cluetip-jtip .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-jtip .cluetip-arrows {
  background-image: url(images/cluetip/arrowleft.gif);
}
div.clue-left-jtip .cluetip-arrows {
  background-image: url(images/cluetip/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
div.clue-top-jtip .cluetip-arrows {
  background-image: url(images/cluetip/arrowdown.gif);
  top: 100%;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}
div.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/cluetip/arrowup.gif);
  top: -11px;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}
.cluetip-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.cluetip-rounded .cluetip-arrows {
  border-color: #ccc;
}
div.cluetip-rounded .cluetip-arrows {
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  border-style: solid;
  background: transparent none;
}
div.clue-right-rounded .cluetip-arrows {
  border-width: 11px 11px 11px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
div.clue-left-rounded .cluetip-arrows {
  left: 100%;
  margin-right: -11px;
  border-width: 11px 0 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
div.clue-top-rounded .cluetip-arrows {
  top: 100%;
  left: 50%;
  border-width: 11px 11px 0 11px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.clue-bottom-rounded .cluetip-arrows {
  top: -11px;
  left: 50%;
  border-width: 0 11px 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}
.cluetip-rounded .cluetip-title,
.cluetip-rounded .cluetip-inner {
  zoom: 1;
}
/* */
/*
.container h2, .container h1, .container h3
{ 	
    overflow: hidden; 
    position: relative; 
    margin-bottom: 0;
    margin: 5px 0 0 0; 
   
    color:black; 
    font-weight: bold; 
                  
        
    border-bottom: 3px solid #00328F; 
    padding-top: 2px; 
    padding-bottom: 2px;
 } 

.container h3
{
    font-family: arial;
	font-size: 1.0em;	    
}

.container h2
{	
	font-size: 1.2em;
}

.container p
{
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 0.8em;
}

.container h1
{
	font-size: 1.9em;
	margin: 0;
	font-weight: normal;
	padding: 0.5em 0.5em 0.5em 0;
	margin-top: 0.5em;		
}

*/
.poi.normal {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0px;
}
.poi.highlight {
  background-position: -24px 0px;
}
/* Site */
.dialog {
  /*font-weight: bold; */
  border: 1px solid #d4d4d4;
  margin-left: 0px;
  padding: 0px;
  background-color: #ffffff;
}
.dialog-content {
  padding: 5px;
}
.theme-container-title {
  font-size: 1.0em;
  margin-top: 0px;
}
.sricon {
  position: relative;
  width: 24px;
  height: 44px;
  left: 0px;
  background-image: url(../Images/poi_usergenerated2.png);
  background-repeat: no-repeat;
  text-align: center;
}
.selectedClassesList {
  font-size: 0.7em;
}
/*
span.removable { float: left; padding: 0 4px 0 4px; line-height: 19px; margin: 0 4px 4px 0; font-weight: bold; cursor: pointer; }
*/
span.removable {
  font-size: 0.9em;
  float: left;
  padding: 1px 4px 1px 4px;
  line-height: 15px;
  margin: 0 4px 4px 0;
  font-weight: normal;
  cursor: pointer;
}
span.removable {
  padding: 1px 2px 1px 3px;
  background: #fff;
  color: #575a5f;
}
/*span.remove { padding: 1px 2px 1px 3px; background: #efefef; color: red; } */
span.remove {
  padding: 1px 2px 1px 3px;
  background: #fff;
  color: red;
}
/*.greyBg { background-color: #efefef; }*/
.greyBg {
  background-color: #fff;
}
.nowrap {
  white-space: nowrap;
  padding-left: 2px;
  padding-right: 2px;
  color: Black;
}
ul.nyMenu {
  border-top: 1px solid #eee;
  float: left;
}
.nyMenu li {
  display: inline-block;
  position: relative;
  z-index: 500;
  float: left;
}
.nyMenu li a {
  display: block;
  padding: 9px 8px;
  text-decoration: none;
  color: #06b;
  font-size: 13px;
}
.nyMenu li .hov {
  background: #eee;
  z-index: 499;
  position: relative;
}
.nyMenu li a.selected,
.nyMenu li p a:hover {
  background-color: #069;
  color: #fff;
}
.nyMenu li p {
  position: absolute;
  left: 0;
  display: none;
  background: #eee;
  padding: 5px;
  z-index: 498;
}
.nyMenu li p a {
  white-space: nowrap;
  padding: 4px 8px;
}
/* nyMenu ends */
.searchSelected {
  background-color: #efefef;
}
.searchItem {
  margin: 2px;
  margin-top: 15px;
  clear: both ;
}
.searchItem2 {
  float: left;
  margin-left: 10px;
  width: 280px;
}
/* Zoom */
.mapfooter {
  color: black;
  line-height: 19px;
  padding-left: 10px;
  padding-right: 5px;
  /*
    background-image:-webkit-gradient(linear,0 0,50 0,from(rgba(255,255,255,0)),to(rgba(255,255,255,0.45)));
    background-image: -moz-linear-gradient(left center,rgba(255,255,255,0),rgba(255,255,255,0.45) 50px)
*/
  background-color: White;
}
/* Status */
.status {
  font-size: 11px;
  color: #000000;
  white-space: nowrap;
}
header,
footer,
hgroup,
nav,
section {
  display: block;
}
.content-wrapper {
  margin: 0 auto;
  /* max-width: 960px; */
}
.default-presentationselector,
.maplink,
.servicesearch {
  border: 1px solid #d4d4d4;
  /* Tumma tausta */
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
  background: #ffffff;
}
/* SEARCH */
.search-container {
  position: relative;
  float: left;
  font-size: medium;
  z-index: 1;
}
.search-container .search-div {
  float: left;
  border: 1px #9b9b9b solid;
  /*5e5e5*/
  background: #fff;
  padding: .19em .19em 1.06em 0;
  -moz-box-shadow: inset 1px 1px 0px 1px rgba(239, 239, 239, 0.8);
  -webkit-box-shadow: inset 1px 1px 0px 1px rgba(239, 239, 239, 0.8);
  box-shadow: inset 1px 1px 0px 1px rgba(239, 239, 239, 0.8);
}
.search-container .search-div input.icon-search {
  background-color: #fff;
  cursor: pointer;
  padding: 22px 0 0;
  margin: 0 0 -14px;
  overflow: hidden;
  font-size: 0;
  border-radius: 3px;
}
.search-container .search-div input {
  float: left;
  border: 0;
}
.search-container .search-div input.search-box {
  margin: 0 0 -1em 0.21em;
  font-size: 1em;
  padding: 0.25em 0 .31em 0;
  width: 18.45em;
  height: 1.0em;
  line-height: 1.0em;
  -webkit-appearance: none;
  outline: none;
}
/* SEARCH */
a.dynatree-title {
  text-decoration: underline;
  font-size: 2em;
}
span.dynatree-selected a {
  color: black;
  font-style: normal;
}
.dynatree-node-disabled .dynatree-title {
  color: #9d9d9d !important;
}
.dynatree-has-children a {
  cursor: default !important;
}
/* current issues */
.issue-count {
  color: white;
  font-size: 10px;
  font-weight: bold;
  overflow: hidden;
  padding-bottom: 1px;
  position: absolute;
  right: 2px;
  top: 0;
  z-index: 101;
  line-height: normal;
}
/*#107CE9;*/
.issue-count span {
  background-color: #ff0000;
  /* #F03D25; */
  border: 1px solid #ff0000;
  /*#D83722*/
  border-bottom: 1px solid #ff0000;
  /* #C0311E */
  border-top: 1px solid #ff0000;
  /* #E23923 */
  -webkit-box-shadow: 0 1px 0 rgba(16, 124, 233, 0.6);
  display: block;
  padding: 0 1px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.current-issues-container h4 {
  font-size: 1.1em;
  display: block;
  padding: 0;
  margin: 0;
}
.current-issues-container .current-issue-title {
  font-size: 1em;
}
.current-issues-container .current-issue-body {
  font-size: 0.9em;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  _white-space: pre;
}
.current-issues-container .current-issue {
  padding: 2px;
}
.current-issues-container .current-issue:hover {
  background-color: #ebebeb;
}
.tekla .dd .ddArrow {
  background: url(images/dd/dd_arrow.gif) no-repeat;
}
.tekla .dd .ddTitle {
  background: #e2e2e4 url(images/dd/title-bg.gif) repeat-x left top;
}
.tekla .dd .ddTitle {
  overflow: hidden;
}
/* IMS specific header styles */
.tekla-ims .header {
  border-bottom: 2px solid #7b7a86;
  background-color: #fff;
  vertical-align: middle;
}
.tekla-ims .header a {
  text-decoration: none;
}
.tekla-ims .header .service-logo {
  float: left;
  display: block;
  line-height: 81px;
}
.tekla-ims .header .service-logo img {
  border: 0;
  vertical-align: middle;
  max-height: 76px;
}
@media (max-width: 480px) {
  .tekla-ims .header .service-logo,
  .tekla-ims .header .header-right {
    float: none;
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    padding-top: 0;
  }
}
.tekla-ims .header button,
.tekla-ims .header a.btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #7b7a86;
  text-transform: uppercase;
  font-weight: normal;
  display: inline;
  padding: 7px;
  color: #000;
  background-color: transparent;
  cursor: pointer;
  display: block;
  font-size: 1.2em;
}
.tekla-ims .header button:hover,
.tekla-ims .header a.btn:hover {
  background-color: #E4E9EB;
}
.tekla-ims .header button:focus,
.tekla-ims .header a.btn:focus {
  outline: black solid 1px;
  outline: -webkit-focus-ring-color solid 2px;
}
.tekla-ims .header button {
  min-height: 32px;
}
.tekla-ims .header .menu-horizontal {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none;
  padding-top: 26.5px;
  padding-left: 20px;
  text-transform: uppercase;
}
.tekla-ims .header .menu-horizontal li {
  float: left;
  margin-left: 10px;
}
.tekla-ims .header .menu-horizontal li a {
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #7b7a86;
  padding: 7px;
  color: #000;
}
.tekla-ims .header .menu-horizontal li a:hover {
  background: #7b7a86;
}
.tekla-ims .header .menu-horizontal li.selected a {
  color: #005595;
  background: #fec962;
  border-color: #e5a32c;
  font-weight: bold;
}
.tekla-ims .header .header-content {
  float: left;
}
@media (max-width: 480px) {
  .tekla-ims .header .header-content {
    height: unset;
    width: 100%;
  }
  .tekla-ims .header .header-content ul {
    display: grid;
    padding-left: 5px;
    padding-right: 5px;
  }
  .tekla-ims .header .header-content ul li {
    margin: 1px;
  }
  .tekla-ims .header div.header-right {
    padding-left: 5px;
  }
  .tekla-ims .header div.header-right div.login-part {
    width: 100%;
  }
  .tekla-ims .header div.header-right div.login-part div {
    padding: 7px 10px 5px 5px;
  }
  .tekla-ims .header div.header-right div.end-user-help a.btn {
    margin-left: 0px;
  }
  .tekla-ims .header div.header-right div.language-selector {
    width: 100%;
  }
  .tekla-ims .header div.header-right div.language-selector button.language-selector {
    margin: 0px 5px 0px 0px;
  }
}
.tekla-ims .header .header-right {
  float: right;
  padding-right: 25px;
  padding-top: 26.5px;
  box-sizing: border-box;
  margin-left: auto;
}
.tekla-ims .header .header-right > div {
  padding-bottom: 5px;
}
.tekla-ims .header .header-right div,
.tekla-ims .header .header-right form,
.tekla-ims .header .header-right button {
  float: left;
}
.tekla-ims .header .header-right .login-part {
  display: inline;
}
.tekla-ims .header .header-right .login-part div {
  padding: 7px 10px 0 20px;
}
.tekla-ims .header .header-right .login-part div label.user-prefix {
  font-weight: bold;
}
.tekla-ims .header .header-right .login-part button {
  min-height: unset;
  height: unset;
}
.tekla-ims .header .header-right div.end-user-help .btn {
  background-image: url("images/icons/help_outline-24px.svg");
  background-position: 4px center;
  padding-left: 30px;
  background-repeat: no-repeat;
  margin-left: 10px;
  line-height: unset;
}
.tekla-ims .header .header-right div.language-selector {
  position: relative;
}
.tekla-ims .header .header-right div.language-selector button.language-selector {
  background-image: url("images/icons/language-24px.svg");
  background-position: 4px center;
  padding-left: 30px;
  background-repeat: no-repeat;
  margin-left: 10px;
  font-family: inherit;
}
.tekla-ims .header .header-content {
  margin-left: 110px;
  margin-top: 37px;
  float: left;
  height: auto;
}
.tekla-ims .header .header-toollinks {
  position: relative;
  top: 52px;
  padding-left: 8px;
}
.tekla-ims .header .header-toollinks a {
  margin-left: 1.5em;
}
.tekla-ims .header .header-toolicons {
  position: absolute;
  right: 2px;
  top: 47px;
  width: 150px;
}
.tekla-ims .header .header-toolicons a {
  float: right;
  margin-right: 14px;
}
.tekla-ims .header .header-right button.language-selector {
  background-image: url("images/icons/language-24px.svg");
  background-position: 4px center;
  padding-left: 30px;
  background-repeat: no-repeat;
  margin-left: 10px;
  font-family: inherit;
}
.tekla-ims .header .header-right button,
.tekla-ims .header .header-right a.btn {
  font-size: 1em;
}
.tekla-ims.area-map .header .header-right {
  margin-top: -8px;
  padding: 0;
  padding-right: 14px;
}
/* Loading container */
#body.loading .main-content {
  display: none;
}
#body .loader {
  display: none;
}
#body.loading .loader {
  display: block;
}
.client-info-container-absolute {
  position: absolute;
  margin: 1em;
  bottom: 20px;
}
.maplegend-text {
  padding: 20px 10px 10px 10px;
}
.maplegend-image {
  border: 0;
}
.maplegend-frame {
  margin: 5px;
  overflow: auto;
  border: 0;
  height: 95%;
  width: 95%;
}
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.help-index {
  font-size: 12px;
}
.help-topic-title {
  font-size: 14px;
}
.help-topic-shortdesc {
  font-size: 12px;
}
.help-topic-ol-task-steps {
  font-size: 12px;
}
.help-topic-li-task-step {
  font-size: 12px;
}
.help-section-title {
  font-size: 12px;
}
/* Areasearch */
.area-search {
  padding: 0px;
}
.area-search p {
  padding-top: 0.5em;
}
.area-search input[type="text"],
.area-search select {
  width: 317px;
  height: 22px;
}
.area-search-help {
  font-size: 11px;
  color: #000000;
  padding: 5px 10px 5px 5px;
  white-space: normal;
  background-color: #F7F7F7;
  margin: 5px 10px 5px 5px;
  border: #BABABA 1px solid;
}
/* SEARCHENGINE */
.actionhelpsw {
  font-size: 11px;
  color: #000000;
  padding: 5px;
  padding-left: 5px;
  padding-right: 10px;
  white-space: normal;
  background-color: #F7F7F7;
  margin: 0px;
  margin-bottom: 20px;
  border: #BABABA 1px solid;
}
.formfieldsw {
  font-size: 9pt;
  margin-top: 2px;
  margin-bottom: 2px;
}
.formfield,
.FormField {
  font-size: 9pt;
}
.headercell {
  background: #7baed6;
  color: #000000;
  font-size: 8pt;
  font-weight: bold;
}
.resultcell {
  background: #cccccc;
  color: #000000;
  font-size: 8pt;
}
.errormessage {
  color: #C81922;
  font-size: 8pt;
  font-weight: bold;
}
.propertyname {
  border: 0;
  margin-left: 0;
  margin-right: 0;
  color: #000000;
  font-size: 8pt;
  text-decoration: underline;
}
.propertyvalue {
  border: 0;
  margin-left: 0;
  margin-right: 0;
  color: #000000;
  font-size: 8pt;
}
/* Feedback */
.formheaderfield {
  font-size: 8pt;
  font-weight: bold;
}
.feedback-body {
  color: #000000;
  font-size: 9pt;
  margin: 5px;
}
feedback-warning {
  color: #FF0000;
  font-size: 9pt;
  margin: 5px;
}
/* */
.container h2,
.container h1,
.container h3 {
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
  margin: 5px 0 0 0;
  color: black;
  font-weight: bold;
  border-bottom: 3px solid #00328F;
  padding-top: 2px;
  padding-bottom: 2px;
}
.container h3 {
  font-size: 1.0em;
}
.container h2 {
  font-size: 1.2em;
}
.container p {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1em;
}
.area-map .container p a {
  color: #225096;
}
.container h1 {
  font-size: 1.9em;
  margin: 0;
  font-weight: normal;
  padding: 0.5em 0.5em 0.5em 0;
  margin-top: 0.5em;
}
div.navimap-area {
  border: 2px solid #004990;
  padding: 0px;
  opacity: 0.9;
  background-color: #2DFFFF transparent;
  color: blue;
}
div.navimap-container {
  padding: 0;
  border-top: 2px solid white;
  border-left: 2px solid white;
  border-bottom: 0;
  border-right: 0;
  -moz-box-shadow: -2px -5px 10px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: -2px -5px 10px rgba(0, 0, 0, 0.6);
  box-shadow: -2px -5px 10px rgba(0, 0, 0, 0.6);
  border-top-left-radius: 5px 5px;
  -moz-border-top-left-radius: 5px 5px;
  -webkit-border-top-left-radius: 5px 5px;
}
/* Named areas */
.namedarea-container {
  float: right;
  top: 4px;
  z-index: 1000;
  margin-right: 6px;
  width: auto;
  max-width: 150px;
  height: 38px;
  background-color: #fff;
  opacity: 0.9;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  /* 2px;*/
}
.namedarea-container:hover {
  opacity: 1;
}
.namedarea-container-right {
  margin-left: 12px;
}
.namedarea-container .namedarea-div {
  overflow: hidden;
  background: #fff;
  height: 38px;
}
.namedarea-container .namedarea-select {
  outline: none;
  border: none;
  margin: 6px 0 0 2px;
  padding: 4px;
  max-width: 120px;
  font-size: 1em;
  font-weight: bold;
  color: #005f9e;
}
.cookie-notification {
  z-index: 9001;
}
.toaster-container {
  display: none;
  position: absolute;
  left: 50%;
  top: 50px;
  z-index: 10000;
}
.toaster-container .toaster-text {
  position: relative;
  left: -50%;
  background-color: #c81922;
  color: #fff;
  padding: 8px;
}
@media (max-width: 768px) {
  .toaster-container {
    width: 80%;
    top: 65px;
  }
}
.map-object-selection {
  border: 1px solid #363545;
  border-radius: 2px;
  background-color: white;
  min-width: 300px;
  max-width: 350px;
  z-index: 809;
  position: fixed;
  margin: auto;
  bottom: 10px;
  left: 0;
  right: 0;
  display: none;
}
.map-object-selection .close-dialog {
  position: absolute;
  display: block;
  top: 3px;
  right: 3px;
}
.map-object-selection ul {
  list-style-type: none;
  padding-left: 20px;
  padding-right: 20px;
  max-height: 60vh;
  overflow: auto;
}
.map-object-selection li .map-selection-link {
  padding-top: 6px;
  padding-left: 6px;
}
.map-object-selection h3 {
  padding-top: 20px;
  padding-left: 20px;
}
.map-object-selection li:hover {
  cursor: pointer;
  background-color: #ebebeb;
}
.map-selection-spinner {
  margin: 8px 8px 8px 25px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 25px;
  width: 25px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: url(images/small-loader.gif);
}
.map-selection-link {
  vertical-align: middle;
  padding-left: 4px;
  z-index: 1000;
}
/* 3D */
.md-select-menu-container {
  z-index: 1200;
}
.twod .pointcloud-settings {
  display: none;
}
.threed .pointcloud-settings {
  display: block;
}
.twod .pointcloud-settings,
.twod .action-pointcloud-settings-li {
  display: none;
}
.twod .visible-layers-container .threed-layer {
  display: none;
}
.threed .toolbar-zoomout,
.threed .toolbar-zoomin,
.threed .action-myobjects-li,
.threed .action-print-li,
.threed .action-embedmap-li,
.threed .dt-map-scale,
.threed .dt-footer-coordinates {
  display: none;
}
.threed .visible-layers-container .twod-layer {
  display: none;
}
.threed-properties {
  padding: 8px;
}
.threed-properties .caption {
  font-size: 16px !important;
}
.threed-properties table {
  width: 100%;
  font-size: 12px;
  border-spacing: 0;
}
.threed-properties thead {
  font-weight: bold;
}
.threed-properties tbody tr:nth-child(even) {
  background: #cccccc;
}
.threed-properties tbody tr:nth-child(odd) {
  background: #ffffff;
}
.mob-menu-contentitem .twod {
  width: 48%;
  height: 100%;
  box-sizing: border-box;
  float: left;
  position: relative;
}
.mob-menu-contentitem .threed {
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  float: right;
  position: relative;
}
.mob-menu-contentitem .title {
  z-index: 300;
  position: absolute;
  padding-left: 8px;
  font-size: 16px;
  height: 30px;
  box-sizing: border-box;
}
.mob-menu-contentitem ul.basemap {
  width: 100%;
  height: calc(100% - 30px) !important;
  box-sizing: border-box;
  margin-top: 30px;
}
.mob-menu-contentitem .threed-switcher {
  border-left: 1px solid gray;
  position: static;
}
.map-language-selector button.language-selector {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #7b7a86;
  text-transform: uppercase;
  font-weight: normal;
  display: inline;
  padding: 7px;
  color: #000;
  background-color: transparent;
  cursor: pointer;
  background-image: url("images/icons/language-24px.svg");
  background-position: 4px center;
  padding-left: 30px;
  background-repeat: no-repeat;
  margin-left: 10px;
  font-family: inherit;
  height: 38px;
  color: #005f9e;
  background-color: white;
  opacity: 0.9;
  font-weight: bold;
  font-size: 1em;
}
.map-language-selector button.language-selector:hover {
  background-color: #E4E9EB;
}
.map-language-selector button.language-selector:focus {
  outline: black solid 1px;
  outline: -webkit-focus-ring-color solid 2px;
}
.map-language-selector ul.language-selector {
  top: 38px;
}
.map-language-selector div.language-selector {
  position: relative;
}
.map-label svg text {
  fill: black;
  stroke: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  stroke-linejoin: round;
  stroke-width: 1px;
  paint-order: stroke fill;
}
.dataset-list {
  clear: both;
}
.dataset-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 20px;
}
.dataset-list li a.item-list-link {
  float: none;
}
div.colorPicker-picker {
  height: 16px;
  width: 16px;
  padding: 0 !important;
  border: 1px solid #ccc;
  background: url(arrow.gif) no-repeat top right;
  cursor: pointer;
  line-height: 16px;
}
div.colorPicker-palette {
  width: 110px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
  z-index: 9999;
}
div.colorPicker_hexWrap {
  width: 100%;
  float: left;
}
div.colorPicker_hexWrap label {
  font-size: 95%;
  color: #2F2F2F;
  margin: 5px 2px;
  width: 25%;
}
div.colorPicker_hexWrap input {
  margin: 5px 2px;
  padding: 0;
  font-size: 95%;
  border: 1px solid #000;
  width: 65%;
}
div.colorPicker-swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}
/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: 1.5.24
 *
 * Authors: Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://medialize.github.com/jQuery-contextMenu/
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *   GPL v3 http://opensource.org/licenses/GPL-3.0
 *
 */
.context-menu-list {
  margin: 0;
  padding: 0;
  min-width: 120px;
  max-width: 250px;
  display: inline-block;
  position: absolute;
  list-style-type: none;
  border: 1px solid #DDD;
  background: #EEE;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.9em;
}
.context-menu-item {
  padding: 4px 6px 4px 6px;
  background-color: #fff;
  /* #EEE; */
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.context-menu-separator {
  padding: 0;
  margin: 0;
  background-color: Red;
  border-bottom: 1px solid #DDD;
}
.context-menu-item > label > input,
.context-menu-item > label > textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.context-menu-item.hover {
  cursor: pointer;
  background-color: #EBEBEB;
  /* #39F; */
}
.context-menu-item.disabled {
  color: #666;
}
.context-menu-input.hover,
.context-menu-item.disabled.hover {
  cursor: default;
  background-color: #EEE;
}
.context-menu-submenu:after {
  content: ">";
  color: #666;
  position: absolute;
  top: 0;
  right: 3px;
  z-index: 1;
}
/* icons
    #protip:
    In case you want to use sprites for icons (which I would suggest you do) have a look at
    http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement 
    .context-menu-item.icon:before {}
 */
.context-menu-item.icon {
  min-height: 18px;
  background-repeat: no-repeat;
  background-position: 4px 2px;
}
.context-menu-item.icon-edit {
  background-image: url(images/page_white_edit.png);
}
.context-menu-item.icon-cut {
  background-image: url(images/cut.png);
}
.context-menu-item.icon-copy {
  background-image: url(images/page_white_copy.png);
}
.context-menu-item.icon-paste {
  background-image: url(images/page_white_paste.png);
}
.context-menu-item.icon-delete {
  background-image: url(images/page_white_delete.png);
}
.context-menu-item.icon-add {
  background-image: url(images/page_white_add.png);
}
.context-menu-item.icon-quit {
  background-image: url(images/door.png);
}
/* vertically align inside labels */
.context-menu-input > label > * {
  vertical-align: top;
}
/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
  margin-left: -17px;
}
.context-menu-input > label > span {
  margin-left: 5px;
}
.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.context-menu-input > label > textarea {
  height: 100px;
}
.context-menu-item > .context-menu-list {
  display: none;
  /* re-positioned by js */
  right: -5px;
  top: 5px;
}
.context-menu-item.hover > .context-menu-list {
  display: block;
}
.context-menu-accesskey {
  text-decoration: underline;
}
/*******************************************************************************
 * Tree container
 */
ul.dynatree-container {
  font-family: tahoma, arial, helvetica;
  font-size: 10pt;
  /* font size should not be too big */
  white-space: nowrap;
  padding: 3px;
  margin: 0;
  /* issue 201 */
  /*background-color: white; */
  /*border: 1px dotted gray; */
  overflow: auto;
  height: 100%;
  /* issue 263 */
}
ul.dynatree-container ul {
  /* padding: 0 0 0 16px; */
  padding: 0 0 0 22px;
  margin: 0;
}
ul.dynatree-container li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background-attachment: scroll;
  background-color: transparent;
  background-repeat: repeat-y;
  background-image: url("images/dynatree/vline.gif");
  background-position: 0 0;
  /*
	background-image: url("images/dynatree/icons_96x256.gif");
	background-position: -80px -64px;
	*/
  margin: 0;
  padding: 1px 0 0 0;
}
/* Suppress lines for last child node */
ul.dynatree-container li.dynatree-lastsib {
  background-image: none;
}
/* Suppress lines if level is fixed expanded (option minExpandLevel) */
ul.dynatree-no-connector > li {
  background-image: none;
}
/* Style, when control is disabled */
.ui-dynatree-disabled ul.dynatree-container {
  opacity: 0.5;
  /*	filter: alpha(opacity=50); /* Yields a css warning */
  background-color: silver;
}
/*******************************************************************************
 * Common icon definitions
 */
span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker {
  width: 16px;
  height: 16px;
  /*	display: -moz-inline-box; /* @ FF 1+2 removed for issue 221 */
  /*	-moz-box-align: start; /* issue 221 */
  display: inline-block;
  /* Required to make a span sizeable */
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url("images/dynatree/icons.gif");
  background-position: 0 0;
}
span.dynatree-metadata {
  display: none;
}
/** Used by 'icon' node option: */
ul.dynatree-container img {
  width: 16px;
  height: 16px;
  margin-left: 3px;
  vertical-align: top;
  border-style: none;
}
/*******************************************************************************
 * Lines and connectors
 */
span.dynatree-connector {
  background-position: -16px -64px;
}
/*******************************************************************************
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-exp-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 */
span.dynatree-expander {
  background-position: 0px -80px;
  cursor: pointer;
}
.dynatree-exp-cl span.dynatree-expander {
  background-position: 0px -96px;
}
.dynatree-exp-cd span.dynatree-expander {
  background-position: -64px -80px;
}
.dynatree-exp-cdl span.dynatree-expander {
  background-position: -64px -96px;
}
.dynatree-exp-e span.dynatree-expander,
.dynatree-exp-ed span.dynatree-expander {
  background-position: -32px -80px;
}
.dynatree-exp-el span.dynatree-expander,
.dynatree-exp-edl span.dynatree-expander {
  background-position: -32px -96px;
}
.dynatree-loading span.dynatree-expander {
  background-position: 0 0;
  background-image: url("images/dynatree/loading.gif");
}
/*******************************************************************************
 * Checkbox icon
 */
span.dynatree-checkbox {
  margin-left: 3px;
  background-position: 0px -32px;
}
span.dynatree-checkbox:hover {
  background-position: -16px -32px;
}
.dynatree-partsel span.dynatree-checkbox {
  background-position: -64px -32px;
}
.dynatree-partsel span.dynatree-checkbox:hover {
  background-position: -80px -32px;
}
.dynatree-selected span.dynatree-checkbox {
  background-position: -32px -32px;
}
.dynatree-selected span.dynatree-checkbox:hover {
  background-position: -48px -32px;
}
/*******************************************************************************
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'dynatree-radio' in the tree options.
 */
span.dynatree-radio {
  margin-left: 3px;
  background-position: 0px -48px;
}
span.dynatree-radio:hover {
  background-position: -16px -48px;
}
.dynatree-partsel span.dynatree-radio {
  background-position: -64px -48px;
}
.dynatree-partsel span.dynatree-radio:hover {
  background-position: -80px -48px;
}
.dynatree-selected span.dynatree-radio {
  background-position: -32px -48px;
}
.dynatree-selected span.dynatree-radio:hover {
  background-position: -48px -48px;
}
/*******************************************************************************
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */
span.dynatree-icon {
  margin-left: 3px;
  background-position: 0px 0px;
}
.dynatree-ico-cf span.dynatree-icon {
  background-position: 0px -16px;
}
.dynatree-ico-ef span.dynatree-icon {
  background-position: -64px -16px;
}
/* Status node icons */
.dynatree-statusnode-wait span.dynatree-icon {
  background-image: url("images/dynatree/loading.gif");
}
.dynatree-statusnode-error span.dynatree-icon {
  background-position: 0px -112px;
  /*	background-image: url("images/dynatree/ltError.gif");*/
}
/*******************************************************************************
 * Node titles
 */
/* @Chrome: otherwise hit area of node titles is broken (issue 133)
   Removed again for issue 165; (133 couldn't be reproduced) */
span.dynatree-node {
  /*	display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221*/
  /*	-moz-box-align: start; /* issue 221 */
  /*  display: inline-block; /* Required to make a span sizeable */
}
/* Remove blue color and underline from title links */
ul.dynatree-container a {
  color: black;
  /* inherit doesn't work on IE */
  text-decoration: none;
  vertical-align: top;
  margin: 0px;
  margin-left: 3px;
  /*	outline: 0; /* @ Firefox, prevent dotted border after click */
}
ul.dynatree-container a:hover {
  /*	text-decoration: underline; */
  background-color: #F2F7FD;
  /* light blue */
  border-color: #B8D6FB;
  /* darker light blue */
}
span.dynatree-node a {
  font-size: 10pt;
  /* required for IE, quirks mode */
  display: inline-block;
  /* Better alignment, when title contains <br> */
  /*	vertical-align: top;*/
  padding-left: 3px;
  padding-right: 3px;
  /* Otherwise italic font will be outside bounds */
  /*	line-height: 16px; /* should be the same as img height, in case 16 px */
}
span.dynatree-folder a {
  /* font-weight: bold;*/
}
/*
ul.dynatree-container a:focus,
span.dynatree-focused a:link 
{
	background-color: #EFEBDE; 
}
    */
span.dynatree-selected a {
  color: green;
  /*font-style: italic; */
}
span.dynatree-active a {
  /*	background-color: #3169C6 !important; */
  /*color: white !important;*/
  /* @ IE6 */
}
/*******************************************************************************
 * Drag'n'drop support
 */
/*** Helper object ************************************************************/
div.dynatree-drag-helper a {
  border: 1px solid gray;
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
  opacity: 0.8;
}
span.dynatree-drag-helper-img {
  /*
	position: relative;
	left: -16px;
	*/
}
div.dynatree-drag-helper {
  /*    border-color: green;
	background-color: red;*/
}
div.dynatree-drop-accept span.dynatree-drag-helper-img {
  background-position: -32px -112px;
}
div.dynatree-drag-helper.dynatree-drop-reject {
  border-color: red;
}
div.dynatree-drop-reject span.dynatree-drag-helper-img {
  background-position: -16px -112px;
}
/*** Drop marker icon *********************************************************/
#dynatree-drop-marker {
  width: 24px;
  position: absolute;
  background-position: 0 -128px;
  margin: 0;
  /*	border: 1px solid red; */
}
#dynatree-drop-marker.dynatree-drop-after,
#dynatree-drop-marker.dynatree-drop-before {
  width: 64px;
  background-position: 0 -144px;
}
#dynatree-drop-marker.dynatree-drop-copy {
  background-position: -64px -128px;
}
#dynatree-drop-marker.dynatree-drop-move {
  background-position: -64px -128px;
}
/*** Source node while dragging ***********************************************/
span.dynatree-drag-source {
  /* border: 1px dotted gray; */
  background-color: #e0e0e0;
}
span.dynatree-drag-source a {
  color: gray;
}
/*** Target node while dragging cursor is over it *****************************/
span.dynatree-drop-target {
  /*border: 1px solid gray;*/
}
span.dynatree-drop-target.dynatree-drop-accept a {
  /*border: 1px solid green;*/
  background-color: #3169C6 !important;
  color: white !important;
  /* @ IE6 */
  text-decoration: none;
}
span.dynatree-drop-target.dynatree-drop-reject {
  /*border: 1px solid red;*/
}
/*******************************************************************************
 * Custom node classes (sample)
 */
span.custom1 a {
  background-color: maroon;
  color: yellow;
}
.tekla div.colorPicker-picker {
  background: url(images/arrow.gif) no-repeat bottom right;
}
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(images/colorpicker/custom_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  z-index: 1001;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  background: url(images/colorpicker/custom_overlay.png);
  width: 150px;
  height: 150px;
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(images/colorpicker/custom_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(images/colorpicker/custom_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(images/colorpicker/custom_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(images/colorpicker/custom_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(images/colorpicker/custom_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(images/colorpicker/custom_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(images/colorpicker/custom_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(images/colorpicker/custom_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(images/colorpicker/custom_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(images/colorpicker/custom_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
/* global */
div.ui-cluetip {
  font-size: 1em;
}
.ui-cluetip-header,
.ui-cluetip-content {
  padding: 12px;
}
.ui-cluetip-header {
  font-size: 1em;
  margin: 0;
  overflow: hidden;
}
.cluetip-title .cluetip-close {
  float: right;
  position: relative;
}
.cluetip-close img {
  border: 0;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  width: 11px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border-width: 0;
}
.cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default'
-------------------------------------- */
.cluetip-default,
.cluetip-default .cluetip-outer {
  background-color: #d9d9c2;
}
.cluetip-default .ui-cluetip-header {
  background-color: #87876a;
}
/*
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
*/
/* default arrows */
div.cluetip-default .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
div.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
div.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}
div.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}
/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: #fff;
}
.cluetip-jtip .cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}
.cluetip-jtip .cluetip-inner {
  padding: 5px;
  display: inline-block;
}
.cluetip-jtip div.cluetip-close {
  text-align: right;
  margin: 0 5px 0;
  color: #900;
}
.cluetip-jtip .ui-cluetip-header {
  background-color: #ccc;
  padding: 6px;
  /*  margin-bottom: 1em;*/
}
/* jtip arrows */
div.cluetip-jtip .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
div.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
div.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}
div.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}
/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.cluetip-rounded .cluetip-outer {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
}
.cluetip-rounded .cluetip-arrows {
  border-color: #ccc;
}
/* need to be more specific here to override ThemeRoller defaults */
div.cluetip-rounded .cluetip-arrows {
  font-size: 0;
  line-height: 0%;
  width: 0;
  height: 0;
  border-style: solid;
  background: transparent none;
}
div.clue-right-rounded .cluetip-arrows {
  border-width: 11px 11px 11px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
div.clue-left-rounded .cluetip-arrows {
  left: 100%;
  margin-right: -11px;
  border-width: 11px 0 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
div.clue-top-rounded .cluetip-arrows {
  top: 100%;
  left: 50%;
  border-width: 11px 11px 0 11px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.clue-bottom-rounded .cluetip-arrows {
  top: -11px;
  left: 50%;
  border-width: 0 11px 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}
/* stupid IE6 HasLayout hack */
.cluetip-rounded .cluetip-title,
.cluetip-rounded .cluetip-inner {
  zoom: 1;
}
.tekla #cluetip-waitimage {
  background-image: url(images/cluetip/wait.gif);
}
.tekla div.clue-right-default .cluetip-arrows {
  background-image: url(images/cluetip/darrowleft.gif);
}
.tekla div.clue-left-default .cluetip-arrows {
  background-image: url(images/cluetip/darrowright.gif);
}
.tekla div.clue-top-default .cluetip-arrows {
  background-image: url(images/cluetip/darrowdown.gif);
}
.tekla div.clue-bottom-default .cluetip-arrows {
  background-image: url(images/cluetip/darrowup.gif);
}
.tekla div.clue-right-jtip .cluetip-arrows {
  background-image: url(images/cluetip/arrowleft.gif);
}
.tekla div.clue-left-jtip .cluetip-arrows {
  background-image: url(images/cluetip/arrowright.gif);
}
.tekla div.clue-top-jtip .cluetip-arrows {
  background-image: url(images/cluetip/arrowdown.gif);
}
.tekla div.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/cluetip/arrowup.gif);
}
.tekla .ui-cluetip-header,
.tekla .ui-cluetip-content {
  border: 0;
}
.borderRadius {
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.borderRadiusTp {
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.borderRadiusBtm {
  -moz-border-radius: 0 0 5px 5px ;
  border-radius: 0 0 5px 5px;
}
.ddcommon {
  position: relative;
  display: -moz-inline-stack;
  zoom: 1;
  display: inline-block;
  *display: inline;
  cursor: default;
}
.ddcommon ul {
  padding: 0;
  margin: 0;
}
.ddcommon ul li {
  list-style-type: none;
}
.borderRadiusTp ul li:last-child {
  -moz-border-radius: 0 0 5px 5px ;
  border-radius: 0 0 5px 5px;
  border-bottom: 0 none #c3c3c3;
}
.borderRadiusBtm ul li:first-child {
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0 ;
  border-bottom: 1 solid #c3c3c3;
}
.ddcommon .disabled img,
.ddcommon .disabled span,
.ddcommon.disabledAll {
  opacity: .5;
  /* standard: ff gt 1.5, opera, safari */
  -ms-filter: "alpha(opacity=50)";
  /* ie 8 */
  filter: alpha(opacity=50);
  /* ie lt 7 */
  -khtml-opacity: .5;
  /* safari 1.x */
  -moz-opacity: .5;
  /* ff lt 1.5, netscape */
  color: #999999;
}
.ddcommon .clear {
  clear: both;
}
.ddcommon .shadow {
  -moz-box-shadow: 5px 5px 5px -5px #888888;
  -webkit-box-shadow: 5px 5px 5px -5px #888888;
  box-shadow: 5px 5px 5px -5px #888888;
}
.ddcommon input.text {
  color: #7e7e7e;
  padding: 0 0 0 0;
  position: absolute;
  background: #fff;
  display: block;
  width: 98%;
  height: 98%;
  left: 2px;
  top: 0;
  border: none;
}
.ddOutOfVision {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.borderRadius .shadow {
  -moz-box-shadow: 5px 5px 5px -5px #888888;
  -webkit-box-shadow: 5px 5px 5px -5px #888888;
  box-shadow: 5px 5px 5px -5px #888888;
}
.borderRadiusBtm .shadow {
  -moz-box-shadow: -5px -5px 5px -5px #888888;
  -webkit-box-shadow: -5px -5px 5px -5px #888888;
  box-shadow: -5px -5px 5px -5px #888888;
}
.borderRadiusTp .border,
.borderRadius .border {
  -moz-border-radius: 0 0 5px 5px ;
  border-radius: 0 0 5px 5px;
}
.borderRadiusBtm .border {
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
img.fnone {
  float: none !important;
}
.ddcommon .divider {
  width: 0;
  height: 100%;
  position: absolute;
}
.ddcommon .ddArrow {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 4px;
}
.ddcommon .ddArrow:hover {
  background-position: 0 100%;
}
.ddcommon .ddTitle {
  padding: 0;
  position: relative;
  display: inline-block;
  width: 100%;
}
.ddcommon .ddTitle .ddTitleText {
  display: block;
}
.ddcommon .ddTitle .ddTitleText .ddTitleText {
  padding: 0;
}
.ddcommon .ddTitle .description {
  display: block;
}
.ddcommon .ddTitle .ddTitleText img {
  position: relative;
  vertical-align: middle;
  float: left;
}
.ddcommon .ddChild {
  position: absolute;
  display: none;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  zoom: 1;
  z-index: 9999;
}
.ddcommon .ddChild li {
  clear: both;
}
.ddcommon .ddChild li .description {
  display: block;
}
.ddcommon .ddChild li img {
  border: 0 none;
  position: relative;
  vertical-align: middle;
  float: left;
}
.ddcommon .ddChild li.optgroup {
  padding: 0;
}
.ddcommon .ddChild li.optgroup .optgroupTitle {
  padding: 0 5px;
  font-weight: bold;
  font-style: italic;
}
.ddcommon .ddChild li.optgroup ul li {
  padding: 5px 5px 5px 15px;
}
.ddcommon .noBorderTop {
  border-top: none 0  !important;
  padding: 0;
  margin: 0;
}
/*************** default theme **********************/
.dd {
  border: 1px solid #c3c3c3;
}
.dd .divider {
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #fff;
  right: 24px;
}
.dd .ddArrow {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(../../images/msdropdown/skin1/dd_arrow.gif) no-repeat;
}
.dd .ddArrow:hover {
  background-position: 0 100%;
}
.dd .ddTitle {
  color: #000;
  background: #e2e2e4 url(../../images/msdropdown/skin1/title-bg.gif) repeat-x left top;
}
.dd .ddTitle .ddTitleText {
  padding: 5px 20px 5px 5px;
}
.dd .ddTitle .ddTitleText .ddTitleText {
  padding: 0;
}
.dd .ddTitle .description {
  font-size: 12px;
  color: #666666;
}
.dd .ddTitle .ddTitleText img {
  padding-right: 5px;
}
.dd .ddChild {
  border: 1px solid #c3c3c3;
  background-color: #fff;
  left: -1px;
}
.dd .ddChild li {
  padding: 5px;
  background-color: #fff;
  border-bottom: 1px solid #c3c3c3;
}
.dd .ddChild li .description {
  color: #666;
}
.dd .ddChild li .ddlabel {
  color: #333;
}
.dd .ddChild li.hover {
  background-color: #f2f2f2;
}
.dd .ddChild li img {
  padding: 0 6px 0 0;
}
.dd .ddChild li.optgroup {
  padding: 0;
}
.dd .ddChild li.optgroup .optgroupTitle {
  padding: 0 5px;
  font-weight: bold;
  font-style: italic;
}
.dd .ddChild li.optgroup ul li {
  padding: 5px 5px 5px 15px;
}
.dd .ddChild li.selected {
  background-color: #d5d5d5;
  color: #000;
}
.currentissues-edit-container .edit-field-container.title input {
  width: 20em;
}
.currentissues-edit-container .edit-field-container.language select {
  width: 15em;
}
.currentissues-edit-container .edit-field-container label {
  margin-bottom: 0.3em;
}
.currentissues-edit-container .edit-field-container .translation-toggle {
  margin-left: 0.5em;
}
.currentissues-edit-container .edit-field-container textarea {
  height: 10em;
  width: 100%;
}
.currentissues-list .item-list a.not-visible-in-gui {
  color: gray;
}
.currentissues-button-container {
  background: #0d6aa8;
  color: #fff;
  border: 0;
  vertical-align: middle;
  cursor: default;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-style: none;
  border-width: 0px;
  text-decoration: none;
  /*Inline or inline-block*/
  display: inline;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 11pt !important;
  padding: 10px;
  padding-top: 8px !important;
  height: unset;
  font-weight: 700 !important;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 0.5em;
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}
.presentation-main-help {
  padding: 2em;
}
.presentation-main-container {
  padding-bottom: 1em;
}
.presentation-edit-container {
  float: left;
  margin-right: 1em;
}
.presentation-main-container .edit-container {
  float: left;
  min-width: 70em;
  margin-right: 2em;
  padding-left: 0.6em;
}
.minimize-panel-button {
  display: none;
}
.presentation-list .edit-item-list {
  min-height: 50em;
}
.presentation-map-container {
  float: left;
  position: relative;
  margin-top: 10em;
  width: 500px;
  height: 480px;
  border: 1px solid lightgray;
  background: #F4F4F4;
}
.presentation-edit-container .field-line-width {
  width: 3em;
}
.presentationset-main-container .edit-container-section {
  float: left;
  min-width: 578px;
  /* as wide as the table above -padding 22px*/
}
.presentationset-list .edit-item-list {
  min-height: 50em;
}
.datasets-edit-container .edit-field-container input,
.datasets-edit-container .edit-field-container textarea {
  width: 20em;
}
.datasets-edit-container .edit-field-container textarea {
  height: 6em;
}
.datasets-edit-container .edit-field-container .language select {
  width: 15em;
}
.datasets-edit-container .edit-field-container label {
  margin-bottom: 0.3em;
}
.datasets-edit-container .edit-field-container .translation-toggle {
  margin-left: 0.5em;
}
.datasets-edit-container .edit-field-container .order input {
  width: 5em;
}
.datasets-edit-container .edit-field-container.order input {
  width: 5em;
}
.datasets-edit-container .edit-field-container.allow-location-edit input {
  width: initial;
}
/* custom styles */
.tekla .ui-jqgrid .ui-jqgrid-view {
  font-size: 1em;
}
.tekla .ui-jqgrid tr.ui-row-ltr td {
  vertical-align: middle;
}
.tekla .ui-jqgrid tr.ui-row-rtl td {
  vertical-align: middle;
}
.tekla .ui-jqgrid .loading {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 66px;
  width: 66px;
  text-decoration: none;
  background-repeat: no-repeat !important;
  background-image: url(images/big-loader.gif) !important;
}
.tekla .rightstable tr.jqgrow td {
  white-space: nowrap;
}
.tekla div.jq-colchooser {
  z-index: 9000;
}
.tekla .jq-colchooser .ui-dialog-titlebar-close {
  text-indent: -9999999px;
}
.tekla .jq-colchooser .ui-dialog-buttonset .ui-button {
  border: 1px solid #d3d3d3;
  min-height: 28px;
  padding-left: 8px;
  padding-right: 8px;
}
.ui-multiselect {
  padding: 2px 0 2px 4px;
  text-align: left;
}
.ui-multiselect span.ui-icon {
  float: right;
  transform: scale(1.5);
  margin-right: 4px;
}
.ui-multiselect-single .ui-multiselect-checkboxes input {
  position: absolute !important;
  top: auto !important;
  left: -9999px;
}
.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding: 5px !important;
}
.ui-multiselect-header {
  margin-bottom: 3px;
  padding: 3px 0 3px 4px;
}
.ui-multiselect-header ul {
  font-size: 0.9em;
}
.ui-multiselect-header ul li {
  float: left;
  padding: 0 10px 0 0;
}
.ui-multiselect-header a {
  text-decoration: none;
}
.ui-multiselect-header a:hover {
  text-decoration: underline;
}
.ui-multiselect-header span.ui-icon {
  float: left;
}
.ui-multiselect-header li.ui-multiselect-close {
  float: right;
  text-align: right;
  padding-right: 0;
}
.ui-multiselect-header li.ui-multiselect-close a.ui-multiselect-close span.ui-icon-circle-close {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.ui-multiselect-menu {
  display: none;
  padding: 3px;
  position: absolute;
  z-index: 10000;
}
.ui-multiselect-checkboxes {
  position: relative /* fixes bug in IE6/7 */;
  overflow-y: scroll;
}
.ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
  border: 1px solid transparent;
  padding: 3px 1px;
}
.ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px;
}
.ui-multiselect-checkboxes li {
  clear: both;
  font-size: 0.9em;
  padding-right: 3px;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  padding: 3px;
  margin: 1px 0;
  text-decoration: none;
}
/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label {
  border: none;
}
/* custom styles */
.ui-multiselect-buttonlabel {
  vertical-align: middle;
}
.ui-multiselect-checkboxes label {
  padding: 1px 1px;
  margin: 0;
}
.hide-close .ui-multiselect-close {
  display: none;
}
.hide-selectall .ui-multiselect-all {
  display: none;
}
.mob-mapcontainer {
  position: absolute;
  top: 61px;
  left: 0px;
  /*
    width: 100%;
    height: 100%;
    border: 0px;
        */
  bottom: 0;
  right: 0;
  margin: 0px;
  background: #FFFFFF;
}
#map-panel {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  height: 100%;
  z-index: 1;
}
#html-panel {
  z-index: 2;
  top: 38px;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  /*  height: 100%;*/
  display: none;
  overflow: auto;
  background-color: #fff;
}
#html-panel .inforesultsHeadingButtons {
  display: none !important;
}
.mob-overlay-action {
  /*position: absolute;*/
  z-index: 10001;
  width: 32px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.mob-brandlogo {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 2001;
}
.mob-menu {
  color: black;
  display: none;
  z-index: 9002;
  width: 100%;
  background-color: white;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  box-sizing: border-box;
}
.mob-menu #mob-menu-content-main ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.mob-menu #mob-menu-content-main li {
  display: block;
  /*   background: @verydarkblue; */
  background: #ffffff;
  /*
    border-bottom: 1px solid @black;
    border-left: 1px solid @black;
    border-right: 1px solid @black;
    */
  width: 100%;
  font-size: 16px;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000000;
  font-weight: bold;
  height: 54px;
}
.mob-menu #mob-menu-content-main li.link {
  background-color: #0072c9;
}
.mob-menu #mob-menu-content-main li a {
  text-decoration: none;
}
.mob-menu #mob-menu-content-main li:hover,
#mob-menu-content-language li:hover {
  /*  background-color: #0168B0 !important;*/
  background-color: #e2e2e2 !important;
}
/*
.mob-menu li a:hover span {
       background-color: #0168B0 !important;
    }

.mob-menu li.link a:hover span {
       background-color: @verydarkgray !important;
    }

    */
.mob-menu-label {
  color: #0072c9;
  /*   display: block; */
  padding: 15px 4px 10px 0px;
}
.mob-menu-back {
  background-color: #0072c9;
}
/* current issues */
.icon28 {
  background-repeat: no-repeat;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 28px;
  width: 28px;
  text-decoration: none;
}
.mob-icon32 {
  background: url(images/icons/toolbar32.png?2);
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
  height: 32px;
  width: 32px;
  text-decoration: none;
}
.mob-icon32-close {
  background-position: -96px -160px;
}
.icon32-zoomin {
  background-position: -160px -32px;
}
.icon32-zoomout {
  background-position: -128px -32px;
}
.mob-header {
  height: 60px;
  width: 100%;
  background-color: #0072c9;
}
.icon48 {
  background: url(images/mobile/mobile48.png);
  background-repeat: no-repeat;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 48px;
  width: 48px;
  text-decoration: none;
  margin: 6px;
}
.icon48-menu {
  background-position: 0px 0px;
}
.icon48-measure {
  background-position: -96px 0px;
}
.icon48-measure.active {
  background-position: -48px 0px;
  background-color: white;
}
.icon32-geoloc {
  background-position: -64px -96px;
}
.geolocation-active .icon32-geoloc {
  background-position: -96px -96px;
}
.geolocation-active.geolocation-map-follow .icon32-geoloc {
  background-position: 0px -192px;
}
.geolocation-loading .icon32-geoloc {
  background-position: -128px -96px;
}
.geolocation-outofbounds .icon32-geoloc {
  background-position: -160px -96px;
}
/*
.icon32-close {   
    background-position: 0px -64px;
}
    */
.mob-icon32-basemap {
  background-position: -32px -64px;
}
.mob-icon32-layers {
  background-position: -64px -64px;
}
.mob-icon32-settings {
  background-position: -96px -64px;
}
.mob-icon32-help {
  background-position: -128px -64px;
}
.mob-icon32-feedback {
  background-position: -160px -64px;
}
.icon32-back {
  background-position: -64px -32px;
}
.mob-icon-radio {
  background-position: -32px -96px;
}
.icon32-find {
  background-position: -96px -32px;
}
.icon36-find {
  background: url(images/mobile/find_36x36.png);
}
/* SEARCH */
.mob-search-container {
  float: left;
  z-index: 1;
  position: absolute;
  left: 60px;
  margin-right: 60px;
}
.mob-search-container .mob-search-div {
  height: 40px;
  margin-top: 7px;
  float: left;
  border: 1px #9b9b9b solid;
  background: #fff;
  padding: 2px;
  /*.19em .19em 1.06em 0;  */
  -moz-box-shadow: inset 1px 1px 0px 1px rgba(239, 239, 239, 0.8);
  -webkit-box-shadow: inset 1px 1px 0px 1px rgba(239, 239, 239, 0.8);
  box-shadow: inset 1px 1px 0px 1px rgba(239, 239, 239, 0.8);
  border-radius: 3px;
  position: relative;
}
.mob-search-container .mob-search-div input.icon-search {
  background-color: #fff;
  cursor: pointer;
  padding: 22px 0 0;
  margin: 0 0 -14px;
  overflow: hidden;
  font-size: 0;
  border-radius: 3px;
}
.mob-search-container .mob-search-div input {
  float: left;
  border: 0;
}
.mob-search-container .mob-search-div input.search-box {
  margin: 0 0 -1em 0.21em;
  font-size: 20px;
  padding: 2px 0 2px 0;
  width: 100px;
  height: 38px;
  line-height: 36px;
  -webkit-appearance: none;
  outline: none;
  width: 98%;
  height: 35px;
  min-width: 120px;
  padding-right: 40px;
  box-sizing: border-box;
}
.mob-toolbar-set {
  display: none;
}
/* BASEMAP */
#mob-basemap-selector .basemap-switcher {
  display: block;
  /* padding-right: 80px; */
  background: #FFFFFF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  z-index: 2;
  margin-left: 0px;
  overflow: auto;
}
#mob-basemap-selector .basemap-switcher li {
  padding: 5px;
  display: block;
  /* float: left;*/
  float: none;
  background: #ffffff;
  margin-bottom: 20px;
}
/*

#mob-basemap-selector .basemap-switcher:hover li {
    display:block;
}
    */
#mob-basemap-selector .basemap-switcher .selected {
  display: block;
  background-color: #333132;
}
#mob-basemap-selector .basemap-switcher li.selected a,
#mob-basemap-selector .basemap-switcher li.selected .label {
  /*  color: #ebebeb; */
  color: #ffffff;
}
#mob-basemap-selector .basemap-switcher:hover li.selected {
  background: #454545;
  display: block;
}
#mob-basemap-selector .basemap-switcher:hover li.selected a {
  color: #fff;
  text-decoration: none;
}
#mob-basemap-selector .basemap-switcher li:hover,
#mob-basemap-selector .basemap-switcher .selected:hover {
  background: #e2e2e2;
}
#mob-basemap-selector .basemap-switcher li a {
  overflow: hidden;
  cursor: pointer;
  display: block;
  padding: 0;
}
#mob-basemap-selector .basemap-switcher .preview {
  width: 70px;
  height: 46px;
  display: block;
}
#mob-basemap-selector .basemap-switcher .label {
  /* width: 200px;*/
  /* clear:both;*/
  display: block;
  font-size: 16px;
  margin-top: 5px;
  font-weight: bold;
  padding: 0;
  color: #0072c9;
}
/* BASEMAP */
/* TREE */
#mob-layer-selector span.dynatree-node a {
  font-size: 16px;
  font-weight: bold;
  color: #0072c9;
  margin-top: 6px;
}
#mob-layer-selector span.dynatree-checkbox,
#mob-layer-selector span.dynatree-expander {
  width: 32px;
  height: 32px;
  background-image: url("images/icons/toolbar32.png?2");
}
#mob-layer-selector span.dynatree-has-children {
  padding-left: 1px !important;
}
#mob-layer-selector span.dynatree-folder {
  width: 0px;
  height: 0px;
}
/*******************************************************************************
 * Checkbox icon
 */
#mob-layer-selector span.dynatree-checkbox {
  margin-left: 3px;
  background-position: 0px 0px;
}
#mob-layer-selector span.dynatree-checkbox:hover {
  background-position: -32px 0px;
}
#mob-layer-selector .dynatree-partsel span.dynatree-checkbox {
  background-position: -128px 0px;
}
#mob-layer-selector .dynatree-partsel span.dynatree-checkbox:hover {
  background-position: -160px 0px;
}
#mob-layer-selector .dynatree-selected span.dynatree-checkbox {
  background-position: -64px 0px;
}
#mob-layer-selector .dynatree-selected span.dynatree-checkbox:hover {
  background-position: -96px 0px;
}
#mob-layer-selector .big-expander span.dynatree-expander,
#mob-layer-selector .big-expander .dynatree-exp-cl span.dynatree-expander,
#mob-layer-selector .big-expander .dynatree-exp-cd span.dynatree-expander,
#mob-layer-selector .big-expander .dynatree-exp-cdl span.dynatree-expander {
  background-position: -32px -32px;
}
#mob-layer-selector .big-expander .dynatree-exp-e span.dynatree-expander,
#mob-layer-selector .big-expander .dynatree-exp-ed span.dynatree-expander,
#mob-layer-selector .big-expander .dynatree-exp-el span.dynatree-expander,
#mob-layer-selector .big-expander .dynatree-exp-edl span.dynatree-expander {
  background-position: 0px -32px;
}
#mob-layer-selector .big-expander span.dynatree-expander {
  background-image: url("images/icons/toolbar32.png?2");
}
/* TREE */
.mob-menu-back {
  position: absolute;
  width: 40px;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
}
.mob-menu-back a {
  position: absolute;
  width: 100%;
  height: 100%;
}
.mob-measure-button {
  background-color: #0072c9;
  color: #ffffff;
  border: 1px solid white;
  border-radius: 0;
  height: 40px !important;
  font-size: 13px !important;
  min-width: 80px !important;
  max-width: 100px !important;
  margin-top: 10px !important;
  text-transform: uppercase;
  overflow: hidden;
  -webkit-appearance: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin: 2px;
}
.mob-measure-button:hover {
  background-color: #ffffff;
  color: #0072c9;
}
.mob-measure-button:focus,
.mob-measure-button:active {
  background-color: #ffffff;
  color: #0072c9;
}
.minimized .mob-measure-info-content {
  display: none;
}
.minimized .icon32-close {
  background-position: -128px -64px;
}
#mob-measure-info-box {
  position: absolute;
  right: 0px;
  top: 10px;
  z-index: 9001;
}
.mob-measure-info-content {
  background-color: #ffffff;
  color: black;
  margin-left: 10px;
  margin-right: 10px;
  z-index: 9002;
  padding: 10px;
  box-shadow: 0 0 10px 1px #aaa;
  -moz-box-shadow: 0 0 10px 1px #aaa;
  -webkit-box-shadow: 0 0 10px 1px #aaa;
  min-width: 280px;
}
.mob-measure-info-content:after {
  content: '';
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  /*border-bottom-color: rgba(0, 0, 0, 0.7);*/
  position: absolute;
  top: -10px;
  right: 20px;
}
#mob-welcome-box {
  background-color: #ffffff;
  color: black;
  top: 70px;
  position: absolute;
  left: 0;
  margin-left: 10px;
  margin-right: 10px;
  z-index: 9002;
  padding: 10px;
  box-shadow: 0 0 10px 1px #aaa;
  -moz-box-shadow: 0 0 10px 1px #aaa;
  -webkit-box-shadow: 0 0 10px 1px #aaa;
  min-width: 280px;
}
#mob-welcome-box h3,
.mob-measure-info-content h3 {
  font-weight: bold;
  font-size: 18px;
  margin-right: 40px;
}
#mob-welcome-box p,
.mob-measure-info-content p {
  font-weight: normal;
  font-size: 16px;
}
#mob-welcome-box:after {
  content: '';
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  /*border-bottom-color: rgba(0, 0, 0, 0.7);*/
  position: absolute;
  top: -10px;
  left: 10px;
}
#mob-select-language li.active {
  background-color: #e2e2e2 !important;
}
.map-copyright {
  margin-right: 60px;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  background-color: #fff;
  opacity: 0.8;
  padding-left: 4px;
  padding-right: 4px;
}
/*

@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {

    .mob-icon32-settings {
        background: url(images/mobile/set_language_64x64.png);
        background-size: 32px 32px;
    }
}
    */
/*
html, body {
    height: 100%;
}
    */
.mob-menu-stretched {
  display: block;
  position: absolute;
  height: auto;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  margin-top: 35px;
  box-sizing: border-box;
}
.menu-contentarea {
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 45px;
}
.menu-mainmenu {
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
}
.mob-menu-contentitem {
  display: none;
}
.mob-menu-contentitem-child {
  height: auto;
  /*100%;*/
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.mob-menu-text {
  color: #0072c9;
  height: 65px;
  max-width: 150px;
  float: left;
  padding: 0 0 0 50px;
}
.mob-box-center {
  /* Internet Explorer 10 */
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  /* Firefox */
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  /* W3C */
  display: box;
  box-pack: center;
  box-align: center;
}
.mob-icon-arrow-next {
  background-position: -32px -32px;
  float: left;
  margin-top: 17px;
  margin-left: 5px;
}
.mob-menu-icon {
  position: absolute;
  left: 10px;
  margin: 5px;
  top: 10px;
  overflow: hidden;
  z-index: 101;
  text-align: center;
  color: #ffffff;
  width: 32px;
  height: 32px;
  text-decoration: none;
  float: left;
}
.mob-menu-icon img {
  text-decoration: none;
}
.mob-menu-box {
  position: absolute;
  left: 0px;
  height: 100%;
  top: 0px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
.mob-menu-border {
  border-bottom: 1px solid #e2e2e2;
  /* @verydarkblue; */
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.mob-menu-bottom-links {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.mob-menu-bottom-link {
  cursor: pointer;
  font-size: 14px;
  z-index: 2;
  color: #0072c9 !important;
  text-decoration: none !important;
  font-weight: bold !important;
  padding: 0;
}
.mob-menu-bottom-link.link-button {
  height: 14px;
}
#mob-menu-content-termsofuse p,
#mob-menu-content-privacypolicy p {
  font-size: 16px;
}
.mob-close-icon {
  position: absolute;
  height: 32px;
  width: 32px;
  right: 5px;
  top: 5px;
}
#mob-select-language li:active .mob-language-label {
  color: #0072c9;
}
.mob-language-items {
  font-size: 16px;
  font-weight: bold;
  list-style: none;
  padding: 0;
  margin: 0;
}
.active .mob-icon-radio {
  background-position: 0px -96px;
}
.active .mob-language {
  color: #0072c9;
}
.mob-language {
  color: black;
}
#mob-select-language li .mob-language-label {
  color: black;
}
#mob-select-language li .mob-icon-selected,
.mob-icon-unselected {
  background-position: -96px -32px;
}
.ui-autocomplete .ui-menu-item {
  font-size: 16px;
}
.mob-statusbar {
  display: block;
  border: 0;
  background-color: white;
  z-index: 9000;
  position: absolute;
  bottom: 0px;
  height: 40px;
  left: 0px;
  width: 100%;
}
.mob-statusbar-close {
  position: absolute;
  height: 32px;
  width: 32px;
  right: 4px;
  top: 4px;
}
.mob-hidden {
  display: none;
}
.mob-size100 {
  width: 100%;
  height: 100%;
}
.mob-size100-auto {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.mob-statusbar-label {
  padding: 8px;
  font-size: 16px;
}
#mob-menu-content {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.mob-back-middle {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mob-measure-info-close {
  position: absolute;
  height: 32px;
  width: 32px;
  right: 18px;
  top: 8px;
}
#mobile-tabs {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 38px;
  background-color: #ebebeb;
  /* #fff;*/
}
#mobile-tabs ul {
  list-style: none;
  font-size: 20px;
  margin: 2px;
  padding-left: 10px;
}
#mobile-tabs ul li {
  color: gray;
  display: inline-block;
  padding-right: 50px;
}
#mobile-tabs ul li a {
  text-decoration: none;
}
#mobile-tabs ul li a:hover {
  color: #005f9e;
  /* font-weight: bold;*/
}
#mobile-tabs ul li a:visited {
  color: gray;
}
#mobile-tabs ul li a.active {
  color: #005f9e;
  font-weight: bold;
}
#mobile-tabs ul li span {
  vertical-align: middle;
  cursor: pointer;
}
#mobile-toolbar {
  z-index: 7222;
  background-color: transparent;
  position: absolute;
  right: 0;
  bottom: 32px;
  width: 38px;
}
#mobile-toolbar .toolbar-action {
  /*border: 1px solid red;*/
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 3px;
  margin-right: 3px;
  z-index: 2222;
}
/* Several lumia models lands 533, ihone 4,5  480, 568   */
/* iphone 6 lands 667 */
.fu-logo-container {
  background-color: #fff;
  opacity: 0.8;
  position: absolute;
  bottom: 2px;
  right: 40px;
  height: 18px;
  padding: 2px;
  padding-bottom: 0;
  z-index: 801;
}
.fu-title-box {
  padding: 5px;
  background-color: #005f9e;
  /* @trimbleyellow;*/
}
.fu-edit-title-box span {
  float: left;
}
.fu-edit-title-box a {
  color: black;
}
.fu-edit-title-box .fu-icon32 {
  margin-left: -4px;
}
.fu-fieldtype-int {
  max-width: 120px;
  /* Spin? */
}
.fu-mmsclass-select {
  max-width: 320px;
}
.fu-mmsclass-text {
  width: 40%;
}
.fu-dlg-content {
  padding-left: 10px;
  padding-right: 10px;
  background-color: white;
  height: 100%;
  overflow: auto;
}
.fu-workorder-content {
  min-height: 100px;
  /*   max-height: 400px;*/
}
.fu-mapobject-content {
  min-height: 100px;
  max-height: 400px;
}
.fu-header {
  height: 46px;
  width: 100%;
  background-color: #005f9e;
  border-bottom: 1px solid #ebebeb;
}
.fu-dlg-button {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  background-color: #005f9e;
  /* @trimbleyellow;*/
  color: #fff;
  /* @black;*/
  border: 0;
  /*
    border: 1px solid @verydarkblue;
        */
  border-radius: 0;
  height: 32px !important;
  font-size: 16px !important;
  font-weight: bold;
  min-width: 80px !important;
  /*
    max-width: 180px !important;
        */
  margin-top: 8px !important;
  /*text-transform: uppercase;*/
  overflow: hidden;
  -webkit-appearance: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin: 2px;
}
.fu-attribute-description {
  float: left;
  min-width: 200px;
  max-width: 200px;
  overflow: hidden;
}
.fu-symbol-description {
  float: left;
  min-width: 100px;
  max-width: 100px;
  overflow: hidden;
}
.fu-attribute-value {
  float: left;
  max-height: 70px;
  overflow: auto;
}
.fu-attribute-value span {
  white-space: pre-line;
}
.fu-attachment-image {
  cursor: pointer;
  max-width: 350px;
  max-height: 50px;
}
.fu-attachment-previews {
  display: flex;
  flex-wrap: wrap;
}
.fu-attachment-previews .fu-attachment-preview {
  display: flex;
  width: 100%;
  max-height: 150px;
  margin-bottom: 4px;
  justify-content: center;
}
.fu-attachment-previews .fu-attachment-preview span.icon32-close {
  cursor: pointer;
}
.fu-attachment-previews .fu-attachment-preview .fu-attachment-preview-image {
  max-width: 350px;
  max-height: 150px;
}
.fu-modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.9);
}
.fu-modal-image {
  margin: auto;
  display: block;
  height: auto;
  width: auto;
  max-width: 95%;
  animation-name: zoom;
  animation-duration: 0.6s;
}
.fu-modal-image-close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
.fu-modal-image-close:hover,
.fu-modal-image-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.ma-mmsclass-list .fu-location-coordinate {
  display: inline-block;
}
.ma-mmsclass-list .fu-location-coordinate input[type=number] {
  width: 130px;
}
.ma-mmsclass-list .fu-location-offset {
  display: inline-block;
}
.ma-mmsclass-list .fu-location-offset input[type=number] {
  width: 60px;
  min-width: 60px !important;
}
.fu-dlg-button-gray {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  background-color: #e1e1e1;
  color: #000000;
  border: 0;
  /*
    border: 1px solid @verydarkblue;
        */
  border-radius: 0;
  height: 32px !important;
  font-size: 16px !important;
  font-weight: bold;
  min-width: 80px !important;
  /*
    max-width: 180px !important;
        */
  margin-top: 8px !important;
  /*text-transform: uppercase;*/
  overflow: hidden;
  -webkit-appearance: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin: 2px;
}
.fu-dlg-button-gray:disabled {
  color: dimgray;
}
.fu-dlg-button:hover {
  /* background-color: @verydarkblue;
    color: @white;*/
}
/*.fu-dlg-button:focus, */
.fu-dlg-button:active {
  /*
    background-color: @verydarkblue;
    color: @white;*/
}
.fu-dlg-button-obs {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  background-color: #ebebeb;
  color: #000000;
  border: 1px solid black;
  border-radius: 2px;
  font-size: small;
  margin: 4px;
}
.fu-dlg-button-obs:hover {
  cursor: pointer;
}
.ma-workorder-count {
  font-size: 40px;
}
.ma-workobject-count {
  font-size: 30px;
}
.ma-workorder-list,
.ma-workobject-list,
.fu-workobject-list,
.fu-editable-class-list {
  list-style: none;
  padding-left: 1px;
  margin: 0;
  overflow: auto;
}
.ma-workobject-item,
.fu-workorder-item,
.fu-editable-class-item {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 16px;
  margin-top: 4px;
  margin-bottom: 4px;
  background-color: #e1e1e1;
  cursor: pointer;
}
.fu-editable-class-item {
  padding: 10px;
  line-height: 32px;
}
/*li.fu-workorder-item,
li.ma-workobject-item {
    cursor: pointer;
}
*/
.ma-workobject-item:hover,
.fu-workorder-item:hover,
.fu-editable-class-item:hover {
  background-color: #005f9e;
  /* @trimbleyellow;*/
  color: #fff !important;
}
.ma-workobject-item:hover .fu-menuitem-text,
.fu-workorder-item:hover .fu-menuitem-text,
.fu-editable-class-item:hover .fu-menuitem-text {
  color: #fff !important;
}
.ma-workobject-item:hover .fu-icon32,
.fu-workorder-item:hover .fu-icon32,
.fu-editable-class-item:hover .fu-icon32 {
  background-image: url("images/fielduser/fielduser32-active.png?2") !important;
}
.ma-mmsclass-list {
  list-style: none;
  padding-left: 1px;
  font-size: 16px;
}
.ma-mmsclass-list li {
  background-color: #e1e1e1;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 3px;
  margin-bottom: 3px;
  margin-top: 3px;
  /*
    border-bottom: 1px solid gray;
    */
}
.ma-mmsclass-list input[type=number] {
  font-size: 16px;
  max-width: 160px;
  min-width: 100px;
  width: 160px;
  padding: 2px;
}
.ma-mmsclass-list input[type=text],
.ma-mmsclass-list select {
  font-size: 16px;
  max-width: 250px;
  min-width: 200px;
  width: 250px;
  padding: 2px;
}
.ma-mmsclass-list textarea {
  font-size: 16px;
  min-width: 200px;
  width: 450px;
  padding: 2px;
}
.ma-mmsclass-list input[type=checkbox] {
  width: 22px !important;
  height: 22px !important;
  vertical-align: middle;
  position: relative;
  bottom: 2px;
  overflow: hidden;
}
.ma-mmsclass-list select {
  padding: 2px;
  max-width: 250px;
  min-width: 200px;
  width: 250px;
}
.ma-mmsclass-faults {
  font-size: 14px;
  padding-left: 16px;
}
.ma-mmsclass-faults caption {
  text-align: left;
  padding-left: 4px;
}
/* Navi */
.fu-title {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: normal;
  /*bold;*/
  text-transform: uppercase;
}
.fu-subtitle {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  /*bold;*/
  text-transform: uppercase;
}
.fu-workorder-name {
  font-size: 16px;
}
.fu-workorder-description {
  display: block;
  font-size: 14px;
}
.ma-checked-indicator {
  width: 30px;
  min-width: 30px;
  overflow: hidden;
}
.map-poi {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
}
.map-selected {
  border: 2px solid #ffbe00;
}
.svg-selected {
  fill: #ffbe00;
  stroke: #ffbe00;
}
.map-inspected {
  border: 2px solid green;
}
.svg-inspected {
  fill: green;
  stroke: green;
}
.map-notinspected {
  border: 2px solid red;
}
.svg-notinspected {
  fill: red;
  stroke: red;
}
.inspected {
  color: green;
}
.fu-icon-status-ready {
  background-image: url(images/fielduser/fielduser32.png);
  background-repeat: no-repeat;
  text-indent: -99999px;
  overflow: hidden;
  height: 32px;
  width: 32px;
  background-position: 0px -160px;
}
.fu-icon-status {
  background-image: url(images/fielduser/fielduser32.png);
  background-repeat: no-repeat;
  text-indent: -99999px;
  overflow: hidden;
  height: 32px;
  width: 32px;
  display: inline-block;
  background-position: 0px -128px;
}
.fu-icon-status-started {
  background-image: url(images/fielduser/fielduser32.png);
  background-position: -32px -128px;
}
.fu-icon-status-not-started {
  background-image: url(images/fielduser/fielduser32.png);
  background-position: 0px -128px;
}
.inspected .fu-icon-status {
  background-position: 0px -160px;
}
/* MENU */
.fu-menu {
  color: black;
  display: none;
  z-index: 1000;
  /*  width: 100%;*/
  min-width: 320px;
  max-width: 450px;
  background-color: #ebebeb;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  box-sizing: border-box;
}
.fu-menu #mob-menu-content-main ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.fu-menu #mob-menu-content-main li {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  display: block;
  /*   background: @verydarkblue; */
  background: #e1e1e1;
  /*
    border-bottom: 1px solid @black;
    border-left: 1px solid @black;
    border-right: 1px solid @black;
    */
  width: 100%;
  font-size: 18px;
  margin-top: 6px;
  margin-bottom: 6px;
  color: #000000;
  font-weight: normal;
  height: 40px;
}
.mob-menu #mob-menu-content-main li.link {
  background-color: #0072c9;
}
.fu-menu #mob-menu-content-main li a {
  text-decoration: none;
}
.fu-menu #mob-menu-content-main li:hover,
#mob-menu-content-language li:hover {
  /*  background-color: #0168B0 !important;*/
  background-color: #005f9e !important;
  /* @trimbleyellow;*/
}
#fu-works-box {
  z-index: 801;
}
#fu-addmapobject-box,
#fu-editmapobject-box,
#fu-multieditproperties-box {
  z-index: 810;
}
#fu-mmsselectclass-box {
  z-index: 850;
}
/* MENU */
#fu-works-box,
#fu-editmapobject-box,
#fu-multieditproperties-box,
#fu-mmsselectclass-box,
#fu-addmapobject-box {
  /*  background-color: @white; */
  color: black;
  top: 56px;
  position: absolute;
  left: 0;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 10px 0 10px;
  /*
    box-shadow: 0 0 10px 1px #aaa;
    -moz-box-shadow: 0 0 10px 1px #aaa;
    -webkit-box-shadow: 0 0 10px 1px #aaa;
        */
  box-sizing: border-box;
  min-width: 375px;
}
#fu-works-box:after,
#fu-addmapobject-box:after,
#fu-multiedit-launch:after,
#fu-menu-identity-content:after {
  content: '';
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: -10px;
}
#fu-multiedit-launch:after,
#fu-menu-identity-content:after {
  right: 21px;
}
#fu-works-box:after {
  left: 54px;
}
#fu-addmapobject-box.first:after {
  left: 54px;
}
#fu-addmapobject-box.second:after {
  left: 94px;
}
#fu-menu-identity-content:after,
#fu-works-box:after,
#fu-addmapobject-box:after {
  border-bottom: 10px solid #ebebeb;
}
#fu-multiedit-launch:after {
  border-bottom: 10px solid #005f9e;
}
#fu-menu-identity-content,
#fu-multiedit-launch {
  position: absolute;
  margin-top: 1px;
  z-index: 801;
  top: 50px;
}
#fu-menu-identity-content {
  right: 0px;
}
#fu-multiedit-launch {
  right: 0px;
}
#fu-menu-identity-content:after,
#fu-multiedit-launch:after {
  content: '';
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: -10px;
  right: 14px;
}
#fu-menu-identity-content:after {
  border-bottom: 10px solid #ebebeb;
}
#fu-multiedit-launch:after {
  border-bottom: 10px solid #005f9e;
  /* @trimbleyellow;*/
}
.fu-result-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0.70;
  z-index: 830;
  background-color: #fff;
}
.fu-progressing-big {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 66px;
  width: 66px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: url(images/big-loader.gif);
}
div.fu-progressing-big-center {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -33px 0 0 -33px;
}
.ma-workorder-object-div {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 600px;
  display: none;
}
.fu-dlg-leftcol,
.fu-dlg-leftcol-ni {
  float: left;
  width: 46%;
}
.fu-dlg-rightcol {
  float: left;
  width: 50%;
}
@media (max-width: 375px) {
  #fu-works-box,
  #fu-editmapobject-box,
  #fu-multieditproperties-box,
  #fu-mmsselectclass-box {
    margin-left: 0;
    margin-right: 0;
    min-width: 320px;
    width: 100%;
    box-sizing: border-box;
  }
}
@media (max-height: 350px) {
  .fu-flat-hide {
    display: none;
  }
}
@media (max-width: 635px) {
  .ma-workorder-object-div {
    /*   background-color: lightgray; */
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    display: none;
  }
  .fu-dlg-leftcol {
    float: none;
    width: 98%;
  }
  .fu-dlg-leftcol-ni {
    display: none;
  }
  .fu-dlg-rightcol {
    float: none;
    width: 98%;
  }
}
/* Collapsible */
.collapsible-header {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  background-color: #c2c2c2;
  font-size: 18px;
  color: #000000;
  cursor: pointer;
  width: 100%;
  padding-top: 6px;
  margin-top: -1px;
  margin-bottom: 3px;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.collapsible-header.open,
.collapsible-header.open a {
  background-color: #005f9e !important;
  /* @trimbleyellow;*/
  color: #fff !important;
}
.collapsible-header :hover,
body.new .collapsible-header :hover {
  text-decoration: none;
  /*  color: @black;*/
}
.collapsible-header a {
  text-decoration: none;
  color: #000000;
}
.collapsible-header a:hover {
  color: #000000;
  text-decoration: none;
}
.collapsible-header .typename {
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 4px;
}
.collapsible-header .typetoggle {
  position: absolute;
  right: 0px;
  top: 8px;
}
.fu-float-icon {
  background-color: #005f9e;
  /* @trimbleyellow;*/
}
.fu-float-menu {
  background-color: #ebebeb;
  /*padding: 5px;*/
  min-width: 200px;
}
.fu-dropmenu-box {
  height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  max-width: 200px;
  background-color: #e1e1e1;
  margin: 5px;
  padding-left: 5px;
}
.fu-dropmenu-box:hover,
.fu-dropmenu-box button:hover {
  background-color: #005f9e;
  /* @trimbleyellow;*/
}
.fu-dropmenu-box {
  color: #000;
  text-decoration: none;
  font-size: 18px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  height: 40px;
}
.fu-dropmenu-box a,
.fu-dropmenu-box span {
  cursor: pointer;
  color: #000;
  text-decoration: none;
  font-size: 18px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: relative;
}
.fu-dropmenu-box button {
  cursor: pointer;
  color: #000;
  text-decoration: none;
  border: 0;
  background-color: #e1e1e1;
  font-size: 18px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  text-align: left;
  padding: 0;
  width: 100%;
  height: 40px;
}
.fu-icon-menu-32 {
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  height: 32px;
  width: 32px;
  text-decoration: none;
  margin: 6px;
  background-image: url(images/fielduser/FieldUser-menu32.png);
}
.fu-icon-48 {
  background-repeat: no-repeat;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 48px;
  width: 48px;
  text-decoration: none;
  margin: 6px;
  background-image: url(images/fielduser/Fielduser48.png);
}
.fu-icon32 {
  background-image: url("images/fielduser/fielduser32.png?1");
  background-repeat: no-repeat;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 32px;
  width: 32px;
  text-decoration: none;
  margin: 0;
}
.open .fu-arrow-down32 {
  background-position: -64px -128px;
  background-image: url("images/fielduser/fielduser32-active.png?1");
}
.closed.fu-arrow-up32 {
  background-position: -128px -128px;
}
.fu-icon-menu {
  background-position: 0px 0px;
}
.fu-icon-myworks {
  background-position: -32px 0px;
}
.fu-icon-search {
  background-position: -64px 0px;
}
.fu-icon-multiedit {
  background-position: -96px 0px;
}
.fu-icon-addnew {
  background-position: -144px 0px;
}
.fu-icon-loggedin {
  background-position: -160px 0px;
}
.fu-icon-execute {
  background-position: -128px 0px;
}
.fu-icon-addnew {
  background-position: -224px 0px;
}
.fu-addnew-btn {
  display: none;
}
.fu-addnew-btn {
  display: none;
}
.active .fu-icon-multiedit,
.active .fu-icon-loggedin,
.fu-icon-myworks.active,
.fu-icon-addnew.active {
  background-color: #fff;
  background-image: url(images/fielduser/FieldUser-menu32-active.png);
}
.fu-photo48 {
  background-position: -288px 0px;
}
.fu-arrow-right32 {
  background-position: -96px -128px;
  vertical-align: bottom;
  float: right;
  margin-right: 0px;
}
.fu-arrow-up32 {
  background-position: -64px -128px;
  vertical-align: bottom;
  margin: 0 auto;
}
.fu-arrow-down32 {
  background-position: -128px -128px;
}
.fu-arrow-left32 {
  background-position: -160px -128px;
}
.fu-insert32,
.fu-opencont32 {
  background-position: -160px -64px;
}
.opened .fu-insert32,
.opened .fu-opencont32 {
  background-position: -32px -160px;
}
.fu-showareaonmap32 {
  background-position: -64px -160px;
}
.active.fu-showareaonmap32 {
  background-position: -96px -160px;
}
.fu-filter32 {
  background-position: -64px -192px;
  border: 2px solid transparent;
  box-sizing: border-box;
  height: 34px;
  width: 34px;
}
.active.fu-filter32 {
  border: 2px solid black;
}
.fu-showonmap32 {
  background-position: -128px -160px;
}
.active.fu-showonmap32 {
  background-position: -160px -160px;
}
.fu-work-count {
  color: white;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  padding-bottom: 1px;
  position: absolute;
  right: 1px;
  top: 2px;
  z-index: 801;
  line-height: normal;
}
.fu-work-count span {
  background-color: red;
  /* ##107CE9; */
  border: 1px solid red#107CE9;
  /*
    -webkit-box-shadow: 0 1px 0 rgba(16, 124, 233, 0.6);
        */
  display: block;
  padding: 3px;
  /*
    -webkit-border-radius: 50%;
    border-radius:50%;
*/
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.area-fielduser .map-copyright {
  margin-right: 1px !important;
}
/* TEMP */
.fu-filters div {
  display: flex;
  padding: 2px;
}
.fu-filters div label,
.fu-filters div select {
  width: 50%;
}
.fu-filters div #nameFilter {
  width: 50%;
  padding: 0;
  margin: 0 0 0 4px;
}
.fu-container {
  background-color: #ebebeb;
}
.fu-res-content {
  overflow: auto;
  box-sizing: border-box;
}
.fu-item-container {
  background-color: #e1e1e1;
}
.fuischild {
  padding-left: 10px;
  padding-right: 10px;
}
.fuischild2 {
  margin-right: -10px;
}
.fu-search-container {
  float: left;
  z-index: 1;
}
.fu-search-container .mob-search-div {
  height: 38px;
  margin-top: 2px;
  float: left;
  background: #fff;
  padding: 2px;
  position: relative;
}
.fu-search-container .mob-search-div input.icon-search {
  background-color: #fff;
  cursor: pointer;
  padding: 22px 0 0;
  margin: 0 0 -14px;
  overflow: hidden;
  font-size: 0;
  border-radius: 3px;
}
.fu-search-container .mob-search-div input {
  float: left;
  border: 0;
}
.fu-search-container .mob-search-div input.search-box {
  margin: 0 0 -1em 0.21em;
  font-size: 20px;
  padding: 6px 80px 2px 0;
  width: 100px;
  height: 38px;
  -webkit-appearance: none;
  outline: none;
  width: 98%;
  height: 35px;
  min-width: 120px;
  box-sizing: border-box;
}
#fu-header.search-active div.fu-search-container {
  display: inline-block !important;
}
#fu-header.search-active div.fu-appname,
#fu-header.search-active div.fu-search-btn {
  display: none !important;
}
@media (max-width: 600px) {
  #fu-header.search-active div.fu-loggedin-btn,
  #fu-header.search-active div.fu-works-btn,
  #fu-header.search-active div.fu-addnew-btn,
  #fu-header.search-active div.fu-multiedit-btn {
    display: none !important;
  }
}
@media (max-width: 500px) {
  #fu-header div.fu-appname {
    display: none !important;
  }
}
@media (max-width: 405px) {
  .area-fielduser #q {
    width: 255px;
  }
}
@media (max-width: 350px) {
  .area-fielduser #q {
    width: 240px;
  }
  .fu-search-container {
    float: left;
  }
}
#fu-mainmenu-content {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  background-color: #ebebeb;
}
.fu-menu-box {
  position: absolute;
  left: 0px;
  height: 100%;
  top: 0px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  background-color: #e1e1e1;
}
.fu-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ebebeb;
  opacity: 0.95;
  filter: alpha(opacity=95);
  z-index: 830;
  display: none;
}
.disabled .mms-class-name {
  color: #ababab;
}
.fu-dlg-button[disabled] {
  color: #ababab;
}
.fu-tool-item {
  z-index: 801;
  position: relative;
}
.fu-progress-explanation {
  position: relative;
  top: 20px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  font-size: 20px;
}
.area-fielduser ul.dynatree-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* BASEMAP */
#fu-basemap-selector .basemap-switcher {
  display: block;
  /* padding-right: 80px; */
  background-color: #ebebeb;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  z-index: 2;
  margin-left: 0px;
  overflow: auto;
}
#fu-basemap-selector .basemap-switcher li {
  padding: 5px;
  display: block;
  /* float: left;*/
  float: none;
  background: #e1e1e1;
  margin-bottom: 20px;
}
#fu-basemap-selector .basemap-switcher .selected {
  display: block;
  background-color: #333132;
}
#fu-basemap-selector .basemap-switcher li.selected a,
#fu-basemap-selector .basemap-switcher li.selected .label {
  /*  color: #ebebeb; */
  color: #ffffff;
}
#fu-basemap-selector .basemap-switcher:hover li.selected {
  background: #454545;
  display: block;
}
#fu-basemap-selector .basemap-switcher:hover li.selected a {
  color: #fff;
  text-decoration: none;
}
#fu-basemap-selector .basemap-switcher li:hover,
#fu-basemap-selector .basemap-switcher .selected:hover {
  background: #005f9e;
  /* @trimbleyellow;*/
}
#fu-basemap-selector .basemap-switcher li a {
  overflow: hidden;
  cursor: pointer;
  display: block;
  padding: 0;
  text-decoration: none;
}
#fu-basemap-selector .basemap-switcher .preview {
  width: 70px;
  height: 46px;
  display: block;
}
#fu-basemap-selector .basemap-switcher .label {
  /* width: 200px;*/
  /* clear:both;*/
  display: block;
  font-size: 18px;
  margin-top: 5px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  padding: 0;
  color: #4e4e4d;
}
/* TREE */
#fu-layer-selector span.dynatree-node a {
  font-size: 18px;
  font-weight: bold;
  color: #4e4e4d;
  margin-top: 6px;
}
#fu-layer-selector span.dynatree-checkbox,
#fu-layer-selector span.dynatree-expander {
  width: 32px;
  height: 32px;
  background-image: url("images/fielduser/fielduser32.png?1");
  /*
    background-image:
        */
}
#fu-layer-selector span.dynatree-has-children {
  padding-left: 1px !important;
}
#fu-layer-selector span.dynatree-folder {
  width: 0px;
  height: 0px;
}
/*******************************************************************************
 * Checkbox icon
 */
#fu-layer-selector span.dynatree-checkbox {
  margin-left: 3px;
  background-position: 0px 0px;
}
#fu-layer-selector span.dynatree-checkbox:hover {
  background-position: -32px 0px;
}
#fu-layer-selector .dynatree-partsel span.dynatree-checkbox {
  background-position: -128px 0px;
}
#fu-layer-selector .dynatree-partsel span.dynatree-checkbox:hover {
  background-position: -160px 0px;
}
#fu-layer-selector .dynatree-selected span.dynatree-checkbox {
  background-position: -64px 0px;
}
#fu-layer-selector .dynatree-selected span.dynatree-checkbox:hover {
  background-position: -96px 0px;
}
#fu-layer-selector .big-expander span.dynatree-expander,
#fu-layer-selector .big-expander .dynatree-exp-cl span.dynatree-expander,
#fu-layer-selector .big-expander .dynatree-exp-cd span.dynatree-expander,
#fu-layer-selector .big-expander .dynatree-exp-cdl span.dynatree-expander {
  background-position: -32px -32px;
}
#fu-layer-selector .big-expander .dynatree-exp-e span.dynatree-expander,
#fu-layer-selector .big-expander .dynatree-exp-ed span.dynatree-expander,
#fu-layer-selector .big-expander .dynatree-exp-el span.dynatree-expander,
#fu-layer-selector .big-expander .dynatree-exp-edl span.dynatree-expander {
  background-position: 0px -32px;
}
#fu-layer-selector .big-expander span.dynatree-expander {
  background-image: url("images/fielduser/fielduser32.png?1");
}
#fu-layer-selector span.dynatree-active a {
  background-color: #005f9e !important;
  /* @trimbleyellow  */
  /* color: white !important;*/
  /* @ IE6 */
}
#fu-layer-selector ul.dynatree-container {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.rt-table {
  display: table;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: black;
  margin: 4px 0;
}
.rt-table-head {
  display: table-header-group;
}
.rt-table-head .rt-column {
  background-color: #e1e1e1;
  color: black;
}
.rt-row {
  display: table-row;
}
.rt-row .rt-column:nth-child(1) {
  border-left: 1px solid #eeeeee;
}
.rt-row:last-child .rt-column {
  border-bottom: none;
}
.rt-column {
  display: table-cell;
}
.rt-select {
  font-size: 14px;
  max-width: 180px;
  box-sizing: border-box;
}
.rt-input {
  max-width: 100px;
  font-size: 14px;
  box-sizing: border-box;
}
a.rt-link {
  text-decoration: none;
  color: #4e4e4d;
  font-size: 14px;
}
@media (max-width: 635px) {
  .rt-table,
  .rt-row,
  .rt-column {
    display: block;
  }
  .rt-table,
  .rt-row .rt-column:last-child {
    border-bottom: none;
  }
  .rt-table-head {
    display: none;
  }
  .rt-row {
    margin-top: 1px;
    margin-bottom: 8px;
    background-color: #e1e1e1;
  }
  .rt-row .rt-column:nth-child(1) {
    border-left: none;
  }
  .rt-row .rt-column:last-child {
    border-right: none;
  }
  .rt-row:last-child .rt-column {
    /*	border-bottom:1px solid #eeeeee;*/
  }
  .rt-column:before {
    font-weight: normal;
    padding-right: 5px;
    font-size: 14px;
    content: "" attr(data-label) "";
    display: inline-block;
    width: 100px;
  }
  .rt-select,
  .rt-input {
    width: 200px;
    max-width: none;
  }
}
@media (max-width: 360px) {
  .rt-select,
  .rt-input {
    width: 170px;
    max-width: none;
  }
}
.fumandatory {
  /*color: red;*/
}
.toolbar-container {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  opacity: 0.8;
  width: 32px;
  z-index: 720;
  border-radius: 2px;
}
/* Field User area */
.area-fielduser .bubblelink {
  font-size: 10pt;
}
.fu-menuitem-box {
  height: 40px;
}
.fu-menuitem-text {
  float: left;
  position: relative;
  margin-left: 4px;
  max-width: 240px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: inline-block;
  color: black;
}
.fu-mapcontainer {
  position: absolute;
  top: 46px;
  left: 0;
  bottom: 0;
  right: 0;
  /*
    width: 100%;
    height: 100%;
    */
  border: 0;
  margin: 0;
}
.fu-appname {
  pointer-events: none;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  font-size: 20px;
  padding-top: 12px;
  color: white;
  position: absolute;
  z-index: 1;
  background-color: transparent;
}
.fu-save-buttons {
  padding: 0 10px 10px 10px;
}
.fu-save-buttons button {
  float: left;
}
.fu-save-buttons .fu-dlg-button-gray {
  float: right;
  background: #c2c2c2;
}
.fu-addnew-continue {
  padding: 16px 0 0 0;
  margin-left: 10px;
  float: left;
}
.fu-addnew-continue label {
  font-size: 16px;
  margin-left: 5px;
}
.fu-mapobject-position-container {
  background-color: none;
  opacity: 1;
  text-align: center;
  vertical-align: middle;
  border: 2px dashed black;
}
.fu-mapobject-position-cursor {
  display: inline-block;
  opacity: 1;
  line-height: 100px;
  font-size: 40px;
  text-shadow: white 0px 0px 2px;
}
.fu-position-help-container {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #363545;
  border-radius: 2px;
  position: absolute;
  width: 300px;
  height: 80px;
  bottom: 8px;
  left: calc(50% - 150px);
  display: none;
  background-color: white;
  padding: 8px;
  z-index: 999;
}
.fu-position-help-text {
  font-size: 12px;
  padding: 8px;
  cursor: pointer;
}
.fu-position-help-button {
  display: inline-block;
  font-size: 14px;
  position: relative;
  padding: 8px 8px;
}
.fu-button-container {
  margin-bottom: 16px;
}
#fu-notification {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 999;
  display: none;
}
.fu-notification-text {
  position: relative;
  left: -50%;
  border: 2px solid blue;
  background-color: white;
  font-size: 16px;
  padding: 8px;
}
.fu-icon-eye {
  background-position: -32px -192px;
  vertical-align: middle;
  display: inline-block;
  cursor: auto;
}
.highlight {
  border: 2px dashed #005f9e;
}
.fu-map-selection-spinner {
  margin: 8px 8px 8px 25px;
}
.fu-warning {
  display: inline-block;
  vertical-align: text-bottom;
  margin: 8px 4px 0px 4px;
}
.fu-multiselect {
  width: 20em;
}
.tekla .leaflet-popup-content-wrapper {
  padding: 0 !important;
  /* 1px; */
  border-radius: 0 !important;
  /* 12px; */
}
.tekla .leaflet-popup-content {
  margin: 0 !important;
  /* 13px 19px; */
}
.tekla .leaflet-popup-tip {
  background: #ebebeb;
}
.noselect {
  -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;
  /* Non-prefixed version, currently
                                  not supported by any browser */
}
.disable-pinch-zoom {
  touch-action: pan-x pan-y;
  -ms-touch-action: pan-x pan-y;
  /*
    -ms-content-zooming: none;

    -webkit-content-zooming: none;
    content-zooming: none;
        */
}
body.tekla-ims {
  overflow: hidden;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
body.tekla-ims.scrollable {
  overflow: auto !important;
}
body.tekla-ims.scrollable .public-container {
  padding: 0 16px 0 16px;
}
body.tekla-ims.scrollable .footer {
  overflow: hidden;
}
.login-container {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  height: 38px;
  border-radius: 0;
  /* 2px;*/
}
.login-container button {
  background-color: #fff;
  color: #005f9e;
  border: #005f9e;
  cursor: pointer;
}
.login-container a {
  color: #005f9e !important;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  outline: none;
  background-color: #fff;
  display: inline-block;
  line-height: 32px;
  padding: 0 12px;
  height: 38px;
  line-height: 38px;
  opacity: 0.9;
}
.login-container a:hover {
  opacity: 1;
}
.login-container a:hover,
.login-container a:visited {
  /* color: #fff;*/
}
.shadow-mixin {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
}
.shadow-both-mixin {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4), 0px -2px 4px 0px rgba(0, 0, 0, 0.4);
}
.border-radius-mixin {
  border-radius: 0;
  /* 2px;*/
}
/* Buttons */
/*
.tekla-ims {

    .button,
    .button-grey,
    .button-add,
    .button-edit,
    .button-undo,
    .button-cancel,
    .button-delete,
    .button-search,
    .button-copy,
    .button-open {
        background-color: #9d9da6;
        border: none;       
    }

    .button:hover,
    .button-grey:hover,
    .button-add:hover,
    .button-edit:hover,
    .button-undo:hover,
    .button-cancel:hover,
    .button-delete:hover,
    .button-search:hover,
    .button-copy:hover,
    .button-open:hover {
        background-color: #aeaeb6;
    }


    .button:active,
    .button-grey:active,
    .button-add:active,
    .button-edit:active,
    .button-undo:active,
    .button-cancel:active,
    .button-delete:active,
    .button-search:active,
    .button-copy:active,
    .button-open:active {
        background-color: #8c8b96;
    }
   
    .button-blue,
    .button-save,
    .button-ok,
    .button-yes {
        background-color: #0d6aa8;
        border: none;     
    }

    .button-blue:hover,
    .button-save:hover,
    .button-ok:hover,
    .button-yes:hover,
    .button-blue a {
        background-color: #197cb6;     
    }

    .button-blue:active,
    .button-save:active,
    .button-ok:active,
    .button-yes:active {
        background-color: #07599b;
    }
}

.ims-button-blue {
    background-color: #0d6aa8;
    color: #fff;
}

.ims-button-blue:hover {
    background-color: #197cb6;
}

.ims-button-blue:active {
    background-color: #07599b;
}

.ims-button-blue .disabled {
    opacity: 0.4;
}

.ims-button-gray {
    background-color: #9d9da6;
    color: #fff;
}

.ims-button-gray:hover {
    background-color: #aeaeb6;
}

.ims-button-gray:active {
    background-color: #8c8b96;
}

.ims-button-gray .disabled {
    opacity: 0.4;
}

.ims-button-dgray {
    background-color: #363545;
    color: #fff;
}

.ims-button-dgray:hover {
    background-color: #474655;
}

.ims-button-dgray:active {
    background-color: #262533;
}

.ims-button-dgray .disabled {
    opacity: 0.4;
}

*/
.searchbox-hamburger-container {
  position: absolute;
  z-index: 1850;
  left: 0;
  top: 0;
  margin: 2px;
  padding: 0;
}
.searchbox-hamburger {
  display: block;
  cursor: pointer;
}
.searchbox-hamburger::before {
  content: '';
  display: block;
  background-image: url(images/icons/toolbar32.png?3);
  background-position: 0 -128px;
  height: 32px;
  width: 32px;
}
.searchbox-hamburger:hover::before,
.searchbox-hamburger:active::before {
  background-image: url(images/icons/toolbar32-hover.png?3);
}
.menuopen .searchbox-hamburger::before {
  background-position: -192px -128px;
  background-color: #005f9e;
}
.menuopen .searchbox-hamburger:hover::before,
.menuopen .searchbox-hamburger:active::before {
  background-image: url(images/icons/toolbar32.png?3);
}
.searchbox {
  position: relative;
  background: #fff;
  border-radius: 0;
  /* 2px;*/
  box-sizing: border-box;
  width: 392px;
  height: 38px;
  padding: 8px 104px 7px 48px;
  z-index: 1800;
}
.searchbox-searchbutton-container {
  position: absolute;
  right: 72px;
  top: 0;
  padding: 2px;
}
.searchbox-searchbutton-container::after {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  border-left: 1px solid #ddd;
  height: 28px;
}
.searchbox-searchbutton {
  display: block;
}
.searchbox-searchbutton::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(images/icons/toolbar32.png?2);
  background-position: -96px -32px;
}
.searchbox-additionalsearch-container {
  position: absolute;
  right: 36px;
  top: 0;
  padding: 2px;
}
.searchbox-additionalsearch-container::after {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  border-left: 1px solid #ddd;
  height: 28px;
}
.searchbox-additionalsearch {
  display: block;
}
.searchbox-additionalsearch::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(images/icons/toolbar32.png?2);
  background-position: 0 -32px;
}
.searchbox-close::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(images/icons/toolbar32.png?2);
  background-position: 0 -64px;
  background-repeat: no-repeat;
  margin-top: 2px;
  margin-right: 2px;
}
.searchbox-searchbutton:hover::before,
.searchbox-additionalsearch:hover::before,
.searchbox-close:hover::before {
  background-image: url(images/icons/toolbar32-hover.png?2);
}
#search-container {
  top: 0;
  position: absolute;
  z-index: 1600;
  /*4;*/
}
#search-container a,
#search-container button,
#search-container h1,
#search-container h2,
#search-container h3,
#search-container h4,
#search-container h5,
#search-container h6,
#search-container input,
#search-container ol,
#search-container p,
#search-container textarea,
#search-container th {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
  overflow: visible;
}
#search-container button {
  cursor: pointer;
}
#search-container-box {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
}
#search-container-box {
  position: absolute;
  left: 0px;
  margin: 4px 0 4px 4px;
  top: 0px;
  z-index: 1610;
}
.clear-search-container {
  cursor: pointer;
  padding: 12px 15px;
  position: absolute;
  right: 0;
  top: 0;
}
a {
  color: #005f9e;
}
.searchbox .searchboxinput {
  color: inherit;
  font-size: 16px;
  margin: 0 !important;
  padding: 0 !important;
  outline: 0;
  height: 24px !important;
  line-height: 24px;
  vertical-align: top;
  border: none;
  height: auto;
  width: 100%;
  position: absolute;
  z-index: 6;
  left: 0px;
}
#additional-search-menu {
  width: 314px;
  position: absolute;
  text-align: left;
  top: 42px;
  left: 46px;
  z-index: 9002;
}
.dt-map-scale {
  color: #333;
  white-space: nowrap;
  /*   padding: 0;*/
  margin: 0;
  margin-top: 4px;
}
.dt-footer-coordinates {
  padding-top: 3px;
  /*  line-height: 1.0;*/
}
.dt-map-ruler {
  display: inline-block;
  height: 4px;
  border: 2px solid gray;
  border-top: none;
}
.dt-map-copyright {
  white-space: nowrap;
  color: #333;
  margin-top: 4px;
  text-overflow: ellipsis;
  max-width: 600px;
}
.dt-footer-container {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 7222;
  color: #333;
  font-size: 10px;
  background-color: #fff;
  height: 19px;
  /*    pointer-events: none;*/
  /*  cursor: text;*/
  opacity: 0.8;
  padding-left: 4px;
}
.dt-footer-block {
  float: right;
  margin-right: 10px;
}
/*ebebeb; */
.twod .menu-icon32-basemap,
.twod .shortcut-basemaps {
  background-position: -32px -64px;
}
.threed .menu-icon32-basemap,
.threed .shortcut-basemaps {
  background-position: -192px -96px;
}
.menu-menu {
  color: black;
  display: none;
  z-index: 9000;
  min-width: 320px;
  width: 391px;
  max-width: 391px;
  background-color: #ebebeb;
  position: absolute;
  top: 42px;
  bottom: 4px;
  right: 0;
  left: 4px;
  /*
    height: 100%;
    */
  box-sizing: border-box;
  /* BASEMAP */
}
.menu-menu #mob-menu-content-main ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.menu-menu #mob-menu-content-main li {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  display: block;
  background: #ebebeb;
  width: 100%;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #005f95;
  font-weight: bold;
}
.menu-menu #mob-menu-content-main li.active {
  background-color: #ffffff;
}
.menu-menu #mob-menu-content-main li.active .menu-icon32 {
  background-image: url("images/icons/toolbar32-hover.png?4");
}
.menu-menu #mob-menu-content-main li a {
  text-decoration: none;
}
.menu-menu .mob-menu-stretched {
  display: block;
  position: absolute;
  height: auto;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  margin-top: 0px;
  box-sizing: border-box;
}
.menu-menu .menu-option-list {
  list-style: none;
  padding-left: 1px;
  margin: 0;
}
.menu-menu .menu-item {
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: transparent;
  /* @fu-item-background-color;*/
  cursor: pointer;
  color: #005f95;
}
.menu-menu .menu-item-box {
  height: 38px;
  clear: both;
}
.menu-menu .menu-item-text {
  float: left;
  position: relative;
  margin-left: 4px;
  max-width: 240px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: inline-block;
  color: #005f95;
}
.menu-menu .menu-icon32 {
  background-image: url("images/icons/toolbar32.png?5");
  background-repeat: no-repeat;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 32px;
  width: 32px;
  text-decoration: none;
  margin: 0;
  margin: 4px;
  margin-left: 2px;
}
.menu-menu .menu-icon32-layers {
  background-position: -64px -64px;
}
.menu-menu .menu-icon32-help {
  background-position: 0 -160px;
}
.menu-menu .menu-icon32-feedback {
  background-position: -160px -64px;
}
.menu-menu .menu-icon32-collections {
  background-position: -32px -160px;
}
.menu-menu .menu-icon32-links {
  background-position: -64px -160px;
}
.menu-menu .mob-submenu-stretched {
  display: none;
  position: absolute;
  height: auto;
  bottom: 0;
  top: 0;
  left: 40px;
  /* 315px;*/
  right: 0;
  background-color: white;
  margin-top: 0px;
  box-sizing: border-box;
  z-index: 9001;
  width: 352px;
}
.menu-menu ul.dynatree-container {
  padding: 0 !important;
}
.menu-menu #menu-basemap-selector .basemap-switcher {
  display: block;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  z-index: 2;
  margin-left: 0px;
  overflow: auto;
  padding: 10px;
  width: 100%;
  height: 100%;
}
.menu-menu #menu-basemap-selector .basemap-switcher li {
  padding: 5px;
  display: block;
  /* float: left;*/
  float: none;
  background: #fff;
  margin-bottom: 5px;
}
.menu-menu #menu-basemap-selector .basemap-switcher .selected {
  display: block;
  /*     background-color: @trimbleblue;*/
  background-color: #ebebeb;
}
.menu-menu #menu-basemap-selector .basemap-switcher li.selected a,
.menu-menu #menu-basemap-selector .basemap-switcher li.selected .label {
  /*  color: #ebebeb; */
  /*  color: #ffffff;*/
}
.menu-menu #menu-basemap-selector .basemap-switcher:hover li.selected {
  background-color: #ebebeb;
  /* @trimbleblue;*/
  display: block;
}
.menu-menu #menu-basemap-selector .basemap-switcher:hover li.selected a {
  /*    color: #fff;*/
  text-decoration: none;
}
.menu-menu #menu-basemap-selector .basemap-switcher li:hover,
.menu-menu #menu-basemap-selector .basemap-switcher .selected:hover {
  background: #ebebeb;
  /* @trimbleyellow;*/
}
.menu-menu #menu-basemap-selector .basemap-switcher li a {
  overflow: hidden;
  cursor: pointer;
  display: block;
  padding: 0;
  text-decoration: none;
}
.menu-menu #menu-basemap-selector .basemap-switcher .preview {
  width: 70px;
  height: 46px;
  display: block;
}
.menu-menu #menu-basemap-selector .basemap-switcher .label {
  display: block;
  font-size: 16px;
  margin-top: 5px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  padding: 0;
  color: #4e4e4d;
}
.mob-menu #mob-menu-content-main li.link {
  background-color: #ffffff;
}
.menu-menu #mob-menu-content-main li:hover,
#mob-menu-content-language li:hover,
.menu-menu #mob-menu-content-main li .active,
#mob-menu-content-language li .active {
  background-color: #ffffff !important;
}
.menu-menu #mob-menu-content-main li:hover .menu-icon32,
#mob-menu-content-language li:hover .menu-icon32,
.menu-menu #mob-menu-content-main li .active .menu-icon32,
#mob-menu-content-language li .active .menu-icon32 {
  background-image: url("images/icons/toolbar32-hover.png?4");
}
#menu-mainmenu-content {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  background-color: #ebebeb;
}
.menu-size100-auto {
  width: 100%;
  height: 100%;
  /* overflow: auto;*/
}
.menu-container {
  list-style: none;
  padding-left: 1px;
  margin: 0;
}
.public-collections ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.public-collections li {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  display: block;
  background: #fff;
  width: 100%;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #005f95;
  font-weight: bold;
  /*       height: 38px;*/
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  cursor: pointer;
}
.public-collections li:hover {
  background: #ebebeb;
  /*@menu-item-active-hover;*/
}
.public-collections li a {
  width: 100%;
  text-decoration: none;
  box-sizing: border-box;
}
.popup-menu-container {
  padding-top: 2px;
  padding-bottom: 2px;
  display: none;
  background-color: #ebebeb;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  z-index: 9001;
}
.popup-menu-container ul {
  list-style: none;
  padding-left: 1px;
  margin: 0;
}
.popup-menu-container li {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #ebebeb;
  cursor: pointer;
  font-weight: bold;
  color: #005f9e;
}
.popup-menu-container li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #005f9e !important;
}
.popup-menu-container li.separator {
  /*
        height: 2px !important;
        width: 100%;
        color: @trimbleblue;
            */
}
.popup-menu-container li.separator:after,
.popup-menu-container li.separatorb:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  margin-top: 1px;
  margin-bottom: 1px;
  padding-left: 0;
  background: #005f9e;
}
.popup-menu-container li:hover {
  background-color: #fff;
}
#menu-shortcuts {
  position: absolute;
  background-color: #fff;
  left: 4px;
  top: 44px;
  width: 34px;
  height: 68px;
  margin: 0;
  padding: 0px;
  z-index: 1000;
  /*
    .shortcut-basemaps {
        background-position: -32px -64px;
    }*/
}
#menu-shortcuts .shortcuts {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  /* 2px;*/
  position: absolute;
}
#menu-shortcuts .shortcut {
  background-image: url("images/icons/toolbar32.png?4");
  background-repeat: no-repeat;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 32px;
  width: 32px;
  text-decoration: none;
  background-color: #fff;
  cursor: pointer;
  margin-left: 1px;
  margin-top: 1px;
}
#menu-shortcuts .shortcut:hover {
  background-image: url(images/icons/toolbar32-hover.png?4);
}
#menu-shortcuts .shortcut-layers {
  background-position: -64px -64px;
}
#menu-shortcuts .shortcut-container {
  background-color: #fff;
  left: 0;
  margin: 0;
  padding: 1px;
  width: 34px;
  height: 34px;
}
span.dynatree-metadata {
  display: inline-block;
  /* Required to make a span sizeable */
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left;
  cursor: pointer;
}
.menu-layer-selector .expand,
.menu-layer-selector .collapse {
  background: url(images/icons/toolbar24.png?2);
  background-repeat: no-repeat;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 24px;
  width: 24px;
  text-decoration: none;
  cursor: pointer;
}
.menu-layer-selector .expand {
  background-position: -24px -48px;
}
.menu-layer-selector .collapse {
  background-position: 0 -48px;
}
/* TREE */
.menu-layer-selector span.dynatree-node a {
  /* font-weight: bold;*/
  color: #333;
  margin-top: 2px;
  /* 5px 6px */
}
.menu-layer-selector span.dynatree-node.dynatree-has-children a {
  font-weight: bold !important;
  color: #005f9e;
}
.menu-layer-selector span.dynatree-active a,
.menu-layer-selector span.dynatree-active.dynatree-has-children a {
  /* background-color: @trimbleblue !important;*/
  background-color: #fff;
  border: 1px solid #005f9e;
  /* color: #fff !important;*/
}
.menu-layer-selector ul.dynatree-container {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
/* Desktop */
.menu-layer-selector .big-expander {
  /*******************************************************************************
 * Checkbox icon
 */
}
.menu-layer-selector .big-expander span.dynatree-node a {
  font-size: 15px;
}
.menu-layer-selector .big-expander span.dynatree-checkbox,
.menu-layer-selector .big-expander span.dynatree-metadata,
.menu-layer-selector .big-expander span.dynatree-expander {
  width: 24px;
  height: 24px;
  background-image: url("images/icons/toolbar24.png?2");
}
.menu-layer-selector .big-expander span.dynatree-has-children {
  padding-left: 1px !important;
}
.menu-layer-selector .big-expander span.dynatree-folder {
  width: 0px;
  height: 0px;
}
.menu-layer-selector .big-expander span.dynatree-checkbox {
  margin-left: 3px;
  background-position: 0px -24px;
}
.menu-layer-selector .big-expander span.dynatree-metadata {
  margin-left: 3px;
  background-position: -48px 0;
}
.menu-layer-selector .big-expander span.dynatree-checkbox:hover {
  background-position: -24px -24px;
}
.menu-layer-selector .big-expander .dynatree-partsel span.dynatree-checkbox {
  background-position: -96px -24px;
}
.menu-layer-selector .big-expander .dynatree-partsel span.dynatree-checkbox:hover {
  background-position: -120px -24px;
}
.menu-layer-selector .big-expander .dynatree-selected span.dynatree-checkbox {
  background-position: -48px -24px;
}
.menu-layer-selector .big-expander .dynatree-selected span.dynatree-checkbox:hover {
  background-position: -72px -24px;
}
.menu-layer-selector .big-expander span.dynatree-expander,
.menu-layer-selector .big-expander .dynatree-exp-cl span.dynatree-expander,
.menu-layer-selector .big-expander .dynatree-exp-cd span.dynatree-expander,
.menu-layer-selector .big-expander .dynatree-exp-cdl span.dynatree-expander {
  background-position: -124px 0;
}
.menu-layer-selector .big-expander .dynatree-exp-e span.dynatree-expander,
.menu-layer-selector .big-expander .dynatree-exp-ed span.dynatree-expander,
.menu-layer-selector .big-expander .dynatree-exp-el span.dynatree-expander,
.menu-layer-selector .big-expander .dynatree-exp-edl span.dynatree-expander {
  background-position: -72px 0;
}
.menu-layer-selector .big-expander span.dynatree-expander {
  background-image: url("images/icons/toolbar24.png?2");
}
.tablet .menu-layer-selector .big-expander {
  /*******************************************************************************
 * Checkbox icon
 */
}
.tablet .menu-layer-selector .big-expander span.dynatree-node a {
  font-size: 18px;
}
.tablet .menu-layer-selector .big-expander span.dynatree-checkbox,
.tablet .menu-layer-selector .big-expander span.dynatree-metadata,
.tablet .menu-layer-selector .big-expander span.dynatree-expander {
  width: 32px;
  height: 32px;
  background-image: url("images/icons/toolbar32.png?5");
}
.tablet .menu-layer-selector .big-expander span.dynatree-has-children {
  padding-left: 1px !important;
}
.tablet .menu-layer-selector .big-expander span.dynatree-folder {
  width: 0px;
  height: 0px;
}
.tablet .menu-layer-selector .big-expander span.dynatree-checkbox {
  margin-left: 3px;
  background-position: 0px 0px;
}
.tablet .menu-layer-selector .big-expander span.dynatree-metadata {
  margin-left: 3px;
  background-position: -128px -64px;
}
.tablet .menu-layer-selector .big-expander span.dynatree-checkbox:hover {
  background-position: -32px 0px;
}
.tablet .menu-layer-selector .big-expander .dynatree-partsel span.dynatree-checkbox {
  background-position: -128px 0px;
}
.tablet .menu-layer-selector .big-expander .dynatree-partsel span.dynatree-checkbox:hover {
  background-position: -160px 0px;
}
.tablet .menu-layer-selector .big-expander .dynatree-selected span.dynatree-checkbox {
  background-position: -64px 0px;
}
.tablet .menu-layer-selector .big-expander .dynatree-selected span.dynatree-checkbox:hover {
  background-position: -96px 0px;
}
.tablet .menu-layer-selector .big-expander span.dynatree-expander,
.tablet .menu-layer-selector .big-expander .dynatree-exp-cl span.dynatree-expander,
.tablet .menu-layer-selector .big-expander .dynatree-exp-cd span.dynatree-expander,
.tablet .menu-layer-selector .big-expander .dynatree-exp-cdl span.dynatree-expander {
  background-position: -32px -32px;
}
.tablet .menu-layer-selector .big-expander .dynatree-exp-e span.dynatree-expander,
.tablet .menu-layer-selector .big-expander .dynatree-exp-ed span.dynatree-expander,
.tablet .menu-layer-selector .big-expander .dynatree-exp-el span.dynatree-expander,
.tablet .menu-layer-selector .big-expander .dynatree-exp-edl span.dynatree-expander {
  background-position: 0px -32px;
}
.tablet .menu-layer-selector .big-expander span.dynatree-expander {
  background-image: url("images/icons/toolbar32.png?5");
}
#layerTree2 span.dynatree-has-children,
#threeDLayerTree2 span.dynatree-has-children {
  padding-left: 18px !important;
}
#layerTree ul.dynatree-container li,
#threeDLayerTree ul.dynatree-container li {
  background-image: none;
  padding: 3px 23px 0 0;
}
#threeDLayerTree ul.dynatree-container ul {
  padding: 0 0 0 25px;
}
/*@import (less) "less\carousel.less";*/
.ci-container {
  height: 38px;
  width: 38px;
  margin-right: 6px;
  padding-top: 2px;
  box-sizing: border-box;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  /* 2px;*/
  opacity: 0.9;
  z-index: 1600;
  float: right;
  background-color: white;
}
.ci-container:hover {
  opacity: 1;
}
.current-issues-container {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  /* 2px;*/
  display: none;
  position: absolute;
  margin: 0;
  top: 46px;
  z-index: 1600;
  width: 300px;
  left: -108px;
  overflow: visible;
  box-sizing: border-box;
}
.current-issues-container .current-issues-content {
  background-color: #ffffff;
}
.current-issues-container .current-issues-content .close-current-issues {
  position: absolute;
  right: 4px;
  top: 6px;
}
.current-issues-container .current-issues-content h4 {
  font-size: 1.1em;
  color: #005f9e;
  margin-top: 2px;
  margin-bottom: 6px;
  padding: 8px;
}
.current-issues-container .current-issues-content .current-issues-list {
  /*overflow: hidden;*/
  overflow: auto;
  max-height: 400px;
}
.current-issues-container .current-issues-content .current-issues-list .current-issue {
  font-size: 0.9em;
  padding: 8px;
}
.current-issues-container .current-issues-content .current-issues-list .current-issue .title {
  font-weight: bold;
  color: #005f9e;
}
.current-issues-container:after {
  content: '';
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  /* @black;*/
  position: absolute;
  top: -7px;
  right: 165px;
}
.loggedin-container {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  /* 2px;*/
  position: absolute;
  margin-top: 1px;
  /*z-index: 301;*/
  top: 46px;
  /*right: 10px;*/
  z-index: 1600;
  background-color: #ffffff;
  width: 200px;
  /* overflow: auto;*/
  max-height: 300px;
  padding: 0;
  right: 1px;
  display: none;
}
.loggedin-container .loggedin-content {
  padding: 8px;
  overflow: auto;
}
.loggedin-container .loggedin-content h4 {
  font-size: 1.2em;
  color: #000;
  margin-top: 2px;
  margin-bottom: 6px;
}
.loggedin-container .loggedin-content .current-issue .title {
  font-weight: bold;
}
.loggedin-container .loggedin-logout {
  padding: 8px;
  border-top: 1px solid #333;
  background-color: #ebebeb;
}
.loggedin-container:after {
  content: '';
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  /* @black;*/
  position: absolute;
  top: -9px;
  right: 50px;
}
/*@import (less) "less\storymaplist.less";*/
#visible-layers {
  z-index: 7000;
}
#visible-layers .visible-layers-container {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  /* 2px;*/
  margin-top: 4px;
  background-color: #fff;
  box-sizing: border-box;
  font-size: 12px;
  color: #005f9e;
  overflow: hidden;
  white-space: nowrap;
  width: 256px;
  z-index: 1500;
  position: absolute;
  right: 4px;
  bottom: 20px;
}
#visible-layers .visible-layers-container .visible-layers-header {
  cursor: pointer;
  text-align: left;
  font-weight: bold;
  background-color: #ffffff;
  color: #005f9e;
  padding: 0;
}
#visible-layers .visible-layers-container .visible-layers-header .header-title {
  padding: 4px;
  float: left;
  font-size: 1.1em;
}
#visible-layers .visible-layers-container .visible-layers-header .header-icon {
  float: right;
}
#visible-layers .visible-layers-container .isclosed .visible-layers-content {
  display: none;
}
#visible-layers .visible-layers-container .isclosed .toolbar-arrow24 {
  background-position: -96px 0;
}
#visible-layers .visible-layers-container .visible-layers-content {
  max-height: 300px;
  color: #333;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  /* -webkit-overflow-scrolling: touch;*/
}
#visible-layers .visible-layers-container .visible-layers-content .sortable {
  box-sizing: border-box;
  overflow: auto;
}
#visible-layers .visible-layers-container .visible-layers-content .slider {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#visible-layers .visible-layers-container .visible-layers-content .layer {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  margin-bottom: 1px;
  background-color: #fff;
  overflow: hidden;
}
#visible-layers .visible-layers-container .visible-layers-content .layer .name {
  float: left;
  max-width: 174px;
  text-overflow: ellipsis;
  padding-top: 4px;
  font-size: 1em;
  overflow: hidden;
}
#visible-layers .visible-layers-container .visible-layers-content .layer .actions {
  float: right;
  width: 48px;
}
#visible-layers .visible-layers-container .visible-layers-content .layer .aicon {
  width: 24px;
  height: 24px;
  float: left;
  padding: 0;
  margin: 0;
}
#visible-layers .visible-layers-container .visible-layers-content .outside {
  /* color: #d8d8d8;*/
  opacity: 0.4;
}
#visible-layers li {
  font-size: 1.1em;
}
.tablet #visible-layers .isclosed .toolbar-arrow24 {
  background-position: -32px -224px;
}
.tablet #visible-layers .visible-layers-header .header-title {
  padding: 4px;
  float: left;
  font-size: 1.2em;
  line-height: 24px;
}
.tablet #visible-layers .visible-layers-content .layer {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  margin-bottom: 1px;
  background-color: #fff;
  overflow: hidden;
}
.tablet #visible-layers .visible-layers-content .layer .name {
  float: left;
  max-width: 146px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 6px;
  font-size: 1.1em;
}
.tablet #visible-layers .visible-layers-content .layer .actions {
  float: right;
  width: 64px;
}
.tablet #visible-layers .visible-layers-content .layer .aicon {
  width: 32px;
  height: 32px;
  float: left;
  padding: 0;
  margin: 0;
}
#pane,
.pane {
  display: none;
}
#pane .sw-pane,
.pane .sw-pane {
  width: 400px;
  position: absolute;
  top: 0;
  z-index: 1550;
  opacity: 1;
  height: 46px;
  left: 0;
}
#pane .sw-pane-wide,
.pane .sw-pane-wide {
  width: 465px;
}
#pane .sw-pane-visible,
.pane .sw-pane-visible {
  height: 100%;
}
#pane .scrollable-x,
.pane .scrollable-x,
#pane .scrollable-y,
.pane .scrollable-y {
  outline-offset: -2px;
  overflow-x: hidden;
  overflow-y: hidden;
}
#pane .sw-pane-content,
.pane .sw-pane-content {
  background-color: #fff;
}
#pane .sw-pane-content,
.pane .sw-pane-content,
#pane .sw-pane-content-shim,
.pane .sw-pane-content-shim {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#pane .sw-pane-content.collapsed,
.pane .sw-pane-content.collapsed {
  height: 46px;
}
#pane .section-listbox-root,
.pane .section-listbox-root {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#pane .section-listbox,
.pane .section-listbox {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
#pane .section-result,
.pane .section-result {
  cursor: pointer;
  box-sizing: border-box;
  padding: 5px 18px 5px 10px;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#pane .section-result-header,
.pane .section-result-header {
  padding-top: 2px;
}
#pane .section-result-text-content,
.pane .section-result-text-content {
  color: #8c8c8c;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  min-width: 1px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#pane .section-result-title-container,
.pane .section-result-title-container {
  padding-right: 10px;
  display: table-cell;
  width: 100%;
  white-space: normal;
}
#pane .section-result-title,
.pane .section-result-title {
  color: #000;
  font-size: 15px;
  line-height: 16px;
  padding-bottom: 2px;
  white-space: normal;
  font-weight: normal;
}
#pane .section-listbox.section-scrollbox,
.pane .section-listbox.section-scrollbox {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
}
#pane .scrollable-y.scrollable-show,
.pane .scrollable-y.scrollable-show,
#pane .scrollable-y:focus,
.pane .scrollable-y:focus,
#pane .scrollable-y:hover,
.pane .scrollable-y:hover,
#pane .scrollable-show-all .scrollable-y,
.pane .scrollable-show-all .scrollable-y {
  overflow-y: auto;
}
#pane .scrollable.scrollable-show,
.pane .scrollable.scrollable-show,
#pane .scrollable:focus,
.pane .scrollable:focus,
#pane .scrollable:hover,
.pane .scrollable:hover,
#pane .scrollable-show-all .scrollable,
.pane .scrollable-show-all .scrollable {
  overflow-y: auto;
  overflow-x: auto;
}
#pane .content-searchbox-spacer,
.pane .content-searchbox-spacer {
  background-color: #009ad9;
  height: 46px;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
#pane .sw-pane-content-holder,
.pane .sw-pane-content-holder {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  overflow: hidden;
  /* visible;*/
  position: absolute;
  height: 100%;
  width: 400px;
}
#pane .sw-pane-wide .sw-pane-content-holder,
.pane .sw-pane-wide .sw-pane-content-holder {
  width: 465px;
}
#pane .section-divider-bottom-line,
.pane .section-divider-bottom-line {
  border-bottom: 1px solid #e6e6e6;
}
#pane .section-divider,
.pane .section-divider {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
#pane .screen-mode .section-result:hover,
.pane .screen-mode .section-result:hover,
#pane .screen-mode .section-result:focus,
.pane .screen-mode .section-result:focus,
#pane .section-result:hover,
.pane .section-result:hover,
#pane .section-result:focus,
.pane .section-result:focus {
  background-color: #fafafa;
  cursor: pointer;
  outline: none;
}
#pane .sw-pane-visible .pane-toggle-button-container,
.pane .sw-pane-visible .pane-toggle-button-container {
  display: block;
}
#pane .pane-toggle-button-container,
.pane .pane-toggle-button-container {
  position: absolute;
  z-index: 1700;
  /*0;*/
  top: 4px;
  left: 100%;
  /*  left: 400px;*/
}
#pane .sw-pane-toggle-button,
.pane .sw-pane-toggle-button {
  width: 22px;
  height: 38px;
  cursor: pointer;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  background-image: url(images/icons/toolbar32.png?2);
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
  background-position: -192px 0;
  background-repeat: no-repeat;
  display: block;
  background-color: #fff;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
#pane .collapsed.sw-pane-toggle-button,
.pane .collapsed.sw-pane-toggle-button {
  background-position: -192px -38px;
}
.toolbar-icon24 {
  background: url(images/icons/toolbar24.png?2);
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
  height: 24px;
  width: 24px;
  text-decoration: none;
}
.toolbar-icon24:hover {
  background-image: url(images/icons/toolbar24-hover.png?2);
}
.toolbar-info24 {
  background-position: -48px 0;
}
.toolbar-close24 {
  background-position: 0 0;
}
.toolbar-opacity24 {
  background-position: -24px 0;
}
.toolbar-arrow24 {
  background-position: -72px 0;
}
.toolbar-arrow24-up {
  background-position: -96px 0;
}
.tablet .toolbar-icon24 {
  background-image: url(images/icons/toolbar32.png?5);
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
  height: 32px;
  width: 32px;
  text-decoration: none;
}
.tablet .toolbar-icon24:hover {
  background-image: url(images/icons/toolbar32-hover.png?4);
}
.tablet .toolbar-info24 {
  background-position: -128px -64px;
}
.tablet .toolbar-close24 {
  background-position: -96px -160px;
}
.tablet .toolbar-opacity24 {
  background-position: -128px -128px;
}
.tablet .toolbar-arrow24 {
  background-position: 0 -32px;
}
.tablet .toolbar-arrow24-up {
  background-position: -32px -224px;
}
.toolbar-icon32 {
  background-image: url(images/icons/toolbar32.png?5);
  background-repeat: no-repeat;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 32px;
  width: 32px;
  text-decoration: none;
}
.toolbar-icon32:hover {
  background-image: url(images/icons/toolbar32-hover.png?4);
}
.distance .toolbar-distance {
  background-position: -64px -128px;
  background-color: #005f9e;
}
.toolbar-currentissues {
  background-position: -128px -160px;
}
.toolbar-distance {
  background-position: -32px -128px;
}
.toolbar-settings {
  background-position: -96px -64px;
}
.toolbar-geoloc {
  background-position: -64px -96px;
}
.geolocation-active .toolbar-geoloc {
  background-position: -96px -96px;
}
.geolocation-active.geolocation-map-follow .icon32-geoloc {
  background-position: 0px -192px;
}
.geolocation-loading .toolbar-geoloc {
  background-position: -128px -96px;
}
.geolocation-outofbounds .toolbar-geoloc {
  background-position: -160px -96px;
}
.toolbar-zoomin {
  background-position: -160px -32px;
}
.toolbar-zoomout {
  background-position: -128px -32px;
}
.icon32-close {
  background-position: 0px -64px;
}
.icon32-back {
  background-position: -64px -32px;
}
.mob-icon-radio {
  background-position: -32px -96px;
}
.icon32-find {
  background-position: -96px -32px;
}
#embed-toolbar {
  z-index: 7222;
  background-color: #fff;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 38px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  /* 2px;*/
}
#embed-toolbar .toolbar-action {
  /*border: 1px solid red;*/
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 3px;
  margin-right: 3px;
  z-index: 2222;
}
#map-toolbar {
  z-index: 7222;
  background-color: #fff;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 38px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  /* 2px;*/
}
#map-toolbar .toolbar-action {
  /*border: 1px solid red;*/
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 3px;
  margin-right: 3px;
  z-index: 2222;
}
#map-login-toolbar {
  z-index: 1000;
  position: absolute;
  right: 48px;
  top: 4px;
  overflow: visible;
  height: 38px;
}
#menu-settings {
  z-index: 7222;
  background-color: #ebebeb;
  position: absolute;
  right: 45px;
  top: 0;
  width: 200px;
  display: none;
  color: #005f9e;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  /* 2px;*/
}
.map-metadata {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  /* 2px;*/
  z-index: 9502;
  background-color: #fff;
  border: 1px solid lightgray;
  width: 400px;
  position: absolute;
  height: 400px;
  display: block;
  top: 100px;
  left: 405px;
}
.map-metadata .maplegend-frame,
.map-metadata .maplegend-text,
.map-metadata .maplegend-image {
  display: none;
}
.map-metadata ul {
  list-style: none;
  padding: 4px;
  padding-left: 0;
  margin: 0;
  margin-left: 1em;
}
.map-metadata li {
  float: left;
  margin: 3px 15px 0px 3px;
  padding: 5px 0 8px 0;
  background-color: #fff;
  color: #333;
  cursor: pointer !important;
  border-bottom: 3px solid #fff;
  font-size: 1em;
  font-weight: bold;
}
.map-metadata .draggable-title {
  border-bottom: 1px solid lightgray;
  /* height: 41px; */
}
.map-metadata .tab-content {
  overflow-y: auto;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.map-metadata .tab-content .content {
  margin: 10px;
}
.map-metadata .active {
  cursor: default;
  color: #005f9e;
  border-bottom: 3px solid #005f9e;
}
.map-metadata li:hover {
  color: #005f9e;
}
.map-opacity {
  position: absolute;
  bottom: 100px;
  right: 100px;
  z-index: 8000;
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  /* 2px;*/
  border: 1px solid lightgray;
}
.map-opacity .header span {
  float: left;
  padding: 6px;
  color: #005f9e;
  font-weight: bold;
  font-size: 1em;
}
.map-opacity .slider {
  width: 200px;
  margin: 10px;
}
.city-logo {
  padding: 4px;
  position: absolute;
  bottom: 4px;
  left: 4px;
  z-index: 1500;
  background-color: #fff;
  opacity: 0.9;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  /* 2px;*/
}
.embedmap {
  border: 1px solid #d4d4d4;
  padding: 0px;
  background-color: #ffffff;
  display: none;
  min-width: 400px;
  max-width: 1200px;
  position: absolute;
  top: 82px;
  background-color: white;
  opacity: 1.0;
  z-index: 10080;
  margin: auto;
}
.embedmap .px {
  width: 50px;
}
.embedmap .close-element {
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
  z-index: 81;
}
.embedmap .embedmap-content {
  padding: 5px;
}
.embedmap .embedmap-title {
  font-size: 1.2em;
  padding-bottom: 5px;
  width: 100%;
  /* height: 24px; */
  border-bottom: 3px solid #005f9e;
  color: #005f9e;
  margin-bottom: 8px;
}
.embedmap .embedmap-title .title {
  /*border-bottom: 3px solid @trimbleblue;*/
  padding: 5px;
}
.embedmap .subtitle {
  font-size: 1.1em;
  padding-bottom: 8px;
  color: #005f9e;
}
.embedmap input[type="checkbox"] {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.embedmap .embedmap-locationlink {
  width: 97%;
}
.embedmap .embedmap-name-row,
.embedmap .embedmap-coordinates-row {
  padding-top: 4px;
}
.embedmap input.embedmap-coordinates {
  width: 90%;
}
.embedmap .embedmap-label-container {
  padding-top: 4px;
  float: left;
  width: 80px;
}
.embedmap .embedmap-middle-container {
  width: 200px;
  float: left;
}
.embedmap .embedmap-right-container {
  float: left;
  padding-left: 10px;
}
.embedmap .embedmap-right-container a {
  margin: 2px;
  float: left;
}
.embedmap input.readonly {
  color: #a0a0a0;
}
/* ************************************** */
/* Mandatory CSS required for ng-sortable */
/* ************************************** */
.as-sortable-item,
.as-sortable-placeholder {
  display: block;
}
.as-sortable-item {
  -ms-touch-action: none;
  touch-action: none;
  /* to disable context menu on iOS devices */
  -webkit-touch-callout: none;
}
.as-sortable-item-handle {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
.as-sortable-drag {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}
.as-sortable-hidden {
  display: none !important;
}
.as-sortable-un-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* ******************************************* */
/* Optional CSS, default style for ng-sortable */
/* ******************************************* */
/*
.as-sortable-item, .as-sortable-placeholder {
    min-height: 20px;
    margin: 1px 2px 5px 1px;
    border-radius: 10px;
}

.as-sortable-item {
    border: solid 1px darkgrey;
    background-color: #ffffff;
}
    */
.as-sortable-placeholder {
  /*  border: 1px dashed darkgrey;*/
  box-sizing: border-box;
  background-color: #ebebeb;
}
.as-sortable-drag {
  opacity: .8;
}
.as-sortable-dragging {
  border: 1px dotted #000 !important;
}
.map-collections-admin .search-conditions-title {
  color: #003f87;
  font-size: 1.2em;
  text-transform: uppercase;
}
.map-collections-admin .search-conditions-label {
  color: #000000;
  font-size: 0.9em;
  font-weight: bold;
}
.map-collections-admin .search-conditions-field {
  width: 220px;
  font-size: 0.9em;
}
.map-collections-admin form .form-control {
  border-radius: 0;
}
.map-collections-admin form input[type='checkbox'] {
  width: 22px !important;
  height: 22px !important;
  vertical-align: middle;
  position: relative;
  bottom: 2px;
  overflow: hidden;
  display: inline-block;
}
.map-collections-admin form label label {
  font-weight: normal;
  margin-right: 7px;
  font-size: 1em;
  vertical-align: middle;
  position: relative;
}
.map-collections-admin label.search-conditions-field {
  font-size: 0.9em;
  display: block;
  margin-left: 0;
  margin-right: 7px;
}
.map-collections-admin form input[type='text'] {
  color: #000000;
  border-radius: 0;
  height: 26px;
  font-size: 1.0em;
  padding-left: 0.5em;
  border: 1px solid #aeaeb6;
}
.map-collections-admin .ui-select-match input[type='text'] {
  border: 0 !important;
}
.map-collections-admin .form-group {
  margin-bottom: 0.5em;
}
.map-collections-admin .active-page {
  background-color: #c3dafa;
}
.map-collections-admin .result-items-count {
  float: left;
  font-size: 1.2em;
  margin: 4px;
  height: 1.4em;
}
.map-collections-admin .limit-length {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}
.map-collections-admin .navi-pages-container {
  text-align: center;
  margin-top: 8px;
  position: relative;
}
.map-collections-admin .navi-pagenumbers-container {
  display: inline-block;
  line-height: 20px;
  margin-top: 5px;
  vertical-align: top;
}
.map-collections-admin .navi-page-number {
  padding-left: 0.2em;
  padding-right: 0.2em;
}
.map-collections-admin a.navi-page-number,
.map-collections-admin #resultsListView a {
  text-decoration: none;
}
.map-collections-admin .search-page-navi {
  display: inline-block;
  overflow: hidden;
  height: 20px;
  width: 20px;
  color: #646464;
  font-size: 16px;
  font-weight: bold;
  border-radius: 3px;
  border: 1px solid transparent;
}
.map-collections-admin .search-page-navi:hover {
  border: 1px solid #646464;
}
.map-collections-admin .search-page-navi.active {
  color: #ffffff;
  background-color: #646464;
}
.map-collections-admin .button,
.map-collections-admin button.button,
.map-collections-admin button[type='submit'].button {
  background: #0d6aa8;
  color: #fff;
  border: 0;
  vertical-align: middle;
  cursor: default;
  box-sizing: border-box;
  border-style: none;
  border-width: 0px;
  text-decoration: none;
  /*Inline or inline-block*/
  display: inline;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 1.1em;
  padding-left: 10px;
  padding-right: 10px;
  height: 36px;
  font-weight: 700 !important;
  text-transform: uppercase;
  cursor: pointer;
}
.map-collections-admin .button:hover,
.map-collections-admin button.button:hover,
.map-collections-admin button[type='submit'].button:hover {
  background: #197cb6;
  text-decoration: none;
}
.map-collections-admin .button:active,
.map-collections-admin button.button:active,
.map-collections-admin button[type='submit'].button:active {
  background: #07599b;
}
.map-collections-admin .button.secondary,
.map-collections-admin button.button.secondary,
.map-collections-admin button[type='submit'].button.secondary {
  background: #9d9da6;
  color: #fff;
  border: 0;
  vertical-align: middle;
  cursor: default;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-style: none;
  border-width: 0px;
  text-decoration: none;
  /*Inline or inline-block*/
  display: inline;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.map-collections-admin .button.secondary:hover,
.map-collections-admin button.button.secondary:hover,
.map-collections-admin button[type='submit'].button.secondary:hover {
  background: #aeaeb6;
  text-decoration: none;
}
.map-collections-admin .button.secondary:active,
.map-collections-admin button.button.secondary:active,
.map-collections-admin button[type='submit'].button.secondary:active {
  background: #8c8b96;
}
#edit-rights-tabs #basic-rights-tab,
#edit-rights-tabs #user-groups-tab {
  overflow: auto;
  max-height: 500px;
}
.pointcloud-settings {
  width: 256px;
  min-height: 150px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
  background-color: #ffffff;
  padding: 0;
  z-index: 900;
  float: right;
  margin-right: 6px;
  margin-top: 10px;
}
.pointcloud-settings .title {
  width: 224px;
  height: 30px;
  /* font-family: OpenSans;*/
  font-size: 14px;
  font-weight: 600;
  /*    font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        */
  color: #005f9e;
  border-bottom: 1px solid #005f9e;
}
.pointcloud-settings .title .text {
  padding: 4px;
  line-height: 30px;
}
.pointcloud-settings .title .close {
  float: right;
  margin: 4px;
}
.pointcloud-settings .text-subtitle {
  font-size: 12px;
  color: gray;
  padding-left: 5px;
  position: absolute;
}
.pointcloud-settings .classification-panel {
  max-height: 300px;
  overflow: auto;
}
.pointcloud-settings .classification-panel .container {
  display: flex;
  flex-direction: row;
  line-height: 24px;
}
.pointcloud-settings .classification-panel .container .label {
  flex: 1 0 160px;
  padding-left: 5px;
  padding-right: 5px;
}
.pointcloud-settings .classification-panel .container .color {
  flex: 0 0 18px;
  padding: 0;
  width: 18px;
  height: 18px;
}
.pointcloud-settings .classification-panel .container .md-button {
  min-height: 24px;
}
.pointcloud-settings .classification-panel .container .toggle {
  flex: 0 0 24px;
  padding-left: 5px;
  padding-right: 5px;
  width: 24px;
  height: 24px;
  /*  margin: 0;*/
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.pointcloud-settings .slider-container {
  position: relative;
}
.pointcloud-settings .slider-container .flex-container {
  display: flex;
  flex-direction: row;
}
.pointcloud-settings .slider-container .flex-container .flex-slider {
  flex: 1 0 180px;
  padding-left: 5px;
  padding-right: 5px;
}
.pointcloud-settings .slider-container .flex-container .flex-input {
  flex: 0 0 50px;
  line-height: 40px;
}
.pointcloud-settings .slider-container .flex-container .flex-input .text {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #005f9e;
  text-align: center;
  width: 45px;
}
.ui-autocomplete {
  z-index: 9001;
}
.map-collection-list thead {
  background-color: lightgray;
}
.map-collection-list thead td {
  font-weight: bold;
  background-color: lightgray;
}
.map-collection-list table {
  border: 1px solid lightgray;
  margin: 0;
  background-color: lightgray;
}
.map-collection-list tr {
  margin: 0;
  background-color: white;
  padding: 4px;
}
.map-collection-list td {
  padding: 4px;
  margin: 0;
  border: 0;
}
.area-map .language-selector .language a {
  height: 38px;
  box-sizing: border-box;
  opacity: 0.9;
  min-width: 55px;
  line-height: 22px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  /* 2px;*/
}
.area-map .language-selector .language li a:after {
  top: 14px;
  border-color: #005f9e transparent transparent transparent;
}
.area-map .language-selector .language li:hover a {
  padding-bottom: 12px !important;
  opacity: 1;
}
.edit-bubble .tabDetails {
  max-height: 200px;
}
.cookie-notification .actions button.primary-button {
  background: #0048a2 url(images/button-blue-bg.png) 50% 50% repeat-x;
  border: 1px solid #3e5e8e;
  color: #fff;
  font-weight: bold;
  min-height: 2em;
}

.basemap-switcher .opaskartta .preview {
    background: url('../Images/basemap_opas.png') 0 0 no-repeat;
}

.basemap-switcher .ortokartta .preview {
    background: url('../Images/basemap_orto.png') 0 0 no-repeat;
}

.basemap-switcher .osoitekartta .preview {
    background: url('../Images/basemap_osoite.png') 0px 0 no-repeat;
}

.basemap-switcher .kantakartta .preview {
    background: url('../Images/basemap_kantakartta.png') 0px 0 no-repeat;
}

.basemap-switcher .geoenergia .preview {
    background: url('../Images/basemap_geoen.png') 0px 0 no-repeat;
}

.basemap-switcher .peruskartta .preview {
    background: url('../Images/basemap_maasto.png') 0px 0 no-repeat;
}

.basemap-switcher .atkaava_m .preview {
    background: url('../Images/basemap_atkaavam.png') 0px 0 no-repeat;
}

.basemap-switcher .kaavoitus .preview {
    background: url('../Images/basemap_kaavoitus.png') 0px 0 no-repeat;
}

.basemap-switcher .maanomistus .preview {
    background: url('../Images/basemap_maanomistus.png') 0px 0 no-repeat;
}

.basemap-switcher .kaavakartta .preview {
    background: url('../Images/basemap_kaavakartta.png') 0px 0 no-repeat;
}

.basemap-switcher .hybridi .preview {
    background: url('../Images/basemap_hybridi.png') 0px 0 no-repeat;
}

.basemap-switcher .korkeakontrastinenkartta .preview {
    background: url('../Images/basemap_korkeakontrastinenkartta.png') 0px 0 no-repeat;
}
.basemap-switcher .pistepilvi .preview {
    background: url('../Images/basemap_pistepilvi.png') 0px 0 no-repeat;
}

.basemap-switcher .kaupunkimalli .preview {
    background: url('../Images/basemap_kaupunkimalli.png') 0px 0 no-repeat;
}

.basemap-switcher .hybrid .preview {
    background: url('../Images/basemap_hybrid.png') 0px 0 no-repeat;
}

.basemap-switcher {
	border: 2px solid #CAD9F0;
}

#basemap-switcher li {
    display: block;
}


/* No previews
body.tekla-ims .basemap-switcher li 
{
    padding: 0.2em 1em 0.2em 1em;
}

.basemap-switcher .preview {
    display: none;
}

*/

/* all visible
body.tekla-ims .basemap-switcher li {
    display: block;
}
*/
/* IMS specific header styles */

.tekla-ims .header
{
    height: 81px;
    border-bottom: 1px solid #D4E3EE;
    background-color: #fff;
    background: url("client/header.png") repeat-x transparent;
}
/* bannertext  ja bublelink ei toimi*/
.bannertext {
	border-top: 0px; margin-top: 0px; font-size: 13px; color: #004786; padding-top: 0px; font-family: arial, verdana, helvetica
}

.bubblelink {
	font-weight:bold; 
	font-size: 12pt; 
	cursor: pointer; 
	color: rgb(0, 80, 187);
	font-family: Calibri, arial, verdana, helvetica;
	 text-decoration: none
}

.sidebar-container
{
    border-right: 1px solid #CAD9F0;
    border-top: 0; 
    padding: 0;
    margin: 0;
    z-index: 1;
    width: 337px;
    height: 100%;
    position: absolute;
    top: 82px;
    left: 0px;
    opacity: 0.95;
}
.sidebar-container .sidebar-list
{
    height: 30px;
    width: 100%;
    border-bottom: 1px solid #CAD9F0;
    background: #D4E3EE
}
div.navimap-area 
{
    border: 4px solid #CAD9F0; 
    padding: 0px;
    opacity: 0.9;
    background-color: #CAD9F0 transparent;
    color: blue;
}

.bubble a
{
    color: blue;
    cursor: pointer;
    text-decoration: none; 
}


<!----- Ohjeiden värit -->

.help-index    
{
    font-size: 12px;
	color: #0047B6;
}

.help-topic-title
 {
     font-size: 14px; 
	 color: #0047B6;
 }

.help-topic-shortdesc    
{
    font-size: 12px;
}

.help-topic-ol-task-steps    
{
    font-size: 12px;
}

.help-topic-li-task-step    
{
    font-size: 12px;
}

.help-section-title    
{
    font-size: 12px;
}

/* Kartan zoomaus ja muut työkalut */

.icon-navi, .icon-tool {
  border: 1px solid #D4E3EE;
}

/* Karttatasojen ylätasot */

span.dynatree-folder a.dynatree-title {
  font-weight:bold;
}

/* Välilehden väri kun valittu */

/*.tabheader li a.active {*/
/*  background-color: #82B7FF;*/
/*}*/

/* Välilehden väri hiiren osoittaessa */

/* .tabheader li a:hover { */
/*  background-color:#00A0E2; */
/*}*/
-->
/* Välilehden väri kun ei valittu */

.tabheader li a {
  background-color:#f0f0f0;
}

/* Osoita sijainti kartalla -linkki */

a#positionselect {
  color:blue;
}

/* Alalaidan infolaatikoiden taustavärit */

.mapfooter, .tekla-map .map-copyright, .tekla-map .map-scale span {
  background-color:#EFF6FF;
}

.onlyPreviewAndPrint {
  display: none;
}
div#inforesults {
  padding: 5px;
}
div#inforesults div,
div#inforesults th,
div#inforesults td {
  margin: 0;
  padding: 0;
  font-size: 9pt;
  font-family: Arial;
  text-align: left;
  color: #000000;
}
div#inforesults a {
  color: #225096;
  text-decoration: none;
}
div#inforesults a:hover {
  text-decoration: underline;
}
div#inforesults a img {
  border: 0;
}
div#inforesults table,
div#inforesults thead {
  border-spacing: 0;
  border-collapse: collapse;
}
div#inforesults th,
div#inforesults td {
  padding: 2px;
}
div#inforesults div.inforesultsHeadingButtons {
  float: right;
}
div#inforesults .inforesultsNumberData {
  text-align: left;
}
div#inforesults .inforesultsTextData {
  text-align: left;
}
div#inforesults .inforesultsNumberData {
  text-align: left;
}
div#inforesults .inforesultsImages,
div#inforesults .inforesultsImageLinks {
  text-align: center;
}
div#inforesults div.inforesultsImages {
  margin-bottom: 5px;
}
div#inforesults .inforesultsImageLinks a {
  margin-left: 3px;
  margin-right: 3px;
}
div#inforesults .thumbnail {
  width: auto;
  height: 150px;
}
div#inforesults .inforesultsHeading1,
div#inforesults .inforesultsHeading2 {
  font-weight: bold;
  border-bottom: solid 1px #5A6EA4;
}
div#inforesults .inforesultsHeading1 {
  font-size: 12pt;
  margin-bottom: 14pt;
  padding-bottom: 4px;
}
div#inforesults .inforesultsHeading2 {
  font-size: 10pt;
  margin-bottom: 10px;
  padding-bottom: 3px;
}
div#inforesults .inforesultsNavi,
div#inforesults .inforesultsPart {
  margin-bottom: 20px;
}
div#inforesults .inforesultsTableSepar {
  height: 15px;
}
div#inforesults .superScript {
  position: relative;
  bottom: 0.5em;
  font-size: 0.8em;
}
div#inforesults .underlineText {
  text-decoration: underline;
}
div#inforesults .noWrap,
div#inforesults .naviPart {
  white-space: nowrap;
}
div#inforesults .inforesultsNote {
  font-style: italic;
}
div#inforesults div.inforesultsSalesModeHeadingRow {
  margin: 1em 0 0 0;
}
div#inforesults .inforesultsSalesModeHeadingRow {
  border-bottom: 1px solid black;
}
div#inforesults .inforesultsSalesModeHeadingRow h2 {
  text-transform: uppercase;
  font-size: 1em;
  margin: 0;
  padding: 0 0.2em 0.1em 0;
}
div#inforesults .inforesultsSalesModeHeadingRow span {
  font-size: 0.9em;
}
div#inforesults #siteInfoTable th,
div#inforesults #siteInfoTable td {
  line-height: 1.5;
  vertical-align: baseline;
}
div#inforesults div#subAreaSiteList table,
div#inforesults div#subAreaSiteListBySubArea table,
div#inforesults div#subAreaSiteListByUnitClass table,
div#inforesults div#luPlanPhaseArea table {
  background-color: #F7F8F9;
}
div#inforesults div#subAreaSiteList .inforesultsHeadingRow,
div#inforesults div#subAreaSiteListBySubArea .inforesultsHeadingRow,
div#inforesults div#subAreaSiteListByUnitClass .inforesultsHeadingRow {
  background-color: #E5ECF9;
}
div#inforesults div#subAreaSiteList .inforesultsUnitClassHeadingRow h2,
div#inforesults div#subAreaSiteListBySubArea .inforesultsUnitClassHeadingRow h2,
div#inforesults div#subAreaSiteListByUnitClass .inforesultsUnitClassHeadingRow h2 {
  padding-top: 0.5em;
  font-weight: bold;
  font-size: 11pt;
}
div#inforesults div#subAreaSiteList table thead tr,
div#inforesults div#subAreaSiteListBySubArea table thead tr,
div#inforesults div#subAreaSiteListByUnitClass table thead tr,
div#inforesults div#luPlanPhaseArea table thead tr {
  background-color: #D4E1F7;
}
div#inforesults div#subAreaSiteList table thead th,
div#inforesults div#subAreaSiteListBySubArea table thead th,
div#inforesults div#subAreaSiteListByUnitClass table thead th {
  background-color: #D4E1F7;
  line-height: 1.5;
}
div#inforesults div#subAreaSiteList table thead a,
div#inforesults div#subAreaSiteListBySubArea table thead a,
div#inforesults div#subAreaSiteListByUnitClass table thead a {
  text-decoration: underline;
}
div#inforesults div#subAreaSiteList table thead a,
div#inforesults div#subAreaSiteListBySubArea table thead a,
div#inforesults div#subAreaSiteListByUnitClass table thead a,
div#inforesults div#subAreaSiteList table thead span,
div#inforesults div#subAreaSiteListBySubArea table thead span,
div#inforesults div#subAreaSiteListByUnitClass table thead span {
  color: #000000;
  font-weight: normal;
}
div#inforesults div#luPlanPhaseArea table th,
div#inforesults div#luPlanPhaseArea table td {
  padding: 4px;
}
div#inforesults .unitClassList {
  width: 100%;
}
div#inforesults .unitClassLink {
  vertical-align: middle;
  font-weight: bold;
  font-size: 12pt;
}
div#inforesults .unitClassListImage {
  width: 32px;
  height: 24px;
  background-position: 0 -8px;
}
div#inforesults .unitClassList th {
  background-color: #d4e1f7;
  line-height: 1.5;
  font-weight: normal;
  color: #000000;
}
.imageWindow div {
  margin: 0;
  padding: 0;
  font-size: 9pt;
  font-family: Arial;
  text-align: left;
  color: #000000;
}
.imageWindow a {
  color: #225096;
  text-decoration: none;
}
.imageWindow a:hover {
  text-decoration: underline;
}
.imageWindow #closeLink {
  font-weight: bold;
  text-align: right;
}
.esite.poi {
  position: absolute;
  left: 0;
}
.esite.poi.normal {
  width: 32px;
  height: 32px;
}
.esite.poi.highlight {
  background-position: -32px 0px;
}