#indices-map-type-select {
    display:         flex;
    justify-content: space-between;
    gap:             1em;
    flex-wrap:       wrap;
    margin:          1em auto;
}

.btn-array {
    display:         flex;
    justify-content: center;
    gap:             5px;
    flex-wrap:       wrap;
}

@media (max-width:767px) {
    #indicator-select-form {
        line-height: 2.5em;
        text-align:  center;
    }

    .btn-array { width: 100%; }
}

input[type=radio]:checked + label.btn,
input[type=checkbox]:checked + label.btn {
    cursor:             default !important;
    color:              #dcdee0 !important;
    background-color:   #3d4551 !important;
    -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
}

#display {
    display:     flex;
    align-items: flex-start;
    margin:      1em auto;
}

#indicator {
    max-width: calc(100% - 85px);
}

@media (max-width: 767px) {
    #display {
        flex-wrap: wrap;
    }
}

@media (max-width: 575px) {
    #indices-dataType-select,
    #indices-dotContour-select {
        width: 100%;
    }
}

#indicator-data-files > * {
    white-space: nowrap;
    font-size:   80%;
    line-height: 150%;
}

#indicator-maps {
    width:     100%;
    display:   flex;
    flex-wrap: wrap;
}

#indicator-maps img {
    max-width: 741px;
}