/**********
* LE BOUTON POUR AFFICHER/MASQUER LES BALADES
***********/

/* #buttonBalade{
  background-color: #87AAB0;
  color: white;
  border-radius: 4px;
  border: 1px solid white;
  font-family: Montserrat, Vardana;
} */

/* Le bouton d'infos des couches */
#switcher-layers-actions{
  display: none;
}

/* Les noms des panneaux */
#nav-tab-metadata a {
  font-family: Verdana;
  font-size: 12px;
}

/**********
LE MESSAGE AU DEMARRAGE
**********/

/* La boite du message de depart */
.modal-header{
  font-family: Montserrat!important;
  background-color : #87AAB0;
}

/* Le titre */
#modal-cartet1 .modal-header h3{
  border-bottom: none;
  font-weight: bold;
  color: white;
}

/* Le texte */
#modal-cartet1 .modal-body{
  color: white;
  background-color: #87AAB0;
  font-size: 0.9em;
}

/* Le pied de page */
#modal-cartet1 .modal-footer{
  background-color: #87AAB0;
  border-top: none!important;
  text-align: center;
}

/* le bouton J'ai compris */
#modal-cartet1 .modal-footer button{
  background-color: white;
  color: #87AAB0;
  font-family: Montserrat, Verdana;
  font-weight: bold;
  border-radius: 8px;
  border: white solid 1px;
  padding: 5px;
}

/* Les liens */
#link {
  color: white;
}

/**********
L'ENTETE DE LA PAGE
**********/
#header{
  background: #87AAB0;
  box-sizing: content-box;
}

/* ne pas afficher le logo */
#logo{
  display: none;
}

/* la boite de titre */
#title{
  /* margin-left: 30px;
  margin-top: 10px;
  box-sizing: content-box;
  max-height: 90px; */
  margin-left: 5px;
}

/* le titre principal */
#title h1 {
  display: none;
}

/* Le titre secondaire*/
#title h2 {
  color : white!important;
  font-weight: 1000!important;
  font-size: 1.5em;
  line-height: 1.5em;
}

/* Le bouton de connexion */
.login > a:nth-child(1){
  display: none;
}

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

/* le dock */
#dock{
  max-width: 25vw;
  background-color: #87AAB0!important;
  overflow-y: hidden;
}

/* La barre laterale gauche avec les outils */
#mapmenu{
  background: #87AAB0!important;
}

/* les noms des volets du mapmenu*/
#nav-tab-switcher a, #nav-tab-metadata a {
  font-family: Montserrat, Verdana;
  font-size: 16px;
}

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

/* le panneau des informations d'une couche */
#sub-dock {
  display: none!important;
}

/* le panneau qui contient les elements de legende */
#switcher-layers-container .menu-content {
  background-color: white;
  border-radius: 5px;
}

/**********
* POPUP
***********/
/* Le popup en haut du volet  */
#nav-tab-popupcontent a{
  display: none!important;
}

/* les titres des popups */
.lizmapPopupDiv h2 {
  font-family: Montserrat!important;
  font-weight: bold!important;
  font-size: 25px;
}

/* le corps du texte */
.lizmapPopupDiv p, .lizmapPopupDiv li {
  color : black;
  font-family: Verdana;
  font-size: 12px;
}

/* La boite de la popup */
#dock div.tabbable div.lizmapPopupDiv{
  background-color: white!important;
  border-radius: 5px;
  margin : none;
}

/* l'une des boites de fond */
.lizmapPopupSingleFeature h4{
  display: none;
}

#popupcontent .menu-content{
  background-color: white!important;
}

.type_1{
  color:  #1c7d69!important;
}
.type_2{
  color: #ef4651!important;
}
.type_3{
  color: #4abeb5!important;
}

/**********
* LE PANNEAU D'INFORMATIONS
***********/

/* La couleur de fond du panneau */
#metadata{
  background-color: #87aab0!important;
  padding-left: 10px;
  overflow-y: scroll;
}

/* le texte de la boite d'informations */
#metadata .dl-vertical p,
#metadata .dl-vertical li {
  font-family: Verdana;
  color: white;
  font-size: 0.85em;
}

