.sc_arrow_up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;
}

.sc_arrow_down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #f00;
}

.sc_arrow_right {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  
  border-left: 60px solid green;
}

.sc_arrow_left {
	
	
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid blue; 
}

.sc_arrow_chevron {
	border: solid black;
	border-width: 0 5px 5px 0;
	display: inline-block;
	padding: 3px;
	
	width:30px;height:30px;
	position:absolute;
	left:0px;right:0px;top:0px;bottom:0px;margin:auto;
}
.sc_arrow_chevron_left {
	transform: rotate(135deg);
}
.sc_arrow_chevron_right {
	transform: rotate(-45deg);
}
.sc_arrow_chevron_up {
	transform: rotate(-135deg);
}
.sc_arrow_chevron_down {
	transform: rotate(45deg);
}