select.vicinato-lista {
    max-width:120px;
    padding:2px;
    border-radius:5px;
    border:1px solid lightgrey;
}
@media screen and (min-width: 1200px) {
    select.vicinato-lista {
        max-width:80px !important;
    }
}

select.vicinato-lista-2 {
    max-width:50px;
    padding:2px;
    border-radius:5px;
    border:1px solid lightgrey;
}
@media screen and (min-width: 1200px) {
    select.vicinato-lista-2 {
        max-width:80px !important;
    }
}


select{
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    /* background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e); */
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
@media (min-width: 768px){
    select{
        padding: 0.275rem 0.85rem 0.275rem 0.25rem;
        -moz-padding-start: calc(0.25rem - 3px);
        background-position: right 0.25rem center;
        font-size: 11px;
        background-size: 12px 10px;
    }
}

    #container-map {
        overflow:auto;
        display:flex;
        justify-content:center;
        align-items:center;
        overflow:hidden;
        height:99%;
        padding-right:5px;
        padding-left:5px;
    }
    @media screen and (min-width: 1200px) {
        #container-map {
            padding:0px;
        }
    }

    .mappa-desktop {
        display:block;
        width:100%;
    }
    @media screen and (min-width: 1200px) {
        .mappa-desktop {
            display:block;
            width:880px !important;
        }
    }
    @media screen and (min-width: 1400px) {
        .mappa-desktop {
            display:block;
            transform:scale(1.3);
        }
    }
    @media screen and (min-width: 1600px) {
        .mappa-desktop {
            display:block;
            transform:scale(1.4);
        }
    }
    @media screen and (min-width: 1800px) {
        .mappa-desktop {
            display:block;
            transform:scale(1.5);
        }
    }
    @media screen and (min-width: 1920px) {
        .mappa-desktop {
            display:block;
            transform:scale(1.6);
        }
    }

        .mappa-flex {
            display:flex;
            flex-direction:column;
            width:100%;
        }
        @media screen and (min-width: 1200px) {
            .mappa-flex {
                flex-direction:row !important;
            }
        }

            .mappa-description {
                background-color: #FEFDF1;
                background: #FEFDF1 url(/themes/iu_desk/imgs/bg-modali-min.jpg) repeat;
                height:200px;
                overflow:hidden;
                order:1;
            }
            @media screen and (min-width: 1200px) {
                .mappa-description {
                    flex:1;
                    background-color: #FEFDF1;
                    background: #FEFDF1 url(/themes/iu_desk/imgs/bg-modali-min.jpg) repeat;
                    height:400px !important;
                    margin-top:10px;
                    overflow:hidden;
                    order:1;
                }
            }

                .mappa-title {
                    background: transparent url(/themes/iu_desk/imgs/modal-top-red.svg) no-repeat top center;
                    background-size: cover;
                    height:20px;
                    clip-path: polygon(0% 100%, 100% 50%, 100% 0%, 0% 0%);
                }

                .mappa-ins-1 {
                    height:150px;
                    padding:10px;
                    display:flex;
                    flex-direction:column;
                }
                @media screen and (min-width: 1200px) {
                    .mappa-ins-1 {
                        height:360px;
                        padding:10px;
                        display:flex;
                        flex-direction:column;
                    }
                }

                    .mappa-heading {
                        display:block;
                        background:white;
                        padding:5px;
                        font-family: 'triplex-serif', serif;
                        text-transform:uppercase;
                        font-size:15px;
                        color:#9a002b;
                        font-weight:bolder;
                        text-align:left;
                        border-bottom:1px solid lightgrey;
                    }

                    .mappa-text {
                        display:flex;
                        flex-direction:row;
                        background:white;
                        padding:5px;
                        flex:1;
                        overflow:auto;
                        font-size:9px;
                        text-align:left;
                        font-family:'Trebuchet MS', sans-serif;
                    }
                    @media screen and (min-width: 1200px) {
                        .mappa-text {
                            display:block !important;
                        }
                    }

                        .container-img-mappa {
                            display:block;
                            float:left;
                            margin-right:10px;
                            margin-bottom:5px;
                        }
                        img.mappa-img {
                            height:70px;
                            width:70px;
                            box-shadow:0 0 5px rgba(0,0,0, 0.5);
                        }

                        .mappa-descrizione-resp {
                            display: block;
                            padding: 1em;
                        }
                        @media screen and (min-width: 1200px) {
                            .mappa-descrizione-resp {
                                display: contents;
                                padding: 0;
                            }
                        }

                        .mappa-wrapper {
                            float:right;
                            width:auto;
                        }
                        @media screen and (min-width: 1200px) {
                            .mappa-wrapper {
                                float:none !important;
                            }
                        }

                        .mappa-spacer {
                            display:none;
                        }
                        @media screen and (min-width: 1200px) {
                            .mappa-spacer {
                                display:block;
                                height:80px;
                            }
                        }

                        span.dorm-inqui {
                            display: inline;
                            font-family: "lorimer-no-2", sans-serif;
                            font-weight:bolder;
                            white-space: nowrap;
                        }
                        span.dorm-inqui-2 {
                            color:#b8002f;
                        }
                        span.dorm-inqui-3 {
                            text-transform:uppercase;
                        }

                        .prenotazione-mobile {
                            display:inline-block;
                        }
                        @media screen and (min-width: 1200px) {
                            .prenotazione-mobile {
                                display:none;
                            }
                        }
                    .mappa-chat-list {
                        display:none;
                    }
                    @media screen and (min-width: 1200px) {
                        .mappa-chat-list {
                            display:block;
                            max-height:130px;
                            padding:5px;
                            overflow:auto;
                        }
                    }

                        a.btn-mappa, a.btn-mappa:visited {
                            display:block;
                            text-transform:uppercase;
                            font-family:"triplex-serif", serif;
                            color:white;
                            font-weight:700;
                            font-size:9px;
                            background:#B8002F;
                            margin-bottom:2px;
                            border:1px solid #B8002F;
                            border-radius:18px;
                            padding:5px 15px;
                            cursor:pointer;
                            transition:all ease-in-out .3s;
                        }
                        a.btn-mappa:hover {
                            color:#B8002F;
                            background:white;
                            cursor:pointer;
                            transition:all ease-in-out .3s;
                        }

            #mappa-case {
                width:auto;
                max-height:170px;
                overflow-y:auto;
                overflow-x:hidden;
                background-color: #FEFDF1;
                background: #FEFDF1 url(/themes/iu_desk/imgs/bg-modali-min.jpg) repeat;
                order:3;

            }
            @media (min-height: 840px) {
                #mappa-case {
                    max-height:370px;
                }
            }
            @media screen and (min-width: 1200px) {
                #mappa-case {
                    flex:none !important;
                    width:560px;
                    max-height:420px;
                    min-height:420px;
                    margin-bottom:0px;
                    background-color:#fff8ec;
                    background-size:cover;
                    overflow:hidden;
                    position:relative;
                    z-index:3;
                    box-shadow:0 0 5px rgba(0,0,0,0.5);
                    order:2;
                }
            }

                #mappa-case .mappa-locked {
                    position:static;
                    width:auto;
                    max-height:130px;
                    background-color:rgba(0,0,0,0.9);
                    padding:20px;
                }
                @media (min-height: 840px) { 
                    #mappa-case .mappa-locked {
                        max-height:330px;
                    }
                }
                @media screen and (min-width: 1200px) {
                    #mappa-case .mappa-locked {
                        position:absolute !important;
                        top:0px;
                        left:0px;
                        width:520px;
                        min-height:380px;
                        max-height:380px;
                    }
                }
                    .mappa-locked-text {
                        color:white;
                        font-size:9px;
                    }

                #mappa-case a.mappa-location, #mappa-case a.mappa-location:visited {
                    position:static;
                    display:flex;
                    flex-direction:row;
                    align-items:start;
                    justify-content:start;
                    background-color:#d40039;
                    border-bottom:1px solid lightgray;
                    width:100%;
                    min-height:auto;
                    transition: transform 300ms linear;
                }
                #mappa-case a.mappa-location:hover {
                    background-color:#b8002f;
                }
                @media screen and (min-width: 1200px) {
                    #mappa-case a.mappa-location, #mappa-case a.mappa-location:visited {
                        position:absolute !important;
                        background-color:transparent;
                        border-bottom:none;
                        width:30px;
                        min-height:30px;
                        display:flex;
                        flex-direction:column;
                        align-items:center;
                        justify-content:center;
                        transition: transform 300ms linear;
                    }
                    #mappa-case a.mappa-location:hover {
                        background-color:transparent;
                        transform: scale(1.25);
                        transition: transform 300ms linear;
                        z-index: 1000;
                    }
                }

                a.location-dorm {
                    background-color:white !important;
                }
                a.location-comm {
                    background-color:green !important;
                }
                a.location-kappa {
                    background-color:#c77900 !important;
                }
                a.location-pi {
                    background-color:#504877 !important;
                }
                @media screen and (min-width: 1200px) {
                    a.location-dorm {
                        background-color:transparent !important;
                    }
                    a.location-comm {
                        background-color:transparent !important;
                    }
                    a.location-kappa {
                        background-color:transparent !important;
                    }
                    a.location-pi {
                        background-color:transparent !important;
                    }
                }

                    .mappa-pointer {
                        width:30px;
                        height:30px;
                        text-align:center;
                        background-color:transparent;
                        border-radius:50%;
                        position: relative;
                        box-shadow: none;
                        order:1;
                    }
                    .mappa-pointer::after {
                        content: "";
                        order:1;
                    }
                    @media screen and (min-width: 1200px) {
                        .mappa-pointer {
                            width:30px;
                            height:30px;
                            text-align:center;
                            background-color:#d40039;
                            border-radius:50%;
                            position: relative;
                            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
                            order:2;
                        }
                        .mappa-pointer::after {
                            content: "";
                            position: absolute;
                            left: 50%;
                            bottom: -8px;
                            transform: translateX(-50%);
                            width: 20px;
                            height: 6px;
                            background: rgba(0, 0, 0, 0.4);
                            border-radius: 50%;
                            filter: blur(2px);
                            z-index: -1;
                            order:2;
                        }
                    }

                    .mappa-pointer-dorm {
                        background-color:transparent;
                    }
                    .mappa-pointer-comm {
                        background-color:transparent;
                    }
                    .mappa-pointer-kappa {
                        background-color:transparent;
                    }
                    .mappa-pointer-pi {
                        background-color:transparent;
                    }
                    @media screen and (min-width: 1200px) {
                        .mappa-pointer-dorm {
                            background-color:white !important;
                        }
                        .mappa-pointer-comm {
                            background-color:green !important;
                        }
                        .mappa-pointer-kappa {
                            background-color:#c77900 !important;
                        }
                        .mappa-pointer-pi {
                            background-color:#504877 !important;
                        }
                    }

                    a.mappa-location span {
                        background-color:transparent;
                        padding:0px;
                        font-family:"lorimer-no-2", sans-serif;
                        color:#fff;
                        text-transform:uppercase;
                        font-size:10px;
                        border-radius:0px;
                        font-weight:400;
                        display:inline-block;
                        max-width:auto;
                        text-overflow:none;
                        white-space:normal;
                        overflow:hidden;
                        margin-bottom:2px;
                        margin-top:2px;
                        order:2;
                    }
                    a.mappa-location:hover span {
                        order:2;
                    }
                    a.mappa-location span.dorm {
                        color:black !important;
                    }
                    @media screen and (min-width: 1200px) {
                        a.mappa-location span {
                            background-color:#b8002f;
                            padding:2px;
                            font-family:"lorimer-no-2", sans-serif;
                            color:#fff;
                            text-transform:uppercase;
                            font-size:7px;
                            border-radius:5px;
                            font-weight:400;
                            display:inline-block;
                            max-width:40px;
                            text-overflow:ellipsis;
                            white-space:nowrap;
                            overflow:hidden;
                            margin-bottom:2px;
                            margin-top:0px;
                            order:1;
                        }
                        a.mappa-location:hover span {
                            text-overflow: unset;
                            white-space: normal;
                            overflow: visible;
                            order:1;
                        }
                        a.mappa-location span.dorm {
                            background-color:white !important;
                            color:black !important;
                        }
                        a.mappa-location span.comm {
                            background-color:green !important;
                        }
                        a.mappa-location span.kappa {
                            background-color:#c77900 !important;
                        }
                        a.mappa-location span.pi {
                            background-color:#504877 !important;
                        }
                    }

                    img.mappa-mini {
                        width:20px;
                        height:20px;
                        margin-top:4px;
                        border:1px solid white;
                        border-radius:50%;
                    }

            .mappa-vicinato {
                width:auto;
                background-color: #FEFDF1;
                background: #FEFDF1 url(/themes/iu_desk/imgs/bg-modali-min.jpg) repeat;
                height:80px;
                margin-top:0px;
                order:2;
            }
            @media screen and (min-width: 1200px) {
                .mappa-vicinato {
                    width:100px;
                    height:350px;
                    margin-top:5px;
                    order:3;
                }
            }

                .mappa-ins-2 {
                    display:flex;
                    flex-direction:row;
                    padding:10px;
                }
                @media screen and (min-width: 1200px) {
                    .mappa-ins-2 {
                        display:flex;
                        flex-direction:column;
                        height:310px;
                        padding:10px;
                    }
                }

                    .vicinato-riempitivo {
                        flex:1;
                    }
                    @media screen and (min-width: 1200px) {
                        .vicinato-riempitivo {
                            flex:none;
                        }
                    }

                    .vicinato-riempitivo-2 {
                        width:50px;
                    }
                    @media screen and (min-width: 1200px) {
                        .vicinato-riempitivo-2 {
                            width:auto;
                        }
                    }

                    .vicinato-riempitivo-3 {
                        width:150px;
                    }
                    @media screen and (min-width: 1200px) {
                        .vicinato-riempitivo-3 {
                            width:auto;
                        }
                    }

                .vicinato-heading {
                    display:block;
                    font-family: 'triplex-serif', serif;
                    text-transform:uppercase;
                    font-size:12px;
                    color:#9a002b;
                    font-weight:bolder;
                    text-align:left;
                    margin-bottom:5px;
                }
                @media screen and (min-width: 1200px) {
                    .vicinato-heading {
                        font-size:15px;
                        text-align:right;
                        border-bottom:1px solid lightgray;
                        padding:5px;
                    }
                }
                    .heading-2 {
                        font-size:11px !important;
                    }

                    a.btn-vicinato, a.btn-vicinato:visited {
                        display:inline-block;
                        text-transform:uppercase;
                        font-family:"triplex-serif", serif;
                        color:#323232;
                        font-weight:700;
                        font-size:9px;
                        background:white;
                        margin-bottom:2px;
                        border:1px solid #323232;
                        border-radius:18px;
                        padding:5px 15px;
                        cursor:pointer;
                        transition:all ease-in-out .3s;
                    }
                    a.btn-vicinato:hover {
                        color:white;
                        background:#323232;
                        cursor:pointer;
                        transition:all ease-in-out .3s;
                    }
                    @media screen and (min-width: 1200px) {
                        a.btn-vicinato, a.btn-vicinato:visited {
                            display:block;
                        }
                        a.btn-vicinato:hover {
                            color:white;
                            background:#323232;
                            cursor:pointer;
                            transition:all ease-in-out .3s;
                        }

                    }

                .mappa-back {
                    background: #CA1B2B;
                    background: linear-gradient(180deg, #CA1B2B 20%,rgb(168, 12, 20) 100%);
                    height:30px;
                }

            .mappa-mobile-end {
                display:block;
                width:auto;
                height:30px;
                background-color: #FEFDF1;
                background: #FEFDF1 url(/themes/iu_desk/imgs/bg-modali-min.jpg) repeat;
                order:4;
            }
            @media screen and (min-width: 1200px) {
                .mappa-mobile-end {
                    display:none;
                }
            }

iframe.frame-mappa {
    width:560px;
    height:420px;
}

#mappa-case .case-eventi-dormitorio {
    width:550px;
    height:280px;
    transform:scale(0.6);
    position:absolute;
    top:145px;
    left:110px;
}

.case-dorm-list {
    height:215px;
    overflow:auto;
    margin-top:5px;
    font-size:14px;
    padding-right:4px;
}
.case-dorm-list ul {
    list-style:none;
}
.case-dorm-list li {
    text-align:justify;
    margin-bottom:10px;
}

.case-eventi-dormitorio h3 {
    font-family: 'triplex-serif', serif;
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #B8002F;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

/* pets */

.chat-animaletti {
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:center;
        width:100%;
        box-sizing:border-box;
    }
    .chat-animaletti span {
        padding:4px 6px;
        border-radius:6px;
        display:block;
        background-color: rgb(47, 37, 38, 0.95);
        color:#cecece;
        text-transform:uppercase;
        text-align:center;
    }