@charset "UTF-8";

/*
Form Styles
*/

.form_content{
	margin:0 auto;
	padding:10px;
	/*border:1px solid #eee;*/
	width:100%;
	max-width:750px;
	/*background:#fff;*/
}

.form_content a, .form_content a:visited{
	margin:0 auto;
    color: #E81c39;
    font-weight: bold;
    text-decoration: none;
}

.form_content a:hover{
    text-decoration: underline;
}


#form_step_initial,
#form_step_full_quotation,
#form_step_hard_copy,
#form_step_information_request,
#back{
	display: none;
}
#completed{
	display: none;
	text-align: center;
}
.form_steps{
	position: relative;
}
.form_steps .processing_view{
	display:none;
}
.form_steps.processing .processing_view{
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.9);
	display:block;
	z-index: 99;
	position: absolute;
	text-align: center;	
}
.form_steps.processing .processing_view i{
	color:#e02b27;
	width:20%;
	text-align: center;
	display: block;
	position: absolute;
	top:100px;
	left:40%;
}

.bsb_button:disabled
{
    opacity:.65;
    
}

.form_steps .bsb_button,
.form_steps button.bsb_button,
.form_steps #back{
	width:100%;
	margin: 0;
	padding: 10px 5px;
	font-size:20px;
	background:#e02b27;
	color:#fff;
	border:1px solid #e02b27;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    -o-transition: all ease-out 250ms;
    transition: all ease-out 250ms;
}
.form_steps button.bsb_button:hover{
	background:#dd0000;
	border:1px solid #dd0000;
	cursor: pointer;
}
.form_steps #back{
	width:auto;
	position: absolute;
	right:0;
	top:0;
	padding:5px 10px;
	color:#e02b27;
	background:#fff;
	border:1px solid #eee;
	font-size:14px;
}
.form_steps #back:hover{
	color:#fff;
	background:#e02b27;
	border:1px solid #e02b27;
	cursor: pointer;
	-webkit-transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms;
    -o-transition: all ease-out 250ms;
    transition: all ease-out 250ms;
}
#error_output{
	display:none;
	margin:0 0 5px 0;
	padding:10px 15px;
	color:#990000;
	border:2px solid #e02b27;
	background:#ffe7e7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
form.bsb_form h2{
	font-size: 22px;
	padding-bottom:10px;
	color:#e02b27;
}
form.bsb_form h3{
	font-size: 16px;
	font-weight: bold;
	color:#000000;
}
form.bsb_form hr{
	margin:30px 0 25px 0;
	padding:0;
	height:2px;
	background:#e02b27;
}
form.bsb_form label.note{
	margin:0;
	padding:0 0 10px 0;
}
form.bsb_form .master_header_row{
	margin:0;
	font-weight: bold;
	font-size:16px;
}
form.bsb_form .header_row{
	margin:0;
}
form.bsb_form .header_row .col{
	font-size:14px;
	font-weight: bold;
}
form.bsb_form .col label{
	display:inline-block;
}
form.bsb_form .col select{
	font-size:12px;
	font-weight: bold;
}
form.bsb_form .col_inline input{
	width:100px;
}
form.bsb_form .col_inline input,
form.bsb_form .col_inline select{
	width:auto;
	display: inline-block;
}
form.bsb_form .col_inline label{
	display: inline-block;
	margin-left:5px;
}
form.bsb_form .form-section{
	border-bottom:2px solid #e02b27;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
}
form.bsb_form .form-group.multi_line input{
	margin-bottom:15px;
}
form.bsb_form .form-group.multi_line input:last-of-type{
	margin-bottom: 0;
}
form.bsb_form .required_notice{
	display: block;
	width:100%;
	text-align: right;
	color:#e02b27;
	font-size: 12px;
}
form.bsb_form .form-group span.required{
	position: relative;
	display: block;
}
form.bsb_form .form-group span.required:after{
	position: absolute;
	top: 10px;
	right: -15px;
	z-index: 99;
	content:'*';
	color:#e02b27;
}
form.bsb_form .form-group span.required.error input{
	border:1px solid #e02b27;
}
form.bsb_form .form-group span.required.error:after{
	margin:0;
	height:38px;
	padding:0 15px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	content:'Required Field';
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height: 38px;
	background:#e02b27;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}


/* Hard Copy of Literature */
form.bsb_form .form-section .catalogue_row{
	margin:0;
	padding:7px 0;
	border-bottom:1px solid #eee;
}
form.bsb_form .form-section .catalogue_row:last-of-type{
	border-bottom:none;
}
form.bsb_form .form-section .catalogue_row .col{
	font-size:14px;	
}
form.bsb_form .form-section .catalogue_row .quantity_col input{
	text-align: center;
	padding:.375rem .2rem;
}


/* Size Visible / Hidden */
.visible-sm{
	display:none;
}
.hidden-sm{
	display: inline-block;
}

@media (max-width: 640px) {
	
	/* Logo */
	.logo{
		margin: 0 0 20px 0;
		padding: 15px;
		width:100%;
		background:#fff;
		border-bottom: 1px solid #eee;
		text-align: center;
	}
	.logo img{
		width:50px;
		height:auto;
	}
	
	/* Back Button */
	.form_steps #back{
		width:100%;
		position: relative;
		right:inherit;
		top:inherit;
		margin:0 0 20px 0;
	}
	
}
@media (max-width: 540px) {
	
	/* Size Visible / Hidden */
	.visible-sm{
		display: inline-block;
	}
	.hidden-sm{
		display:none;
	}
	
	/* Form Error */
	form.bsb_form .form-group span.required.error:after{
		font-size:10px;
		padding:0 10px;
	}
	
	/* Hard Copy of Literature */
	form#form_step_hard_copy .form-section .col{
		padding-right:5px;
		padding-left:5px;
		font-size:12px;
	}
	form#form_step_hard_copy .form-section .quantity_col{
		padding-right:0;
		padding-left:0;
	}
	
}