/* MAP+ Floating Theme */

@import url("tundraGrid.css");

@import url("rl_marker.css");
@import url("gui_images.css");

/* Fonts for Redlining */

@font-face {
	font-family: "font-gis";
	src: url('./fonts/font-gis.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Courier New";
	src: url('./fonts/courier-new.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Roboto Slab";
	src: url('./fonts/RobotoSlab.ttf');
	font-weight: normal;
	font-style: normal;
}

/* Font for GUI */

@font-face {
	font-family: "OpenSans";
	src: url('./fonts/OpenSans-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

.mobile body,
body,
html {
	overflow: hidden;
	font-family: 'OpenSans', Verdana, 'Montserrat', sans-serif;
	/*font-family: 'Montserrat', sans-serif;*/
	font-size: 11px;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

*:focus {
	outline: none;
}

a.njsLegend {
	text-decoration: none;
	color: inherit;
	height: 18px;
}

a:hover.njsLegend {
	text-decoration: none;
	color: inherit;
}

a:hover a:visited a:linked {
	text-decoration: none;
}

/* main layout */

#infolay_wait {
	display: block;
	height: 75px;
	width: 75px;
	border: medium;
	font-size: 0px;
	position: absolute;
	top: 32px;
	left: 36px;
	z-index: 99999;
	rotate: -30deg;
	opacity: 50%;
}

#leftPaneContainer {
	width: 360px;
	border-right-style: solid;
	border-width: 1px;
}

#leftPane {
	left: 0px !important;
	top: 0px !important;
	width: 100%;
}

#leftPaneHeader {
	display: block;
	height: 100px;
	width: 340px;
	border-bottom: 1px solid #4d4d4d;
	border-radius: 10px 10px 0 0;
	background-color: #FFF;
}


#freepane .dijitTabPaneWrapper {
	border: none !important;
}

#freepane .dijitTitlePane {
	border-bottom: 1px solid #fff;
	/* 	max-height: 40dvh; */
}

.tundra .dijitBorderContainer-dijitContentPane {
	padding: 0 !important
}

.border-right {
	border-right: 1px solid #bfc4c7;
}

[type="checkbox"],
[type="radio"] {
	accent-color: #C40000 !important;
	height: 14px;
	width: 14px;
}

#headPane {
	width: 360px !important;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	background: #fff;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}

#footPane {
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 75px;
	overflow: hidden;
}

#footPane2 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: auto;
	overflow: hidden;
	background: #FFFFFF;
}

#footPane_main {
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 75px;
	overflow: hidden;
	background: #FFFFFF;
	/* border-radius: 0 0 10px 10px; */
}

#footPane input {
	line-height: 13px;
}

#middlePane {
	overflow: hidden;
	margin: 0;
	padding: 0;
	left: 0;
	height: 40px;
	overflow: hidden;
}

#NeapoljsContainer {
	background-color: #fcfcfc;
}

#map {
	position: absolute;
	padding: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

/* ribbon toggle */

#ribbonToggle {
	border: none;
	outline: none !important;
	position: absolute;
	top: -35px;
	right: 10px;
	display: block;
	width: 80px;
	height: 50px;
	cursor: pointer;
	transition-duration: 0.3s2;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	z-index: 9999;
}

#ribbonToggle:hover {
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-o-transform: translateY(20px);
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
}

/* coordinates */

.njsFooter {
	font-size: 12px;
	font-weight: normal;
	width: 100%;
}

.oneCoordBox {
	border: solid 1px #424a52;
	text-align: center;
	width: 52px;
}

.twoCoordBox {
	border: solid 1px #424a52;
	text-align: center;
	width: 150px;
}

.scaleBox {
	border: solid 1px #424a52;
	text-align: left;
	width: 100px;
}

.njsIconButtonCoordPicker {
	background: url(../img/buttons/coords_open.svg);
	height: 24px;
	width: 24px;
}

.njsIconButtonCoordPicker:hover {
	background: url(../img/buttons/coords_open_hover.svg);
}

.njsIconButtonCoordPickerChecked {
	background: url(../img/buttons/coords_locked.svg);
	height: 24px;
	width: 24px;
}

#njs_coordinates_wrapper {
	margin-left: 5px;
}

/* to avoid pink tiles */

.olImageLoadError {
	display: none;
}

/* overview map overriding class style in order to have custom layout */

.olControlOverviewMapElement {
	margin: 0;
	padding: 0 !important;
	background-color: #FFFFFFf !important;
	border-radius: 0 !important;
}

/* overview map overriding style in order to have custom layout */

#ovWin {
	border: none !important;
}

/* #ovToggle {
margin: 0px 11px 9px 0px;
} */


#ovToggleImg {
	position: absolute;
	right: -1px;
	bottom: -1px;
	z-index: 1000;
	width: 22px !important;
	height: 22px !important;
}

.tundra .dijitAccordionTitle {
	background-image: url("");
	border: none;
	border-width: 0px;
	color: white;
	display: block;
	font-size: 0;
	font-weight: bold;
	letter-spacing: 0.025em;
	margin-left: 0;
	padding: 0px 0 0px 0px;
	text-transform: uppercase;
}

.appendtitle,
.nolegtitle {
	order: 2;
	flex-grow: 1;
}

.dijitTitlePaneTitle .dijitTitlePaneTitleFocus .dijitTitlePaneTextNode {
	color: #333;
	font-size: 13px !important;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 5px;
	margin-left: 5px;
}

.appendtitle {
	color: #333 !important;
	font-size: 11px !important;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.dojoxGrid table {
	margin: 0;
}

/* tools_dialogs_container */

#tool_dialogs_container {
	position: absolute;
	display: -ms-inline-grid;
	display: inline-grid;
	width: auto;
	z-index: 99999;
}

.tool_btn_cont {
	display: block;
	width: 50px;
	height: 80px;
	overflow: none;
	margin-right: 20px;
	text-align: center;
	background: none;
}

.tundra .dijitToggleButtonChecked .tool_btn_cont {
	background: #666 !important;
}

/* ribbon area */

#ribbon_tabs_tablist .dijitTabContainerTop-container {
	background-color: #999;
}

#ribbon_tabs .nowrapTabStrip {
	width: 100% !important;
	margin-top: -2px;
	background: #333;
}

/* #ribbon_tabs .dijitTabContainerTop-dijitContentPane {} */

#ribbon_tabs .dijitTab,
#ribbon_tabs .dijitTabChecked {
	width: 80px;
	height: 20px;
	color: #ccc;
	background: #333;

	text-align: center;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}

/* #ribbon_tabs .dijitTabPane {} */

#ribbon_tabs .dijitTabChecked {
	background: #fff;
	color: #000 !important;
	font-weight: 700;
}

#ribbon_tabs .dijitTabContainerTop-tabs .dijitTab {
	top: 2px !important;
	margin-bottom: -1px !important;
}

#ribbon_tabs .dijitTabContainer .dijitTabCheckedHover {
	/*color: #009fe3;*/
	color: #a7a7a7;
	border: none;
	background: #fff;
}

#ribbon_tabs .dijitTab {
	border: none;
}

#ribbon_tabs .dijitTab:hover {
	/*color: #009fe3;*/
	color: #fff;
}

/* floating panes */

.tundra .dojoxFloatingPaneTitle {
	background-color: #cd0119 !important;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	text-align: left;
}

#njs_floatlegend_pane .dojoxFloatingPaneTitle {
	z-index: 9999;
	position: absolute;
	top: 0px !important;
	left: 0px !important;
	width: 99%;
}

#njs_floatlegend_pane iframe {
	margin-top: 0px !important;
	height: 450px;
	width: 729px;
}

/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

	#njs_floatlegend_pane,
	#njs_info_pane {
		-webkit-overflow-scrolling: touch !important;
		overflow: auto;
	}
}

/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

	#njs_floatlegend_pane,
	#njs_info_pane {
		-webkit-overflow-scrolling: touch !important;
		overflow: auto;
	}
}

#njs_floatlegend_pane .dojoxFloatingPaneCanvas {
	position: absolute;
	top: 35px !important;
}

