/*~~~~~~~~~~~~~~~~~~~~ MENU BARRE DE GAUCHE MAPMENU ~~~~~~~~~~~~~~~~~~~~*/
/*bouton accueil */
#mapmenu div ul.nav.nav-list li.home {
  display:none
}
/* bouton projets */
#mapmenu div ul.nav.nav-list li.metadata.nav-dock {
  display:none
}
/* bouton information */
#mapmenu div ul.nav.nav-list li.projects {
  display:none
}
/* bouton popup */
#mapmenu div ul.nav.nav-list li.popupcontent {
  display:none
}
/* bouton permalien */
#mapmenu div ul.nav.nav-list li.permaLink {
  display:none
}
/* bandeau à gauche */
#mapmenu {
  background-color: #da232a;
}

/*~~~~~~~~~~~~~~~~~~~~ MENU DE GAUCHE DOCK ~~~~~~~~~~~~~~~~~~~~*/
/* Bouton de fermeture du dock */
#dock-close {
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.40);
}
/* Titre du dock (Couches) ombragé */
li#nav-tab-switcher {
  text-shadow: 3px 3px 5px black;
}
/* cases à cocher (cochées et décochées) des couches */
button.checkbox.checked, button.checkbox {
  border-color: #db2626 !important;
}
/* Cases à cocher (cochées) des couches */
button.checkbox.checked {
  background-color: #db2626 !important;
}
/* Zone du dock */
#dock {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
/* Zone titre du dock (ex : couches) */
#dock-tabs {
  background: rgba(0, 0, 0, 0.3) !important;
}
/* Titres des menus du dock (ex : fond de carte) */
#dock h3 {
  color: white;
  text-shadow: 3px 3px 5px black;
}
/* Zone de liste des couches */
#switcher-layers-container > div.menu-content {
  border-radius: 10px 10px 10px 10px;
}
/* Zone liste des couches */
#switcher-layers-container {
  overflow: unset;
}
/* Liste des couches */
#switcher-layers-container > div.menu-content {
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.73);
  border: solid 1px black;
}
/* Liste des fonds de carte arrondi et ombragés */
#switcher-baselayer > div.menu-content {
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.73);
  border: solid 1px black;
}
/* Icone I d'information du fond de carte en blanc. fonctionne pas*/
#get-baselayer-metadata i {
  background-image: url(/index.php/view/media/getMedia?repository=public&project=PEI_Hydraclic&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/glyphicons-halflings-white.png) !important;
}
/* Zone de choix des fonds de carte */
#switcher div.baselayer-select {
  border-radius: 5px 5px 5px 5px;
}
/* Boutons expansion/réduction des couches */
#switcher button.btn {
  background: #fff0;
}
/* Icone I d'information des couches */
#switcher button.link {
  background-image: url(/index.php/view/media/getMedia?repository=public&project=PEI_Hydraclic&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_menu.png);
  background-position: 0px -80px;
}


/*~~~~~~~~~~~~~~~~~~~~ MENU FLOTTANT MINIDOCK ~~~~~~~~~~~~~~~~~~~~*/
/* Menu Minidock (ex : localisation, etc...) */
#mini-dock {
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.73);
  border: solid 1px black;
  background-color: black !important;
}
/* Zone titre du minidock */
#mini-dock h3 {
  background: #db2626 !important;
  box-shadow: inset 3px 3px 10px rgba(255, 255, 255, 0.30), inset -3px 0px 10px rgba(0, 0, 0, 0.50);
  border-radius: 10px 10px 0 0;
}
/* Croix pour fermer le minidock */
#mini-dock .title .btn.btn-error {
  color: #4d1b19;
  font-weight: bold;
}
/* Zone de saisie du minidock localisation */
#locate div.locate-layer.no-toggle {
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.80);
  border-radius: 5px 5px 5px 5px;
  background: white;
}
/* Intérieur de la zone de saisie du minidock localisation */
#locate div.locate-layer .custom-combobox-input {
  margin:0.2em;
}
/* zone contenu (le bas) du minidock de localisation */
#mini-dock div.locate div.menu-content {
  box-shadow: inset 3px 0px 10px rgba(255, 255, 255, 0.30), inset -3px -3px 10px rgba(0, 0, 0, 0.50);
}
/* Zone contenu (le bas) du minidock de mesure */
#measure.tab-pane.active div.measure div.menu-content {
  box-shadow: inset -1px -1px 3px rgba(0, 0, 0, 0.50);
  background: #F0F0F0;
}
/* Zone de saisie du minidock de mesure */
#measure-type {
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.80);
  border-radius: 5px 5px 5px 5px;
  background: white;
}
/* Zone contenu (le bas) du minidock de géolocalisation */
#geolocation.tab-pane.active div.geolocation lizmap-geolocation div.menu-content {
  box-shadow: inset -1px -1px 3px rgba(0, 0, 0, 0.50);
  background: #F0F0F0;
}


/*~~~~~~~~~~~~~~~~~~~~ Messages (ex: mesures, impression) ~~~~~~~~~~~~~~~~~~~~*/
/* Zone des messages (en haut de l'écran) */
#message.span6 {
margin-left: -285px;
  background: none;
  border: none;
}
/* message */
.alert-info {
  background: #db2626;
  border: solid 2px black;
  border-radius: 10px 10px 10px 10px;
  box-shadow: inset 3px 3px 10px rgba(255, 255, 255, 0.30), inset -3px -3px 10px rgba(0, 0, 0, 0.60), 3px 3px 5px rgba(0, 0, 0, 0.8);
  color: black;
  color: black;
  font-weight: bold;
}
/* Texte du message */
.alert-block > p, .alert-block > ul {
  margin-bottom: 0;
  text-align: center;
}



