@import url(http://fonts.googleapis.com/css?family=Coda);

.suDropdownContainer {
	margin-bottom : 0px;
!important
}

#su_container {
	position   : absolute;
	top        : 10px;
	left       : 10px;
	text-align : right;
}

.invisible {
	visibility : hidden;
}

table.valuation tr th:nth-child(8n) {
	width : 165px;
}

/* body */
html {
	width  : 100%;
	height : 100%;
}

body {
	background : url("../../images/bdy_bg.png") repeat;
	width      : 100%;
	height     : 100%;
}

@media (max-width : 767px) {
	body {
		padding-right : 0px !important;
		padding-left  : 0px !important;
	}

	.container-fluid {
		padding : 0px 20px;
	}
}

/* .header */

header {
	background    : url('../../imgs/header-with-logo.jpg') no-repeat center top #313131;
	border-bottom : 1px solid #877B7B;
}

header .header {
	width  : 98%;
	margin : 0 auto;
}

.row-fluid {
	margin-left  : auto !important;
	margin-right : auto;
	width        : 98%;
}

.container-fluid {
	padding : 0;
}

/***************utils**********/
.handy {
	cursor : pointer;
}

.textshow {
	font-family : arial;
	font-size   : 12px;
	font-weight : bold;
	color       : #F00;
}

.textshow-black {
	font-family : arial;
	font-size   : 12px;
	font-weight : bold;
	color       : #000;
}

.textshow-dark {
	font-family : arial;
	font-size   : 11px;
	font-weight : normal;
	color       : #000;
}

label.error {
	font-family : arial;
	font-size   : 12px;
	font-weight : bold;
	color       : #F00;
}

input.error, button.error, select.error, textarea.error, img.error {
	border-left           : 4px solid #F00 !important;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;

}

input.valid, button.valid, select.valid, textarea.valid, img.valid {
	border-left           : 4px solid #090 !important;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;

}

.main.login input.valid, .main.login input.error {
	width : 203px;
}

.well-dark {
	font-family      : arial;
	background-color : #CCC !important;
	color            : #000 !important;
	font-weight      : bold !important;
}

.pagination ul li a, .pagination ul li span {
	font-size   : 12px;
	font-weight : bold;
	color       : #333;
	cursor      : pointer;
}

.pagination ul li span.active {
	background : #D43031;
	color      : #FFF;
}

.wide-button {
	width     : 200px;
	font-size : 13px !important;
}

/***************top-header**********/

.header-top {
	border-bottom : 0px;
	margin-left   : 6px;
}

.header-top .span2 {
	margin-left : 0;
}

.header-top .detail-label {
	font-size   : 11px;
	color       : #FFF;
	font-weight : normal;
}

.user-details {
	font-family : helvetica, Arial, sans-serif;
	float       : right !important;
}

.user-details #LoggedIn {
	padding       : 4px 0;
	border-bottom : 1px #010101 solid;
	margin-top    : 2px
}

.user-details #LoginId {
	padding       : 6px 0 6px 40px;
	border-bottom : 1px #010101 solid;
	border-top    : 1px #4b4545 solid;
	position      : relative;
}

.user-details .user-avatar {
	position : absolute;
	left     : 0;
	top      : 5px;
}

.user-details #TimeIn {
	padding-top    : 10px;
	padding-bottom : 15px;
	border-top     : 1px #4b4545 solid;
}

.user-details .labels img {
	height       : 30px;
	margin-right : 9px;
}

.user-details .labels #Time {
	font-size : 14px;
	color     : #FFF;
}

.user-details p {
	font-size   : 14px;
	color       : #FFF;
	margin      : 0;
	line-height : 15px;
	font-weight : bold;
}

/*****************************************/

/*****************header-bottom***********/

.header-bottom {
	border-top  : 0px;
	margin-left : 6px;
}

.header-bottom .nav-bar {
	margin-left : 0;
}

.header-bottom .nav-bar .navbar {
	margin   : 0;
	padding  : 0;
	overflow : hidden;
}

.header-bottom .nav-bar .navbar li {
	float      : left;
	position   : relative;
	padding    : 0;
	list-style : none;
}

.header-bottom .nav-bar .navbar a {
	-webkit-transition : color 0.1s ease;
	-moz-transition    : color 0.1s ease;
	-ms-transition     : color 0.1s ease;
	-o-transition      : color 0.1s ease;
	transition         : color 0.1s ease;
	color              : #d0d0d0;
	display            : block;
	padding            : 17px 10px 13px;
	font-size          : 13px;
	font-weight        : bold;
}

.header-bottom .nav-bar .navbar a:hover {
	color           : #F00;
	text-decoration : none;
	text-shadow     : 0 0 15px #FF6666;
}

.header-bottom .nav-bar .navbar .notification {
	background-color : #D32D2F;
	position         : absolute;
	right            : 0;
	top              : 0;
	color            : #FFF;
	padding          : 0 6px;
	font-size        : 11px;
	height           : 15px;
	line-height      : 15px;
}

.header-bottom .nav-login {
	padding : 0;
	float   : right;
}

.header-bottom .nav-login {
	padding : 0;
	float   : right;
}

