/*~~~~~~~~~~~~~~~~~~~~~~~Modification de la barre du haut pour un rendu plus esthéthique~~~~~~~~~~~~~~~~~~~~~~~*/
/* Hauteur barre du haut */
/* Si on ne rajoute pas #headermenu, la barre d'outils de recherche d'adresses va être décalée */
#header,#headermenu {
    height: 0px;
}

/* désaffichage de la barre d'authentification */
#auth.navbar-inner div.pull-right ul.nav {
    display: none;
}

/* Ajout d'une marge à droite pour la barre d'outils de recherche d'adresses */
#auth {
    margin-right: 11px;
	margin-top: 10px;
}

#mini-dock,#navbar {
    margin-top: 40px;
}

/* disparition du logo */
#logo {
    display: none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~Changement panneau couches~~~~~~~~~~~~~~~~~~~~~~~*/

/* Décalage du panneau sur la gauche */ 
#docks-wrapper {
	left: 0px;
}

/* Désaffiche le titre Couches en haut du panneau */ 
#dock-tabs {
	display: none;
}

/* Masque le bouton pour fermer le panneau */ 
#dock-close {
	display: none;
}

/* Supprime la ligne en pointillés blancs au-dessus  */ 
#switcher-layers-actions {
    border-top: none;
}


/* Désactive tous les boutons */ 
#switcher-layers-actions {
	display: none;
}

/* Changement couleur case à cocher couches  */ 
#dock .tree button.checkbox, #right-dock .tree button.checkbox, #switcher .tree button.checkbox, #dock .tree button.checkbox, #right-dock .tree button.checkbox, #bottom-dock .tree button.checkbox, #mini-dock .tree button.checkbox {
    border: 1px solid #094c67;
}

#switcher .tree button.checkbox.checked, #dock .tree button.checkbox.checked, #right-dock .tree button.checkbox.checked, #bottom-dock .tree button.checkbox.checked, #mini-dock .tree button.checkbox.checked, #tmLayers .tree button.checkbox.checked {
    background-color: #094c67;
}


/* Masquage titre couche et boite à cocher */ 
#switcher-layers-container > div.menu-content > lizmap-treeview > ul > li > div.expandable.expanded {
	display: none;
}


/* Décalage boîtes à cocher pour qu'elles paraissent plus centrer avec le texte */ 
#switcher-layers-container.switcher div.menu-content lizmap-treeview ul li ul.symbols li label.symbol-title input {
	margin-top: 2px;
    margin-bottom: 2px;
}

/* Diminution taille pannean contenant couche pour enlever barre de défilement */ 
#switcher {
    height: 35%;
}

/* Suppression des marges du dock, ajout d'effet d'ombre et agrandissement pour que l'effet d'ombre aille bien jusqu'en bas*/
#dock {
    padding: 0px;
	height: 105%;
	box-shadow: 5px -4px 10px black;
}

/*~~~~~~~~~~~~~~~~~~~~~~~Changement apparence mini-dock~~~~~~~~~~~~~~~~~~~~~~~*/
/* Fond et angle titre */
#mini-dock h3 span.title {
	background: #094c67;
	border-radius: 3px 3px 0px 0px;
}

/* Style titre H4 */
#popupcontent > div.popupcontent > div > div > h4 {
    color: black !important;
    border-bottom: none;
}

/* Angles + taille et scroll */
#mini-dock {
    border-radius: 4px 4px 3px 3px;
	overflow: auto;
    background-color: transparent !important;
	max-height: 91%;
	max-width: 75%;
    margin-top: 50px;
}

#mini-dock div.menu-content {
    border-radius: 0px 0px 3px 3px;
    max-height: none;
}

/* Suppresion barre de défilement en bas du cadre zoom sur */
#locate div.locate-layer {
    width: 99%;
}

#locate div.locate-layer .custom-combobox-input {
  margin-right: 60px;
  width: 100%;
}


/* Croix fermeture mini-dock en blanc */
#mini-dock .title .btn.btn-error {
    color: #ffffff;
    opacity: 1;
}

#popupcontent > div.popupcontent > div > div > div > div > div.cadastre-popup-tab-container > ul > li > a:hover {
    background-color: #fff;
}

/*Affichage constant de l'outil de localisation*/
#locate,mini-dock-content {
    display: block !important;
}

#locate {
	margin: 0px 10px 10px 0px;
    box-shadow: 5px 5px 10px 0px black;
}

#locate-close {
    display: none;
}
/*box-shadow: 5px 5px 10px 0px black;*/

#popupcontent {
    width: 350px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~Changement apparence popup~~~~~~~~~~~~~~~~~~~~~~~*/
#popupcontent > div.popupcontent div div div h4 {
    display : none;
	color: black !important;
    text-align: center;
    border-bottom: none;
}

