body {font-family: "Open Sans", Arial, Helvetica, sans-serif;}
.boxNew {
        height: 64px;
        width: 260px;
        position: relative;
        display: inline-block;
}
.imgNew {
        position: absolute;
        height: 25px;
        top: 2px;
        width: 25px;
        background-color: transparent;
}
.imgNew img.starlight {animation: brilla linear 4000ms infinite;}
.img-answered {-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.labelnameNew {
        position: absolute;
        height: 48px;
        font-size: 18px;
        line-height: 25px;
        top: 2px;
        left: 62px;
        width: 205px;
        overflow: hidden;
		/* modificato da color: #2e3842; */
}
.color-answered {
	color: #ff0000;
}
.color-idle {
    color: #008000;
}
.color-pause {
	color: #ffa500;
}
.color-offline {
    color: #808080;
}
.font-answered {
    font-weight: 600;;
}
@keyframes brilla {
    0% {-ms-transform: translate(-23px, -53px) rotate(0deg); -webkit-transform: translate(-23px, -53px) rotate(0deg); transform: translate(-23px, -53px) rotate(0deg); -moz-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3;}
    25% {-ms-transform: translate(0px, -53px) rotate(90deg); -webkit-transform: translate(0, -53px) rotate(90deg); transform: translate(0px, -53px) rotate(90deg); -moz-opacity: 1; -webkit-opacity: 1; opacity: 1;}
	50% {-ms-transform: translate(23px, -53px) rotate(180deg); -webkit-transform: translate(23px, -53px) rotate(180deg); transform: translate(23px,-53px) rotate(180deg); -moz-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3;}
    100% {-ms-transform: translate(-23px, -53px) rotate(360deg); -webkit-transform: translate(-23px, -53px) rotate(360deg); transform: translate(-23px, -53px) rotate(360deg); -moz-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3;}
}