.loader {
  position: absolute;
  left: 50%;
  top: 200px;
  z-index: 1;
  width: 100px;
  height: 100px;
  margin: -76px 0 0 -76px;
  border: 16px solid peachpuff;
  border-radius: 50%;
  border-top: 16px solid steelblue;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  visibility: hidden;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#searchandresult {
			width: 100%;
}

#mynetwork {
            width: 100%;
            height: 400px;
            border: 1px solid lightgray;
			float: left;
			background-color: Silver;
}
		
		
}
		
#mygraph {
            width: 100%;
            height: 400px;
            border: 1px solid lightgray;
			margin-left: 50%;
			background-color: Silver;
}

.match.term0 {
            background-color: #D0F0C0;
}

.match.term1 {
            background-color: #a3b68a;
}

.match.term2 {
            background-color: #c7b793;
}
.match.term3 {
            background-color: #dee094;
}

.match.term4 {
            background-color: #6496C8;
}

.vis-item.Nairobi {
		  background-color: #FF9900;
		  font-size: 80%;}
		.vis-item.Geneva {
		  background-color: #2B7CE9;
		  font-size: 80%;}
		.vis-item.New-York {
		  background-color: #5A1E5C;
		  font-size: 80%;}
		.vis-item.Appeal {
		  background-color: #C5000B;
		  font-size: 80%;}
}