body {
		font-family:Tahoma, Arial, Helvetica !important;
       font-size:12px !important;	
      }
	   .btn {
        background-color: #3B71CA; 
        border: none; 
        color: white;
        padding: 5px 10px; 
        text-align: center; 
        text-decoration: none; 
        display: inline-block; 
		font-family:Tahoma, Arial, Helvetica;
        font-size: 9px; 
        cursor: pointer; 
        border-radius: 16px; 
    }
   
    .btn:hover {
        background-color: #54B4D3;
    }
	
.my-input {
  border-color: #9FA6B2;
  color: #332D2D;
  font-weight:bold;
  font-family:Tahoma, Arial, Helvetica;
  font-size: 9px; 
}

.bg-color{
		background-color:#EF5350;
	}
	
/* CSS styles for table, search input, and pagination controls */
    table {
      width: 95%;
      border-collapse: collapse;
	  margin: 0 auto;
	  table-layout: auto;
    }
    th, td {
      padding: 5px;
      border: 1px solid #ddd;
	  white-space: nowrap; 
    }
    input[id="searchInput"] {
      padding: 5px;
      width: 200px;
	  margin-left:30px;
    }
	
	input[id="ProjectSearch"] {
      padding: 5px;
      width: 200px;
	  margin-left:30px;
    }
    .pagination {
      margin-top: 10px;
    }
    .pagination a {
      display: inline-block;
      padding: 8px;
      margin: 0 4px;
      text-decoration: none;
      color: #333;
      border: 1px solid #ddd;
    }
    .pagination a.active {
      background-color: #333;
      color: #fff;
    }
	
	.total_count{
    margin-left: 30px;
  }
/* CSS styles for table Card for dasbord display */