#njs_info_pane_content .dijitTitlePaneContentOuter,
#njs_info_pane_content .dijitTitlePaneTitle {
	border: none !important;
}

.njsButton {
	margin: 1px 0 0 1px;
	padding: 0;
}

#ribbon_tabs .dijitButtonNode {
	border: none !important;
	padding-bottom: 2px !important;
}

#njs_main_shop_wrapper {
	display: block;
	width: 320px;
	/* height: 165px; */
	position: absolute;
	top: 470px;
	right: 52px;
	z-index: 9999;
	background: rgb(255, 255, 255);
	border-radius: 0 0px 10px 10px;
	border-top: 2px solid #ddd;
}

#shop_dialog {
	margin: auto auto;
	max-width: 300px;
}


/* opacity and color control */

#mapcontrols_div {
	position: absolute;
	bottom: 25px;
	height: 50px;
	width: 230px;
	display: flex;
	align-items: center;
	padding: 0px;
	left: 50%;
	margin-left: -95px;
}

.toggle_coltool {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 0;
	font-weight: bold;
	height: 33px;
	margin-top: -6px !important;
	margin-right: 10px !important;
	padding: 10px;
	width: 33px;
	border-radius: 0px;
}


/* Map opacity range */

#opacitytool1_rangediv input[type="range"] {
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	cursor: pointer;
	width: 60rem;
}

/* Removes default focus */
#opacitytool1_rangediv input[type="range"]:focus {
	outline: none;
}

/***** Chrome, Safari, Opera and Edge Chromium styles *****/
/* slider track */

#opacitytool1_rangediv input[type="range"]::-webkit-slider-runnable-track {
	background-color: #2b65ae;
	border: 1px solid #FFF;
	height: 8px;
}

/* slider thumb */
#opacitytool1_rangediv input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	/* Override default look */
	appearance: none;
	margin-top: -11px;
	/* Centers thumb on the track */

	/*custom styles*/
	background-color: #2b65ae;
	border: 1px solid #FFF;
	height: 30px;
	width: 1rem;
}

#opacitytool1_rangediv input[type="range"]:focus::-webkit-slider-thumb {
	border: 1px solid #FFF;
}

/******** Firefox styles ********/
/* slider track */
#opacitytool1_rangediv input[type="range"]::-moz-range-track {
	background-color: #2b65ae;
	border: 1px solid #FFF;
	height: 8px;
}

/* slider thumb */
#opacitytool1_rangediv input[type="range"]::-moz-range-thumb {
	border: 1px solid #FFF;
	/*Removes extra border that FF applies*/

	/*custom styles*/
	background-color: #2b65ae;
	border: 1px solid #FFF;
	height: 30px;
	width: 1rem;
}

#opacitytool1_rangediv input[type="range"]:focus::-moz-range-thumb {
	border: 1px solid #FFF;
}


#marker_wrapper span {
	display: inline-block;
}

#marker_wrapper span:last-child {
	display: block;
}

#scale_marker_container {
	border-top: 1px solid #EEE;
}

#scale_marker_container input {
	float: right;
}

#scale_marker_container input[type="range"] {
	position: relative;
	z-index: 100;
	background: rgba(200, 200, 200, 0.2) !important;
	border: none !important;
	max-height: 8px;
}

#scale_marker_container input[type="range"]::-webkit-slider-thumb {
	opacity: 1;
	background: #444;
}

#scale_marker_container input[type="range"]::-moz-range-thumb {
	opacity: 1;
	background: #444;
}


/* Upload Imgages module*/

.imageUpload_preview {
	display: flex;
	padding: 5px;
	margin: 5px;
}

.imageUpload_preview_img {
	margin-right: 20px;
	width: 100px;
	height: 100px;
}

.imageUpload_preview_data {
	color: red;
}

/* Overline From Center */

.hvr-overline-from-center {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
}

/*.hvr-overline-from-center:before,
.hvr-overline-from-center:before,
.hvr-overline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	top: 0;
	background: #009fe3;
	height: 2px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}*/

.hvr-overline-from-center:hover:before,
.hvr-overline-from-center:focus:before,
.hvr-overline-from-center:active:before {
	left: 0;
	right: 0;
}

.dijitAccordionText,
.dijitAccordionTitleFocus {
	font-family: 'Montserrat', sans-serif;
	color: #333;
	font-size: 14px !important;
	font-weight: bolder;
	text-transform: uppercase !important;
	letter-spacing: 2px;
	outline: none !important;
	margin-top: 5px;
}

.dijitAccordionTitle {
	text-align: left !important;
	padding-top: 4px !important;
	padding-left: 5px !important;
	font-weight: bold;
	letter-spacing: 0.025em;
}

.tundra .dijitAccordionTitleSelected {
	background: #FFF
}

#layer_menu_button,
#layer_menu2_button,
#wms_menu_button,
#sort_menu_button {
	border-bottom: 1px solid #333333 !important;
	height: 30px !important;
	background-repeat: no-repeat;
	/* background-size: 28px 28px !important;*/
	margin-bottom: 1px !important;
	background-position: center right 10px;
}

#leftPaneSearch {
	width: 360px !important;
	height: 120px !important;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}

#leftPaneSearch .dijitContentPane {
	background-color: #fff !important;
}

#leftPaneSearch .dijitButtonNode {
	padding: 0 !important;
}

#leftPaneSearch .dijitTabPaneWrapper {
	background-color: #FFF !important;
	border: none;
}

.imagelink {
	-moz-user-select: none;
	bottom: 2px;
	outline: medium none !important;
	position: relative;
	order: 3;
}


#freepane {
	max-height: 90dvh !important;
	overflow: hidden;
}

@media all and (max-device-height : 1030px) and (orientation : landscape) {


}

/* no borders */

.tundra .dijitTabContainerTopStrip {
	border: none !important;
	background: #FFF !important;
}

.tundra .dijitAccordionContainer {
	border: none;
}

/* search and routing */
/* search */

.tundra .dijitDialogCloseIcon {
	cursor: pointer;
	background: url(../img/buttons/close16_white.svg) no-repeat scroll 0 0 transparent;
	background-size: contain;
	width: 12px;
	height: 12px;
	margin: 4px;
	top: 0px;
	right: 0px;
}

#widget_freesearchFilterInputDijit {
	width: 290px !important;
}

#widget_freesearchFreeInput {
	width: 255px !important;
	margin-top: 5px !important;
	margin-right: 10px;
}

#solrsearchFreeInput_close {
	display: block;
	margin-left: 5px !important;
	margin-top: -1px !important;
	cursor: pointer;
	background: url(../img/buttons/sprites_measure_draw.png) -288px 0;
	height: 32px;
	width: 32px;
}

#solrsearchFreeInput_close:hover {
	background: url(../img/buttons/sprites_measure_draw.png) -288px -32px;
}

#solrHelp {
	margin-left: 5px;
	display: block;
	background: url(../img/buttons/sprites_misc.png) -56px 0;
	height: 28px;
	width: 28px;
	cursor: help;
}

#solrHelp:hover {
	background: url(../img/buttons/sprites_misc.png) -56px -28px;
}

#freesearchResult {
	margin: 0;
	padding: 0;
	background: #fff;
	position: absolute;
	z-index: 9999;
	display: none;
	top: 150px;
	left: 400px;
}

.tundra .dijitPlaceHolder {
	font-style: normal !important;
}

#leftPaneSearch .dijitTab {
	background: url('') #DDD !important;
	color: #999 !important;
}

#leftPaneSearch .dijitTab:hover {
	background: url('') #05164D !important;
	color: #FFF !important;
}

#leftPaneSearch .dijitTabChecked {
	background: url('') #FFF !important;
	color: #05164D !important;
}

.tundra .dijitPlaceHolder {
	font-style: normal !important;
}

#leftPaneSearch .dijitTab {
	background: url('') #DDD !important;
	color: #999 !important;
}

#leftPaneSearch .dijitTab:hover {
	background: url('') #05164D !important;
	color: #FFF !important;
}

#leftPaneSearch .dijitTabChecked {
	background: url('') #FFF !important;
	color: #05164D !important;
}

