/* FILTER*/
.map-embassy-contact-widget .idsk-autocomplete {
    position: relative;
}

.map-embassy-contact-widget .idsk-autocomplete-items {
    position: absolute;
    z-index: 11;
    border-color: #030712;
    border-style: solid;
    border-width: 0 2px;
    width: 100%;
}
.map-embassy-contact-widget .idsk-autocomplete-items div {
    padding: 8px;
    cursor: pointer;
    background-color: white;
    border-bottom: 2px solid #030712;
}
.map-embassy-contact-widget .idsk-autocomplete-items div:hover {
    background-color: #dee2e6;
    box-shadow: inset 0 0 0 2px;
}
.map-embassy-contact-widget .idsk-autocomplete-active {
    background-color: #2b8cc3 !important;
    color: white;
}
.map-embassy-contact-widget .idsk-autocomplete-flex-wrapper {
    display: flex;
}
.map-embassy-contact-widget .idsk-search-component__button {
    background-color: #030712;
    border: none;
}
/* LOADER */
.map-embassy-contact-widget .idsk-interactive-map__loader {
    position: relative;
    z-index: 9;
    width: 150px;
    height: 150px;
    margin: 230px auto;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #0065b3;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.map-embassy-contact-widget .map-embassy-detail__content>.idsk-interactive-map__loader {
    margin-top: 50%;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* MAP */
.map-embassy-contact-widget {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.map-embassy-contact-widget .leaflet-container {
    font: inherit!important;
    background: white;
    position: relative;
    min-height: 600px;
    width: 100%;
    height: 100%;
}

.map-embassy-contact-widget .idsk-interactive-map__body {
    height: 600px;
}

.map-embassy-contact-widget .leaflet-container .leaflet-control-zoom {
    border: none;
}

.map-embassy-contact-widget .leaflet-container .leaflet-control-zoom .leaflet-control-zoom-in {
    margin-bottom: 4px;
}

.map-embassy-contact-widget .leaflet-container .leaflet-control-zoom.leaflet-bar.leaflet-control {
    margin-left: 2px;
    margin-bottom: 24px;
}

.map-embassy-contact-widget .leaflet-container .leaflet-control-zoom.leaflet-bar.leaflet-control a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #030712;
    color: white;
    border: none;
    border-radius: 0;
}

.map-embassy-contact-widget .idsk-interactive-map__map {
    position: relative;
}

.map-embassy-contact-widget .map-embassy-detail.map-embassy-detail__overlay {
    max-width: 450px;
    width: 100%;
    text-align: left;
    z-index: 10;
    position: absolute;
    right: 0;
    padding: 24px 32px;
    background-color: rgba(240,240,240,0.95);
    top: 0;
    overflow-y: auto;
    height: 600px;
}

.map-embassy-contact-widget .map-embassy-detail.map-embassy-detail__overlay .map-embassy-detail__close {
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: transparent;
    border: none;
}

.map-embassy-contact-widget .map-embassy-detail.map-embassy-detail__block {
    position: relative;
    border: 2px solid #bcbec0;
    text-align: left;
    padding: 16px;
    margin-top: 8px;
}

.map-embassy-contact-widget .map-embassy-detail.map-embassy-detail__block .map-embassy-detail__close {
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: transparent;
    border: none;
}

.map-embassy-contact-widget .leaflet-map-pane canvas {
    z-index: 1;
}
.map-embassy-contact-widget .leaflet-tile-pane {
    z-index: 2;
}
.map-embassy-contact-widget .leaflet-map-pane svg {
    z-index: 2;
}
.map-embassy-contact-widget .leaflet-overlay-pane {
    z-index: 3;
}
.map-embassy-contact-widget .leaflet-shadow-pane {
    z-index: 4;
}
.map-embassy-contact-widget .leaflet-pane {
    z-index: 4;
}
.map-embassy-contact-widget .leaflet-marker-pane {
    z-index: 5;
}
.map-embassy-contact-widget .leaflet-tooltip-pane {
    z-index: 6;
}
.map-embassy-contact-widget .leaflet-popup-pane {
    z-index: 7;
}
.map-embassy-contact-widget .leaflet-zoom-box {
    z-index: 8;
}
.map-embassy-contact-widget .leaflet-control {
    z-index: 8;
}
.map-embassy-contact-widget .leaflet-bottom {
    z-index: 9;
}

.map-embassy-contact-widget .map-embassy-detail.map-embassy-detail__overlay .contact-area,
.map-embassy-contact-widget .map-embassy-detail.map-embassy-detail__block .contact-area {
    padding-left: 30px;
}

.map-embassy-contact-widget .leaflet-container[tabindex='0']:focus {
    box-shadow: inset 0 0 0 4px #ffdf0f;
}

.contact-area-address,
.contact-area-phones,
.contact-area-emails,
.contact-area-emergency {
    background-repeat: no-repeat;
    background-size: 17px;
    margin-bottom: 30px;
}

.contact-area-address {
    background-position: 0px 0px;
    background-image: url('/o/mzvTheme/images/icons/map-marker.svg');
}
.contact-area-phones,
.contact-area-emergency {
    background-position: 0px 4px;
    background-image: url('/o/mzvTheme/images/phone-solid.svg');
}
.contact-area-emails {
    background-position: 0px 4px;
    background-image: url('/o/mzvTheme/images/icons/email.svg');
}
/* VIEW */
.map-embassy-contact-widget .margin-bottom-16 {
    margin-bottom: 16px;
}

.map-embassy-contact-widget .flag {
    max-width: 40px;
    max-height: 20px;
}