/* Dashboard menu */
/* TODO: Move this under Dashboard rules */
.mapspace-hr {
	border-top: 3px solid rgba(0, 0, 0, 0.6);
}

.maspace-hr-dashed {
	border-top: 1px dashed rgba(0, 0, 0, 0.3);
}

.cursorPointer {
	cursor: pointer;
}

/*Disable all elements glow*/
/* TODO: Too extreme rules. This will affect any rule of a customer CSS 
 Better way is to create classnames for this.
*/
*:hover, *:focus, *:active {
	outline: none;
	box-shadow: none !important;
	/*-webkit-appearance: none;*/
}
.mapspace-blom {
	background-color:#e6e6e6;
	padding: .2rem .3rem;
}
.mapspace-extrapadding {
	padding: .2rem .5rem;
}
.mdi.pull-left {
	margin-right: .5em;
}
/* #endregion */

/* <editor-fold> Workspaces -----------------------------------------------------*/
.mapspace-workspace-container,
.mapspace-workspace {
	display: inline-block;
	width: 100%;
	height: 100%;
	touch-action: none;
}
.mapspace-sidepanel.block + .mapspace-workspace-container {
	width: auto;
	/* display: inline-block; */
	display: block;
	overflow: hidden;
}
.mapspace-workspace-subcontainer {
	border: none;
}
.mapspace-viewport {
	border: 1px solid black;
}
/*.mapspace-viewport:focus {
	border: 2px solid lightgrey;
}*/
.mapspace-viewport.mapspace-activated {
	border: 2px solid /*lightgrey*/rgb(255, 77, 77);
}
.mapspace-viewport > .mapspace-viewport {
	border: none;
}
.mapspace-crosshair {
	top: 1px;
	left: 1px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	position: absolute;
}
.mapspace-crosshair svg {
	display: block;
	margin: auto;
	height: 100%;
}

.mapspace-crosshair-auxiliaryline {
	position: absolute;
	background-color: #FFFFFF;
	pointer-events: none;
	z-index: 1;
}

.mapspace-overlaycontainer-stopevent > div,
.mapspace-overlaycontainer-stopevent > button {
	z-index: 900;
}
.mapspace-overlaycontainer-stopevent > div.mapspace-swipeslider {
	z-index: 800;
}
/*</editor-fold>*/