#srch_free,
#srch_free2,
#srch_routing {
	background: none !important;
	/* height: 90px !important; */
}

#srch_free .dijitTabPaneWrapper,
#srch_free2 .dijitTabPaneWrapper,
#srch_routing .dijitTabPaneWrapper {
	background: none !important;
}

#freesearchFreeInput {
	background: none !important;
	width: 210px !important;
	border: 3px solid #05164D;
}

/* #srch_free .dijitComboBox,
#srch_free2 .dijitTextBox,
#groutingStartInput,
#groutingEndInput {
	width: 258px !important;
	height: 26px !important;
	padding-left: 2px !important;
	background: none !important;
	margin-left: 8px;
} */

#groutingStartInput {
	margin-bottom: 5px !important;
}

/*
#srch_free .dijitInputField {
	height: 15px !important;
}*/

/* #srch_free .dijitComboBox .dijitPlaceHolder,
#srch_free .dijitComboBox .dijitInputInner {
	margin-top: 6px !important;
} */

#srch_free .dijitComboBox .dijitArrowButtonContainer {
	height: 22px !important;
}

#srch_free .dijitComboBox .dijitArrowButtonContainer {
	display: none;
	/* height: 22px !important; */
}

.SearchInput {
	background: none !important;
	width: 210px !important;
}

.flip {
	cursor: pointer;
	width: 30px;
	height: 30px;
}

#srch_routing .dijitTextBox:focus,
#srch_free2 .dijitTextBox:focus {
	border: 1px solid #C40000;
}

.srch_input {
	background: none !important;
	width: 190px !important;
}

.btnUltrasearch {
	width: 70px;
	height: 30px;
	background-color: #F2F2F2 !important;
	border: none !important;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
}

.btnGo {
	width: 70px;
	height: 22px;
	margin-left: 5px;
	background-color: #F2F2F2 !important;
	border: none !important;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
}

.btnUltrasearchtxt {
	width: 70px;
	height: 30px;
	background-color: #FFF !important;
	border: none !important;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
}

.adp {
	font-size: 14px !important;
}

.srchSelect {
	width: 190px;
	height: 22px;
	padding-left: 5px;
	background-color: #F2F2F2 !important;
	border: none !important;
	text-align: left;
	vertical-align: middle;
	font-size: 13px;
}

#googleToRouting {
	position: relative;
	top: 5px;
}

#googleToRouting a {
	color: #DB2F01;
}

/* search & routing disclaimers*/

#freesearchDisclaimerRouting,
#googleDisclaimerRouting {
	display: block;
	position: absolute;
	bottom: 5px !important;
	color: #888;
}

#srch_free label {
	font-family: 'Montserrat', sans-serif;
}

/* maps selectors */
/*
#btnMapContainer_main {
	display: block;
	position: relative;
	width: 250px;
	height: auto !important;
	left: 140px;
	top: -10px;
	z-index: 99999 !important;
	background: #fff;
	padding: 10px;
	border: 2px solid #333;
}
 */

/* #btnMapContainer_main {
	display: block;
	position: absolute;
	width: 240px;
	height: auto !important;
	top: -18px !important;
	z-index: 99999 !important;
	background: #fff;
	padding: 0px !important;
	border: 2px solid #333;
	left: 290px;
} */

#btnMaps_mainmaplist ul {
	padding-top: 20px !important;
}

/* #btnMaps_mainmaplist li {
	background-color: #eee !important;
	color: #111 !important;
} */
.mapIcon {
	padding-left: 30px;
	padding-right: 10px;
	border: none;
	height: 30px;
	background-size: 20px 20px;
	background-color: #6A3118;
	background-position: 5px !important;
	margin-left: 5px;
	vertical-align: middle;
}

/* .shadow {
	-moz-box-shadow: 0 2px 3px #666;
	-webkit-box-shadow: 0 2px 3px #666;
	box-shadow: 0 2px 3px #666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666')";
	filter: progid: DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666');
} */
/*
.shadow_small {
	-moz-box-shadow: 0 1px 2px #666;
	-webkit-box-shadow: 0 1px 2px #666;
	box-shadow: 0 1px 2px #666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666')";
	filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666');
}
*/

#scale-line {
	background: rgba(255, 255, 255, 0.3);
	padding: 2px;
}

/* Layer Manager Toggle Button */
/* layermanager revamped */
/*
div [id^="main_lyrmgr"] div table tbody tr td {
	padding-bottom: 10px !important;
	padding-top: 20px !important;
	margin-top: 10px !important;
	background: rgba(240, 240, 240, 1);
	background: -moz-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240, 240, 240, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#FFFFFFf', GradientType=0);
	border-radius: 5px;
}
*/
/*
div [id^="main_lyrmgr_cp"]:nth-child(1) {
	/*margin-top: 10px !important;
}
*/
/*
div [id^="main_lyrmgr"] div table tbody tr td b {
	text-transform: uppercase;
	color: #0B4D69;
	font-weight: bolder;
	font-size: 13px !important;
}
*/
/*
div [id^="main_lyrmgr"] .dijitTitlePaneTitle {
	background: #567CB7 no-repeat !important;
	color: #FFF !important;
}
*/
div [id^="second_lyrmgr"] div table tbody tr td,
div [id^="main_lyrmgr"] div table tbody tr td {
	padding-bottom: 5px !important;
	padding-top: 5px !important;
	margin-top: 5px !important;
	text-align: center;
	letter-spacing: 2px;
	border-bottom: 0px solid #e1001a;
	text-transform: uppercase;
}

div [id^="second_lyrmgr"] .dijitTabPaneWrapper,
div [id^="main_lyrmgr_"] .dijitTabPaneWrapper {
	border: none !important;
	padding-top: 5px;

}

/* layermanager submenu on plus lines*/
#sort_menu,
#layer_menu {
	max-height: 40vh;
}


/* #second_lyrmgr .dijitTitlePaneTextNode {
	display:flex;
	width:100%;
} */

#second_lyrmgr .dijitTitlePaneTextNode,
#layer_menu .dijitTitlePaneTextNode {
	display: flex;
	margin-left: 10px;
	margin-top: -12px;
}

#second_lyrmgr .dijitTitlePaneTextNode:has(a) {
	margin-left: 7px;
}

#layer_menu .dijitTitlePaneTextNode:has(a) {
	margin-left: 7px;
}

#layer_menu .dijitArrowButton {
	margin-left: 20px !important;
}

/* .tundra .dijitTabContainer {
	overflow-y: hidden !important;
} */

.tundra .dijitTabContainerTop-dijitContentPane,
.tundra .dijitTabContainerLeft-dijitContentPane,
.tundra .dijitTabContainerBottom-dijitContentPane,
.tundra .dijitTabContainerRight-dijitContentPane,
.tundra .dijitAccordionContainer-dijitContentPane {
	background-color: none !important;
	padding: 5px;
}

.tundra .dijitTabContainerTop-tabs {
	border: none !important;
}

.dijitTabPane::-webkit-scrollbar {
	width: 5px;
}

.dijitTabPane::-webkit-scrollbar-button {
	display: none;
}

.dijitTabPane::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
}

.dijitTabPane::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

#btnMainPane {
	border: none;
	outline: none !important;
	position: absolute;
	top: 45%;
	left: -35px;
	display: block;
	width: 50px;
	height: 80px;
	background: url(../img/buttons/leftPane2.png) no-repeat;
	cursor: pointer;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
}

#btnMainPane:hover {
	transform: translateX(20px);
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-o-transform: translateX(20px);
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
}

/*#main_lyrmgr_tablist {position: absolute;height: 160px !important; border: 3px solid #0F0; padding-top: 50px; padding-bottom: 50px;z-index: 99999;}*/
#second_lyrmgr_tablist .dijitTab,
#second_lyrmgr_tablist .dijitTabHover,
#main_lyrmgr_tablist .dijitTab,
#main_lyrmgr_tablist .dijitTabHover {
	background: none !important;
	border: none !important;
	margin: 0;
	padding: 0;
	outline: none !important;
	padding-top: 5px;
}

/* tricks and treat accordion*/

