@import url(/index.php/view/media/getMedia?repository=carto&project=sollicitation_tout_public&path=media%2Fthemes%2Fsollicitation_tout_public%2Fcss%2F/'https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');

#loading {
background-image: url(/index.php/view/media/getMedia?repository=carto&project=sollicitation_tout_public&path=media%2Fthemes%2Fsollicitation_tout_public%2Fcss%2F/images/logo_hdf.png);
background-size: contain;
width: 40px;
} 



body {
    padding-top: 0!important;
    background: none;
    font-size : 1em;
    font-family : Work Sans, sans-serif !important;

}

body, #content, #map-content, #map {
    height: 100vh!important;
}


#header {
    background: none;

}

/* Thin border for docks */
#dock,
#mini-dock,
#sub-dock {
  border: 0px solid var(--color-contrasted-elements);
}

#dock>div>ul.nav.nav-tabs,
#mini-dock>div>ul.nav.nav-tabs,
#right-dock>div>ul.nav.nav-tabs,
#bottom-dock>div>ul.nav.nav-tabs,
#mini-dock h3,
#sub-dock h3,
.dock-subtitle {
  border-bottom: 0px solid var(--color-contrasted-elements);
}

#bottom-dock div.bottom-content {
  border: none;
  border-top: 0px solid var(--color-contrasted-elements) !important;
}


#mapmenu, #dock, #navbar {
    top: 0px;
}

#navbar {
    top: 35px;
}

#mini-dock {
  top: 75px;
}

#nav-tab-switcher a::before {
  background-position: -75px 0px;
}

#dock-tabs>li>a,
#right-dock-tabs>li>a,
#bottom-dock-tabs>li>a {
  color: rgb(255, 255, 255);
}

#toolbar h3,
#menu h3,
#dock h3,
#sub-dock h3,
#mini-dock h3,
#right-dock h3,
div.modal h3,
.dock-subtitle {
  color: #fff;
}


#dock .baselayer .icon {
  background-position: -725px 0px !important;
}

#nav-tab-metadata a::before {
  background-position: -125px 0px;
}

#dataviz .text {
  color: white;
}

#right-dock {
  border-left: 0px solid var(--color-contrasted-elements);
}

#dock div.lizmapPopupDiv,
#mini-dock div.lizmapPopupDiv,
#right-dock div.lizmapPopupDiv,
#bottom-dock div.lizmapPopupDiv {
  background-color: #fff0 !important;
}

.lizmapPopup.olPopup .lizmapPopupContent h4,
#map-content .lizmapPopupContent h4,
#popupcontent .lizmapPopupContent h4 {
  color: rgb(255, 255, 255) !important;
}

#mini-dock .permaLink .icon {
  background-position: -675px 0px !important;
}

#dock .icon-white,
#mini-dock .icon-white,
#right-dock .icon-white,
#bottom-dock .icon-white {
  filter: invert(0%);
}
#sub-dock .sub-metadata h3 .icon {
  background-position: -125px 0px;
}
/* (Voir pour intégrer le logo en haut à gauche du menu)
.home:before{
content: url(/index.php/view/media/getMedia?repository=carto&project=sollicitation_tout_public&path=media%2Fthemes%2Fsollicitation_tout_public%2Fcss%2F/images/logo_epf_20px.png);
position: relative;
  left: -8px;
  top: 5px; 
} */

#dock-tabs::before {
background-size: contain;
content: 'Intervention EPF Hauts-de-France';
  color: #FBFBFB;
  font-size: 18px;
  padding-top: 6px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  

}
#dock-close {
 
  top: 25px;
}

#logo { display: none;
}

#title { display: none;
}

#mapmenu, #dock {
  top: 0;
}

#right-dock { z-index: 3000;
}

#headermenu {
  position: fixed;
  right: 0px;
  left: 0px;
  top: 0px;
  z-index: 900;
  margin-bottom: 0px;
  overflow: visible;
  font-size: inherit;
  background: transparent;
    background-color: transparent;
}
.lizmapPopupChildren h4{
display: none;
}

.lizmapPopupChildren{
  border: solid lightgray 0px;
  margin-top: 5px;
}

#dock, #mini-dock, #bottom-dock,  #sub-dock,
.lizmapPopup.olPopup, #map-content .lizmapPopup{
  background-color: #739bbcb0 !important;
  border-left : none;
		
        }

#toolbar div.menu-content,
#menu div.menu-content,
#dock div.menu-content,
#sub-dock div.menu-content,
#mini-dock div.menu-content,
#right-dock div.menu-content,
div.modal div.menu-content {
  display : block;
  padding : 0.5em;
  background-color: #FFFFFFCF;}



.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
  background-color: #93afc5;
}

#right-dock div.menu-content, div.modal div.menu-content {
  display: block;
  padding: 0.5em;
  background-color: #FFF0;
}

#button-cadastre   {

    display: none;
}

#button-processing {

    display: none;
}



#button-processing-results  {

    display: none;
}

#button-draw   {

    display: none;
}

#button-filter  {

    display: none;
}

a#button-popupcontent {

    display: none;
}


#mapmenu {
box-shadow: 0px 0px 8px #888888;
}

#rightdock {
background-color: #739bbc !important;
}

}
.dock div.lizmapPopupDiv, .mini-dock div.lizmapPopupDiv, .right-dock div.lizmapPopupDiv, .bottom-dock div.lizmapPopupDiv {

  background-color: #E8EFF4A8 !important;
}

#overview-bar {
  position: relative;
  width: 220px;
  background: none repeat scroll 0% 0% rgba(115, 155, 188, 0.58);
  line-height: 12px;
  height: 47px;
}

#overview-box > * + *, lizmap-overviewmap .ol-overviewmap {
  border-top: solid 0px #606060;
}


#lizmap-mouse-position {
display : none;
}

#overview-box {
  z-index: 999;
  position: absolute;
  right: 10px;
  bottom: 40px;
  border: solid 0px #606060;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(96, 96, 96);
  border-top: none;
}

:root, :host {
  --ol-background-color: white;
  --ol-accent-background-color: #F5F5F5;
  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
  --ol-partial-background-color: none ;
  --ol-foreground-color: #fff;
  --ol-subtle-foreground-color: #666666;
  --ol-brand-color: #00AAFF;
}

#headermenu .navbar-search {
  margin-top: -1px;
  height: 30px;
  width: 270px;
  background-color: #93afc5;
border-bottom-left-radius: 10px;
}

lizmap-scaleline .ol-scale-bar {
  z-index: 750;
  bottom: 5px;
  left: 50%;
}
lizmap-scaleline .ol-scale-bar {
  z-index: 750;
  bottom: 5px;
  left: 50%;

}
.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: auto;
  position: absolute;
  top: auto;
  left: 10%;
  left: 50%;
  transform: translate( -50%);

}

div.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: var(--ol-foreground-color);
  float: right;
  z-index: 10;
  top: -8px;
}


.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: var(--ol-foreground-color);
  float: right;
  z-index: 10;
  top: -8px !important;
}

#headermenu .btn-locate-clear.icon {
  background-color: transparent;
  background-position: -875px 0px;
  margin-top: 5px;
  position: absolute;
  left: 10px;
}

#mapmenu .nav-list > li > a .icon {
  display:inline-block;
  vertical-align:middle;
  background-image:url(/index.php/view/media/getMedia?repository=carto&project=sollicitation_tout_public&path=media%2Fthemes%2Fsollicitation_tout_public%2Fcss%2F/images/20tools_epf.png);
  background-repeat:no-repeat;
  width:20px;
  height:20px;
}

/*  gestion de l'exportation de donnée des couches */