.map .ol-popup {
	position: absolute;
	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: 15px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	bottom: 12px;
	left: -50px;
	min-width: 300px;
}

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

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

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

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

.map .ol-popup-header {
	border-bottom: 1px solid #eee;
	margin-bottom:10px;
	padding-bottom:10px;
	font-weight:bold;
	font-size:16px;
}

.map .ol-popup-closer:after {
	content: "\f057";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size:14px;
}

.map .ol-popup-footer {
	border-top: 1px solid #eee;
	margin-top:10px;
	padding-top:10px;
}

.map .ol-popup-footer .btn:not(:first-child) {
	margin-left: 5px;
}

.modal-dialog-map .modal-content > .modal-body
{
	height: calc(100vh - 200px) !important;
	padding:0px !important;
	overflow-y: auto;
}


.map .tooltip {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	opacity: 0.7;
	white-space: nowrap;
}

.map .tooltip-measure {
	opacity: 1;
	font-weight: bold;
}

.map .tooltip-static {
	background-color: #ffcc33;
	color: black;
	border: 1px solid white;
}

.map .tooltip-measure:before,
.map .tooltip-static:before {
	border-top: 6px solid rgba(0, 0, 0, 0.5);
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	position: absolute;
	bottom: -6px;
	margin-left: -7px;
	left: 50%;
}

.map .tooltip-static:before {
	border-top-color: #ffcc33;
}

/*button positionning*/
/*rearrange default button*/
.map .ol-control{
	z-index:10;
}

.map .ol-full-screen{
	top:2.5em;
}


.map .ol-map-btn-wrapper-edit {
	top: 4.5em;
	left: .5em;
	position: absolute;
}

.map .ol-map-btn-wrapper-description {
	top: 6.5em;
	left: .5em;
	position: absolute;
}

.map .ol-map-btn-wrapper-remove
,.map .ol-map-btn-wrapper-remove-all{
	top: 8.5em;
	left: .5em;
	position: absolute;
}

.map .ol-map-btn-wrapper-cut {
	top: 8.5em;
	left: .5em;
	position: absolute;
}

.map .ol-map-btn-wrapper-move {
	top: 10.5em;
	left: .5em;
	position: absolute;
}

.map .ol-map-btn-wrapper-reset {
	top: 10.5em;
	left: .5em;
	position: absolute;
}

.map .ol-map-btn-wrapper-tracking {
	top: 22.5em;
	left: .5em;
	position: absolute;
}

.map .ol-map-btn-wrapper-zoomToFeatures {
	top: 12.5em;
	left: .5em;
	position: absolute;
}

.map .ol-map-btn-wrapper-search {
	top: 14.5em;
	left: .5em;
	position: absolute;
}


.map .ol-map-btn-wrapper-geometry-filter {
	top: 16.5em;
	left: .5em;
	position: absolute;
}

.map .ol-map-btn-wrapper-layer {
	top: 4.5em;
	right: .5em;
	position: absolute;
}

.map .ol-map-btn-wrapper-measurement {
	top: 18.5em;
	left: .5em;
	position: absolute;
}

.map .ol-map-btn-wrapper-quit-edit-mode {
	top: 10.5em;
	left: .5em;
	position: absolute;
}


.map .ol-map-view-property-attribute-wrapper > label {
	display:inline-block;
}

.map .ol-map-view-property-attribute-wrapper > span {
	display:inline-block;
	margin-left:10px;
}

.map .ol-map-view-property-attribute-wrapper > label:after {
	content:':'
}

.map .ol-map-btn-wrapper-pressed {
	background:rgba(0,60,136,.6);
}

.map .ol-map-btn-wrapper-external-link{
	top:15.5em;
	right:0.5em;
}

.map .ol-map-btn-wrapper-legend{
	top:17.5em;
	right:0.5em;
}

.ol-map-legend-control-wrapper{
	overflow-y:hidden;
}

.map .ol-map-btn-wrapper-import{
	top:17.5em;
	right:0.5em;
}

.map .ol-map-btn-wrapper-basemap{
	top:5.5em;
	right:0.5em;
}

.map .ol-map-btn-wrapper-layer-management{
	top:7.5em;
	right:0.5em;
}
.map .ol-map-btn-wrapper-basemap ul{
	position:absolute;
	list-style-type: none;
	top:0em;
	right:2em;
	padding: 0;
	   width:200px;
	background-color: #f1f1f1;

}

.map .ol-map-btn-wrapper-basemap ul > li > a{
	display: block;
	color: #000;
	padding: 8px 16px;
	text-decoration: none;
	border-bottom:solid 1px rgba(0,0,0,0.3)
}

.map .ol-map-btn-wrapper-basemap ul > li > a:hover {
	background-color: #555;
	color: white;
}

.map .ol-map-btn-wrapper-basemap ul > li > a.selected{
	background-color: #4f74d6;
	color:white;
}

/*Hide all the content as default*/
.ol-control-content-wrapper, .ol-control-collapse-wrapper {
	display:none;
}

/*show all the content as default*/
.map .ol-control-collapsed {
	display:inline-block !important;
}

