#baseMaps {
    z-index: 500;
    position: absolute;
    background: #fff;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    left: 360px;
    top: 320px;
    width: 290px;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important;
    padding: 10px;
}
#baseMaps li {
    display: inline-block;
}

#baseMaps li button:active, #baseMaps li button:focus, #baseMaps li button:hover {
  outline: none;
  cursor: pointer;
  background: #f3f3f3;
}

#baseMaps li button {
    width: 130px;
    border: none;
    background: none;
    padding: 5px 10px;
    font-size: 12px;
} 

#baseMaps li button .thumb {
    width: 100%;
    height: 75px;
    border: 1px solid #ccc;
}


#baseMaps li button .i-map {
  background-image: url( ../images/baseMaps/iMap.jpg);
}

#baseMaps li button .esri-satellite {
  background-image: url( ../images/baseMaps/tempimagery.jpg);
}

#baseMaps li button .google-street {
  background-image: url( ../images/baseMaps/googleStreets.jpg);
}

#baseMaps li button .google-satellite {
  background-image: url( ../images/baseMaps/googleSatellite.jpg);
}

#baseMaps li button .esri-gray {
  background-image: url( ../images/baseMaps/gray.jpg);
}

#baseMaps li button .openstreetmap {
  background-image: url( ../images/baseMaps/openstreet.jpg);
}

.basemap-control:hover {
  cursor: pointer;
}

