html, body, #root {
    height: 100%;
    width: 100%;
    overflow: auto;
    margin: 0;
}

html, body, label, p {
    font-family: "Roboto", sans-serif;
}

#map {
    height: calc(100% - 64px);
    width: 100%;
    margin-top: 64px;
}

.ol-zoom {
	top: initial;
    right: 20px;
	bottom: 62px;
	left: initial;
}

#root.time-slider-is-open .ol-zoom {
    bottom: 168px;    
}

.ol-attribution {
    bottom: 20px;
    right: 20px;
}

.page-with-centered-card .MuiCard-root {
    min-width: 400px;
    min-height: 150px;
    padding: 48px;
    box-shadow: 1px 1px 15px 5px rgba(0,0,0,0.27);
}

.page-with-centered-card .MuiCardContent-root {
    padding: 0;
}

#table-of-contents {    
    min-width: 400px;
    top: 96px;
    right: 20px;
    position: absolute;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 15px 5px rgba(0,0,0,0.27);
}

#table-of-contents .MuiAccordionSummary-content .MuiTypography-root {
    font-weight: bold;
}

.MuiCardActions-root {
    padding: 16px !important;
}

.MuiDialogContent-root {
    padding-top: 2px !important;
}

#weatherTimeSlider {
    width: calc(100% - 40px);
}

#weatherTimeSlider .MuiCardContent-root {
    padding-bottom: 6px !important;
}

#weatherTimeSlider .MuiSlider-root {
    margin: 32px 64px 24px 64px !important;
}

#weatherLegend .MuiCardContent-root,
#outageLegend .MuiCardContent-root {
    padding-bottom: 12px !important;
}

.apexcharts-toolbar {
    display: none !important;
}

#simulationSelectorDialog .MuiDialog-paper {
    overflow-y: hidden;
}

.bw-basemap-azuremaps,
.bw-basemap-bing,
.bw-basemap-osm {
    filter: grayscale(85%);
}

#infoWindow .MuiCardHeader-title {
    font-weight: bold;
}

#mapLoadingIndicator {
    position: absolute;
    bottom: 130px;
    right: 22px;
    width: 20px;
    height: 20px;
    margin: 0;    
}

#root.time-slider-is-open #mapLoadingIndicator {
    bottom: 236px;
}

#basemapLogoForBing {
    position: absolute;
    bottom: 15px;
    left: 20px;
}

#basemapLogoForAzureMaps {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
}

#basemapLogoForAzureMaps a {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 140px 46px;
    height: 16px;
    width: 110px;
    margin-right: 16px;
    pointer-events: auto;
    background-image: url('/images/azure_maps_logo.svg');
}

.admin-weather-event-list-item-expand-button {
    padding: 8px !important;
}