/* le titre du panneau d'informations */
#metadata h3 {
  font-size: 1.2em;
  margin-bottom: 15px;
  color: white;
}

/* L'image par defaut du panneau */
#metadata img {
  display:none;
}

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

/* la boite contenant le panneau */
#dock-content{
  overflow-x: hidden;
  overflow-y: auto;
}

/**********
* FORMULAIRE D'EDITION
**********/
/* Les boutons formulaire et digitalisation */
.nav-pills{
  display: none;
}

/* Le conteneur du formulaire d'edition */
#edition div.menu-content {
  background: white;
  margin-top: 10px;
}

/* Le bouton-fleche pour fermer le dock */
#dock-close {
  /* display: inline;
  background-image: url(/map/index.php/view/media/getMedia?repository=vdfa&project=vdfa&path=media%2Fthemes%2Fvdfa%2Fcss%2F/icon/arrow.png);
  background-size: 20px 20px;
  background-color: white;
  border : none;
  right : 15px;
  top : 8px;
  position: static; */
  position : relative;
  top : 0px;
  bottom : 20px;
  background-color: transparent;
  background-image: url(/map/index.php/view/media/getMedia?repository=vdfa&project=vdfa&path=media%2Fthemes%2Fvdfa%2Fcss%2F/icon/arrow.png);
  background-size: 20px 20px;
  border : none;
}

/* Le message avant de pouvoir contribuer */
#edition-modification-msg {
  display: block!important;
}

/* Supprimer le menu de selection de couche */
#edition-layer {
  display: none;
}

.form-actions {
  background-color: white;
}

/* La police des boutons */
input, button, select, textarea {
  font-family: Verdana;
}

/* Les boutons du formulaire */
#jforms_view_edition_reinit,
#jforms_view_edition__submit_cancel,
#jforms_view_edition__submit_submit {
  text-transform: none;
}

#edition-form-container h4, h4 {
  font-weight: bold;
  font-family: Montserrat, Verdana;
  font-size: 2em;
  color: #87AAB0;
}

/* Les boites de dialogue pour saisir les mails ou cocher la case s'inscrire */
#jforms_view_edition_email, #jforms_view_edition_email_label,
#jforms_view_edition_inscription, #jforms_view_edition_inscription_label  {
  display: block!important;
}

#edition div.tab-content {
  box-sizing: content-box;
  overflow: hidden;
  border: 0px;
  border-radius: 20px;
  background-color: white;
  border-radius: 20px;
}

.form-actions button, .form-actions input{
  background-color: #87AAB0;
  background-image: none;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: none;
}

/* Les boutons pour valider/annuler/vider le formulaire */
.jforms-submit-buttons form-actions,
#jforms_view_edition_reinit,
#jforms_view_edition__submit_cancel,
#jforms_view_edition__submit_submit {
  display: inline-block;
  font-family: Montserrat;
  padding: 1px 6px;
  box-shadow: none;
  border-radius: 4px;
}

/* le bouton Contribuer au milieu de la carte */
#start_edition{
  position: absolute;
  bottom: 5%;
  left: calc(50% - 48px);
  z-index: 1000;
  font-size: 1.2em;
  padding: 10px 16px;
  cursor: pointer;
  font-family : Montserrat, Verdana;
  background: #fe9dbf;
  border-radius: 8px;
  color: white;
  font-weight: bold;
}

#edition-point-coord-form,
#nav-tab-edition,
.edition h3,
#edition-form-container h3 {
    display: none!important;
}
/* #jforms_view_edition_photo1_jf_action_keep_item,
#jforms_view_edition_photo2_jf_action_keep_item,
#jforms_view_edition_photo3_jf_action_keep_item,
#jforms_view_edition_photo1_jf_action_new,
#jforms_view_edition_photo2_jf_action_new,
#jforms_view_edition_photo3_jf_action_new */

/* Le titre de l'input email */
#label, #jforms_view_edition_email_label{
  font-weight: bold;
}

/* Le texte avant les questions facultatives */
#facultatif{
  font-family: Montserrat, Verdana;
  font-size: 13px;
}

#jforms_view_edition_photo1_label,
#jforms_view_edition_photo2_label,
#jforms_view_edition_photo3_label{
  display: inline-block;
  float: left;
}

