body {

  font-family: 'Open Sans', sans-serif;

  font-size: 12px;
	
  font-weight: 400;

  	background-color: #fff;


	margin-top: 10px;

}
#panel1.panel {background-color: #FF0000;}
#panel2.panel {background-color: #DC143C;}
#panel3.panel {background-color: #8B0000;}
#panel4.panel {background-color: #B22222;}

	

#main {

 }



#sidebar {

	padding-top: 165px;
	height: 600px;
	font-size: 25px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 900;
	text-align: left;
	color: white;
	margin-right: 60px;
}



#sequence {

  width: 600px;

  height: 70px;

}



#legend {

  padding: 10px 0 0 3px;

}



#sequence text, #legend text {

  font-weight: 600;

  fill: #fff;

}



#chart {

  position: relative;

}



#chart path {

  stroke: #fff;

}

.panel-heading.ui-sortable-handle { 
	
	padding: 18px 20px;
	
}

#explanation {

  position: absolute;

  top: 260px;

  left: 305px;

  width: 140px;

  text-align: center;
 
  color: #666;

  z-index: -1;

}



#percentage {

  font-size: 3.8em;

}


#draggablePanelList .panel-heading {
        cursor: move;
    }