.sr-only, .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
    position: absolute !important;
}
.sr-only, .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.block-map-plan{
    transition: none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    -ms-transition:none;
    overflow: hidden;
}

.svg-wrapper{  position: relative;
    transition: none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    -ms-transition:none;
}
.svg-wrapper .name-box{ position: absolute; top:0; left:0; z-index: 1; pointer-events: none;font-size: 20px; }
.svg-wrapper .name-card{ font-weight: bold; text-align: center; position: relative;
			display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-pack: center;
   justify-content: center;
			-ms-flex-align: center;
   align-items: center;
   -ms-flex-line-pack: center;
   align-content: center;
			color:#4a565c;
			/*background-color: rgba(255,0,0,0.5);*/
		}
.svg-wrapper .name-card>div{width: 100%; text-align: center;}
.svg-wrapper .name-card>div.name{max-width: 6em;}
.svg-wrapper>svg{position: relative; z-index: 0; /*background-color: #FF0; */}

		/**/
.control-panel{  position:absolute; top:10px; left:10px; width: 80px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center;
   align-items: center;}
/*.control-panel{ display:none;}*/
.move-panel { -ms-flex:0 0 auto;flex:0 0 auto;
  position: relative;
  background: #ddd;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
		border: 1px #ccc solid;
		margin: auto;
}
/*.move-panel::after*/
.move-panel .d-btn.center{
  content: '';
  position: absolute;
  z-index: 2;
  width: 30%;
  height: 30%;
  top: 50%;
  left: 50%;
  background: #FFF;
		border: 1px #ccc solid;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.25s;
  cursor: pointer;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
		font-size: 12px; color:#aaa; padding: 0;
}
.move-panel .d-btn.center::after{content: none;}
.move-panel .d-btn.center:hover{
  width: 40%;
  height: 40%;
		font-size: 16px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
.move-panel .d-btn {
  display: block;
  position: absolute;
  -webkit-tap-highlight-color: #ffffff;
  width: 50%;
  height: 50%;
  text-align: center;
  transform: rotate(45deg);
  /*border: 1px solid rgba(0, 0, 0, 0.2);*/
		border: 1px #ccc solid;
		background-color: #f5f5f5;
	cursor: pointer;
}
.move-panel .d-btn::before {
  content: '';
  position: absolute;
  width: 60%;
  height: 60%;
  top: 50%;
  left: 50%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.25s;
  cursor: pointer;
  display: none;
}
.move-panel .d-btn::after {
  content: '';
  position: absolute;
  width: 20%;
  height: 20%;
  /*border-radius: 5px;*/
		border-width: 3px;
  border-style: solid;
  /*transform: translate(-50%, -50%) rotate(-45deg);*/
		transform: translate(-50%, -50%) rotate(180deg);
  transition: all 0.25s;
}
.move-panel .d-btn.up {
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, -20%) rotate(45deg);
  border-top-left-radius: 50%;
  z-index: 1;
}
.move-panel .d-btn.up:hover {
  background: linear-gradient(315deg, #efefef 15%, #FFF 100%);
}
.move-panel .d-btn.up::before {
  left: 57%;
  top: 57%;
}
.move-panel .d-btn.up::after {
  left: 53%;
  top: 53%;
  /*border-width: 0 13px 19px 13px;*/
  border-color: transparent #aaa #aaa transparent;
}
.move-panel .d-btn.up:active::after {
  /*border-bottom-color: #333;*/
		border-color: transparent #333 #333 transparent;
}
.move-panel .d-btn.down {
  top: 50%;
  left: 50%;
  transform: translate(-50%, 20%) rotate(45deg);
  border-bottom-right-radius: 50%;
  z-index: 1;
}
.move-panel .d-btn.down:hover {
  background: linear-gradient(135deg, #efefef 15%, #FFF 100%);
}
.move-panel .d-btn.down::before {
  left: 43%;
  top: 43%;
}
.move-panel .d-btn.down::after {
  left: 47%;
  top: 47%;
  /*border-width: 19px 13px 0px 13px;*/
  border-color: #aaa transparent transparent #aaa;
}
.move-panel .d-btn.down:active::after {
  /*border-top-color: #333;*/
	border-color: #333 transparent transparent #333;
}
.move-panel .d-btn.left {
  top: 50%;
  right: 50%;
  transform: translate(-20%, -50%) rotate(45deg);
  border-bottom-left-radius: 50%;
  border: none;
}
.move-panel .d-btn.left:hover {
  background: linear-gradient(225deg, #efefef 15%, #FFF 100%);
}
.move-panel .d-btn.left::before {
  left: 57%;
  top: 43%;
}
.move-panel .d-btn.left::after {
  left: 53%;
  top: 47%;
  /*border-width: 13px 19px 13px 0;*/
  border-color: #aaa #aaa transparent transparent;
}
.move-panel .d-btn.left:active::after {
  /*border-right-color: #333;*/
	border-color: #333 #333 transparent transparent;
}
.move-panel .d-btn.right {
  top: 50%;
  left: 50%;
  transform: translate(20%, -50%) rotate(45deg);
  border-top-right-radius: 50%;
  border: none;
}
.move-panel .d-btn.right:hover {
  background: linear-gradient(45deg, #efefef 15%, #FFF 100%);
}
.move-panel .d-btn.right::before {
  left: 43%;
  top: 57%;
}
.move-panel .d-btn.right::after {
  left: 47%;
  top: 53%;
  /*border-width: 13px 0 13px 19px;*/
  border-color: transparent transparent #aaa #aaa;
}
.move-panel .d-btn.right:active::after {
  /*border-left-color: #333;*/
		border-color: transparent transparent #333 #333;
}
.move-panel .d-btn:hover::after {
  left: 50%;
  top: 50%;
}
.zoom-panel{ -ms-flex:0 0 auto;flex:0 0 auto; }
.zoom-panel .z-btn{
	display:block;width: 48px; height: 48px; font-size: 24px; line-height: 0; color:#aaa; background-color: #f5f5f5; border: 1px #ccc solid; border-radius: 50%; margin: 0.5rem auto; padding: 0 !important;
}
.zoom-panel .z-btn:hover{
		background: linear-gradient(180deg, #f5f5f5 15%, #FFF 100%);
}
		
.zoom-panel .z-btn.zoom-in{ cursor: zoom-in;}
.zoom-panel .z-btn.zoom-out{ cursor: zoom-out;}

.compass-panel{position: relative; width: 64px; height: 64px; background-image: linear-gradient(to right, #3bc072, #12a0c3); color:#fff; border-radius: 50%; font-size: 12px !important }
.compass-panel::after{ content: ""; display:block; width: 24px; height: 24px; position: absolute; top:0; right:0; bottom:0; left:0; margin: auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23FFF' d='M31.84 34.53L19.01.7c-.35-.93-1.67-.93-2.03 0L4.16 34.53c-.35.92.6 1.79 1.48 1.36L18 29.96l12.36 5.93c.88.42 1.83-.45 1.48-1.36zM18 27.55l-8.41 4.03c-.88.42-1.83-.45-1.48-1.36l8.84-23.31c.21-.56.21-1.34 1.05-1.34v21.98z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: cover;}
.compass-n{position: absolute; top:0; right:0; bottom:auto; left:0; width:1.2em; height:1.2em; margin: auto; line-height:1;}
.compass-e{position: absolute; top:0; right:0; bottom:0; left:auto; width:1.2em; height:1.2em; margin: auto; line-height:1;}
.compass-w{position: absolute; top:auto; right:0; bottom:0; left:0; width:1.2em; height:1.2em; margin: auto; line-height:1;}
.compass-s{position: absolute; top:0; right:auto; bottom:0; left:0; width:1.2em; height:1.2em; margin: auto; line-height:1;}





.trun-angle-90{transform: rotate(90deg);}
.trun-angle--90{transform: rotate(-90deg);}
.trun-angle--15{transform: rotate(-15deg);}
.name-card.trun-angle--15{transform: rotate(-14deg) scaleY(0.65);}
.name-card.trun-angle--15>div{transform:scaleY(1.5)}

#block_mapolan_label{position: absolute; top:0; right:0; bottom:0; left:0; height:100%; overflow-y: auto; }
#mapolan_label{}

.popper-info-box{background-color: #FFF; color:#777; padding: 1.5em 1em 1em; width: auto; border-radius: 4px; position: absolute; top:-100%; left:-100%;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
}
.popper-info-box::after{ content: ""; display:block; width: 0; height: 0; position: absolute; right:0; bottom:-0.6rem; left:0; margin: auto;
border-style: solid;
border-width: 0.625rem 0.8rem 0 0.8rem;
border-color: #ffffff transparent transparent transparent;
}

.popper-info-box[x-placement="bottom"]::after{
	border-width: 0 0.8rem 0.625rem 0.8rem;
	border-color:  transparent transparent #ffffff transparent;
	top:-0.6rem; bottom:auto;
}

.popper-nametips{background-color: #FFF; color:#777; padding: 0.8em 2em 0.8em 0.8em; max-width: 210px; border-radius: 4px; position: absolute; top:-100%; left:-100%; z-index: 1; pointer-events: none;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
    font-size: 14px !important; line-height: 1.3; text-align: left !important;
}
.popper-nametips::after{ border-width: 0.625rem 0.4rem 0 0.4rem; }
.popper-nametips .clrbox{ display: inline-block; width: 1.5em; height: 1.5em; margin-right: 0.5em; vertical-align: text-bottom; border-radius: 50%;}
.popper-nametips .pop-num{font-weight: bold;}
.popper-nametips .pop-title{margin-top: 0.25em;}
.popper-nametips .pop-close{ padding: 0 !important;}

.info-title{ font-size: 1.25rem; font-weight: bold; color:#222; text-align: center}
.info-text{/*padding: 0.5em 1em; text-align: center; font-size: 0.875rem;*/ max-height: 200px; overflow-y:auto; }
.info-list{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-bottom: 0;}
.info-list>dt{-ms-flex:0 1 90px;flex:0 1 90px; text-align: left; color:#000}
.info-list>dd{ -ms-flex:1 1 calc(100% - 90px);  flex:1 1 calc(100% - 90px); text-align: left; padding-left: 1rem; margin-bottom: 0.25em; color:#333 }
.info-footer{text-align: center;}
.info-close, .pop-close{position: absolute; top:0.15em; right:0.15em; font-size: 1.5rem; width: 1em; height: 1em; opacity: 0.5; background: none; border: none; outline: none; pointer-events: all;}
.pop-close{ font-size: 1rem;}
.info-close:hover, .pop-close:hover { opacity: 1; }
.info-close::before, .info-close::after, .pop-close::before, .pop-close::after{ position: absolute; top:0; left: 0.5em; content: ' '; height: 0.8em; width: 2px; background-color: #666; pointer-events: none;}
.info-close::before, .pop-close::before {transform: rotate(45deg);}
.info-close::after, .pop-close::after {transform: rotate(-45deg);}

.hvr_pin, .tmp_pin{pointer-events: none;}

@media (max-width: 767px){
	.control-panel{ /*display:none;*/ top:auto; left:10px; bottom:10px; right:auto; width:220px;}
	.move-panel{/*order: 1;*/ margin: 0 0 0 0.5rem;}
	.zoom-panel .z-btn{
		display:inline-block; margin: auto 0.25rem;
	}
}