table.project-schedule {
	/*border: 1px solid rgb(0, 0, 0); */
	width: 100%;
}

div.project-schedule th {
	border:1px solid black;
	padding: 2px;
	color: #ffffff;
	background-color: #6690bc;
	text-align: center;
}

div.project-schedule table tbody tr.project-schedule-deliverable:hover {
	cursor: pointer;
	background-color: yellow;
}

div.project-schedule td {
	border: 1px solid black;
	padding: 2px;
}

.hc-name {
  font-weight: normal !important;
}

div.hovercard-row {
	overflow: auto;
}

div.hovercard-row div.label {
	float: left;
	width: 150px;
	font-weight: bold;
}

div.hovercard-row div.value {
	float: left;
	width: 150px;
}

a.no-link {
	pointer-events: none;
   	cursor: default;
   	color: #3d3d3d;
}

a.project-deliverable-link {
	display block;
	margin-top: 10px;
	margin-bottom: 10px;
}

a.project-deliverable-link.next {
	float:right;
	margin-right: 10px;
}

a.project-deliverable-link.previous {
	float:left;
	margin-left: 10px;
}

div.project-schedules div.loading-mask {
	background: #ddd;
	opacity: 0.5;
	width: 100%;
	height: 650px;
	position: absolute;
	top: 0px;
	z-index: 1000;
	display:none;
}

td.no-active-schedules {
	padding: 5px !important;
	font-weight: bold;
}

h4.project-schedule {
	margin-bottom: 10px;
}

div#committee-filters {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.project-schedule {
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

div.project-schedule table th, div.project-schedule table td.deliverable-date {
	text-align: center;
}

div.project-schedule table td, div.project-schedule table th {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-width: 100px;
}

table#project-deliverables th.deliverable-phase, 
table#project-deliverables td.deliverable-phase
table#project-schedule td.standard-number,
table#project-schedule th.standard-number {
	min-width: 200px;
}

table#project-schedule td.in-progress-phase,
table#project-schedule th.in-progress-phase {
	width: 250px;
}

table#project-schedule td.deliverable-language,
table#project-schedule th.deliverable-language,
table#project-schedule td.deliverable-date,
table#project-schedule th.deliverable-date {
	width:100px;
}  

div#sub-committee-errors {
	margin-top: 20px;
	display: none;
}

span.sub-committees-list {
	font-weight: bold;
}

@media only screen and (max-width: 40em) {

	div.project-schedule table td {
		padding-left: 50%;
		padding-right: 0px;
		padding-top: 6px;
		padding-bottom: 0px;
	}
		
	div.project-schedule table th, div.project-schedule table td.deliverable-date {
		text-align: left;
	}
	
	table.project-schedule td.standard-number,
	table.project-schedule th.standard-number {
		min-width: 0px;
	}
	
	div.project-schedule td,
	div.project-schedule th {
		width: auto;
		padding: 0px;
		min-width: 0px;
		min-height:17.5px;
	}
	
	div.project-schedule table { 
	  width: 100%; 
	  border-collapse: collapse; 
	}
	
	div.project-schedule th { 
	  background: #333; 
	  color: white; 
	  font-weight: bold; 
	}
	
	div.project-schedule td, div.project-schedule th { 
	  padding: 6px; 
	  border: none;
	  text-align: left; 
	}
	
	/* Force table to not be like tables anymore */
	div.project-schedule table, 
	div.project-schedule thead, 
	div.project-schedule tbody, 
	div.project-schedule th, 
	div.project-schedule td, 
	div.project-schedule tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	div.project-schedule thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	div.project-schedule tbody tr { 
		border: 1px solid #ccc;
		padding-bottom: 6px;
	}
	
	div.project-schedule td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50%; 
	}
	
	div.project-schedule td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		white-space: nowrap;
	}
}