/* Load the ESRI javascript SDK css file. Custom! API Version */
@import "https://js.arcgis.com/4.31/@arcgis/core/assets/esri/themes/light/main.css";

/* Load google roboto font.*/
/*@import '@fontsource/roboto/300.css';*/
@import '@fontsource/roboto/400.css'; /* Regular */
@import '@fontsource/roboto/500.css'; /* Medium */
@import '@fontsource/roboto/700.css'; /* Bold */

body {
   overflow-y: hidden;
   /*background-color: LightSteelBlue ivory cornsilk ghostWhite, gainsboro */
}

/* Flex box rows. */
.app-flex-row-around {
   display: flex;
   justify-content: space-around;
   align-items: center;
}

.app-flex-row-between {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.app-flex-row-center {
   display: flex;
   justify-content: center;
   align-items: center;
}

.app-flex-row-evenly {
   display: flex;
   justify-content: space-evenly;
   align-items: center;
}

.app-flex-row-start {
   display: flex;
   justify-content: flex-start;
   align-items: center;
}

/* Flex box columns. */
.app-flex-column-around {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   align-items: center;
}

.app-flex-column-between {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
}

.app-flex-column-center {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.app-flex-column-start {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: center;
}

/* CSS for printing a div. */
@media print {
   body * {
      visibility: hidden;
      /* transform: scale(1); */
      /* zoom: 100%; */
   }

   .hideForPrinting {
      width: 0;
      height: 0;
      overflow: hidden;
      display: none;
   }

   #print_div, #print_div * {
      visibility: visible;
   }

   #print_div {
      position: absolute;
      left: 0;
      top: 0;
      background-color: white;
      z-index: 999;
   }
}

/*==== Override ESRI popup. ====*/
.esri-popup__header-title {
   background-color: #CFD8DC;
}

/*=== Override ESRI navagation buttons. ===*/
.esri-widget--button {
   height: 36px;
   width: 36px;
}

.esri-widget--button, .esri-coordinate-conversion__heading .esri-coordinate-conversion__back-button {
   background-color: rgba(97, 125, 137, 0.95);
   color: white;
   border-radius: 5px;
}

   .esri-widget--button:hover, .esri-coordinate-conversion__heading .esri-coordinate-conversion__back-button:hover {
      background-color: rgb(87, 107, 117);
      color: white;
   }

/* Custom CSS file */
calcite-icon:hover {
   --calcite-ui-icon-color: black;
}

/* For all other widgets icon color */
calcite-button.esri-widget--button {
   --calcite-color-text-3: white;
}

.esri-widget--button:focus {
   --calcite-color-text-3: black; /* For all other widgets icon color */
}

/*.esri-icon, .esri-icon-left-arrow, .esri-icon-right-arrow, .esri-icon-up, .esri-icon-down, .esri-icon-refresh,
.esri-icon-edit, .esri-icon-map-pin, .esri-icon-settings2, .esri-icon-duplicate, .esri-icon-search, .esri-icon-dial, .esri-icon-compass {
   color: white;
}*/

.esri-icon-close, .esri-icon-edit {
   color: silver; /* Restore icon colors. */
}

/*.esri-sketch__button.esri-icon-map-pin {
   color: grey;  Restore sketch icon color. 
}*/

/*.esri-component.esri-zoom {
   background-color: transparent;
   box-shadow: none;
}*/

/*=== Bookmarks. ===*/
.esri-bookmarks {
   --calcite-font-size--2: 0.90rem;
   --calcite-font-weight-normal: 500;
}

/*=== layerList.  0.875rem 0.9375 ===*/
.esri-layer-list {
   --calcite-font-size--1: 0.90rem;
   --calcite-font-weight-normal: 500;
}

/*=== Copyright attribution. ===*/
.esri-attribution {
   background-color: rgba(255,255,255, 0.50);
   color: black;
}

/*=== Geocoding search widget ===*/
.esri-search {
   width: 325px;
}

.esri-search__input {
   margin-left: 5px;
   margin-right: 3px;
   border: 1px solid silver;
   border-radius: 3px;
}

/*=== Override ESRI map bottom status bar tools. ===*/
.esri-basemap-toggle__image {
   border-radius: 5px;
   border: 2px solid rgb(120,144,156);
}

/*=======================================*/
.esri-coordinate-conversion.esri-widget {
   width: 370px;
   background-color: rgba(120,144,156, 0.50);
   border-radius: 5px;
}

.esri-coordinate-conversion__display {
   /*color: black;*/
   background-color: rgba(210,220,225, 0.90);
   font-weight: bold;
}

.esri-coordinate-conversion__input-group label {
   background-color: rgba(210,220,225, 0.70);
}

.esri-coordinate-conversion__heading {
   background-color: rgba(120,144,156, 0.70);
}

.esri-coordinate-conversion__display:hover {
   background-color: rgb(210,220,225);
}

.esri-coordinate-conversion__select-row {
   background-color: rgba(210,220,225, 0.70);
}
/*=======================================*/
.esri-scale-bar__label-container--ruler .esri-scale-bar__label {
   padding: 0;
   padding-left: 2px;
   padding-right: 2px;
   color: black;
   background-color: rgba(255,255,255,0.70);
   margin-top: 3px;
   border-radius: 1px;
}

.esri-basemap-gallery__item-title {
   font-size: 0.90rem;
   color: black;
}

/*.esri-legend__layer-cell--info {
   font-size: 0.90rem;
}*/
/*=== End override ESRI widgets. ===*/