/* Couleur texte onglet dans popup cadastre */
#popupcontent div.popupcontent div div div div div.cadastre-popup-tab-container ul li.active a {
	    color: #555;
}

#popupcontent div.popupcontent div div div div div.cadastre-popup-tab-container ul li a {
	    color: #1a95a3;
}

#mini-dock div.lizmapPopupDiv {
    padding : 0px;
	margin: 20px 20px 20px 0px !important;
	border-radius: 3px;
}

.table th,.table td {
    border: 1px solid lightgray;
}

div.cadastre-popup-tab-container div.tab-pane {
  padding : 0px;
}

div.cadastre-popup-tab-container div.tab-pane p {
    margin: 0 0 10px 4px;
}

/* Affichage menu dans Popup */
.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus {
    color: #000;
    border-bottom: 1px solid black;
	background-color: transparent;
}

.nav-pills>li>a {
    padding-bottom: 7px;
    margin-bottom: 2px;
    border-radius: 0px;
	color: darkgray;
}

.nav>li>a:hover {
    color: #000000;
}

/*Modifications pour que la popup paraissent éloignée de l'outil Zoom sur */
#mini-dock .popupcontent h3,
#popupcontent.tab-pane.active div.popupcontent div.menu-content div.lizmapPopupContent div.lizmapPopupSingleFeature div.lizmapPopupDiv lizmap-feature-toolbar div.feature-toolbar
 {
    display: none;
}

#popupcontent.tab-pane.active div.popupcontent div.menu-content {
	padding: 0px;
}
	
/*~~~~~~~~~~~~~~~~~~~~~~~Changement barre de navigation~~~~~~~~~~~~~~~~~~~~~~~*/
#navbar div.slider {
    background-color: #6d6d6d;
}


#navbar button.btn {
	background-color: #F0F0F0;
    border-radius: 4px;
    padding: 2px;
    background-image: url(/index.php/view/media/getMedia?repository=ccccpublic&project=cccc_dechets&path=media%2Fthemes%2Fcccc_dechets%2Fcss%2F/images/sprite_30.png);
    border: none;
	box-shadow: 5px 5px 10px 0px black;
}

#navbar button.btn.active {
    background-color: #b7c4c8;
}

#navbar div.slider span {
    border: solid 1px white;
	background: #6d6d6d;
}

/* Masquage des boutons superflus */
#navbar button.btn.pan.active,
#navbar button.btn.zoom,
#navbar button.btn.zoom-extent {
    display: none;
}

#navbar {
    margin-top: -10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~Changement outil recherche adresse~~~~~~~~~~~~~~~~~~~~~~~*/
/* On descend un peu l'image de la loupe pour qu'elle paraisse mieux centrée */
#headermenu .navbar-search .search-icon {
    top: 3px;
}
/* On modifie l'affichage du bouton pour réinitialisé */
#headermenu .btn-locate-clear.icon {
    background-color: white;
    background-position: -872px 1px;
    border-radius: 20px;
}

/* On agrandit la barre de recherche et on décale le bouton de réinitialisation */
#headermenu .navbar-search .search-query {
    width: 375px;
}

#headermenu .navbar-search {
    width: 430px;
}




/*~~~~~~~~~~~~~~~~~~~~~~~Modification du panneau des couches~~~~~~~~~~~~~~~~~~~~~~~*/

/* Désaffiche le bandeau en haut du panneau avec marqué Couches
ET le bouton pour fermer le panneau
ET les boutons en haut du panneau permettant de dérouler ou non les légendes
*/
#dock-tabs, #dock-close, #switcher-layers-actions {
	display: none;
}

/* Mise en transparence du fond du panneau et enlèvement de l'effet d'ombre et de la bordure*/
#dock {
	box-shadow: none;
	background-color: transparent !important;
	border: none;
}

#switcher.active {
    background-color: transparent;
}

/* Changement de la position */
#docks-wrapper {
    left: 20px;
    top: 20px;
}

#dock {
    top: 0px;
    left: 0px;
}

/* Masquage du bouton I au survol de la couche */
lizmap-treeview .layer-actions {
    display: none;
}

/* Ajout d'une bordure */
#switcher-layers-container {
    border: 1px solid black;
}
/* Masquage de la boite à cocher des couches et du symbole de catégorie*/
#node-Espace\ de\ propreté, #node-Type\ de\ collecte\ \(zoomer\ pour\ afficher\), #node-Déchetterie,
#switcher-layers-container > div.menu-content > lizmap-treeview > ul > li.not-visible > div.layer > div.node > img {
    display: none;
}
/* Modification des marges à l'intérieur du panneau */
#switcher-layers-container > div.menu-content > lizmap-treeview > ul,
#switcher-layers-container > div.menu-content > lizmap-treeview > ul > li.not-visible > ul,
#switcher-layers-container > div.menu-content > lizmap-treeview > ul > li.not-visible > ul > li > label {
    margin: 5px 5px 5px 5px;
}

