/* site account */



.main-content-container
{
	margin-top: 					15px;
/*
	margin-left: 					-15px;
	margin-right: 					-15px;
*/
	padding: 						20px;
	background-color: 				#fff;
	border: 						1px solid #d1d1d1;
}

.sidebar-container
{
	margin-top: 					15px;
/* 	margin-right: 					-15px; */
	padding: 						10px;
	background-color: 				#fff;
	border: 						1px solid #d1d1d1;
}

.sidebar-container ul
{
	margin-left: 					20px;
	padding: 						10px 0;
}

.sidebar-container li
{
	padding: 						5px 0;
}


.profile-content .form-fields,
.profile-content .panel-heading .action-wrapper .save
{
	display: 						none;
}

.profile-content .btn-vm
{
    padding: 						8px 20px;
	background-color:				#fff;
	font-size:						10px;
}

.profile-content .btn-vm:hover
{
	background-color:				#609e3d;
	color:							#fff;
	border:							2px #e8e8e8 solid !important;
}

.profile-content .label
{
	margin-bottom:					0;
}

.profile-content .panel
{
	padding: 						20px;
}

.profile-content .panel-heading
{
	margin-top: 					-20px;
	margin-left: 					-20px;
	margin-right: 					-20px;
	padding: 						15px 20px;
	font-size: 						17px;
	font-weight:					300;
	background-color: 				#888;
	color: 							#fff;
}

.profile-content .panel-heading > *
{
	display:						inline-block;
}

.profile-content #profile-image .image-wrapper
{
	margin-top:						20px;
	width:							auto;
}

.profile-content #profile-image .btn
{
	width:							48%;
	margin-top:						20px;
	margin-bottom:					0;
}

.profile-content .panel-heading .action-wrapper
{
	margin-top: 					-7px;
	float:							right;
}

.profile-content ul.key-value-input-list,
.profile-content ul.key-value-list
{
	list-style-type: 				none;
	padding:						0;
}

.profile-content ul.key-value-input-list li,
.profile-content ul.key-value-list li
{
	padding:						5px 0;
	font-size: 						14px;
}

.profile-content li.form-group
{
	clear:							both;
}

.profile-content ul.key-value-input-list .key,
.profile-content ul.key-value-list .key
{
	width: 							17%;
	margin-bottom:					0;
	padding: 						6px 0;
	text-align: 					right;
	float: 							left;
}

.profile-content ul.key-value-input-list .key
{
	padding: 						12px 0 6px 0;
}

.profile-content ul.key-value-list .key
{
	padding: 						6px 0;
}

.profile-content ul.key-value-input-list .value,
.profile-content ul.key-value-list .value
{
	width: 							80%;
	padding: 						6px 0;
	font-weight:					400;
	float: 							right;
}

.profile-content ul.key-value-input-list.address .key
{
	width: 							20%;
}

.profile-content ul.key-value-input-list.address .value
{
	width: 							75%;
}

.profile-content .btn-edit,
.profile-content .btn-save
{
	margin-bottom:					0;
}

.profile-content .pending-email-actions
{
	width: 							78%;
	margin-top: 					10px;
	float: 							right;
}

.profile-content .pending-email-actions .label-warning
{
	display: 						block;
	padding: 						7px;
	margin-bottom: 					10px;
	font-size: 						12px;
	font-weight: 					400;
}

.profile-content .pending-email-actions .action-wrapper a
{
	font-size: 						12px;
	font-weight: 					400;
	color: 							#888;
}

.profile-content #profile-image
{
	margin-left:					-15px;
}

.profile-content #profile-info,
.profile-content #login-info,
.profile-content #contact-address-info,
.profile-content #billing-address-info
{
	margin-right:					-15px;
}

/* large devices, wide screens */
@media only screen and (max-width : 1199px) {

	.profile-content .panel-heading
	{
		font-size: 					14px;
	}

}