.appLayout {
	display: block;
	width: 60px;
	margin: 0px !important;
	padding: 0 !important;
	text-align: center;
	background-color: #fff;
	border-left: 1px solid #fff;
}

.mainmap,
.al_adj {
	width: 70px;
	margin-top: 3px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}

.appLayoutContainer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}


#measure_menu,
#orthomeasure_menu,
#rl_menu {
	display: block;
	padding: 0px;
	margin: 5px;
	background: #FFF;
}

/* ribbon specific for single buttons (emulate wrapper) */

/* #print_menu,
#measure_menu,
#rl_menu {
	display: block;
	padding: 0px;
	margin: 5px;
	background: #FFF;
}

#btnMapContainer_main,
#njs_main_print_wrapper,
#njs_main_measure_wrapper,
#njs_main_ortho_wrapper,
#njs_main_rl_wrapper {
	background: #FFF;
	top: -10px;
	padding: 15px;
	border: none;
	position: absolute !important;
	border: 1px solid #4d4d4d;
	border-top: 3px solid #fff;
}

#njs_main_print_wrapper {
	left: 5px;
} */


/* icon size patch 27.11.04*/
.legendIcon {
	width: 18px;
	height: 18px;
}



@media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {

	#sponsor {
		display: none;
	}
}

/* rotating print area icons */

.pdfrotplus {
	position: relative;
	top: 5px;
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../img/buttons/pdfrotminus.svg) left bottom no-repeat;
	background-size: contain;
}

.pdfrotminus {
	position: relative;
	top: 5px;
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../img/buttons/pdfrotplus.svg) left bottom no-repeat;
	background-size: contain;
}

#njs_pdfformat_list,
#njs_pdfscale_list {
	width: 100% !important;
}

#printpdf1 table {
	width: 100% !important;
}

#printpdf1 .dijitIcon {
	box-shadow: none !important;
}

#printpdf1 .dijitButton {
	box-shadow: 0px 1px 2px #999;
	margin-right: 10px !important;
	height: 24px !important;
}

#printpdf1 .dijitButtonNode {
	border: none !important;
	padding-top: 2px;
	vertical-align: middle !important;
}

#printpdf1 .dijitButtonNode:hover {
	background: url('') !important;
}

#linetype_wrapper .dijitValidationTextBox {
	width: 150px !important;
	height: 20px !important;
	background: url('');
	margin-right: 10px !important;
}

#linewidth_wrapper .dijitValidationTextBox {
	width: 60px !important;
	height: 20px !important;
	background: url('');
}

#font_wrapper .dijitValidationTextBox {
	width: 150px !important;
	height: 20px !important;
	background: url('');
	margin-right: 10px !important;
}

#fontsize_wrapper .dijitValidationTextBox {
	width: 60px !important;
	height: 20px !important;
	background: url('');
}

#rl_menu .dijitDropDownButton .dijitButtonNode,
#measure_menu .dijitDropDownButton .dijitButtonNode {
	font-size: 0;
	width: 30px;
	height: 20px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	right: -5px;
	top: -2px;
}

.compact_novisible {
	display: none !important
}

.compact_center {
	margin-left: 75px !important;
}

.compact_right {
	/*display: none;
	margin-top: -10px !important;*/
	left: -8px !important;
	width: 18px;
	height: 18px;
	position: relative;
	box-shadow: none !important;
}

.compact_right .dijitIcon {
	box-shadow: none !important;
}

.giveme_focus {
	display: none;
	/*width: 20px;
	height: 20px;
	background: url(../img/buttons/ribbon/tick.svg) center center no-repeat;*/

	background: url(../img/buttons/sprites_misc.png) -28px 0;
	height: 28px;
	width: 28px;

	position: relative;
	bottom: 26px;
	left: 230px;
	cursor: pointer;
}

#text_wrapper .dijitTextBox {
	width: 255px !important;
	height: 20px !important;
	background: url('');
}

#tools_menu .dijitArrowButton {
	width: 20px !important;
}

/* 
#tools_menu .dijitIcon {
	-moz-box-shadow: 0 1px 2px #666;
	-webkit-box-shadow: 0 1px 2px #666;
	box-shadow: 0 1px 4px #666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666')";
	filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666');
} */

#tools_menu .dijitButtonNode {
	border: none !important;
	background: none;
}

*[class^="njsIconRL"] {
	box-shadow: none !important;
}

#rl_menu .dijitDropDownButton .dijitButtonNode,
#measure_menu .dijitDropDownButton .dijitButtonNode,
#ortho_menu .dijitDropDownButton .dijitButtonNode {
	font-size: 0px !important;
	height: 20px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
	right: -5px !important;
	top: -2px !important;
	width: 30px !important;
}


#ortho_menu,
#measure_menu,
#rl_menu {
	margin-left: 10px;
}

/* maps menu */

.map_selector {
	display: block;
	height: 18px;
	padding: 5px;
	padding-left: 30px;
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	width: 100%;
	background-color: #FFF;
}

div[class*='btnspacer'] {
	background-color: rgba(0, 0, 0, 0.0) !important;
	height: 10px !important;
	pointer-events: none;
}

div[class^='btn'] {
	display: block;
	background-size: contain;
	background-color: #cd0119;
	width: 40px;
	height: 40px;
	cursor: pointer;
	border-radius: 20px 0 0 20px;
}

div[class^='btn']:hover {
	background-color: #80000fee;
}

#mainButtonBar {
	position: absolute;
	display: flex;
	flex-direction: column;
	top: 48px;
	right: 0px;
	justify-content: start;
	width: auto !important;
	height: auto !important;
}

#filtered_exportResult_buttons {
	position: absolute;
	bottom: 5px;
	left: 5px;
	margin-top: 10px !important;
	margin-left: 10px !important;
	display: inline-flex;
	background-color: transparent !important;
}

#filtered_exportResult_buttons .dijitButtonNode {
	display: block;
	width: 32px !important;
	height: 32px !important;
	border: 0px !important;
	padding-right: 10px;
	background-color: transparent !important;
}

#filtered_exportResult_buttons .dijitToggleButtonChecked {
	background: url('') !important;
}

#filtered_exportResult_buttons .dijitButtonText {
	display: none !important;
}

#filtered_exportResult_buttons .dijitButtonNode:hover {
	background: url('') !important;
}

#btn_filtered_export_select_polygone_wrapper {
	background: url(../img/buttons/exp_poly.svg) no-repeat center center !important;
	display: block;
	width: 32px;
	height: 32px;
	background-size: contain !important;
}

#btn_filtered_export_select_radius_wrapper {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/buttons/exp_radius.svg) no-repeat center center !important;
	background-size: contain !important;
}

#btn_filtered_export_show_wrapper {
	background: url(../img/buttons/exp_map.svg) no-repeat center center !important;
	display: block;
	width: 32px;
	height: 32px;
	background-size: contain !important;
}

#btn_filtered_export_export_shp_wrapper {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/buttons/exp_shp.svg) no-repeat center center !important;
	background-size: contain !important;
}

#btn_filtered_export_export_csv_wrapper {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/buttons/exp_csv.svg) no-repeat center center !important;
	background-size: contain !important;
}

#btn_filtered_export_selectall_wrapper {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/buttons/exp_select.svg) no-repeat center center !important;
	background-size: contain !important;
}

#btn_filtered_export_deselect_wrapper {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/buttons/exp_deselect.svg) no-repeat center center !important;
	background-size: contain !important;
}

/* span [id^="btn_filtered_export_"] {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
} */

/* #filtered_exportResult_body .dojoxGrid {
	width: 780px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
} */

#filtered_exportResult_buttons .dijitToggleButton .dijitCheckBoxIcon {
	background-image: url(../img/buttons/checkmarkNoBorder.png) !important;
}

#filtered_exportResult_buttons .dijitCheckBox,
#filtered_exportResult_buttons .dijitCheckBoxChecked,
#filtered_exportResult_buttons .dijitToggleButtonChecked .dijitCheckBoxIcon {
	background-image: url(../img/buttons/checkmarkNoBorder.png) !important;
	position: relative;
	left: 10px;
	top: 14px;
	background-position: 0 center;
}

