html,
body,
#viewDiv {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}

body {
  display: flex;
}

calcite-loader {
  align-self: center;
  justify-self: center;
}

#info-content {
  padding-top: .0rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
}

table{
    border-collapse: collapse;
    margin: 0rem;
    padding: 0rem;
    width: 100%;
}

td, th {
    border: 1px solid #999;
    padding: .2rem;
    text-align: left;
    font-size: small;
}

input{
  margin-top: .4rem;
}


.popUpInfoText{
  margin-top: .4rem;
  margin-bottom: .0rem;
  margin-left: 0rem;
  margin-right: 0rem;
  padding: 0rem;
  font-size: small;
}

.popUpInfoTextBold{
  margin-top: 0rem;
  margin-bottom: .8rem;
  margin-left: 0rem;
  margin-right: 0rem;
  padding: 0rem;
  font-weight: bold;
  font-size: 14px;
}

.divPopUpData{
  margin-bottom: .4rem
}

.center {
  display: block;
  margin-top: .6rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .6rem;
  width: 50%;
}

#imgLogo{
  margin: 5px;
  height: 80px;
}

#logoDiv{
  padding: .25rem;
}

#headerDiv{
    background-color: #092C74;
    width: 100%;
    display: flex;
    flex-direction: row;
    

}

#header-title {
  margin: 0rem;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: white;
  margin-right: auto;
  font-weight: bold;
  font-size: x-large
}



.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem
}

input[readonly] {
  cursor: not-allowed !important;
}

.bold-label {
  font-weight: bold;
}

@media (max-width:640px){
    #logoDiv img:first-child{
        display:none;
    }
}

.esri-search {
  width: 300px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  overflow: visible;
}

.esri-search__container {
  position: relative;
  align-items: stretch;
  /* flex: 1 0 100%; */
  /* box-shadow: 3px 3px 3px #464749; */
  box-sizing: boder-box;
  width: 100%;
  border: solid #092C74 2px;
  padding: 7px;
}