header.nav-homepage-style {
    background-color: white !important;
}

.home-slides {
    text-align: center !important;
}

.slide-bg-black {
    background: #000000d4;
    padding: 30px;
}



.properties-custom-pg {
    background: #663399db;
    padding: 10px;
}


svg.plot-layout {
    /* background-color: green; */
    font-family: var(--primary-font-family);
}

svg.plot-layout .blackArea {
    fill: black;
    stroke-width: 2px;
    stroke: white;
}

svg.plot-layout .yellowFill {
    fill: yellow;
    stroke-width: 2px;
    stroke: white;
    font-size: 0.8em;

}

svg.plot-layout .redText {
    fill: red;
    font-size: 0.8em;

}

svg.plot-layout .whiteText {
    fill: white;
    font-size: 0.8em;

}

svg.plot-layout .plot {
    stroke-width: 2px;
    stroke: white;
    fill: green;
    cursor: pointer;
}

svg.plot-layout .plot:hover {
    fill: skyblue;
    transition: all 0.2s linear;

}

svg.plot-layout .booked {
    fill: red;

}

svg.plot-layout .matched {
    fill: orange;

}

svg.plot-layout .hold {
    fill: skyblue;

}

svg.plot-layout .plotNumber {

    fill: white;
    font-weight: bolder;
    font-size: 0.8em;
}

.plots-layout-container {
    margin: 0 auto 0 auto;
    width: 90%;
    overflow-x: hidden;
    background: mintcream;
    /* background-image: url('/assets/images/plots-layout-bg.jpg'); */

    /* background: var(--header-background); */

}

.plots-layout-container.full-screen {
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5;
}

svg.digital-plot-layout .plot {
    fill: transparent !important;
    cursor: pointer;

}

svg.digital-plot-layout .booked {

    fill: #ff0000b5 !important;
}

svg.digital-plot-layout .matched {
    fill: #8442e79e !important;
}

svg.digital-plot-layout .hold {
    fill: rgba(135, 207, 235, 0.721) !important;
}

svg.digital-plot-layout .plot:hover {
    fill: #87ceeb9c !IMPORTANT;


}

.flex-center {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
}


.office-location-iframe iframe {
    height: 300px;
}

/* .plots-filters-container{
    z-index: 500;
} */