.header-bottom .nav-login a {
	-webkit-transition : color 0.1s ease;
	-moz-transition    : color 0.1s ease;
	-ms-transition     : color 0.1s ease;
	-o-transition      : color 0.1s ease;
	transition         : color 0.1s ease;
	margin-left        : 0;
	color              : #B52628;
	font-weight        : bold;
	font-size          : 13px;
	padding            : 17px 0 13px;
	display            : block;
}

.header-bottom .nav-login a:hover {
	color           : #D0D0D0;
	text-decoration : none;
}

/**************************************************/
/*****************main-section*********************/
.main-section {
	border-top : 3px solid #D42E30;
	width      : 100%;
}

/* container*/
.main-section .container-fluid {
	max-width : 98%;
	margin    : 0 auto;
}

/************page-title-wrapper*******************************/

.main-section .page-title-wrapper {
	margin-top  : 15px;
	margin-left : 6px;
}

.page-title-wrapper p {
	font-size : 14px;
}

.main-section .page-title-wrapper h1 {
	font-size   : 20px;
	line-height : 22px;
	font-weight : normal;
	margin      : 0 0 5px;
}

.main-section .page-title-wrapper .back-btn {
	float  : right;
	margin : -50px 0.7% 0 0;
}

.page-title-wrapper .btn-wrapper {
	text-align : right;
}

.page-title-wrapper .icon-export {
	background     : url('../../imgs/btn-icons.png') no-repeat 0 0;
	display        : -moz-inline-stack;
	display        : inline-block;
	zoom           : 1;
	*display       : inline;
	vertical-align : -3px;
	width          : 16px;
	height         : 16px;
	margin-right   : 5px;
}

.form-header.pricinghistory {
	margin-top   : 0px;
	margin-right : 0px;
	line-height  : 20px;
}

.form-header .pricinghistoryimg {
	margin-top   : -2px;
	margin-right : 8px;
}