/* <editor-fold> Overlays -------------------------------------------------------*/
.mapspace-small svg {
	width: 44px;
	height: 44px;
}
.mapspace-medium svg {
	width: 88px;
	height: 88px;
}
.mapspace-big svg {
	width: 176px;
	height: 176px;
}
.mapspace-geocoding-popup, .mapspace-featureinfo-popup {
	position: absolute;
	min-width: 190px;
	background-color: white;
	-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	padding: 2px 5px 15px 5px;
	border-radius: 10px;
	border: 1px solid #ccc;
	bottom: 42px;
	left: -50px;
}
.mapspace-street .mapspace-featureinfo-popup {
	position: auto;
	bottom: auto;
	left: auto;
}
.mapspace-geocoding-popup .close:focus {
	outline: none;
}
.mapspace-geocoding-popup .close:not(:disabled):not(.disabled):focus {
	opacity: .5;
}
.mapspace-geocoding-popup .close:not(:disabled):not(.disabled):hover {
	opacity: .75;
}
.mapspace-geocoding-popup .close.active,
.mapspace-geocoding-popup .close.active:not(:disabled):not(.disabled):focus,
.mapspace-geocoding-popup .close.active:not(:disabled):not(.disabled):hover {
	opacity: 1;
}
.mapspace-featureinfo-popup {
	bottom: 12px;
}
.mapspace-geocoding-popup:after, .mapspace-geocoding-popup:before,
.mapspace-featureinfo-popup:after, .mapspace-featureinfo-popup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.mapspace-geocoding-popup:after, .mapspace-featureinfo-popup:after {
	border-top-color: white;
	border-width: 10px;
	left: 48px;
	margin-left: -10px;
}
.mapspace-overlaycontainer-stopevent .mapspace-featureinfo-popup {
	bottom: 25px;
	left: 5px;
}
.mapspace-geocoding-popup:before, .mapspace-featureinfo-popup:before {
	border-top-color: #cccccc;
	border-width: 11px;
	left: 48px;
	margin-left: -11px;
}
.mapspace-geocoding-popup-closer, .mapspace-featureinfo-popup-closer {
	text-decoration: none;
	position: absolute;
	top: 2px;
	right: 8px;
}
.mapspace-geocoding-popup-closer:after, .mapspace-featureinfo-popup-closer:after {
	content: "✖";
}
.mapspace-overlaycontainer-stopevent .mapspace-featureinfo-popup:before {
	border: none;
}
.mapspace-overlaycontainer-stopevent .mapspace-featureinfo-popup:after {
	border: none;
}
.mapspace-geocoding-popup-content {
	padding: 25px 10px 0px 10px;
}
.mapspace-geocoding-place {
	font-size: 2em;
	color: red;
	position: relative;
	top: 0.2em;
	margin: 0;
}
.mapspace-user-place {
	font-size: 2em;
	color: #fff;
	position: relative;
	top: 0.2em;
}
.mapspace-geocoding-road,
.mapspace-projection-info {
	font-size: 0.875em;
	font-weight: 500;
	color: #000;
	margin: 0;
}
.mapspace-geocoding-city {
	font-size: 0.75em;
	font-weight: normal;
	color: #000;
	margin: 0;
}
.mapspace-geocoding-country {
	font-size: 0.75em;
	font-weight: lighter;
	color: #444;
	margin: 0;
}
.mapspace-geocoding-coords {
	font-size: 0.70em;
	font-weight: normal;
	color: #000;
	margin: 0;
}
.mapspace-featureinfo-popup-content {
	max-height: 400px;
	width: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-top: 10px;
}
.mapspace-featureinfo-popup-content table {
	border-collapse: collapse;
	table-layout: fixed;
}
.mapspace-featureinfo-popup-content td {
	border: 1px solid #f8f9fa;
	text-align: left;
	padding: 2px;
}
.mapspace-featureinfo-popup-content tr:nth-child(even) {
	background-color: #efefef;
}
.mapspace-featureinfo-popup-lonlat {
	display: none;
}
.mapspace-featureinfo-field {
	font-size: 0.75em;
	font-weight: bold;
	color: #000;
	word-break: break-all;
}
.mapspace-featureinfo-value {
	font-size: 0.75em;
	font-weight: normal;
	color: #000;
	width: 180px;
	word-break: break-all;
}
.mapspace-featureinfo-nodata {
	font-size: 0.75em;
	font-weight: bold;
	color: #000;
	width: 250px;
}
.mapspace-measurement-tooltip, .mapspace-measurement-tooltip-static,
.mapspace-annotation-tooltip, .mapspace-annotation-tooltip-static {
	font-size: 0.9em;
	font-weight: normal;
	color: #000;
	background-color: #f8f9fa;
	border-radius: 4px;
	padding: 4px;
}
.mapspace-measurement-tooltip p, .mapspace-measurement-tooltip-static p,
.mapspace-annotation-tooltip p, .mapspace-annotation-tooltip-static p {
	margin-bottom: 0;
	line-height: 1;
}
.mapspace-street .mapspace-measurement-tooltip, 
.mapspace-street .mapspace-measurement-tooltip-static {
	font-size: 0.65em;
}
.mapspace-measurement-tooltip span:nth-child(odd), 
.mapspace-measurement-tooltip-static span:nth-child(odd) {
	font-weight: bold;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
.mapspace-measurement-tooltip sup, .mapspace-measurement-tooltip-static sup {
	vertical-align: middle;
	font-size: 60%;
}
.mapspace-selecting-rectangle {
	position: absolute;
	pointer-events: none;
	border: 2px solid #05f7f7;
}

/* <editor-fold> All controls ---------------------------------------------------*/
.mapspace-unsupported {
	display: none;
}
.mapspace-unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.mapspace-control {
	position: absolute;
	background-color: rgba(255,255,255,0.4);
	border-radius: 4px;
	padding: 2px;
}
.mapspace-control:hover {
	background-color: rgba(255,255,255,0.6);
}
.mapspace-control.mapspace-borderless {
	background-color: rgba(255,255,255,0.0);
}
.mapspace-control.mapspace-borderless:hover {
	background-color: rgba(255,255,255,0.0);
}
@media print {
	.mapspace-control {
		display: none;
	}
}
.mapspace-control > button {
	display: block;
	margin: 1px;
	padding: 0;
	color: #222222;
	font-size: 1.14em;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	height: 1.375em;
	width: 1.375em;
	line-height: .4em;
	background-color: #e6e6e6;
	border: 1px;
	border-style: solid;
	border-color: #222222;
	border-radius: 2px;
	outline: none;
}
.mapspace-control > button.mapspace-unselected {
	color: #222222;
	background-color: #e6e6e6;
}
.mapspace-control > button.mapspace-selected {
	color: #e6e6e6;
	background-color: #222222;
}
.mapspace-control > button::-moz-focus-inner {
	border: none;
	padding: 0;
}
.mapspace-touch .mapspace-control > button {
	font-size: 1.5em;
}
.mapspace-control > button:hover{
	/*background-color: rgba(0,60,136,0.7);*/
	color: #e6e6e6;
	background-color: #222222;
}
.mapspace-control > button:focus {
	text-decoration: none;
}
.mapspace-debug {
	bottom: 1.5em;
	left: 0.5em;
	width: 400px;
	background-color: rgba(255,255,255,0.7);
}
.mapspace-debug p {
	color: red;
	font-size: 0.7em;
	font-weight: normal;
	margin: 0.05em;
	padding-left: 0.5em;
	text-indent: -0.5em;
}

.consistent-height {
	display: flex;
}
.consistent-height > .tab-pane {
	display: block; /* undo "display: none;" */
	visibility: hidden;
	margin-right: -100%;
	width: 100%;
}
.consistent-height > .active {
	visibility: visible;
}
/*</editor-fold>*/

/* <editor-fold> Mapspace.control.North -------------------------------------------*/
.mapspace-north {
	position: absolute;
	top: .3em;
	right: .3em;
}

.mapspace-north.mapspace-button.btn svg {
	width: 22px;
	height: 22px;
	padding-bottom: 0;
}

.mapspace-north svg path:nth-child(2) {
	fill: red !important;	
}
/*</editor-fold>*/

/* <editor-fold> Panorama control ---------------------------------*/
.mapspace-panorama {
	position:absolute;
	top: 2em;
	left: 5em
}
.mapspace-panorama-icon {
	font-family: Arial;
	display: block;
	font-weight: normal;
	font-size: .9em;
	font-stretch: ultra-condensed;
}
/*</editor-fold>*/

/* <editor-fold> Mapspace.control.WellcomeDialog ----------------------------------*/
.mapspace-wellcomedialog .carousel-caption h5 {
	background-color: rgba(0,0,0,0.4);
	border-radius: 10px;
}
.mapspace-wellcomedialog .form-check {
	font-size: 14px;
	top: .5em
}
.mapspace-wellcomedialog .modal-header {
	padding: 0 .7em 0 0 !important;
	border-bottom: none !important;
}

.mapspace-wellcomedialog-reload {
    position: absolute;
	bottom: .5em;
	cursor: pointer;
}

.mapspace-wellcomedialog-reload svg path {
	fill: #808080;
}

.mapspace-wellcomedialog-reload:hover svg path {
	fill: #343a40;
}
/*</editor-fold>*/

/* <editor-fold> Mapspace.control.ResetPassword ---------------------------------*/
.mapspace-resetpassword-dialog .modal-content {
	background-color: lightgray;
}

.mapspace-resetpassword-dialog .modal-header {
	background-color: #fff;
}

.mapspace-resetpassword-dialog .modal-header svg {
	width: 20em;
	height: 3em;
	margin-left: -3em;
}

.mapspace-resetpassword-dialog .modal-footer {
	background-color:#373433;
}

.mapspace-resetpassword-dialog div.btn.btn-success {
	cursor: pointer;
}

@media (min-width: 320px) and (max-width: 767px){
	.mapspace-resetpassword-dialog .modal-header svg {
		margin-left: 0;
	}
}
/*</editor-fold>*/

/* <editor-fold> Mapspace.control.SideBar ---------------------------------------*/
.mapspace-sidebar {
	width: 300px;
	height: 100vh;
	position: fixed;
	/* left: -300px; */
	top: -100vh;
	z-index: 1001;
	background: #fff;
	color: #000;
	transition: all 0.3s;
	overflow-x: hidden;
	overflow-y: scroll;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.mapspace-sidebar.active {
	/* left: 0; */
	top: 39px;
}
.mapspace-sidebar .text-center {
	padding: 20px;
}
.mapspace-sidebar .text-center svg {
	width: 300px;
	height: 72px;
}
.mapspace-sidebar.block {
	top: 0px;
	padding-top: 3.125em;
}
.mapspace-sidebaropenbutton {
	position: absolute;
	top: 0.313em;
	left: 3em;
}
/*.mapspace-sidebar .mapspace-sidebarclosebutton {
	position: absolute;
	top: 0.5em;
	left: 15em;
}*/
.mapspace-sidebar .mapspace-sidebarblockbutton {
	position: absolute;
	top: 3em;
	left: 18em;
}
.mapspace-sidebar .mapspace-sidebargotoclassicwebbutton {
	position: absolute;
	top: 3em;
	left: 15em;
}
.mapspace-sidebar.block .btn.mapspace-sidebarblockbutton.selected {
	background-color:#373433;
}
.mapspace-sidebar.block .btn.mapspace-sidebarblockbutton.selected svg path {
	fill: #fff;
}
/*</editor-fold>*/

/* <editor-fold> Mapspace.control.FindObliques -------------------------------------*/
.mapspace-progress {
	margin: 2em;
	height: 2em;
}
/*</editor-fold>*/

/* <editor-fold> Viewer name ----------------------------------------------------*/
.mapspace-label-viewername {
	position: absolute;
	left: 50%;
	top: .5em;
	color: #f8f9fa;
	background-color: black;
	border-radius: 10px;
	padding: 0px 8px;
	transform: translate(-50%, 0%);
}
.mapspace-label-viewername:hover {
	background-color: black;
}
.mapspace-label-viewername div span {
	padding-right: 5px;
}
.mapspace-label-viewername div svg {
	width: 20px;
	height: 20px;
	padding-left: .1rem;
	padding-bottom: .1rem;
}
.mapspace-label-viewername div svg path {
	fill: #fff;
}
.mapspace-label-viewername div div:nth-child(2) {
	font-size: small;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*</editor-fold>*/

/* <editor-fold> Viewer reversegeocoding ----------------------------------------------------*/
.mapspace-label-reversegeocoding {
	position: absolute;
	left: 50%;
	bottom: 5em;
	color: black;
	background-color: #f8f9fa;
	border-radius: 10px;
	padding: 0px 5px;
	transform: translate(-50%, 0%);
}
.mapspace-label-reversegeocoding:hover {
	background-color: #f8f9fa;
}
/*</editor-fold>*/

/* <editor-fold> Viewer address info ----------------------------------------------------*/
.mapspace-addressinfo {
	position: absolute;
	left: 50%;
	bottom: 5em;
	color: black;
	background-color: #f8f9fa;
	border-radius: 10px;
	padding: 0px 5px;
	transform: translate(-50%, 0%);
	min-width: 190px;
}
/*</editor-fold>*/

/* <editor-fold> Mapspace.control.ScaleLine -------------------------------------------*/

.mapspace-scaleline {
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	height: 20px;
	background: rgba(0,0,0,0);
	border-radius: 4px;
	padding: 2px;
}
.mapspace-scaleline-inner {
	border: 2px solid #eee;
	border-top: none;
	color: #eee;
	text-align: center;
	height: 15px;
	will-change: contents, width;
}
/*</editor-fold>*/

/* <editor-fold> Mapspace.control.StatusBar -------------------------------------------*/
.mapspace-statusbar {
	position: absolute;
	top: auto;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 20px;
	color: #e6e6e6;
	font-size: 11px;
	background-color: rgba(34, 34, 34, 0.7);
	border-radius: 0px;
}
.mapspace-statusbar.mapspace-activated {
	margin: 0px 2px 2px 2px;
}
.mapspace-statusbar:hover {
	background-color: rgba(34, 34, 34, 0.7);
}
.mapspace-statusbar .mapspace-control {
	position: relative;
	top: 0em;
	left: 0em;
	float: left;
}
.mapspace-statusbar .mapspace-control.mapspace-viewerinfo {
	height: 20px;
	color: #e6e6e6;
	font-size: 11px;
	background: transparent;
	padding: 0px 2px;
}
.mapspace-statusbar .mapspace-control.mapspace-viewerinfo:hover {
	background: transparent;
}
.mapspace-statusbar .mapspace-control.mapspace-viewerinfo span:nth-child(even) {
	padding-right: .5em;
}
/*</editor-fold>*/

/* <editor-fold> Mapspace.control.Label ---------------------------------------*/
.mapspace-user-info-label {
	color: black;
	font-size: 0.85em;
}

.mapspace-user-info-label span{
	font-weight: bold;
}
/*</editor-fold>*/


/* <editor-fold> Bootstrap ---------------------------------------------------*/
/* Validation */
.ignore-validation .form-check-input.is-valid~.form-check-label, 
.was-validated .ignore-validation .form-check-input:valid~.form-check-label
{
	color: #212529;
}
.was-validated .form-control:valid.ignore-validation, 
.form-control.is-valid.ignore-validation,
.was-validated .form-control:invalid.ignore-validation, 
.form-control.is-invalid.ignore-validation {
	border-color: #ced4da;
	padding-right: .75rem;
	background: none;
}
/* Tooltips */
.tooltip svg path {
	fill: #fff;
}
/* Alerts */
.alert {
	font-size: .9rem;
	margin-bottom: 0;
	padding: .5rem;
}
.alert .progress {
	height: .5rem;
}
.alert span ul {
	padding-inline-start: 20px;
}
.alert.alert-light .progress-bar.progress-bar-light {
	background-color: #818182;
}
.alert.alert-info .progress-bar.progress-bar-info {
	background-color: #0c5460;
}
.alert.alert-warning .progress-bar.progress-bar-warning {
	background-color: #856404;
}
.alert.alert-danger .progress-bar.progress-bar-danger {
	background-color: #721c24;
}
.alert.alert-success .progress-bar.progress-bar-success {
	background-color: #155724;
}
.alert-heading {
	font-size: 1.1rem;
}
.alert-heading svg {
	width: 18px;
	height: 18px;
	margin-right: 4px;
}
.alert-light svg path{
	fill: #818182;
}
.alert-info svg path{
	fill: #0c5460;
}
.alert-warning svg path {
	fill: #856404;
}
.alert-danger svg path {
	fill: #721c24;
}
.alert-success svg path {
	fill: #155724;
}
.mapspace-notifier .alert.alert-light {
	background-color: #fefefe8c;
	border-color: #818182;
}
.mapspace-notifier.opaque .alert.alert-light {
	background-color: #fefefe;
	border-color: #818182;
}
.mapspace-notifier .alert.alert-info {
	background-color: #0c536083;
}
.mapspace-notifier.opaque .alert.alert-info {
	background-color: #0c5360;
}
/* .mapspace-notifier .alert.alert-warning {
	background-color: #85650481;
} */
/* .mapspace-notifier.opaque .alert.alert-warning {
	background-color: #856504;
} */
/* .mapspace-notifier .alert.alert-danger {
	background-color: #721c2580;
} */
/* .mapspace-notifier.opaque .alert.alert-danger {
	background-color: #721c25;
} */
.mapspace-notifier .alert.alert-success {
	background-color: #1557247a;
}
.mapspace-notifier.opaque .alert.alert-success {
	background-color: #155724;
}
/* <editor-fold> Buttons -----------------------------------------------------*/
/* Button sizes */
.mapspace-button {
	padding: .25rem .5rem;
}
.mapspace-button.btn-xs{
	padding: .1rem .2rem;
	font-size: .7rem;
}
.mapspace-button.btn-sm {
	padding: .125rem .25rem;
}
.mapspace-button.btn-sm svg {
	width: 20px;
	height: 20px;
	padding-bottom: .1rem;
}
.mapspace-button.btn-lg {
	padding: .375rem .75rem;
}
.mapspace-button.btn-lg svg {
	width: 32px;
	height: 32px;
}
/* Button icons */
.btn-light:not(.no-change-icon) svg path {
	fill: #212529;
}
/* Button inside panels (without mapspace-button or with mapspace-button and border-0)
   and button inside viewers with .mapspace-button
*/
.mapspace-button.btn-light,
.mapspace-button.btn-light:hover,
.mapspace-button.btn-light:focus, .mapspace-button.btn-light.focus,
.mapspace-button.btn-light:active, .mapspace-button.btn-light.active,
.show > .mapspace-button.btn-light.dropdown-toggle,
.mapspace-button.btn-light:disabled, .mapspace-button.btn-light.disabled {
	border-color: #212529;
}

/* Buttons in Dashboard */
.mapspace-info {
	background: #373433;
	color: #fff;
}
.mapspace-info:hover,
.mapspace-info.mapspace-disabled {
	background: #d9d9d6;
	color: #373433;
}
.mapspace-info svg path {
	fill: #fff;
}
.mapspace-info:hover svg path,
.mapspace-info.mapspace-disabled svg path {
	fill: #373433;
}

/* Button selected */
.btn-light.no-oblique:active, .btn-light.no-oblique.active,
.show > .btn-light.no-oblique.dropdown-toggle,
.btn-light.no-oblique {
	background-color: #b3b3b3;
}
/* Button selected */
.btn-light.selected:active, .btn-light.selected.active,
.show > .btn-light.selected.dropdown-toggle,
.btn-light.selected {
	color: #fff;
	background-color:#005eb8;
}
.btn-light.selected svg path {
	fill: #fff;
}
.pull-left {
	margin-right: .5em;
}
button.no-shadow:focus {
	box-shadow: none;
}
/* Button disabled (visually disabled but still interactive) */
.mapspace-disabled.mapspace-info {
	color: #6c757d;
}
.mapspace-disabled.btn-light:not(.no-change-icon) svg path {
	fill: #6c757d;
}
/* Button in input-groups */
.input-group-append > .mapspace-button.btn-sm {
	padding: .125rem .25rem;
}
.mapspace-button.mapspace-appended.btn-light,
.mapspace-button.mapspace-appended.btn-light:hover,
.mapspace-button.mapspace-appended.btn-light:focus, .mapspace-button.mapspace-appended.btn-light.focus,
.mapspace-button.mapspace-appended.btn-light:active, .mapspace-button.mapspace-appended.btn-light.active,
.show > .mapspace-button.mapspace-appended.btn-light.dropdown-toggle,
.mapspace-button.mapspace-appended.btn-light:disabled, .mapspace-button.mapspace-appended.btn-light.disabled {
	border-color: #6c757d;
}
/* Button in listitems in listbox */
.mapspace-button-listitem.btn-light {
	background-color: transparent;
}
.mapspace-button-listitem.btn-light:hover {
	background-color: #ced4da;
}
/* Button inside viewers (rounded) */
.mapspace-button.btn-rounded {
	padding: 0.5rem .5rem;
	font-size: 1.5rem;
	line-height: .5;
	border-radius: 2rem;
}
.mapspace-button.btn-rounded-xl {
	padding: 0.5rem .5rem;
	line-height: 1.5;
	border-radius: 2rem;
}
.mapspace-button.btn-rounded-xl svg {
	width: 33px;
	height: 33px;
}
/* Button that open/close sections in viewer tools */
.mapspace-button-panel {
	text-align: left;
	width: 100%;
	border-radius: 0px;
	background-color:#373433;
	color: #fff !important;
}
.mapspace-button-panel:hover {
	background-color: #e2e3e5;
}
.mapspace-button-panel > svg {
	float: right;
}
.mapspace-button-panel > svg path {
	fill: #fff;
}
.mapspace-button-panel:hover > svg path {
	fill: #212529;
}
.mapspace-button-panel:hover > span {
	color: #212529;
}

.mapspace-button.mapspace-deactivated {
	background-color: #8c8c8c;
}

.mapspace-button.mapspace-deactivated:hover {
	background-color: #e2e6ea;
}

/* Button inside a dropdown */
.dropdown-item.btn-light:hover, .dropdown-item.btn-light:focus {
	background-color: #dae0e5;
}
/*</editor-fold>*/

/* <editor-fold> Slider ------------------------------------------------------*/
.form-control-range {
	-webkit-appearance: none;
	border-radius: 5px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}
.form-control-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 1.5rem;
	height: 1.8125rem;
	border-radius: 10%; 
	background: #6c757d;
	cursor: pointer;
}
.form-control-range::-moz-range-thumb {
	width: 1.5rem;
	height: 1.8125rem;
	border-radius: 10%;
	background: #6c757d;
	cursor: pointer;
}
/*</editor-fold>*/

/* <editor-fold> Panels ------------------------------------------------------*/
.mapspace-panelbutton {
	text-align: left;
	width: 100%;
	margin-top: .375rem;
}
.mapspace-panelbutton > svg {
	float: right;
}
.mapspace-panelbutton > span > svg {
	margin-left: 8px;
	visibility: hidden;
}
.mapspace-panel.mapspace-collapsed {
	height: 0em;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
/*</editor-fold>*/

/* <editor-fold> Input groups ------------------------------------------------*/
.input-group.mapspace-collapsed {
	height: 0em;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}

.input-group-sm > .input-group-prepend > .input-group-text svg {
	width: 20px;
	height: 20px;
}
.input-group-sm > .input-group-prepend > .input-group-text span {
	padding-left: .25rem;
}
.custom-select-sm {
	font-size: .875rem;
	padding-top: .125rem;
	padding-bottom: .125rem;
}
/*</editor-fold>*/

/* <editor-fold> ListBox -----------------------------------------------------*/
/* #v-pills-workspaces .mapspace-listbox {
	height: auto;
	overflow: auto;
} */

.mapspace-listbox {
	height: 166px;
	overflow: auto;
}
.mapspace-listbox.list-group {
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
	cursor: pointer;
}
.mapspace-listbox .list-group-item {
	padding: .25rem .75rem;
	border: 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
}
.mapspace-listbox .list-group-item:hover {
	border: 1px solid rgba(0,0,0,.125);
}
.mapspace-listbox .list-group-item.active, 
.mapspace-listbox .list-group-item.active:hover {
	color: #343a40;
	background-color: #e2e3e5;
	border: 1px solid #e2e3e5;
}
.mapspace-listbox .list-group-item.disabled span,
.mapspace-listbox .list-group-item:disabled span {
	color: #6f7275;
}
.mapspace-listbox .list-group-item.disabled span svg path,
.mapspace-listbox .list-group-item:disabled span svg path {
	fill: #6f7275;
}
/* .mapspace-listbox .list-group-item.active svg:first-child path {
	fill: #343a40;
} */
/*</editor-fold>*/

/* <editor-fold> WorkspaceManager --------------------------------------------*/
.mapspace-workspacemanager {
	max-width:300px;
}
.mapspace-workspacemanager .form-control:focus,
.mapspace-workspacemanager select:focus {
	box-shadow: none;
}
.mapspace-workspacemanager .mapspace-listbox {
	height: 130px;
}
.mapspace-workspacecreator td, .mapspace-workspacecreator th {
	text-align: center;
}

.mapspace-workspacemanager-selected {
	font-weight: bold;
}

/*</editor-fold>*/

/* <editor-fold> Quick Access*/

.modal-header.mapspace-quickaccess-header {
    background-color: #373433;
    color: white;
    justify-content: center;
}

.modal-header.mapspace-quickaccess-header .close {
    color: white;
    position: absolute;
    right: 1em;
}

.mapspace-quickaccess-btn {
	display: flex;
	justify-content: space-around;
}

.mapspace-quickaccess-btn div {
	text-align: center;
	cursor: pointer;
}

.mapspace-quickaccess-showcases {
	border: 1px solid black;
	border-radius: 20px;
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	background-color: #373433;
}

.mapspace-quickaccess-showcases-container {
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
}

.mapspace-quickaccess-showcases-container {
	text-align: center;
}

.mapspace-quickaccess-showcases-container a {
    text-decoration: none;
    font-weight: bold;
	color: #373433;
}

.mapspace-quickaccess-showcases-title {
	margin-top: .5em;
	color: white;
}

.mapspace-quickaccess-showcases-item {
	display: flex;
	flex-direction: column;
	margin: 1em;
	border: 2px solid #373433;
	padding: .3em;
	border-radius: 5px;
	background-color: white;
}

.mapspace-quickaccess-showcases-item:hover {
	border: 2px solid #005eb8;
}
.mapspace-quickaccess-showcases-item label {
    cursor: pointer;
}

/*</editor-fold>*/

/* <editor-fold> Contact Form ----------------------------------------------------*/
.mapspace-contactform {
	width: 50%;
}

.mapspace-contactform textarea {
	resize: vertical;
	min-height: 50px;
	max-height: 200px;
}

@media (min-width: 320px) and (max-width: 767px) {
	.mapspace-contactform {
		width: 100%;
	}
}

.mapspace-contactform-sending {
	display: flex;
}

.mapspace-contactform-loader {
	border: 3px solid #f3f3f3;
	border-radius: 50%;
	border-top: 3px solid #373433;
	width: 20px;
	height: 20px;
	-webkit-animation: spin 2s linear infinite;
	/* Safari */
	animation: spin 2s linear infinite;
	position: relative;
    margin-left: .6em;
    margin-top: .2em;
}

/* Safari */

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/*</editor-fold>*/


/* <editor-fold> Dashboard -------------------------------------------------------*/
.mapspace-dashboard iframe {
	width: 100vw;
	height: calc(100vh - 9rem);
}
.mapspace-dashboard {
	width: 100%;
	height: 100%;
	position: fixed;
	top: -100vh;
	z-index: 1001;
	background: #fff;
	color: #000;
	transition: all 0.3s;
	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.mapspace-dashboard .mapspace-workspacemanager {
	max-width: none;
}
.mapspace-dashboard-menu {
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 100; /* Behind the navbar */
	padding: 8px 0 0; /* Height of navbar */
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
	background-color: rgba(50, 100, 150, 0.5);
}
.mapspace-dashboard-menu:hover {
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1) !important;
}
#dashboard-tabContent .nav-link.active,
#dashboard-tabContent .mapspace-listbox .list-group-item.active {
    background-color: #005eb8;
    color: white;
}

#dashboard-tabContent .mapspace-listbox .list-group-item.mapspace-filtered {
    background-color: #fffbe7;
    color: black;
}

#dashboard-tabContent .mapspace-listbox .list-group-item.mapspace-filtered-active {
    background-color: #83c2fd;
    color: white;
}

