/* Vehicle list */
#carList {
	font-size: 13px;
	margin: auto;
	position: relative;
}

#carlist table {
	width: 100%;
	table-layout: fixed;
	text-align: left;
}
#carList thead {
	background-color: #009245;
	box-shadow: none;
	color: #fff;
	font-weight: 700;
	padding: 0;
	position: relative;
	width: 100%;
}
#carList th, #carList td {
	padding: 1em;
	text-align: left;
}

#carList tbody {
	border-top-width: none;
	padding-top: 3em;
	width: 100%;
}
#carList table tr:nth-child(even) {
	background-color: #ccc;
}
#carList .year {
	width: 5%;
}
#carList .model {
	width: 20%;
}
#carList .color {
	width: 10%;
}
#carList .vin {
	width: 12%;
}
#carList .reason {
	width: 13%;
}
#carLsit .notes {
	width: 25%;
}
#carList .source {
	width: 15%;
}
#car-ct {
}


@media screen and (max-width: 999px) {
	#carList table {
		width: 100%;
	}
	#carList thead {
		display: none;	
	}
	#carList tr {
		display: block;
		padding: 1em;
		text-align: left;
	}
	#carList td {
		display: inline;
		margin: auto;
		padding: 0;
		text-align: left;
	}
	#carList .year, #carList .make, #carList .model, #carList .vin, #carList .color, #carList .reason, #carList .notes, #carList .source {
		width: auto;
	}
	#carList .model::after, #carList .vin::after,  #carList .color::after, #carList .reason::after, #carList .notes::after {
		clear: right;
		display: block;
		content: "";
	}
	#carList .year, #carList .make {
		padding-right: 1ch;
	}
	#carList .year, #carList .make, #carList .model {
		font-weight: 700;
	}
	#carList td::before {
		font-style: italic;
		padding-right: 1ch;
	}
	#carList .vin::before {
		content: "VIN: ";
	}
	#carList .color::before {
		content: "Color: ";
	}
	#carList .reason::before {
		content: "Reason: ";
	}
	#carList .notes::before {
		content: "Notes : ";
	}
	#carList .source::before {
		content: "Source: ";
	}
}
@media screen and (max-width: 499px) {
	
}