bo-graduation/website/highlight.css

	/* Hide */

	.hide {
	background-color: black !important;

	}

	.legendhide-clicked {
	background-color: black !important;
	color: white !important;

	}

	.TO:hover, .DT:hover, .IN:hover, .WDT:hover, .WP:hover, .MD:hover, .PRP:hover, .CC:hover, .marks:hover, .comma:hover, .dot:hover {
	background-color: black;
	}


	/* Verb */

	.verb {
	background-color: yellow !important;
	}

	.VB:hover, .VBZ:hover, .VBN:hover, .VVD:hover {
	background-color: yellow;
	color: black;

	}

/*	.verb-bg {
	background-color: yellow;
	color: yellow;
 
	}*/

	.bg-verb {
	background-color: yellow;
	color: yellow;
	}

	.legendverb-clicked {
		background-color: yellow !important;
	}



	/* Adjective */

	.adjective {
	color: white !important;
	background-color: blue !important;
	}

	.JJ:hover {
	color: white;
	background-color: blue;
	}

	.bg-adjective {
	color: blue;
	background-color: blue;

	}

	.legendadjective-clicked {
	background-color: blue !important;
	color: white !important;
	}


	/* Posessive Pronoun*/

	.possesivepronoun {
		background-color: red !important;
		color: white !important;
	}
	.PRPS:hover {
		background-color: red !important;
		color: white !important;

	}

	.bg-possesivepronoun {
		background-color: red;
		color: red;

	}

	.legendpossesivepronoun-clicked {
		background-color: red !important;
		color: white !important;

	}



	/* Noun */

	.noun {
	background-color: springgreen !important;
	}

	.NN:hover, .NNS:hover {
	background-color: springgreen;
	color: black;
	}

	.bg-noun {
	background-color: springgreen;
	color: springgreen;

	}

	.legendnoun-clicked {
	background-color: springgreen !important;

	}


	/* Proper Noun */

	.propernoun {
	background-color: pink !important;
	}

	.NNP:hover, .NNPS:hover {
	background-color: pink;	
	color: black;

	}

	.bg-propernoun {
	background-color: pink;
	color: pink;

	}

	.legendpropernoun-clicked {
	background-color: pink !important;

	}


	/* Adverb */

	.adverb {
	background-color: purple !important;
	color: white !important;
	}

	.RB:hover {
		background-color: purple;
		color: white;
	}

	.bg-adverb {
	background-color: purple;
	color: purple;

	}

	.legendadverb-clicked {
	background-color: purple !important;
	color: white !important;


	}


	/* Present Participle */

	.presentparticiple {
		background-color: brown !important;
		color: white !important;
	}

	.VBG:hover {
		background-color: brown;
		color: white;

	}

	.bg-presentparticiple {
		background-color: brown;
		color: brown;

	}

	.legendpresentparticiple-clicked {
		background-color: brown !important;
		color: white !important;

	}


	/* 	Adjective Superlative */

	.adjectivesuperlative {
		background-color: salmon !important;
		color: white !important;

	}

	.JJS:hover {
		background-color: salmon;
		color: white;

	}

	.bg-adjectivesuperlative {
		background-color: salmon;
		color: salmon;

	}

	.legendadjectivesuperlative-clicked {
		background-color: salmon !important;
		color: white !important;

	}


	/* 	Adjective Superlative */

	.adverb-comparative-superative {
	background-color: lightgreen !important;
	color: black !important;	
	}

	.RBR:hover, .JJR:hover, .RBS:hover {
	background-color: lightgreen;
	color: black;

	}
	
	.bg-adverb-comparative-superative {
	background-color: lightgreen !important;
	color: lightgreen !important;

	}

	.legendadverb-comparative-superative-clicked {
	background-color: lightgreen !important;
	color: black !important;

	}


/* 	currency sign */

	.currencysign {
	background-color: deepskyblue !important;
	color: black !important;	
	}

	.currencysign2:hover {
	background-color: deepskyblue !important;
	color: black;

	}
	
	.bgcurrencysign {
	background-color: deepskyblue !important;
	color: deepskyblue !important;

	}

	.legendcurrencysign-clicked {
	background-color: deepskyblue !important;
	color: black !important;

	}