/* Datatables CSS  */
#collectionTable td {
    font-size: smaller;
}

#collectionTable th,
#collectionTable_info,
#collectionTable_paginate {
    font-size: small;
}

.dtsp-titleRow {
    display: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: #f94510;
}

table.dataTable>tbody>tr.child span.dtr-title {
    min-width: 140px;
    padding-left: 26px;
}

table.dataTable>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px #f94510;
}

/* Leaflet CSS */

#map-container {
    height: 550px;
}

@media screen and (max-width: 1200px) {
    #map-container {
        height: 500px;
    }
}

@media screen and (max-width: 992px) {
    #map-container {
        height: 400px;
    }
}

@media screen and (max-width: 768px) {
    #map-container {
        height: 300px;
    }
}

.leaflet-container a {
    color: #f94510;
}


/* ------------------------------------------------------------------------------------------ */
/* Marker Cluster --------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

.marker-cluster-small {
    background-color: rgba(181, 226, 140, 0.6);
}

.marker-cluster-small div {
    background-color: rgba(110, 204, 57, 0.6);
}

.marker-cluster-medium {
    background-color: rgba(241, 211, 87, 0.6);
}

.marker-cluster-medium div {
    background-color: rgba(240, 194, 12, 0.6);
}

.marker-cluster-large {
    background-color: rgba(253, 156, 115, 0.6);
}

.marker-cluster-large div {
    background-color: rgba(241, 128, 23, 0.6);
}

.marker-cluster {
    background-clip: padding-box;
    border-radius: 20px;
}

.marker-cluster div {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border-radius: 15px;
    font-size: 12px;
}

.marker-cluster span {
    line-height: 30px;
}