/* medium devices, desktops */
@media only screen and (max-width : 991px) {

	.profile-content .panel-heading
	{
		padding: 					12px 20px;
	}

	.profile-content #profile-image .btn
	{
		width:						48%;
		padding:					10px 15px;
	}

	.profile-content #profile-image .glyphicon
	{
		display:					none;
	}

	.profile-content ul.key-value-input-list .key,
	.profile-content ul.key-value-list .key
	{
		width:						22%;
	}

	.profile-content ul.key-value-input-list .value,
	.profile-content ul.key-value-list .value
	{
		width:						75%;
	}

	.profile-content ul.key-value-input-list.address .key
	{
		width:						25%;
	}

	.profile-content ul.key-value-input-list.address .value
	{
		width:						70%;
	}

}

/* small devices, tablets */
@media only screen and (max-width : 767px) {

	.profile-content .panel-heading
	{
		padding: 					10px 20px;
	}

	.profile-content #profile-image
	{
		margin-left:					0;
	}

	.profile-content #profile-info,
	.profile-content #login-info,
	.profile-content #contact-address-info,
	.profile-content #billing-address-info
	{
		margin-right:					0;
	}

	.sidebar-container
	{
		margin-left: 				-15px;
		margin-right: 				-15px;
		padding: 					20px;
	}
}

/* extra small devices, phones */
@media only screen and (max-width : 500px) {

	.profile-content ul.key-value-input-list,
	.profile-content ul.key-value-list
	{
		margin-left:				0;
	}

	.profile-content ul.key-value-list li
	{
		font-size:					13px;
	}

	.profile-content ul.key-value-list .key
	{
		width:						30%;
	}

	.profile-content ul.key-value-list .value
	{
		width:						65%;
	}
}

/* extra small devices, phones
@media only screen and (max-width : 480px) {

} */

/* custom, iphone retina
@media only screen and (max-width : 320px) {

} */

/* sign in */

.helper-link
{
	display:						inline-block;
	float:							right;
	margin-top:						35px;
	font-size:						13px;
}

.login-container
{
	padding:						30px;
	box-shadow:						1px 1px 5px rgba(0, 0, 0, 0.1);
	color:							#337ab7;
}

.login-container.sign-in,
.login-container.sign-up
{
	height:							350px;
	background-color:				#fff;
}

.login-container.sign-in
{
	margin-right:					10px;
	margin-left:					15px;
        margin-bottom:                                  15px;
}

.login-container.sign-up
{
	margin-left:					10px;
	margin-right:					15px;
        margin-bottom:                                  15px;
}

.login-container.thin
{
	height:							250px;
	background-color:				#fff;
}

.login-container.reset
{
	height:							290px;
	background-color:				#fff;
}

.login-container h3
{
	margin-bottom:					20px;
	font-size:						22px;
}

.sign-in-msg,
.sign-up-msg
{
	font-size:						13px;
	margin-bottom:					20px;
}

.btn-sign-in,
.btn-reset
{
	margin-top:						20px;
}

.message-txt
{
	margin-top:						45px;
	font-size:						12px;
	font-weight:					400;
}

.login-container.thin .message-txt
{
	margin-top:						15px;
}

/* large devices, wide screens */
@media only screen and (max-width : 1199px) {

	.login-container.sign-in,
	.login-container.sign-up
	{
		height:						335px;
	}

}

/* medium devices, desktops
@media only screen and (max-width : 991px) {

} */

/* small devices, tablets */
@media only screen and (max-width : 767px) {


	.login-container.sign-in
	{
		height:						auto;
		margin-right:				0;
		margin-bottom:				30px;
	}

	.login-container.sign-up
	{
		height:						auto;
		margin-left:				0;
	}

	.login-container.sign-in
	{
		margin-left:				0;
	}

	.login-container.sign-up
	{
		margin-right:				0;
	}

	.login-container.reset
	{
		margin-left:				0;
		margin-right:				0;
	}
}

/* extra small devices, phones
@media only screen and (max-width : 480px) {

} */

/* custom, iphone retina
@media only screen and (max-width : 320px) {

} */


/* sign up */

.stage-menu
{
	margin-bottom:					14px;
	padding:						0;
	border: 						1px solid #ccc;
}

.stage-menu *
{
	display:						inline-block;
}

.stage-menu ul
{
	width: 							100%;
	margin-bottom:					-8px;
	padding:						0;
}