.mapspace-filtered {
	background-color: #fffbe7;
}

.mapspace-dashboard #v-pills-vectorlayers .mapspace-listbox {
	height: calc(100vh - 11rem);
}
.mapspace-dashboard #v-pills-workspaces .mapspace-listbox {
	height: calc(100vh - 15rem);
}
.mapspace-dashboard #v-pills-workspaces .mapspace-checklist .mapspace-listbox {
	height: calc(100vh - 35rem);
}
.mapspace-dashboard #historic > div {
	height: calc(100vh - 11rem);
	overflow: scroll;
}
.mapspace-dashboard-content {
	height: 100%;
	overflow-y: scroll;
}
.mapspace-dashboard.active { 
	top: 38px;
}
.mapspace-dashboard .text-center {
	padding: 20px;
}
.mapspace-dashboard .text-center svg {
	width: 300px;
	height: 72px;
}
.mapspace-dashboard.block {
	top: 39px;
}
.mapspace-dashboard .mapspace-dashboardblockbutton {
	position: absolute;
	top: 3em;
	left: 18em;
}
.mapspace-dashboard .mapspace-dashboardgotoclassicwebbutton {
	position: absolute;
	top: 3em;
	left: 15em;
}
.mapspace-dashboard.block .btn.mapspace-dashboardblockbutton.selected {
	background-color:#373433;
}
.mapspace-dashboard.block .btn.mapspace-dashboardblockbutton.selected svg path {
	fill: #fff;
}
.mapspace-dashboard .tab-content {
	padding: 12px 0 0; /* Height of navbar */
}
.mapspace-dashboard-menu-sticky span svg {
	width: 252px;
	height: 56px;
}
.mapspace-dashboard-menu-sticky .nav-link svg {
	margin-right: .4em;
	margin-bottom: .3em;
}
.mapspace-dashboard-menu-sticky .mapspace-sidebargotoclassicwebbutton {
	position: absolute;
	bottom: 1em;
	left: 1em;
}
/* TODO: Change logo ID with a classname */
.mapspace-dashboad #logo {
	margin-bottom: 2em;
}
.mapspace-dashboard-copyright {
	position: absolute;
	bottom: .5rem;
	left: .5rem;
	font-size: .75rem;
}
.mapspace-dashboard table.dataTable {
	clear:none;
	border-collapse: collapse;
}
.mapspace-dashboard table.dataTable tr,
.mapspace-dashboard #v-pills-vectorlayers tr {
	font-size: 0.875rem;
	line-height: 1.5;
}
@media (min-width: 320px) and (max-width: 767px) {
	.mapspace-dashboard-menu-sticky .mapspace-sidebargotoclassicwebbutton {
		/* position: absolute; */
		bottom: 1em;
		left: auto;
		right: 1em;
	}
	.mapspace-dashboard-menu-sticky span svg {
		width: 180px;
		height: 43.2px;
	}
	.mapspace-dashboard-menu-sticky .nav-link svg {
		margin-right: 0px;
		margin-bottom: 0px;
	}
	/* TODO: Change logo ID with a classname */
	.mapspace-dashboard #logo {
		margin-bottom: 0px;
	}
	.mapspace-dashboard-menu-sticky .flex-column {
		flex-direction: row !important;
	}
	.mapspace-dashboard-menu-sticky ul li span {
		display: none;
	}
	.mapspace-dashboard-menu-sticky {
		display: flex;
		height: auto !important;
	}

	.mapspace-dashboard-copyright {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.mapspace-dashboard-menu-sticky span svg {
			width: 230px;
			height: 55.3px;
	}
}
.mapspace-dashboard-menu-sticky {
	position: relative;
	top: 0;
	height: calc(100vh - 48px);
	padding-top: .5rem;
	overflow-x: hidden;
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
	.mapspace-dashboard-menu-sticky {
		position: -webkit-sticky;
		position: sticky;
	}
}
.mapspace-dashboard-menu .nav-link {
	font-weight: 500;
	color: #333;
}
.mapspace-dashboard-menu .nav-link .feather {
	margin-right: 4px;
	color: #999;
}
.mapspace-dashboard-menu .nav-link.active {
	color: #005eb8;
}
.mapspace-dashboard-menu .nav-link:hover .feather,
.mapspace-dashboard-menu .nav-link.active .feather {
	color: inherit;
}
.mapspace-dashboard-menu-heading {
	font-size: .75rem;
	text-transform: uppercase;
}
[role="main"] {
	padding-top: 133px; /* Space for fixed navbar */
}
@media (min-width: 768px) {
	[role="main"] {
		padding-top: 48px; /* Space for fixed navbar */
	}
}
.mapspace-dashboard .navbar-brand {
	padding-top: .75rem;
	padding-bottom: .75rem;
	font-size: 1rem;
	background-color: rgba(0, 0, 0, .25);
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}
.mapspace-dashboard .navbar .form-control {
	padding: .75rem 1rem;
	border-width: 0;
	border-radius: 0;
}
.mapspace-dashboard .form-control-dark {
	color: #fff;
	background-color: rgba(255, 255, 255, .1);
	border-color: rgba(255, 255, 255, .1);
}
.mapspace-dashboard .form-control-dark:focus {
	border-color: transparent;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}
