@charset "UTF-8";
/* CSS Document */

#fiddle_controls {
	color: #333;
}


#fiddle_controls table .label {
	width: 14em;
	padding-left: 10px;
}

#fiddle_controls table .rateval {
	width: 3em;
	text-align: center;
}

#fiddle_controls table .current {
	width: 4em;
	text-align: right;
	color: #ffffff;
	padding-right: 10px;
}

#fiddle_controls table td {
	background-color: #eeeeee;
	border-top: 2px solid #ffffff;
}

#fiddle_controls {
	display: flex;
	justify-content: space-between;
}


#fiddle_results {
	position:  relative;
	margin-top: 60px;
}

#fiddle_results span {
	display: inline-block;
	margin-left: 5px;
	position: relative;
	bottom: 4px;
}

#fiddle_results h2 {
	margin-bottom: 0px;
}

#fiddle_controls table .fuel td, #fuel_bar {
	background-color: #e8e3a0;
}

#fiddle_controls table .hours td, #per_hour_bar {
	background-color: #84d1ee;
}

#fiddle_controls table .miles td, #miles_bar {
	background-color: #a6a0e8d9;
}

#fiddle_controls table .days td, #per_day_bar {
	background-color: #a0e5e8;
}

#fiddle_controls table .driver td, #subscriptions_bar {
	background-color: #d5baa3d9;
}

#fiddle_controls table .ins td, #ins_bar {
	background-color: #eaa389;
}

#fiddle_controls table .service td, #service_bar {
	background-color: #f2c4b7;
}

#fiddle_controls table .recovery td, #recovery_bar {
	background-color: #ec8395;
}

#fiddle_controls table .tax td, #tax_bar {
	background-color: #f4a9b6;
}

#fiddle_controls table .cars td {
	background-color: #b7e8a0eb;
}

.tweaked {
	color: #c40707;
}

#costs_bar, #revenue_bar {
	height: 20px;
	display: inline-block;
}

#costs_bar div, #revenue_bar div {
	height: 100%;
	width: 50px;
	display: inline-block;
}

#costs {
	margin-top: -20px;
	margin-bottom: 30px;
}

#costings_totals h3 {
	width: 15em;
	position: relative;
}

#costings_totals h3 span{
	width: 3.5em;
	text-align: right;
	position: absolute;
	right: 0px;
}

#total_annual_costs {
	margin-top: -5px;
}

#total_annual_costs span {
	border-bottom: 2px solid #999;
}