#filtered_export_layer_select_dropdown {
	visibility: visible !important;
}

#njs_filtered_export_dialog .dijitTitlePaneTitle {
	background-color: #efefef;
}

/* hack for multiple text lines in accorderon */

#layer_menu label {
	display: block;
	width: auto !important;
	line-height: 150% !important;
	flex-grow: 1;
}

*[id^="div_header_"] {
	display: none !important;
}

div [id^="njs_main_lyrmgr_"] div[id^="div_"],
#main_lyrmgr div[id^="div_"],
#second_lyrmgr div[id^="div_"] {
	display: -webkit-flex;
	/* Safari */
	display: flex;
	flex-direction: row;


}

/* sub layers */

.lyrmgr_group_expand {
	cursor: pointer;
	color: transparent;
	position: relative;
	flex-basis: auto;
	display: block;
	width: 18px;
	height: 12px;
	background: url(../img/buttons/lyrmgr_group_expand.svg) center no-repeat;
	background-size: contain;
	margin-left: auto;
}

.grlay_open {
	background: url(../img/buttons/lyrmgr_group_expand_active.svg) center no-repeat;
	background-size: contain;
}


.lyrmgr_group {
	padding: 4px 12px 12px 12px;
	background: rgb(255, 255, 255);
	/* background: linear-gradient(180deg, rgb(231, 231, 231) 0%, rgba(255,255,255,1) 90%); */
	/* animation: fade_in_show 0.2s; */
	/* 	box-shadow: rgba(50, 50, 50, 0.35) 0px 4px 8px -2px inset, rgba(0, 0, 0, 0.0) 0px 2px 20px -4px inset;*/
}

.lyrmgr_group * {
	transform-origin: left;
	transform: scale(94%);
}

@keyframes fade_in_show {
	0% {
		opacity: 0;
		transform: scale3d(1, 0, 1);
		transform-origin: top;
	}

	100% {
		opacity: 1;
		transform: scale3d(1, 1, 1);
		transform-origin: top;
	}
}



#layer_menu .dijitTitlePaneContentInner img {
	height: 18px;
}

#streetviewContainer {
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	overflow: -moz-scrollbars-none;
}

#streetviewContainer::-webkit-scrollbar {
	display: none;
}

#streetviewContainer,
#custompaneContainer {
	/*box-shadow: -5px 20px 35px #333;*/
	overflow: hidden;
}


#custompaneFrame,
#custompaneFrameForm {
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto;
	overflow-x: hidden !important;
	border: 0px;
	width: 100% !important;
	height: 100% !important;
}

#custompaneDiv {
	-webkit-overflow-scrolling: touch !important;
	overflow: auto;
	border: none;
	width: 100%;
	height: 100%;
}

/* misc */

.tundra .dijitSplitContainer-child,
.tundra .dijitBorderContainer-child {
	border: none !important;
}

.tundra .dijitTitlePaneContentOuter,
.tundra .dijitTitlePaneTitle {
	border: none !important;
}

#tp_tools_menu .dijitTitlePaneContentOuter {
	overflow-y: auto;
	max-height: 30dvh;
}

.dijitContentPane b {
	font-size: 13px !important;
}

.tundra .dijitArrowNodeInner {
	display: none !important;
}

#layer_menu2 .nowrapTabStrip,
#layer_menu .nowrapTabStrip {
	width: calc(100% - 10px) !important;
	display: flex;
	justify-content: space-evenly;
	z-index: 1;
}

/* add a right margin to the category title (push the text to r) */

div [id*="_titleBarNode"] .dijitCheckBox,
div [id*="_titleBarNode"] .dijitChecked,
div [id*="_titleBarNode"] .tmpdirCheckBox {
	margin-right: 4px !important;
	width: 14px;
}

.tundra .dijitCheckBox,
.tundra .dijitToggleButton .dijitCheckBoxIcon {
	min-width: 14px;
}

#second_lyrmgr table,
div [id^="main_lyrmgr"] table {
	width: 100%;
	/*text-align: center !important;*/
	/* margin-top: -15px !important; */
	/* background-color: #f2f2f2; */
}

#second_lyrmgr .dijitTitlePaneTitle,
div [id^="main_lyrmgr"] .dijitTitlePaneTitle,
div [id^="second_lyrmgr"] .dijitTitlePaneTitle,
div [id^="tools_menu"] .dijitTitlePaneTitle,

#njs_info_pane_content .dijitTitlePaneTitle {
	background: #e1e1e1 !important;
	color: #333 !important;
	font-weight: 900;
	border: none;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.tundra .dijitTitlePaneTitle * {
	vertical-align: initial !important;
}

/* div [id^="tp_"] .dijitTitlePaneTitle {
	padding: 3px 4px !important;
	border: 1px solid #bfbfbf !important;
} */


/* div [id^="tp_"] .dijitContentPane {
	overflow-y:auto;
} */

div [id^="tp_"] .dijitHover,
div [id^="tp_"] .dijitTitlePaneTitleHover {
	background: #e1e1e1 !important;
}

#main_lyrmgr,
#wms_menu,
#second_lyrmgr {
	height: 40vh;
	overflow-y: auto
}

/* #tp_layer_menu2 .dijitTitlePaneTextNode{
	font-size: 16px;
}
#tp_layer_menu2 .dijitArrowNode {
	display: none;
}
 */
.dijitBorderContainer-child {
	border: 1px solid #fff !important;
}

/* sortable */

#sort_menu {
	overflow-x: hidden;
	overflow-y: auto;
}

#main_lyrsorter {
	-ms-touch-action: none;
	touch-action: none;
}

#njs_main_lyrsorter_wrapper .sortable_li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 26px;
	margin-bottom: 5px;
	background: #FFF;
	padding: 2px;
}

#njs_main_lyrsorter_wrapper .sortable_handle {
	display: block;
	cursor: -webkit-grab;
	cursor: grab;
	background: url(../img/buttons/sprites_misc.png) 0 0;
	height: 28px;
	width: 28px;
}

#njs_main_lyrsorter_wrapper .sortable_handle:hover {
	background: url(../img/buttons/sprites_misc.png) 0 -28px;
}

#njs_main_lyrsorter_wrapper .sortable_handle:active {
	background: url(../img/buttons/sprites_misc.png) 0 -56px;
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

#njs_main_lyrsorter_wrapper .sortable_slider {
	position: relative;
	width: 75%;
	border: none !important;
}

#njs_main_lyrsorter_wrapper input[type="range"] {
	position: relative;
	z-index: 100;
	background: rgba(200, 200, 200, 0.1) !important;
	border: none !important;
}

#njs_main_lyrsorter_wrapper input[type="range"]::-webkit-slider-runnable-track {
	position: relative;
	z-index: 100;
	background: #fff;
	border: none !important;
}

#njs_main_lyrsorter_wrapper input[type="range"]::-webkit-slider-thumb {
	opacity: 0.6;
	border: 1px solid #FFF;
}

#njs_main_lyrsorter_wrapper input[type="range"]::-moz-range-thumb {
	opacity: 0.6;
	border: 1px solid #FFF;
}

#njs_main_lyrsorter_wrapper input[type="range"]::-ms-thumb {
	opacity: 0.6;
	border: 1px solid #FFF;
}

#njs_main_lyrsorter_wrapper .unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sortable_close {
	display: block;
	background: url(../img/buttons/sprites_measure_draw.png) -288px 0;
	height: 32px;
	width: 32px;
}

.sortable_close:hover {
	background: url(../img/buttons/sprites_measure_draw.png) -288px -32px;
	cursor: pointer;
}

#njs_main_lyrsorter_wrapper .sortable_label {
	position: absolute;
	width: 80%;
	right: 5px;
	top: 0px;
	z-index: 999;
	text-align: right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-style: normal;
	pointer-events: none;
	color: #444;
}

#njs_main_lyrsorter_wrapper .notinrange {
	font-style: italic;
	color: #444;
}

/* Phoho Carousel override parameters */

.mblCarouselBtnContainer {
	/* float: left !important; */
}

.mblCarouselHeaderBar .mblPageIndicator {
	/* float: right !important; */
	height: auto;
}