.mapspace-dashboard .nav-tabs .nav-link:not(.active) {
	color: #6c757d;
}
.mapspace-dashboard .nav-tabs .nav-link:not(.active) svg path {
	fill: #6c757d;
}
.mapspace-dashboard .nav-link {
	padding: .5rem .5rem;
}
/*</editor-fold>*/

/* <editor-fold> WorkspaceInfo -----------------------------------------------*/
.mapspace-workspaceinfo {
	font-size: 14px;
	display: flex;
}
.mapspace-workspaceinfo button svg {
	width: 22px;
	height: 22px;
}
.mapspace-workspaceinfo-workspace, 
.mapspace-workspaceinfo-projection {
	color: white;
	cursor: default;
}
.mapspace-workspaceinfo-workspace label, 
.mapspace-workspaceinfo-projection label {
	align-items: center;
	text-align: center;
	line-height: 1.5;
	padding: 0.25rem 0.5rem;
	margin-bottom: 0;
}
.mapspace-workspaceinfo .dropdown .dropdown-menu {
	width: 12em;
}

@media (max-width: 1206px) { 
	.mapspace-workspaceinfo-projection {
		white-space: nowrap;
		max-width: 160px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}
/*</editor-fold>*/

/* AddLayerDialog -------------------------------------------------------------*/
.mapspace-addlayerdialog .input-group > .input-group-append:not(:last-child) > .btn {
	border-top-right-radius: .2rem;
	border-bottom-right-radius: .2rem;
}
.mapspace-addlayerdialog .was-validated .form-control.is-invalid ~ .input-group-append > .btn,
.mapspace-addlayerdialog .was-validated .form-control:invalid ~ .input-group-append > .btn {
	border-color: #dc3545;
}
.mapspace-addlayerdialog .was-validated .form-control.is-valid ~ .input-group-append > .btn,
.mapspace-addlayerdialog .was-validated .form-control:valid ~ .input-group-append > .btn {
	border-color: #28a745;
}
.mapspace-addlayerdialog .was-validated .form-control.is-valid:not(:required),
.mapspace-addlayerdialog .was-validated .form-control:valid:not(:required) {
	border-color: #ced4da;
}
.mapspace-addlayerdialog .was-validated .form-control.is-valid:not(:required) ~ .input-group-append > .btn,
.mapspace-addlayerdialog .was-validated .form-control:valid:not(:required) ~ .input-group-append > .btn {
	border-color: #343a40;
}
.mapspace-addlayerdialog .custom-select.is-valid, 
.mapspace-addlayerdialog .was-validated .custom-select:valid,
.mapspace-addlayerdialog .custom-select.is-valid:not(:required), 
.mapspace-addlayerdialog .was-validated .custom-select:valid:not(:required) {
	border-color: #ced4da;
}
.mapspace-addlayerdialog .custom-select.is-valid:empty:required, 
.mapspace-addlayerdialog .was-validated .custom-select:valid:empty:required {
	border-color: #dc3545;
}
.mapspace-addlayerdialog .custom-select.list-group-item-info.list-group-item-action.active.is-valid, 
.mapspace-addlayerdialog .was-validated .custom-select.list-group-item-info.list-group-item-action.active:valid {
	border-color: #0c5460;
}
.mapspace-addlayerdialog .custom-select.list-group-item-danger.list-group-item-action.active.is-valid, 
.mapspace-addlayerdialog .was-validated .custom-select.list-group-item-danger.list-group-item-action.active:valid {
	border-color: #721c24;
}
.mapspace-addlayerdialog .was-validated input.ignore-validation:valid,
.mapspace-addlayerdialog .was-validated .custom-select.ignore-validation:valid {
	border-color: #ced4da;
	padding-right: .75rem;
	background: none;
}
/*</editor-fold>*/

/* <editor-fold> StyleManagerDialog-------------------------------------------*/
.mapspace-stylemanagerdialog .nav-tabs .nav-link:not(.active) {
	color: #6c757d;
}
.mapspace-stylemanagerdialog .nav-tabs .nav-link:not(.active) svg path {
	fill: #6c757d;
}
.mapspace-stylemanagerdialog .nav-link {
	padding: .5rem .5rem;
}
/*</editor-fold>*/

/* <editor-fold> LayerUserRasterSelector--------------------------------------*/
.mapspace-layeruserrasterselector .mapspace-listbox {
	height: 500px;
}
/*</editor-fold>*/

/* LayerUserVectorSelector----------------------------------------------------*/
.mapspace-layeruservectorselector .mapspace-listbox {
	height: 500px;
}
/*</editor-fold>*/

/* <editor-fold> AddAttributeDialog ------------------------------------------*/
.mapspace-addnvdbattributedialog .mapspace-listbox {
	height: 400px;
}
/*</editor-fold>*/

/* <editor-fold> ViewerSwitcher ----------------------------------------------*/
.mapspace-viewerswitcher {
	max-width:300px;
}
.mapspace-viewerswitcher .mapspace-listbox {
	height: 140px;
}
/*</editor-fold>*/

/* <editor-fold> DateSelector ------------------------------------------------*/
.mapspace-dateselector {
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	right: auto;
}
.mapspace-dateselector .mapspace-button {
	padding-left: 0.75em;
	padding-right: 0.75em;
	width: 4em;
}
.mapspace-dateselector .mapspace-button.mapspace-selected {
	background-color:#005eb8;
	color: #FFF;
}
.mapspace-dateselector .mapspace-button.mapspace-selected-block {
	background-color: #41B6E6;
	color: #FFF;
}
.mapspace-dateselector .mapspace-listbox {
	height: auto;
}
.mapspace-dateselector .mapspace-listbox .list-group-item {
	padding: .25rem .75rem;
	border: 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #f8f9fa;
}
.mapspace-dateselector .mapspace-listbox .list-group-item:hover {
	background-color: #e2e6ea;
}
.mapspace-dateselector .list-group-item.list-group-item-action.active.show.mapspace-selected-block {
	background-color: #41B6E6;
	color: #FFF;
}
.mapspace-dateselector .mapspace-listbox .list-group-item-action.active {
	background-color:#005eb8;
	color: #FFF;
}
/*</editor-fold>*/

/* <editor-fold> ViewerTools -------------------------------------------------*/
.mapspace-viewertools .alert {
	padding: .5rem;
	overflow: auto;
}
.mapspace-viewertools .alert:not(.collapsed) {
	height: 75px;
}
.mapspace-viewertools .alert .alert-heading{
	font-size: 1rem;
}
.mapspace-viewertools .alert.collapsed > div {
	display: none;
}
/* .mapspace-viewertools .input-group button:hover {
	background: #e2e3e5;
} */
/*</editor-fold>*/

/* <editor-fold> LayerSwitcher -----------------------------------------------*/
.mapspace-layerswitcher .mapspace-listbox .list-group-item {
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-all
}
.mapspace-layerswitcher .mapspace-listbox .list-group-item.mapspace-disabled {
	color: #6c757d;
}
/* .mapspace-layerswitcher .mapspace-listbox .list-group-item span {
	width: 30px;
	height: 30px;
} */
.mapspace-layerswitcher .mapspace-listbox .list-group-item.active svg.mapspace-invert-color path {
	fill: #fff;
}
.mapspace-layerswitcher .mapspace-listbox .list-group-item.mapspace-disabled svg path {
	fill: #6c757d;
}
/*</editor-fold>*/

/* <editor-fold> ViewerMenu --------------------------------------------------*/
.mapspace-viewermenu {
	position: absolute;
	top: 6.95em;
	left: auto;
	right: .75em;
}
.mapspace-viewermenu .dropdown-menu {
	min-width: 21rem;
}
.mapspace-viewermenu-block {
	display: block;
}
.mapspace-viewermenu-pin {
	position: absolute;
	right: .5em;
	top: .7em;
}
.mapspace-viewermenu .nav-tabs .nav-link:not(.active) {
	color: #6c757d;
}
.mapspace-viewermenu .nav-tabs .nav-link:not(.active) svg path {
	fill: #6c757d;
}
.mapspace-viewermenu .nav-link {
	padding: .5rem .5rem;
}
/*</editor-fold>*/

/* <editor-fold> Zoom --------------------------------------------------------*/
.mapspace-zoom {
	position: absolute;
	left: auto;
	right: .75em;
	top: 3.2em;
}
/*</editor-fold>*/

/* <editor-fold> Table columns-----------------------------------------------*/
.mapspace-tablecolumns {
	position: absolute;
	left: 7em;
	right: auto;
	top: .4em;
}
.mapspace-tablecolumns button {
	height: calc(1.5em + 0.5rem);
}
.mapspace-tablecolumns .mapspace-checklist {
	min-width: 300px;
}
/*</editor-fold>*/

/* <editor-fold> Table navigator-----------------------------------------------*/
.mapspace-tablenavigator {
	position: absolute;
	left: auto;
	right: .4em;
	top: .4em;
}
.mapspace-tablenavigator .input-group-prepend > .mapspace-button.btn-sm,
.mapspace-tablenavigator .input-group-append > .mapspace-button.btn-sm {
	padding: 0.125rem 0.25rem;
}
.mapspace-tablenavigator .custom-select.custom-select-sm {
	height: calc(1.5em + 0.5rem);
	border-color: #212529;
}
/*</editor-fold>*/

/* <editor-fold> Table sizer---------------------------------------------------*/
.mapspace-tablesizer {
	position: absolute;
	left: .4em;
	right: auto;
	top: .4em;
}
.mapspace-tablesizer .input-group-prepend > .input-group-text,
.mapspace-tablesizer .input-group-append > .input-group-text {
	padding: 0.125rem 0.25rem;
	border-color: #212529;
}
.mapspace-tablesizer .custom-select.custom-select-sm {
	height: calc(1.5em + 0.5rem);
	border-color: #212529;
}
/*</editor-fold>*/

/* <editor-fold> BaselayerTypeSwitcher, ViewModeSwitcher & ViewModeSwitcherButton */
.mapspace-baselayerswitcher, 
.mapspace-viewmodeswitcher {
	position: absolute;
	top: 0.5em;
	left: auto;
	right: 9em;
}
.mapspace-viewmodeswitcherbutton {
	position: absolute;
	top: 1.3em;
	left: auto;
	right: .85em;
}

.mapspace-viewmodeswitcherbutton.mobile {
	top: 4.5em;
}
/*</editor-fold>*/

/* <editor-fold> GoHome ------------------------------------------------------*/
.mapspace-gohome {
	position: absolute;
	top: 1.3em;
	right: .8em;
}

.mapspace-gohome.mobile {
	top: 4.5em;
}
/*</editor-fold>*/

/* <editor-fold> Orbit ------------------------------------------------------*/
.mapspace-orbit {
	position: absolute;
	top: 8.3em;
	right: .8em;
}

.mapspace-orbit.mobile {
	top: 11.5em;
}
/*</editor-fold>*/

/* <editor-fold> Rotator -----------------------------------------------------*/
.mapspace-rotator {
	position: absolute;
	top: .5em;
	left: auto;
	right: 3em;
	display: table-cell;
	text-align: center;
}
.mapspace-rotator-controls {
	position: absolute;
	top: .1em;
	left: auto;
	right: .1em;
}
.mapspace-rotator-controls .C {
	stroke-width: .17077175;
}
.mapspace-rotator-controls .F {
	stroke-width:.19943079;
}
.mapspace-rotator-controls svg {
	width: 100px;
	height: 100px;
}
.mapspace-compass {
	position: absolute;
	right: 26px;
	top: 27px;
}
.mapspace-compass-arrow:hover {
	cursor: pointer;
}
.mapspace-compass-arrow circle {
	fill: #f8f9fa;
}
.mapspace-compass-arrow:hover circle {
	fill: #e2e3e5;
	transition: fill .15s ease-in-out;
}
.mapspace-compass-arrow path {
	fill: #343a40;
	
}

.mapspace-compass-arrow g path:nth-child(2) {
	fill: red;
	
}
.mapspace-compass-arrow:hover path {
	fill: #343a40;
	transition: fill .15s ease-in-out;
}
.mapspace-rotator-arrow {
	stroke: #000006;
	stroke-linejoin: round;
	fill: #000;
}
/*</editor-fold>*/

/*<editor-fold> Camera Switcher ----------------------------------------------*/
.mapspace-camera-switcher {
	position: absolute;
	top: .5em;
	right: .75em;
}

.mapspace-camera-switcher.mapspace-button.btn svg {
	width: 22px;
	height: 22px;
	padding-bottom: 0;
}

.mapspace-camera-switcher svg path:nth-child(2) {
	fill: red !important;	
}

/*</editor-fold>*/

/*<editor-fold> Default Rotator ----------------------------------------------*/
.mapspace-defaultrotator {
	position: absolute;
	top: .5em;
	left: auto;
	right: 3em;
	display: table-cell;
	text-align: center;
}

.mapspace-defaultrotator .mapspace-viewmodeswitcherbutton {
	position: absolute;
    top: 1.9em;
    right: 1.9em;
}

.mapspace-defaultrotator .mapspace-viewmodeswitcherbutton.btn-rounded {
	font-size: 1rem;
}

.mapspace-defaultrotator .mapspace-viewmodeswitcherbutton svg {
	padding-bottom: 0;
}

#mapspace-btnCompass {
	fill: #343a40;
}

