.esri-widget{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}


.esri-widget--button,
.esri-attribution__sources,
.esri-attribution__powered-by,
.esri-popup__button,
.esri-input{
  background:#2A3758;
  color:#FFF;
}

.esri-popup__button--dock{
  background:#FFF;
  color:#000;
}


.esri-widget--button:focus,
.esri-widget--button:hover{
  background-color: #0099FF;
  color: #000;
}

.esri-popup__footer{
  background:#2A3758;
}

.esri-popup__navigation{
  background:#2A3758;
}


.esri-search__form > input[role="combobox"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  opacity: 1; 
}

.esri-search__form > input[role="combobox"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FFF;
}

.esri-search__form > input[role="combobox"]::-ms-input-placeholder { /* Microsoft Edge */
  color: #FFF;
}

.esri-expand__content.esri-expand__content--expanded{
  background-color:#FFF;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.esri-search__input{
margin-bottom: 0px !important;
border-radius: 0px !important;
background-color:#2A3758 !important;
color:#FFF !important;
border:0px !important;
border-right:1px soild #FFF;
}

.esri-search__input:focus{
border:2px solid #0099FF !important;
}

#earth_day_map{
  position:relative;
  display: grid;
  grid-template: "content" 100% / auto;
  height:31.25rem !important;
  margin-bottom:1rem;
}

#earth_map[aria-busy="true"] {
  opacity: 0.2;
}

#earth_map[aria-busy="false"] {
  opacity: 1;
}

#earthDiv {
  width:100%;
  height:100%;
  font-size: 14px;
  color: #323232;
  z-index:1;
}

#earthToggle {
  background-color: white;
  padding: 10px;
  width: 260px;
  margin-bottom:0px !important;
}


#banner-agency-logo{
  z-index:1 !important;
}

.nycgov-first{
  z-index:1 !important;
}


.earthHide{
  display:none !important;
  visibility: hidden !important;
}

.ed_parent{
  width: 15.625rem;
  height:13.25rem;
  margin:0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.ed_item_1 { grid-area: 1 / 1 / 2 / 2; margin-top:0.25rem !important; margin-bottom:0.25rem !important;}
.ed_item_2 { grid-area: 2 / 1 / 4 / 2; }
.ed_item_3 { grid-area: 4 / 1 / 6 / 2; }

.ed_item_2 > p,
.ed_item_3 > p{ margin-top:0rem !important;} 

.ed_point{width:35px;height:35px;margin-right: 0.25rem;}
.ed_line{width:35px;height:35px;margin-right: 0.25rem;}

.ed_imgs{display:flex;flex-direction:row;align-items: center;}

.ed_svg1{fill:#46B4E4}
.ed_svg2{fill:#3D658F}


.ed_popup > tbody > tr:nth-child(odd) {
  background-color: rgba(76,76,76,.1);
}

.ed_popup > tbody > tr > td{
  font-size:0.75rem !important;
  padding:5px;
}

.ed_popup > tbody > tr > td:first-child{
  vertical-align: baseline;
}

.ed_popup > tbody > tr > td > p,
.ed_popup > tbody > tr > td > p > span, 
.ed_popup > tbody > tr > td > p > a, 
.ed_popup > tbody > tr > td > p > p, 
.ed_popup > tbody > tr > td > p > p > a,
.ed_popup > tbody > tr > td > p > p > span {
  font-size: 0.75rem !important;
  font-size: 12px !important;
  margin-bottom:0.8rem !important;
  line-height: 1.2em;
} 

@media only screen and (min-width: 40em){
  .ed_popup > tbody > tr > td > p,
  .ed_popup > tbody > tr > td > p > span, 
  .ed_popup > tbody > tr > td > p > a, 
  .ed_popup > tbody > tr > td > p > p,
  .ed_popup > tbody > tr > td > p > p > a,
  .ed_popup > tbody > tr > td > p > p > span   {
    font-size: 0.75rem !important;
    font-size: 12px !important;
    margin-bottom:0.8rem !important;
    line-height: 1.2em;
  } 
   
}