table.table	{
	border: 1px solid #243d1d;
	background: #fff;
	color: #555;
	font-size: 90%;
}

table.table a	{
	color: #111;
}

table.table thead th,
table.table tbody td,
table.table tfoot td	{
	border: 1px solid #243d1d;
	padding: 10px;
	background: #fff;
	xwidth: 66%;
}

table.table th,
table.table thead th	{
	border: 1px solid #243d1d;
	padding: 10px;
	background: #2d5122;
	color: #fff;
	/* width: 33%; */
}

table.table thead tr th.day	{
	/* width: 20%; */
}

table.table thead tr th.activity,
table.table thead tr th.hotel	{
	/* width: 40%; */
}

table.table .hotel	{
	text-wrap: nowrap;
}

table.table tfoot td	{
	padding: 10px;
	background: #e9e9e9;
	text-align: center;
	font-size: 80%;
}

table.table p	{
	margin-bottom: 0;
}

/* changed from "table.table a.btn" to avoid clash with bootstrap and tables that need a full sized btn */
table.table a.btn-sm	{
	padding: 2px;
	font-size: 90%;
	font-weight: bold;
}

footer table.table th,
footer table.table td	{
	padding: 4px 10px;
}

@media (max-width: 768px){
	table.table .hotel	{
		text-wrap: wrap;
	}
}