/* body{background-color:#0e183a;color:#FFFFFF;} */
.mapDiv{width:100%;height: 500px;}
g.ib-line-label-area text tspan{
  font-size:14px;
}
.ib-tooltip *{
    box-sizing: border-box;
}
.main-tip-container { width:260px;height:116px;position:relative; }
.main-tip-header {
  background-color:#006633;
  position:absolute;
  font-size:16px;
  font-weight:bold;
  width:100%;
  height:30px;
  text-align:center;
  color:white;
  line-height:30px;
}

.main-tip-body {
  position:absolute;
  font-size:14px;
  left:0px;
  top:30px;
  width:100%;
  padding-top: 5px;
  display: flex;
  color: white;
  font-weight: bold;
}

.tip-label {
  color: black;
  line-height: 43px;
}

.tip-circle {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  margin: 3px;
  padding-top: 10px;
  line-height: 20px;
}

.tip-1 { background-color: #32a1ff; }
.tip-2 { background-color: #7acf16; }
.tip-3 { background-color: #fd934c; }
.tip-4 { background-color: #ff7070; }
.tip-5 { background-color: gray; }

.tip-squere {
  display: inline-block;
  width: 150px;
  height: 150px; 
  text-align: center; 
  vertical-align: top; 
  border: 1px solid #ccc; 
  padding: 10px;
  box-sizing: border-box;
}

.tip-image {
  max-width: 85%;
  height: auto;
}