.flights-map-filter-content-checkboxes {
    p-checkbox {
        margin-top: $space-l;
    }
}

@media (min-width: $media-breakpoint-mobile) and (max-width: $media-breakpoint-tablet) {
    flights-map-filter {
        .flights-map-filter-content {

            .flights-map-filter-header{
                display: none;
            }

            .flights-map-filter-content-cities{
                display: flex;
                flex-direction: row;

                > * {
                    width: 50%;
                }
                

                .change-container {
                    width: auto;
                    padding-right: $space-m;
                    padding-left: $space-m;

                    .button-change {
                        margin-top: 14px;
                        height: $standard-button-height;
                        width: 45px;

                        svg {
                            transform: rotate(0deg);
                        }
                    }
                }
            }
            
            .flights-map-filter-info{
                margin-top: 10px;
            }

            .flights-map-filter-content-checkboxes{
                @include h-spacing($space-xl);

                

                p-checkbox {
                    margin-top: 10px;
                }
            }
        }
    }
}


@media (max-width: $media-breakpoint-mobile) {
    flights-map-filter {
        .p-calendar {
            width: 100%;

            .p-datepicker-calendar-container .p-datepicker-calendar td a,
            .p-datepicker-calendar-container .p-datepicker-calendar td span {
                font-size: $font-size-m !important;
            }
        }

        .city-autocomplete-popup-wrapper .city-autocomplete-popup .tabs {
            flex-wrap: wrap;
        }

        .city-autocomplete-popup-wrapper .city-autocomplete-popup .tabs .tab-button:first-child {
            flex-grow: 4;
            width: 100%;
        }

        .city-autocomplete-popup-wrapper .city-autocomplete-popup .tabs .tab-button {
            height: $button-height--mobile;

            &.active {
                border-bottom: 1px solid $border;
            }
        }

        .city-autocomplete-popup-wrapper
            .city-autocomplete-popup
            .content
            .content--scroll-panel
            .p-scrollpanel
            .p-scrollpanel-wrapper
            .row
            .cell.contry {
            display: none;
        }

        .city-autocomplete-popup-wrapper
            .city-autocomplete-popup
            .content
            .content--scroll-panel
            .p-scrollpanel
            .p-scrollpanel-wrapper
            .row.country-start-row {
            display: flex;
            flex-direction: column;

            .cell.contry {
                display: block;
                width: 80%;
            }
        }

        .city-autocomplete-popup-wrapper
            .city-autocomplete-popup
            .content
            .content--scroll-panel
            .p-scrollpanel
            .p-scrollpanel-wrapper
            .row
            .cell.city
            .airports-column {
            flex-wrap: wrap;
        }

        .flights-map-filter-header{
            display: none;
        }
    }
}

