.map-heading {
    margin-top:100px;
    width:400px;
    position:absolute;
}
@media screen and (max-width:600px) {
    .map-heading {
        position:static;
    }
}
.map-holder {
    position: relative;
    z-index: 100;
    padding-left:200px;
    min-width:480px;
    max-width:780px;
}

.map-link {
    fill:var(--gray);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    stroke:#ffffff;
    cursor:pointer;
}
.map-link:hover, .map-link:active {
    fill: #F60691;
}

table.dataTable {
    /* override datatable's javascript setting of width */
    width: 100% !important;
}

table.dataTable thead th,
table.dataTable tbody td {
    display: none;
}
/* Always show name */
table.dataTable thead th:nth-child(1),
table.dataTable tbody td:nth-child(1) {
    display: table-cell;
}
/* Show Available Online, Specialist Area and Client Type */
@media (min-width: 580px) {
    table.dataTable thead th:nth-child(2),
    table.dataTable thead th:nth-child(3),
    table.dataTable thead th:nth-child(5),
    table.dataTable tbody td:nth-child(2),
    table.dataTable tbody td:nth-child(3),
    table.dataTable tbody td:nth-child(5) {
        display: table-cell;
    }
}
/* Show Client Type and Accreditation */
@media (min-width: 886px) {
    table.dataTable thead th:nth-child(6),
    table.dataTable thead th:nth-child(7),
    table.dataTable tbody td:nth-child(6),
    table.dataTable tbody td:nth-child(7) {
        display: table-cell;
    }
}
/* Show all columns */
@media (min-width: 1050px) {
    table.dataTable thead th,
    table.dataTable tbody td {
        display: table-cell;
    }
}

/* MemberTable individual member pop-up*/
#ViewOptometrist button.close {
    color: #333;
    padding: 0.2rem 0.4rem 0.35rem 0.4rem;
    border: 1px solid #333;
    border-radius: 1rem;
    margin-bottom: 1rem;
}

.optometrists-search-list {
    list-style: none;
    color: #000000;
    font-weight: bolder;
}
.optometrists-search-list li::before {
    content: "" !important;
}