body {font-family: "Source Sans Pro", Helvetica, sans-serif;}

.free {
	background:#CCFF99;
}
.busy {
	background: #FF4D4D;
}
.pause {
	background: #ff7f50;
}
.notregistered {
	background: #9B9B9B;
	opacity: .50;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
}
.dnd {
	background: #FFD700;
}
.notregistered {
	background: #A9A9A9;
	/*opacity: .50;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;*/
}
.boxNew {
        height: 64px;
        width: 260px;
        position: relative;
        display: inline-block;
}
.imgNew {
        position: absolute;
        height: 25px;
        top: 2px;
        width: 25px;
        background-color: transparent;
}
.img-answered {-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-radius: 27px 27px 7px 27px; border: 3px solid #ed4933;}
.img-idle {-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);border-radius: 27px; border: 3px solid #00aa00;}
.img-busy, .img-pause {border-radius: 27px; border: 3px solid #ffc107;}
.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: #ffdddd;
}
.color-idle {
    color: #ddffdd;
}
.color-pause {
	color: #ffd390;
}
.font-answered {
    font-weight: 600;;
}
.extenbutton {
	width:12em;
	height:3em;
	font-size:85%;
	color:#fff;
	float:left;
	border:2px solid #AAA;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:2px 2px 3px #999;
	-webkit-box-shadow:2px 2px 3px #999;
	box-shadow:2px 2px 3px #999;
	margin:3px;
	padding:2px;
}
.presenceNormal {
	background: url(sprites02.png);
	background-position: 0 -25px;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	margin-right: 2px;
	float: left;
}
.presenceDnd {
        background: url(sprites02.png);
        background-position: 0 -50px;
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        margin-right: 2px;
        float: left;
}
.presenceBusy {
	background: url(sprites02.png);
	background-position: 0 0;
	width: 30px;
	height: 30px;
	margin-right: 2px;
	float: left;
}
.presenceNo {
        background: url(sprites02.png);
        background-position: 0 0;
        width: 30px;
        height: 30px;
        margin-right: 2px;
        float: left;
}
.labelname {
	color: #FFFFFF;
	height: 1.6em;
	float: left;
	/*width: 65%;*/
}
.selected {
	border: 2px solid #808080;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px #09f;
	-webkit-box-shadow: 2px 2px 3px #09f;
	box-shadow: 2px 2px 3px #09f;
}
.copyright {
        clear:both
}
.rotate img {animation: rotate 4000ms infinite;}
@keyframes rotate {
    0% {transform: rotateZ(0deg); -webkit-animation-timing-function: linear}
	100% {transform: rotateZ(360deg); -webkit-animation-timing-function: linear}
}
.nota img {animation: nota 2500ms infinite;}
@keyframes nota {
    0% {-ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
	35% {-ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
    40% {-ms-transform: translate(-2px, 0px); -webkit-transform: translate(-2px, 0px); transform: translate(-2px, 0px);}
    45% {-ms-transform: translate(2px, 0px); -webkit-transform: translate(2px, 0px); transform: translate(2px, 0px);}
	50% {-ms-transform: translate(-2px, 0px); -webkit-transform: translate(-2px, 0px); transform: translate(-2px, 0px);}
    55% {-ms-transform: translate(2px, 0px); -webkit-transform: translate(2px, 0px); transform: translate(2px, 0px);}
    60% {-ms-transform: translate(-2px, 0px); -webkit-transform: translate(-2px, 0px); transform: translate(-2px, 0px);}
	65% {-ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
    100% {-ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
}
.batticuore img {animation: batticuore 1300ms ease 0s infinite normal;}
@keyframes batticuore {
	0% {transform: scale(1);}
	14% {transform: scale(1.3);}
	28% {transform: scale(1);}
	42% {transform: scale(1.3);}
	70% {transform: scale(1);}
}