body {
	font-family: 'Raleway', sans-serif;
	position: relative;
	width: 100%;
}

#title {
	vertical-align: top;
	text-align: center;	
	margin: 0 auto 25px auto;
}

#text {
	width: 70%;
	margin: 25px 15%;	
	text-align: center;		
}

svg {
	overflow: visible;
}

path.slice{
	stroke-width:2px;
}

polyline{
	opacity: .3;
	stroke: black;
	stroke-width: 2px;
	fill: none;
}

.donut {
	font-size: 10pt;
	float: left;
}

.draggable {
	cursor: move;
}

.placeholder {
	border: 1px dotted black;
	height: 95px;
    width: 95px;	
    float: left;	
}

.box {
	width: 70%;
	margin: auto 15% auto 15%;
	font-weight: bold;
	background-color: #ccc;
	border-radius: 10px;		
}

.student {
}

.group {
	min-height: 500px;
	margin-top: 50px;
}

.name {
	padding: 20px 50px;
	background-color: #aaa;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
}

.group .name .selector {
	text-align: right;
	font-weight: normal;	
}

#spinner-container {
	margin-left: 50px;
}

#spinner {
	font-size: 12px;
	width: 50px;
}

.students {
	min-height: 100px;	
	margin: 20px;
}

.groups {
	clear: both;
	margin: 2px 5px;
	/* min-height: 400px;	 */
}

.tabs {
	font-size: 12pt !important;
}

.group-students {
	vertical-align: middle;
}

.group-donut {
	vertical-align: middle;
}