/* Background header */
.cities-background{
background: url(/SPEAK_WEB_Patterns/img/SpeakCitiesmap.png?34621&34621&10878);
background-size: 100% 100%;
}

.phone .cities-background{
background: unset;
background-size: unset;
background-color: var(--color-primary);
}



/* Patterns - Controls - ButtonGroup */
.button-group {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.button-group.justified,
.button-group.justified .ListRecords {width: unset;}
.button-group .ListRecords {display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap:wrap;}
.button-group label {
    -webkit-box-flex: none;
            -ms-flex: none;
                flex: none;
    position: relative; word-break: normal;margin-top: 10px;margin-right: 10px;}

/* Enable a label to be used inside button group */

.speak-filters{
    text-align: center;
}


.phone .speak-filters{
    display: none;
}

.speak-filters-mobile{
display: none;
}


.phone .speak-filters-mobile{
      display: unset;

}

.speak-filters-mobile::-webkit-scrollbar {
  display: none;
}


/* */

.button-group label > label {
   pointer-events: none;
}

.button-group .btn {
    border-radius: 5px;
    border: 1px solid #D5DBDC;
    color: var(--color-text-01);
    display: inline-flex;
    white-space: nowrap;
    width: 100%;
    padding: var(--space-s);         
}

.Form .button-group .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.button-group label:first-child .btn {
    border-radius: 5px;
}

.button-group label:last-child .btn {
    border-radius: 5px;
}

.button-group label .btn {
    text-align: center;
}

.button-group label:not(:first-child) .btn {
    border-left: 1px solid #D5DBDC;
}

.button-group input[type="radio"] {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.button-group input[type="radio"]:checked + .btn {
    background-color: #CEEFFC;;
    border: 1px solid var(--color-primary);
    color: var(--color-text-01);
}

.phone .button-group label {
    -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
    width: auto; 
}

.phone .button-group label .btn:not(:first-child) {
    border: 1px solid #D5DBDC;
}

.phone .button-group label:not(:first-of-type) .btn {
    border: 1px solid #D5DBDC;
}

.phone .button-group label:first-child .btn {
    border-radius: var(--border-radius-soft);

}

.phone .button-group label:last-child .btn {
    border-radius: var(--border-radius-soft);
}

.phone .button-group,
.phone .button-group .ListRecords {
    -ms-flex-wrap: unset;
        flex-wrap: unset;
    width:max-content;

}

body {

}

html {
overflow: auto;
}

.ie10 :not(.justified).button-group label {
    display: table-cell;
}

.ie10 .button-group:not(.justified) label,
.ie11 .button-group:not(.justified) label {
    flex: none;
}

.Form.form-top .button-group label {
    padding-bottom: 0;
}

/* */

.city-name {font-size: 24px;  font-weight: bold;line-height: 36px;}



/* To have all the content in the dropdown */
.dropdown .dropdown-content .dropdown-content-list {    max-height: fit-content;}