/* Style the tab */
.tab {
  overflow: hidden;
  
  background-color: #221d1f;
  color: #f2c885;
  
}

#control-head{
  margin-top: 15px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  cursor: pointer;
  padding: 10px 4px;
  /* transition: 0.3s; */
  color: #f2c885;
  border: 2px solid #666056;
  border-radius: 6px 6px 0px 0px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #221d1f;
  color: white;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #221d1f;
  color: white;
  border-bottom: none;
}

/* Style the tab content */
.tabcontent {
  display: none;
  /* padding: 6px 11px 6px 6px; shubham_april_work 15_04_24 */
  padding: 6px 11px 28px 6px; /* shubham_april_work 15_04_24 */
  border-left: 2px solid #554E47;
  border-right: 2px solid #554E47;
  border-bottom: 2px solid #554E47;
  /* border-radius: 6px 6px 0px 0px; */
}

#legend_content{
  width: 350px;
}

#creator_img {
  width: 350px;
}