#products-select-container {
    display:         flex;
    justify-content: space-between;
    flex-wrap:       wrap;
    margin:          1em auto;
}

#products-select-container > * {
    flex: 1 0 auto;
}

#products-label-select-all {
    display:         flex;
    justify-content: space-between;
    align-items:     flex-end;
    margin-bottom:   0.25em;
}
#select-all-products {
    border:           solid 1px #3d4551 !important;
    color:            #3d4551 !important;
    background-color: #ffffff !important;
}
#select-all-products:not(.selected):hover {
    background-color: #c6cace !important;
}
#select-all-products.selected {
    color:            #dcdee0 !important;
    background-color: #3d4551 !important;
}

#products { width: 100%; }

#filters {
    display:         flex;
    justify-content: space-between;
}

#filters .filter-category { flex: 0 1 auto; }

#filters .filter-category:not(:last-of-type) {
    margin-right: 10px;
}

#date { line-height: 2.5em; }

#maps-container {
    display:         flex;
    flex-wrap:       wrap;
    justify-content: space-evenly;
}

#maps-container > * {
    text-align: center;
    padding:    5px;
    max-width:  650px;
}

.loader-container {
    min-height: 320px;
}

#maps-container > * img:not(.loader) {
    width: 100%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #products-select-container .checkbox-label {
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    #products-select-container > *:not(:last-of-type) {
        margin-right: 10px;
    }
    #products-select-container > *:last-of-type {
        margin-left: 10px;
    }

    #maps-container > * {
        flex: 1 0 50%;
    }
}

@media (max-width: 991px) {
    #products-select-container > * {
        width: 100%;
    }

    #maps-container > * {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #date label {
        display: inline-block;
        width:   90px;
    }

    #date select {
        width: calc(100% - 90px);
    }
}

@media (max-width: 575px) {
    #products-select-container #products,
    #products-select-container .checkbox-label {
        font-size: 18px;
    }
}