lizmap-treeview li > div {
    margin-top: 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~AFFICHAGE MOBILE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 500px) {
	
	/* Suppression des boutons de navigation */
	#navbar {
		display: none;
	}
	
	/* Déplacement de l'image pour sélectionner le fond de carte */
	#logo {
		display: none;
	}
	
	/* Déplacement de la barre de recherche d'adresse */
	#headermenu.mobile #auth form#nominatim-search {
        right: 8px;
		top: 8px;
    }
	
	/* Réduction de la taille de la barre de recherche d'adresse */
	#headermenu .navbar-search .search-query {
    width: 272px;
	}
	
	/* Réduction des marges autour du titre dans le panneau de gauche */
	#mapmenu > p {
        margin: 15px 0px 5px 0px !important;
    }
	
	#mapmenu {
		padding-top: 5px;
	}
	
	/* Réduction des marges au-dessus de noms de menu */
	#mapmenu > div {
        top: 0px;
    }
	
	/* déplacement des noms de menu + harmonisation des couleurs */
	#mapmenu > div > ul, #mapmenu > div > ul li {
        margin: 0px;
        background-color: transparent;
		padding-left: 10px;
    }
	
	
	/* diminution taille police et interligne nom de menu */
	#mapmenu .nav-list > li > a {
        font-size: 1em;
		height: 16px;
    }
	
	/* déplace les crédits en bas du menu des outils */
	#mapmenu > #footer_menu {
        top : auto;
		bottom: 5px !important;
    }
	
	/* déplace le dock des outils à gauche et en haut de manière à ce qu'il prenne tout l'écran */
	#docks-wrapper {
		left: 0px;
	}
	
	#dock {
        margin-top: 0px;
    }
	
	
	/* changer couleur fond menu actif */
	#mapmenu > div > ul li.active {
		background-color: #F0F0F0;
    }
	
	/* changer couleur icone menu actif */
	#mapmenu .nav-list > li.home.active .icon {
		background-position: 0px 0px;
	}
	#mapmenu .nav-list > li.projects.active .icon {
		background-position: -900px 0px;
	}
	#mapmenu .nav-list > li.metadata.active .icon {
		background-position: -100px 0px;
	}
	#mapmenu .nav-list > li.switcher.active .icon {
		background-position: -50px 0px;
	}
	#mapmenu .nav-list > li.legend.active .icon {
		background-position: -50px 0px;
	}
	#mapmenu .nav-list > li.locate.active .icon {
		background-position: -150px 0px;
	}
	#mapmenu .nav-list > li.print.active .icon {
		background-position: -350px 0px;
	}
	#mapmenu .nav-list > li.measure.active .icon {
		background-position: -250px 0px;
	}
	#mapmenu .nav-list > li.edition.active .icon {
		background-position: -450px 0px;
	}
	#mapmenu .nav-list > li.geolocation.active .icon {
		background-position: -300px 0px;
	}
	#mapmenu .nav-list > li.attributeLayers.active .icon {
		background-position: -500px 0px;
	}
	#mapmenu .nav-list > li.permaLink.active .icon {
		background-position: -650px 0px;
	}
	#mapmenu .nav-list > li.tooltip-layer.active .icon {
		background-position: -750px 0px;
	}
	#mapmenu .nav-list > li.timemanager.active .icon {
		background-position: -600px 0px;
	}
	.nav .active > a .icon-white, .nav li > a:hover .icon-white, .nav li > a:focus .icon-white {
    background-image: url(/index.php/view/media/getMedia?repository=ccccpublic&project=cccc_dechets&path=media%2Fthemes%2Fcccc_dechets%2Fcss%2F/images/glyphicons-halflings.png);
	}
	
	/* changer couleur fond bouton pour fermer le panneau des outils quand il est ouvert */
	#menuToggle.opened {
		background: #094c67;
    }
	
	/* masquage de l'infobulle avec nom du fond de plan quand on a cliqué une fois sur le background selector */
	#map-content > div.tooltip.fade.top.in {
		display: none !important;
	}
	
	/*#menuToggle {
		display: none;
	}*/
	
	/* Modification affichage popup
	/* Centrer */
	#content.mobile #mini-dock {
		display: flex;
		justify-content: center;
	}
	
	#popupcontent .lizmapPopupDiv {
		margin: 0px !important;
	}
	
	#popupcontent {
		width: auto;
	}
	
	#popupcontent > div.mini-dock-close {
		display: none;
	}
	#mini-dock div.lizmapPopupDiv {
		margin: 20px 0px 20px 0px !important;
	}
	
}