@font-face{font-family:"VAGRounded-Thin";src:url(https://ecfr.eu/archive/fonts/2B8689_0_0.eot);src:url(https://ecfr.eu/archive/fonts/2B8689_0_0.eot?#iefix) format('embedded-opentype'),url(https://ecfr.eu/archive/fonts/2B8689_0_0.woff) format('woff'),url(https://ecfr.eu/archive/fonts/2B8689_0_0.ttf) format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:"VAGRounded-Light";src:url(https://ecfr.eu/archive/fonts/2B8689_0_0.eot);src:url(https://ecfr.eu/archive/fonts/2B8689_0_0.eot?#iefix) format('embedded-opentype'),url(https://ecfr.eu/archive/fonts/2B8689_0_0.woff) format('woff'),url(https://ecfr.eu/archive/fonts/2B8689_0_0.ttf) format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:"VAGRounded-Bold";src:url(https://ecfr.eu/archive/fonts/2B8689_1_0.eot);src:url(https://ecfr.eu/archive/fonts/2B8689_1_0.eot?#iefix) format('embedded-opentype'),url(https://ecfr.eu/archive/fonts/2B8689_1_0.woff) format('woff'),url(https://ecfr.eu/archive/fonts/2B8689_1_0.ttf) format('truetype');font-weight:bold;font-style:normal}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.list-unstyled,.map-menu ul{list-style:none;padding-left:0;margin-bottom:0}.link-unstyled{color:inherit;text-decoration:none}.link-unstyled:hover{text-decoration:none}.interactive-map{-moz-transition:opacity .5s linear 1s;-o-transition:opacity .5s linear 1s;-webkit-transition:opacity .5s linear;-webkit-transition-delay:1s;transition:opacity .5s linear 1s;font-family:"VAGRounded-Thin",Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:1300px;max-width:100%;opacity:0}.interactive-map.loaded{opacity:1}.interactive-map *,.interactive-map *:before,.interactive-map *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.map-container svg{width:1300px;max-width:100%}@media (max-width: 991px){.map-container{width:100%;height:540px;max-height:94vh;overflow:auto;position:relative;cursor:grab;-ms-overflow-style:none;scrollbar-width:none}.map-container::-webkit-scrollbar{display:none}.map-container svg{max-width:none;width:1000px}}.map-menu-btn{display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:50px;height:50px}@media (min-width: 992px){.map-menu-btn{display:none}}.map-menu-btn span{position:relative;display:block;height:16px;width:20px}.map-menu-btn span:before,.map-menu-btn span:after{content:"";display:block;width:20px;border-top:2px solid #FFF;position:absolute;left:0}.map-menu-btn span:before{height:9px;border-bottom:2px solid #FFF;top:0}.map-menu-btn span:after{bottom:0}.map-menu-btn span:before,.map-menu-btn span:after{-moz-transition:all .25s;-o-transition:all .25s;-webkit-transition:all .25s;transition:all .25s}.map-menu-btn.active span:before{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);top:7px;height:2px;border-bottom:none}.map-menu-btn.active span:after{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);bottom:7px}.map-menu-collapsed{padding:20px;width:318px}@media (max-width: 1199px){.map-menu-collapsed{width:260px;padding:15px}}@media (max-width: 991px){.map-menu-collapsed{padding:5px 15px 15px}}.map-menu{position:absolute;top:10px;left:10px;color:#FFF;background:#000;line-height:1}@media (max-width: 991px){.map-menu{-moz-transition:width .35s ease,height .35s ease;-o-transition:width .35s ease,height .35s ease;-webkit-transition:width .35s ease,height .35s ease;transition:width .35s ease,height .35s ease;overflow:hidden;width:50px;height:50px}.map-menu.opened{width:260px}}@media (min-width: 992px){.map-menu{height:auto !important}}.map-menu ul{margin-bottom:20px;font-size:15px;line-height:1.2}@media (max-width: 1199px){.map-menu ul{font-size:13px}}.map-menu ul:last-child{margin-bottom:0}.map-menu .caption{font-size:.93333em;margin-bottom:5px}.map-menu .caption:last-child{margin-bottom:0}.map-menu .caption small{font-size:10px}.map-menu .caption.area-ansar-al-din{color:#D6FF00}.map-menu .caption.area-aquim{color:#5EFF00}.map-menu .caption.area-mujao-al-mourabitoun{color:#466046}.map-menu .caption.area-kabitat-macina{color:#00FFA6}.map-menu .caption.area-kabitat-serma{color:#6E96E5}.map-menu .caption.area-ansarul-islam{color:#f69}.map-menu .caption.area-isgs{color:#B89DFF}.map-menu .caption.area-cma{color:#E6593B}.map-menu .caption.area-cme{color:#93876F}.map-menu .caption.area-plateforme{color:#FFD000}.map-menu .caption.area-dan-na-ambassagou{color:#B9CDB9}.map-menu .filter{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;cursor:pointer;margin-bottom:10px;font-size:1em}.map-menu .filter:last-child{margin-bottom:0}.map-menu .filter span{-moz-transition:background .7s;-o-transition:background .7s;-webkit-transition:background .7s;transition:background .7s;-webkit-flex:0 0 auto;flex:0 0 auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:1.46667em;height:1.46667em;margin-right:10px;border:1px solid #FFF;color:#FFF;position:relative;transition-duration:.6s}.map-menu .filter span.circle{border-radius:50%}.map-menu .filter span:before{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:"";position:absolute;top:50%;left:50%;border-radius:50%;background:#FFF;opacity:1;visibility:hidden;z-index:1;width:22px;height:22px}.map-menu .filter span.onclink:before{-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;width:52px;height:52px;opacity:0;visibility:visible}.map-menu .filter svg{-moz-transition:opacity .7s;-o-transition:opacity .7s;-webkit-transition:opacity .7s;transition:opacity .7s;width:15px;opacity:0;position:relative;z-index:5}.map-menu .filter .check{fill:#020202}.map-menu .filter.active span{background:#FFF}.map-menu .filter.active svg{opacity:1}@keyframes areasFadein{0%{opacity:0}100%{opacity:.5}}@keyframes areasFadeout{0%{opacity:.5}100%{opacity:0}}@keyframes areasIconFadein{0%{opacity:0}100%{opacity:1}}@keyframes areasIconFadeout{0%{opacity:1}100%{opacity:0}}.area{-moz-animation:areasFadeout 1s linear 1;-webkit-animation:areasFadeout 1s linear 1;animation:areasFadeout 1s linear 1;opacity:0}.area.active{-moz-animation:areasFadein 1s linear 1;-webkit-animation:areasFadein 1s linear 1;animation:areasFadein 1s linear 1;opacity:.5}.area.icon{-moz-animation:areasIconFadeout 1s linear 1;-webkit-animation:areasIconFadeout 1s linear 1;animation:areasIconFadeout 1s linear 1;opacity:0}.area.icon.active{-moz-animation:areasIconFadein 1s linear 1;-webkit-animation:areasIconFadein 1s linear 1;animation:areasIconFadein 1s linear 1;opacity:1}*::-ms-backdrop,.map-container svg{height:850px}

/* Overrides by Juan */
html, body, main, .map-container, .interactive-map {
    height: 100%;
    max-height: 100%;
}
svg#map {
    display: block;
    background-color: white;
    width: 100%;
    height: auto;
    min-height: auto;
    max-height: none;
    min-width: auto;
    max-width: none;
}

svg#map.narrow {
    width: auto;
    height: 100%;
}

.map-container {
    overflow: auto;
    position: relative;
}

::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.map-container {
    scrollbar-width: none;
}

.map-container {
    background-color: gray;
}
.interactive-map {
    width: 100%
}