/* space colour */
.spaceAvailable {
    fill: #15b00d;
    color: #15b00d;
}

    .spaceAvailable:hover {
        fill: #107e0b;
    }

.spacePartAvailable {
    fill: #ebb00a;
    color: #ebb00a;
}

    .spacePartAvailable:hover {
        fill: #d59d00;
    }

.spaceNotAvailable {
    fill: #AE0000;
    color: #AE0000;
}

    .spaceNotAvailable:hover {
        fill: #8C0000;
    }

.spaceDisabled {
    fill: #393939;
    color: #393939;
}

    .spaceDisabled:hover {
        fill: #686868;
    }

/* booking colour */
.bookingYours {
    fill: #00008D;
    color: #00008D;
}

    .bookingYours:hover {
        fill: #0000CC;
    }

.bookingOther {
    fill: #898989;
    color: #898989;
}

    .bookingOther:hover {
        fill: #686666;
    }


#mapContainer {
/*    background: #f6f6f6ff;*/
    background-image: radial-gradient(lightgrey 1px, transparent 0);
    background-size: 20px 20px;
}


#panZoomContainer {
    height: calc(100vh - 140px);
    overflow: hidden;
}

/* mobile view */
@media (max-width: 767.98px) {
    #panZoomContainer {
        height: calc(100vh - 220px);
    }
}

.avatar {
    height: 18px;
    width: 18px;
}