#geocomponent .facets {
    /*width: 250px;*/
    padding: 1em;
    background-color: #f7f7f7;
    border-radius: .5em;
}

#geocomponent .facets li {
    margin-bottom: .3em;
    list-style: none;
}

#geocomponent .search-results__item {

    padding-bottom: .35em;
    padding-top: .35em;
    list-style: none;
    border-bottom: 1px solid #302b24;
}

#geocomponent .search-results__item-link {

    text-decoration: none !important;
}

#geocomponent .search-results__title {

    font-size: 1.0em;
    padding-bottom: .35em;
}

#geocomponent .search-results__item-body {
    /*color: #126eba;*/
}

#geocomponent .search-results__item-title {
    font-family: "open sans", sans-serif;
    text-transform: capitalize;
    color: #126eba;
}

#geocomponent .search-results__item-title em:after {
    content: "";
    margin-left: .4em;
    font-size: .8em;
    transition: -webkit-transform 200ms ease;
    font-family: "Ionicons" !important;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
}

#geocomponent .facets__group-title a:before {
    content: "";
    margin-right: .4em;
    font-size: .8em;
    transition: -webkit-transform 200ms ease;
    font-family: "Ionicons" !important;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
    color: #126eba;

    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#geocomponent .pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

#geocomponent .page-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
    margin-bottom: .5em;
    font-size: 1.125em;
    text-align: center;
    cursor: pointer;
}

#geocomponent .page-item:first-child .page-link {
    border: 0px;
    width: 100%;
    background-color: white;
    color: #1375c6;
}

#geocomponent .page-item:last-child .page-link {
    border: 0px;
    width: 100%;
    background-color: white;
    color: #1375c6;
}

#geocomponent .page-item:last-child .page-link:after {
    content: "";
    margin-left: .4em;
    font-size: .8em;
    transition: -webkit-transform 200ms ease;
    font-family: "Ionicons" !important;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
}

#geocomponent .page-item.active .page-link {
    z-index: 3;
    color: #007bff;
    background-color: #fff;
    border-color: #007bff;
    height: 36px;
    width: 36px;
    line-height: 34px;
    font-size: 1.25em;
    border: 2px solid #007bff;
    border-radius: 50%;
}

#geocomponent .page-item.disabled .page-link {
    display: none;
}

#geocomponent .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

#geocomponent .page-item .sr-only:first-child {
    display: none;
}

#geocomponent .page-link {


    display: block;
    height: 36px;
    width: 36px;
    line-height: 34px;
    text-decoration: none;
    border-radius: 50%;

    color: #fff;
    background-color: #1375c6;
    border-color: #1375c6;
}

#geocomponent .pills {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 15px;
    margin-top: 15px;
}

#geocomponent .pills__button {
    display: inline-block;
    width: auto;
    max-width: 28.75em;
    padding: .3em 1.3em .3em .35em;
    -webkit-appearance: none;
    vertical-align: top;
    font-size: 1.2em;
    font-weight: 400;
    text-align: left;
    text-decoration: none;
    border: 0;
    outline: 0;
    cursor: pointer;
    color: #fff;
    background-color: #880000;
}

li button[aria-selected="true"]{
    background-color: #CC0000 !important;
}

#geocomponent .pills__item:first-child > .pills__button {
    border-radius: 0.375em 0 0 0.375em;
    box-shadow: 0 0.1em 0.7rem 0 rgba(0, 0, 0, 0.4);
}

#geocomponent .pills__item:last-child > .pills__button {
    border-radius: 0 0.375em 0.375em 0;
    box-shadow: 0.1em 0 0.7rem rgba(0, 0, 0, 0.4);
}

#geocomponent .leaflet-popup-content {
    padding: 2px;
}

#geocomponent .autocomplete__search-button {
    display: none;
}

#geocomponent .search-results_item-geom {
    border: 1px dashed #1375c6;
    color: #1375c6;
    margin-right:15px;
    font-size:13px;
}

.leaflet-popup-content {
    line-height: 0 !important;
}

#geocomponent .custom-control-watermark .pills {
    margin-top: 0;
    margin-bottom: 0;
}

#geocomponent .col-md-8 > div {
    /*height: 50vh !important;*/
}

#geocomponent .leaflet-control-attribution {
    display: none;
}

#geocomponent .facets__group {
    margin-top: 5px;
}

#geocomponent .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

#geocomponent .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

#geocomponent .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

#geocomponent .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

#geocomponent .col-md-4,
#geocomponent .col-md-8 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

#geocomponent .col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

#geocomponent .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-md-1 {
    -ms-flex:0 0 8.333333%;
    flex:0 0 8.333333%;
    max-width:8.333333%
}
.col-md-2 {
    -ms-flex:0 0 16.666667%;
    flex:0 0 16.666667%;
    max-width:16.666667%
}
.col-md-3 {
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%
}
.col-md-4 {
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%
}
.col-md-5 {
    -ms-flex:0 0 41.666667%;
    flex:0 0 41.666667%;
    max-width:41.666667%
}
.col-md-6 {
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
}
.col-md-7 {
    -ms-flex:0 0 58.333333%;
    flex:0 0 58.333333%;
    max-width:58.333333%
}
.col-md-8 {
    -ms-flex:0 0 66.666667%;
    flex:0 0 66.666667%;
    max-width:66.666667%
}
.col-md-9 {
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%
}
.col-md-10 {
    -ms-flex:0 0 83.333333%;
    flex:0 0 83.333333%;
    max-width:83.333333%
}
.col-md-11 {
    -ms-flex:0 0 91.666667%;
    flex:0 0 91.666667%;
    max-width:91.666667%
}
.col-md-12 {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
}

@media (max-width: 768px) {
    #geocomponent .col-xs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

#geocomponent #map-leaflet-map {
  height: 500px;
  width: 100%
}