body {font-family: 'Open Sans', sans-serif; color: #333333;}
.cartomante {transition: all 0.2s ease-in-out;}
.cartomante:hover {transform: scale(1.05); background-color: #a3cdbf !important;}
.cartomante div.heart-rosso {background: url(/cvo/img/occupato.jpg) no-repeat; width: 37px; height: 37px; /*animation: rotateIn 5000ms linear 0s infinite normal;*/}
.cartomante div.heart-verde {background: url(/cvo/img/libero.jpg) no-repeat; width: 37px; height: 37px; /*animation: smuovi 2500ms ease-in-out 0s infinite normal;*/}
.cartomante div.heart-giallo {background: url(/cvo/img/pausa.jpg) no-repeat; width: 37px; height: 37px;}
.cartomante div.heart-grigio {background: url(/cvo/img/offline.jpg) no-repeat; width: 37px; height: 37px;}
.busy.cartomante, .free.cartomante, .pause.cartomante {background-color: #eeeeee; border: 1px solid #ffffff; height: 37px; /* padding-left: 5px; */}
.offline.cartomante {background-color: #dddddd; border: 1px solid #ffffff; height: 37px; /* padding-left: 5px; */}
.cartcodice {display:inline-block; font-style: italic; position: relative; top: -10px; padding-left: 10px;}
.heart {display:inline-block;}
.labelnome {display:inline-block; font-weight: 600; position: relative; top: -10px; padding-left: 5px;}
.busy .labelnome {color: #dd3333;}
.free .labelnome {color: #08b000;}
.pause .labelnome {color: #ffaa00;}
.offline .labelnome {color: #999999;}
.labelnome a {color: #dd3333; text-decoration: none;}
@keyframes rotateIn {
	0% {transform: rotateZ(0deg);}
    100% {transform: rotateZ(360deg);}
}
@keyframes smuovi {
	0% {transform: translateX(0);}
    60% {transform: translateX(0);}
    65% {transform: translateX(-4px);}
    75% {transform: translateX(4px);}
    85% {transform: translateX(-4px);}
    95% {transform: translateX(4px);}
    100% {transform: translateX(0);}
}