ul.chevrons {
padding: 0px;
}
ul.chevrons input 
{
    font-size: 10px;   
    width: 62px;
    text-align:center;
}

ul.chevrons li[contenteditable="true"] 
{
 background-color: White !important;
 color: Black !important;
 white-space: nowrap; 
 border: 1px solid black !important;
}

ul.chevrons li[contenteditable="true"] br
{
 display:none;

}

ul.chevrons li
{
    display: block;
	float: left;
	height: 16px;
	background: blue;
	text-align: center;
	padding: 2px 10px 2px 0px;
width: 56px;
	position: relative;
	margin: 0 7px 0 7px; 

	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}


ul.chevrons li.notavailable:first-child:before 
{
 border-left-color: grey;
 
}
ul.chevrons li.notavailable 
{
    background-color: grey;
}
ul.chevrons li.notavailable:after 
{
    border-left-color: grey;
}
ul.chevrons li.notavailable:before
{
    border-top-color: grey;
    border-bottom-color: grey;
   
}
.projectgrpgrid_legend .notavailable 
{
	background-color: grey;
	text-align: center;
}

ul.chevrons li.approved:first-child:before 
{
 border-left-color: DarkGreen;
 
}
ul.chevrons li.approved 
{
    background-color: DarkGreen;
}
ul.chevrons li.approved:after 
{
    border-left-color: DarkGreen;
}
ul.chevrons li.approved:before
{
    border-top-color: DarkGreen;
    border-bottom-color: DarkGreen;
   
}

.projectgrpgrid_legend .approved 
{
	background-color: DarkGreen;
	text-align: center;
}

ul.chevrons li.approvedlate:first-child:before 
{
 border-left-color: DarkRed;
 
}
ul.chevrons li.approvedlate 
{
    background-color: DarkRed;
}
ul.chevrons li.approvedlate:after 
{
    border-left-color: DarkRed;
}
ul.chevrons li.approvedlate:before
{
    border-top-color: DarkRed;
    border-bottom-color: DarkRed;
   
}

.projectgrpgrid_legend .approvedlate 
{
	background-color: DarkRed;
	text-align: center;
}

ul.chevrons li.notstarted:first-child:before 
{
 border-left-color: LightBlue;
 
}
ul.chevrons li.notstarted 
{
    background-color: LightBlue;
}
ul.chevrons li.notstarted:after 
{
    border-left-color: LightBlue;
}
ul.chevrons li.notstarted:before
{
    border-top-color: LightBlue;
    border-bottom-color: LightBlue;
   
}

.projectgrpgrid_legend .notstarted 
{
	background-color: LightBlue;
	text-align: center;
}

ul.chevrons li.wip:first-child:before 
{
 border-left-color: yellow;
 
}

ul.chevrons li.wip 
{
    background-color: yellow;
    color: Black;
    
}
ul.chevrons li.wip:after 
{
    border-left-color: yellow;
}
ul.chevrons li.wip:before
{
    border-top-color: yellow;
    border-bottom-color: yellow;
   
}

.projectgrpgrid_legend .wip 
{
	background-color: yellow;
	text-align: center;
}

ul.chevrons li.late:first-child:before 
{
 border-left-color: orange; 
}
ul.chevrons li.late 
{
    background-color: orange;
}
ul.chevrons li.late:after 
{
    border-left-color: orange;
}
ul.chevrons li.late:before
{
    border-top-color: orange;
    border-bottom-color: orange;
   
}

.projectgrpgrid_legend .late 
{
	background-color: orange;
	text-align: center;
}

ul.chevrons li:after {
content: "";
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid blue;
position: absolute;
right: -10px;
top:0;

}

.chevron-action 
{
    text-align:center; display:block; margin-left:5px; margin-right:5px;
}

ul.chevrons li:before 
{
    
    content:"";
    border-top: 10px solid blue;
    border-bottom: 10px solid blue;
    border-left: 10px solid transparent;
    position: absolute;
    left: -10px; top:0;
}