.gfx-map-container {
        padding: 0;
        margin: 0;
        min-height: 500px;
        height: 500px;
        width: 100%;
      }

.esri-view .esri-view-surface {
    position: inherit; !important
}

.esri-widget#controls {
    width: 300px;
}

#mapOpCoverage    {
    border: solid 1px lightgray;
}

.gfx-map-container #map-info {
    background-color:rgba(24,55,95,0.75);
    color:white;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    visibility: hidden;
}

.gfx-map-container #map-info-title {
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.gfx-map-container #map-info-note {
    border-top: solid 1px;
    font-size:0.7rem;
}