.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.invert {
   -webkit-filter: invert(100%);
    filter: invert(100%);
}

.lineAc {
color:#0072BC; 
cursor:pointer; 
background-color:#f7f7f7;

font-size:14px;
padding:6px 4px;
border:1px solid #ccc; 
border-radius:3%;
}
.lineActive {
color:#0072BC; 
cursor:pointer; 
background-color:	#3b5998;
font-size:14px;
padding:6px 4px;
border:1px solid #ccc; 
border-radius:3%;
color:white;
font-weight:bold;
}

.lineAc:hover {
background-color:	#13afeb;
color:white;
font-weight:bold;
}