.mblCarouselHeaderBar {
	background-color: #fff;
}

.mblCarouselTitle {
	display: none;
}

.mblCarousel {
	min-height: 200px !important;
	height: auto !important;
}

.mblCarouselBtn {
	border: 1px solid #c0c0c0;
	border-bottom: 1px solid #9b9b9b;
	background-color: #fff;
}

.mblPageIndicatorDot {
	background-color: #949294;
}

.mblPageIndicatorDotSelected {
	background-color: #4D648D;
}

.mblCarouselItemHeaderText {
	font-weight: bold;
	font-size: 1.2em;
	color: #4c535b;
}

.mblCarouselItemImage {
	opacity: 1 !important;
	min-height: 150px !important;
}

/* add point, areas, img, kml, gpx | buttons in layermanager */

.add_button {
	margin-left: 10px;
	margin-top: 0px;
	display: block;
	height: 15px;
	width: 15px;
	/*box-shadow: 1px 1px 2px #666;*/
	cursor: pointer;
	background: url(../img/poi_manager/add_button.svg) center center no-repeat #FFF;
	background-size: contain;
	color: transparent;
	font-size: 0px;
}

.spacerflex {
	flex: 1 0 100%;
	height: 1px;
}

.adder_container {
	margin: 5px !important;
	margin-left: 20px !important;
}

.adder_elem {
	display: block;
	height: 20px !important;
	width: auto !important;
	/* margin-left: 5px; */
	padding-right: 7px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	/*  box-shadow: 1px 1px 2px #666; */
	color: #000;
	font-size: 10px;
}

/* .adder_point {
	background: url(../img/poi_manager/adder_point.svg) top left no-repeat;
	background-size: contain;
}

.adder_freehand {
	background: url(../img/poi_manager/adder_freehand.svg) top left no-repeat;
	background-size: contain;
}

.adder_img {
	background: url(../img/poi_manager/adder_img.svg) top left no-repeat;
	background-size: contain;
}

.adder_kml {
	background: url(../img/poi_manager/adder_kml.svg) top left no-repeat;
	background-size: contain;
}

.adder_gpx {
	background: url(../img/poi_manager/adder_gpx.svg) top left no-repeat;
	background-size: contain;
} */
/* photo, gpx, kml, etc import dialog buttons*/


#imageUpload_anothermain {
	padding: 10px;
}

* [id*="_uploader"] .dijitButtonText {
	padding: 3px 6px !important;
	min-width: unset !important;
}

* [id*="_uploader"] .dijitButtonNode {
	background: #ddd !important;
	border: 1px solid #ddd !important;
	border-radius: 8px !important;
	display: inline-block;
	padding: 5px 8px;
	outline: none;
	white-space: nowrap;
	cursor: pointer;
	color: #000;
}

* [id*="_uploader"] .dijitButtonNode:hover {
	background: #ccc !important;
}


/* adder drawings - areas / circle areas */


div [id*='_editing'] {
	width: auto;
	display: flex;
	justify-self: flex-end;
}

/* ----
#njs_info_pane {
	top: 120px !important;
}
*/
/* sponsors */

#sponsor {
	position: absolute;
	top: 0px;
	right: 20px;
}

#sponsor:after {
	content: " ";
	background: url(../img/buttons/ket.svg) center center no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 8px;
}

#sponsor_if {
	width: 250px;
	height: 98px;
	overflow: hidden;
}

@media all and (max-width: 1280px) {
	#sponsor_if {
		height: 25px;
	}
}

/* choose language (and style the select) */

#lselector select:not([multiple]) {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
	/*background-image: url(../img/ribbon/ribbon/chevron_down.svg);*/
	background-color: #fff;
	padding: 4px;
	padding-right: 1.5em;
	/*color: #05164D;*/
	color: #333;
	border: none;
}

#srch_routing select:not([multiple]) {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
	background-color: #fff;
	padding-right: 1.5em;
	color: #333;
	border: none;
}

#srch_routing select::-ms-expand,
#lselector select::-ms-expand {
	display: none;
}

/*
#lselector {
	position: absolute;
	top: 45px;
	right: 5px;
	border: 1px solid #05164d;
}
*/

#lselector {
	position: absolute;
	top: 0px;
	right: 5px;
	/* border: 1px solid #05164d; */
}


/* .dijitPopup .dijitColorPalettePopup {z-index: 1000; -ms-overflow-y: visible;} */

@media all and (max-device-width: 768) {
	.dijitTabPaneWrapper {
		overflow-x: scroll;
	}
}

/* WMS IMPORT REVAMPED */

.tundra .dijitButtonNodeTransparent .dijitButtonNode {
	border: none;
	background: none !important;
}


/* WMS Import Dialog */

.wms-cont {
	padding: 5px;
	height: 100%;

}


#btn_wmsimport_load_label.dijitButtonText {
	display: none;
}

#widget_wmsimport_title_filter {
	width: 100%;
	height: 16px;
}

.wms-cont .dijitButton,
#njs_wmsimport_dialog .dijitButtonNode {
	margin: 0 !important;
	padding: 0 !important;
}

.row {
	display: flex;
	/*justify-content: flex-start;
	margin-top: 10px;
	*/
	margin-bottom: 10px;
}

.center {
	justify-content: center;
}

.wms_desc {
	max-height: 15vh;
	overflow-y: auto;
}

.wms-cont .dijitDialogPaneContent {
	margin-top: 1vh;
	/*  border-top: 1px solid #009fe3; */
	border-top: none;
	padding: 5px;

}

.wms-cont .dijitDialogPaneContent b {
	font-family: 'Montserrat', sans-serif;
}

.row .red button {
	padding: 5px;
	background: #ff0;
}

#wmsimportFilterLabel {
	display: block;
	margin-top: 1vh;
	margin-bottom: 0.5vh;

}

#wmsimportFilterLabel i {
	font-style: normal;
}

#wmsimportGrid {
	font-size: 1.1em;
}

#wmsimportGrid .dojoxGridRowSelected,
#wmsimportGrid .dojoxGridRowEditing td,
#wmsimportGrid .dojoxGridRowOver .dojoxGridCell,
#wmsimportGrid .dojoxGridCellOver {
	background-color: #a7a7a7 !important;
}

#wmsimportGrid .dojoxGridRowOdd {
	background-color: #ededed;
}

#wmsimportGrid .dojoxGridCellFocus {
	border: none !important;
}

#wmsimportGrid .dojoxGridCell {
	font-size: 1em !important;
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
}

#wmsimportResult_body {
	padding: 0;
}

#wmsimportGrid {

	min-height: 10vh;

}

@media (max-width: 1920px) {
	#wmsimportGrid {

		min-height: 10vh;
	}

}

#wmsimportResult_body .dijitButton {
	box-shadow: 0px 1px 2px #999;
	margin-right: 10px !important;
	height: 24px !important;
	width: 85px;
	text-align: center;
}

#wmsimportResult_body .dijitDisabled .dijitButtonText,
#wmsimportResult_body .dijitButtonNodeTransparent .dijitButtonNode {
	border: none;
	background: none !important;
}

.tundra .dijitSelect .dijitArrowButton,
.tundra .dijitButtonNode {
	background: #fff;
	border: none;
	padding: 0.2em 0.4em !important;
}

#btn_wmsimport_load {
	display: block;
	background: url(../img/buttons/sprites_misc.png) -28px 0;
	height: 28px;
	width: 28px;
}

#btn_wmsimport_load:hover {
	background: url(../img/buttons/sprites_misc.png) -28px -28px;
}

#btn_wmsimport_cancel {
	display: block;
	margin-top: -1px;
	cursor: pointer;
	background: url(../img/buttons/sprites_measure_draw.png) -288px 0;
	height: 32px;
	width: 32px;
}

#btn_wmsimport_cancel:hover {
	background: url(../img/buttons/sprites_measure_draw.png) -288px -32px;
}


#wmsimportResult_body .dijitDisabled,
#widget_wmsimport_title_filter,
#widget_wmsimport_uri_select {
	padding: 0.5em;
	background: #fff;
	font-size: 1em !important;
}

