/* CSS Document */

/*** Item Cards ***/

div.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
    margin: auto;
		padding: 10px;
		display: table;
}

div.headerCard {
	background-color: #FFFFFF;
	background-repeat:no-repeat;
	background-position:center;
	height: auto;
}

div.headerCardImage{
	/*width: 100%;*/
	margin: auto;
	padding-right: 10px;
}

div.headerCardImage img{
	max-width: 100%;
	max-height: 150px;
	width: auto;
	height: auto;
}

div.containerCard {
	font: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.columnLeft {
	display: table-cell;
	width: 35%;
	max-width: 215px;
}

.columnRight {
	display: table-cell;
	vertical-align: top;
	min-width: 65%;
	width: auto;
	border-left: 1.5px solid #CCCCCC;
	text-align: center;
}

h4.ecuHeading { margin-bottom: 5px; }

h5.ecuSubheading { margin-top: 0; }

ul.commonFaults {
	list-style: none;
	padding: 0;
	margin: 15px 0 0 10px;
	border: 1px solid #EAEAEA;
}

li.commonFaults:nth-child(odd) { background-color: #F0F0F0; }

li.commonFaults.heading {
	padding: 2px 2px 2px 5px;
	color: white;
	font-weight: bold;
	background-color: #3765B7;
	border-bottom: 1px solid #EAEAEA;
}

li.commonFaults {
	padding-left: 5px;
	text-align: left;
}

.moreInfo {
	display: block;
	float: right;
	width: auto;
	margin: 10px 0 0 10px;
	padding: 5px;
	color: #333333;
	font-weight: bold;
	background-color: #F8F8F8;
	border: 2px solid #EAEAEA;
}

.moreInfo:hover {
	color: #3765B7;
}


/*** Right Body Vehicles List ***/

ul.vehiclesList {
	list-style: none;
	padding: 2.5px 0 2.5px 0;
	border: 1.3px solid #D0D0D0;
}

li.vehiclesList {
	width: 100%;
	padding: 2.5px 3px 2.5px 6px;
	margin: 0;
}

li.vehiclesList:hover {
	background-color: #1B4BA0;
	font-weight: bold;
}

a.vehiclesList:hover {
	text-decoration: none;
	color: white;
}

/*.row::after {
    content: "";
    clear: both;
    display: table;
}*/