* {
   box-sizing: border-box; 
}

a {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

}


.sectionContainer {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1.5px 5px 0 rgba(0, 0, 0, 0.19);
    padding: 10px;
    margin-bottom: 30px; 
}

.filterContainer h3 {
    margin-top: 30px;
    padding-bottom: 20px;
}

.mapContainer {
    height: 500px;
    width: 100%;
}


.mapLegend {
    position:absolute;
    background-color: white;
    opacity: .7;
    top: 10px;
    left: 25px;
}

.esri-ui, .esri-popup {
    z-index: 9999;
}


/* Set map and filter sections order for mobile and desktop */
@media (max-width: 767px) {
  .map-columns {
    display: flex;
    flex-direction: column;
  }
  #mapFieldsDiv  { order: 1; }
  #locationFieldsDiv  { order: 2; }
  #filterFieldsDiv  { order: 3; }
}

@media (min-width: 768px) {
  .map-columns {
    display: block;
  }
}


.provider-list {
    margin-left: 5px;
    margin-right: 5px;
}

.providerCard {
    border: 1px solid #949494;
    padding: 10px;
    margin: 10px;
    background-color: white;
}
 
.providerCard-heading {
    padding-bottom: 10px;
    width: 100%;

}

.provider-card-label {
    margin-left: 30px;
}

.provider-card-label h4 {
    margin-top: 0;
    font-weight: 700;
}


.provider-information * {
  line-height: normal;
}

.provider-information .label {
    color: inherit;
    padding-left: 0px;
    font-size: inherit;
    font-weight: 600;
}

.provider-information ul {
    list-style: none;
    padding-left: 0;
    columns: 3;
    column-gap: 1rem;
    column-width: 330px;
}

.provider-information li {
    font-weight: normal;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid; /* Safari */
}

.provider-checkbox .form-check-input {
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0;
}

.card-body {
    width: 100%;
}
 
.card-subtitle p {
    margin-bottom: 0 !important
}

.form-check-label {
   padding-left: 0.4em;
}

.provider-list .fa {
    padding-left: 20px;
    font-size: 25px;
}

[data-toggle="collapse"] .faExpand:before {  
  content: "\f146";  //plus/minus
}

[data-toggle="collapse"].collapsed .faExpand:before {
  content: "\f0fe";  //plus/minus
}


.map-provider-count {
    text-align: center;
    padding-top: 10px;
}

.selectedProviders {
    background-color: #EFF3FF;
}

.unselectedProviders {
    background-color: #F1F1F1;
}