#btn_wms_legend_wrapper_label,
#btn_wms_add_wrapper_label {
	margin-top: 0.3em;
	background: none !important;
}

#wmsimportFilterFields {
	width: 100%;
}

#wmsimportResult_body .dijitButtonNode {
	background: unset !important;
}

.tundra .dijitTextBox,
.tundra .dijitTextBoxFocused {
	border: 1px solid #cdcdcd;
}

#wmsimport_abstract_wrapper {
	margin: auto;
	height: auto;
}

#wmsimport_abstract_wrapper_title {
	display: block;
	/*border-top: 1px solid #009fe3;*/
	border-top: 1px solid #a7a7a7;
	/*border-bottom: 1px solid #009fe3;*/
	border-bottom: 1px solid #a7a7a7;
	margin-bottom: 0.5vh;
}

.zoomglass_wmsimport {
	display: block;
	width: 18px;
	height: 18px;
	background: url(../img/buttons/zoom_extent.svg) center center no-repeat;
}

.zoomglass_wmsimport:hover {
	background: url(../img/buttons/zoom_extent_hover.svg) center center no-repeat;
	cursor: pointer;
}

#wmsimport_waiting {
	border: none;
	font-size: 0;
	display: none;
	position: absolute;
	bottom: 2px;
	left: 35%;
	filter: grayscale(100%) invert(1) brightness(1.1);
}

/* custom eigentümer autowidth columns - fh request */
table[id*="_4"] .infoWindowItemName,
table[id*="_4"] .infoWindowItem {
	width: auto;
}


/* drawing tool in lm */
.rowplus span.dijitButtonNode {
	display: block;
	width: 24px;
	height: 24px;
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	color: #444;
	background: #eee;
	text-align: center;
	line-height: 25px;
	padding: 0px !important;
}

.rowplus span.dijitButtonNode:hover {
	color: #eee;
	background: #333 !important;
}

form.rowplus .dijitButtonNode {
	display: block;
	width: auto;
	height: 20px;
	cursor: pointer;
	font-weight: bold;
	font-size: 15px;
	color: #444;
	background: #eee;
	text-align: center;
	line-height: 25px;
}

form.rowplus .dijitButtonNode:hover {
	background: #DDD !important;
}

.rowplus {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	/* color:#eee */
}

.rowplus .dijitInputContainer input {
	margin: 0px !important;
	height: 100% !important;
}

.rowplus .dijitInputContainer {
	height: 20px !important;
	color: #444;
	line-height: 20px;
}

.rowplus a {
	display: block;
	width: 24px;
	height: 24px;
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	color: #444;
	background: #eee;
	text-align: center;
	line-height: 24px;
}

.rowplus button {
	display: block;
	width: auto;
	height: 24px;
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	color: #444 !important;
	background: #eee !important;
	text-align: center;
	line-height: 24px;
}

div [id *='_add_drawing_form'] {
	margin-bottom: 5px;
	display: block;
	background: #eee;
	padding: 10px;
	padding-top: 15px;
}

div [id *='_add_drawing_form'] .dijitButtonText {
	color: #333 !important;
	font-size: 10px;
}

/* styles for charging station popup*/
.htmlpopup-container .htmlpopup-content table {
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

div.evse_data {
	display: table;
	padding-bottom: 10px;
	width: 100%
}

.htmlpopup-container .htmlpopup-content .station-data {
	width: 300px;
	display: inline-block
}

.htmlpopup-container .htmlpopup-content .station-data td {
	width: 40%
}

.htmlpopup-container .htmlpopup-content .station-data td.cell-left {
	width: 30%
}

.htmlpopup-container .htmlpopup-content .evse-overview {
	border-collapse: collapse;
	margin: 5px;
	width: 30%;
	float: left
}

.htmlpopup-container .htmlpopup-content .evse-overview td,
.htmlpopup-container .htmlpopup-content .evse-overview th {
	display: table-cell;
	border-width: 2px;
	border-style: solid;
	padding: 2px;
	text-align: center;
	border-color: #828385
}

.htmlpopup-container .htmlpopup-content .evse-overview th {
	background-color: #828385;
	color: #fff;
	height: 30px
}

.htmlpopup-container .htmlpopup-content .evse-overview.status-occupied th {
	background-color: #f5063a
}

.htmlpopup-container .htmlpopup-content .evse-overview.status-occupied td,
.htmlpopup-container .htmlpopup-content .evse-overview.status-occupied th {
	border-color: #f5063a
}

.htmlpopup-container .htmlpopup-content .evse-overview.status-reserved th {
	background-color: #e9bc72
}

.htmlpopup-container .htmlpopup-content .evse-overview.status-reserved td,
.htmlpopup-container .htmlpopup-content .evse-overview.status-reserved th {
	border-color: #e9bc72
}

.htmlpopup-container .htmlpopup-content .evse-overview.status-available th {
	background-color: #31a950
}

.htmlpopup-container .htmlpopup-content .evse-overview.status-available td,
.htmlpopup-container .htmlpopup-content .evse-overview.status-available th {
	border-color: #31a950
}

.htmlpopup-container .htmlpopup-content .evse-overview.status-unknown th {
	background-color: #efefef;
	color: #000
}

.htmlpopup-container .htmlpopup-content .evse-overview.status-unknown td,
.htmlpopup-container .htmlpopup-content .evse-overview.status-unknown th {
	border-color: #efefef
}

/*#logoMapPlus{height: 90px !important;background: url(../img/logo.png) left top no-repeat #FFF;}*/

/* Zusatz ribbon */

.dijitIconSave,
.dijitIconPrint,
.dijitIconCut,
.dijitIconCopy,
.dijitIconClear,
.dijitIconDelete,
.dijitIconUndo,
.dijitIconEdit,
.dijitIconNewTask,
.dijitIconEditTask,
.dijitIconEditProperty,
.dijitIconTask,
.dijitIconFilter,
.dijitIconConfigure,
.dijitIconSearch,
.dijitIconApplication,
.dijitIconBookmark,
.dijitIconChart,
.dijitIconConnector,
.dijitIconDatabase,
.dijitIconDocuments,
.dijitIconMail,
.dijitLeaf,
.dijitIconFile,
.dijitIconFunction,
.dijitIconKey,
.dijitIconPackage,
.dijitIconSample,
.dijitIconTable,
.dijitIconUsers,
.dijitFolderClosed,
.dijitIconFolderClosed,
.dijitFolderOpened,
.dijitIconFolderOpen,
.dijitIconError {
	background-image: unset;
	width: unset;
	height: unset;
}

#ovImg {
	background-color: white;
	cursor: pointer;
}

.dijitAccordionTitleHover {
	background-color: #d6dde5 !important;
}

/* #custompaneContainer_splitter{
	background-color:black !important;
	width:1px !important;
} */

/* buttons Grey out the world */

#layer_menu_button,
#wms_menu_button,
#sort_menu_button,
#ovToggleImg {
	filter: grayscale(100%);
}


/* ISOS special maptips, with special carusel */

div [id^="id_form_isos"] .infoWindowFirstItemName {
	width: 20% !important;
}

div [id^="id_form_isos"] .infoWindowFirstItem {
	width: 80% !important;
}

div [id^="id_form_isos"] .mblCarouselHeaderBar {
	display: flex !important;
	flex-direction: column;
}

div [id^="id_form_isos"] .mblCarouselHeaderBar * {
	float: unset !important;
}

div [id^="id_form_isos"] .mblPageIndicatorContainer tr {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

div [id^="id_form_isos"] .mblPageIndicatorContainer td {
	padding-bottom: 2px;
}

.mblPageIndicatorDotSelected {
	background-color: #f00 !important;
}

/* special legends ISOS */
.dojoxFloatingPaneContent .legend-container {
	font-size: 9px;
}

/* wee */

.btnShLinkManager {
	background: url(../img/buttons/btn_shlink.svg) center no-repeat;
	width: 32px;
	height: 32px;
	filter: grayscale(100%);
}

.btnWeeClip {
	background: url(../img/buttons/btn_clipboard.svg) center no-repeat;
	width: 24px;
	height: 24px;
	background-size: contain;
	margin-left: 5px;
	filter: grayscale(100%);
}

#wee_wrapper {
	background: #FFF;
	top: -10px;
	padding: 15px;
	border: none;
	position: absolute;
	border: 3px solid #CD0119;
	border-top: 3px solid #fff;
}

