@media (max-width: 460px) {
    #select-form label {
        display: inline-block;
        width:   59px;
    }

    #select-form select {
        width: calc(100% - 64px);
    }

    #select-form {
        line-height: 2.25em;
    }
}

#return :disabled + label,
#return :disabled { display: none; }

.error-msg {
    position:         absolute;
    width:            100%;
    height:           100%;
    background-color: #ffffff;
}

/* Leaflet Map */
/***************/
#map-container {
    position:       relative;
    width:          100%;
    padding-bottom: 50%;
    margin:         1em auto;
}

@media (max-width: 991px) {
    #map-container {
        aspect-ratio: 1;
    }
}

#map-canvas {
    position:         absolute;
    width:            100%;
    height:           100%;
    border:           solid 1px #c6cace;
    background-color: #ffffff;
}

#mapTitle {
    color:       #000000;
    font-family: "Source Sans Pro",sans-serif;
    font-size:   20px;
    line-height: 1em;
    font-weight: bold;
    text-shadow: 1px 1px #ffffff;
    padding:     0;
}

@media (max-width: 460px) {
    .longname{ display: none; }
}

#mapDate {
    color:       #000000;
    font-family: "Source Sans Pro",sans-serif;
    font-size:   18px;
    line-height: 1em;
    text-shadow: 1px 1px #ffffff;
    padding:     0;
    white-space: nowrap;
}
/***************/
/* Leaflet Map */

/* Legend */
/**********/
/*
.leaflet-bottom.leaflet-right {
    width:     20%;
    min-width: 135px;
}
*/
.legend.leaflet-control {
    width: 100%;
}

#legend-colorbar {
    margin: 0 auto;
    height: 16px;
    border: solid 1px #000;
}

#legend-colorbar.pcp.anomaly {
    background-image: linear-gradient(90deg, #9e763b, #fff, rgb(21, 115, 108));
}
#legend-colorbar.pcp.mean,
#legend-colorbar.pcp.value {
    background-image: linear-gradient(90deg, #fff, rgb(21, 115, 108));
}

#legend-colorbar.tavg.anomaly {
    background-image: linear-gradient(90deg, #00f, #fff, #f00);
}

#legend-labels {
    margin:          0 auto;
    display:         flex;
    justify-content: space-between;
}

@media (min-width: 1200px) {
    #legend-colorbar {
        width:  calc(222px - 1em);
    }
    #legend-labels {
        width: 222px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #legend-colorbar {
        width:  calc(186px - 1em);
    }
    #legend-labels {
        width: 186px;
    }
}

@media (max-width: 991px) {
    #legend-colorbar {
        width:  calc(222px - 1em);
    }
    #legend-labels {
        width: 222px;
    }
}

@media (max-width: 575px) {
    #download strong { display: none; }

    #reset-zoom { display: none; }

    .legend { margin-right: 5px !important; }
}
/**********/
/* Legend */

/* Logo */
/********/
.leaflet-bottom.leaflet-left {
    width:        7%;
    aspect-ratio: 1;
    max-width:    77px;
    max-height:   77px;
    min-width:    55px;
    min-height:   55px;
}

#logo > * {
    vertical-align: bottom;
}

#logo img {
    width:        100%;
    height:       100%;
    aspect-ratio: 1;
    max-width:    67px;
    max-height:   67px;
    min-width:    45px;
    min-height:   45px;
}
/********/
/* Logo */

/* Popups */
/**********/
.leaflet-tooltip.mapTooltip {
    border-radius: 8px;
    font-size:     16px;
    box-shadow:
        2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),
        6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),
        12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
        22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),
        41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),
        100px 100px 80px rgba(0, 0, 0, 0.07);
}

.leaflet-tooltip-right.mapTooltip {
    margin-left: 15px;
}

.leaflet-tooltip-left.mapTooltip {
    margin-left: -13px;
}
/**********/
/* Popups */

/* easyPrint hack */
/* replaces pop-out menu with single button */
/********************************************/
/* hide initial icon */
.leaflet-control-easyPrint-button-export { display: none !important; }

.leaflet-control-easyPrint {display: none !important; }

/* show export options menu */
.easyPrintHolder {display: block !important; }

/* fit border around export options menu */
.leaflet-control-easyPrint {
    height: 34px !important;
}
.easyPrintHolder {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

/* replace A4Landscape image with download icon */
.A4Landscape {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQzMy41IDQzMy41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MzMuNSA0MzMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnIGlkPSJmaWxlLWRvd25sb2FkIj4KCQk8cGF0aCBkPSJNMzk1LjI1LDE1M2gtMTAyVjBoLTE1M3YxNTNoLTEwMmwxNzguNSwxNzguNUwzOTUuMjUsMTUzeiBNMzguMjUsMzgyLjV2NTFoMzU3di01MUgzOC4yNXoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) !important;
    transform: rotate(0deg) !important;
}

/* hide unused export options */
.A4Portrait,
.CurrentSize { display: none !important; }
/******************/
/* easyPrint hack */

#easyPrint-export-icon:hover { background-color: #dcdee0; }