.tab {
  overflow: hidden;
  
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
}

.project-name-table{    font-weight: bold;
padding: 6px;
font-size: 16px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.project-status-table{
	    font-size: 14px;
    font-weight: bold;
    color: #777;
    padding: 8px;border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}
.project-funding-table{  font-size: 14px;
    font-weight: bold;
    color: rgb(1, 24, 182);
    padding: 8px; border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
	
	.project-cost-table{  font-size: 14px;
    font-weight: bold;
    color: rgb(1, 24, 182);
    padding: 8px;border-bottom: 1px solid #ccc;}
	

.tab .views-table{ width:100%;}
.tabcontent h3{float: left;width: 100%;margin-top: 15px;}

@media (max-width: 576px) { 

.tab .views-table{font-size: 11px;
    width: 100%;
    display: block;
    overflow-x: scroll;}
.project-name-table{ font-size:11px;}
.project-status-table{ font-size:11px;}
.project-funding-table{ font-size:11px;}

.views-table th{padding-right:0px;}
}