@charset "UTF-8";
/* CSS Document */

	
  table {
	
    border-collapse: ;
    font-size: 15px;
	 font-family: 'Noto Kufi Arabic', sans-serif;
	    border-collapse: separate;
  border-spacing: 0 5px; /* horizontal 0, vertical 10px */
  }
  th, td {
    border: 0px solid #ccc;
    padding: 3px 8px;
    text-align: center;
	  margin-top: 3px!important;

  }

  .positive {
    background-color: #009e73; /* SDG green */
  }
  .negative {
    background-color: #d7191c; /* SDG red */
  }
.dark-grey{
	background-color: #ccd8e5;
}	
.cloud{background-color: #f0f2f9;}	
.image{width: 50px;
padding-top: 4px;}
.line-red {
    height: 8px;
    width: 90%;
    background-color: #C1272D;/*#e73323;*/
    margin: auto;
}
.line-green{
	    height: 8px;
    width: 90%;
    background-color: #009e73;
    margin: auto;
}

.line-yellow{
	    height: 8px;
    width: 90%;
    background-color: #f1b844;
    margin: auto;
}.line-black{
	    height: 8px;
    width: 90%;
    background-color: #181828;
    margin: auto;
}
.line-gray {
    height: 8px;
    width: 90%;
    background-color: #e9ecef; /* Light gray for value 4 */
    margin: auto;
}

.line-null {
    height: 8px;
    width: 90%;
    background-color: #e9ecef; /* Light gray for null/undefined values */
    margin: auto;
}
.country-text{font-size: 10px;
color: dimgray;}

  @media screen and (max-width: 768px) {
    table {
      font-size: 10px!important;
    }
  }