body, html {
    font-family: arial, sans-serif;
    font-size: 11pt;
  }
header {
  margin: 1%;
}
#visualization {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.vis-item.vis-line {
  border-color: red;
  border-width: 5px;
}
.vis-item.uldajalugu {
  background-color: red;
}
.vis-item.kunstiajalugu {
  background-color: greenyellow;
}
.vis-item.mesopotaamia {
  background-color: rgb(133, 86, 0);
  color: white;
}
.vis-item.egiptus {
  background-color: orange;
}
.vis-item.egeus {
  background-color: yellow;
}
.vis-item.vana-kreeka {
  background-color: lightcyan;
}
.vis-item.vana-rooma {
  background-color: royalblue;
  color: white;
}
.vis-item.kristlik.butsants {
  background-color: aqua;
}
.vis-item.kristlik.romaani {
  background-color: gray;
}
.vis-item.kristlik.gooti {
  background-color: lightcoral;
}
.vis-item.kristlik.renessanss {
  background-color: coral;
}

.vis-label.vis-group-level-0 {
  width: 200px !important; 
}

#mesopotaamia {
  background-color: rgb(133, 86, 0);
  color: white;
  padding: 2px;
}
#egiptus {
  background-color: orange;
  padding: 2px;
}
#egeus {
  background-color: yellow;
  padding: 2px;
}
#vana-rooma {
  background-color: royalblue;
  color: white;
  padding: 2px;
}
#vana-kreeka {
  background-color: lightcyan;
  padding: 2px;
}
#butsants {
  background-color: aqua;
  padding: 2px;
}
#romaani {
  background-color: gray;
  padding: 2px;
}
#gooti {
  background-color: lightcoral;
  padding: 2px;
}
#renessanss {
  background-color: coral;
  padding: 2px;
}
#varakristlik {
  background-color: #d5ddf6;
  padding: 2px;
}