.bar {
	height: 18px;
	background: green;
}

.errorInput input, .errorInput select
{
	background-color: #ffdddd !important;
}
.errorInput label:after
{
	content: "Required";
	color: red;
	margin-left: 2em;
}

@media (max-width: 600px)
{
	.wizard > .steps > ul > li
	{
		width: 50%;
	}
	
	.wizard > .steps a,
	.wizard > .steps a:hover,
	.wizard > .steps a:active
	{
		margin-top: 0.5em;
	}
	
	.wizard.vertical > .steps,
	.wizard.vertical > .actions
	{
		display: block;
		float: none;
		width: 100%;
	}
	
	.wizard.vertical > .content
	{
		display: block;
		float: none;
		margin: 0 0.5em 0.5em;
		width: auto;
	}
	.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active
	{
		padding: 0.5em 0.5em;
	}
}

@media (max-width: 480px)
{
	.wizard > .steps > ul > li
	{
		width: 100%;
		
	}
	
}

.table td.fit, 
.table th.fit {
    white-space: nowrap;
    width: 1%;
}

input[type=checkbox].form-control {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: -8px;
}
#ReferenceCode, #ReferenceEmail
{
	font-weight: bold;
}

#calculatorMain > section
{
	background: #eee;
}