.stnotsase {
    fill: #E6E6E6;
    stroke: #CCCCCC;
    stroke-width: 0.5;
    stroke-miterlimit: 10;
}

.stsase {
    fill: #590404;
    stroke: #FFFFFF;
    stroke-width: 1.5;
    stroke-miterlimit: 10;
}

.st0 {
    fill: #E6E6E6;
    stroke: #CCCCCC;
    stroke-width: 0.5;
    stroke-miterlimit: 10;
}

.st1 {
    fill: #999999;
    stroke: #CCCCCC;
    stroke-width: 0.5;
    stroke-miterlimit: 10;
}

.st2 {
    stroke: #CCCCCC;
    stroke-width: 0.5;
    stroke-miterlimit: 10;
}

.st3 {
    fill: #999999;
}

.u-part {
    fill: #FFFFFF;
}

    .u-part:hover {
        fill: #f7efdd !important;
        cursor: pointer;
    }

.u-part-notHover {
    fill: #FFFFFF;
}

.u-part-status-0 {
    fill: #FFFFFF;
}

.u-part-status-1 {
    fill: lightgreen;    
}

.u-part-status-2 {
    fill: yellow;
}

.u-part-status-3 {
    fill: lightblue;
}

.legends {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: xx-small;
}

    .legends li {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 15px;
    }

        .legends li:before {
            content: '';
            border-radius: 10px;
            width: 10px;
            height: 10px;
            border: 1px solid #999999;
            background-color: #FFFFFF;
            margin-right: 5px;
        }

        .legends li.vehicle-damage-legend-B:before {
            background-color: lightgreen;
        }

        .legends li.vehicle-damage-legend-LB:before {
            background-color: yellow;
        }

        .legends li.vehicle-damage-legend-D:before {
            background-color: lightblue;
        }

        .legends li.vehicle-damage-legend-S:before {
            background-color: #590404;
        }

text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
}

.heavy-damage {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28pt;
    font-weight: bold;
}