body {font-family: 'Open Sans', sans-serif; color: #222222;}
.cartomante {transition: all 0.2s ease-in-out; height: 37px;}
.cartomante:hover {transform: scale(1.05);}
.cartomante:hover .cartcodice {font-weight: 600;}
.cartomante:hover .labelnome {color: #ffffff;}
.busy.cartomante:hover {background-color: #df342e;}
.free.cartomante:hover {background-color: #00b000;}
.pause.cartomante:hover {background-color: #ffab01;}
.offline.cartomante:hover {background-color: #999999;}
.cartomante div.heart-rosso {background: url(/cvo/img/vera-occupato.png) no-repeat; width: 37px; height: 37px;}
.cartomante div.heart-verde {background: url(/cvo/img/vera-libero.png) no-repeat; width: 37px; height: 37px;}
.cartomante div.heart-giallo {background: url(/cvo/img/vera-pausa.png) no-repeat; width: 37px; height: 37px;}
.cartomante div.heart-grigio {background: url(/cvo/img/vera-offline.png) no-repeat; width: 37px; height: 37px;}
.busy.cartomante, .free.cartomante, .pause.cartomante {background-color: #eeeeee; border: 1px solid #ffffff;}
.offline.cartomante {background-color: #dddddd; border: 1px solid #ffffff;}
.cartcodice {display:inline-block; position: relative; top: -11px; padding-left: 10px;}
.heart {display:inline-block;}
.labelnome {display:inline-block; font-weight: 600; position: relative; top: -11px; 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;}
.time {position: relative; top: -43px; right: -37px; font-size: small; background-color: #dd3333; color: #fff; width: calc(100% - 37px);}
.time > div {margin-left: 15px; display: inline-block;}
.busy .cartcodice, .busy .labelnome {top: -4px;}