#chartdiv {
	width: 100%;
	height: 500px;
	font-size: 11px;
}

.loan-details-modal h2, .loan-details-modal h4  {
	padding-left: 15px;
	padding-right: 15px;
}
table.loan-detail thead tr th {
	background-color: #CAC8C8;
}
.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #EFEFEF;
}
#summary table tr.totalCost {
	background-color: #A5A5A5 !important;
	color: #000;
	font-weight: bold;
}

table.loan-detail tr.scheduled,
table.loan-detail tr.current,
table.loan-detail tr.bought,
table.loan-detail tr.sold
{
    background-color: #CAC8C8;
	font-weight: bold;
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
}

table.loan-detail tr:not(.text-center) td,
table.loan-detail th {
    text-align: right;
    vertical-align: middle !important;
}

table.loan-detail tr.spacer td {
    height: 30px;
    background-color: #FFFFFF;
    border: none;
}

table.loan-detail tbody tr.late {
    background-color: #ffdddd;
}
table.loan-detail tbody tr.late:nth-of-type(odd) {
    background-color: #ffcdcd;
}