.mapspace-rotator-north, .mapspace-rotator-south,
.mapspace-rotator-east, .mapspace-rotator-west {
	cursor: pointer;
}

.mapspace-rotator-north path:nth-child(1),
.mapspace-rotator-south path:nth-child(1),
.mapspace-rotator-east path:nth-child(1),
.mapspace-rotator-west path:nth-child(1) {
	fill: #f8f9fa;
}

.mapspace-rotator-north path:nth-child(2),
.mapspace-rotator-south path:nth-child(2),
.mapspace-rotator-east path:nth-child(2),
.mapspace-rotator-west path:nth-child(2) {
	fill: #343a40;
}

.mapspace-rotator-north:hover path:nth-child(1) {
	fill: #e6e6e6;
}

.mapspace-rotator-north.selected path:nth-child(1) {
	fill:#005eb8;
}

.mapspace-rotator-north.selected path:nth-child(2) {
	fill: #fff;
}

.mapspace-rotator-south:hover path:nth-child(1) {
	fill: #e6e6e6;
}

.mapspace-rotator-south.selected path:nth-child(1)  {
	fill:#005eb8;
}

.mapspace-rotator-south.selected path:nth-child(2) {
	fill: #fff;
}

.mapspace-rotator-east:hover path:nth-child(1) {
	fill: #e6e6e6;
}

