::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #ccc;
}

::-webkit-scrollbar-thumb:hover {
    background: #999;
}

html, body {
    height: 100%;
}

body {
    text-align: center;
}

#map {
    height: calc(100% - 65px);
    width: 100%;
    z-index: 1;
}

.navbar {
    z-index: 2;
}

.alg-form input {
    width: 65px !important;
}

html * {
    /* font-size: 14px; */
    color: #2020131;
    font-family: 'Roboto', sans-serif;

}

.btn:focus, .btn:active:focus, .btn.active:focus,
.btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
}

header {
    height: 65px;
}

#results {
    width: 100%;
    overflow-x: auto; /* Ensures horizontal scrolling if the table overflows */
}

/* Optional: Add some padding/margins to make sure the table isn't cramped */
table.dataTable {
    width: 100% !important; /* Force DataTables to use 100% width */
    margin-top: 20px;       /* Optional styling */
    margin-bottom: 20px;    /* Optional styling */
}

/* Apply a different background color for every other row */
table.dataTable tbody tr:nth-child(odd) {
    background-color: #f9f9f9; /* Light gray color for odd rows */
}

table.dataTable tbody tr:nth-child(even) {
    background-color: #ffffff; /* White color for even rows */
}

/* Make sure the table doesn't overflow horizontally */
.dataTable {
    width: 100% !important; /* Make the table take full width of its container */
    table-layout: fixed; /* Fix the table layout to avoid expanding columns */
    overflow: hidden;
}

h6{
    font-size: 0.8rem;
}

.dataTables_wrapper .row{
    display: grid;
    width: 100%;
    justify-content: center !important; /* Center horizontally */
    align-items: center;     /* Center vertically (optional) */
}
.dataTables_paginate .pagination{
    justify-content: flex-start !important; /* Center horizontally */
}

.dataTables_info{
    display: none !important;
}

.leaflet-control-container.sidebar-open .leaflet-top.leaflet-left {
    left: 410px;
    transition: left 0.35s;
}