#wee_wrapper {
	left: 258px;
}

.toClipboard {
	border: solid 1px #424a52;
	text-align: center;
	width: 250px;
}

#search_container_old span:nth-child(1) {
	display: flex !important;
	justify-content: flex-start;
	align-items: flex-start;
	position: absolute;
	left: 30%;
	top: 5px;
	width: 40%;
	padding: 5px;
	border-radius: 5px;
}

/* .iconSearch {
	display: block;
	position: absolute;
	left: 5px;
	top: 5px;
	width: 20px;
	height: 20px;
	background: url('../img/buttons/search.svg') center center no-repeat;
	background-size: auto;
	background-size: contain;
  }


#search_container span:nth-child(1) {
    display: flex !important;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    left: 375px;
    top: 5px;
    width: 350px;
	padding: 5px;
	border-radius: 5px;
}

#search_container .dijitDownArrowButton {
    display: none;
}

#search_container .dijitInputInner,
#search_container .dijitPlaceHolder,
#search_container .dijitInputContainer {
    display: block;
    height: 100%;
    margin-left: 5px;
}
#search_container .dijitInputInner {
	height:30px;
}
#search_container .dijitPlaceHolder {
    margin-top: 5px;
} */

.iconSearch {
	/* display: block;
	position: absolute;
	left: 5px;
	top: 8px; */
	width: 28px;
	height: 28px;
	background: url('../img/buttons/search.svg') center center no-repeat;
	background-size: auto;
	background-size: contain;
}

#search_container {
	/* position: absolute;
    left: 375px;
    top: 15px; */
	width: 330px;
	padding: 5px;
	/* border-radius: 5px; */
	z-index: 9999;
}

#widget_solrsearchFirstParamSelect {
	width: 300px !important;
	height: 25px;
	margin-top: 0px !important;
	margin-right: 0px;
	/* border-radius:5px 0 0 5px; */
	border: 0px;
	background: #FFF;
}

#solrsearchFirstParamSelect {
	margin-left: 35px;

}

#widget_freesearchFreeInput {
	width: 280px !important;
	height: 25px;
	margin-top: 0px !important;
	margin-right: 0px;
	/* border-radius:5px 0 0 5px; */
}

#srch_free .dijitInputField {
	height: 22px !important;
	line-height: 22px;
}


#srch_free .dijitInputInner {
	height: 30px;
	padding-left: 5px !important;

}

#srch_free .dijitComboBox .dijitPlaceHolder {
	margin-top: 0px;
	margin-left: 5px;
	height: 25px;
	line-height: 25px;
}

#srch_free .dijitComboBox .dijitInputInner {
	margin-top: -2px;
	/* margin-left: 3px !important; */
}

#srch_free .dijitComboBox .dijitArrowButtonContainer {
	display: none;
	/* height: 22px !important; */
}

#srch_free .clearSearch {
	/* width: 30px;
    height: 30px; */
	cursor: pointer;
}

.clearSearch {
	/* border-radius:0 5px 5px 0 !important; */
	height: 24px !important;
	width: 24px !important;
}

.clearSearch_embedded {
	display: none;
}

.dijitMenuItem_old {
	width: 250px !important;
	font-size: 1.3em !important;
	padding: 5px !important;
	border-bottom: 1px dotted #DDD;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dijitMenuItem {
	padding: 5px !important;
	border-bottom: 1px dotted #DDD;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* #widget_solrsearchFirstParamSelect {
	position: absolute;
    left: 30%;
    top: 5px;
	width: 320px !important;
	height: 25px;
	margin-top: 0px !important;
	margin-right: 0px;
	border-radius: 5px 0 0 5px;
  } */



.tundra .dijitHidden {
	display: none !important;
}

.close_switch {
	display: block;
	height: 20px;
	border-radius: 0 0 10px 10px;
	cursor: pointer;
	background: url(../img/buttons/splitter_texture.png) center no-repeat #ddd;
}

#infowin_wait>img {
	filter: hue-rotate(190deg)
}

#spring {
	max-height: 100dvh;
	transition: max-height 0.35s ease-in;
}

#spring.close {
	background: #e5feff;
	overflow: hidden;
	max-height: 0vh;
	transition: max-height 0.35s ease-out;
}

/* list in lyrmgr */

.lyrlist {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../img/buttons/lyrmgr_list.svg) center no-repeat;
	background-size: contain;
	margin-right: 3px;
	cursor: pointer;
}


/* ol-9 extras */

.ol-zoom {
	display: none;
}

.grayscale {
	filter: grayscale(100%);
}

.ol-overviewmap {
	right: 1.5px;
	bottom: 1.5px;
	left: auto;
}

.ol-overviewmap .ol-overviewmap-map {
	border: 2px solid red;
	height: 240px;
	width: 315px;
}

.ol-overviewmap-box {
	border: 3px dotted red;
}

.ol-control button {
	height: 22px;
	width: 22px;
	outline: 1px solid black;
}

.ol-control.ol-print {
	display: none;
}

.ol-ext-print-dialog {
	font-size: 15px !important;
}

.ol-scale-line {
	bottom: 30px;
	left: 5px;
}

.ol-attribution {
	text-align: left;
	bottom: 5px !important;
	right: unset !important;
	left: 5px;
	max-width: unset;
	width: auto;
	height: 22px;
	display: flex;
	flex-flow: row-reverse;
	align-items: center;
}

.ol-attribution a {
	color: #000;
}

.row {
	display: flex;
}

/* 
.ol-rotate {
	top: 40px;
	right: 35px;
	transition: opacity .25s linear, visibility 0s linear;
}

.ol-control {
	position: absolute;
	background-color: rgb(43, 101, 174);
	border-radius: 20px;
	right: 50px;
	width: 40px;
	min-height: 40px;
}

.ol-control button {
	display: block;
	margin: 0px;
	padding: 0;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 35px;
	text-align: center;
	height: 40px;
	width: 40px;
	line-height: 20px;
	background-color: rgb(43, 101, 174);
	border: none;
	border-radius: 20px;
  }

  .ol-control button:hover {
	color:#FFF;
	background-color: #ff8800;
  } */

.ol-rotate {
	top: 5px;
	right: 0px;
	transition: opacity .25s linear, visibility 0s linear;
}

/* .ol-control {
	position: absolute;
	background-color: rgb(43, 101, 174);
	border-radius: 20px;
	
	right: 0px;
	width: 40px;
	min-height: 40px;
} */

.ol-control button {
	display: block;
	margin: 0px;
	padding: 0;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 35px;
	text-align: center;
	height: 40px;
	width: 40px;
	line-height: 20px;
	background-color: rgb(43, 101, 174);
	border: none;
	outline: none !important;
	border-radius: 20px 0 0 20px;
}

.ol-control button:hover {
	color: #FFF;
	/* background-color: #ff8800; */
	outline: none !important;
}

.btnRotation {
	pointer-events: none !important;
	background-color: transparent !important;
}

.ol-compass {
	color: transparent
}

.ol-compass:after {
	content: "";
	position: absolute;
	display: block;
	width: 18px;
	height: 18px;
	background: url(../img/buttons/NorthA.svg) center center no-repeat;
	background-size: 30px;
	margin-top: -18px;
	margin-left: 12px;

}

.ol-popup {
	position: absolute;
	background-color: white;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	padding: 15px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	bottom: 12px;
	left: -50px;
	min-width: 280px;
}

.ol-popup:after,
.ol-popup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ol-popup:after {
	border-top-color: white;
	border-width: 10px;
	left: 48px;
	margin-left: -10px;
}

.ol-popup:before {
	border-top-color: #cccccc;
	border-width: 11px;
	left: 48px;
	margin-left: -11px;
}

.ol-popup-closer {
	text-decoration: none;
	position: absolute;
	top: 2px;
	right: 8px;
}

.ol-popup-closer:after {
	content: "✖";
}