.box_map_wrapper {
	position: relative;
	height: 100%;
	padding: 0px 10px;
}

.map_wrapper{
	display:block;
}

.map_wrapper > .map{
	height: 100%;
	width:100%;
	position:absolute;
	height:100%;
	left:0px;
}

.map_wrapper.map-with-information-off .map{
	width:100%;
}

.map_wrapper.map-with-information-off .ol-map-information-control-wrapper{
	display:none;
}

.map_wrapper.map-with-information-on .ol-map-information-control-wrapper{
	position:absolute;
	display: inline-block;
	height:100%;
	right:0px
}

@media (max-width: 1024px) {
	.map_wrapper.map-with-information-on .map{
		width:30% !important;
	}
	.map_wrapper.map-with-information-on .ol-map-information-control-wrapper{
		width:70%;
	}
}

@media (min-width: 1024px) and (max-width: 1280px) {
	.map_wrapper.map-with-information-on .map{
		width:50% !important;
	}
	.map_wrapper.map-with-information-on .ol-map-information-control-wrapper{
		width:50%;
	}
}

@media (min-width: 1280px){
	.map_wrapper.map-with-information-on .map{
		width:60% !important;
	}
	.map_wrapper.map-with-information-on .ol-map-information-control-wrapper{
		width:40%;
	}
}

.map_wrapper .ol-map-information-control-wrapper{
	background: grey;
}

.map .ol-map-btn-wrapper-information {
	top: .5em;
	right: .5em;
	position: absolute;
}

.map_wrapper .ol-map-sidebar-control-content{
	height:85%;
	overflow-y:auto;
}

.map_wrapper .ol-map-sidebar-control-content .heads-up > h3{
	margin-top:0px !important;
}

.ol-map-info-control-wrapper{
	height:100%;
}

.map_wrapper .ol-map-sidebar-control-content{
	height:85%;
	overflow-y:auto;
}

.map_wrapper .ol-sidebar-footer{
	height:15%;
	bottom:0em;
	right: 0em;
	width:100%;
	padding-top:10px;
	border-top:solid grey 1px;
}

.map_wrapper .ol-sidebar-footer .btn.btn-sm.btn-primary.pull-right {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	border-color: rgba(0, 0, 0, 0.3);
}

.map_fullscreen:-moz-full-screen {
	height: 100%;
}

.map_fullscreen:-webkit-full-screen {
	height: 100%;
}

.map_fullscreen:-ms-fullscreen {
	height: 100%;
}

.map_fullscreen:fullscreen {
	height: 100%;
}

.ol-map-view-property-attribute-wrapper > span{
	display:inline-block;
	padding-left:10px;
}

.map_wrapper .map-add-new-layer{
	width:100%;
	height:40px;
}

.map_wrapper .spatial-layer-management-table{
	width:100%;
}


.map_wrapper .spatial-layer-management-table tr button{
	background:none;
	border:none;
}

.map_wrapper .spatial-layer-management-table tr td > i{
	padding-left:5px;
	padding-right:5px;
}

.map_wrapper .spatial-layer-management-table tbody > tr:nth-child(2) >td > div{
	padding:2px 20px ;
}

.map_wrapper .spatial-layer-management-table tbody tr{
	background-color:lightgrey;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.map_wrapper .spatial-layer-management-table tbody tr:nth-child(1){
	border-top:solid white 1px;
	line-height:20px;
	padding-left:10px;
	color:black;
	font-weight:bold;
}

.map_wrapper .spatial-layer-management-table tbody.ui-sortable-helper{
	display:table !important;
	width:100% !important;
}

.map_wrapper .spatial-layer-management-table tbody.ui-sortable-helper tr{
	display:table-row;
	width:100% !important;
}

.map_wrapper .spatial-layer-management-table tbody.ui-sortable-placeholder tr{
	display:table-row !important;
	width:100% !important;
}

.map_wrapper .spatial-layer-management-table tbody.spatial-layer-is-hiden{
	text-decoration: line-through !important;
}

.map_wrapper .spatial-layer-management-table tbody.spatial-layer-is-shown  .fa-eye{
	display:none !important;
}

.map_wrapper .spatial-layer-management-table tbody.spatial-layer-is-hiden  .fa-eye-slash{
	display:none !important;
}

.map_wrapper .spatial-layer-management-table .slider .slider-selection{
	background:#3c8dbc !important;
}

.map_wrapper .spatial-layer-management-table .slider{
	width:100% !important;
}

.map_wrapper .spatial-layer-management-table .fa-minus-circle{
	color: red;
}

.map_wrapper .spatial-layer-management-table .fa-eye{
	color: grey;
}

.map_wrapper .tooltip-main{
	pointer-events: none;
}

.map_wrapper .tooltip-main.in:hover{
	z-index:-1 !important;
}
/*hide the old search pid function*/
#map-subdivision-or-amalgamation .map-input-group-container-bottom-left{
	display:none;
}

.map_wrapper .ol-map-sidebar-control-content .inner{
	height:100% !important;
	min-height:100% !important;
}

