#divMapContent{
    background-color: white;
    margin: 0 1px;
    height: calc(100vh - 185px);
    border-top: 1px solid lightgray;
}

#map {
    height: calc(100% - 45px);
}
    #map.fullscreen {
        height: 100vh !important;
    }

.vehicle-group-0 {
    color: gray;
}

.vehicle-group-1 {
    color: blue;
}

.vehicle-group-2 {
    color: purple;
}

.vehicle-group-3 {
    color: green;
}

.vehicle-group-4 {
    color: mediumorchid;
}

.vehicle-group-5 {
    color: maroon;
}

.vehicle-line-1 {
    stroke: blue;
    stroke-opacity: 0.7;
}

.vehicle-line-2 {
    stroke: purple;
    stroke-opacity: 0.7;
}

.vehicle-line-3 {
    stroke: green;
    stroke-opacity: 0.7;
}

.vehicle-line-4 {
    stroke: mediumorchid;
    stroke-opacity: 0.7;
}

.vehicle-line-5 {
    stroke: maroon;
    stroke-opacity: 0.7;
}

.vehicle-icon {
    width: 20px !important;
    height: 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: center;
}

    .vehicle-icon .icon-border {
        background-color: lightgray;
        padding: 2px;
        height: 15px;
        width: 15px;
        font-size: 15px;
        line-height: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: content-box;
    }

    .vehicle-icon .icon-border-selected {
        border: 2px red solid;
        border-radius: 50%;
        z-index: 2000;
    }

    .vehicle-icon .icon-border-latest {
        z-index: 1000;
        border-radius: 50%;
    }

    .vehicle-icon .icon-border-normal {
        z-index: 1000;
        border-radius: 50%;
    }

    .vehicle-icon .vehicle-group-1.icon-border-normal {
        border: 2px solid rgba(0, 0, 255, 0.7);
        color: rgba(0, 0, 255, 0.7);
    }

    .vehicle-icon .vehicle-group-1.icon-border-latest {
        border: 2px solid blue;
    }

    .vehicle-icon .vehicle-group-2.icon-border-normal {
        border: 2px solid rgba(128, 0, 128, 0.7);
        color: rgba(128, 0, 128, 0.7);
    }

    .vehicle-icon .vehicle-group-2.icon-border-latest {
        border: 2px solid purple;
    }

    .vehicle-icon .vehicle-group-3.icon-border-normal {
        border: 2px solid rgba(0, 128, 0, 0.7);
        color: rgba(0, 128, 0, 0.7);
    }

    .vehicle-icon .vehicle-group-3.icon-border-latest {
        border: 2px solid green;
    }

    .vehicle-icon .vehicle-group-4.icon-border-normal {
        border: 2px solid rgba(186, 85, 211, 0.7);
        color: rgba(186, 85, 211, 0.7);
    }

    .vehicle-icon .vehicle-group-4.icon-border-latest {
        border: 2px solid mediumorchid;
    }

    .vehicle-icon .vehicle-group-5.icon-border-normal {
        border: 2px solid rgba(128, 0, 0, 0.7);
        color: rgba(128, 0, 0, 0.7);
    }

    .vehicle-icon .vehicle-group-5.icon-border-latest {
        border: 2px solid maroon;
    }

    .vehicle-icon .icon-border.icon-border-none {
        background-color: transparent;
        z-index: 1000;
        margin-top: -1px;
        margin-left: -1px;
        padding: 5px;
    }

.bearing-icon {
    transform-origin: center;
    z-index: 3000;
    padding: 3px;
}

    .bearing-icon .fa-angle-up {
        height: 18px;
        width: 18px;
    }

#divCurrentVehicleSection label {
    background-color: lightgray;
    border: 1px solid black;
    font-weight: bold;
    margin-left: 0 !important;
    padding: 5px;
    width: 100%;
}

#divCurrentVehicle {
    overflow: auto;
    height: calc(100% - 30px);
}

#ulCurrentVehicleList {
    padding: 0px;
}
    #ulCurrentVehicleList li {
        border-bottom: 1px solid lightgray;
        list-style: none;
        padding: 5px;
    }

    #ulCurrentVehicleList li:hover {
        background: #b2e0ef;
        font-weight: bold;
    }

        #ulCurrentVehicleList li.selected {
            background: #5077ad;
            font-weight: bold;
        }

/* Tooltip always gets some spacing no matter where Leaflet places it */
.leaflet-tooltip.tooltip-fixed-offset {
    padding: 3px;
    font-size: 12px;
}

/* When tooltip appears to the right of icon */
.leaflet-tooltip-right.tooltip-fixed-offset {
    left: 10px !important;
}

/* When tooltip appears to the left of icon */
.leaflet-tooltip-left.tooltip-fixed-offset {
    left: -10px !important;
}

/* When tooltip appears above icon */
.leaflet-tooltip-top.tooltip-fixed-offset {
    top: -10px !important;
}

/* When tooltip appears below icon */
.leaflet-tooltip-bottom.tooltip-fixed-offset {
    top: 10px !important;
}


.navMenu {
    padding: 0 !important;
}