@font-face {
    font-family: 'CalciteWebCoreIcons';
    src:
            url('https://raw.githubusercontent.com/Esri/arcgis-js-api/master/themes/calcite/icons/fonts/CalciteWebCoreIcons.ttf?cu4poq') format('truetype'),
            url('https://raw.githubusercontent.com/Esri/arcgis-js-api/master/themes/calcite/icons/fonts/CalciteWebCoreIcons.woff?cu4poq') format('woff'),
            url('https://raw.githubusercontent.com/Esri/arcgis-js-api/master/themes/calcite/icons/fonts/CalciteWebCoreIcons.svg?cu4poq#CalciteWebCoreIcons') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  [class^="esri-icon-"], [class*=" esri-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'CalciteWebCoreIcons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .esri-icon-close:before {
    content: "\e600";
  }
  .esri-icon-drag-horizontal:before {
    content: "\e601";
  }
  .esri-icon-drag-vertical:before {
    content: "\e602";
  }
  .esri-icon-handle-horizontal:before {
    content: "\e603";
  }
  .esri-icon-handle-vertical:before {
    content: "\e604";
  }
  .esri-icon-check-mark:before {
    content: "\e605";
  }
  .esri-icon-left-triangle-arrow:before {
    content: "\e606";
  }
  .esri-icon-right-triangle-arrow:before {
    content: "\e607";
  }
  .esri-icon-down-arrow:before {
    content: "\e608";
  }
  .esri-icon-up-arrow:before {
    content: "\e609";
  }
  .esri-icon-overview-arrow-bottom-left:before {
    content: "\e60a";
  }
  .esri-icon-overview-arrow-bottom-right:before {
    content: "\e60b";
  }
  .esri-icon-overview-arrow-top-left:before {
    content: "\e60c";
  }
  .esri-icon-overview-arrow-top-right:before {
    content: "\e60d";
  }
  .esri-icon-maximize:before {
    content: "\e60e";
  }
  .esri-icon-minimize:before {
    content: "\e60f";
  }
  .esri-icon-checkbox-unchecked:before {
    content: "\e610";
  }
  .esri-icon-checkbox-checked:before {
    content: "\e611";
  }
  .esri-icon-radio-unchecked:before {
    content: "\e612";
  }
  .esri-icon-radio-checked:before {
    content: "\e613";
  }
  .esri-icon-up-arrow-circled:before {
    content: "\e614";
  }
  .esri-icon-down-arrow-circled:before {
    content: "\e615";
  }
  .esri-icon-left-arrow-circled:before {
    content: "\e616";
  }
  .esri-icon-right-arrow-circled:before {
    content: "\e617";
  }
  .esri-icon-zoom-out-fixed:before {
    content: "\e618";
  }
  .esri-icon-zoom-in-fixed:before {
    content: "\e619";
  }
  .esri-icon-refresh:before {
    content: "\e61a";
  }
  .esri-icon-edit:before {
    content: "\e61b";
  }
  .esri-icon-authorize:before {
    content: "\e61c";
  }
  .esri-icon-map-pin:before {
    content: "\e61d";
  }
  .esri-icon-blank-map-pin:before {
    content: "\e61e";
  }
  .esri-icon-table:before {
    content: "\e61f";
  }
  .esri-icon-plus:before {
    content: "\e620";
  }
  .esri-icon-minus:before {
    content: "\e621";
  }
  .esri-icon-beginning:before {
    content: "\e622";
  }
  .esri-icon-reverse:before {
    content: "\e623";
  }
  .esri-icon-pause:before {
    content: "\e624";
  }
  .esri-icon-play:before {
    content: "\e625";
  }
  .esri-icon-forward:before {
    content: "\e626";
  }
  .esri-icon-end:before {
    content: "\e627";
  }
  .esri-icon-erase:before {
    content: "\e628";
  }
  .esri-icon-up-down-arrows:before {
    content: "\e629";
  }
  .esri-icon-left:before {
    content: "\e62a";
  }
  .esri-icon-right:before {
    content: "\e62b";
  }
  .esri-icon-announcement:before {
    content: "\e62c";
  }
  .esri-icon-notice-round:before {
    content: "\e62d";
  }
  .esri-icon-notice-triangle:before {
    content: "\e62e";
  }
  .esri-icon-home:before {
    content: "\e62f";
  }
  .esri-icon-locate:before {
    content: "\e630";
  }
  .esri-icon-expand:before {
    content: "\e631";
  }
  .esri-icon-collapse:before {
    content: "\e632";
  }
  .esri-icon-layer-list:before {
    content: "\e633";
  }
  .esri-icon-basemap:before {
    content: "\e634";
  }
  .esri-icon-globe:before {
    content: "\e635";
  }
  .esri-icon-applications:before {
    content: "\e636";
  }
  .esri-icon-arrow-up-circled:before {
    content: "\e637";
  }
  .esri-icon-arrow-down-circled:before {
    content: "\e638";
  }
  .esri-icon-arrow-left-circled:before {
    content: "\e639";
  }
  .esri-icon-arrow-right-circled:before {
    content: "\e63a";
  }
  .esri-icon-minus-circled:before {
    content: "\e63b";
  }
  .esri-icon-plus-circled:before {
    content: "\e63c";
  }
  .esri-icon-add-attachment:before {
    content: "\e63d";
  }
  .esri-icon-attachment:before {
    content: "\e63e";
  }
  .esri-icon-calendar:before {
    content: "\e63f";
  }
  .esri-icon-close-circled:before {
    content: "\e640";
  }
  .esri-icon-browser:before {
    content: "\e641";
  }
  .esri-icon-collection:before {
    content: "\e642";
  }
  .esri-icon-comment:before {
    content: "\e643";
  }
  .esri-icon-configure-popup:before {
    content: "\e644";
  }
  .esri-icon-contact:before {
    content: "\e645";
  }
  .esri-icon-dashboard:before {
    content: "\e646";
  }
  .esri-icon-deny:before {
    content: "\e647";
  }
  .esri-icon-description:before {
    content: "\e648";
  }
  .esri-icon-directions:before {
    content: "\e649";
  }
  .esri-icon-directions2:before {
    content: "\e64a";
  }
  .esri-icon-documentation:before {
    content: "\e64b";
  }
  .esri-icon-duplicate:before {
    content: "\e64c";
  }
  .esri-icon-review:before {
    content: "\e64d";
  }
  .esri-icon-environment-settings:before {
    content: "\e64e";
  }
  .esri-icon-error:before {
    content: "\e64f";
  }
  .esri-icon-error2:before {
    content: "\e650";
  }
  .esri-icon-experimental:before {
    content: "\e651";
  }
  .esri-icon-feature-layer:before {
    content: "\e652";
  }
  .esri-icon-filter:before {
    content: "\e653";
  }
  .esri-icon-grant:before {
    content: "\e654";
  }
  .esri-icon-group:before {
    content: "\e655";
  }
  .esri-icon-key:before {
    content: "\e656";
  }
  .esri-icon-labels:before {
    content: "\e657";
  }
  .esri-icon-tag:before {
    content: "\e658";
  }
  .esri-icon-layers:before {
    content: "\e659";
  }
  .esri-icon-left-arrow:before {
    content: "\e65a";
  }
  .esri-icon-right-arrow:before {
    content: "\e65b";
  }
  .esri-icon-link-external:before {
    content: "\e65c";
  }
  .esri-icon-link:before {
    content: "\e65d";
  }
  .esri-icon-loading-indicator:before {
    content: "\e65e";
  }
  .esri-icon-maps:before {
    content: "\e65f";
  }
  .esri-icon-marketplace:before {
    content: "\e660";
  }
  .esri-icon-media:before {
    content: "\e661";
  }
  .esri-icon-media2:before {
    content: "\e662";
  }
  .esri-icon-menu:before {
    content: "\e663";
  }
  .esri-icon-mobile:before {
    content: "\e664";
  }
  .esri-icon-phone:before {
    content: "\e665";
  }
  .esri-icon-navigation:before {
    content: "\e666";
  }
  .esri-icon-pan:before {
    content: "\e667";
  }
  .esri-icon-printer:before {
    content: "\e668";
  }
  .esri-icon-pie-chart:before {
    content: "\e669";
  }
  .esri-icon-chart:before {
    content: "\e66a";
  }
  .esri-icon-line-chart:before {
    content: "\e66b";
  }
  .esri-icon-question:before {
    content: "\e66c";
  }
  .esri-icon-resend-invitation:before {
    content: "\e66d";
  }
  .esri-icon-rotate:before {
    content: "\e66e";
  }
  .esri-icon-save:before {
    content: "\e66f";
  }
  .esri-icon-settings:before {
    content: "\e670";
  }
  .esri-icon-settings2:before {
    content: "\e671";
  }
  .esri-icon-share:before {
    content: "\e672";
  }
  .esri-icon-sign-out:before {
    content: "\e673";
  }
  .esri-icon-support:before {
    content: "\e674";
  }
  .esri-icon-user:before {
    content: "\e675";
  }
  .esri-icon-time-clock:before {
    content: "\e676";
  }
  .esri-icon-trash:before {
    content: "\e677";
  }
  .esri-icon-upload:before {
    content: "\e678";
  }
  .esri-icon-download:before {
    content: "\e679";
  }
  .esri-icon-zoom-in-magnifying-glass:before {
    content: "\e67a";
  }
  .esri-icon-search:before {
    content: "\e67b";
  }
  .esri-icon-zoom-out-magnifying-glass:before {
    content: "\e67c";
  }
  .esri-icon-locked:before {
    content: "\e67d";
  }
  .esri-icon-unlocked:before {
    content: "\e67e";
  }
  .esri-icon-favorites:before {
    content: "\e67f";
  }
  .esri-icon-compass:before {
    content: "\e680";
  }
  .esri-icon-down:before {
    content: "\e681";
  }
  .esri-icon-up:before {
    content: "\e682";
  }
  .esri-icon-chat:before {
    content: "\e683";
  }
  .esri-icon-dock-bottom:before {
    content: "\e684";
  }
  .esri-icon-dock-left:before {
    content: "\e685";
  }
  .esri-icon-dock-right:before {
    content: "\e686";
  }
  .esri-icon-organization:before {
    content: "\e687";
  }
  .esri-icon-north-navigation:before {
    content: "\e688";
  }
  .esri-icon-locate-circled:before {
    content: "\e689";
  }
  .esri-icon-dial:before {
    content: "\e68a";
  }
  .esri-icon-polygon:before {
    content: "\e68b";
  }
  .esri-icon-polyline:before {
    content: "\e68c";
  }
  .esri-icon-visible:before {
    content: "\e68d";
  }
  .esri-icon-non-visible:before {
    content: "\e68e";
  }
  .esri-icon-link-vertical:before {
    content: "\e68f";
  }
  .esri-icon-unlocked-link-vertical:before {
    content: "\e690";
  }
  .esri-icon-link-horizontal:before {
    content: "\e691";
  }
  .esri-icon-unlocked-link-horizontal:before {
    content: "\e692";
  }
  .esri-icon-swap:before {
    content: "\e693";
  }
  .esri-icon-cta-link-external:before {
    content: "\e694";
  }
  .esri-icon-reply:before {
    content: "\e695";
  }
  .esri-icon-public:before {
    content: "\e696";
  }
  .esri-icon-share2:before {
    content: "\e697";
  }
  .esri-icon-launch-link-external:before {
    content: "\e698";
  }
  .esri-icon-rotate-back:before {
    content: "\e699";
  }
  .esri-icon-pan2:before {
    content: "\e69a";
  }
  .esri-icon-tracking:before {
    content: "\e69b";
  }
  .esri-icon-expand2:before {
    content: "\e69c";
  }
  .esri-icon-arrow-down:before {
    content: "\e69d";
  }
  .esri-icon-arrow-up:before {
    content: "\e69e";
  }
  .esri-icon-hollow-eye:before {
    content: "\e69f";
  }
  .esri-icon-play-circled:before {
    content: "\e6a0";
  }
  .esri-icon-volume-off:before {
    content: "\e6a1";
  }
  .esri-icon-volume-on:before {
    content: "\e6a2";
  }