#map-container #map_canvas{ min-height:600px; width:100%; position: relative;}
#map-container .header-infowin{ font-size: 14px; font-weight: 500; margin-bottom: 5px; }
#map-container .filter-container{
position: absolute; 
width:173px; 
background-color: white; 
top:0; 
left:0; 
z-index: 1000; 
height: auto;
margin: 10px;
border: 1px solid #dfdfdf;
border-radius: 15px;
}
#map-container .filters {
z-index: 5000;
display: grid;
padding: 15px 10px;
}
#map-container .filter-button {
margin:4px;
background-color:#EFEFEF;
border-radius:4px;
border:1px solid #D0D0D0;
overflow:auto;
}
#map-container ..filter-button:hover {
cursor: pointer;
}
#map-container .filter-button label {
width: 100%;
cursor: pointer;
}
#map-container .filter-button label:hover {
background-color: white
}
#map-container .filter-button label span {
text-align:center;
padding:13px 0px;
display:block;
}
#map-container .filter-button label input {
position:absolute;
top:-20px;
}
#map-container .filter-button input:checked + span {
background-color:#79a600;
color:#fff;
}
#map-container {
width: 100%;
height:100%;
position: relative;
}
#map-container .preloader-map {
background-color: #dfdfdf;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2000;
display: flex;
justify-content: center;
align-items: center;
border: #96c21f 1px solid;
border-radius: 15px;
}
#map-container .spinner-text { 
margin-left: 10px !important;
color:rgba(0, 0, 0, 0.7) !important;
}
#map-container .filter-button input {
display: none !important;
}
#map-container .cluster-img {
width: 50px !important;
height: 50px !important;
}
#map-container .search-input {
margin: 0 4px;
}
#map-container #searchCity {
width: 100%;
height: 30px !important;
border: 1px solid #999 !important;
padding: 0 5px;
border-radius: 5px;
}
#map-container #searchCitySubmit {
margin-top: 5px;
height: 30px !important;
width: 100%;
background-color: #efefef !important;
border: 1px solid #d0d0d0 !important;
border-radius: 5px !important;
}
#map-container #searchCitySubmit:hover {
background-color: #d0d0d0 !important;
cursor: pointer !important;
}
#map-container .gm-fullscreen-control {
display: none;
}
#map-container .filters-buttons { 
margin-top: 30px !important;
}
#map-container .cluster-img-cont {
background-image: url(https://www.globkurier.pl/wp-content/uploads/2021/09/circlemarker.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
}
#map-container {
border: #96c21f 1px solid;
border-radius: 15px;
}
#map-container #map_canvas {
border-radius: 15px;
}
#map-container .preloader-map-click {
position: absolute;
z-index: 500;
display: flex;
align-items: center;
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
border-radius: 15px;
justify-content: center;
display: none;
}
#map-container .preloader-map-click .spinner-text {
font-weight: 500;
letter-spacing: 2px;
color: white !important;
}
#map-container .filter-container.onload  {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
z-index: 3000;
border-radius: 15px;
}
#map-container .filter-container .filters .onload-header {
display: none;
}
#map-container .filter-container.onload .filters .onload-header {
display: block;
text-align: center;
font-size: 18px;
margin: auto;
}
#map-container .filter-container.onload .search-input {
display: none;
}
#map-container .filter-container.onload .filters-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 10px !important;
}
#map-container .filter-container.onload .filters-buttons .filter-button {
padding: 0 2rem;
}
#map-container .filter-container .filters-buttons .filter-button:hover {
opacity: .8;
transition: .3s all;
}
#map-container .filter-container .filters-buttons .filter-button {
transition: .3s all;
}
#map-container .filter-button.disabled {
opacity: .5;
}
#map-container .filter-button.disabled:hover *{
cursor: wait !important;
}
@media screen and (max-width: 1360px) {
#map-container .filter-container{
left: -173px;
margin: 0;
border-radius: 0;
}
#map-container {
height: 450px;
}
#map_canvas {
min-height: 450px !important;
}
}
@media screen and (max-width: 1000px) { 
#map-container .filter-container{
width: 100%;
bottom: -175px;
left: 0;
margin: 0;
top: initial;
border-radius: 0;
width: 100%;
height: auto;
align-items: center;
border: none;
}
#map-container {
margin-bottom: 175px;
}
#map-container #map_canvas {
min-height: 450px !important;
}
#map-container .filters {
display: flex;
align-items: center;
padding: 0;
flex-wrap: wrap;
margin-top: 10px;
}
#map-container .search-input { 
display: flex;
align-items: center;
margin: 0;
}
#map-container .filters-buttons { 
display: flex;
align-items: center;
margin-top: 0 !important;
flex-wrap: wrap;
}
#map-container #searchCitySubmit {
margin-top: 0;
margin-left: 5px;
width: 100px;
}
#map-container .filter-button {
width: 100px;
margin: 5px 5px 0 0;
}
#map-container .filter-container.onload .filter-button {
width: auto;
margin: 5px;
}
#map-container .filter-container.onload {
width: 90%;
margin: 5px;
}
#map-container #searchCity {
width: 150px;
}
}