/*~~~~~~~~~~~~~~~~~~~~ BOUTONS DE NAVIGATION (ZOOM, ETC) ~~~~~~~~~~~~~~~~~~~~*/
/* Boutons de navigation */
#navbar button.btn {
  border-radius: 5px 5px 5px 5px;
  background: #db2626;
  border: 1px solid black;
  box-shadow: inset 3px 3px 10px rgba(255, 255, 255, 0.30), inset -3px -3px 10px rgba(0, 0, 0, 0.30), 0 3px 5px rgba(0, 0, 0, 0.73);
  background-image: url(/index.php/view/media/getMedia?repository=public&project=PEI_Hydraclic&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_30.png) !important;
}
/* Barre verticale de zoom */
#navbar div.slider {
  background: #db2626;
  border: 1px solid black;
}
/* Barre horizontale de zoom */
#navbar div.slider span {
  background: black;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.73);
  height: 0.3em;
}



/*~~~~~~~~~~~~~~~~~~~~ MENU ECHELLES ~~~~~~~~~~~~~~~~~~~~*/
/* Zone menu échelles */
#overview-box {
  border-radius: 10px 10px 10px 10px;
  box-shadow: inset -3px -3px 10px rgba(0, 0, 0, 0.30), 0 3px 5px rgba(0, 0, 0, 0.73);
  border: solid 1px black;
  background-color: #F0F0F090;
  border: solid 1px black;
}
/* Zone échelle graphique */
#overview-bar {
	background: none !important;
	border-bottom: dashed 1px black;
	border-top: none;
	border-left: none;
	border-right: none;
	padding: 0.3em 0 0 0;
}
/* Texte de l'échelle numérique */
.ol-scale-text {
  text-shadow: 1px 1px 0px white, -1px -1px 0px white, -1px 1px 0px white, 1px -1px 0px white;
}
/* Texte des pas de l'échelle graphique */
.ol-scale-step-text {
  font-size: 12px;
  text-shadow: 1px 1px 0px white, -1px -1px 0px white, -1px 1px 0px white, 1px -1px 0px white;
}
/* Zone coordonnées */
lizmap-mouse-position {
  background: none;
  padding-top: 0.2em;
  border: unset !important;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}
/* Zone de latitude et longitude */
#overview-box lizmap-mouse-position div.mouse-position div.editable-position input {
  border-radius: 7px 7px 7x 7x;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.20);
  margin-left: 0.1em;
  border: solid 1px #bdbdbd;
}
/* Zone des unités */
#overview-box lizmap-mouse-position div.coords-unit select {
  border-radius: 10px 10px 10px 10px;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.20);
  margin-right: 0.1em;
  border: solid 1px #bdbdbd;
}

/*~~~~~~~~~~~~~~~~~~~~ ELEMENT DE CHARGEMENT DE LA CARTE ~~~~~~~~~~~~~~~~~~~~*/
/*Chargement de la carte (casque)*/
.liz-dialog-wait {
  background: #db2626;
  border-radius: 15px 15px 15px 15px;
  border: 1px solid black;
  box-shadow: inset 3px 3px 10px rgba(255, 255, 255, 0.30), inset -3px -3px 10px rgba(0, 0, 0, 0.30), 0 3px 5px rgba(0, 0, 0, 0.73);;
}
div.ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix {
	border-radius: 15px 15px 0 0;
	background: black/*rgba(255, 255, 255, 0);*/
	border-bottom: 1px solid black;
}
.liz-dialog-wait .ui-dialog-titlebar{
  background : #db2626;
  color : #FBFBFB;
}
.liz-dialog-wait .ui-dialog-titlebar-close{
  display:none;
}
.ui-widget-overlay {
  opacity : 0.1;
  background : black;
}
#loading p {
  display: none;
}
#loading {
  background-image: url(/index.php/view/media/getMedia?repository=public&project=PEI_Hydraclic&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/loading.gif);
  background: #db2626
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}
.ui-widget-header {
 background : rgba( 219, 38, 38, 1 );
}



/*~~~~~~~~~~~~~~~~~~~~ Popups ~~~~~~~~~~~~~~~~~~~~*/
/* Zone de la popup */
#popupcontent > div.menu-content {
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.73);
  border: solid 1px black;
  background: #ffffff80;
}
/* Zone des éléments de la popup */
#popupcontent .lizmapPopupContent h4 {
  color: white !important;
  text-shadow: 3px 3px 5px black;
}
/* Zone des attributes des éléments de la popup */
#dock div.lizmapPopupDiv {
  box-shadow: inset 5px 5px 10px rgb(255, 255, 255, 0.30), inset -5px -5px 10px rgba(0, 0, 0, 0.30);
  border: solid 1px #a2a2a2;
  border-radius: 10px 10px 10px 10px;
}
/* Liste des attributs de es éléments de la popup */
div.lizmapPopupDiv div{
  border-radius: 10px 10px 10px 10px;
  padding-right: 0.2em;
}