.cdc-map-app-wrapper {
    width: 100% !important;
    margin: 0 auto;
    display: grid;
    height: 100%;
    grid-template-columns:70% 30%;
    grid-template-rows:600px auto auto;
    color: #fdfdfe;
    position: relative;
    transition: 1s ease-out
}

.cdc-map-app-wrapper.is-loading {
    place-items: center;
    grid-template-columns:1fr
}

.cdc-map-app-wrapper:before {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    position: absolute;
    width: 48px;
    height: 48px;
    border: 8px solid #203b49;
    border-radius: 50%;
    border-top: 8px solid transparent;
    animation: spinner 1s linear infinite;
    display: block;
    place-self: center;
    pointer-events: none;
    content: unset
}

.cdc-map-app-wrapper.is-loading:before {
    z-index: 1;
    opacity: 1;
    content: ""
}

#map {
    opacity: 1;
    transition: opacity 1s ease-in-out 1s;
    max-height: 600px
}

#map-sidebar, #map-found {
    transition: opacity 1s ease-in-out 1s;
    grid-row: span 2
}

#map.hidden, #map-sidebar.hidden, #map-found.hidden {
    opacity: 0
}

@keyframes spinner {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.gm-style-iw.gm-style-iw-c {
    color: #203b49
}

#map {
    height: auto
}

#map-sidebar {
    background-color: #203b49;
    padding: 2em;
    overflow: hidden;
    max-height: 2050px
}

#cdc-map-city h6 {
    font-size: 1.5rem;
    margin-bottom: 10px
}

#cdc-map-sector h6, #cdc-map-target h6 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    margin-top: 30px
}

.label-checkbox-container {
    margin: 5px 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.label-checkbox-container input {
    float: left;
    margin-top: 5px
}

.label-checkbox-container input:hover, .label-checkbox-container label:hover {
    cursor: pointer
}

.btn-filter-map {
    background: #95c11f;
    color: #fff;
    padding: 10px 35px;
    margin-top: 30px;
    border-radius: 10px;
    transition: background .2s ease-in-out
}

.btn-filter-map:hover {
    background: #000
}

.search-field {
    margin-bottom: 24px
}

.search-field input {
    color: #000
}

#search-button {
    background: #95c11f;
    color: #fff;
    border-radius: 10px;
    width: 32px;
    height: 32px;
    transition: background .2s ease-in-out;
    display: inline
}

#search-button:hover {
    background: #000
}

.cdc-map-results-wrapper {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
}

.cdc-map-result {
    border-bottom: 1px solid #203b49;
    padding: 12px 0;
    color: #203b49
}

.cdc-map-result a.see-this-service,
button.print-pdf
{
    background: #95c11f;
    color: #fff;
    border-radius: 10px;
    margin-top: 12px;
    padding: 12px 10px;
    transition: background .2s ease-in-out;
    display: inline-block
}

button.print-pdf {
    margin-top: 0;
    margin-right: 16px;
    margin-bottom: 12px;
    align-self: flex-end;
}

.cdc-map-result a.see-this-service:hover,
button.print-pdf:hover {
    background: #000
}

.return-back-cdc {
    display: block;
    position: absolute;
    top: 20px;
    text-decoration: underline;
    font-weight: 600
}

.result-header h5 {
    font-size: 40px;
    margin-bottom: 10px
}

.gm-style .gm-style-iw {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.4rem
}

.btn-goto-service {
    color: #95c11f;
    margin-top: 15px
}

@media only screen and (max-width: 1200px) {
    .cdc-map-app-wrapper {
        grid-template-columns:60% 40%
    }
}

@media only screen and (max-width: 991px) {
    #map {
        height: 700px
    }

    .cdc-map-app-wrapper {
        grid-template-columns:100%
    }

    #map-sidebar {
        height: auto
    }
}

.search-filters,
.city-filtered,
.group-filtered,
.sector-filtered,
.search-results-filtered {
    margin-bottom: 0;
    color: #000;
    display: none;
}

.search-filters {
    font-size: 20px;
    font-weight: 800;
}

.city-filtered,
.group-filtered,
.sector-filtered {
    font-size: 14px;
    font-weight: 500;
}

.city-filtered span,
.group-filtered span,
.sector-filtered span {
    font-weight: 700;
}

.search-results-filtered {
    font-size: 20px;
    font-weight: 800;
    margin-top: 40px;
}

@media print {
    header {
        position: static !important;
    }

    header > div > div,
    header > div > nav {
        display: none !important;
    }

    header a {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
    }

    div#content > section:first-of-type {
        display: none;
    }

    .cdc-map-app-wrapper {
        display: block;
    }

    .cdc-map-result h5 {
        font-size: 20px !important;
    }

    .cdc-map-result p {
        font-size: 14px !important;
    }

    .print-pdf, .nicepage-container {
        display: none !important;
    }

    .search-filters,
    .city-filtered,
    .group-filtered,
    .sector-filtered,
    .search-results-filtered {
        display: block !important;
    }

    #map, #map-sidebar {
        display: none;
    }

    #map-found {
        margin-top: 48px !important;
    }

    .see-this-service {
        display: none !important;
    }

    footer {
        display: none !important;
    }
}