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

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

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

#lockerDiv {
    width:100%;
    height:100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #323232;
    z-index:1;
}

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

.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;
}

.esri-legend--card__layer-caption {
  margin-bottom: 0px;
  padding: 3px 0;
  font-weight: 400;
}

#lockerToggle > fieldset {
    border:0px;

}

#lockerToggle > fieldset > legend{
    font-size:15px;
    font-weight:600;
    margin-bottom:1rem;
    font-family:inherit;
    text-align:center;
    border-bottom:0px !important;
  }
  
  .locker_svg{
        margin-right: 0.6rem;
    
  }
  
  .locker_label-contain *,
  .locker_label-contain *::before,
  .locker_label-contain *::after {
    box-sizing: content-box !important;
  }
  
  .locker_label-contain input {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }
  
  .locker_label-contain span {
    line-height: 1.5;
    font-size: 0.79rem;
    font-family: inherit;
    display: flex;
    align-items: center;
  }
  
  .locker_label-contain {
    display: table;
    position: relative;
    padding-left: 2rem;
    cursor: pointer;
    margin-bottom: 0.4rem;
  }
  
  .locker_label-contain input[type="checkbox"] ~ .locker_label-input {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.25rem;
    width: 1.25rem;
    background: #f1f5f9;
    transition: background 250ms;
    border: 1px solid #004466;
    border-radius: 0.2rem;
  }
  
  .locker_label-contain input[type="radio"] ~ .locker_label-input {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.25rem;
    width: 1.25rem;
    background: #f1f5f9;
    transition: background 250ms;
    border: 1px solid #004466;
    border-radius: 3rem;
  }
  
  .locker_label-contain input[type="checkbox"] ~ .locker_label-input::after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 0.3rem;
    height: 0.6rem;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transition: background 250ms;
    transform: rotate(45deg);
  }
  
  .locker_label-contain input[type="radio"] ~ .locker_label-input::after {
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 4px;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 3rem;
    background: #ffffff;
    transition: background 250ms;
  }
  
  .locker_label-contain input[type="checkbox"]:disabled ~ .locker_label-input::after {
    border-color: #ffffff;
  }
  
  .locker_label-contain input:checked ~ .locker_label-input::after {
    display: block;
  }
  
  .locker_label-contain:hover input[type="checkbox"]:not([disabled]) ~ .locker_label-input,
  .locker_label-contain input[type="checkbox"]:focus ~ .locker_label-input {
    background: #e2e8f0;
    border-color: #64748b;
  }
  
  .locker_label-contain:hover input[type="radio"]:not([disabled]) ~ .locker_label-input,
  .locker_label-contain input[type="radio"]:focus ~ .locker_label-input {
    background: #e2e8f0;
    border-color: #64748b;
  }
  
  .locker_label-contain input:focus ~ .locker_label-input {
    box-shadow: 0 0 0 2px #60a5fa;
  }
  
  .locker_label-contain input[type="checkbox"]:checked ~ .locker_label-input {
    background: #004466;
    border-color: #004466;
  }
  
  .locker_label-contain input[type="radio"]:checked ~ .locker_label-input {
    background: #004466;
    border-color: #004466;
  }
  
  .locker_label-contain input[type="checkbox"]:disabled ~ .locker_label-input,
  .locker_label-contain input[type="radio"]:disabled ~ .locker_label-input {
    opacity: 0.5;
    cursor: not-allowed;
  }
  
  .locker_label-contain input[type="radio"]:disabled ~ .locker_label-input::after {
    background: #ffffff;
  }
  
  .locker_label-contain:hover input[type="checkbox"]:not([disabled]):checked ~ .locker_label-input,
  .locker_label-contain input[type="checkbox"]:checked:focus ~ .locker_label-input {
    background: #2563eb;
    border-color: #004466;
  }
  
  .locker_label-contain:hover input[type="radio"]:not([disabled]):checked ~ .locker_label-input,
  .locker_label-contain input[type="radio"]:checked:focus ~ .locker_label-input {
    background: #2563eb;
    border-color: #004466;
  }
  
  #banner-agency-logo{
    z-index:1 !important;
  }

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

  /* #locker_table > caption{
    margin:1.1rem !important;
    font-weight: 600 ;

  } */

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