.map { 
height: 600px;
width: 1140;
margin: auto;
}
.button {
background-color: #4CAF50; border: none;
color: white;
padding: 10px 24px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
width: 100%;
cursor: pointer;
}
#loader {
display: none;
width: 20px;
height: 20px;
border: 3px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top-color: #fff;
animation: spin 1s ease infinite;
margin-left: 10px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.my-label {
position: absolute;
width:auto;
font-size:14px;
}
.input-group {
width: 800px;
}
input{
height: 45px;
}
#container {
max-width: 1140px;
margin: auto;
}
.flatpickr-date {
width:100%;
}
.flatpickr-time {
width:100%;
}
.btn{
align-self: flex-end;
}
.parking-search{
width: 100%;
}
.parking-search-container{
line-height: 96px;
}
.flatpickr-time{
height: 38px !important;
}
.form-control[readonly] {
background-color: #FFF !important;
}
.search-details {
text-align: center;
}
.leaflet-popup-content > p {
margin: 0 !important;
}
.rm-hidden {
display: none !important;
}
.lbold {
font-weight: bold;
}
#parking-search-module {
margin-bottom: 50px;
border: 1px solid #cdcdcd;
padding: 25px;
}
@media(max-width: 1024px) {
#container {
max-width:1024px;
}
}
@media(max-width: 767px) {
#container {
max-width:767px;
}
}
@media (max-width: 600px) {
.formcontainer {
display: block;
}
.poi {
width: 100% !important;
}
.flatpickr-date{
width:98%;
}
.flatpickr-time{
width:98%;
margin-left:2%;
}
.map { 
height: 400px;
width: 100%;
}
}