/* PROPOSTA 1 - ANGOLI COLORATI */
/*
.data-red::before {
   content: "";
   left: 1px;
   top: 1px;
   border-style: solid;
   border-width: 15px 15px 0 0;
   border-color: red transparent transparent transparent;
   position: absolute;
}

.data-green::before {
   content: "";
   left: 1px;
   top: 1px;
   border-style: solid;
   border-width: 15px 15px 0 0;
   border-color: #8ac926 transparent transparent transparent;
   position: absolute;
}

.data-red, .data-green {
	position:relative;
}
*


/* PROPOSTA 2 - SFONDO COLORATO DINAMICO  */
.data-green .ui-state-default{
	background:rgba(138,201,38,.5) !important;
	transition:.2s;
}

.data-green .ui-state-active{
	background:rgba(138,201,38,1) !important;
	transform:scale(1.1);
}

.data-green .ui-state-default:hover{
	background:rgba(138,201,38,1) !important;
	transform:scale(1.1);
	/*border-radius:.5rem;*/
}

.data-red .ui-state-default{
	background:rgba(229,0,0,.5) !important;
	transition:.2s;
}

.data-red .ui-state-active{
	background:rgba(229,0,0,1) !important;
	transform:scale(1.1);
}

.data-red .ui-state-default:hover{
	background:rgba(229,0,0,1) !important;
	transform:scale(1.1);
	/*border-radius:.5rem;*/
}

.data-yellow .ui-state-default{
	background:rgba(255,240,0,.5) !important;
	transition:.2s;
}

.data-yellow .ui-state-active{
	background:rgba(255,240,0,1) !important;
	transform:scale(1.1);
}

.data-yellow .ui-state-default:hover{
	background:rgba(255,240,0,1) !important;
	transform:scale(1.1);
	/*border-radius:.5rem;*/
}