/**********
* STYLESHEET WEB SCREEN
**********/

body {
  font-family: Barlow, sans-serif;
}

/* Les alertes */
#lizmap-edition-message {
  display: none;
}

/* Le 'Informations' du panneau */
#nav-tab-metadata {
  display: none!important;
}

#sub-dock{
  display: none!important;
}

/**********
* FENETRE DE DEMARRAGE
**********/

/* Le 1er conteneur de la fenetre */
.modal, #lizmap-modal{
  background-color: transparent;
}

/* Le 2e conteneur du message d'accueil */
#modal-carte{
  background-color: #004928;
  color: #ffffff;
  border-radius: 10px;
}

/* L'entete du titre */
.modal-header{
  border-bottom: 0px;
  border-radius: 10px;
}

/* le titre */
.modal-header h2{
  font-family: DM Sans, sans-serif;
  color: #ffffff;
  font-weight: 500;
  font-size : 23px;
}

/* Le pied de page */
.modal-footer{
  background-color: #004928;
  border-top: none;
  text-align: center;
}

/* le bouton J'ai compris */
.modal-footer button{
  font-family: DM Sans, sans-serif;
  background-color: white;
  border-radius: 7px;
  border: 2px solid white;
  color: #004928;
  font-size: 0.9em;
  padding: 7px;
}

/* le bouton J'ai compris au survol */
.modal-footer button:hover{
  font-weight: bolder;
}

/***********
* LE DOCK
************/

/* Le panneau lateral gauche */
#dock{
  max-width: 40vw;
  overflow: hidden;
  background-color: white;
  padding : 0px;
}

#dock-content {
  background-color: transparent;
}

#dock-tabs {
  background-color: #004928;
  font-size: 15px;
}

/* La barre laterale avec les outils */
#mapmenu {
  background: #004928;
}

/* la bordure en pointille en dessous du titre du panneau */
ul.nav.nav-tabs{
  border-bottom: none!important;
}


/*******
* LES POPUPS
*******/

/* Le conteneur general */
#liz_layer_popup {
  overflow: visible!important;
  border: none!important;
}

/* Le 1er conteneur de la popup*/
#liz_layer_popup, .lizmapPopup.olPopup, #map-content .lizmapPopup{
  background-color: white!important;
}

/* Le 2eme conteneur */
#liz_layer_popupGroupDiv {
  background-color: transparent;
}

/* Le 3eme conteneur */
#liz_layer_popup_contentDiv{
  background-color: transparent;
}

/* Le dernier conteneur */
#lizmapPopupDiv, .lizmapPopupDiv,
.lizmapPopup.olPopup .lizmapPopupDiv, #map-content .lizmapPopupDiv {
  background-color: transparent!important;
  margin-bottom: 0px!important;
}

/* Les boutons zoom, editions... dans la popup */
.feature-toolbar button{
  background-color: #97a594;
}

/* Le titre des contributions */
.lizmapPopupContent h4 {
  font-family: DM Sans, sans-serif;
  font-size: 1.2em;
  font-weight: 200;
  margin-top: 5px;
  background-color: white;
  line-height: 20px;
}

/* Le texte de la contribution */
.lizmapPopupDiv p {
  color: black;
  font-size: 0.9em;
  background-color: white;
}


/**********
* FORMULAIRE D'EDITION
**********/

/* Le nom de la couche dans le formulaire d'édition */
#edition-form-container h3{
  font-family: DM Sans, sans-serif;
  font-size: 1.5em;
  padding: 0px;
}

/* le conteneur du titre */
#dock-tabs{
  background-color: #dadada;
  max-width: 40vw;
}

#dock .menu-content{
  background-color: #ededed!important;
  border-radius: 7px
}

/* Le titre dans le formulaire */
#dock h3{
  color: #004928;
  font-size: 1.2em;
  padding-bottom: 8px;
}

/* La ligne de séparation entre le titre et les menus */
hr{
  border-top: 0.3px solid #004928;
  border-bottom: none;
  margin-top: 10px;
  margin-bottom : 10px;
}

/* Les 3 boutons du formulaire */
#jforms_view_edition_reinit, #jforms_view_edition__submit_cancel,
#jforms_view_edition__submit_submit{
  font-family: DM Sans, sans-serif;
}

/* Le bouton annuler */
#jforms_view_edition__submit_cancel{
  background-color: #f9bb7b!important;
}

/* Le bouton enregistrer */
#jforms_view_edition__submit_submit{
  background-color: #93c385!important;
}

/* Les intitulés des menus */
label.jforms-required{
  font-weight: normal;
}

/* La boite qui contient le menu de selection de la couche à editer */
#edition-creation{
  padding-top: 35px;
}

/* L bouton pour ouvrir le formulaire */
#edition-draw{
  display: block;
  background-color: #004928;
  color: white;
}

/* Le bouton ci-dessus au survol */
#edition-draw:hover{
  font-weight: bolder;
}

/**********
LOCALISATION
**********/

.locate-layer, #locate-layer-communes_ccm{
  font-family: Barlow, sans-serif;
}

/* Cacher la barre de defilement dans le mini-dock */
#mini-dock div.menu-content{
  overflow: hidden;
}

/* Le conteneur du titre h3 */
#mini-dock h3{
  background-color: #004928;
  color: white;
}

/* Le texte Localiser une commune */
.text{
  padding-right: 5px;
}

/* L'icone du bouton localiser */
#mini-dock .locate .icon{
  background-position: -175px!important;
}

/* L'icone du bouton réinitialiser */
#mini-dock .btn.btn-locate-clear{
  background-position: -875px!important;
}

/* L'icone du bouton fermer */
#locate-close{
  display: none;
}

/* Le menu déroulant des communes */
#locate div.locate .custom-combobox-input{
  padding: 5px;
}