.mapspace-rotator-east.selected path:nth-child(1) {
	fill:#005eb8;
}

.mapspace-rotator-east.selected path:nth-child(2) {
	fill: #fff;
}

.mapspace-rotator-west:hover path:nth-child(1) {
	fill: #e6e6e6;
}

.mapspace-rotator-west.selected path:nth-child(1) {
	fill:#005eb8;
}

.mapspace-rotator-west.selected path:nth-child(2) {
	fill: #fff;
}

/*</editor-fold>*/

/*<editor-fold> Shortcuts tools buttons --------------------------------------*/
.mapspace-shortcut-tools-container {
	display: flex;
	justify-content: center;
}

.mapspace-shortcut-tools-container.mobile {
	justify-content: left;
	margin-left: .5rem;
}

.mapspace-shortcut-tools {
	position: absolute;
	background-color: #f8f9fa;
	border-radius: 5px;
	z-index: 901;
}

.mapspace-shortcut-tools button {
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}
/* .mapspace-shortcut-tools .btn.selected {
	background-color:#1c4f77;
}
.mapspace-shortcut-tools .btn.selected svg path {
	fill: #fff;
} */
/*</editor-fold>*/

/*<editor-fold> ShortcutBar --------------------------------------------------*/
.mapspace-shortcutbar {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	bottom: 2em;
	max-width: 320px;
	border: 1px solid #212529;
	border-radius: 5px;
}
.mapspace-overlaycontainer-stopevent > .mapspace-shortcutbar {
	z-index: 901;
}
.mapspace-shortcutbar > div {
	background-color: #f8f9fa;
	border-radius: 5px;
}
.mapspace-shortcutbar .dropdown-divider {
	border-top: 2px solid #e9ecef;
}

/*</editor-fold>*/

/* <editor-fold> Swipe Slider ------------------------------------------------*/
.mapspace-swipeslider {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.mapspace-swipeslider > div {
	position: absolute;
	height: 100%;
	width: 3px;
	background-color: #ffffff;
	border: 1px solid #212529;
	left: -2px;
}
.mapspace-swipeslider > div > button.mapspace-button.btn-rounded {
	pointer-events: auto;
	width: 48px;
	height: 48px;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}
/* .mapspace-swipeslider input {
	position: absolute;
	bottom: 5em;
	max-width: 300px;
	background: #f8f9fa;
	opacity: 1.0;
	border: 1px solid #212529;
}
.mapspace-swipeslider input::-webkit-slider-thumb {
	background-color: #212529;
} */
/*</editor-fold>*/

.mapspace-viewDirection {
	fill: #f8f9fa;
	stroke:#000
}
.mapspace-viewDirection:hover {
	fill: #e2e3e5;
	stroke: #343a40;
	cursor: pointer;
}
.mapspace-rotate90 {
	fill: #f8f9fa;
	stroke:#000
}
.mapspace-rotate90:hover {
	fill: #e2e3e5;
	stroke: #343a40;
	cursor: pointer;
}
.mapspace-rotate90:hover > .mapspace-rotator-arrow {
	fill: #343a40;
	stroke: #343a40;
	cursor: pointer;
}
.mapspace-rotate270 {
	fill: #f8f9fa;
	stroke:#000
}
.mapspace-rotate270:hover {
	fill: #e2e3e5;
	stroke: #343a40;
	cursor: pointer;
}
.mapspace-rotate270:hover > .mapspace-rotator-arrow {
	fill: #343a40;
	stroke: #343a40;
	cursor: pointer;
}
.mapspace-rotate180 {
	fill: #f8f9fa;
	stroke:#000
}
.mapspace-rotate180:hover {
	fill: #e2e3e5;
	stroke: #343a40;
	cursor: pointer;
}
.mapspace-rotate180:hover > .mapspace-rotator-arrow {
	fill: #343a40;
	stroke: #343a40;
	cursor: pointer;
}
.mapspace-rotator .mapspace-button.btn-rounded-xl {
	background-color: #f8f9fa;
	border-color: #343a40;
	color: #343a40;
}
.mapspace-rotator .mapspace-button.btn-rounded-xl:hover,
.mapspace-rotator .mapspace-button.btn-rounded-xl.mapspace-rotating {
	background-color: #343a40;
	border-color: #f8f9fa;
	color: #f8f9fa;
}
.mapspace-rotator .mapspace-button.btn-rounded-xl svg path {
	fill: #343a40;
}
.mapspace-rotator .mapspace-button.btn-rounded-xl:hover svg path,
.mapspace-rotator .mapspace-button.btn-rounded-xl.mapspace-rotating svg path {
	fill: #f8f9fa;
}

/* <editor-fold> User options ------------------------------------------------*/
.mapspace-useroptions button svg{
	width: 20px;
	height: 20px;
}
.mapspace-useroptions button.btn-warning svg path {
	fill: #212529;
}
.mapspace-useroptions button.btn-info svg path {
	fill: #fff;
}
.mapspace-useroptions button.btn-primary svg path {
	fill: #fff;
}
/*</editor-fold>*/

/* <editor-fold> Attribution -------------------------------------------------*/
.mapspace-attribution-container {
	position: absolute;
	bottom: 1.75em;
	right: .5em;
	display: flex;
}

.mapspace-attribution {
	border-radius: .3rem;
	border: 1px solid #343a40;
}

.mapspace-attribution-container.mapspace-uncollapsible .mapspace-attribution {
	border-radius: 0;
	border: none;
}
/* .mapspace-attribution button {
	position: absolute;
	right: .5em;
} */
/* .mapspace-attribution:not(.mapspace-collapsed) button {
	margin-top: 5px;
}
.mapspace-attribution.mapspace-collapsed button {
	bottom: .5em;
} */

.mapspace-attribution ul {
	margin: 0;
	padding: 0 .5em;
	font-size: .7rem;
	line-height: 1.375em;
	color: #000;
	text-shadow: 0 0 2px #fff;
}
.mapspace-attribution li {
	display: inline;
	list-style: none;
	line-height: inherit;
}
.mapspace-attribution li:not(:last-child):after {
	content: " ";
}
.mapspace-attribution img {
	max-height: 2em;
	max-width: inherit;
	vertical-align: middle;
}
.mapspace-attribution ul, .mapspace-attribution button {
	display: inline-block;
}
/* .mapspace-attribution-container.mapspace-collapsed .mapspace-attribution ul {
	display: none;
} */
.mapspace-attribution-container.mapspace-collapsed .mapspace-attribution {
	display: none;
}
.mapspace-attribution-container.mapspace-logo-only ul {
	display: block;
}
.mapspace-attribution-container.mapspace-uncollapsible:not(.mapspace-collapsed) .mapspace-attribution {
	background: transparent;
}
.mapspace-attribution-container:not(.mapspace-collapsed) .mapspace-attribution {
	background: #FFF;
}
.mapspace-attribution-container:not(.mapspace-collapsed) .mapspace-attribution li {
	float: left;
}
.mapspace-attribution-container.mapspace-uncollapsible, .mapspace-attribution-container.mapspace-logo-only {
	bottom: 0px;
	right: 0px;
	height: 20px;
	text-align: right;
	line-height: 0.9em;
	background: transparent;
	border: 0;
}
.mapspace-attribution-container.mapspace-uncollapsible ul {
	color: #FFF;
	text-shadow: 0 0 2px #000;
}
.mapspace-attribution-container.mapspace-uncollapsible ul li {
	padding-right: 4px;
}
.mapspace-attribution-container.mapspace-uncollapsible img {
	margin-top: -.2em;
	max-height: 0.9em;
}
.mapspace-attribution-container.mapspace-uncollapsible a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.mapspace-attribution-container svg {
	width: 18px;
	/* display: none; */
}
/* .mapspace-attribution.mapspace-uncollapsible svg {
	width: 14px;
	height: 14px;
} */
.mapspace-attribution-container.mapspace-logo-only button,
.mapspace-attribution-container.mapspace-uncollapsible button {
	display: none;
}
/*</editor-fold>*/

/* <editor-fold> Login -------------------------------------------------------*/
.mapspace-login {
	width: 290px;
	border-radius: 4px;
	background-color: lightgrey;
	padding: 2px;
}
.mapspace-login .card-header {
	background-color: #FFF;
	padding: 0.75rem;
}
.mapspace-login .card-header svg {
	width: 252px;
	height: 56px;
}
.mapspace-login .card-footer {
	background:#373433;
}
.mapspace-login .card-footer button {
	background: #005eb8;
	color: #fff;
	border-color: #005eb8;
}
.mapspace-login .card-footer button:hover {
	background: #41b6e6;
	cursor: pointer;
	border-color: #41b6e6;
}
.mapspace-login .card-footer button svg path {
	fill: #fff;
}
.mapspace-login input {
	user-select: all;
	-webkit-user-select: all;
	-khtml-user-select: all;
	-moz-user-select: all;
	-ms-user-select: all;
}
.mapspace-login .custom-control-label::before {
	background-color: #abb0b5;
}
.mapspace-login .ignore-validation select.form-control.is-valid,
.mapspace-login .was-validated .ignore-validation select.form-control:valid
 {
	color: #495057;
	border-color: #ced4da;
}
.mapspace-login .ignore-validation .custom-control-input.is-valid~.custom-control-label, 
.mapspace-login .was-validated .ignore-validation .custom-control-input:valid~.custom-control-label  {
	color: #212529;
}
.mapspace-login .ignore-validation .custom-control-input.is-valid~.custom-control-label::before, 
.mapspace-login .was-validated .ignore-validation .custom-control-input:valid~.custom-control-label::before {
	background-color: #abb0b5
}
/*</editor-fold>*/

/* <editor-fold> Footer ------------------------------------------------------*/
.mapspace-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	color:#fff;
	z-index: 1000;
}
.mapspace-footer > div:first-child {
	background-color: #0a3a3a;
	padding: .5rem;
}
.mapspace-footer > div:nth-child(2) {
	background-color: #3a3a3a;
	padding: .5rem;
	font-size: .75rem;
}
.mapspace-footer span {
	margin-right: 10px;
}
.mapspace-footer a {
	text-decoration: underline;
	color: #fff;
}
/*</editor-fold>*/

