@charset "utf-8";
/* CSS Document for WMO PLAN of Action Hydrology 2021-2030 FOR PRINT */
/* V.03.09.2023 */
body {
	font-family: Arial, "sans-serif", Verdana; 
/* Modifications : la couleur de fond de page - la police - l'unité utilisée pour la taille de la police  */
  background-color :#fff;
  font-size :10pt;

}
/* box-sizing property set to border-box.  padding and border are included in the total width and height of the elements.*/
* 
{
  box-sizing: border-box;
}
/* Colunns */
/* All columns */
[class*="col-"] {
  float: left;
 /* padding: 15px;
  border: 1px solid red;*/
}
/* For mobile phones: */
[class*="col-"] {
width: 100%;
}
.col-3{
	width: 50%;
}

/*
row should be wrapped in a <div>. The number of columns inside a row should always add up to 12
*/
/* The columns inside a row are all floating to the left, and are therefore taken out of the flow of the page, and other elements will be placed as if the columns do not exist. To prevent this, we will add a style that clears the flow*/ 
.row::after {
  content: "";
  clear: both;
  display: table;
}


#header.row {
	border-bottom: 1px solid  #3D3D3D; 
	/* display: none;*/
}

#topnav {
	display: none;
}

#search.row{
display: none;
}

/*#search h3 {	
	margin:2px 0;
}*/

a {
	text-decoration: none;
}



.details, .search {
	padding: 5px;
	margin-bottom: 0pt;
	/*border-bottom: 1px solid  #3D3D3D; 
	border:1px solid #3D3D3D;
	border-radius: 5px;
	box-shadow: 10px 10px 6px -5px rgba(0,0,0,0.48);
	-webkit-box-shadow: 10px 10px 6px -5px rgba(0,0,0,0.48);
	-moz-box-shadow: 10px 10px 6px -5px rgba(0,0,0,0.48);*/
	
}
.details h3{
	/*color: #030829;*/
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 0pt;
}

#title.col-8 h1 {
	/*color: #030829;*/
}
#search.row h3 {
	/*color: #030829;*/
}

#logo  {
	/*border: 1px solid #666565;*/
	
	}
#title {
	
	/*border: 1px solid #666565;*/
}
   
.details .row .milestones /* for milestones and subactivities content*/

{
	width:98%;
	margin:auto;
	
/*		border-bottom: 1px solid  #3D3D3D; 
	border:1px solid #e9eff5;
	border-radius: 5px;
background-color:#e9eff5 ;/*#E0E2E8*/
/*	padding:15px; */
	
}
.details {
	border-bottom: 1px solid  #3D3D3D;
	
}

.progress-circle {
  /* font-size: 20px;*/
   font-weight: bold;
	color: #FF0000;
 /*  margin: 20px;
   position: relative; /* so that children can be absolutely positioned */
 /*  padding: 0;
   width: 5em;
   height: 5em;
   background-color:#AEAEAE ;  /*#F2E9E1 original light orange-pink*/
 /*  border-radius: 50%;
   line-height: 5em;*/
}

/* Status icones for bullets */

.completed
{
	
	list-style-image: url( "../images/icone-ok_24.png");
	/*color:#19a319;*/

}

.ongoing
{
	list-style-image: url("../images/icone-ongoing_24.png");
	/*color:#044a9b;*/
}

.notstarted
{
	list-style-image: url("../images/icone-notstarted_24.png");
}