/* footer text */
#routingIconPanel {
  position: absolute;
  top: 0.5em;
/*
  left: 0.5em;
*/
  right: 0.5em;
  z-index: 1000;
  border: 2px solid #BBBBBB;
  background-color:rgba(128, 255, 128, 0.9);
  padding: 1px 1px 0px 0px;
  display:none;
}

#centerIconPanel {
  position: absolute;
  top: 85px;
  right: 0.5em;
  z-index: 1000;
  border: 2px solid #BBBBBB;
  background-color:rgba(255, 255, 255, 0.8);
  padding: 1px 1px 0px 0px;
}

.centerIconPanel,
.visitMovePanel {
  padding-bottom:3px;
}

.routingButtonPanel{
  display:flex;
  width:20em;
}

#visitMovePanel{
  position: absolute;
  top: 45px;
  right: 8px;
  z-index: 1000;
  border: 2px solid #BBBBBB;
  background-color:rgba(255, 255, 255, 0.8);
  padding: 1px 1px 0px 0px;
}

#routingButtonPanel {
  display: flex;
  position: absolute;
  top: 150px;
  right: 8px;
  z-index: 1000;
  border: 2px solid #BBBBBB;
  background-color:rgba(255, 255, 255, 0.8);
  padding: 1px 1px 0px 0px;
}

/* centermarker */
.center-marker {
  pointer-events: none;
  position: absolute;
  top: 50%; left: 50%;}

.center-marker a {
  display: block;
  height: 39px; width: 39px;
  margin-top: -20px;  margin-left: -20px;
  /* background-image:url(../img/icon/marker.png); */
  background-image:url(../img/icon/marker.png);
}

.centermarker {
  margin:0px;
  padding:0;
  color:#fff;
  font-size:0.95em;
  font-weight:500;
  text-decoration:none;
  text-align:center;
  height:1.9em;
  width:3.4em;
  line-height:0.1em;
  background-color:rgba(0,60,136,1);
  border:none;
  border-radius:2px;
  /* display: none; */
}

.centermarker:focus,.centermarker:hover {
  text-decoration:none;
  background-color:rgba(0,60,136,1)
}

.currentlocation {
  margin:0px;
  padding:0;
  color:#fff;
  font-size:0.95em;
  font-weight:500;
  text-decoration:none;
  text-align:center;
  height:1.9em;
  width:9.5em;
  line-height:0.1em;
  background-color:rgba(0,60,136,1);
  border:none;
  border-radius:2px
}
.currentlocation:focus,.currentlocation:hover {
  text-decoration:none;
  background-color:rgba(0,60,136,.7)
}

.routing-label {
  pointer-events: none;
  margin:0px;
  padding:0;
  color:#000;
  font-size:0.95em;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  height:1.9em;
  /* width:6.0em; */
  line-height:1.9em;
  border:none;
  border-radius:2px
}

.routing {
  margin:0px;
  padding:0;
  color:#fff;
  font-size:0.95em;
  font-weight:500;
  text-decoration:none;
  text-align:center;
  height:1.9em;
  width:3.5em;
  line-height:0.1em;
  border:none;
  border-radius:2px
}
#btn-begin-routing {
  display:block;
  background-color:#7b98bc;
  background-color:rgba(0,60,136,1);
  width:100%;
}
#btn-begin-routing:focus, #btn-begin-routing:hover {
  text-decoration:none;
  background-color:#4c6079;
  background-color:rgba(0,60,136,1);
}
#btn-end-routing {
  display:none;
  background-color:#e40e0e;
  background-color:rgba(255,32,32,1);
  width:100%;
}
#btn-end-routing:focus, #btn-end-routing:hover{
  text-decoration:none;
  background-color:#e40e0e;x
  background-color:rgba(255,32,32,1)
}

#res-routing {
  display: none;
/*
  position: absolute;
  top: 80px;
  right: 8px;
*/
}

.box-routing {
  margin:0px;
  padding:4px;
  color:#003c29;
  font-size:0.90em;
  font-weight:500;
  z-index:1000;
  text-decoration:none;
  text-align:left;
  line-height:1.25em;
  border: 2px solid #BBBBBB;
  background-color:rgba(128, 255, 128, 0.9);
  border-radius:2px
}

#print-res-routing {
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  border: 2px solid #BBBBBB;
  color: #000000;
  background-color: #ffffff;
  padding: 0.3em;
}

  .ol-button i
    { color: inherit;
    }
    .hello
    { right: 50%;
      top: 0.5em;
    }