.map_wrapper .ol-map-sidebar-control-content .heads-up{
	height:100% !important;
	min-height:100% !important;
}


.map_wrapper .ol-map-sidebar-control-content .heads-up .map-hidden-attribute
,.map_wrapper .ol-map-sidebar-control-content .heads-up .map-hidden-attribute + dd{
	display:none;
}

/*.map_wrapper .spatial-layer-management-table tbody:nth-child(even) tr{
	background: grey;
}*/

.map_wrapper .spatial-layer-management-table tbody .hide-if-ol-local-layer{
	display:none;
}

.map_wrapper .spatial-layer-management-table tbody .show-if-ol-local-layer{
	display:none;
}

.map_wrapper .spatial-layer-management-table tbody:not(.ol-local-spatial-layer) .hide-if-ol-local-layer{
	display:inline-block !important;
}

.map_wrapper .spatial-layer-management-table tbody.ol-local-spatial-layer .show-if-ol-local-layer{
	display:inline-block !important;
}

.map .ol-map-btn-wrapper-update-geocode {
	top: 4.5em;
	left: .5em;
	position: absolute;
}

.map .ol-map-btn-wrapper-print {
	top: 11.5em;
	right: .5em;
	position: absolute;
}

.map .ol-map-btn-sub-menu{
	position:absolute;
	width:150px;
}

.map .ol-map-btn-sub-menu a{
	display:inline-block;
	background-color: #919187;
	border: 1px solid #AAA;
	color: #FFF;
	font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 20px;
	height: 22px;
	width:100%;
	text-align:center;
}

.map .ol-map-btn-sub-menu a.ol-map-btn-sub-menu-btn-hightlighted{
	background-color: black;
	font-weight:bold;
}

.map .ol-map-btn-sub-menu a:hover{
	background-color: #337ab7;
	font-weight:bold;
}

.map .ol-control-general-right-container{
	margin-left:-175px !important;
}

.map .ol-control-basemap-container{

}

.map .ol-control-external-link-container{

}

.map .ol-control-import-container{

}

.map .ol-map-temp-message{
	position:absolute;
	bottom:0;
	width:100%;
	min-height:25px;
	line-height:20px;
	display:block;
	background-color:rgba(173,216,230,0.5);
	padding:.5em;
	color:black;
	font-weight:bold;
	z-index:1000; /*9999*/
	text-align:center;
	display:none;
}

/*for address search map*/
.map .ol-map-popup-content-dt .ja-address-string{
	min-width:250px;
}

.map .ol-map-popup-content-dt .hide-in-map-popup{
	display: none;
}

.ol-map-information-control-wrapper .ol-map-legend-control-content,
.ol-map-information-control-wrapper .legend-container{
	height: 100%;
}

.map .ol-map-btn-wrapper-identify-feature {
	top: 9.5em;
	right: .5em;
	position: absolute;
}

.map .ol-map-btn-is-on{
	background-color:blue !important;
}

.map .identify-feature{
	width:500px;
	height:300px;
	background:rgba(255,255,255,0.7) !important;
}

.map .identify-feature:before{
	border-top-color:rgba(204,204,204,0.5) !important;
}

.map .identify-feature:after{
	border-top-color:rgba(255,255,255,0.5) !important;
}

.map .identify-feature .ol-popup-header{
	height:8%;
	font-size:14px;
	overflow-y:scroll;
	margin-top:-10px;
}

.map .identify-feature .ol-popup-content{
	height:90%;
	overflow-y:scroll;
}

.map .identify-feature .ol-popup-content table{
	width:95%;
	margin-left:5%;
	margin-bottom:20px !important;
}

.map .identify-feature .ol-popup-content table.selected-identify-feature{
	background-color:rgba(255, 165, 0,0.5);
}

.map .identify-feature .ol-popup-content table .odd{
	background-color:rgba(135,206,250,0.2);
}

.map .identify-feature .ol-popup-content table th{
	background-color:rgba(211,211,211,0.8);
}

.map .identify-feature .ol-popup-content .box{
	background:transparent;
	border:none;
	padding:5px 0px 5px 0px;
	background-color:rgba(135,206,250,0.1);
}

.map .identify-feature .ol-popup-content .box-header
,.map .identify-feature .ol-popup-content .box-body{
	margin:0px;
	padding:0px;
}
.map .identify-feature .ol-popup-content .box-header h3{
	margin:0px;
	font-size:14px;
	font-weight:bold;
}
.map .identify-feature .ol-popup-content .box-header h3:before{
	content:'- ';
}
.map .identify-feature .ol-popup-content .collapsed h3:before{
	content:'+ ';
}
.map .identify-feature .ol-popup-content table td.identify-feature-property-key{
	font-weight: bold;
}

.map .map-information-toggle-btn:before{
	content:"<";
}

.map-with-information-on .map-information-toggle-btn:before{
	content:">" !important;
}

.ol-map-information-control-wrapper .ol-map-layer-management-control-wrapper{
	overflow-y:overlay !important;
}

#show-property-list-at-point {
	max-height: 400px !important;
	overflow-y: scroll;
}