/* <editor-fold> Input reset -------------------------------------------------*/
a.mapspace-inputreset {
	position: absolute;
	z-index: 100;
	width: 1.3rem;
	height: 100%;
	line-height: 1.4rem;
	border: none;
	background-color: transparent;
	display: inline-block;
	outline: 0;
	cursor: pointer;
	vertical-align: middle;
	top: .2rem;
	right: .5rem;
}
a.mapspace-inputreset.mapspace-hidden {
	opacity: 0;
	visibility: hidden;
}
a.mapspace-inputreset::after {
	content: "\d7";
	display: inline-block;
	color: #333;
	font-size: 1.4em;
	height: 100%;
	cursor: pointer;
}
a.mapspace-inputreset.mapspace-inputreset-rotate::after {
	-webkit-animation: spin .7s linear infinite;
	animation: spin .7s linear infinite;
}
.btn-group span.mapspace-inputreset {
	position: absolute;
	right: 1.1rem;
	top: 0.5rem;
	background-color: white;
	border-radius: 2rem;
	width: 18px;
	height: 18px;
}
.btn-group span.mapspace-inputreset svg {
	vertical-align: inherit;
}
.btn-group span.mapspace-inputreset.mapspace-hidden {
	opacity: 0;
	visibility: hidden;
}
/*</editor-fold>*/

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		transform-origin: center center;
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		transform-origin: center center;
	}
}
@keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		transform-origin: center center;
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		transform-origin: center center;
	}
}
/* <editor-fold> Autocomplete ------------------------------------------------*/
.mapspace-autocomplete {
	position: absolute;
	top: 1.95em;
	display: block;
	background-color: white;
	height: auto;
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.8) !important;
	max-height: 18.75em;
	white-space: normal;
	list-style: none;
	padding: 0;
	margin: 0;
	border-radius: 4px;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-transition: max-height 300ms ease-in;
	transition: max-height 300ms ease-in;
}
.mapspace-autocomplete > ul {
	padding: 0;
	margin: 0;
	-webkit-padding-start: 0;
}
.mapspace-autocomplete.mapspace-hidden {
	display: none;
}
.mapspace-autocomplete > ul > li {
	float: none;
	color: black;
	text-decoration: none;
	display: block;
	text-align: left;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	padding: 0;
	line-height: 0.875rem;
}
.mapspace-autocomplete > ul > li > a {
	display: block;
	text-decoration: none;
	padding: 3px 5px;
}
.mapspace-autocomplete > ul > li.select,
.mapspace-autocomplete > ul > li > a:hover {
	background-color: #d4d4d4;
}
.mapspace-autocomplete > ul > li > a:hover,
.mapspace-autocomplete > ul > li > a:focus,
.mapspace-autocomplete > ul > li > a:active {
	outline: 0;
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.8) !important;
}
/*</editor-fold>*/

/* <editor-fold> Search ------------------------------------------------------*/
.mapspace-search > div {
	width: 24.5em;
}
.mapspace-search > div > .input-group-append button {
	border: 1px solid #ced4da;
}
.mapspace-search {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 0.3s, opacity 0.3s linear;
	pointer-events: none;
}
.mapspace-search.mapspace-activated {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
	pointer-events: all;
}
.mapspace-search > div.input-group-sm > input.form-control {
	height: calc(1.6rem + 2px);
}
.mapspace-search select {
	height: calc(1.6rem + 2px);
	border-radius: 0px !important;
}
.mapspace-search > div.input-group-sm > div.input-group-append > .btn {
	height: calc(1.6rem + 2px);
	font-size: .7rem;
}
.mapspace-search a.mapspace-inputreset {
	right: 7.6em;
}

.mapspace-search .mapspace-autocomplete a {
	cursor: pointer;
}
/*</editor-fold>*/

.cesium-viewer-bottom {
	display: none;
}
/* <editor-fold> Geolocation -------------------------------------------------*/
.mapspace-geolocation {
	position: absolute;
	bottom: 1.7em;
	left: .5em;
}
/*</editor-fold>*/

/* <editor-fold> Geolocation -------------------------------------------------*/
.mapspace-streetoverview {
	position: absolute;
	top: 3em;
	left: 0.5em;
	right: auto;
	border: 1px solid #212529;
	border-radius: 0.2rem;
	background-color: #fff;
}
.mapspace-streetoverview select {
	min-width: 200px;
}
.mapspace-streetoverview .mapspace-streetoverview-viewer {
	width: 100%;
	height: 200px;
}
.mapspace-streetoverview .mapspace-streetoverview-viewer .mapspace-viewport {
	border: 0px;
}
/*</editor-fold>*/

/* <editor-fold> Mapspace.control.TableManager ----------------------------------*/
.mapspace-tablemanager {
	height: 100%;
	background: #fff;
	color: #000;
}
.mapspace-tablemanager > div:first-child {
	height: 40px;
	background-color: #373433;
}
.mapspace-tablemanager .tab-wrapper {
	position: relative;
	overflow: hidden;
	height: 40px;
}
.mapspace-tablemanager .tab-list {
	position: absolute;
	left: 0px;
	top: 0px;
	min-width: 3000px;
	margin-left: 12px;
	margin-top: 0px;
}
.mapspace-tablemanager .tab-list li {
	display: table-cell;
	position: relative;
	text-align: center;
	cursor: grab;
	cursor: -webkit-grab;
	color: #efefef;
	vertical-align: middle;
}
.mapspace-tablemanager .tab-scroller {
	text-align: center;
	cursor: pointer;
	display: none;
	padding: 5px;
	padding-top: 6px;
	white-space: no-wrap;
	vertical-align: middle;
	background-color: #fff;
}
.mapspace-tablemanager .tab-scroller-right{
	float: right;
}
.mapspace-tablemanager .tab-scroller-left {
	float: left;
}
.mapspace-tablemanager .nav-link.active {
	background-color: #e2e3e5;
}
.mapspace-tablemanager .nav-link.active .mapspace-button.btn-light {
	background-color: transparent;
}
.mapspace-tablemanager .nav-link.active .mapspace-button.btn-light:hover {
	background-color: #fff;
}
.mapspace-tablemanager .nav-tabs .nav-link:not(.active) {
	color: #495057;
}
.mapspace-tablemanager .nav-link {
	padding: .5rem .5rem;
}
.mapspace-tablemanager .tab-content,
.mapspace-tablemanager .tab-pane {
	height: calc(100vh - 140px);
}
.mapspace-tablemanager .tab-pane {
	overflow-y: auto;
}
.mapspace-tablemanager table tr {
	font-size: 0.875rem;
	line-height: 1.5;
	cursor: pointer;
}
.mapspace-tablemanager table tr.active {
	background-color: #f3f3f3;
}
.mapspace-tablemanager table td {
	max-width: 200px;
	word-wrap: break-word;
}

/*</editor-fold>*/

