body { font-family: sans-serif; }

.dmg { height: 200px; }

.dmg svg { width: 100%; height: 100%; }

.dmg.truckok #truck { fill: #008000 !important; }
.dmg.truckok #truckdmg { fill: #fff !important; }
.dmg.truckwarn #truck { fill: #FFCC00 !important; }
.dmg.truckwarn #truckdmg { fill: #000 !important; }
.dmg.truckdanger #truck { fill: #CA0B00 !important; }
.dmg.truckdanger #truckdmg { fill: #fff !important; }

.dmg.trailerna #trailer { fill: rgba(255, 255, 255, 0.05) !important; }
.dmg.trailerna #trailerdmg { display: none; }
.dmg.trailerok #trailer { fill: #008000 !important; }
.dmg.trailerok #trailerdmg { fill: #fff !important; }
.dmg.trailerwarn #trailer { fill: #FFCC00 !important; }
.dmg.trailerwarn #trailerdmg { fill: #000 !important; }
.dmg.trailerdanger #trailer { fill: #CA0B00 !important; }
.dmg.trailerdanger #trailerdmg { fill: #fff !important; }

.dmg #cargo { box-shadow: 0px 0px 5px white; }
.dmg.cargona #cargo { display: none; }
.dmg.cargona #cargodmg { display: none; }
.dmg.cargook #cargo { fill: #008000 !important; }
.dmg.cargook #cargodmg { fill: #fff !important; }
.dmg.cargowarn #cargo { fill: #FFCC00 !important; }
.dmg.cargowarn #cargodmg { fill: #000 !important; }
.dmg.cargodanger #cargo { fill: #CA0B00 !important; }
.dmg.cargodanger #cargodmg { fill: #fff !important; }