.page-title-wrapper .btn-new-valuation {
	font-weight        : bold;
	font-size          : 13px;
	border             : 1px solid #9e6d16;
	color              : #3A3636;
	text-shadow        : none;
	background-color   : #FFC039;
	background         : linear-gradient(top, #FFC039 0%, #CD8D1D 100%); /*W3C*/
	background         : -moz-linear-gradient(top, #FFC039 0%, #CD8D1D 100%); /*FF3.6+*/
	background         : -ms-linear-gradient(top, #FFC039 0%, #CD8D1D 100%); /*IE10+*/
	background         : -o-linear-gradient(top, #FFC039 0%, #CD8D1D 100%); /*Opera 11.10+*/
	background         : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFC039), color-stop(100%, #CD8D1D)); /*Chrome,Safari4+*/
	background         : -webkit-linear-gradient(top, #FFC039 0%, #CD8D1D 100%); /*Chrome10+,Safari5.1+*/
	filter             : progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC039', endColorstr='#CD8D1D', GradientType=0); /*IE6-9*/
	-moz-box-shadow    : 0 1px 1px 0 #6C6C6C;
	-webkit-box-shadow : 0 1px 1px 0 #6C6C6C;
	box-shadow         : 0 1px 1px 0 #6C6C6C;
	position           : relative;
	margin-left        : 5px;
}

.btn-margin-left-5 {
	margin-left : 5px;
}

.btn-margin-right-5 {
	margin-right : 5px;
}

.page-title-wrapper .btn-shine {
	background : url('../../imgs/btn-shine.png') no-repeat;
	position   : absolute;
	top        : 0;
	left       : 0;
	right      : 0;
	bottom     : 0;
	z-index    : 100;
}

.page-title-wrapper .btn-new-valuation .btn-content {
	position : relative;
	z-index  : 200;
}

.page-title-wrapper .icon-new {
	background     : url('../../imgs/btn-icons.png') no-repeat -17px 0;
	display        : -moz-inline-stack;
	display        : inline-block;
	zoom           : 1;
	*display       : inline;
	vertical-align : -3px;
	width          : 16px;
	height         : 16px;
	margin-right   : 5px;
}

/************************popover*******************/
.popover-content {
	color : #000;
}

/************************page-filter-wrapper*******************/

.page-filter-wrapper {
	padding-right : 28px;
	width         : auto !important;
}

/************************region en make drops*******************/
.filter-input-select .btn-group .dropdown-toggle {
	width    : 280px;
	position : absolute;
	top      : -7px;
	right    : 0;
	z-index  : 100;
}

.filter-input-select .dropdown-menu {
	margin : 25px 0 0 0;
}

/************************region en make drops end*******************/

.main-section .valuations .Archived {
	display : block;
	float   : right;
}

.page-filter-wrapper .Archived .btn-group .dropdown-toggle {
	margin-top    : 17px;
	margin-bottom : 30px;
	right         : -40px;
	top           : -64px;
	width         : 253px;
}

.main-section .valuations .page-filter-wrapper .btn-wrapper {
	margin-right : -127px;
	display      : block;
	float        : right;
	height       : 50px;
	width        : 200px;
}

.Archived .bootstrap-select.btn-group .dropdown-menu {
	margin : -15px 0 0 -125px;
	width  : 253px;
}

.page-filter-wrapper .filter-input-wrapper {
	float        : left;
	width        : 12%;
	margin-right : 2%;
}

.page-filter-wrapper .filter-input-wrapper-date {
	float        : left;
	width        : 10%;
	margin-right : 4%;
}

.page-filter-wrapper .btn-wrapper {
	margin-right : -25px;
}

.page-filter-wrapper .span2,
.page-filter-wrapper .span4 {
	margin-left : 0.7%;
	width       : 16.394%;
}

.page-filter-wrapper .span4 {
	width : 31.59%;
}

.page-filter-wrapper .btn-group {
	width    : 100%;
	position : relative;
}

.page-filter-wrapper .btn-group .btn {
	width       : 100%;
	text-align  : left;
	font-family : arial;
	font-size   : 13px;
	font-weight : lighter;
}

#gridAuctionFilter_MakeMobi {
	display : none;
}

.page-filter-wrapper .btn-group .dropdown-toggle {
	/*width    : 28px;*/
	position : absolute;
	top      : 0;
	right    : 0;
	z-index  : 100;
}

.page-filter-wrapper .date-range-inputs input {
	width : 35%;
}

.page-filter-wrapper .date-label {
	margin    : 15px 0 0;
	font-size : 13px;
}

.page-filter-wrapper .context-filter-label {
	margin    : 15px 0 0;
	font-size : 12px;
	width     : 100px;
}

.page-filter-wrapper .filter-input,
.table .form-filters .filter-input {
	margin-right : 12px;
}

.table .form-filters .filter-input {
	margin-right : 15px;
}

.page-filter-wrapper .filter-input input,
.table .form-filters .filter-input input {
	width : 100%;
}

.table .form-filters .filter-input .bootstrap-select {
	width : 100px;
}

.page-filter-wrapper .btn-wrapper {
	text-align : right;
	min-width  : 250px !important;
	margin-top : 33px;
}

.page-filter-wrapper .btn {
	margin-bottom : 5px;
	margin-left   : 5px;
}

.page-filter-wrapper .btn-wrapper .icon-remove-circle {
	background     : url('../../imgs/btn-icons.png') no-repeat -34px 0;
	display        : -moz-inline-stack;
	display        : inline-block;
	zoom           : 1;
	*display       : inline;
	vertical-align : -3px;
	width          : 16px;
	height         : 16px;
}

.page-filter-wrapper .btn-wrapper .icon-search {
	background     : url('../../imgs/btn-icons.png') no-repeat -50px 0;
	display        : -moz-inline-stack;
	display        : inline-block;
	zoom           : 1;
	*display       : inline;
	vertical-align : -3px;
	width          : 16px;
	height         : 16px;
}

.page-filter-wrapper .btn-submit-search,
.page-filter-wrapper .btn-clear-search {
	width : 118px;
}

/*********table-form*********************/
.table input {
	width : 90%;
}

.table-form {
	margin-left : 6px;
	width       : 100%;
}

/***************************************************/

/********************table-header********************/

.table-header-red {
	background    : url("../../imgs/table_header_bg_h.jpg") repeat scroll 0 0 transparent;
	color         : #FFF;
	border-top    : 1px solid #EC8284;
	border-bottom : 1px solid #842022;
}

.table-header-red > td {
	background : url("../../imgs/table_header_bg_h.jpg") repeat scroll 0 0 transparent;
	color      : #FFF;
}

.table-form .table .table-header {
	border-left  : 1px solid #EC8284;
	border-right : 1px solid #842022;
	font-size    : 12px;
	font-family  : arial;
	font-weight  : bold;
	color        : #FFF;
}

.table-form .table .table-header th {
	padding       : 0;
	line-height   : 16px;
	font-weight   : lighter;
	background    : url("../../imgs/table_header_bg_h.jpg") repeat scroll 0 0 transparent;
	border-top    : 1px solid #EC8284;
	border-bottom : 1px solid #842022;
}

.valuations .kms,
.valuations .year {
	width : 80px;
}

.offer-submitted,
.type {
	width : 200px;
}

.bids {
	width : 90px;
}

.amount {
	width : 140px;
}

.table-form .table .table-header .table-heading-wrapper {
	border-left  : 1px solid #DE4347;
	border-right : 1px solid #9B2022;
	padding      : 3px;
}

.table-heading-wrapper .make-caret {
	border-left    : 4px solid transparent;
	border-right   : 4px solid transparent;
	border-top     : 4px solid #FFF;
	display        : inline-block;
	height         : 0;
	vertical-align : middle;
	width          : 0;
	margin-left    : 15px;
}

.table-heading-wrapper .settings-caret {
	border-left    : 4px solid transparent;
	border-right   : 4px solid transparent;
	border-top     : 4px solid #FFF;
	content        : "";
	display        : inline-block;
	height         : 0;
	vertical-align : middle;
	width          : 0;
}

.settings-main-wrapper {
	border                : 1px solid #DA5158;
	padding               : 1px 3px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;
	-moz-box-shadow       : 0 1px 0 0 #911E21;
	-webkit-box-shadow    : 0 1px 0 0 #911E21;
	box-shadow            : 0 1px 0 0 #911E21;
	float                 : right;
	margin-top            : -2px;
}

/******************************************************/

/********************form-filters********************/

.table-form .table .form-filters {
	background-color : #FFF;
	border           : 1px solid #C3C3C3;
	font-family      : arial;
	color            : #000;
	font-size        : 11px;
}

.table-form .table .form-filters td {
	line-height : 9px;
	padding     : 3px 2px;
}

.table-form .table .form-filters input {
	margin-bottom : 0;
}

.table-form .table .form-filters .bootstrap-select {
	margin-bottom : 0;
}

/******************************************************/

/********************FirstRow********************/

.table-form .table .grid tr:nth-child(odd) {
	background-color : #FFF;
	border           : 1px solid #C3C3C3;
	font-family      : arial;
	color            : #000;
	font-size        : 12px;
}

.table-form .table .grid tr:nth-child(odd) td {
	line-height : 20px;
}

.table-form .table .grid tr:nth-child(odd) .offer {
	width : 110px;
}

.table-form .table .grid tr:nth-child(odd) .offer span {
	background-color : #D43031;
	padding          : 0 5px;
	color            : #FFF;
	float            : right;
}

/******************************************************/

/********************SecondRow********************/

.table-form .table .grid tr:nth-child(even) {
	background-color : #EDEDED;
	border           : 1px solid #C3C3C3;
	font-family      : arial;
	color            : #000;
	font-size        : 12px;
}

.table-form .table .grid tr:nth-child(even) td {
	line-height : 20px;
}

.table-form .table .grid tr:nth-child(even) .offer {
	width : 110px;
}

.table-form .table .grid tr:nth-child(even) .offer span {
	background-color : #D43031;
	padding          : 0 5px;
	color            : #FFF;
	float            : right;
}

/******************************************************/

/********************Row Hover State********************/
.table-form .table .grid tr:hover {
	background-color : #D42E30;
	color            : #FFF;
}

/*****************************************************************/

/********************new valuation********************************/

/********************page-title********************************/

.page-title-wrapper .page-title-header {
	font-family : arial;
	font-size   : 13px;
}

/********************page-top-forms-wrapper**********************/

.page-top-forms-wrapper {
	margin-top : 9px;
}

/********************.customer-details-form**********************/

.customer-details-form .form-header,
.newsletter-details-form .form-header,
.valuation-details-form .form-header,
.pricing-details-form .form-header,
.vehicle-specs-form .form-header,
.damages-form .form-header,
.accessories-form .form-header,
.photos-form .form-header {
	background-color      : #D42E30;
	padding               : 5px;
	border                : 1px solid #EE585A;
	-moz-border-radius    : 4px 4px 0 0;
	-webkit-border-radius : 4px 4px 0 0;
	border-radius         : 4px 4px 0 0;
	margin-bottom         : 0;
	margin-left           : 3px;
	color                 : #FFF;
	font-family           : arial;
	font-size             : 15px;
	text-align            : bottom;
	padding               : 5px 15px 5px 5px;
	display               : -moz-inline-stack;
	display               : inline-block;
	zoom                  : 1;
	*display              : inline;
}

.page-top-forms-wrapper .span4,
.page-bottom-forms-wrapper .span4 {
	width : 32.1% !important;
}

.page-top-forms-wrapper .customer-details {
	margin-left : 0 !important;
}

.page-top-forms-wrapper .form-horizontal {
	min-height : 215px !important;
}

.page-middle-forms-wrapper .form-horizontal {
	min-height : 490px !important;
}

.page-bottom-forms-wrapper .form-horizontal {
	min-height : 608px !important;
}

.width12p {
	width         : 10%;
	display       : inline-block;
	padding-right : 20px;
}

.width16p {
	width         : 16%;
	display       : inline-block;
	padding-right : 16px;
	margin-top    : 33px;
}

input.information-input {
	font-family : arial;
	width       : 114px;
}

input.information-input-short {
	font-size   : 14px;
	font-family : arial;
	width       : 114px;
}

.add-on {
	font-family : arial;
}

.icon-user {
	margin-top : -2px;
}

.control-group label {
	font-family : arial;
	font-size   : 13px;
}

.form-horizontal {
	background-color   : #F7F7F7;
	padding            : 10px;
	-moz-border-radius : 0 0 0 0;
	border-radius      : 0;
	border-style       : solid;
	border-width       : 1px;
	border-color       : #C4C4C4;
	margin-bottom      : 20px;
}

.pad-top-none {
	padding-top : 0px !important;
}

.form-horizontal .control-group {
	margin-bottom : 3px;
}

.form-horizontal .control-group .control-label {
	text-align  : left;
	width       : 40%;
	float       : left;
	padding-top : 4px;
}

.newsletter-details-form .form-horizontal .control-group .control-label {
	text-align  : left;
	width       : 22%;
	float       : left;
	padding-top : 7px;
}

.form-horizontal .control-group .controls {
	float       : left;
	margin-left : 0px;
}

.newsletter-details-form .form-horizontal .control-group .controls {
	float       : left;
	margin-left : 0px;
}

.form-horizontal .control-group .controls .information-input {
	width  : 150px;
	float  : left;
	height : 20px;
}

.form-horizontal .control-group .select {
	width       : 150px;
	text-align  : left;
	font-size   : 12px;
	font-family : arial;
	font-weight : bold;
}

.form-horizontal .control-group .sp {
	width       : 162px;
	text-align  : left;
	font-size   : 12px;
	font-family : arial;
	font-weight : bold;
}

.form-horizontal .control-group .selection {
	height : 30px;
}

/*****************************************************/
/*****************valuation-details-form***************/

.valuation-details-form .form-header .clipboard {
	margin-top   : -7px;
	margin-left  : 8px;
	margin-right : 8px;
}

.control-group-wrapper .control-group .valuation-line {
	height : 10px;
	width  : 50%;
}

.form-horizontal .information-lines {
	margin-top    : 8px;
	margin-left   : 5px;
	line-height   : 15px;
	font-size     : 13px;
	font-family   : arial;
	color         : #D72e33;
	margin-bottom : 0px;
}

.control-group-wrapper .control-group .bid-information-label {
	font-size : 12px;
	width     : 50%;
}

.form-horizontal .bid-information {
	margin-top    : -1px;
	margin-left   : 5px;
	line-height   : 15px;
	font-size     : 12px;
	font-family   : arial;
	color         : #000;
	margin-bottom : 0px;
}

.edit-btn {
	float                 : right;
	padding               : 6px 8px;
	border                : 1px solid #c4c3c3;
	-webkit-border-radius : 4px 4px 0 0;
	-moz-border-radius    : 4px 4px 0 0;
	border-radius         : 4px 4px 0 0;
	margin-top            : -1px;
	margin-right          : 5px;
}

/*****************************************************/

/********************Pricing details******************/

.pricing-details-form .form-header .money {
	margin-top   : -2px;
	margin-left  : 8px;
	margin-right : 8px;
}

.form-horizontal p {
	margin-top    : 5px;
	margin-left   : 0;
	font-size     : 13px;
	font-family   : arial;
	color         : #000;
	margin-bottom : 0px;
	line-height   : 15px;

}

.form-horizontal .price,
.damages-form .price {
	margin-top    : 11px;
	margin-left   : 5px;
	font-family   : arial;
	color         : #D72E33;
	margin-bottom : 0px;
}

/*.form-horizontal .retail{
 margin-bottom : 10px;
}*/
.form-horizontal .list {
	margin-bottom : 10px;
}

/*.form-horizontal .list .price{
    /*margin-left : 16px;
}*/

.form-horizontal .trade-and-retail {
	margin-top    : -1px;
	margin-left   : 0;
	font-size     : 13px;
	font-family   : arial;
	color         : #2A7C00;
	margin-bottom : 0px;
	float         : right;
}

/*****************************************************/
/********************page-middle-forms-wrapper***********/

.vehicle-specs-form .form-header .headerImgLable {
	display : block;
	width   : 100%;
	margin  : -23px 0 0 30px;
}

.vehicle-specs-form .form-header .car {
	margin-top   : 0px;
	margin-right : 8px;
	padding-left : 3px;
	padding-top  : 3px;
}

#customerDetails .icon-user {
	margin-right : 8px;
	margin-top   : 2px;
	margin-left  : 2px;
}

.left-and-right-side {
	overflow : hidden;
}

/****************left-side*****************************/

.vehicle-specs-form .left-side {
	float : left;
	width : 50%;
}

.find-value {
	position    : relative;
	z-index     : 200;
	margin-left : 32px;
}

/**********button with back line*********/

button.find-value-btn {
	font-family : arial;
	margin-left : 9px;
	font-weight : normal;
}

.red-lines {
	width        : 77px;
	padding      : 0 10px;
	height       : 1px;
	border-left  : 30px solid #D42E30;
	border-right : 30px solid #D42E30;
	position     : relative;
	z-index      : 100;
	margin-left  : -32px;
	margin-top   : -15px;
}

/*******************************************/

.registration-no {
	margin-top : 45px;
}

/*******************************************/
/**********right-side***********************/
.textbox {
	width : 100%;
}

.text-box {
	font-size     : 14px;
	font-family   : arial;
	margin-bottom : 10px;
	margin-right  : 21px;
	margin-top    : 3px;
	width         : 33%;
}

.natis-label {
	width : 60%;
	float : left;
}

.control-group .natis {
	margin-top  : 3px;
	margin-left : -20px;
}

.control-group .text-box-small {
	width       : 97%;
	margin-top  : 3px;
	font-size   : 14px;
	font-family : arial;

}

.right-side {
	width : 50%;
	float : left;
}

.bootstrap-select .btn {
	width       : 100%;
	font-family : arial;
	font-weight : normal;
}

.bootstrap-select.btn-group .dropdown-menu li > a {
	min-height    : 1px;
	cursor        : pointer;
	font-size     : 14px !important;
	font-family   : arial;
	font-weight   : normal;
	line-height   : 15px;
	position      : relative;
	padding-right : 35px;
	white-space   : normal;
	word-wrap     : break-word;
}

.bootstrap-select.btn-group .dropdown-menu .check-mark {
	background : url('../../imgs/checkboxes.png') no-repeat;
	height     : 18px;
	width      : 20px;
	position   : absolute;
	right      : 10px;
	display    : block !important;
	top        : 0;
}

.bootstrap-select.btn-group .dropdown-menu .selected .check-mark {
	right               : 10px !important;
	background-position : 0 -20px;
}

/******************************************************/
/******************damages-form************************/
.form-header .headerImgLableBomb {
	display : block;
	width   : 100%;
	margin  : -23px 0 0 30px;
}

.damages-form .form-header .bomb {
	margin-top   : 0px;
	margin-right : 8px;
	padding-left : 3px;
	padding-top  : 3px;
}

.damages-form .checkbox {
	width : 40%;
	float : left;
}

input.rand-input {
	font-size        : 14px;
	font-family      : arial;
	width            : 123px !important;
	padding-left     : 30px;
	background       : url(../../imgs/red_rand_sign.gif) no-repeat scroll 9px center transparent;
    background-color : #fff;
}

input.rand-input.valid {
	font-size        : 14px;
	font-family      : arial;
	width            : 120px !important;
	padding-left     : 30px;
	background       : url(../../imgs/red_rand_sign.gif) no-repeat scroll 9px center transparent;
    background-color : #FFF;
}

input.wide-rand-input {
	font-size        : 14px;
	font-family      : arial;
	width            : 70% !important;
	padding-left     : 30px;
	background       : url(../../imgs/red_rand_sign.gif) no-repeat scroll 9px center transparent;
    background-color : #FFF;
}

input.wide-rand-auction-input {
	font-size        : 14px;
	font-family      : arial;
	width            : 70% !important;
	padding-left     : 32%;
	background       : url(../../imgs/icon-rand.png) no-repeat scroll 0px center transparent;
    background-color : #FFF;
}

.total-estimated-label,
.previous-repairs-label {
	width       : 155px;
	float       : left;
	padding-top : 5px;
}

.damages-form .previous-repairs {
	margin-bottom : 13px;
}

.damages-form .textbox {
	width       : 97%;
	font-size   : 14px;
	font-family : arial;
}

.damages-form .damages-comments {
	margin-bottom : 12px;
}

.valuation-details-form .textbox {
	width       : 90%;
	font-size   : 14px;
	font-family : arial;
}

.valuation-details-form .cover-received {
	margin-bottom : 12px;
	margin-top    : 12px;
}

.pricing-details-form .textbox {
	width       : 90%;
	font-size   : 14px;
	font-family : arial;
}

.pricing-details-form .cover-received {
	margin-bottom : 12px;
	margin-top    : 12px;
}

/******************************************************/

/*******************page-bottom-forms-wrapper**********/
.form-header .headerImgLableHeadphones {
	display : block;
	width   : 100%;
	margin  : -23px 0 0 30px;
}

.accessories-form .form-header .headphones {
	margin-top   : 0px;
	margin-right : 8px;
	padding-left : 3px;
	padding-top  : 1px;
}

.accessories-form .column-left,
.photos-form .column-left {
	width : 50%;
	float : left;
}

.accessories-form .column-right,
.photos-form .column-right {
	width         : 50%;
	float         : left;
	margin-bottom : 25px;
}

.accessories-form .checkbox-line,
.checkbox.checkbox-line {
	font-size     : 14px;
	margin-bottom : 3px;
	line-height   : 16px;
	padding-left  : 24px;
}

.accessories-form .comment-box {
	clear : both;
}

.accessories-form .comment-box .comment {
	font-size     : 14px;
	font-family   : arial;
	margin-bottom : 5px;
	padding-top   : 10px;
}

.accessories-form .comment-box .comment-text-box {
	width       : 97%;
	font-size   : 14px;
	font-family : arial;
}

/******************************************************/

/*****************photos-form*************************/
.form-header .headerImgLableCamera {
	display : block;
	width   : 100%;
	margin  : -23px 0 0 30px;
}

.photos-form .form-header .camera {
	margin-top   : 0px;
	margin-right : 8px;
	padding-left : 3px;
	padding-top  : 0px;
}

.photos-form .warning-paragraph {
	margin-bottom : 10px;
	color         : #D84345;
}

.photos-form .column-left,
.photos-form .column-right {
	text-align : center;
}

.photos-form .img-polaroid {
	width         : 88%;
	margin-bottom : 7%;
}

.photos-form .motor-vehicle-imgs {
	margin : 5px 3px;
	width  : 88%;
}

/******************************************************/

/*******************select-valuator*******************/

.page-bottom-forms-wrapper .select-valuator .select-valuator-header {
	color         : #D84345;
	padding       : 5px;
	margin-bottom : 0;
	width         : 160px;
	margin-left   : 3px;
	font-family   : arial;
	font-size     : 15px;
	text-align    : bottom
}

.select-valuator .btn-group .select {
	width       : 125%;
	text-align  : left;
	font-size   : 12px;
	font-family : arial;
	font-weight : bold;
}

.select-valuator .btn-group .selection {
	height : 30px;
}

.valuator-name-button {
	padding-bottom : 16px;
	border-bottom  : 1px solid #B4B4B4;
}

.select-valuator .btn-wrapper {
	padding-top : 16px;
	border-top  : 1px solid #EFEFEF;
}

.btn,
.send-to-price-btn,
.send-to-sales-btn,
.edit-btn,
.print-btn,
.archive-btn,
.add-to-stock-btn {
	font-size   : 12px;
	font-family : arial;
	text-align  : center;
	font-weight : bold;
}

.bottom-grey-set {
	margin-top    : 8px;
	margin-bottom : 3px;
}

.printer {
	margin-top   : 0px;
	margin-right : 5px;
}

.print-btn,
.archive-btn {
	width       : 25%;
	font-size   : 12px;
	font-family : arial;
}

.add-to-stock-btn {
	width : 26%;
}

.Bid4cars-btn,
.bmw-btn,
.save-and-send-btn,
.save-and-submit-btn {
	text-align  : center;
	font-size   : 12px;
	font-family : arial;
	width       : 55%;
	margin      : 3px 0;
	font-weight : bold;
}

/******************************************************/

label.checkbox {
	position : relative;
}

.checkbox.checkbox-line.acceptTerms {
	margin-left  : 0px;
	width        : 100%;
	text-align   : left;
	padding-left : 40px;
}

label.checkbox input[type="checkbox"] {
	position       : absolute;
	-ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter         : alpha(opacity=0);
	-moz-opacity   : 0;
	-khtml-opacity : 0;
	opacity        : 0;
}

.styled-checkbox {
	width      : 16px;
	height     : 18px;
	background : url('../../imgs/checkboxes.png') no-repeat -3px -1px;
	position   : absolute;
	left       : 0;
}

label.checkbox input[type=checkbox]:checked + .styled-checkbox {
	background-position : -3px -21px;
}

.styled-checkbox.checked {
	background-position : -3px -21px;
}

/*************************************************************/

.make-offer-btn {
	width     : 35%;
	font-size : 14px;
	padding   : 10px 0px;
}

.table-form-2 {
	margin-left : 6px;
	width       : 100%;
}

/********************table-header********************/

.table-form-2 .table-header-red {
	background    : url("../../imgs/table_header_bg_h.jpg") repeat scroll 0 0 transparent;
	color         : #FFF;
	border-top    : 1px solid #EC8284;
	border-bottom : 1px solid #842022;
}

.table-form-2 .table-header-red > td {
	background : url("../../imgs/table_header_bg_h.jpg") repeat scroll 0 0 transparent;
	color      : #FFF;
}

.table-form-2 .table .table-header {
	border-left  : 1px solid #EC8284;
	border-right : 1px solid #842022;
	font-size    : 12px;
	font-family  : arial;
	font-weight  : bold;
	color        : #FFF;
}

.table-form-2 .table .table-header th {
	padding       : 0;
	line-height   : 16px;
	font-weight   : lighter;
	background    : url("../../imgs/table_header_bg_h.jpg") repeat scroll 0 0 transparent;
	border-top    : 1px solid #EC8284;
	border-bottom : 1px solid #842022;
}

/********************FirstRow********************/

.table-form-2 .table .grid tr:nth-child(odd) {
	background-color : #FFF;
	border           : 1px solid #C3C3C3;
	font-family      : arial;
	color            : #000;
	font-size        : 12px;
}

.table-form-2 .table .grid tr:nth-child(odd) td {
	line-height : 20px;
}

.table-form-2 .table .grid tr:nth-child(odd) .offer {
	width : 110px;
}

.table-form-2 .table .grid tr:nth-child(odd) .offer span {
	background-color : #D43031;
	padding          : 0 5px;
	color            : #FFF;
	float            : right;
}

/********************Row Hover State********************/
.table-form-2 .table .grid tr:nth-child(odd) .no-hover:hover {
	background-color : #FFF;
	color            : #000;
}

/********************SecondRow********************/

.table-form-2 .table .grid tr:nth-child(even) {
	background-color : #EDEDED;
	border           : 1px solid #C3C3C3;
	font-family      : arial;
	color            : #000;
	font-size        : 12px;
}

.table-form-2 .table .grid tr:nth-child(even) td {
	line-height : 20px;
}

.table-form-2 .table .grid tr:nth-child(even) .offer {
	width : 110px;
}

.table-form-2 .table .grid tr:nth-child(even) .offer span {
	background-color : #D43031;
	padding          : 0 5px;
	color            : #FFF;
	float            : right;
	background-color : #EDEDED;
}

.table-form-2 .table .grid tr:nth-child(even) .no-hover:hover {
	background-color : #EDEDED;
	color            : #000;
}

/********************Row Hover State********************/
.table-form-2 .table .grid td:hover {
	background-color : #D42E30;
	color            : #FFF;
}

.red-text {
	color : #D42E30;
}

/******************** Wizard mobi ready********************/

@media (min-width : 320px) {
	/* smartphones, iPhone, portrait 480x320 phones */
	.wizardDiv {
		margin-left : 3%;
		width       : 320px;
	}

	.wizard div.steps-container ul li {
		min-width : 83%;
		margin    : 0 0 0 -2px;
	}

	.wizardDiv .bootstrap-select .btn,
	.wizardDiv .selectpicker,
	.wizardDiv .bootstrap-select,
	.wizardDiv .btn.dropdown-toggle,
	.wizardDiv .btn.dropdown-toggle.error {
		width : 100% !important;
	}

	.wizardDiv .bootstrap-select .btn {
		min-width : 90% !important;
	}
}

@media (min-width : 481px) {
	/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
	.wizardDiv {
		margin-left : 3%;
		width       : 481px;
	}

	.wizard div.steps-container ul li {
		min-width : 91%;
		margin    : 0 0 0 -5px;
	}

	.wizardDiv .bootstrap-select .btn,
	.wizardDiv .selectpicker,
	.wizardDiv .bootstrap-select,
	.wizardDiv .btn.dropdown-toggle,
	.wizardDiv .btn.dropdown-toggle.error {
		width : 100% !important;
	}

	.wizardDiv .bootstrap-select .btn {
		min-width : 90% !important;
	}
}

@media (min-width : 641px) {
	/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
	.wizardDiv {
		margin-left : 3%;
		width       : 641px;
	}

	.wizard div.steps-container ul li {
		min-width : 95%;
		margin    : 0 0 0 -10px;
	}

	.wizardDiv .bootstrap-select .btn,
	.wizardDiv .selectpicker,
	.wizardDiv .bootstrap-select,
	.wizardDiv .btn.dropdown-toggle,
	.wizardDiv .btn.dropdown-toggle.error {
		width : 100% !important;
	}

	.wizardDiv .bootstrap-select .btn {
		min-width : 90% !important;
	}

}

@media (min-width : 764px) {
	/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
	.wizardDiv {
		margin-left : 3%;
		width       : 641px;
	}

	.wizard div.steps-container ul li {
		min-width : 95%;
		margin    : 0 0 0 -10px;
	}

	.step-content .row-fluid .span7 {
		width : 48.6188%;
		float : right;
	}

	.wizardDiv .bootstrap-select .btn,
	.wizardDiv .selectpicker,
	.wizardDiv .bootstrap-select,
	.wizardDiv .btn.dropdown-toggle,
	.wizardDiv .btn.dropdown-toggle.error {
		width : 100% !important;
	}

	.bootstrap-select .btn {
		min-width : 90% !important;
	}

}

@media (min-width : 961px) {
	/* tablet, landscape iPad, lo-res laptops ands desktops */
	/* .wizardDiv{
		 margin-left: 0;
	 }

	 .wizard div.steps-container ul li {
		 width: auto;
		 min-width:180px;
		 margin: 0;
	 }*/
	.wizardDiv {
		margin-left : 3%;
		width       : 641px;
	}

	.wizard div.steps-container ul li {
		min-width : 95%;
		margin    : 0 0 0 -10px;
	}

}

@media (min-width : 1025px) {
	/* big landscape tablets, laptops, and desktops */
	.wizardDiv {
		margin-left : 3%;
		width       : 970px;
	}

	.wizard div.steps-container ul li {
		width     : auto;
		min-width : 180px;
		margin    : 0;
	}
}

@media (min-width : 1075px) {
	/* big landscape tablets, laptops, and desktops */
	.wizardDiv {
		margin-left : 5%;
		width       : 970px;
	}
}

@media (min-width : 1107px) {
	/* big landscape tablets, laptops, and desktops */
	.wizardDiv {
		margin-left : 7%;
		width       : 970px;
	}
}

@media (min-width : 1170px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 10%;
		width       : 970px;
	}
}

@media (min-width : 1210px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 12%;
		width       : 970px;
	}
}

@media (min-width : 1281px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 14%;
		width       : 970px;
	}
}

