html, body, #basicMap {
    width: 100%;
    height: 100%;
    margin: 0;
      }
div.column {
  float: left;
  padding: 1px;

}
.container{
	justify-content: center;
	display: flex;
}
.map {

	max-width:1200px;
	max-height:768px;


	border: 2px solid;
	border-color: green;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  padding: 10px;

}

.left {
width: 20%;
/* background-color:#aaa;" */
}

.left10 {
width: 10%;
/* background-color:#aaa;" */
}
.left12 {
width: 10%;
/* background-color:#aaa;" */
}
.left80 {
width: 80%;
/* background-color:#aaa;" */
}


.center {
  width: 60%;
  /* background-color:#ccc;" */

}
.center70 {
  width: 70%;
  /* height: 20px; */
  /* background-color:#ccc;" */
}
.right {
  width: 20%;
  /* background-color:#bbb;" */
  text-align: center
}
.row:after {
  content: "";
  display: table;
  clear: both;
}

th, td {
  padding: 5px;
}

.button2 {
  border: 0;
  border-radius: 5px;
  background: #4676d7;
  color: black;
  padding: 5px 12px; /*inside button*/
  font-size: 14px;
  background-color: #ececec;
  border: 1px solid #ececec; 
  margin: 3px 3px 10px 2px;
  display: inline-block;
  /* font-weight: bold; */
  box-shadow: 0 2px #666;
  text-decoration: none; 
}

.button2:hover {
	background-color: #dfdfdf;
	transform: translateY(4px);
	}

.button2:active {
	background-color: #dfdfdf;
	box-shadow: 0 4px #666;
	transform: translateY(4px);
	}
	
 .popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}
 .popover.top{margin-top:-10px}
 .popover.right{margin-left:10px}
 .popover.bottom{margin-top:10px}
 .popover.left{margin-left:-10px}
 .popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}
 .popover-content{padding:9px 14px}
 .popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}
 .popover>.arrow{border-width:11px}
 .popover>.arrow:after{content:"";border-width:10px}
 .popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}
 .popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}
 .popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}
 .popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}
 .popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}
 .popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}
 .popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}
 .popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}