/* <editor-fold> Mapspace.control.SidePanel -------------------------------------*/
.mapspace-sidepanel {
	height: 100%;
	background: #fff;
	color: #000;
	display: none;
}
.mapspace-sidepanel.active {
	display: block;
}
.mapspace-sidepanel.block {
	display: inline-block;
	overflow: hidden;
}
.mapspace-sidepanel > div:nth-child(1) {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
.mapspace-sidepanel > div:nth-child(1) > div:nth-child(1) {
	display: flex;
	justify-content: space-between;
}
.mapspace-sidepanel > div:nth-child(1) > div:nth-child(2) {
	flex: 1;
}
.mapspace-sidepanel > div:nth-child(1) > div:nth-child(2) > div {
	height: 100%;
}
.mapspace-sidepanel .nav-tabs .nav-link:not(.active) {
	color: #6c757d;
}
.mapspace-sidepanel .nav-tabs .nav-link:not(.active) svg path {
	fill: #6c757d;
}
.mapspace-sidepanel .nav-link {
	padding: .5rem .5rem;
}

/*</editor-fold>*/

/* <editor-fold> Mapspace.control.Splitter --------------------------------------*/
.mapspace-splitter {
	width: 4px;
	height: 100%;
	cursor: col-resize;
	background-color: #373433;
	display: inline-block;
}
.mapspace-splitter:hover {
	background-color: #e2e3e5;
}

/*</editor-fold>*/

/* <editor-fold> Mapspace.control.LayerPanel -------------------------------------*/
.mapspace-layerpanel {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.mapspace-layerpanel > div.mapspace-layerswitcher {
	display: flex;
	flex-direction: column;
	flex: 2;
}
.mapspace-layerpanel > div.mapspace-syncmanager {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.mapspace-layerpanel > .mapspace-layerswitcher > .mapspace-listbox,
.mapspace-layerpanel > .mapspace-syncmanager > .mapspace-listbox {
	flex: 1 1 166px;
}
.mapspace-layerpanel div.mapspace-collapsed {
	height: 0em;
	flex: 0;
}
.mapspace-layerpanel div.mapspace-collapsed * {
	height: 0em;
}
.mapspace-layerpanel div.mapspace-collapsed .custom-select,
.mapspace-layerpanel div.mapspace-collapsed .input-group,
.mapspace-layerpanel div.mapspace-collapsed .mapspace-listbox {
	display: none;
}
.mapspace-layerpanel .mapspace-button-panel.mapspace-collapsed {
	border-bottom: 1px solid #fff;
}
/*</editor-fold>*/

/* <editor-fold> Mapspace.control.FeaturePanel -------------------------------------*/
.mapspace-featurepanel {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.mapspace-featurepanel > .mapspace-featureeditor {
	display: flex;
	flex-flow: column;
	height: 100%;
	flex: 1;
}
.mapspace-featurepanel > .mapspace-featureeditor > div:nth-child(2) {
	display: flex;
	flex-flow: column;
	flex: 1;
}
.mapspace-featurepanel > .mapspace-featureeditor > div:nth-child(4) {
	display: flex;
	flex-flow: column;
	flex: 1;
}
.mapspace-featurepanel > .mapspace-featureeditor > div > .mapspace-listbox {
	flex: 1 1 166px;
}
.mapspace-featurepanel div.mapspace-collapsed,
.mapspace-featurepanel > .mapspace-featureeditor div.mapspace-collapsed {
	height: 0em;
	flex: 0;
}
.mapspace-featurepanel div.mapspace-collapsed *,
.mapspace-featurepanel > .mapspace-featureeditor div.mapspace-collapsed * {
	height: 0em;
}
.mapspace-featurepanel div.mapspace-collapsed .form-check * {
	display: none;
}
.mapspace-featureeditor-attributes .input-group-sm > .input-group-prepend > .input-group-text svg {
	width: 24px;
	height: 24px;
}
.mapspace-featurepanel .mapspace-button-panel.mapspace-collapsed {
	border-bottom: 1px solid #fff;
}
/*</editor-fold>*/

/* <editor-fold> Mapspace.nvdb.control.Panel -------------------------------------*/
.mapspace-nvdbpanel {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.mapspace-nvdbpanel > div:nth-child(4),
.mapspace-nvdbpanel > div:nth-child(6),
.mapspace-nvdbpanel > div:nth-child(8) {
	display: flex;
	flex-flow: column;
	flex: 1;
}
.mapspace-nvdbpanel > div > .mapspace-listbox {
	flex: 1 1 166px;
}
.mapspace-nvdbpanel div.mapspace-collapsed {
	height: 0em;
	flex: 0;
}
.mapspace-nvdbpanel div.mapspace-collapsed * {
	height: 0em;
}
.mapspace-nvdbpanel div.mapspace-collapsed .custom-select,
.mapspace-nvdbpanel div.mapspace-collapsed .input-group,
.mapspace-nvdbpanel div.mapspace-collapsed .form-control,
.mapspace-nvdbpanel div.mapspace-collapsed form,
.mapspace-nvdbpanel div.mapspace-collapsed .dropdown-toggle,
.mapspace-nvdbpanel div.mapspace-collapsed .spinner-border,
.mapspace-nvdbpanel div.mapspace-collapsed .mapspace-listbox {
	display: none;
}
.mapspace-nvdbpanel .mapspace-button-panel.mapspace-collapsed {
	border-bottom: 1px solid #fff;
}
/*</editor-fold>*/
/* <editor-fold> Mapspace.control.Profile3dPanel -------------------------------------*/
.mapspace-profile3dpanel {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.mapspace-profile3dpanel > div {
	display: flex;
	flex-flow: column;
	flex: 1;
}
.mapspace-profile3dpanel > div:nth-child(2) {
	flex: 2;
}
.mapspace-profile3dpanel > div > .mapspace-listbox {
	flex: 1 1 166px;
}
.mapspace-profile3dpanel div.mapspace-collapsed {
	height: 0em;
	flex: 0;
}
.mapspace-profile3dpanel div.mapspace-collapsed * {
	height: 0em;
}
.mapspace-profile3dpanel div.mapspace-collapsed .mapspace-listbox {
	display: none;
}
.mapspace-profile3dpanel .mapspace-button-panel.mapspace-collapsed {
	border-bottom: 1px solid #fff;
}
.mapspace-profile3dpanel-visible{
	font-weight: bold;
}
/*</editor-fold>*/

/* <editor-fold> Mapspace.control.StreetPanel -------------------------------------*/
.mapspace-streetpanel {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.mapspace-streetpanel > div:nth-child(4) {
	display: flex;
	flex-flow: column;
	flex: 1;
}
.mapspace-streetpanel > div:nth-child(6) {
	display: flex;
	flex-flow: column;
	flex: 2;
}
.mapspace-streetpanel > div > .mapspace-listbox {
	flex: 1 1 170px;
}
.mapspace-streetpanel > div > .mapspace-streetpanel-viewer {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	touch-action: none;
	display: block;
}
.mapspace-streetpanel div.mapspace-collapsed {
	height: 0em;
	flex: 0;
}
.mapspace-streetpanel div.mapspace-collapsed * {
	height: 0em;
}
.mapspace-streetpanel div.mapspace-collapsed .button,
.mapspace-streetpanel div.mapspace-collapsed .mapspace-listbox,
.mapspace-streetpanel div.mapspace-collapsed .form-control,
.mapspace-streetpanel div.mapspace-collapsed .input-group {
	display: none;
}
.mapspace-streetpanel .mapspace-button-panel.mapspace-collapsed {
	border-bottom: 1px solid #fff;
}
/*</editor-fold>*/

/* <editor-fold> Mapspace.control.ReportPanel -------------------------------------*/
.mapspace-reportpanel .mapspace-tablereport {
	overflow-y: auto;
	height: calc(100vh - 82px);
}
/*</editor-fold>*/

@media (hover: none), (hover: on-demand) {
	.mapspace-viewertools .btn:hover svg path {
		fill: #343a40;
	}
	
	.mapspace-viewertools .btn-outline-dark:hover {
		color: #343a40;
		background-color: transparent;
		border-color: #343a40;
	}

	.mapspace-viewertools .btn.selected {
		background-color: #343a40;
	}

	.mapspace-viewertools .btn.selected svg path {
		fill: #fff;
	}


	.mapspace-button.mapspace-geolocation {
		background-color: #f8f9fa;
	}

	.btn.mapspace-geolocation svg path {
		fill: #343a40;
	}

	.mapspace-attribution.mapspace-collapsed .mapspace-button {
		background-color: #f8f9fa;
	}

	.mapspace-attribution.mapspace-collapsed .mapspace-button svg path {
		fill: #343a40;
	}
}

/* Bootstrap -----------------------------------------------------------------*/
.tooltip-inner {
	max-width: 200px;
	padding: 0.25rem 0.5rem;
	color: #343a40;
	text-align: center;
	background-color: #e2e3e5;
	border-radius: 0.25rem;
	border: 1px solid #ced4da;
}
.tooltip.show {
	opacity: 1;
}
.tooltip .arrow {
	border-color: 1px solid #ced4da;
}
/* .tooltip .arrow::before {
	border: 0;
} */
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: #ced4da;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
	border-top-color: #ced4da;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
	border-right-color: #ced4da;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
	border-left-color: #ced4da;
}

/*******************noUiSlider**********************/
.noUi-value-horizontal, .noUi-value-sub {
	font-size: 10px;
}

.noUi-marker-horizontal.noUi-marker-large, .noUi-marker-horizontal.noUi-marker-sub {
	height: 5px;
}

.noUi-tooltip {
	display: none;
}
.noUi-active .noUi-tooltip {
	display: block;
}
.noUi-connect {
	background: #005eb8;
}