@media (min-width : 1371px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 16%;
		width       : 970px;
	}
}

@media (min-width : 1450px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 17%;
		width       : 970px;
	}
}

@media (min-width : 1480px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 18%;
		width       : 970px;
	}
}

@media (min-width : 1505px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 19%;
		width       : 970px;
	}
}

@media (min-width : 1584px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 20%;
		width       : 970px;
	}
}

@media (min-width : 1684px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 20%;
		width       : 970px;
	}
}

@media (min-width : 1688px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 21%;
		width       : 970px;
	}
}

@media (min-width : 1740px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 22%;
		width       : 970px;
	}
}

@media (min-width : 1740px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 23%;
		width       : 970px;
	}
}

@media (min-width : 1841px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 25%;
		width       : 970px;
	}
}

@media (min-width : 1921px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 26%;
		width       : 970px;
	}
}

@media (min-width : 2091px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 27%;
		width       : 970px;
	}
}

@media (min-width : 2231px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 28%;
		width       : 970px;
	}
}

@media (min-width : 2295px) {
	/* hi-res laptops and desktops */
	.wizardDiv {
		margin-left : 30%;
		width       : 970px;
	}
}

.wizard input.information-input {
	font-family : arial;
	width       : 80%;
}

.text-h5 {
	margin         : 10px 0;
	font-family    : inherit;
	line-height    : 20px;
	color          : inherit;
	text-rendering : optimizelegibility;
	font-weight    : normal;
	font-size      : 16px;

}

.text-h4 {
	margin         : 10px 0;
	font-family    : inherit;
	line-height    : 20px;
	color          : inherit;
	text-rendering : optimizelegibility;
	font-weight    : bold;
	font-size      : 16.5px;
}