.stage-menu li
{
	width:							20%;
	height:							75px;
	margin: 						0;
	background-color:				#e8e8e8;
	font-size:						16px;
	text-transform:					uppercase;
	text-align:						center;
	vertical-align:					middle;
	float: 							left;
}

.stage-menu .s1,
.stage-menu .s2,
.stage-menu .s3,
.stage-menu .s4
{
	padding:						28px 25px;
}

.stage-menu .s5
{
	padding:						16px 25px;
}

.stage-menu li.completed
{
	background-color:				#35B297;
	color:							#fff;
}

.stage-menu li.active
{
	background-color:				#444;
	color:							#fff;
}

.stage
{
	padding:						40px;
	background-color:				#fff;
	border: 						1px solid #e8e8e8;
	display:						none;
}

.stage.active
{
	display:						block;
}

.stage .form-control
{
	margin-bottom:  				7px;
}

.stage-4 .billing-message
{
	font-size:						16px;
}

.stage-4 .auto-populate-wrapper
{
	margin-bottom: 					10px;
}

.stage-4 .auto-populate-wrapper *
{
	display:						inline-block;
	font-size:						13px;
}

.stage-4 .auto-populate-wrapper input
{
	margin-right:					10px;
}

.stage-5
{
	padding:						80px 65px;
	font-size:						23px;
}

.form-btn-group
{
	margin-top:						14px;
}

/* large devices, wide screens*/
@media only screen and (max-width : 1199px) {

	.stage-5
	{
		padding:					80px 60px;
		font-size:					19px;
	}

	.stage-menu .s1,
	.stage-menu .s2,
	.stage-menu .s3,
	.stage-menu .s4,
	.stage-menu .s5
	{
		padding:					18px 25px;
	}

}

/* medium devices, desktops */
@media only screen and (max-width : 991px) {

	.stage-menu ul
	{
		margin-bottom:				-6px;
	}

	.stage-menu li
	{
		font-size:					15px;
	}

	.stage
	{
		padding:					30px;
	}

	.stage-5
	{
		font-size:					17px;
	}
}

/* small devices, tablets */
@media only screen and (max-width : 767px) {

	.stage-menu li
	{
		font-size:					13px;
	}

	.stage
	{
		padding:					20px;
	}

	.stage-5
	{
		font-size:					16px;
	}
}

/* extra small devices, phones*/
@media only screen and (max-width : 480px) {

	.stage-menu li
	{
		font-size:					10px;
	}

	.stage-menu .s1,
	.stage-menu .s2,
	.stage-menu .s3,
	.stage-menu .s4,
	.stage-menu .s5
	{
		padding:					22px 10px;
	}

	.stage
	{
		padding:					10px;
	}
}

/* custom, iphone retina
@media only screen and (max-width : 320px) {

} */


/* profile */

.buttons-overlay
{
	z-index:						999;
	position:						absolute;
	left:							3px;
    top:							3px;
    padding:						3px;
}


/* order view */
.vehicles-container,
.order-history-container,
.listing-container
{
	margin-bottom: 					15px;
	margin-top: 					15px;
/*
    margin-left: 					-15px;
    margin-right: 					-15px;
*/
    padding: 						20px;
    background-color: 				#fff;
    border: 						1px solid #d1d1d1;
}

.order-listing-header
{
	margin-bottom:					20px;
	padding-bottom:					20px;
	border-bottom:					1px solid #e8e8e8;
}

.order-listing-header > div,
.order-listing-data li > a > div
{
	width:							25%;
	display:						inline-block;
}

ul.order-listing-data
{
	margin:							0;
	padding:						7px 0;
	list-style:						none;
}

.order-history-container .listing-link
{
	margin-top:						20px;
	font-size:						13px;
	text-align:						right;
}

/* large devices, wide screens
@media only screen and (max-width : 1199px) {

} */

/* medium devices, desktops
@media only screen and (max-width : 991px) {

} */

/* small devices, tablets
@media only screen and (max-width : 767px) {

} */

/* extra small devices, phones
@media only screen and (max-width : 480px) {

} */

/* custom, iphone retina
@media only screen and (max-width : 320px) {

} */