/**************************************/
/* Global styles for demo             */
/**************************************/
body {
  height: 100% !important;
  width: 100% !important;
  margin: 0;
  padding: 0;
  font-family: 'Source Sans Pro', sans-serif;
  background-color: #d4d4d4;
  background-position: center center;
  background-repeat: no-repeat;
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#fff), to(#d4d4d4));
  background: -webkit-radial-gradient(circle, #fff, #d4d4d4);
  background: -moz-radial-gradient(circle, #fff, #d4d4d4);
  background: -ms-radial-gradient(circle, #fff, #d4d4d4);
}
h1 {
  text-align: center;
}
body, h2 {
  font-weight: 400;
  text-align: center;

}

.invisible {
	display:none;
}

.visible {
	display:block;
}

#policy-selection{
	position: absolute;
	top: 10px;
	right: 20px;
}

#opts{
	#position: absolute;
	top: 10px;
	right: 20px;
	background-color: white;
}
#opts > div{
	padding:5px;
}

.tech-tree-background{
	#background-color: #dddddd;
}


.name {
  font-weight: bold;
}

.about {
  fill: #777;
  font-size: smaller;
}

.t-link {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.dormant-t-link{
	stroke: #ff0000;
}

.t-name {
  font-weight: bold;
}
.axis { font: 12px sans-serif; }





.static240 {
	flex: 0 0 240px;
}
.static160 {
	flex: 0 0 160px;
}
.my-sidebar {
    min-width: 200px;
} 

.active-time {
	fill: #ffffff;
	stroke: #fff;
}

.t-rect {
	#fill: #cccccc;
	#stroke: #fff;
}


.btn-circle {
  width: 15px;
  height: 15px;
  padding: 0px 0px;
  border-radius: 7.5px;
  text-align: center;
  font-size: 12px;
  line-height: 1.29;
  position: absolute;
  
}