style.css

#relationship_graph {
	width: 100%;
	height: 100%;
	border: 1px solid lightgray;
	background-color: #efefef;
}

/* Set height of the grid so .sidenav can be 100% (adjust if needed) */
.row.content {height: 1500px}

/* Set gray background color and 100% height */
.sidenav {
  background-color: #f1f1f1;
  height: 2500px;
}

/* Set black background color, white text and some padding */
footer {
  background-color: #555;
  color: white;
  padding: 15px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    padding: 15px;
overflow: scroll;
  }
  .row.content {height: auto;} 
}

#dialog {
	display: none;

}

.progress-container {
	margin-top: 2em;
	margin-bottom: 2em;
}
.progress-label {
	color: #868e96;
	margin-bottom: 0px;
}

.progress-label a {
	color: #868e96;
}

.progress-label a:hover {
	color: black;
	text-decoration: none;
}

.highlight  {
	background-color: yellow;
}

td { cursor: pointer; }

.my-awesome-btn {
	background: #34d981;
	background-image: -webkit-linear-gradient(top, #34d981, #1e7832);
	background-image: -moz-linear-gradient(top, #34d981, #1e7832);
	background-image: -ms-linear-gradient(top, #34d981, #1e7832);
	background-image: -o-linear-gradient(top, #34d981, #1e7832);
	background-image: linear-gradient(to bottom, #34d981, #1e7832);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	font-family: Arial;
	color: #f7f7f7;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

.my-awesome-btn:hover {
	background: #3cfcbc;
	background-image: -webkit-linear-gradient(top, #3cfcbc, #3fe399);
	background-image: -moz-linear-gradient(top, #3cfcbc, #3fe399);
	background-image: -ms-linear-gradient(top, #3cfcbc, #3fe399);
	background-image: -o-linear-gradient(top, #3cfcbc, #3fe399);
	background-image: linear-gradient(to bottom, #3cfcbc, #3fe399);
	text-decoration: none;
	cursor: pointer;
}