/*  
----------------------------------------
Copyright (c) 2024 - Vai-Natura
----------------------------------------
*/				

/* fichiers d'import */

@import url(header.css);
@import url(bottom.css);
@import url(titre.css);
@import url(contenu.css);
@import url(onglet.css);
@import url(formulaire.css);
@import url(page.css);
@import url(calendrier.css);
@import url(cadre_display.css);
@import url(view.css);
@import url(color.css);

@import url(index.css);
@import url(gestion.css);
@import url(log.css);
@import url(saisi.css);

@import url(tableau.css);
@import url(historique.css);

@import url(stats.css);
@import url(stats_select.css);

@import url(select2.min.css);

@import url(leaflet.css);
@import url(MarkerCluster.css);
@import url(MarkerCluster.Default.css);
@import url(leaflet-legend.css);
@import url(leaflet.fullscreen.css);

*{outline: none;}

hr{clear: both;visibility: hidden;}

p{margin: 0px;padding: 0px;}

a{color: #000;text-decoration: none;cursor: pointer;font-size: 11px;}
a:hover{text-decoration: none;color:#930000;}

img{border:0;}

html{width:100%;}

body
{
	/*font-family: Arial, Helvetica, sans-serifHelvetica;*/
	font-family: Roboto,Arial,sans-serif;
 	font-size: 11px;
	margin:0;
	padding:0;
/*	background-color: #000;*/
}

#contour_general
{	
	/*position: fixed;*/
	float:none;

	width: auto;
	height: calc(100% - 60px);

	margin: 0;
	margin-top: 65px;
	/*margin-left:9.5%;*/
	
	background-color: #fff;


	overflow-y:hidden;	
}

#fond_log
{	
	width:100%;
	height:50vh;
	
	margin:0;
	text-align:center;
}


#fond_log_img
{	
	width:100%;
}

#contour_affichage
{
	display:none;
	/*visibility:hidden;*/
}

#box_load
{	
	width:30%;
	font-size:14px;
	text-align:center;
	
	margin-top: 150px;
	margin-left:30%;
}

#barre, #barre_progress
{	
	width:100%;
	height: 25px;
	
	background-color: white;
	margin-top:10px;
	 
	border-radius: 5px; /* Bordure arrondie */
    box-shadow: 1px 1px 4px #999; /* Ombre */
    overflow: hidden; /* Empêcher le débordement */
}


#pourcentage, #pourcentage_compil, #pourcentage_compress
{	
	height: 25px;
    background-color: #053B50;
    /*transition: width 0.5s ease;  Transition animée */
}


span.info
{
	float: left;
	width: 120px;
	margin: 5px 0px;
	margin-right: 40px;
	font-size: 11px;
	color: #2971A7;	
}

span.del
{
	float: left;
	width:100%;

	text-align:center;
	font-size: 14px;
	font-weight: bold;
	color: #000;	

	cursor:pointer;
}
span.del:hover{text-decoration: none;color:#DD4B39;}

#options-box {
	display: none;
	width: 200px;
	height: 200px;
	background-color: #fff;
	border: 1px solid #ccc;
	position: absolute;
	top: 40px;
	right: 0;
  }


.graphFullSreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background-color: white;
}


  /* Barre de défilement verticale */


/* Pour les navigateurs WebKit (Chrome, Safari) */

/* Pour Firefox */
* {
	scrollbar-width: thin; /* Largeur de la barre de défilement */
	scrollbar-color: #bdbdbd #f1f1f1; /* Couleur de la poignée et de la piste */
  }
  
/* Pour Edge (basé sur Chromium) */
/* Utilisez le préfixe -ms- */
* {
-ms-overflow-style: none; /* Désactive la barre de défilement Edge par défaut */
}

::-webkit-scrollbar {
    width: 8px; /* Largeur de la barre de défilement */
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Couleur de l'arrière-plan de la barre de défilement */
}

::-webkit-scrollbar-thumb {
    background-color: #bdbdbd; /* Couleur de la poignée de la barre de défilement */
    border-radius: 5px; /* Coins arrondis de la poignée */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #bdbdbd; /* Couleur de la poignée lorsqu'elle est survolée */
}