styles.css

.gen-button{
	border-radius:5px;
	cursor:pointer;	
	font-size:1.5em;
	padding-top:9px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	border:solid;
	border:transparent;
}
.center-button-full-width{
	text-align:center;
	margin:1.5em;
}
.success{
	background-color: #5cb85c;
	border-color:#5cb85c;
}
.video-element{
	height:100%;
}
.border{ border:1px solid red; }
.sub-titles{
	font-family: 'Tajawal', sans-serif;
}
.center-horz-vert{
	position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}
#orgChartContainer{
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(255,255,255,.7);
	height:100vh;
	width:100vw;
}

#orgChart{
	position:absolute;
	top:12.5vh;
	left:12.5vw;
	height:60vh;
	width:75vw;
	background-color:white;
}
	.node {
	  cursor: pointer;
	}
		.node circle {
		  fill: #fff;
		  stroke: steelblue;
		  stroke-width: 1.5px;
		}
		.node text {
		  font: 10px sans-serif;
		}

		.link {
		  fill: none;
		  stroke: #ccc;
		  stroke-width: 1.5px;
		}

	.floaterExitButton{
		width:20px;
		height:20px;
		position:absolute;
		right:5px;
		top:5px;
		cursor:pointer;
		background-image:url('../assets/cancel.png');
		background-size:cover;
	}
	#chartHeader{
		width:100%;
		/*background-color:black;*/
		height:25px;
		text-align:center;
	}