.deceased_animal {
position: absolute;
top: 3px;
left: 3px;
background: url('../images/deceased_patient.png') no-repeat;
width: 80px;
height: 80px;
}

.missing_animal {
position: absolute;
top: 3px;
left: 3px;
background: url('../images/missing_patient.png') no-repeat;
width: 80px;
height: 80px;
}

.gmvet_animal {
position: absolute;
top: 63px;
left: 5px;
background: url('../images/gmvet.png') no-repeat;
width: 24px;
height: 19px;
}

a.hasReminder {
 color:yellow !important;
}


.status .ok 
{
  width:16px;
  height:16px;
  background: url('../images/ok.png');
}
.status .ko
{
  width:16px;
  height:16px;
  background: url('../images/ko.png');
}



/*div.tip
{
padding:5px 0;
font-weight:bold;
}*/

div.promotion div.tip
{
text-align:left;
font-weight:normal;
position: absolute;
margin-top: 10px;
margin-left: 20px;
color: white;
background: rgba(0, 0, 0, 0.8);
padding: 10px 15px;
border-radius: 3px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
-webkit-transform: scale(0) rotate(-22deg);
-moz-transform: scale(0) rotate(-22deg);
-ms-transform: scale(0) rotate(-22deg);
-o-transform: scale(0) rotate(-22deg);
transform: scale(0) rotate(-22deg);
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
z-index:1000;
white-space: nowrap;
}

div.promotion div.tip:before {
content: '';
position: absolute;
top: -6px;
left: 10px;
width: 0;
height: 0;
border-bottom: 6px solid rgba(0, 0, 0, 0.8);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}

div.promotion:hover div.tip {
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
opacity: 1;
}