/* .jforms-image-select-btn{
  color: transparent!important;
  width: 50px;
  height: 50px;
  background-image:url(/map/index.php/view/media/getMedia?repository=vdfa&project=vdfa&path=media%2Fthemes%2Fvdfa%2Fcss%2F/icon/picture.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent!important;
  border-color: transparent!important;
  border-width: thin;
} */

#jforms_view_edition label{
  font-weight: bold!important;
}

/* #jforms_view_edition_photo1,
#jforms_view_edition_photo2,
#jforms_view_edition_photo3, */
#jforms_view_edition_liz_future_action_label,
#jforms_view_edition_liz_future_action {
  display: none!important;
}

#jforms_view_edition_m_photo1_choice_update_item span.jforms-item-controls,
#jforms_view_edition_m_photo2_choice_update_item span.jforms-item-controls,
#jforms_view_edition_m_photo3_choice_update_item span.jforms-item-controls{
    margin-left: 1.4em;
}

/* La boite qui contient les images des photos */
.jforms-choice .jforms-item-controls{
  margin: 0px!important;
}

/*********
LES BOUTONS POUR AFFICHER/DESAFICHER LES CONTRIBUTIONS
**********/
#dock h3 span.title {
  display: none!important;
}

#filtre_categorie{
    position: absolute;
    top: 2%;
    right : 4%;
    z-index: 1000;
}

#filtre_categorie > div{
    display: inline-block;
    cursor: pointer;
}

#filtre_categorie > div > div{
    display: inline-block;
    vertical-align: middle;
}

#filtre_categorie .cat-text{
    padding: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    margin: 5px;
    /* border: 1px #fff solid; */
    text-transform: uppercase;
    font-family: Montserrat, Verdana, sans-serif;
}

/* La taille de l'icone */
#filtre_categorie .eye-icon{
  width: 30px;
  height: 30px;
}

/* Le rendu quand les contributions sont affichees */
#filtre_categorie > div[data-cat='1'] .eye-icon{
    background-image: url(/map/index.php/view/media/getMedia?repository=vdfa&project=vdfa&path=media%2Fthemes%2Fvdfa%2Fcss%2F/svg/eye_green.svg);
}
#filtre_categorie > div[data-cat='2'] .eye-icon{
    background-image: url(/map/index.php/view/media/getMedia?repository=vdfa&project=vdfa&path=media%2Fthemes%2Fvdfa%2Fcss%2F/svg/eye_red.svg);
}
#filtre_categorie > div[data-cat='3'] .eye-icon{
    background-image: url(/map/index.php/view/media/getMedia?repository=vdfa&project=vdfa&path=media%2Fthemes%2Fvdfa%2Fcss%2F/svg/eye_turquoise.svg);
}

/* Le rendu quand les contributions ne sont pas affichees */
#filtre_categorie > div[data-cat='1'].unchecked .eye-icon{
    background-image: url(/map/index.php/view/media/getMedia?repository=vdfa&project=vdfa&path=media%2Fthemes%2Fvdfa%2Fcss%2F/svg/blind_green.svg);
}
#filtre_categorie > div[data-cat='2'].unchecked .eye-icon{
    background-image: url(/map/index.php/view/media/getMedia?repository=vdfa&project=vdfa&path=media%2Fthemes%2Fvdfa%2Fcss%2F/svg/blind_red.svg);
}
#filtre_categorie > div[data-cat='3'].unchecked .eye-icon{
    background-image: url(/map/index.php/view/media/getMedia?repository=vdfa&project=vdfa&path=media%2Fthemes%2Fvdfa%2Fcss%2F/svg/blind_turquoise.svg);
}

/* La couleur de fond des noms des boutons */
#filtre_categorie > div[data-cat='1'] .cat-text{
    background-color: #1c7d69;
}
#filtre_categorie > div[data-cat='2'] .cat-text{
    background-color: #ef4651;
}
#filtre_categorie > div[data-cat='3'] .cat-text{
    background-color: #4abeb5;
}

#jforms_view_edition_cat_id, #jforms_view_edition_type_id{
    display: none;
}