.map-filtres-spirule {

    .select2 {
        @apply border-0 text-secondary;
        height: 55px !important;

        &-selection {
            @apply flex flex-row items-center;
            @apply border-primary !important;
            height: 55px !important;

            &__arrow {
                @apply text-primary h-full flex items-center;
                right: 20px;

                b {
                    @apply hidden;
                }

                &:after {
                    content: '\f078';
                    @apply font-awesome transition-transform duration-300;
                }
            }

            &__clear {
                @apply hidden pl-2;
            }

            &__rendered {
                @apply text-primary !important;

            }

            &__placeholder {
                @apply text-primary !important;

            }
        }

        &-container {
            @apply w-full !important;

            &--open {
                .select2-dropdown--below {
                    @apply border-0 rounded-none;

                }

                .select2-selection--single .select2-selection__arrow {
                    &:after {
                        transform: rotate(180deg);
                    }

                }
            }
        }

        &-results {
            &__options {
                @apply p-4;
            }

            &__option {
                &--highlighted {
                    @apply text-secondary bg-transparent;

                }
            }
        }
    }

    .select2-container--default {
        .select2-selection--single {
            @apply flex items-center border-transparent rounded-none;
            height: 55px;

            &:focus {
                @apply outline-none;

            }
        }
    }



    .filters-map {
        height: 600px;

        /* fixes potential theme css conflict */
        & img {
            max-width: inherit !important;
        }

        .centre {
            @apply relative;
            @apply bg-white !important;
            min-width: 270px;

            .centre {
                &-header {
                    @apply relative top-0 left-0 flex items-center justify-center flex-col text-white w-full;
                    @apply bg-primary !important;

                    border-top-left-radius: 6px;
                    border-top-right-radius: 6px;
                    height: 100px;

                    p {
                        @apply text-center font-normal;
                        font-size: 12px;

                        strong {
                            @apply inline-block mt-2 font-semibold uppercase;
                            font-size: 16px;
                        }
                    }
                }

                &-body {
                    @apply p-6 overflow-hidden relative;
                    /* 
                    p {
                        font-size: 1.4rem;
                    } */

                    &-info {
                        &>div {
                            @apply flex items-start mb-4;

                            i {
                                @apply text-primary mr-8;
                            }

                            p {
                                @apply mt-0;
                            }
                        }
                    }

                    &-button {
                        @apply appearance-none shadow-none border-0 bg-transparent text-primary h-auto border-b border-primary p-0 m-0 font-normal lowercase text-left pb-2;
                        min-width: 10rem;
                    }
                }

                &-seances {
                    @apply hidden overflow-auto;
                    height: 170px;

                    .centre-seance {
                        @apply mb-4;
                    }

                    p {
                        span {
                            @apply text-primary inline-block mb-1;
                        }
                    }

                    button {
                        @apply block w-auto h-auto py-0 mx-2 ml-auto font-bold text-primary bg-white border-2 border-primary;
                        font-size: 10px;
                        border-radius: 3px;
                    }
                }
            }
        }
    }

}