::-webkit-scrollbar-thumb {
	background-color: #888888 !important;
	border-radius: 8px !important;
}

::-webkit-scrollbar {
	width: 8px !important;
	height: 8px !important;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Roboto", sans-serif;
	font-weight: normal;
	color: #212121 !important;
	overflow: hidden;
	font-size: 14px;
	height: 100%;
	max-width: 100%;
	background: #ffffff;
}

.org_header {
	font-weight: 500;
	font-size: 14px !important;
	color: #f79321 !important;
}

html {
	height: 100%;
}

.blue-bg {
	background: #1e3554;
}

.white-bg {
	background: #ffffff;
}

.blue-text {
	color: #1e3554;
}

.orange-text {
	color: #f79321;
}

.blue_text {
	color: #1e3554;
}

.orange-text {
	color: #f79321;
}

.white-text {
	color: #ffffff;
}

.white_text {
	color: #ffffff;
}

.orange-bg, .orange-bg:hover {
	background: #f79321;
}

.black-text {
	color: #212121 !important;
}

.black_text {
	color: #212121 !important;
}

.gray-text {
	color: #757575 !important;
}

.gray_text {
	color: #757575 !important;
}

.bcolor-f1 {
	background-color: #f1f1f1;
}

.pad24-16 {
	padding: 24px 16px;
}

.relative {
	position: relative;
}

.top5 {
	top: 5px;
}

.fsvw {
	font-size: 1.5vw;
}

.floatR {
	float: right;
}

.floatL {
	float: left;
}

.cursor {
	cursor: pointer !important;
}

.gray-text-75 {
	color: #757575;
}

.orangegray_text {
	color: #f7931b !important;
}

.orange-color {
	color: #f79321 !important;
}

.orangegray_brd {
	border: 1px solid #f7931b;
}

.fs10 {
	font-size: 10px;
}

.fs12 {
	font-size: 12px !important;
}

.fs11 {
	font-size: 11px;
}

.fs13 {
	font-size: 13px !important;
}

.fs14 {
	font-size: 14px !important;
}

.fs15 {
	font-size: 15px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.fs20 {
	font-size: 20px !important;
}

.fs22 {
	font-size: 22px;
}

.fs23 {
	font-size: 23px;
}

.fs24 {
	font-size: 24px !important;
}

.fs26 {
	font-size: 26px !important;
}

.fs28 {
	font-size: 28px;
}

.fs30 {
	font-size: 30px;
}

.fs34 {
	font-size: 34px;
}

.fs35 {
	font-size: 35px;
}

.fs38 {
	font-size: 38px;
}

.fs36 {
	font-size: 36px;
}

.fs45 {
	font-size: 45px !important;
}

.fw-200 {
	font-weight: 200;
}

.fw-400 {
	font-weight: 400;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}

.text-right {
	text-align: right;
}

.relative {
	position: relative;
}

.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left !important;
}

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

.text_ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.width100p {
	width: 100%;
}

.width50p {
	width: 50%;
}


.white_text {
	color: #ffffff !important;
}

.ulnav {
	padding-right: 24px;
	padding-top: 0px;
}

.top__nav {
	position: relative;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #000;
	color: #fff;
}

.down .top__nav {
	height: 72px;
}

.top__nav.animateIt {
	position: fixed;
	top: -60px;
	left: 0;
	right: 0;
	z-index: 999;
	transition: 0.4s top cubic-bezier(.3, .73, .3, .74);
	background: #013f73;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
}

body.down .top__nav.animateIt {
	top: 0;
}

.down {
}

.dropdownContent_menu {
	width: 200px !important;
}

	.dropdownContent_menu li a {
		font-size: 13px !important;
	}

.menu_arrow_icon {
	color: rgba(255, 255, 255, 0.6705882);
	font-size: 12px;
	float: right;
	position: relative;
	top: -4px;
}

.deskTop .dropdown-content li > a {
	padding: 8px 16px;
}

.deskTop .dropdown-content li {
	min-height: 34px;
}

nav ul.deskTop a {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

nav.top__nav .brand-logo {
	position: inherit;
	color: #fff;
	align-items: center;
	display: flex;
	font-size: 2.1rem;
	padding: 0;
	float: left;
	width: 158px;
	padding-right: 10px;
	margin-right: 10px;
	padding-left: 18px;
	height: 60px;
}

.top__nav {
	color: #212121;
	background-color: #ffffff;
box-shadow: -1px 2px 5px 0px rgba(173,173,173,0.75);
-webkit-box-shadow: -1px 2px 5px 0px rgba(173,173,173,0.75);
-moz-box-shadow: -1px 2px 5px 0px rgba(173,173,173,0.75);
}

	.top__nav ul li a {
		text-transform: uppercase;
		font-size: 13px;
		display:-ms-flexbox;
		color: #000000;
	font-weight: 500;
	}
	.top__nav ul li a:focus {
		outline:none !important;
	}
.sidebar_select .select-wrapper input.select-dropdown {
	margin-bottom: 0px;
	border-bottom: transparent;
}

.truecar_main {
	width: 100%;
	height: calc(100% - 64px);
}

.overflowY {
	overflow-y: auto;
}

input:not([type]).valid,
input:not([type]):focus.valid,
input[type=text].valid,
input[type=text]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime].valid,
input[type=datetime]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=search].valid,
input[type=search]:focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
	border-bottom: 1px solid #178d9b !important;
	box-shadow: 0 1px 0 0 #178d9b !important;
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
	height: 2.5rem !important;
}

	input.valid:not([type]),
	input.valid:not([type]):focus,
	input.valid[type=text]:not(.browser-default),
	input.valid[type=text]:not(.browser-default):focus,
	input.valid[type=password]:not(.browser-default),
	input.valid[type=password]:not(.browser-default):focus,
	input.valid[type=email]:not(.browser-default),
	input.valid[type=email]:not(.browser-default):focus,
	input.valid[type=url]:not(.browser-default),
	input.valid[type=url]:not(.browser-default):focus,
	input.valid[type=time]:not(.browser-default),
	input.valid[type=time]:not(.browser-default):focus,
	input.valid[type=date]:not(.browser-default),
	input.valid[type=date]:not(.browser-default):focus,
	input.valid[type=datetime]:not(.browser-default),

	input.valid[type=datetime]:not(.browser-default):focus,
	input.valid[type=datetime-local]:not(.browser-default),
	input.valid[type=datetime-local]:not(.browser-default):focus,
	input.valid[type=tel]:not(.browser-default),
	input.valid[type=tel]:not(.browser-default):focus,
	input.valid[type=number]:not(.browser-default),
	input.valid[type=number]:not(.browser-default):focus,
	input.valid[type=search]:not(.browser-default),
	input.valid[type=search]:not(.browser-default):focus,
	textarea.materialize-textarea.valid,
	textarea.materialize-textarea.valid:focus,
	.select-wrapper.valid > input.select-dropdown {
		border-bottom: 1px solid #178d9b !important;
		-webkit-box-shadow: 0 1px 0 0 #178d9b !important;
		box-shadow: 0 1px 0 0 #178d9b !important;
	}

	input:not([type]):focus.valid ~ label,
	input[type=text]:not(.browser-default):focus.valid ~ label,
	input[type=password]:not(.browser-default):focus.valid ~ label,
	input[type=email]:not(.browser-default):focus.valid ~ label,
	input[type=url]:not(.browser-default):focus.valid ~ label,
	input[type=time]:not(.browser-default):focus.valid ~ label,
	input[type=date]:not(.browser-default):focus.valid ~ label,
	input[type=datetime]:not(.browser-default):focus.valid ~ label,
	input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
	input[type=tel]:not(.browser-default):focus.valid ~ label,
	input[type=number]:not(.browser-default):focus.valid ~ label,
	input[type=search]:not(.browser-default):focus.valid ~ label,
	textarea.materialize-textarea:focus.valid ~ label {
		color: #178d9b !important;
	}


/***right filter****/


.filter_fixed_active1 {
	margin-right: 0px !important;
}

.dealer_filter1 {
	width: 280px;
	height: 100%;
	position: fixed;
	background: #ffffff;
	overflow-y: auto;
	right: 0px !important;
	height: 100%;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	margin-right: -280px;
	transition: all 0.3s ease-in-out;
	z-index: 9;
	padding: 0px 0px;
	margin-top: 0px;
}

.findFl_container {
	height: calc(100% - 120px);
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	padding: 0px 14px;
}

.findFl_header {
	padding: 10px 25px;
	height: 48px;
}

.left0 {
	left: 0px !important;
}

.input-field.prefix_field .prefix {
	position: absolute;
	width: 1rem;
	font-size: 1.5rem;
	transition: color .2s;
}

.input-field .prefix {
	position: absolute;
	width: 3rem;
	font-size: 2rem;
	transition: color .2s;
}

.prefix_field i {
	right: 12px;
	left: initial;
	top: 11px;
}

.prefix_field.input-field .prefix ~ input, .prefix_field.input-field .prefix ~ label, .input-field .prefix ~ .validate ~ label, .prefix_field.input-field .prefix ~ .autocomplete-content {
	margin-left: 0rem !important;
	width: 92% !important;
	width: calc(100% - 0rem);
	padding-right: 24px;
}

.dealer_filter1 input:not([type]),
.dealer_filter1 input[type=text]:not(.browser-default),
.dealer_filter1 input[type=password]:not(.browser-default),
.dealer_filter1 input[type=email]:not(.browser-default),
.dealer_filter1 input[type=url]:not(.browser-default),
.dealer_filter1 input[type=time]:not(.browser-default),
.dealer_filter1 input[type=date]:not(.browser-default),
.dealer_filter1 input[type=datetime]:not(.browser-default),
.dealer_filter1 input[type=datetime-local]:not(.browser-default),
.dealer_filter1 input[type=tel]:not(.browser-default),
.dealer_filter1 input[type=number]:not(.browser-default),
.dealer_filter1 input[type=search]:not(.browser-default),
.dealer_filter1 textarea.materialize-textarea {
	height: 2.5rem;
}

.dealer_filter1 .input-field {
	margin-bottom: 1rem !important;
}

.dealer_filter1 .select-wrapper input.select-dropdown {
	margin: 0 0 8px 0;
}

.orage-text {
	color: #f79321 !important;
}

.right-text {
	text-align: right;
	margin-top: 10px;
}

.paddL0 {
	padding-left: 0px !important;
}

.paddR0 {
	padding-right: 0px !important;
}

.padLR2 {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.padL24 {
	padding-left: 24px !important;
}

.margR_minus20 {
	margin-right: -20px;
}

.select-wrapper input.select-dropdown {
	position: relative;
	cursor: pointer;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #d8d8d8;
	outline: none;
	height: 3rem;
	line-height: 3rem;
	width: 100%;
	font-size: 1rem;
	margin: 0 0 20px 0;
	padding: 0;
	display: block;
}

.margL8 {
	margin-left: 8px !important;
}

.switch.switch_dealer label input[type=checkbox]:checked + .lever:after {
	background-color: #f79321;
	left: 24px;
}

.switch.switch_dealer label input[type=checkbox]:checked + .lever {
	background-color: #f5b75f;
}

.margT10 {
	margin-top: 10px !important;
}


/***right filter end****/



.data-width-1 {
	width: 1%;
}

.data-width-2 {
	width: 2%;
}

.data-width-3 {
	width: 3%;
}

.data-width-4 {
	width: 4%;
}

.data-width-5 {
	width: 5%;
}

.data-width-6 {
	width: 6%;
}

.data-width-7 {
	width: 7%;
}

.data-width-8 {
	width: 8%;
}

.data-width-9 {
	width: 9%;
}

.data-width-10 {
	width: 10%;
}

.data-width-11 {
	width: 11%;
}

.data-width-12 {
	width: 12%;
}

.data-width-13 {
	width: 13%;
}

.data-width-14 {
	width: 14%;
}

.data-width-15 {
	width: 15%;
}

.data-width-16 {
	width: 16%;
}

.data-width-17 {
	width: 17%;
}

.data-width-18 {
	width: 18%;
}

.data-width-19 {
	width: 19%;
}

.data-width-20 {
	width: 20% !important;
}

.data-width-21 {
	width: 21%;
}

.data-width-22 {
	width: 22%;
}

.data-width-23 {
	width: 23%;
}

.data-width-24 {
	width: 24%;
}

.data-width-25 {
	width: 25%;
}

.data-width-30 {
	width: 30%;
}

.data-width-40 {
	width: 40%;
}


.floatL {
	float: left !important;
	;
}

/**for div table modal**/
.commontbl {
	/* border: 1px solid #ccc; */
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	table-layout: fixed;
	height: 100%;
}

	.commontbl .common_tr {
		/*border-bottom: 1px solid #e0e0e0;*/
		padding: 0em;
		height: 48px;
		line-height: 48px;
		transition: 0.5s ease-in-out;
	}

	.commontbl .common_th,
	.commontbl .before_text {
		text-align: right;
		border-radius: 0px;
	}

	.commontbl .before_text {
		text-align: left;
		height: 48px;
		color: #212121;
		line-height: 48px;
		position: relative;
		padding-right: 10px;
	}

	.commontbl .common_th {
		height: 56px;
		line-height: 56px;
		color: #757575;
		font-weight: 400;
	}

.marT-5 {
	margin-top: -5px;
}

.marB5 {
	margin-bottom: 5px;
}

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

.mobile_show {
	display: none;
}

.text-right-mobile {
	text-align: center !important;
}

.upper_case {
	text-transform: uppercase;
}

.padL40 {
	padding-left: 40px;
}

.superadmin_title {
	display: none;
}

.right_nav_icon li.icon_li {
	width: 48px;
}

.right_nav_icon li a {
	color: #ffffff;
	text-align: center;
}

.height100 {
	height: 100%;
}

.height100p {
	height: 100%;
}

.overflow_calc {
	height: calc(100% - 56px);
	overflow-y: auto;
	width: 100%;
}

.navbar-fixed.nav_menu nav {
	position: absolute !important;
}

.right_nav_icon {
	margin-right: 6px;
}

@media screen and (max-width: 1600px) {
	.mindesktop .col.s6 {
		width: 100% !important;
	}
}


@media screen and (max-width: 510px) {
	.width17p {
		width: 45px !important;
	}
}


@media screen and (max-width: 1024px) {

	.commontbl .padLR20 {
		padding-left: 0;
		padding-right: 0;
	}

	.superadmin_title {
		display: block;
		text-align: center;
		line-height: 56px;
		color: #fff;
		font-size: 16px;
	}

	.commontbl {
		width: 100% !important;
	}

	.mobile_fonts {
		font-size: 15px;
		color: #212121;
		padding-left: 15px;
		text-align: left;
		font-weight: 500;
	}

	.super_admin_mobile_width {
		width: 80px;
		float: right;
	}

	.vehicle_progress {
		text-align: right;
		padding-right: 20px;
		font-size: 13px;
		color: #757575 !important;
	}

	.active .text-right-mobile {
		text-align: center !important;
	}

	.hide_on_mobile {
		display: none !important;
	}

	.mobile_show {
		display: block !important;
	}

	.moblie_left {
		float: left;
	}

	.commontbl {
		border: 0;
		margin-top: 0;
	}

	.data-width-1, .data-width-2, .data-width-3, .data-width-4, .data-width-5, .data-width-6, .data-width-7, .data-width-8, .data-width-9, .data-width-10, .data-width-11, .data-width-12, .data-width-13, .data-width-14, .data-width-15, .data-width-16, .data-width-17, .data-width-18, .data-width-19, .data-width-20, .data-width-21, .data-width-22, .data-width-23, .data-width-24, .data-width-25, .data-width-26 {
		width: 100% !important;
	}

	.commontbl .common_head {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.commontbl .common_tr {
		border-bottom: 1px solid #ddd;
		display: block;
		margin-bottom: .625em;
		height: auto;
		overflow: hidden;
		transition: height 0.5s ease-in-out;
		-webkit-transition: height 0.5s ease-in-out;
		-moz-transition: height 0.5s ease-in-out;
		-o-transition: height 0.5s ease-in-out;
		cursor: pointer;
	}

		.commontbl .common_tr.active {
			height: 340px;
			position: relative;
		}

	.commontbl .common_tr450.active {
		height: 450px !important;
		position: relative;
	}

	.commontbl .before_text {
		/* border-bottom: 1px solid #ddd; */
		display: block;
		font-size: 14px;
		text-align: right !important;
		padding-left: 20px;
		padding-right: 20px;
	}
	.tr_hover:hover {
		box-shadow: none !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

		.commontbl .before_text:last-child {
			border-bottom: 0;
		}
	.grid_list .paddLR40 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
		.commontbl .before_text:before {
			/*
	* aria-label has no advantage, it won't be read inside a table
	content: attr(aria-label);
	*/
			content: attr(data-label);
			float: left;
			font-weight: 500;
			width: 40%;
			overflow: hidden;
			text-align: left;
			text-overflow: ellipsis;
			font-size: 12px;
		}

		.commontbl .before_text:first-child:before {
			/* content:""; */
		}

		.commontbl .before_text:last-child {
			border-bottom: 0;
			border-top: 0px solid #f3f3f3;
			text-align: right !important
		}

	.vehicle_circle {
		margin: 5px 5px 5px 0px !important;
	}

	.mb_width_20p {
		width: 20%;
	}

	.mb_width_60p {
		width: 60%;
	}
	.mbtdWidth {
		width:80%;
	}
	.checkbox_mbT {
		margin-top: -334px;
		float: right;
		padding-right: 0px !important;
	}
	.mb_width_20p .checkbox_box [type="checkbox"] + span:not(.lever) {
		padding-left: 23px;
	}
}

.vehicle_circle {
	width: 36px;
	height: 36px;
	background-color: #eeeeee;
	border-radius: 50%;
	margin: 5px 5px 5px 12px;
}

	.vehicle_circle img {
		width: 36px;
		height: 36px;
		border-radius: 50%;
	}

.common_tr.active {
	background: #f1f1f1;
}
/**for div table modal end**/



/****when click on table row****/

.mobile_width .commontbl .padLR20 {
	padding-left: 0;
	padding-right: 0;
}

.mobile_width .superadmin_title {
	display: block;
	text-align: center;
	line-height: 56px;
	color: #fff;
	font-size: 16px;
}

.mobile_width .commontbl {
	width: 100% !important;
}

.mobile_width .mobile_fonts {
	font-size: 15px;
	color: #212121;
	padding-left: 15px;
	text-align: left;
	font-weight: 500;
}

.mobile_width .super_admin_mobile_width {
	width: 80px;
	float: right;
}

.mobile_width .vehicle_progress {
	text-align: right;
	padding-right: 20px;
	font-size: 13px;
	color: #757575 !important;
}

.mobile_width .active .text-right-mobile {
	text-align: center !important;
}

.mobile_width .hide_on_mobile {
	display: none !important;
}

.mobile_width .mobile_show {
	display: block !important;
}

.mobile_width .moblie_left {
	float: left;
}

.mobile_width .commontbl {
	border: 0;
	margin-top: 0;
}

.mobile_width .data-width-1, .mobile_width .data-width-2, .mobile_width .data-width-3, .mobile_width .data-width-4, .mobile_width .data-width-5, .mobile_width .data-width-6, .mobile_width .data-width-7, .mobile_width .data-width-8, .mobile_width .data-width-9, .mobile_width .data-width-10, .mobile_width .data-width-11, .mobile_width .data-width-12, .mobile_width .data-width-13, .mobile_width .data-width-14, .mobile_width .data-width-15, .mobile_width .data-width-16, .mobile_width .data-width-17, .mobile_width .data-width-18, .mobile_width .data-width-19, .mobile_width .data-width-20, .mobile_width .data-width-21, .mobile_width .data-width-22, .mobile_width .data-width-23, .mobile_width .data-width-24, .mobile_width .data-width-25, .mobile_width .data-width-26 {
	width: 100%;
}

.mobile_width .commontbl .common_head {
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.mobile_width .commontbl .common_tr {
	border-bottom: 1px solid #ddd;
	display: block;
	margin-bottom: .625em;
	height: 48px;
	overflow: hidden;
	transition: height 0.5s ease-in-out;
	-webkit-transition: height 0.5s ease-in-out;
	-moz-transition: height 0.5s ease-in-out;
	-o-transition: height 0.5s ease-in-out;
	cursor: pointer;
}

	.mobile_width .commontbl .common_tr.active {
		height: 390px;
		position: relative;
		background: #ffffff;
	}

.mobile_width .commontbl .common_tr450.active {
	height: 450px !important;
	position: relative;
}

.mobile_width .commontbl .before_text {
	/* border-bottom: 1px solid #ddd; */
	display: block;
	font-size: 14px;
	text-align: right;
	padding-left: 20px;
	padding-right: 20px;
}

	.mobile_width .commontbl .before_text:last-child {
		border-bottom: 0;
	}

	.mobile_width .commontbl .before_text:before {
		/*
	* aria-label has no advantage, it won't be read inside a table
	content: attr(aria-label);
	*/
		content: attr(data-label);
		float: left;
		font-weight: 500;
		width: 40%;
		overflow: hidden;
		text-align: left;
		text-overflow: ellipsis;
		font-size: 12px;
	}

	.mobile_width .commontbl .before_text:first-child:before {
		/* content:""; */
	}

	.mobile_width .commontbl .before_text:last-child {
		border-bottom: 0;
		border-top: 1px solid #f3f3f3;
		text-align: right !important
	}

.mobile_width .vehicle_circle {
	width: 36px;
	height: 36px;
	background-color: #a5a5a5;
	border-radius: 50%;
	margin: 5px 5px 5px 12px;
}
/****when click on table row end****/
.common_tr:hover {
	background: #f1f1f1;
}

input:not([type]).valid,
input:not([type]):focus.valid,
input[type=text].valid,
input[type=text]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime].valid,
input[type=datetime]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=search].valid,
input[type=search]:focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
	border-bottom: 1px solid #1e3554;
	box-shadow: 0 1px 0 0 #1e3554;
}

.orange_filed input:not([type]).valid,
.orange_filed input:not([type]):focus.valid,
.orange_filed input[type=text].valid,
.orange_filed input[type=text]:focus.valid,
.orange_filed input[type=password].valid,
.orange_filed input[type=password]:focus.valid,
.orange_filed input[type=email].valid,
.orange_filed input[type=email]:focus.valid,
.orange_filed input[type=url].valid,
.orange_filed input[type=url]:focus.valid,
.orange_filed input[type=time].valid,
.orange_filed input[type=time]:focus.valid,
.orange_filed input[type=date].valid,
.orange_filed input[type=date]:focus.valid,
.orange_filed input[type=datetime].valid,
.orange_filed input[type=datetime]:focus.valid,
.orange_filed input[type=datetime-local].valid,
.orange_filed input[type=datetime-local]:focus.valid,
.orange_filed input[type=tel].valid, input[type=tel]:focus.valid,
.orange_filed input[type=number].valid,
.orange_filed input[type=number]:focus.valid,
.orange_filed input[type=search].valid,
.orange_filed input[type=search]:focus.valid,
.orange_filed textarea.materialize-textarea.valid,
.orange_filed textarea.materialize-textarea:focus.valid {
	border-bottom: 1px solid #f7931b;
	box-shadow: 0 1px 0 0 #f7931b;
}

.orange_filed input:not([type]):focus:not([readonly]),
.orange_filed input[type=text]:focus:not([readonly]),
.orange_filed input[type=password]:focus:not([readonly]),
.orange_filed input[type=email]:focus:not([readonly]),
.orange_filed input[type=url]:focus:not([readonly]),
.orange_filed input[type=time]:focus:not([readonly]),
.orange_filed input[type=date]:focus:not([readonly]),
.orange_filed input[type=datetime]:focus:not([readonly]),
.orange_filed input[type=datetime-local]:focus:not([readonly]),
.orange_filed input[type=tel]:focus:not([readonly]),
.orange_filed input[type=number]:focus:not([readonly]),
.orange_filed input[type=search]:focus:not([readonly]),
.orange_filed textarea.materialize-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #f7931b;
	box-shadow: 0 1px 0 0 #f7931b;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #9e9e9e;
}

::-moz-placeholder { /* Firefox 19+ */
	color: #9e9e9e;
}

:-ms-input-placeholder { /* IE 10+ */
	color: #9e9e9e;
}

:-moz-placeholder { /* Firefox 18- */
	color: #9e9e9e;
}


.topBar {
	height: 56px;
	line-height: 56px;
	background: #178d9b;
}

.top_title {
	display: flex;
	line-height: 56px;
	color: #ffffff;
}

.arrow_back {
	display: flex;
	width: 40px;
	height: 56px;
	color: #ffffff;
	justify-content: center;
	align-items: center;
	cursor:pointer;
}

.quoteFlex {
	display: flex;
	flex-direction: row;
	padding: 0px 20px;
}

.quoteFlex1 {
	display: flex;
	width: 33%;
	padding: 0px 10px;
}

.quoteFlex2 {
	display: flex;
	flex: 1 1 auto;
	padding: 0px 10px;
}

.qfl_card {
	display: flex;
	flex-direction: row;
	min-height: 200px;
}
.buy_request_card .qfl_1 {
	max-width: 70%;
}

.buy_request_card .qfl_3 {
	flex: 0 0 30%;;
}

.qfl_1 {
	display: flex;
	flex: 1;
	border-right: 1px solid #dfdfdf;
	max-width: 40%;
}

.qfl_2 {
	display: flex;
	flex: 1;
	max-width: 39%;
}

.qfl_3 {
	display: flex;
	flex: 0 0 21%;
	border-left: 1px solid #dfdfdf;
}

.card_item .card_item_inner {
	width: 90% !important;
}

.title_ {
	font-size: 16px;
	font-weight: 500;
	min-height: 48px;
	padding: 12px 0px;
}

.userInfo_card {
	background: transparent;
	box-shadow: none;
}

.rowItem {
	display: flex;
	margin-bottom: 12px;
}

.Icon_ {
	display: flex;
	min-width: 40px;
}

	.Icon_ i {
		color: #178d9b;
	}

.Text_ {
	display: flex;
	flex: 1 1 auto;
	font-size: 16px;
}

.title_ {
	display: flex;
	flex: 1 1 auto;
	padding-left: 6px;
}

.create_ {
	display: flex;
	width: 40px;
	height: 40px;
	color: #757575;
	font-size: 20px;
	align-items: center;
	cursor: pointer;
}

.flex {
	display: flex;
}

.pch_card {
	display: block;
	width: 100%;
}

.pch_card_tt {
	display: flex;
	padding: 12px;
	min-height: 48px;
	border-bottom: 1px solid #dfdfdf;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.pch_card_bdy {
	padding: 12px 12px;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

.tt_text {
	display: flex;
	flex: 1 1 auto;
	font-size: 16px;
	font-weight: 500;
}

.add_ {
	cursor: pointer;
	display: flex;
	width: 24px;
	color: #757575;
	background: #afafaf;
	border-radius: 50%;
	/* width: 10px; */
	height: 24px;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #ffffff;
}

.card_item {
	display: flex;
	margin-bottom: 20px;
}

	.card_item .card-image {
		display: flex;
		border-radius: 6px;
		width: 100px;
		height: 78px;
		background: #f1f1f1;
		overflow: hidden;
		min-width: 100px;
	}

		.card_item .card-image img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

.card_content {
	display: flex;
	flex: 1 1 auto;
	padding: 0px 12px;
	position: relative;
}

.dis_block {
	display: block;
}

.closeIcon {
	color: #bbbbbb;
	cursor: pointer;
}

.closeDiv {
	position: absolute;
	bottom: 5px;
	right: 24px;
	cursor: pointer;
}

.card_content:hover .closeDiv {
	display: block;
}

.card_item_inner {
	width: 100%;
	cursor: pointer;
}

.cardTitle {
	font-size: 18px !important;
	padding-bottom: 0px !important;
	font-weight: 500 !important;
	display: flex;
	flex: 1 1 auto;
	color: #f79321;
}

.d_price_gradient {
	display: flex;
}

.closeDiv {
	display: flex;
	width: 20px;
	height: 20px;
	display: none;
}

.card-content {
	height: 72px;
}

.head-bikeName {
	font-size: 15px;
	color: #212121 !important;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 260px;
	white-space: nowrap;
	padding: 0px;
	margin: 0px;
	margin-bottom: 3px;
}

.head-bikeVIN {
	font-size: 15px;
	color: #757575 !important;
	font-weight: 400;
	padding: 0px;
	margin: 0px;
	margin-bottom: 4px;
}

.addCard {
	background: #dfdfdf;
	height: 100px;
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	margin-bottom: 20px;
}

	.addCard i {
		font-size: 46px;
		color: #ffffff;
	}

.modal_content_flow {
	max-height: 200px;
	overflow-y: auto;
	padding-top: 10px;
}

.card_item_qt {
	display: flex;
	margin-bottom: 20px;
}

.card_item_qtName {
	display: flex;
	flex: 1 1 auto;
	font-size: 16px;
	color: #212121;
	font-weight: 500;
}

.card_item_qticon {
	display: flex;
	min-width: 20px;
}

.space_bar {
	color: #757575;
}

.arrow_upward {
	position: absolute;
	top: -6px;
	font-size: 19px;
	left: 2px;
	color: #757575;
}

.open_in_new {
	color: #f79321;
}


.text-fontID span {
	font-size: 15px;
	font-weight: 500;
}

.bold500 {
	font-size: 14px !important;
	font-weight: 500 !important;
}

.text-fontID td {
	height: 48px;
}

td {
	padding: 3px 8px !important;
}

.tablebordertop {
	border-left: 1px solid #e1e0e0;
	border-top: 1px solid #e1e0e0;
	border-right: 1px solid #e1e0e0;
}

.tablebordersDark {
	border: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
}

.tableborders {
	border-left: 1px solid #e1e0e0;
	border-top: 0px solid #e1e0e0;
	border-bottom: 1px solid #e1e0e0;
	border-right: 1px solid #e1e0e0;
}

.tableborderbtn {
	border-bottom: 1px solid #e1e0e0;
}

.text-fontID .input-field {
	margin: 0px 0px;
}

.text-fontID tr {
	border-bottom: 0px solid rgba(0,0,0,0.12);
}

.estcard-title {
	font-size: 20px !important;
	font-weight: 500 !important;
}

.CardEstimated {
	display: flow-root;
}

.setdefultvalue {
	font-weight: 500;
	float: right;
	margin-right: 0px !important;
}

.cardContent {
	display: table;
	width: 100%;
}

.CardEstimated .card-action {
	padding: 16px 8px !important;
}

.CardEstimated .cardContent {
	padding: 8px !important;
}

.purch_section {
	padding: 0px 20px;
}

.lp_item {
	display: flex;
	min-height: 70px;
}

.lp_item1 {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}

.lp_item:hover .dp48Edit {
	display: block !important;
}

.dp48Edit {
	display: none;
	height: 28px;
	padding-top: 10px;
	cursor: pointer;
}

.lp_item2 {
	display: flex;
	min-width: 20px;
}

.lp_para1 {
	font-size: 14px;
	font-weight: 400;
	color: #9e9e9e !important;
}

.lp_para2 {
	font-size: 16px;
	font-weight: 400;
	color: #1fb3c5;
}

.tt_net_div {
	min-height: 70px !important;
	padding-top: 12px !important;
}

.tt_count {
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
}

.cardContent_ {
	padding: 0px !important;
}

.left_purchase {
	padding-left: 22px !important;
	padding-top: 16px !important;
}

.CardEstimated .cardAC {
	padding: 16px 0px !important;
	min-height: 64px;
}

.cardContent_ .row {
	margin: 0px !important;
}

	.cardContent_ .row .col.s4 {
		padding: 0px !important;
	}

.s4_item1 {
	background: rgba(0,0,0,0.9);
	padding-left:0px !important;
	padding-right:0px !important;
}

.s4_item2 {
	background: rgba(0,0,0,0.85);
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.s4_item3 {
	background: rgba(0,0,0,0.8);
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.tt_net_div .tt_text {
	font-size: 14px;
	font-weight: 400;
	color: #ffffff;
}

.tt_net_div.tt_net_bg1 {
	background: rgba(23,141,155,0.9);
}

.tt_net_div.tt_net_bg2 {
	background: rgba(23,141,155,0.8);
}

.tt_net_div.tt_net_bg3 {
	background: rgb(247, 147, 33);
}

.ep_tbl input:not([type]),
.ep_tbl input[type=text]:not(.browser-default),
.ep_tbl input[type=password]:not(.browser-default),
.ep_tbl input[type=email]:not(.browser-default),
.ep_tbl input[type=url]:not(.browser-default),
.ep_tbl input[type=time]:not(.browser-default),
.ep_tbl input[type=date]:not(.browser-default),
.ep_tbl input[type=datetime]:not(.browser-default),
.ep_tbl input[type=datetime-local]:not(.browser-default),
.ep_tbl input[type=tel]:not(.browser-default),
.ep_tbl input[type=number]:not(.browser-default),
.ep_tbl input[type=search]:not(.browser-default),
.ep_tbl textarea.materialize-textarea {
	height: 2.2rem !important;
	color: #212121;
}

.bold500 {
	color: #757575;
}

.card .card-action a.setdefultvalue:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
	color: #f79321;
}

.dropdown-content li > a, .dropdown-content li > span {
	color: #212121;
}

.norecord_card {
	max-width: 360px;
	border: 1px solid #dfdfdf;
	border-radius: 6px;
	display: block;
	min-height: 150px;
	margin: auto;
	margin-top: 52px;
}

.Add_Purchase_ {
	position: relative;
	top: -12px;
	color: #757575;
	background: #fff;
	margin: auto;
	font-size: 15px;
	font-weight: 500;
	max-width: 192px;
	padding: 0px 12px;
}

.imagesD {
	text-align: center;
	padding-top: 28px;
}



.input-field.search_card_input .prefix ~ input,
.search_card_input.input-field .prefix ~ textarea,
.search_card_input.input-field .prefix ~ label,
.search_card_input.input-field .prefix ~ .validate ~ label,
.search_card_input.input-field .prefix ~ .helper-text,
.search_card_input.input-field .prefix ~ .autocomplete-content {
	margin-left: 0;
	width: 92%;
	width: calc(100% - 0rem);
	border: 1px solid #dfdfdf;
	border-radius: 50px;
	background: #fff;
	height: 2.5rem;
}

.search_card_input.input-field .prefix {
	background: #178d9b;
	border-radius: 0px 30px 30px 0px;
	height: 2.65rem;
	top: 0px;
	right: 0px;
	padding-top: 4px;
	color: #ffffff;
	font-size: 26px;
}

.input-field.search_card_input .prefix {
	width: 3rem;
	text-align: center;
	padding-top: 6px;
}

.search_card_input input:not([type]):focus:not([readonly]),
.search_card_input input[type=text]:not(.browser-default):focus:not([readonly]),
.search_card_input input[type=password]:not(.browser-default):focus:not([readonly]),
.search_card_input input[type=email]:not(.browser-default):focus:not([readonly]),
.search_card_input input[type=url]:not(.browser-default):focus:not([readonly]),
.search_card_input input[type=time]:not(.browser-default):focus:not([readonly]),
.search_card_input input[type=date]:not(.browser-default):focus:not([readonly]),
.search_card_input input[type=datetime]:not(.browser-default):focus:not([readonly]),
.search_card_input input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
.search_card_input input[type=tel]:not(.browser-default):focus:not([readonly]),
.search_card_input input[type=number]:not(.browser-default):focus:not([readonly]),
.search_card_input input[type=search]:not(.browser-default):focus:not([readonly]),
.search_card_input textarea.materialize-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #dfdfdf !important;
	-webkit-box-shadow: 0 0px 0 0 #26a69a;
	box-shadow: 0 0px 0 0 #26a69a;
}

input.valid:not([type]),
.search_card_input input.valid:not([type]):focus,
.search_card_input input.valid[type=text]:not(.browser-default),
.search_card_input input.valid[type=text]:not(.browser-default):focus,
.search_card_input input.valid[type=password]:not(.browser-default),
.search_card_input input.valid[type=password]:not(.browser-default):focus,
.search_card_input input.valid[type=email]:not(.browser-default),
.search_card_input input.valid[type=email]:not(.browser-default):focus,
.search_card_input input.valid[type=url]:not(.browser-default),
.search_card_input input.valid[type=url]:not(.browser-default):focus,
.search_card_input input.valid[type=time]:not(.browser-default),
.search_card_input input.valid[type=time]:not(.browser-default):focus,
.search_card_input input.valid[type=date]:not(.browser-default),
.search_card_input input.valid[type=date]:not(.browser-default):focus,
.search_card_input input.valid[type=datetime]:not(.browser-default),
.search_card_input input.valid[type=datetime]:not(.browser-default):focus,
.search_card_input input.valid[type=datetime-local]:not(.browser-default),
.search_card_input input.valid[type=datetime-local]:not(.browser-default):focus,
.search_card_input input.valid[type=tel]:not(.browser-default),
.search_card_input input.valid[type=tel]:not(.browser-default):focus,
.search_card_input input.valid[type=number]:not(.browser-default),
.search_card_input input.valid[type=number]:not(.browser-default):focus,
.search_card_input input.valid[type=search]:not(.browser-default),
.search_card_input input.valid[type=search]:not(.browser-default):focus,
.search_card_input textarea.materialize-textarea.valid,
.search_card_input textarea.materialize-textarea.valid:focus,
.search_card_input .select-wrapper.valid > input.select-dropdown {
	border-bottom: 1px solid #dfdfdf !important;
	-webkit-box-shadow: 0 0px 0 0 #178d9b !important;
	box-shadow: 0 0px 0 0 #178d9b !important;
}


.grid_list .paddLR40 {
	padding-left: 40px;
	padding-right: 40px;
}

.tr_hover {
	background: #ffffff !important;
}

.commontbl .common_tr.tr_hover {
	border-bottom: 0px solid #e0e0e0;
}

.tr_hover:hover {
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25882352941176473);
	margin-left: -16px;
	margin-right: -16px;
}

.margB15 {
	margin-bottom: 15px;
}

.brand-logo img {
	width: 100% !important;
}

.checkbox_box [type="checkbox"].filled-in:checked + span:not(.lever):after {
	top: 0;
	width: 20px;
	height: 20px;
	border: 2px solid #178d9b;
	background-color: #178d9b;
	z-index: 0;
}

.checkbox_box [type="checkbox"] + span:not(.lever) {
	position: relative;
	padding-left: 14px;
}

.overflow {
	height: calc(100% - 100px);
	overflow-y: auto;
}
/****/

.bg-lightorg {
	background-color: #ffb27f;
	font-size: 12px;
	color: #fff;
	font-weight: 500;
}

.li_height_64 {
	line-height: 64px;
}

.data-width-100 {
	width: 100%;
}

.headsec {
	background-color: #fa0;
	padding: 18px 24px;
}

.padL32 {
	padding-left: 32px;
}

.head_title {
	color: #fff;
	font-weight: 600;
}

.filter_icon img {
	width: 18px;
	height: 18px;
}

.add_icon {
	background-color: #0F9;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.col_white {
	color: #fff;
	margin: 0 auto;
	text-align: center;
	padding: 12px;
}

.data-width-50 {
	width: 50%;
}

.data-width-40 {
	width: 40%;
}

.data-width-38 {
	width: 38%;
}

.close_btn {
	float: right;
	color: #757575;
}

.padR34 {
	padding-right: 34px !important;
}

.marB8 {
	margin: 0px 0px 8px;
}

.model_title {
	font-size: 18px;
	font-weight: 500;
}

.padL16 {
	padding-left: 16px;
}

.file-field input[type=file] {
	height: 170px;
}

.padTB12 {
	padding: 12px 0px;
}

.profit_price {
	color: #fa0 !important;
}

.white-bg {
	background: #ffffff;
}
/****/

.LH-42 {
	line-height: 42px;
}

.LH-48 {
	line-height: 48px;
}

.pf_pic {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #163f71;
    color: #ffffff;
	margin-top: 10px;
	font-size: 13px;
	text-align: center;
	padding: 10px 2px;
	line-height: 18px;
	font-weight: 500;
}

.search_icon {
	font-size: 29px;
}

/**modal_purchases pop**/
.mbfloatR {
	float: right;
}

.modal_purchases.modal {
	width: 55%;
	overflow: hidden;
	margin:auto;
}


.modal_purchases.modal.active_Modal {
	width:100%;
}
.modal_header {
	min-height: 56px;
	padding: 0px 20px;
}

.model_title {
	margin: 0px;
}

.modal_heading {
	display: flex;
	min-height: 56px;
	justify-content: center;
	align-items: center;
	padding-left: 0px;
}

.model_title {
	display: flex;
	flex: 1 1 auto;
}

.close_btn {
	display: flex;
	width: 25px;
}

.modal_item {
	padding: 1px 12px 0px !important;
}

.modal_itemization {
	overflow-y: auto;
	height: calc(100% - 110px) !important;
}


.modal_purchases.modal {
	max-height: 80% !important;
	height: 100% !important;
}

.modal_purchases .AddPurchaseTbhead {
	margin: 0px;
	padding: 0px;
	margin-left: 10px !important;
}

.modal_purchases .AddPurchaseUL {
	margin: 0px;
	overflow-y: scroll;
	overflow-x: hidden;
	height: calc(100% - 84px);
}

.modal_purchases .modal-content.modal_content {
	padding: 0px !important;
	height: 100%;
	max-height: 100%;
}

/**modal_purchases pop end**/
/**ShowQuoteSettings pop**/
.picture_as_pdf {
	color: #ffffff;
	margin-right: 18px;
	margin-top: 10px;
}

.theme_bg {
	background: #178d9b;
}

.theme_bg2 {
	background: #f79321;
}

.theme_text {
	color: #178d9b;
}

.theme_text2 {
	color: #f79321;
}

.QuoteSettings.modal {
	max-width: 600px;
}

.check-margin {
}

.QuoteSettings.modal.modal-fixed-footer .modal-footer {
	border-top: 0px;
}

.check-margin {
	position: relative;
	top: 30px;
}

.QuoteSettings.modal.modal-fixed-footer .modal-content {
	height: calc(100% - 110px);
}
/**ShowQuoteSettings pop end**/
/**upload_document**/
.upload_document.modal {
	max-width: 480px;
}

.upbtn {
	background: #178d9b;
	width: 100%;
	box-shadow: none;
}

	.upbtn:hover {
		background: #178d9b;
		width: 100%;
		box-shadow: none;
	}

.upload_img {
	padding: 8px 28px;
	border: 1px dashed rgba(117, 117, 117, 0.22);
	display: inline-block;
}
/**upload_document end**/
/**PurchasepopUp**/
.PurchasepopUp.modal.modal-fixed-footer .modal-content {
	height: calc(100% - 100px);
}

.PurchasepopUp.modal {
	max-width: 640px;
}

.white_text {
	color: #ffffff;
}

.MHL_48 {
	min-height: 48px;
	line-height: 48px;
}

.bottom-line {
	border-bottom: 1px solid #dfdfdf;
}

.prch-title {
	color: #212121;
	font-weight: 500;
}

.headRow {
	background: #178d9b;
}

.paddTB10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
/**PurchasepopUp end**/
/**accessories**/
.accessories.modal.modal-fixed-footer .modal-content {
	height: calc(100% - 100px);
}

.accessories.modal {
	max-width: 640px;
}

.accessories .collection {
	border: 0px solid #e0e0e0;
	background: transparent;
}

.accessories .content-gap {
	padding-left: 10px;
	padding-right: 10px;
}

.accessories .collection .collection-item {
	background: transparent;
	line-height: 1.5rem;
	padding: 10px 0px;
	padding-right: 136px;
	position: relative;
	min-height: 72px;
}

	.accessories .collection .collection-item .title {
		font-size: 16px;
		color: #212121;
	}

	.accessories .collection .collection-item p {
		margin: 0px;
		color: #757575;
	}

	.accessories .collection .collection-item .secondary-content {
		position: absolute;
		right: 0;
		top: -2px;
		width: 162px;
	}

.total_count {
	display: flex;
	flex: 1 1 auto;
}

.total_count_value {
	display: flex;
	min-width: 190px;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
}

.theme_bg_row {
	display: flex;
	background: #178d9b;
	min-height: 56px;
	align-items: center;
}
/**accessories end**/

.search_cardmain {
	background: #ffffff;
	border-radius: 6px;
	max-width: 480px;
	padding: 18px;
	width: 90%;
	margin: auto;
	display: block;
	margin-top: 28px;
	margin-bottom: 20px;
	min-height: 172px;
	position: absolute;
	left: 0;
	right: 0;
	transition: 0.5s ease-in-out;
}

.newc_text {
	color: #757575;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 20px;
}

.quotecardDiv {
	display: block;
	transform: translateX(100%);
	transition: 0.5s ease-in-out;
}

	.quotecardDiv.active {
		transform: translateX(0%);
	}

.search_cardmain.active {
	transform: translateX(-340%);
}

.qfl_card_block {
	display: none;
}

.norecord_card {
	display: block;
}

.qfl_card_block.active {
	display: block;
}

.norecord_card.active {
	display: none;
}

/**trade_sell**/
.trade_sell.modal {
	max-width: 360px;
}
/**trade_sell end**/

.select_language .select-wrapper {
	width: 92px;
	margin-right: 12px;
}

.select_language .select-dropdown {
	color: #000000;
	margin-bottom: 0px;
	margin-top: 13px !important;
}

.select_language .select-wrapper .caret {
	fill: rgb(0 0 0 / 87%) !important;
}

.select_language input:not([type]),
.select_language input[type=text]:not(.browser-default),
.select_language input[type=password]:not(.browser-default),
.select_language input[type=email]:not(.browser-default),
.select_language input[type=url]:not(.browser-default),
.select_language input[type=time]:not(.browser-default),
.select_language input[type=date]:not(.browser-default),
.select_language input[type=datetime]:not(.browser-default),
.select_language input[type=datetime-local]:not(.browser-default),
.select_language input[type=tel]:not(.browser-default),
.select_language input[type=number]:not(.browser-default),
.select_language input[type=search]:not(.browser-default),
.select_language textarea.materialize-textarea {
	height: 2rem !important;
}

.select_language .dropdown-content li > a,
.select_language .dropdown-content li > span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 13px;
	padding: 6px 12px !important;
}

.select_language .dropdown-content li {
	min-height: 38px !important;
}

.select_language .select-wrapper .dropdown-content {
	height: auto !important;
}

#pfpic_dropdown.dropdownContent_menu {
	/*width: 128px !important;*/
	top: 60px !important;
}

.mobiledemo {
	float: left !important;
	left: 0;
	position: absolute !important;
}

.mrgT16{
	margin-top:16px;
}

@media (max-width:992px) {
	#modal1_callsarvey.modal1.modal-fixed-footer {
		margin-right: 0px;
	}
	.lenderInfomodal .input-field{
		margin-bottom:15px;
	}

	nav .brand-logo {
		left: 30% !important;
	}

		.m_mrgB20{
		margin-bottom:20px;
	}

	.m_mrgB10 {
		margin-bottom: 10px;
	}

	.select_language .select-wrapper {
		width: 80px;
	}

	.brand-logo.brandLogo {
		left: 42px;
		transform: translateX(00%);
	}
	.Login_left {
		display:none !important;
	}
	.Login_right {
		width:100% !important;
	}
	.Login_innerDiv1 {
		padding-top:10% !important;
	}
}

.collapsiblemenu .ch {
	padding-left: 32px;
	padding-right: 45px;
	font-weight: 500;
	color: #212121;
}

.subArrow {
	position: absolute;
	right: 0;
	color: #757575;
}

.collapsiblemenu .active .subArrow {
	transform: rotate(180deg);
}

.collapsiblesub_ul li a {
	color: #757575 !important;
	padding-left: 46px !important;
}

.collapsiblesub_ul {
	background: #f9f9f9;
}



/**changes 05-03-2020**/
.dealerName {
	color: #178d9b;
}

	.dealerName:hover {
		color: #178d9b;
		text-decoration: none;
	}

.datepicker-date-display {
	background-color: #178d9b !important;
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
	color: #178d9b !important;
}

.datepicker-table td.is-selected {
	background-color: #178d9b !important;
}

.select_file .dropdown-content {
	height: 250px;
	overflow-y: auto;
}

.gray-text75 {
	color: #757575 !important
}

.btn-floating.btn_floatingadd {
	background: #5ac1dc !important;
}

.errorCode {
	font-size: 12px;
}

.margB10 {
	margin-bottom: 10px;
}

.hidedivs {
	display: none;
}

#dvdealdocuments .document-box {
	width: 100%;
	padding: 0px;
}

#dvdealdocuments .s9.truncate {
	padding-left: 0px;
}

#dvdealdocuments .document-topbox {
	display: none;
}

.openpdf {
	font-size: 20px;
	color: #f79321;
}

.open_in_browser {
	font-size: 22px;
}

.deskTop .dropdown-content {
	top: 60px !important;
}

.dropdown-content.select-dropdown {
	height: 200px !important;
	overflow-y: auto;
}

.search_text {
	text-align: right;
	padding-top: 10px !important;
}

.purch_text {
	text-align: left;
	padding-top: 10px !important;
}

.select-wrapper input.select-dropdown {
	margin-bottom: 12px !important;
}

.vehicle_btn_group .vehicle_btn {
	width: 25% !important;
}
.vehicle_btn_group{
	width:100% !important;
}
.bgclr1 {
	background-color: #ffffff;
}

.bg-lightorg {
	background-color: #2493a1;
	font-size: 12px;
	color: #fff;
	font-weight: 500;
	padding: 16px 20px;
	text-align: right;
}

#dvsearchHead .collection .collection-item {
	background-color: #2493a1;
	line-height: 1.5rem;
	padding: 10px 20px;
	margin: 0;
	border-bottom: 1px solid #e0e0e0;
}

.modal_purchases .collection {
	border: 0px solid #e0e0e0;
	margin-bottom: 0px !important;
}

.modal_purchases .modal-content {
	padding: 5px 0px !important;
}

.modal_purchases .modal-fixed-footer .modal-content {
	padding: 0px 0px 24px 0px !important;
}

.modal_purchases.modal {
	max-height: 90%;
}

	.modal_purchases.modal.modal-fixed-footer {
		height: 90%;
		top: 3% !important;
	}
/**changes 05-03-2020 end**/

.purch_row {
	display: flex;
}

.purch_row_flex1 {
	flex: 1 1 auto;
	display: flex;
	padding-right: 0px;
}

.purch_row_flex2 {
	flex: 1;
	display: none;
	padding-left: 10px;
	min-width: 40%;
}

	.purch_row_flex2.active_est {
		flex: 1;
		display: flex !important;
		padding-left: 10px;
		min-width: 40%;
	}

.Estimated_btn {
	font-weight: 500;
	font-size: 14px;
	float: right;
}

	.Estimated_btn:hover {
		background: transparent !important;
	}


/************************ Loader Start*******************************/
#loader-wrapper {
	position: fixed;
	top: 50%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 0%;
	width: 100px;
	height: 100px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #3498db;
	-webkit-animation: spin 2s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 2s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
	z-index: 1001;
}

#loader-logo {
	display: block;
	position: absolute;
	left: 48%;
	top: 46%;
	background: url(../images/user-bg-2.jpg) no-repeat center center;
	z-index: 1001;
}

#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #e74c3c;
	-webkit-animation: spin 3s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #f9c922;
	-webkit-animation: spin 1.5s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 1.5s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);
		/* IE 9 */
		transform: rotate(0deg);
		/* Firefox 16+, IE 10+, Opera */
	}

	100% {
		-webkit-transform: rotate(360deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);
		/* IE 9 */
		transform: rotate(360deg);
		/* Firefox 16+, IE 10+, Opera */
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);
		/* IE 9 */
		transform: rotate(0deg);
		/* Firefox 16+, IE 10+, Opera */
	}

	100% {
		-webkit-transform: rotate(360deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);
		/* IE 9 */
		transform: rotate(360deg);
		/* Firefox 16+, IE 10+, Opera */
	}
}

#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: #222222;
	z-index: 1000;
	-webkit-transform: translateX(0);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(0);
	/* IE 9 */
	transform: translateX(0);
	/* Firefox 16+, IE 10+, Opera */
}

	#loader-wrapper .loader-section.section-left {
		left: 0;
	}

	#loader-wrapper .loader-section.section-right {
		right: 0;
	}
/* Loaded */

.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(-100%);
	/* IE 9 */
	transform: translateX(-100%);
	/* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(100%);
	/* IE 9 */
	transform: translateX(100%);
	/* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateY(-100%);
	/* IE 9 */
	transform: translateY(-100%);
	/* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
}
/* JavaScript Turned Off */

.no-js #loader-wrapper {
	display: block;
}

.progress {
	background-color: rgba(255, 64, 129, 0.22);
}

/**************************Loader END************************************/

.collection.BindCstmrSearchDetails {
	border: 0px solid #e0e0e0;
}

	.collection.BindCstmrSearchDetails .collection-item.avatar {
		padding-left: 0px;
	}

	.collection.BindCstmrSearchDetails .secondary-content {
		float: right;
		color: #757575;
		font-size: 13px;
	}


.modal.modal-fixed-footer .modal-footer {
	/* border-top: 1px solid rgba(0, 0, 0, 0.1); */
	position: absolute;
	bottom: 0;
}

.modal .modal-footer {
	border-radius: 0 0 2px 2px;
	background-color: white;
	padding: 4px 6px;
	height: 56px;
	width: 100%;
}

.paddLR0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#Bof_Itemization .input-field {
	position: relative;
	margin-bottom: 20px;
}

	#Bof_Itemization .input-field.col label {
		left: 0px !important;
	}

#Bof_Itemization .row .col {
	left: 0px !important;
}

.collapsible {
	box-shadow: none !important;
	border: 0px !important;
	margin: 0px !important;
}

.key_arrow {
	float: right;
	color: #757575 !important;
	width: 18px;
	margin-right: 10px;
	position: absolute;
	right: 0px;
}

.collapsible-header {
	position: relative;
}

.collapsible .active .collapsible-header .key_arrow {
	transform: rotate(180deg);
}

.modal {
	background-color: #ffffff !important;
}

select {
	border: 0px solid !important;
	border-bottom: 1px solid #757575 !important;
	border-radius: 0px !important;
	font-size: 16px !important;
	padding: 0 0px 0 0px !important;
	-webkit-padding-end: 0px !important;
	-webkit-padding-start: 0px !important;
	height: 2.5rem !important;
}

.collapsible-header {
	border-bottom: 0px solid #ddd !important;
}

.collapsible-body {
	padding: 0px !important;
}

/* Skin details */

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
	background: url('../images/sprite-skin-modern.png') repeat-x;
}

.irs {
	height: 50px;
}

.irs-with-grid {
	height: 40px;
}

.irs-line {
	height: 6px;
	top: 25px;
}

.irs-line-left {
	height: 6px;
	background-position: 0 -30px;
}

.irs-line-mid {
	height: 6px;
	background-position: 0 0;
}

.irs-line-right {
	height: 6px;
	background-position: 100% -30px;
}

.irs-bar {
	height: 6px;
	top: 25px;
	background-position: 0 -60px;
}

.irs-bar-edge {
	top: 25px !important;
	height: 6px;
	width: 6px;
	background-position: 0 -90px;
}

.irs-shadow {
	height: 5px;
	top: 25px;
	background: #000;
	opacity: 0.25;
}

.lt-ie9 .irs-shadow {
	filter: alpha(opacity=25);
}

.irs-slider {
	width: 11px;
	height: 18px;
	top: 31px;
	background-position: 0 -120px;
}

	.irs-slider.state_hover, .irs-slider:hover {
		background-position: 0 -150px;
	}

.irs-min, .irs-max {
	color: #999;
	font-size: 10px;
	line-height: 1.333;
	text-shadow: none;
	top: 0;
	padding: 1px 3px;
	background: #e1e4e9;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: none;
}

.irs-from, .irs-to, .irs-single {
	color: #fff;
	font-size: 10px;
	line-height: 8px;
	text-shadow: none;
	padding: 6px 5px;
	background: #178d9b;
	-moz-border-radius: 4px;
	border-radius: 10px;
	width: 20px;
	text-align: center;
	height: 20px;
}

	.irs-from:after, .irs-to:after, .irs-single:after {
		position: absolute;
		display: block;
		content: "";
		bottom: -6px;
		left: 50%;
		width: 0;
		height: 0;
		margin-left: -3px;
		overflow: hidden;
		border: 3px solid transparent;
		border-top-color: #178d9b;
	}

.irs-grid {
	height: 0px;
}

.irs-grid-pol {
	background: #c0c0c0;
}

.irs-grid-text {
	bottom: -2px;
	color: #c0c0c0;
}

.irs-disable-mask {
}

.irs-disabled {
}

.lt-ie9 .irs-disabled {
}

.irs {
	position: relative;
	display: block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.irs-line {
	position: relative;
	display: block;
	overflow: hidden;
	outline: none !important;
}

.irs-line-left, .irs-line-mid, .irs-line-right {
	position: absolute;
	display: block;
	top: 0;
}

.irs-line-left {
	left: 0;
	width: 11%;
}

.irs-line-mid {
	left: 9%;
	width: 82%;
}

.irs-line-right {
	right: 0;
	width: 11%;
}

.irs-bar {
	position: absolute;
	display: block;
	left: 0;
	width: 0;
}

.irs-bar-edge {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}

.irs-shadow {
	position: absolute;
	display: none;
	left: 0;
	width: 0;
}

.irs-slider {
	position: absolute;
	display: block;
	cursor: default;
	z-index: 1;
}

	.irs-slider.single {
	}

	.irs-slider.from {
	}

	.irs-slider.to {
	}

	.irs-slider.type_last {
		z-index: 2;
	}

.irs-min {
	position: absolute;
	display: none;
	left: 0;
	cursor: default;
}

.irs-max {
	position: absolute;
	display: none;
	right: 0;
	cursor: default;
}

.irs-from, .irs-to, .irs-single {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	cursor: default;
	white-space: nowrap;
}

.irs-grid {
	position: absolute;
	display: none;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
}

.irs-with-grid .irs-grid {
	display: block;
}

.irs-grid-pol {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 0px !important;
	background: #000;
}

	.irs-grid-pol.small {
		height: 0px;
	}

.irs-grid-text {
	position: absolute;
	bottom: 0;
	left: 0;
	white-space: nowrap;
	text-align: center;
	font-size: 9px;
	line-height: 9px;
	padding: 0 3px;
	color: #000;
}

.irs-disable-mask {
	position: absolute;
	display: block;
	top: 0;
	left: -1%;
	width: 102%;
	height: 100%;
	cursor: default;
	background: rgba(0,0,0,0.0);
	z-index: 2;
}

.lt-ie9 .irs-disable-mask {
	background: #000;
	filter: alpha(opacity=0);
	cursor: not-allowed;
}

.irs-disabled {
	opacity: 0.4;
}


.irs-hidden-input {
	position: absolute !important;
	display: block !important;
	top: 0 !important;
	left: 0 !important;
	width: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	outline: none !important;
	z-index: -9999 !important;
	background: none !important;
	border-style: solid !important;
	border-color: transparent !important;
}

/* Skin details */

#dvshowPopUp {
	width:100% !important;
	max-width:320px;
}

#dvPopUpConfirmbox_Tradein {
	width: 24% !important;
}

.btn-flat {
	font-weight: 500 !important;
	color: #178d9b !important;
}

.changepas_btn.btn {
	text-align: left !important;
	letter-spacing: 0px;
	background: transparent;
	box-shadow: none;
	padding: 0px;
}

.margLR0 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

#OpenProModal .childstyle {
	padding: 0 .75rem !important;
}

.childstyle2 {
	color: #757575;
	font-size: 12px;
	font-weight: 400;
	padding: 4px 0px !important;
}

.paddT12 {
	padding-top: 12px !important;
}

.paddT5 {
	padding-top: 5px !important;
}

.collection-item.orange {
	background-color: #757575 !important;
}

.collection-item .orange-light {
	background-color: #fff !important;
	color: #212121 !important;
	font-weight: 600;
}

.market_text {
	/*position: relative;
	top: -7px;*/
}

.market_text2 {
	top: 0px;
}

.nada_text {
	position: relative;
	top: -11px;
}

td, th {
	border-radius: 0px !important;
}

.f12-top {
	font-size: 13px;
}

.margB20 {
	margin-bottom: 20px !important;
}

#Bof_VehicleInfo .collapsible-header {
	padding: 1rem 0.4rem !important;
}

.current_text {
	font-size: 12px;
	color: #178d9b;
	font-weight: 500;
	padding: 10px 12px;
}

.marketdataManage {
	font-size: 12px;
	color: #178d9b;
	font-weight: 500;
	padding: 10px 12px;
}

.tbblock {
	display: table;
	width: 100%;
}

.BOF_MarketHead {
	padding-left: 34px;
}

	.BOF_MarketHead .childstyle {
		font-size: 12px;
		color: #757575;
	}

.divBBHead_BOF {
	padding-left: 34px;
}

.divNadaHead_BOF {
	padding-left: 34px;
}

.nadaheadopt_BOF {
	font-size: 12px;
	color: #178d9b;
	font-weight: 500;
	padding: 10px 22px;
}

.auction_options {
	padding-left: 34px;
}

.ymmbind_text {
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 14px;
}

.divAuctiondata {
	max-height: 200px;
	overflow-y: scroll;
	padding-bottom: 30px;
}

.textD {
	font-size: 12px;
	color: #178d9b;
	font-weight: 500;
	padding: 10px 12px;
	display: none
}

.divAuctionDataList {
	height: 200px;
	overflow-y: scroll;
	display: none
}

#Auction_Summary_BOF .childstyle {
	font-size: 12px;
	color: #757575;
}

#Auction_Summary_BOF .parentstyle {
	margin-bottom: 10px;
	font-size: 15px;
	color: #212121;
}

#Auction_Summary_BOF {
	display: flow-root;
}

#BOF_Summary .childstyle {
	font-size: 12px;
	color: #757575;
}

#BOF_Summary .parentstyle {
	margin-bottom: 10px;
	font-size: 15px;
	color: #212121;
}

.auction_options .childstyle {
	font-size: 12px;
	color: #757575;
}

.BOF_Summary_no {
	padding: 10px 12px;
}

.lb_text {
	font-size: 12px;
	color: #757575;
}

.lb_text2 {
	margin-bottom: 10px;
	font-size: 15px;
	color: #212121;
}

.Bof_VehicleInfo_modal {
	max-width: 100%;
}

.Bof_VehicleInfo_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	height: 50px;
}

.Bof_VehicleInfo_modal.modal.bottom-sheet {
	max-height: 85%;
}

.header_item_main {
	padding-top: 0px;
}

.header_item {
	display: flex;
}

.material_icons_i {
	color: #178d9b;
	width: 35px;
	height: 35px;
}

.header_item {
	display: flex;
	flex: 1 1 auto;
	font-size: 16px;
	color: #178d9b;
}

.right_items_list {
	padding-top: 0px;
}

.default_imgshow {
	width: 100%;
	display: block;
	height: 100%;
}

	.default_imgshow.active_img {
		display: none;
	}

	.default_imgshow img {
		width: 100%;
		height: 100%;
	}

.md_close {
	float: right;
	margin-top: -6px;
	color: #757575;
	font-size: 18px;
}

.modal_head {
	color: #212121;
	font-size: 20px;
	font-weight: 500;
}

.or_divtex {
	width: 36px;
	height: 36px;
	border: 2px solid #dfdfdf;
	border-radius: 50%;
	text-align: center;
	padding: 6px;
	margin: auto;
	color: #757575;
	background: #fff;
	font-size: 13px;
}

	.or_divtex::after {
		content: "";
		width: 100%;
		height: 2px;
		border-bottom: 1px solid #dfdfdf;
		top: 19px;
		left: 0px;
		position: absolute;
		z-index: -1;
	}

.paddTB125 {
	padding-top: 25px;
	padding-bottom: 32px;
}

.Bof_VehicleInfo_modal .collapsible-header i {
	width: 30px;
	font-size: 1.6rem;
	display: inline-block;
	text-align: center;
	margin-right: 1rem;
	height: 30px;
}

.Bof_VehicleInfo_modal .collapsible-header .key_arrow {
	margin-right: 0rem !important;
}

.Bof_VehicleInfo_modal {
	height: 100%;
}

	.Bof_VehicleInfo_modal .modal-content {
		height: calc(100% - 106px);
		overflow-y: auto;
		padding-top: 10px;
	}

.ch_flex {
	display: flex;
}

.ch_flex1 {
	display: flex !important;
}

.ch_flex2 {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
}

.ch_flex3 {
	display: flex;
	width: 30px;
	height: 30px;
	align-items: center;
}

.dvNPAHead0 {
	padding-left: 34px;
}

.nada_guide_h {
	padding-top: 4px;
	display: flow-root;
}

.divKBBHead_BOF {
	padding-left: 34px;
}

.auction_options .row {
	margin-left: 0px;
	margin-right: 0px;
}

#MarketModelsdp0.row {
	margin-left: 0px;
	margin-right: 0px;
}

.NadaResult_ {
	padding-left: 20px;
	padding-right: 20px;
}

.BOF_Specs_text {
	width: 100%;
}

.BOF_Specs_text1 {
	width: 50%;
	float: left;
	border-right: 1px solid #eee;
}

.BOF_Specs_text2 {
	width: 45%;
	float: right;
}

.Auction_Summary_BOF .row {
	margin-left: 0px;
	margin-right: 0px;
}

.header_item_main {
	border-right: 1px solid #dfdfdf;
}

/**Trade_inSection_modal***/
.Trade_inSection_modal {
	max-width: 100%;
}

	.Trade_inSection_modal .collapsible-header i {
		width: 30px;
		font-size: 1.6rem;
		display: inline-block;
		text-align: center;
		margin-right: 1rem;
		height: 30px;
	}

		.Trade_inSection_modal .collapsible-header i.key_arrow {
			margin-right: 0rem;
			line-height: 28px;
		}

.Trade_inSection_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	height: 50px;
}

.Trade_inSection_modal.modal.bottom-sheet {
	max-height: 85%;
}

.margB14 {
	margin-bottom: 14px;
}

.Trade_inSection_modal .header_item_body {
	padding-right: 18px;
}
.Trade_inSection_modal .modal-footer a.theme_text {
	color: #ffffff !important;
}

.ValuationDIV {
	border-top: #dfdfdf 0px solid;
	margin-top: 4px;
	padding-top:15px;
}

.Valuation_text {
	font-size: 12px;
	color: #178d9b;
	font-weight: 500;
	padding-left: 0px;
}

.traderow {
	padding-left: 34px;
}

.trade_h {
	padding-top: 4px;
	display: flow-root;
}

.TradeIn_Summary {
	padding: 10px 12px;
}

.Available_text {
	font-size: 12px;
	color: #178d9b;
	font-weight: 500;
	padding: 10px 30px;
}

.TradeinAuctiondata {
	max-height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-bottom: 10px;
	padding-left: 16px;
}

}

.TradeinAuctionDataList {
	height: 200px;
	overflow-y: scroll;
	display: none
}

.TradeinA {
	font-size: 12px;
	color: #178d9b;
	font-weight: 500;
	padding: 10px;
	padding-left: 0px;
	display: none
}

#TradeIn_MarketHead .childstyle {
	color: #757575;
	font-size: 12px;
}

.Tradein_Au .childstyle {
	color: #757575;
	font-size: 12px;
}

.TradeIn_Summary .row {
	margin-left: 0px;
	margin-right: 0px;
}

.AuctionSummary .childstyle {
	font-size: 12px;
	color: #757575;
}

.AuctionSummary .parentstyle {
	font-size: 15px;
	color: #212121;
	margin-bottom: 4px;
}

.Tradein_Au .row {
	margin-left: 0px;
	margin-right: 0px;
}

.AuctionSummary .row {
	margin-left: 0px;
	margin-right: 0px;
}

.AuctionSummary {
	padding-left: 0px;
}

.NadaResult_TradeInRow {
	padding-left: 20px;
	padding-right: 20px;
}

.press_text {
	padding-left: 10px;
	padding-bottom: 10px;
}

.MarketModelrow {
	margin-left: 10px !important;
}

.md_close {
	margin-top: 4px;
}

.BOF_Images {
	padding-left: 10px;
	padding-right: 10px;
}
	
	.Trade_inSection_modal {
		height: 100%;
		overflow: hidden;
	}

	.Trade_inSection_modal .modal-content {
		height: calc(100% - 98px);
		overflow: auto;
		padding-top: 10px !important;
	}
/**Trade_inSection_modal end***/


/**Bof_ItemizationModal***/
.Bof_ItemizationModal {
	max-width: 100%;
}

	.Bof_ItemizationModal .collapsible-header i {
		width: 30px;
		font-size: 1.6rem;
		display: inline-block;
		text-align: center;
		margin-right: 1rem;
		height: 30px;
	}

		.Bof_ItemizationModal .collapsible-header i.key_arrow {
			margin-right: 0rem;
		}

.Bof_Itemization_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	height: 50px;
}
	
.Bof_ItemizationModal.modal.bottom-sheet {
	max-height: 80%;
	max-width: 750px;
	margin: auto;
}

.margB14 {				
	margin-bottom: 14px;
}

.Bof_ItemizationModal .header_item_body {
	padding-right: 18px;
}

.Bof_ItemizationModal {
	height: 100%;
	overflow: hidden;
}

	.Bof_ItemizationModal .modal-content {
		height: calc(100% - 95px);
		overflow: auto;
		padding-top: 10px;
		padding-bottom: 14px;
	}

.itemization_body {
	padding-top: 20px;
}

.bottom-line-itemization {
	border-bottom: 1px solid #dfdfdf;
}
/**Bof_ItemizationModal end***/
#btnMessageOk {
	box-shadow: none !important;
	color: #178d9b !important;
	font-weight: 500;
}

.tb_data tr {
	border-bottom: 0px solid #dfdfdf;
}

.tb_data {
	margin-left: 11px;
}

.modal-overlay {
	opacity: 0.8 !important;
}

.paddTop46 {
	padding-top: 68px !important;
}

nav.top__nav .nav-wrapper i {
	height: 60px;
	color: #212121;
}

#DealListsGrid .common_tr {
	display: block;
}

.paddT36 {
	padding-top: 36px !important;
}

.modal_purchases .pagination li a {
	padding: 0 3px !important;
}

.modal_purchases .pagination li {
	float: left;
}

.SearchVehiclebyVin {
	border: 2px solid #178d9b;
	padding: 6px 10px;
}

.content_height {
	height: calc(100% - 60px);
}

#DealListsGrid.overflow_calc {
	height: calc(100% - 173px);
	overflow-y: auto;
	width: 100%;
}

/**PurchaseModalPopUp***/
.PurchaseModalPopUp.modal {
	max-height: 85% !important;
	height: 100% !important;
}

.PurchaseModal_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	min-height: 50px;
}

.purchesDIVT {
	background: #178d9b;
	color: #ffffff;
	height: 56px;
	font-size: 13px;
	font-weight: 500;
	line-height: 54px;
	/*padding-left:16px;*/
	padding-left: 10px;
}

/*.clspurchase {
	padding-left: 17px;
}*/

.PurchaseModalPopUp .modal-content {
	height: calc(100% - 170px);
	overflow-y: auto;
	padding: 0px;
}

.p_height {
	min-height: 56px;
	padding-top: 13px;
}

.fees-title {
	font-size: 15px !important;
	color: #212121 !important;
	font-weight: 400;
}

.run-text {
	color: #757575;
	font-size: 13px;
	margin: 0px;
}

.orage-text {
	color: #178d9b !important;
}

.light-color {
	color: #bdbdbd !important;
	font-size: 15px !important;
}

.purches-line {
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	padding-bottom: 0px;
}

.gap-space-right {
	padding-right: 15px;
	margin-top: 20px;
}
/**PurchaseModalPopUp end***/


/**PurchsesCompletemodal***/
.PurchsesCompletemodal.modal {
    max-height: 85% !important;
    height: 100% !important;
    max-width: 600px;
    margin: auto;
}

.PurchsesCompletemodal .PurchaseModal_header {
    background-color: #fff;
    z-index: 99999999;
    width: 100%;
    min-height: 50px;
}
.remove_tt {
    font-size:16px;
    color:#212121;
}

.PurchsesCompletemodal.modal-fixed-footer .modal-content {
    height: calc(100% - 170px);
    overflow-y: auto;
    padding: 24px !important;
}
.paddL22 {
    padding-left:22px !important;
}
/**PurchsesCompletemodal end***/
.completeV_btn {
    background: #fff !important;
    border-radius: 5px;
    color: #212121 !important;
    float: right;
    margin-top: 10px;
}
.completeV_btnq {
    background: #f79321 !important;
    border-radius: 5px;
    color: #fff !important;
    float: right;
    margin-top: 10px;
}

.closeGray {
    color: #757575 !important;
}

/**modalTradeACVmodal***/
.modalTradeACVmodal.modal {
	max-height: 85% !important;
	height: 100% !important;
}

.modalTradeACVmodal_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	min-height: 50px;
}

.modalTradeACVmodal .head_T {
	color: #000;
	font-size: 20px;
	font-weight: 500;
	padding-left: 12px;
}

.modalTradeACVmodal .purchesDIVT {
	background: #178d9b;
	color: #ffffff;
	height: 56px;
	font-size: 13px;
	font-weight: 500;
	line-height: 54px;
	padding-left: 16px;
}

.clspurchase {
	padding-left: 10px;
}

.modalTradeACVmodal .modal-content {
	height: calc(100% - 170px);
	overflow-y: auto;
	padding: 0px;
}

.clsprintedValue {
	padding-top: 10px;
}

.clsPriylabel {
	padding-top: 10px;
}

.left-pad25 {
	padding-left: 23px !important;
}
/**modalTradeACVmodal end***/

/**modalTradeACVmodal***/
.modalTradeAllowance.modal {
	max-height: 85% !important;
	height: 100% !important;
}

.modalTradeAllowance_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	min-height: 50px;
}

.modalTradeAllowance .head_T {
	color: #000;
	font-size: 20px;
	font-weight: 500;
	padding-left: 12px;
}

.modalTradeAllowance .purchesDIVT {
	background: #178d9b;
	color: #ffffff;
	height: 56px;
	font-size: 13px;
	font-weight: 500;
	line-height: 54px;
	padding-left: 12px;
}

.modalTradeACVmodal .clspurchase {
	padding-left: 17px;
}

.modalTradeAllowance .modal-content {
	height: calc(100% - 170px);
	overflow-y: auto;
	padding: 0px;
}

.clsprintedValue {
	padding-top: 10px;
}

.clsPriylabel {
	padding-top: 10px;
}

/*.clsTradeAllowance {
	padding-left: 12px;
}*/

.modalTradeAllowance .gap-space-right {
	padding-left: 16px;
}
/**modalTradeACVmodal end***/



/**modalTradeACVmodal***/
.modalSalesTax.modal {
	max-height: 85% !important;
	height: 100% !important;
}

.modalSalesTax_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	min-height: 50px;
}

.modalSalesTax .head_T {
	color: #000;
	font-size: 20px;
	font-weight: 500;
	padding-left: 12px;
}

.modalSalesTax .purchesDIVT {
	background: #178d9b;
	color: #ffffff;
	height: 56px;
	font-size: 13px;
	font-weight: 500;
	line-height: 54px;
	padding-left: 12px;
}

.modalSalesTax .clspurchase {
	padding-left: 17px;
}

.modalSalesTax .modal-content {
	height: calc(100% - 170px);
	overflow-y: auto;
	padding: 0px;
}

.clsprintedValue {
	padding-top: 10px;
}

.clsPriylabel {
	padding-top: 10px;
}

.clsTradeAllowance {
	padding-left: 12px;
}

.modalSalesTax .gap-space-right {
	padding-left: 16px;
}

.Overrides {
	padding: 10px 12px;
}

.paddL12 {
	padding-left: 12px;
}

.paddT10 {
	padding-top: 10px;
}

.cl_pValue {
	width: 100% !important;
	border-bottom: 1px solid #ffffff !important;
	font-size: 13px;
	text-align: right;
	font-weight: 500 !important;
	color: #212121;
	display: block;
}
/**modalSalesTax end***/


/**dvdocuploadPopUp**/
.dvdocuploadPopUp.modal {
	width: 100%;
	max-width: 480px;
	overflow: hidden;
}

.dvdocuploadPopUp .modal_header {
	min-height: 56px;
	padding: 0px 20px;
}

.dvdocuploadPopUp .model_title {
	margin: 0px;
}

.dvdocuploadPopUp .m_heading {
	min-height: 36px;
	padding-left: 12px;
	font-size: 16px;
	font-weight: 500;
}

.dvdocuploadPopUp .modal-close {
	margin-right: 10px;
}

.dvdocuploadPopUp .paddT0 {
	padding-top: 0px;
}
/**dvdocuploadPopUp end**/


/**modalAccesories***/
.modalAccesories.modal {
	max-height: 85% !important;
	height: 100% !important;
	max-width: 560px;
	margin: auto;
}

.modalAccesories .modalAccesories_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	min-height: 50px;
}


.modalAccesories .modal-content {
	height: calc(100% - 165px);
	overflow-y: auto;
	padding: 0px;
}

.md_title {
	font-size: 20px;
	font-weight: 600;
	padding-left: 10px;
}

.modalAccesories .modal-footer {
	padding: 0px !important;
}

.modalAccesories .collection .collection-item.avatar {
	min-height: 70px;
	padding-left: 20px;
	padding-right: 168px;
}

.modalAccesories .modal-footer .bg-lightorg {
	height: 56px;
}

.total_div {
	position: relative;
	padding-right: 168px;
	line-height: 0px;
}

.sec_content {
	position: absolute;
	right: 0px;
	text-align: left;
	width: 138px;
	top: 0;
}

.Access_0Total {
	text-align: left;
}
/**modalAccesories end***/
/**modalDiscount***/
.modalDiscount.modal {
	max-height: 85% !important;
	height: 100% !important;
	max-width: 560px;
	margin: auto;
}

.modalDiscount .modalDiscount_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	min-height: 50px;
}


.modalDiscount .modal-content {
	height: calc(100% - 161px);
	overflow-y: auto;
	padding: 0px;
}

.modalDiscount .modal-footer {
	padding: 0px !important;
}

.modalDiscount .collection .collection-item.avatar {
	min-height: 70px;
	padding-left: 20px;
}

.modalDiscount .modal-footer .bg-lightorg {
	height: 56px;
}

.modalDiscount .total_div {
	position: relative;
	padding-right: 168px;
	line-height: 0px;
}

.modalDiscount .sec_content {
	position: absolute;
	right: 0px;
	text-align: left;
	width: 138px;
	top: 0;
}

.modalDiscount .Access_0Total {
	text-align: left;
}
/**modalDiscount end***/

/**modalPayOffmodal***/
.modalPayOffmodal.modal {
	max-height: 85% !important;
	height: 100% !important;
	max-width: 560px;
	margin: auto;
}

.modalPayOffmodal .modalDiscount_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	min-height: 50px;
}

.modalPayOffmodal .modal-content {
	height: calc(100% - 161px);
	overflow-y: auto;
	padding: 0px;
}

.modalPayOffmodal .modal-footer {
	padding: 0px !important;
}

.modalPayOffmodal .collection .collection-item.avatar {
	min-height: 70px;
	padding-left: 20px;
}

.modalPayOffmodal .modal-footer .bg-lightorg {
	height: 56px;
}

.modalPayOffmodal .total_div {
	position: relative;
	padding-right: 168px;
	line-height: 0px;
}

.modalPayOffmodal .sec_content {
	position: absolute;
	right: 0px;
	text-align: left;
	width: 138px;
	top: 0;
}

.modalPayOffmodal .Access_0Total {
	text-align: left;
}
/**modalPayOff end***/


/**modalFeesmodal***/
.modalFeesmodal.modal {
	max-height: 85% !important;
	height: 100% !important;
	margin: auto;
}

.modalFeesmodal .modalDiscount_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	min-height: 50px;
}

.modalFeesmodal .modal-content {
	height: calc(100% - 112px);
	overflow-y: auto;
	padding: 0px;
}

.modalFeesmodal .modal-footer {
	padding: 0px !important;
}

.modalFeesmodal .collection .collection-item.avatar {
	min-height: 70px;
	padding-left: 20px;
}

.modalFeesmodal .modal-footer .bg-lightorg {
	height: 56px;
}

.modalFeesmodal .total_div {
	position: relative;
	padding-right: 168px;
	line-height: 0px;
}

.modalFeesmodal .sec_content {
	position: absolute;
	right: 0px;
	text-align: left;
	width: 138px;
	top: 0;
}

.modalFeesmodal .Access_0Total {
	text-align: left;
}

.modalFeesmodal #FeeModel.fee-gap {
	padding-left: 12px;
	padding-right: 12px;
}

.modalFeesmodal .gap-space-right {
	margin-top: 0px;
}

.modalFeesmodal .feemode .row {
	margin-bottom: 10px;
}

.modalFeesmodal .row.bottom-line {
	margin-bottom: 10px;
}
/**modalFeesmodal end***/
/**modalRebatemodal***/
.modalRebatemodal.modal {
	max-height: 85% !important;
	height: 100% !important;
	max-width: 560px;
	margin: auto;
}

.modalRebatemodal .modalRebatemodal_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	min-height: 50px;
}

.modalRebatemodal .modal-content {
	height: calc(100% - 162px);
	overflow-y: auto;
	padding: 0px;
}

.modalRebatemodal .modal-footer {
	padding: 0px !important;
}

.modalRebatemodal .collection .collection-item.avatar {
	min-height: 70px;
	padding-left: 20px;
}

.modalRebatemodal .modal-footer .bg-lightorg {
	height: 56px;
}

.modalRebatemodal .total_div {
	position: relative;
	padding-right: 168px;
	line-height: 0px;
}

.modalRebatemodal .sec_content {
	position: absolute;
	right: 0px;
	text-align: left;
	width: 138px;
	top: 0;
}

.modalRebatemodal .Access_0Total {
	text-align: left;
}
/**modalRebatemodal end***/

.totalPrint {
	line-height: 30px;
	font-size: 14px;
	text-align: right;
	padding-right: 120px !important;
}

#dvPopUpConfirmbox.modal {
	max-width: 360px;
}

.cls_clbtn:hover, .cls_clbtn:focus {
	background: transparent !important;
}

.cradHight {
	min-height: 200px;
}

.confirm_pop_up h4 {
	font-size: 16px;
	line-height: 24px;
	margin-top: 22px;
}

.confirm_pop_up.modal {
	max-width: 448px;
}

.search_card_input input {
	padding-left: 10px !important;
}

/**dvExistingCustomerPopUp***/
.dvExistingCustomerPopUp.modal {
	max-height: 85% !important;
	height: 100% !important;
	max-width: 560px;
	margin: auto;
}

.dvExistingCustomerPopUp .dvExistingCustomerPopUp_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	min-height: 50px;
}

.dvExistingCustomerPopUp .modal-content {
	height: calc(100% - 56px);
	overflow-y: auto;
	padding: 0px;
}

.dvExistingCustomerPopUp .modal-footer {
	padding: 0px !important;
}

.dvExistingCustomerPopUp .spn_Proceed {
	color: #178d9b;
	border: 2px solid #178d9b;
	padding: 4px 12px;
	font-size: 14px;
	font-weight: 500;
}

.dvExistingCustomerPopUp .head_T {
	font-size: 20px;
	font-weight: 500;
	padding-left: 10px;
}

.Existing_h4 {
	font-size: 20px;
	font-weight: 500;
}

.dvExistingCustomerPopUp .collection {
	border: 0px solid #dfdfdf !important;
	margin-bottom: 0px;
}

	.dvExistingCustomerPopUp .collection .collection-item.avatar {
		min-height: auto;
		padding-left: 20px;
	}

.dvExistingCustomerPopUp .bg-lightorg {
	height: 64px;
}

.margLR-30 {
	margin-left: -30px;
	margin-right: -30px;
}

.dvExistingCustomerPopUp #dupl-table.collection {
	border: 0px solid #dfdfdf !important;
}

.margLR-10 {
	margin-left: -10px;
	margin-right: -10px;
}
/**dvExistingCustomerPopUp end***/


/**dvchangepassword***/
.dvchangepassword.modal {
	max-width: 360px;
	margin: auto;
}

.dvchangepassword .dvExistingCustomerPopUp_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	min-height: 50px;
}

.dvchangepassword .modal-content {
	padding: 0px 14px;
}

.dvchangepassword .modal-footer {
	padding: 0px !important;
}

.dvchangepassword .spn_Proceed {
	color: #178d9b;
	border: 2px solid #178d9b;
	padding: 4px 12px;
	font-size: 14px;
	font-weight: 500;
}

.dvchangepassword .head_T {
	font-size: 20px;
	font-weight: 500;
	padding-left: 10px;
}

.browser-default:focus {
	outline: 0px solid #c9f3ef !important;
}
/**dvExistingCustomerPopUp end***/




/**forgotpasswordm***/

.forgotpasswordm.modal {
	width:auto !important;
	max-width: 360px;
	margin: auto;
}
.forgotpasswordm .head_T {
	font-size: 18px;
	font-weight: 600;
	color: #212121;
	padding-left:20px;
}
.forgotpasswordm .forgotpasswordm_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	min-height: 50px;
}
.forgotpasswordm #btnMessageOk {
	margin-right:-7px;
}
#btnMessageOk:hover, #btnMessageOk:focus, #btnMessageOk:active{
	background: transparent;
}
.forgotpasswordm .modal-content {
	padding: 0px 14px;
}

.forgotpasswordm .modal-footer {
	padding: 0px !important;
}

.forgotpasswordm .spn_Proceed {
	color: #178d9b;
	border: 2px solid #178d9b;
	padding: 4px 12px;
	font-size: 14px;
	font-weight: 500;
}

.forgotpasswordm .head_T {
	font-size: 20px;
	font-weight: 500;
	padding-left: 10px;
}

/**forgotpasswordm end***/



/**lenderInfomodal***/
.lenderInfomodal.modal {
	max-height: 85% !important;
	height: 100% !important;
	margin: auto;
}

.lenderInfomodal .dvExistingCustomerPopUp_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	min-height: 50px;
}

.lenderInfomodal .modal-content {
	height: calc(100% - 112px);
	overflow-y: auto;
	padding: 12px 14px;
}

.lenderInfomodal .modal-footer {
	padding: 0px !important;
}

.lenderInfomodal .head_T {
	font-size: 20px;
	font-weight: 500;
	padding-left: 10px;
}

/**lenderInfomodal end***/

.textLabel {
	color: #757575;
	font-size: 12px;
	margin-bottom: 2px;
}

.textReslut {
	color: #212121;
	font-size: 15px;
	margin-bottom: 0px;
}

.bottomL {
	height: 2px;
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
}

.right-text2 {
	text-align: right;
}

.DeleteDealsIcon {
	position: relative;
	top: 8px;
}

.filterIcon {
	position: relative;
	top: 8px;
}

.btn-flat.cls_clbtn {
	color: #757575 !important;
}


/**EstOpenProModal***/
.EstOpenProModal {
	max-width: 100%;
	height: 100%;
	overflow: hidden;
	top: initial !important;
}

#OpenProModal.EstOpenProModal {
	top: initial !important;
}

.EstOpenProModal .collapsible-header i {
	width: 30px;
	font-size: 1.6rem;
	display: inline-block;
	text-align: center;
	margin-right: 1rem;
	height: 30px;
}

	.EstOpenProModal .collapsible-header i.key_arrow {
		margin-right: 0rem;
	}

.EstOpenProModal {
	height: 100%;
	overflow: hidden;
}

	.EstOpenProModal .modal-content {
		height: calc(100% - 98px) !important;
		overflow: auto;
		padding-top: 10px !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

.EstOpenProModal_header {
	background-color: #fff;
	z-index: 99999999;
	width: 100%;
	height: 50px;
}

.EstOpenProModal.modal.bottom-sheet {
	max-height: 85%;
}

.margB14 {
	margin-bottom: 14px;
}

.EstOpenProModal .header_item_body {
	padding-right: 18px;
}

.ValuationDIV {
	border-top: #dfdfdf 1px solid;
	margin-top: 4px;
}

.Valuation_text {
	font-size: 12px;
	color: #178d9b;
	font-weight: 500;
	padding-left: 0px;
}

.traderow {
	padding-left: 34px;
}

.trade_h {
	padding-top: 4px;
	display: flow-root;
}

.TradeIn_Summary {
	padding: 10px 0px;
}

.Available_text {
	font-size: 12px;
	color: #178d9b;
	font-weight: 500;
	padding: 10px 20px;
}


.TradeinAuctionDataList {
	height: 200px;
	overflow-y: scroll;
	display: none
}

.TradeinA {
	font-size: 12px;
	color: #178d9b;
	font-weight: 500;
	padding: 10px;
	padding-left: 0px;
	display: none
}

#TradeIn_MarketHead .childstyle {
	color: #757575;
	font-size: 12px;
}

.Tradein_Au .childstyle {
	color: #757575;
	font-size: 12px;
}

.TradeIn_Summary .row {
	margin-left: 0px;
	margin-right: 0px;
}

.AuctionSummary .childstyle {
	font-size: 12px;
	color: #757575;
}

.AuctionSummary .parentstyle {
	font-size: 15px;
	color: #212121;
	margin-bottom: 4px;
}

.Tradein_Au .row {
	margin-left: 0px;
	margin-right: 0px;
}

.AuctionSummary .row {
	margin-left: 0px;
	margin-right: 0px;
}

.AuctionSummary {
	padding-left: 0px;
}
.divNadaHead_BOF .childstyle {
	font-size:12px;
	color:#757575;

}

#divDamageImages .press_text {
	padding-left: 6px;
	padding-bottom: 10px;
}

.MarketModelrow {
	margin-left: 10px !important;
}
.MarketModelrow1 {
	margin-left: 0px !important;
	margin-top:10px;
}
.md_close {
	margin-top: 4px;
}

.BOF_Images {
	padding-left: 10px;
	padding-right: 10px;
}

.EstOpenProModal .ch_flex3 {
	display: flex !important;
	width: 30px !important;
	height: 30px;
	align-items: center;
}

.EstOpenProModal .TradeIn_Summary {
	padding: 10px 0px;
}

.TradeIn_Summary .parentstyle {
	font-size: 15px;
	color: #212121;
}

#OpenProModal.EstOpenProModal .parentstyle {
	font-size: 15px;
	color: #212121;
}

.EstOpenProModal .est_collapsible_header i {
	width: 30px;
	font-size: 1.6rem;
	display: inline-block;
	text-align: center;
	margin-right: 1rem;
	height: 30px;
}

.EmptyData1row {
	padding-left: 43px;
	margin-bottom: 5px;
}

#OpenProModal.EstOpenProModal .divprovaluechild7 .parentstyle {
	padding-left: 11px;
	padding-right: 11px;
}
/**Trade_inSection_modal end***/

.DealListsGrid a {
	color: #212121;
}

.modal.datepicker-modal .modal-content {
	padding: 0px;
}

.filter_listD {
	position: relative;
	top: 8px;
}

.selectinput_field .input-field {
	margin-bottom: 20px;
}

#LeadReport td.td_item {
	padding: 0 !important;
}

#LeadReport tr {
	border-bottom: 0px solid rgba(0,0,0,0.12) !important;
}

.LeadReport {
	height: calc(100% - 60px);
	overflow-y: auto;
}

.Estimated_close {
	position: absolute;
	left: 8px;
	top: 14px;
	width: auto;
	min-width: auto;
	padding: 0px;
}

	.Estimated_close:hover, .Estimated_close:focus {
		background: transparent !important;
	}

	.Estimated_close i {
		color: #757575;
	}

.estcard-title {
	padding-left: 18px;
}

.leadRepor_tableRow {
	height: 56px;
	background: #178d9b;
	padding-left: 20px;
}

.cardAC .estcard-title {
	padding-left: 0;
}

.paddL10 {
	padding-left: 10px;
}

.direction {
	flex-direction: column;
}

.modal.slide-content.in {
	display: block !important;
	background-color: transparent;
}

.modal.slide-content {
	display: block !important;
	background-color: transparent;
}

.blueimp-gallery .modal {
	background-color: transparent !important;
}

.blueimp-gallery .modal {
	overflow: hidden !important;
}

.blueimp-gallery > .slides > .slide > .slide-content {
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100% !important;
	max-height: 100% !important;
	opacity: 1;
}

.modal_footerImageGaller {
	background: transparent !important;
}

	.modal_footerImageGaller .prev i {
		color: #757575;
	}

	.modal_footerImageGaller .next i {
		color: #757575;
	}

	.modal_footerImageGaller .prev {
		position: absolute;
		top: 50%;
		left: 0%;
	}

	.modal_footerImageGaller .next {
		position: absolute;
		top: 50%;
		right: 0%;
	}

.modal_closeImageGallery {
	font-size: 24px;
	color: #dadada;
	padding-top: 16px;
	cursor: pointer;
}

.gl_imgslide {
	object-fit: cover;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.imgs_mainDiv .s3 {
	padding: 0px 5px !important;
}


/*19-03-2020 CSS Changes*/
.padL34 {
	padding-left: 34px !important;
}

.padL44 {
	padding-left: 44px !important;
}

.marB25 {
	margin-bottom: 25px;
}

.clstradeACVcal input[type=text] {
	text-align: left !important;
}

.padL8 {
	padding-left: 8px !important;
}

#dvVinSearchBind {
	padding: 8px 0px;
}

.marLR0 {
	margin-left: 0px;
	margin-right: 0px;
}
.modal_footerImageGaller .btn {
	background: #ffffff !important;
	padding: 0 10px !important;
}
.modal_bodyGall {
	height: 92%;
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
}
.est_collapsible_body.active {
	display:block !important;
}

.modal_bodyGall img {
	width: auto;
	height: auto;
	max-height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 100%;
}
.slide_contentG .modal-dialog {
	height: 100%;
}
.modal.slide_contentG .modal-content {
	padding: 24px;
	height: 100%;
	/* display: flex; */
}
.radioDamage {
	padding-left: 0px !important;
	float:left;
	margin-right:10px;
}

/**condition-section**/

.itemsList_title {
	font-size: 15px;
	font-weight: 500;
	color: #212121;
	margin-bottom: 8px;
}
.step2_itemsList {
	width: 100%;
	float: left;
	display: block;
	margin-bottom:10px;
}
.Condition_section {
	border-right: 1px solid #dfdfdf;
	max-height: 950px;
	overflow-y: auto;
	overflow-x: hidden;
}
@media (min-width:1600px){
	.Condition_section {
		max-height: 1100px;
	}
}

.itemsList_n{
	display:block;
	width:100%;
}
.itemsList_block {
	display: block;
	width: 50%;
	float: left;
	margin-bottom: 6px;
	position: relative;
	z-index: 1;
}
.itemsList_block [type="radio"]:checked + span:after,
.itemsList_block [type="radio"].with-gap:checked + span:before,
.itemsList_block [type="radio"].with-gap:checked + span:after {
	top: -4px;
}
.label_chek [type="radio"]:checked + span:after,
.label_chek [type="radio"].with-gap:checked + span:before,
.label_chek [type="radio"].with-gap:checked + span:after {
	top: -4px;
}
.label_chek{
	position:relative;
	z-index:1;
}
.rating_Div_ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	margin-left: -20px;
}
	.rating_Div_ul li{

	}
	.rating_Div_ul li {
		float: left;
		width: calc(99.9% * 1/5 - 5px);
		position: relative;
		text-align: center;
	}

		.rating_Div_ul li .rating_btn {
			width: 20px;
			height: 20px;
			border-radius: 50% !important;
			display: block;
			padding: 0px;
			border: 2px solid #b8b8b8;
			background: #ffffff;
			z-index: 2;
			position: relative;
			box-shadow: none !important;
			margin: auto;
		}


		.rating_Div_ul li:after {
			position: absolute;
			content: "";
			width: 100%;
			background: #dadada;
			height: 2px;
			top: 14px;
			z-index: 1;
			left: 36%;
		
		}

		.rating_Div_ul li:last-child:after {
			position: absolute;
			content: "";
			display: none;
		}
	.rating_Div_ul label.radio_itemnew {
		position: relative;
		z-index: 9;
	}
	.rating_Div_ul  [type="radio"]:not(:checked) + span, [type="radio"]:checked + span {
		display: initial;
	}
	.rating_Div_ul  [type="radio"]:not(:checked) + span:before, [type="radio"]:not(:checked) + span:after {
		background: #fff !important;
	}
.modalRatingbtn, .modalRatingbtn:focus, .modalRatingbtn:hover {
	background: transparent !important;
	min-width: auto !important;
	padding: 0px !important;
}
.modalRating .modal-content {
	padding: 10px !important;
	padding-top: 49px !important;
}
.modalRating {
	max-width: 600px;
	overflow-x:hidden !important;
}
.v_titel {
	font-size: 18px;
	color: #212121;
	font-weight: 500;
	min-height: 48px;
	line-height: 48px;
	padding-left: 8px;

}

.condition_title {
	font-size: 15px;
	color: #212121;
	font-weight: 500;
}

.condition_para {
	font-size: 14px;
	color: #757575;
	font-weight: 400;
}
.close_a {
	position: relative;
	right: 12px;
	top: 6px;
}
.modalRating_header {
	position: fixed;
	width: 100%;
	background: #fff;
}
.coll_body_row {
	padding: 6px 6px 2px 4px;
	line-height: 24px;
}
.right_items_list .collapsible-header {
	border-bottom: 0px solid #ddd !important;
	padding: 6px 6px 2px 6px;
}
/**condition-section end**/

.Trade_inSection_modal .collapsible li.active .collapsible-body {
	display:block !important;
}
.Trade_inSection_modal.modal .modal-footer {
	background-color: #178d9b;
}
.Trade_inSection_modal.modal .modal-footer .theme_text.white-text {
	color: #ffffff !important;
}
.imagesD {
	cursor: pointer !important;
}
/*New Css for inventory page 26-03-2020 start*/
.inventory-module .orange.style-scope.inventory-module {
    background-color: #178d9b !important;
}

#iconsearch
{
    padding:9px !important;
    background-color:#757575 !important;
}
.inventory-module{
	flex-direction:column;
}
	.inventory-module .orange {
		background: #178d9b !important;
	}
	.inventory-module .spnbadge {
		background: #178d9b;
	}
.paper_tabswidth100{
	width:100%;
}
.vertical_tabwidth {
	width: 100%;
}
#tabsContent.paper-tabs {
	width: 100%;
}
.height_56p.inventory-module {
	flex-wrap: nowrap;
	flex-direction: row !important;
}
.modal_closeImageGallery{
	font-size:36px !important;
}


.SI_right {
	display: none;
}
.SI_right.active_SI{
	display: block;
}

.SI_left {
	width:100% !important;
	margin: auto;
	float: initial !important;
}
.SI_left.active_SI {
	width: 50% !important;
	margin: auto;
	float: left !important;
}

/*Inventory Filter CSS Changes Start*/
.block
{
    display:block !important;
}
#pd_position {
    max-width: 300px !important;
    width: 300px !important;
}
.filter_block {
    justify-content: left !important;
    padding-top: 12px !important;
}

.black_textF
{
    color:#212121;
}
.padR8F
{
    padding-right:8px;
}
.font-weF {
    font-weight: 500;
}
.fs20F
{
    font-size:22px;
}
.pad18_12
{
    padding:18px 12px;
}
.paddF 
{
    padding: 10px 28px 20px 28px;
    padding-left:28px !important;
}
.padL50_T8
{
    padding-left:50px !important;
    padding-top:8px !important;
}
.green-text {
    color: #178d9b !important;
}
.gray-text
{
    color:#757575 !important;
}
.block.generalinformation
{
    border-bottom:1px solid #dfdfdf;
}
.padL
{
    padding-left:8px;
}
.marB12
{
    margin-bottom:12px;
}
.marL-12
{
    margin-left:-12px !important;
}
.orange-bg 
{
    background-color:#f79321;
}
#checkbox.checked.paper-checkbox
{
    background-color: #f79321 !important;
    border-color: #f79321 !important;
    opacity:1 !important;
}

.boat {
    background-image: url(/Content/Desktop/Images/nada_boat.svg) !important;
    height: 34px !important;
    background-position: 50% 50% !important;
    background-size: 28px 28px !important;
    background-repeat: no-repeat !important;
}
.rvbus {
    background-image: url(/Content/Desktop/Images/nada_rv.svg) !important;
    height: 34px !important;
    background-position: 50% 50% !important;
    background-size: 28px 28px !important;
    background-repeat: no-repeat !important;
}
.bike {
    background-image: url(/Content/Desktop/Images/nada_bike.svg) !important;
    height: 34px !important;
    background-position: 50% 50% !important;
    background-size: 28px 28px !important;
    background-repeat: no-repeat !important;
}
.bike.active {
    background-image: url(/Content/Desktop/Images/nada_bike_active.svg) !important;
    height: 40px !important;
    background-position: 50% 50% !important;
    background-size: 28px 28px !important;
    background-color: #178d9b !important;
    background-repeat: no-repeat !important;
    margin-top: -2px !important;
}
.rvbus.active {
    background-image: url(/Content/Desktop/Images/nada_rv_active.svg) !important;
    height: 40px !important;
    background-position: 50% 50% !important;
    background-size: 28px 28px !important;
    background-color: #178d9b !important;
    background-repeat: no-repeat !important;
    margin-top: -2px !important;
}
.boat.active {
    background-image: url(/Content/Desktop/Images/nada_boat_active.svg) !important;
    height: 40px !important;
    background-position: 50% 50% !important;
    background-size: 28px 28px !important;
    background-color: #178d9b !important;
    background-repeat: no-repeat !important;
    margin-top: -2px !important;
}
.vehicle_btn_group2
{
    border: none !important;
    height: 36px !important;
    background: #efefef !important;
    width:82% !important;
}
.width100p
{
    width:100% !important;
}
.damage_anchor {
	width: 100%;
	height: 100px;
	DISPLAY: block;
	background: #f1f1f1;
	text-align: center;
}

.paper_tabswidth100 {
  width: 100%;
}

.vertical_tabwidth {
  width: 100%;
}

#tabsContent.paper-tabs {
  width: 100%;
}

.SI_left {
  width: 100% !important;
  margin: auto;
  float: initial !important;
}

  .SI_left.active_SI {
    width: 50% !important;
    margin: auto;
    float: left !important;
  }

.pur_div_s3 {
  padding-right: 2px !important;
  margin-bottom: 10px !important;
}

.pur_anchor {
  width: 100%;
  height: 100px;
  DISPLAY: block;
  background: #f1f1f1;
  text-align: center;
}

.pur_imgT {
  object-fit: cover;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.damage_closeicon {
  color: #ffffff;
  z-index: 9999999999;
  float: right;
  position: relative;
  top: -95px;
  width: 24px;
  font-size: 16px;
  cursor: pointer;
  bottom: initial;
  right: 4px;
  background: #00000087;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  padding: 4px;
}

.damageS3 {
  padding-right: 2px !important;
  margin-bottom: 10px !important;
  height: 100px;
}

.damage_anchor {
  width: 100%;
  height: 100px;
  DISPLAY: block;
  background: #f1f1f1;
  text-align: center;
}

.itemsList_block {
  display: block;
  width: 50%;
  float: left;
  margin-bottom: 6px;
  position: relative;
  z-index: 1;
}

  .itemsList_block [type="radio"]:checked + span:after,
  .itemsList_block [type="radio"].with-gap:checked + span:before,
  .itemsList_block [type="radio"].with-gap:checked + span:after {
    top: -4px;
  }

.label_chek [type="radio"]:checked + span:after,
.label_chek [type="radio"].with-gap:checked + span:before,
.label_chek [type="radio"].with-gap:checked + span:after {
  top: -4px;
}

.label_chek {
  position: relative;
  z-index: 1;
}
.radioDamage label {
	position: relative;
	z-index: 1
}
.radioDamage [type="radio"]:checked + span:after,
.radioDamage [type="radio"].with-gap:checked + span:before,
.radioDamage [type="radio"].with-gap:checked + span:after {
	top: -4px;
}
.modalPopHeaderIN{
	background:#178d9b;
}
	.modalPopHeaderIN .black_textF {
		color:#ffffff;
	}
.vertical_Block{
	display:block !important;
	width:100%;
	padding-top:10px !important;
}
.paddF {
	padding: 10px 0px 20px 18px !important;
	padding-left: 28px !important;
}
.modalPopHeaderIN .style-scope.iron-icon {
	color: #fff !important;
}

.margB5 {
	margin-bottom: 5px;
}


.overflowythum::-webkit-scrollbar-thumb {
	background-color: #888 !important;
	border-radius: 20px !important;
}

.overflowythum::-webkit-scrollbar {
	width: 8px !important;
	height:	8px !important;
}
.right_items_list .collapsible-body {
	padding-left: 40px !important;
}
.BOF_Specs_text {
	padding-bottom:12px;
}
.bg_color12 {
	background: #424242;
	font-size: 13px;
	color: #ffffff;
	font-weight: 400;
    line-height:18px;
}
.bg_colortd {
	font-weight:600;
	color:#212121;
}
.moduleRow_bg {
	background: #424242;
}
.moduletd {
	width: 80px;
	color:#212121;
	font-weight:600;
	padding-left: 10px;
}
.spaddLR0 {
	background: #178d9b;
	color: #fff !important;
}
.rpadLH{
	padding-top:2px;
	line-height:23px;
}
.demo_textTime {
	padding: 0px !important;
	margin: 7px 0px !important;
	color: #f79321 !important;
}
.nodata_div {
    padding-top:10px;
    padding-bottom:10px;
}
.margL4 {
    margin-left:4px !important;
}


/*CSS Starts here for Superadmin Page*/
.Ccompany {
  float: left;
}

.top-rightS {
  display: flex;
  line-height: 48px;
  color: #ffffff;
  float: right;
  padding-right: 12px;
  padding-top: 4px;
}

.add_iconC {
  display: flex;
  width: 40px;
  color: #ffffff;
  justify-content: center;
  align-items: center;
}

.textDN,
.textDN:hover,
.textDN:focus {
  text-decoration: none;
  cursor: pointer;
}

.sa_pagination.pagination {
  height: 30px;
  line-height: 10px;
  float: right;
}

.sa_pagination li.active {
  background-color: #0f6771;
}

  .sa_pagination li.active a {
    color: #fff;
  }

.sa_pagination li.disabled a {
  color: #bdbdbd;
}

.sa_pagination li {
  height: 28px;
  border-radius: 0px;
}

  .sa_pagination li a {
    color: #fff;
  }

.orange-text-btn {
  color: #f79321 !important;
  font-weight: 500;
}

/*.pf_pic {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff;
  margin-top: 10px;
  color: #000;
  font-size: 14px;
  text-align: center;
  padding: 9px 7px;
  line-height: 18px;
  font-weight: 500;
  float: left;
}*/

.marR6 {
  margin-right: 6px;
}

.marLminus12 {
  margin-left: -12px;
}

.cursor {
  cursor: pointer;
}

.required {
  padding-left: 8px;
  color: #F44336;
}

.col_green {
  color: #178d9b;
}

.borderTop0 {
  border-top: 0px !important;
  padding: 4px 25px;
}

.fw-500 {
  font-weight: 500;
}

/*Groups CSS Starts Here*/
.padR34 {
  padding-right: 34px;
}

.green-text-btn {
  color: #178d9b !important;
  font-weight: 500;
}

.col_dark {
  color: #757575;
}

	.col_dark.btn-flat {
		color: #757575 !important;
	}

.group_edit.modal-fixed-footer,
.group_create.modal-fixed-footer {
	height: 48%;
	width: 35%;
}
/*Groups CSS Ends Here*/


/*New Css Starts Here For ALL Pages in Superadmin */
.padT18
{
    padding-top: 18px;
}
.topBar .height58 {
	height: 56px;
}
.height58 {
	height: 56px;
}
.line-height-48
{
    line-height:48px;
}
.padL30
{
    padding-left:30px;
}
.top-pagination .jp-disabled
{
    padding: 10px 20px;
    color: #cccc;
    font-weight: 500;
    text-transform: uppercase;
}
.top-pagination .jp-current
{
    padding: 8px 12px;
    background-color: #0a6c77;
    color: #fff;
    font-weight: 600;
}
.top-pagination .jp-next,
.top-pagination .jp-previous {
    padding: 20px 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}
.marB20
{
    margin-bottom:20px !important;
}
.main_body_section {
    height: calc(100% - 130px) !important;
    overflow-y: auto;
    width: 100%;
}

.content {
    height: 100%;
}
.padL12
{
    padding-left:12px;
}
/*Create USer*/
.um_creteuser_form {
    background-color: #f4f4f4;
    border-radius: 2px;
    padding: 30px 20px;
}
/*Groups CSS Ends Here*/



/**editUpdate**/
.Super_AdminText {
	font-size:14px;
	color:#fff;
}
.Sup_top {
	height: 56px;
	line-height: 56px;
	background: #178d9b;
}
.EditSubTop {
	display:flex;
	min-height:56px;
	padding-left:12px;
	padding-right:20px;
}
.EditSubTopF1 {
	width:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:10px;
}
.EditSubTopF2 {
	flex:1 1 auto;
	display: flex;
	align-items: center;
}
.EditSubTopF3 {
	width:100px;
	display: flex;
	align-items: center;
}
.arrow_Back12 {
	color:#ffffff;
}
.title_sp {
	font-size:16px;
	color:#fff;
	font-weight:600;
}
.btnSaveSubscription {
	background: #f69221;
	box-shadow: none;
	border: 0px solid #dfdfdf;
}
.btnSaveSubscription:focus, .btnSaveSubscription:hover {
	background: #f69221;
	box-shadow: none;
	border: 0px solid #dfdfdf;
}
.udateDealerSubMain {
	height: calc(100% - 56px);
}
.superDealerSub_body {
	height: calc(100% - 65px);
	overflow-y: auto;
	padding-left:24px;padding-right:24px;
}
.subsDetails_title {
	font-size:20px;
	color:#212121;
}
.billDate {
	font-size:16px;
	color:#212121;
	padding-top:18px;
	text-align:right;
}
.subDetails_head {
	font-size: 14px;
	font-weight: 500;
background:#757575;
min-height:48px;
display:flex;
align-items:center;
color:#ffffff;
padding-left:15px;
padding-right:15px;
text-transform:uppercase;
}
.listgroupitem {
	display:flex;
}
.listgroupitemF1 {
	display: flex;
	width:60px;
	align-items:center;
}
.listgroupitemF2 {
	display: flex;
	flex:1 1 auto;
	align-items:center;
}
.listgroupitemF3 {
	display: flex;
	width: 120px;
	border-left: 1px solid #eee;
	padding-left: 20px;
	align-items:center;
}
.margT0 {
	margin-top:0px !important;
}
.primary_title{
	color:#212121;
}
.paddTBLR15 {
	padding-right:15px;
	padding-left:15px;
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.rowBlock {
	display:block;
	width:100%;
}
.success_title {
	color: #43ac6a;
	font-weight:500;
}
.danger_title {
	color: #f04124;
	font-weight: 500;
}
.ProValue_title {
	color: #808080;
	font-weight: 500;
}
.warning_title {
	color: #e99002;
	padding-top: 13px;
	font-weight: 500;
}
.TotalValue_ {
	min-height: 48px;
	float: right;
	font-weight: bold;
	color: #178d9b;
	display: flex;
	align-items: center;
}
.textlist3 {
	color: #178d9b;
	font-size: 16px;
	font-weight: 600;
}
.sTotAddtUsersPrice {
	background: #178d9b;
	min-width: 68px;
	min-height: 36px;
	color: #fff;
	line-height: 40px;
	padding-left: 6px;
}
.text_info {
	color: #212121;
	padding-top: 2px;
}
.dallorDiv {
	float: left;
	vertical-align: middle;
	padding-top: 4px;
	position: relative;
	top: -4px;
}
.dallorDivField {
	float: left;
}


.modal.CreditCadrModal .modal-content {
	padding-top:0px !important;
	padding-left:20px !important;
	padding-right:20px !important;
}
.modal.CreditCadrModal{
	height: 84%;
	max-height: 84%;
	max-width:560px;
}
.modal.CreditCadrModal.modal-fixed-footer .modal-content {
	position: absolute;
	height: calc(100% - 100px);
	max-height: 100%;
	width: 100%;
	overflow-y: auto;
}

[type="checkbox"].filled-in:checked + span:not(.lever):after {
	top: 0;
	width: 20px;
	height: 20px;
	border: 2px solid #178d9b;
	background-color: #178d9b;
	z-index: 0;
}
/**editupdate End**/

/*Latest Css Starts here 21-04-2020*/
.lheight-28
{
    line-height:28px;
}
.holder a
{
    font-size:15px !important;
    color:#fff !important;
}
.holder span
{
    color:#fff !important;
}
.holder a.jp-current,
a.jp-current:hover {
    color: #fff !important;
    font-weight: 800 !important;
    background-color: #006c79 !important;
    padding: 5px 10px;
}

.margR10 {
	margin-right:10px;
}
.sreachTopDiv input:-webkit-autofill,
.sreachTopDiv input:-webkit-autofill:hover,
.sreachTopDiv input:-webkit-autofill:focus,
.sreachTopDiv input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0px 0px #000 inset;
}
@-webkit-keyframes autofill {
	0%,100% {
		color: #fff;
		background: transparent;
		border-bottom: 1px solid #ffffff !important;
	}
}
.sreachTopDiv input.valid[type=text]:not(.browser-default),
.sreachTopDiv input.valid[type=text]:not(.browser-default):focus {
	border-bottom: 1px solid #ffffff !important;
}
.sreachTopDiv input:-webkit-autofill {
	-webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
	-webkit-animation-name: autofill;
	-webkit-animation-fill-mode: both;
}
.sreachTopDiv input {
	color:#fff;
	border-bottom:1px solid #ffffff !important;
}
.sreachTopDiv input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgba(255,255,255,0.6);
}

	.sreachTopDiv input::-moz-placeholder { /* Firefox 19+ */
		color: rgba(255,255,255,0.6);
	}

	.sreachTopDiv input:-ms-input-placeholder { /* IE 10+ */
		color: rgba(255,255,255,0.6);
	}

	.sreachTopDiv input:-moz-placeholder { /* Firefox 18- */
		color: rgba(255,255,255,0.6);
	}

.sreachTopDiv {
	margin:0px !important;
}
.activateDealer.modal {
	max-width: 360px;
}
.activate-txtPU {
	font-size:16px;
}
.activateDealer.modal .modal_heading {
	padding-left: 20px;
	padding-right:20px;
}
.activateDealer.modal .modal_content {
	padding-top: 0px;
}

.bookvalues.modal {
	max-width: 360px;
}
.bookvalues.modal .modal_heading {
	padding-left: 20px;
	padding-right: 20px;
}

.bookvalues.modal .modal_content {
	padding-top: 0px;
}
	.bookvalues.modal .modal_content label {
		color: #212121;
	}
.edit-superA.modal .modal_heading {
	padding-left: 24px;
	padding-right: 24px;
}

.edit-superA.modal .modal_content {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.marg0 {
	margin:0px;
}
.sr_icon {
	position:relative;
	top:0px;
}
.grid_list_sup .paddLR30 {
	padding-left: 30px;
	padding-right: 30px;
}
.grid_list_sup .paddLR40 {
	padding-left: 40px;
	padding-right: 40px;
}
.iconL {
	position:relative;
	top:6px;
}
.switch label input[type=checkbox]:checked + .lever {
	background-color: #34bdce !important;
}
	.switch label input[type=checkbox]:checked + .lever:after {
		background-color: #178d9b !important;
	}
.add_btnUser {
	background: #f79321;
	font-size:24px;
}
.radioActiveDiv [type="radio"]:not(:checked) + span:before,
.radioActiveDiv [type="radio"]:not(:checked) + span:after {
	border: 2px solid #ffffff;
}
.radioActiveDiv [type="radio"]:checked + span:after,
.radioActiveDiv [type="radio"].with-gap:checked + span:after {
	background-color: #ffffff;
	top:-4px;
}
.radioActiveDiv [type="radio"]:checked + span:after,
.radioActiveDiv [type="radio"].with-gap:checked + span:before,
.radioActiveDiv [type="radio"].with-gap:checked + span:after {
	border: 2px solid #ffffff;
	top: -4px;
}
.grid_list_sup .overflow_calc {
	height: calc(100% - 180px);
	overflow-y: auto;
	width: 100%;
}
.pahination_UM .pagination li.active a {
	color: #757575;
}
.pahination_UM .pagination li.active {
	background-color: transparent;
}
.topviewList {
	padding-left:12px;
	padding-right:12px;
}
.createViewDiv a{
	text-transform:uppercase;
}
.margR5 {
	margin-right:5px;
}
.padL10 {
	padding-left:10px;
}
/***userdvchangepassword **/

.userdvchangepassword.modal {
	max-width: 360px;
}

	.userdvchangepassword.modal .modal_heading {
		padding-left: 20px;
		padding-right: 20px;
	}

	.userdvchangepassword.modal .modal_content {
		padding-top: 0px;
	}
/***userdvchangepassword end**/

/***userdvchangepassword **/

.ChangepasswordModall.modal {
	max-width: 360px;
}

	.ChangepasswordModall.modal .modal_heading {
		padding-left: 20px;
		padding-right: 20px;
	}

	.ChangepasswordModall.modal .modal_content {
		padding-top: 10px;
		padding-left: 12px;
		padding-right: 12px;
	}
/***userdvchangepassword end**/
.changebtn {
	
}
.btn-flat.canclebtn {
	color: #757575 !important;
}
.canclebtn:hover {
	background: transparent !important;
}
.changebtn:hover {
	background: transparent !important;
}
.chg_pwd {
	cursor:pointer;
	position: relative;
	top: 13px;
	float: right;
	right: 20px;
}

/***re-assignPUp **/

.re-assignPUp.modal {
	max-width: 640px;
}

	.re-assignPUp.modal .modal_heading {
		padding-left: 32px;
		padding-right: 32px;
	}

	.re-assignPUp.modal .modal_content {
		padding-top: 0px;
	}
/***re-assignPUp end**/

/***statusHPU **/

.statusHPU.modal {
	max-width: 360px;
}
.statusHPU.modal .modal_heading {
	padding-left: 20px;
	padding-right: 20px;
}
.statusHPU.modal .modal_content {
	padding-top: 0px;
}
	.paddText {
		font-size:16px;
	}
/***statusHPU end**/

.VD_div_hight {
	height: 56px;
	line-height: 56px;
	background: #178d9b;
}
.dealer-subscription .tabs .tab a:hover,
.dealer-subscription .tabs .tab a.active {
	background-color: transparent;
	color: #178d9b;
}
.dealer-subscription .tabs .tab a.active {
	border-bottom: 3px solid #178d9b;
}
	.dealer-subscription .tabs .indicator {
	background-color: #178d9b;
	display:none;
}
.dealer-subscription  .tabs .tab a {
	color: rgba(0,0,0,0.7);
}
.ds_mainDiv {
	position: relative;
	top: -48px;
}
.tabs_content_body {
	height: calc(100% - 176px);
	overflow-y: auto;
	background: #fff;
}
.dealer-subscription {
	background: #fff;
	box-shadow: 0 0 6px 2px rgba(0,0,0,.1);
}
.TotalAmountDiv12 {
	font-weight: bold;
	color: brown;
	font-size: 16px;
}
.nextbtnSub {
	background: #178d9b;
	color: #fff;
	min-width: 100px;
	box-shadow: none !important;
}
	.nextbtnSub:hover, .nextbtnSub:focus {
		background: #178d9b;
		color: #fff;
	}
.totalFlex {
	display: flex;
	min-height:56px;
	align-items:center;
	margin-bottom:10px;
	margin-top:10px;
}
.totalFlexF1 {
	display: flex;
	flex:1 1 auto;
	justify-content:flex-end;

}
.totalFlexF2 {
	display: flex;
	width: 112px;
	font-size: 20px;
	padding-left: 10px;
	font-weight:bold;
}
.SubscriptionTest2 {
	padding:24px 15px;
}
.SubscriptionTest3 {
	padding: 24px 15px;
}
.CREATEbtn {
	background: #178d9b;
	color: #fff;
	min-width: 100px;
	box-shadow:none !important;
}

	.CREATEbtn:hover, .CREATEbtn:focus {
		background: #178d9b;
		color: #fff;
	}
.tabs_head_des .tabs  {
	border-bottom: 1px solid #dfdfdf;
}
.VmargR {
	margin-right:12px;
}
.smargR10 {
	margin-right:15px;
}

.nadaShow {
    display: table-row !important;
}

.nadaHide {
    display: none !important;
}

.relative {
    position: relative;
}

.option_divinner {
    font-weight: normal !important;
    padding-left: 10px;
}

.nadaBlock1 {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    color: #212121;
}

.nadaTh_right {
    text-align: right;
}

.nadaTd_right {
    text-align: right;
}

.totalB_div {
    background: #5ac1dc;
    color: #ffff;
}

.totalB_div_orng {
    background: #273f6d;
    color: #ffff;
}

.totalB_divRow {
    border-bottom: 0px solid #dfdfdf !important;
}

.mileage_span {
    font-weight: normal !important;
}

.nada_collapsible {
    box-shadow: none;
    border: 0px solid #dfdfdf;
}

.nada_header_title {
    flex: 1 1 auto;
    display: flex;
    font-size: 16px;
    font-weight: 500;
}

.arrow_nada_icon {
    display: flex;
    width: 40px;
}

.ul_inner_ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .ul_inner_ul li {
        width: calc(99.9% / 1 - 10px);
        float: left;
        margin: 0px 10px 10px 0px;
    }

.para_nadapara {
    margin: 0px;
}

.ul_inner_ul li label {
    position: relative;
}

.collapsible-body.nada_body {
    padding: 0px !important;
    padding-top: 5px !important;
    padding-bottom: 10px !important;
    border-bottom: 0px solid #dfdfdf !important;
}

.nada_header {
    padding: 16px 0rem !important;
}

.arrow_nada_icon {
    color: #757575 !important;
}

.nada_collapsible .active .nada_header .arrow_nada_icon {
    transform: rotate(180deg);
}

.npaddLR24 {
    display: block;
    padding-left: 24px;
    padding-right: 24px;
}

[type="checkbox"].filled-in:checked + span:not(.lever):after {
    border: 2px solid #5ac1dc !important;
    background-color: #5ac1dc !important;
}

.Standar_div {
    padding-left: 24px;
    padding-right: 24px;
}

.stand_title {
    padding-top: 12px !important;
    font-size: 16px;
    font-weight: 500;
    color: #178d9b;
}

.Available_scroll {
    max-height: 294px;
    overflow-y: auto;
}
.errormsg {
    color: red;
    font-size: 12px;
    font-family: 'Times New Roman'
}
.editDealetDetails {
	height: calc(100% - 56px);
}
.editDealerDetails_body {
	height: calc(100% - 112px);
	overflow-y: auto;
	padding-left: 24px;
	padding-right: 24px;
	padding-top:20px;
}
.line_Div0 {
	height:2px;
	border-bottom:1px solid #dfdfdf;
	margin-bottom:20px;
	margin-top:20px;
}
.viewCompletebtn {
	background: #000;
	color: #fff !important;
	box-shadow:none;
	float:right;
	margin-top:20px;
	height:36px;
	text-align:center;
	line-height:36px;
	width:120px;
}
	.viewCompletebtn:hover, .viewCompletebtn:focus {
		background: #000;
		color: #fff !important;
		box-shadow: none;
	}
.carddealerName {
	box-shadow:none !important;
	border-bottom:1px solid #ddd;
	margin-bottom:0px;
}
.carddealerName .card-heade {
	padding: 14px 20px;
}
.cd_bordB{
	border-bottom:1px solid #dddddd; 
}
.dealerLabelEdit {
	font-size: 13px;
	color: #757575;
	margin-bottom: 4px;
}
.dealerLabelEditV {
	font-size: 16px;
	color: #212121;
}



.sellPriceMain {
	display: flex;
	background:#212121;
	min-height:62px;
	align-items:center;
	border-radius:3px;
	margin-bottom:10px;
}
.sellPriceMainF1
{
	display: flex;
	flex:1 1 auto;
}
.sellPriceMainF2 {
	display: flex;
	width: 120px;
	min-width: 120px;
	background: #178d9b;
	
	align-items:center;
	justify-content:center;
	min-height: 62px;
	border-radius: 0px 3px 3px 0px;
}
.timeNumber {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}
.TimeExpired {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}
.sellPrice_inner {
	display: flex;
}
.Sell_text {
	width: 100px;
	color: #fff;
	display: flex;
	align-items: center;
	padding: 0px 8px;
	max-width: 100px;
	font-size:12px;
}
.Sell_textFiled {
	display: flex;
	padding-right:10px;
}
input.classInputSell {
	background: #515151 !important;
	color:#fff !important;
	border-radius:3px 0px 0px 3px !important;
	border-bottom:0px solid #dfdfdf !important;
	margin-bottom:0px !important;
	padding-left:5px !important;
	padding-right:5px !important;
    font-size:17px !important;
}
.input.classInputSell:focus{
	box-shadow:none !important;
}
.submintbutton {
	box-shadow: none;
	background: #f79321;
	color: #ffffff;
	height: 37.5px;
	border: 0px solid #000;
	border-radius: 0px 3px 3px 0px;
	padding: 0px 10px !important;
}
	.submintbutton:hover, .submintbutton:focus {
		box-shadow: none;
		background: #f79321;
		color: #ffffff;
	
	}
.Sell_textFiled input.valid:not([type]),
.Sell_textFiled input.valid:not([type]):focus,
.Sell_textFiled input.valid[type=text]:not(.browser-default),
.Sell_textFiled input.valid[type=text]:not(.browser-default):focus,
.Sell_textFiled input.valid[type=password]:not(.browser-default),
.Sell_textFiled input.valid[type=password]:not(.browser-default):focus,
.Sell_textFiled input.valid[type=email]:not(.browser-default),
.Sell_textFiled input.valid[type=email]:not(.browser-default):focus,
.Sell_textFiled input.valid[type=url]:not(.browser-default),
.Sell_textFiled input.valid[type=url]:not(.browser-default):focus,
.Sell_textFiled input.valid[type=time]:not(.browser-default),
.Sell_textFiled input.valid[type=time]:not(.browser-default):focus,
.Sell_textFiled input.valid[type=date]:not(.browser-default),
.Sell_textFiled input.valid[type=date]:not(.browser-default):focus,
.Sell_textFiled input.valid[type=datetime]:not(.browser-default),
.Sell_textFiled input.valid[type=datetime]:not(.browser-default):focus,
.Sell_textFiled input.valid[type=datetime-local]:not(.browser-default),
.Sell_textFiled input.valid[type=datetime-local]:not(.browser-default):focus,
.Sell_textFiled input.valid[type=tel]:not(.browser-default),
.Sell_textFiled input.valid[type=tel]:not(.browser-default):focus,
.Sell_textFiled input.valid[type=number]:not(.browser-default),
.Sell_textFiled input.valid[type=number]:not(.browser-default):focus,
.Sell_textFiled input.valid[type=search]:not(.browser-default),
.Sell_textFiled input.valid[type=search]:not(.browser-default):focus {
	border-bottom: 0px solid #178d9b !important;
	-webkit-box-shadow:none !important;
	box-shadow: none !important;
}

.carddealerName .card_header {
	padding: 20px 24px 0px;
}
.carddealerName {
	display: flow-root;
}
.subsDetails_title {
	margin:0px;
	margin-top:18px !important;
}
.carddealerName .card_content {
	display:table;
	width:100%;
}
.DescriptionSub {
	padding-top:10px;
}
.size_lg {
	font-size: 22px !important;
	border-width: 0px !important;
	border-radius: 0px 3px 3px 0px !important;
	text-align: center;
}
.colorDefinition {
	background: #178d9b !important;
	color: #FFFFFF;
	border-color: unset !important;
}
.subscriptionColl .collapsible-header {
	font-size: 18px;
	color: #f79321;
}
.subscriptionColl .collapsible-body {
	padding: 0px 20px 20px 20px !important;
	border-bottom: 0px solid #ddd;
}
	.subscriptionColl > li {
		border-bottom: 1px solid #dfdfdf;
		background:#fff;
	}
.mi_kad {
	position: absolute;
	right: 0px;
}
.dw_th {
	font-size:13px;
	text-align:left;
	color:#757575;
}
.dw_td {
	font-size: 15px;
	text-align: left;
	color: #212121;
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.holder a:hover {
	background-color: transparent !important;
	background: transparent !important;
}
.vh_h_3 {
	font-size:18px;
	font-weight:bold;
}
.veh_details_ .items_tabs_ul .item_list {
	width: calc(99.9% * 1/2 - 20px);
	float: left;
	float: left;
	margin: 0 20px 2px 0;
}
.veh_details_  .tab_item {
	padding-left: 10px !important;
	padding-top: 20px !important;
	padding-right: 10px !important;
	padding-bottom: 20px !important;
}
.veh_details_ .eqp_para {
	color: #212121;
	font-size: 14px;
	/* font-family: 'Teko', sans-serif; */
	min-height: 28px;
	display: flex;
	align-items: center;
	font-weight: 500;
	padding-left: 28px;
}
.veh_details_ .card.spec_card2 {
 min-height: 28px; 
}
.veh_details_ .art_imgD {
	position: absolute;
	left: 14px;
	top: 9px;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	padding: 3px;
}
.veh_details_ .art_imgD i {
	font-size: 18px;
	color: #a9a9a9;
}
.margR0 {
	margin-right:0px !important;
}
.veh_details_ .tabs.tabsheader .tab a.active {
	color: #178d9b;
	font-weight: 600;
	border-bottom: 2px solid #178d9b;
}
.veh_details_ .tabs .indicator {
	display: none;
}
.createUserOver {
	height: calc(100% - 117px);
	overflow-y: auto;
}
.label_checkbox {
	position:relative;
}
	.label_checkbox [type="checkbox"]:not(:checked), .label_checkbox [type="checkbox"]:checked {
		opacity: 0 !important;
	}
.options_inactive{
    display:none;
}
.notAvailable {
	font-size: 16px;
	font-weight: 500;
	color: #757575;
	padding: 10px 0px 20px 0px;
}
.veh_details_ .icon_in_detail {
	position: absolute;
	left: 0;
	top: 10px;
	width: 28px;
	height: 28px;
}
.eq_tt {
	font-size:16px;
	font-weight:500;
	color:#212121;
}
.tab_item8 {
	padding:8px !important;

}
/*.header_item .title {
	color:#212121;
}*/
.gr_info .lb_text2 {
	min-height: 24px;
}
.gr_info .card.spec_card2 {
	min-height: 38px;
}
.ph_card_bdy {
	padding:10px;
}
.gray_text.btn-flat {
	color:#757575 !important;
}
.actionNone {
	display:none !important;
}




.web_dialogStatus.modal {
	max-width: 400px;
}
	.web_dialogStatus.modal .modal_heading {
		padding-left: 0px;
		padding-right: 0px;
	}
	.web_dialogStatus.modal .modal_content {
		padding-top: 0px;
	}
.spanstatus_div {
	font-size:16px;
	font-weight:500;
	color:#212121;
}
.web_dialogStatus .cnclbtn, .web_dialogStatus .cnclbtn:hover, .web_dialogStatus .cnclbtn:focus {
	color: #757575;
	font-weight: 500;
	background: transparent !important;
	box-shadow: none !important;
	float:right;
}
.web_dialogStatus .okbtn, .web_dialogStatus .okbtn:hover, .web_dialogStatus .okbtn:focus {
	color: #178d9b;
	font-weight: 500;
	background: transparent !important;
	box-shadow: none !important;
	float: right;
}
.web_dialogStatus .btnsubmit, .web_dialogStatus .btnsubmit:hover, .web_dialogStatus .btnsubmit:focus {
	color: #178d9b;
	font-weight: 500;
	background: transparent !important;
	box-shadow: none !important;
	float: right;
	margin-bottom:10px;
}
.right_items_list .collapsible-body {
	display: block !important;
}
.completeV_btn1 {
	background: #fff !important;
	border-radius: 5px;
	color: #212121 !important;
	float: right;
	margin-top: 10px;
	box-shadow:none;
	margin-right:24px;
}
/**purchTradeCompleted modal**/
.purchTradeCompleted.modal {
	max-width: 900px;
	max-height: 86%;
	height: 86%;
}
.purchTradeCompleted .modal_content {
	padding:0px !important;
}
.ptCompleted_row {
	display: flex;
	height: 100%;
}
.ptCompletedL {
	width:50%;
	min-width:50%;
	display:flex;
	border-right:1px solid #dfdfdf;
}
.ptCompletedR {
	width: 50%;
	min-width: 50%;
	display: flex;
}
.ptCompletedBlock {
	display:block;
	width:100%;
}
.ptCompleted_Head {
	display: flex;
	min-height: 100px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}
.ptCompleted_F1 {
	display: flex;
	flex:1 1 auto;
	flex-direction:column;
}
.ptCompleted_F2 {
	display: flex;
	min-width:24px
}
.title {
	font-size:20px;
	font-weight:500;
	color:#212121;
	margin-bottom:4px;
}
.title_sub {
	font-size: 16px;
	font-weight: 400;
	color: #212121;
}
.ptCompleted_body {
	height:calc(100% - 150px);
	overflow-y:auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	overflow-x:hidden;
}
.ptCompleted_foot {
	height: 48px;
	height: 48px;
	padding-right: 12px;
}
.purchTradeCompleted.modal-fixed-footer .modal-content {
	height: calc(100% - 0px);
}
/**purchTradeCompleted modal end**/

.btnLogin1 {
	box-shadow: none !important;
	background: #178d9b !important;
}
.valueBook {
	padding-right: 32px;
	font-style: italic;
	font-size:14px
}
@media only screen and (max-width:992px) and (min-width:640px){
	.m6flex {
		max-width: 100% !important;
	}

	.m6flexL {
		width: 50% !important;
		justify-content: flex-start;
		float: left;
	}

	.m6flexR {
		width: 50% !important;
		float: left;
	}
	.topviewList {
		height: 114px;
		line-height: 40px;
	}
}
@media only screen and (max-width:639px) and (min-width:280px) {
	.m6flex {
		max-width: 100% !important;
	}

	.m6flexL {
		width: 100% !important;
		justify-content: flex-start;
		float: left;
	}
	.topviewList {
		height: 140px;
		line-height: 40px;
	}
	.m6flexR {
		width: 100% !important;
		float: left;
	}
}
@media (max-width:992px) {

	.grid_list_sup .paddLR30 {
		padding-left: 16px;
		padding-right: 16px;
	}
	
	.quoteFlex1 {
		width: 100%;
	}
	.quoteFlex {
		padding: 0px 13px;
	}
	.quoteBody{
		height:calc(100% - 56px);
		
	}
	.quoteBody.overflow {
		overflow-x: hidden;
	}
	.salesAnaly_Left {
		left: -280px !important;
	}
	.salesAnaly_content {
		padding-left: 0px !important;
	}
	.salesAnaly_content.sa_active {
		padding-left: 280px !important;
	}
		.salesAnaly_content.sa_active .salesAnaly_Left {
		left: 0px !important;
	}

	.valueBook {
		font-size: 12px;
		padding-right: 16px;
		display: block;
		padding-top: 6px;
	}
	.quoteBody.overflow {
		width: 100%;
	}

	.quoteFlex {
		display: block;
	}

	.qfl_card {
		display: block;
	}

	.qfl_1, .qfl_2, .qfl_3 {
		max-width: 100%;
	}

	.modal_content_flow {
		max-height: initial;
	}

	.modal_purchases.modal {
		width: 100%;
	}

	.search_text {
		text-align: left !important;
	}
	.Condition_section {
		border-right: 0px solid #dfdfdf;
		max-height: initial;
	}
	.purch_row {
		display: block;
	}
	.cardContent_ .row {
		width: 740px;
	}
	.card .card-content {
		padding: 24px;
		border-radius: 0 0 2px 2px;
		overflow-x: auto;
		width: 100%;
		min-height: 376px;
	}
	.Estimated_btn {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.setdefultvalue {
		float: left;
	}
	.card-content.cardContent{
		display:block;
	}
	.CardEstimated {
		display: block;
		width: 100%;
	}
	.buy_request_card .qfl_1 {
		max-width: 100%;
	}
	.mb_width_20p .checkbox_box {
		float: left;
	}
	.header_item{
		margin-bottom:10px;
	}
	.modalDiscount.modal {
		max-width: 100%;
	}
	.modalAccesories.modal {
		max-width: 100%;
	}
	.modalRebatemodal.modal {
		max-width: 100%;
	}
	.norecord_card {
		max-width: 260px;
		padding-top: 14px;
	}
	.quoteBody.overflow {
		height: calc(100% - 124px);
	}
	#NadaResult_TradeIn.NadaResult_TradeInRow {
		overflow-x: auto;
	}
	.Bof_ItemizationModal.modal.bottom-sheet {
		max-width: 100%;
	}
	.header_item_main {
		border-right: 0px solid #dfdfdf;
	}
}
@media (max-width:640px){
	.itemsList_block {
		width:100%;
	}
	.rating_Div_ul {
		margin-left: 0px;
	}
}
.est_collapsible_header {
	padding-top:15px;
}

/**sales_an_main**/
.salesAnaly_main{
	background:#f4f4f4;
	height:calc(100% - 60px);
}
.sa_topbar{
    height: 56px !important;
    line-height: 56px !important;
    background: #178d9b;
	display:flex;
	padding-left:20px;
	padding-right:20px;
}
.sa_Div1 {
	display:flex;
	flex:1 1 auto;
}
.sa_Div2 {
	display: flex;
	min-width:120px;
}
.btnExport {
	background:#f79321 !important;
	color:#fff;
	box-shadow:none !important;
}
.sa_F1 {
	display: flex;
	min-width: 40px;
	color: #fff;
	align-items: center;
}
.sa_F2 {
	display:flex;
	flex:1 1 auto;
	font-size:16px;
	font-weight:500;
	color:#fff;
}
.salesAnaly_content {
	padding-left: 280px;
	position: relative;
	height: 100%;
	transition: all 0.3s ease-in-out;
}
.salesAnaly_Left {
	position: fixed;
	left: 0;
	top: 116px;
	background: #fff;
	height: calc(100% - 116px);
	width: 280px;
	padding: 15px 10px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	transition: all 0.3s ease-in-out;
}
.INLdate {
	font-size:16px;
	color:#212121;
}
.sa_overflow_calc {
	height: calc(100% - 98px);
	overflow-y: auto;
	width: 100%;
}
.salesAnaly_content .paddLR40 {
	padding-left: 40px;
	padding-right: 40px;
}
.no_recardF {
	margin-left: 10px;
	font-size: 20px;
	padding: 20px;
	color:#757575;
}
.SalesAnalyticsbtn {
	background:#178d9b;
	box-shadow:none;
	float:right;
}
.salesAnaly_content.sa_active {
	padding-left: 0px;
}

.salesAnaly_content.sa_active .salesAnaly_Left {
	left: -280px;
}
/**sales_an_main end**/
.right_items_list .collapsible-header{
	cursor:text;
}
.right_items_list .collapsible-header .invokeDamageClick {
	cursor: pointer;
}
#dvNADA_TradeIn .collapsible-header {
	cursor: text;
}
.cardconntrolN {
	box-shadow: 2px 2px 6px #888888;
	height: auto;
	padding:0px !important;
	background: #ffffff;
	margin-top: 20px;
	background-color: #fff;
}
.cardconntrolNHead {
	height:48px;
	padding:10px 10px;
}
.cardconntrolNHead h6{
	font-size: 16px;
	margin-bottom: 0px;
	float: left;
	margin: 14px 20px 12px 20px;
}
.quoteBodysearch {
	width: 100%;
	height: calc(100% - 56px);
}
.BindCstmrSearchDetails {
	padding-right:16px;
	padding-left:12px !important;
}
.BindCstmrSearchDetails {
	max-height: 68vh;
	overflow-y: scroll;
}
.cardconntrolN {
	max-width: 480px;
	margin: auto;
	width: 90%;
}
.active_Inactive {
	display:flex;
	justify-content:flex-end;
}
	.active_Inactive .radioActiveDiv {
		margin-right:10px;
	}
.m6flexL {
	display:flex;
	justify-content:flex-end;
}
.m6flex {
	display: flex;
	max-width: 300px;
	width: 100%;
	align-items:center;
}
.m6flexF1 {
	display:flex;
	flex:1 1 auto;
}
.m6flexF1 .sreachTopDiv {
	width: 100%;
}
.m6flexF2 {
	display: flex;
	width: 40px;
}
.m6flexF3 {
	display: flex;
	width: 40px;
}

.links_ul .dropdown-trigger i {
	line-height: 66px;
}

/*For Internet Explorer*/
@media all and (-ms-high-contrast: none) {
	.links_ul .dropdown-trigger i {
		line-height: 71px;
	}
}
/*For Edge*/
@supports (-ms-ime-align:auto) {
	.links_ul .dropdown-trigger i {
		line-height: 71px;
	}
}
/*@supports (-moz-appearance:none) {
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: url('../images_new/fire_drop.png') !important;
		background-size: 12px !important;
		background-repeat: no-repeat !important;
		padding-right: 20px;
		background-position: right center !important;
	}


		select#ddlpageSize {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			background: url('../images_new/fire_drop_white.png') !important;
			background-size: 12px !important;
			background-repeat: no-repeat !important;
			padding-right: 20px;
			background-position: right center !important;
		}
}*/

select:focus{
	outline:none !important;
}
/*select::-ms-expand {
        width: 12px;
        border: none;
        background: #fff;
    }*/
.btn_search_fr:focus {
	outline: none !important;
}

/*New Css for 22-05-2020*/
@media only screen and (max-width:639px) and (min-width:280px) {

	#DealListsGrid.overflow_calc {
		height: calc(100% - 120px);
	}


	.buy_details_dealer_main .buy_details_F2 {
		padding-right: 4px;
	}

        .buy_details_dealer_main .buy_details_F2 .vh_bd_title {
            width: 55%;
            font-size: 15px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .buy_details_dealer_main .buy_details_F2 .Trom_bd_valur {
            width: 45%;
            font-size: 13px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-top: 0px;
            margin-left: 4px;
        }
        #dvshowPopUp {
            width: 90% !important;
        }
        .norecord_card {
            margin: 0 auto;
            margin-top: 24px;
        }
        .SI_left.active_SI
        {
            width:100% !important;
        }
       .modal_purchases .modal-content.modal_content 
       {
        overflow-y: scroll;
        overflow-x: hidden;
    }
    #Bof_FindVehicle .search_text
    {
        margin-bottom:16px;
    }
    #dvsearchHead .collection .collection-item
    {
        padding:0px 20px;
    }
    .modalSalesTax .purchesDIVT
    {
        line-height:28px;
    }
    .MOverflowx
    {
        overflow-x:hidden;
    }
    .Mcnametxt:before {
        margin-left: -20px;
        font-size: 12px !important;
    }
    .MpadR0
    {
        padding-right:0px;
    }
    .MIwid16
    {
        width:16%;
    }
}
.marT0
{
    margin-top:0px !important;
}
.marT20
{
    margin-top:20px;
}
.InvHist_container .input-field.col label {
    left: 0px !important;
}
.iconT
{
    position:relative;
    z-index:1;
}
.iconB
{
    position:absolute;
}
.select_language .select-dropdown li img
{
    height: 12px;
    width: 18px;
    margin: 10px -4px 0px 6px;
    float: left;
}
.prefix_field input:-webkit-autofill,
.prefix_field input:-webkit-autofill:hover,
.prefix_field input:-webkit-autofill:focus,
.prefix_field input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 0px #000 inset !important;
}

@-webkit-keyframes autofill {
    0%,100% {
        color: #fff;
        background: transparent;
    }
}
.prefix_field input:-webkit-autofill {
    -webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.WmarB20 {
    margin-bottom: 20px;
}
@media only screen and (max-width:639px) and (min-width:280px) {
    .sortby_text .select-wrapper .caret {
        right: -12px;
    }

    .Mselect_sort {
        width: 236px !important;
        margin-left: -12px !important;
        margin-top: 4px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
.cursorD {
    cursor: default;
}

/*Smart Sell List CSS Starts Here*/
.ssl_heading
{
    font-size:15px;
    color:#fff;
    font-weight:500;
}
.ssl_container
{
    width:100%;
}
.padTB20
{
    padding-top:20px;
    padding-bottom:20px;
}
.tabs.ssl_tabs,
.tabs.ssl_tabs .tab a.active 
{
    color: #ffffff;
    font-weight: 500;
    background-color: #178d9b !important;
}
.ssl_tabs .tab a:hover
{
    color: #ffffff;
}
.tabs.ssl_tabs .tab a.active {
    border-bottom: 3px solid #fff;
}
.ssl_tabs .tab a {
    color: #ffffff;
}
.ssl_tabs .tab
{
    height:56px;
}
.padLR0 {
    padding-left: 0px;
    padding-right: 0px;
}
.ssl_nodata
{
    text-align:center;
    color:#757575;
    font-size:16px;
    font-weight:500;
    padding:12px;
}
.tabs.ssl_tabs
{
    height: 56px;
}
.tabs.ssl_tabs .tab
{
    height: 56px !important;
    line-height: 56px !important;
}
/*Smart Sell List CSS Ends Here*/

/*Smart Buy List CSS Starts Here*/
.sbl_nodata {
    text-align: center;
    color: #757575;
    font-size: 16px;
    font-weight: 500;
    padding: 12px;
}
.MpadLR0
{
    padding-left:0px !important;
    padding-right:0px !important;
}
/*Smart Buy List Ends Here*/
/* Appointment and Follow up css starts here*/
.radiolist_af [type="radio"]:not(:checked) + span, [type="radio"]:checked + span {
    display: initial;
}
.radiolist_af [type="radio"]:not(:checked) + span:before,
.radiolist_af [type="radio"]:not(:checked) + span:after
{
   border: 2px solid #757575;
}
.tabs.tabsAPF .tab a
{
    color: #fff !important;
}
.radiolist_af label
{
    color:#757575;
}
section#main
{
    margin-left:0px !important;
}
.apf_list
{
    width:100%;
    float:right;
}
.filter-heading
{
    width:86%;
    float:left;
}
.close_btn_apf
{
    padding-top:12px;
}
.apf_filter
{
    width:100%;
    display:block;
}
.lh-60
{
    line-height:60px !important;
}
.padNew {
    line-height: 0px !important;
    padding: 6px 0px 0px 52px !important;
    color: #fff;
}
.radio_show [type="radio"]:not(:checked),
.radio_show [type="radio"]:checked
{
    opacity:1;
}
.posrel label
{
    position:relative !important;
    left:0px !important;
}
.card-panel.menu_Scard {
    top: 0px;
    background-color: transparent !important;
    left: 340px;
    padding: 8px;
    margin: 8px 0px 0px;
}
.padLR24
{
    padding-left:24px !important;
    padding-right:24px !important;
}
.marT10
{
    margin-top:10px;
}
.modal_customer
{
    top:5% !important;
    width:90%;
}
.padLRB14
{
    padding:0px 14px 14px !important;
}
.act_hisul
{
    height: 86px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 14px;
}
.apfcustomer_right
{
    margin-left:2px !important;
}

.padNew
{
    display:none;
}
.circle-11
{
    background: #f79321 !important;
}
.orange-text {
    color: #f79321 !important;
}
/* Appointment and Follow up css ends here*/
/*Back of Book CSS Starts Here*/
.filter_bob {
    position: fixed;
    right: 0;
    top: 60px;
    background: #fff;
    height: calc(100% - 60px);
    width: 280px;
    padding: 15px 10px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
.reset_bob
{
    background-color: #212121;
    color: #fff;
    box-shadow: none;
    border-radius: 3px;
    font-weight: 500;
}
.update_bob
{
    background-color: #f79321;
    color: #fff;
    font-weight: 500;
    box-shadow: none;
    border-radius: 3px;
}
.sbtn_bob
{
    margin-top:8px;
}
.bob_checkfield
{
    margin-top:8px;
}
.bob_checkfield span
{
   font-size: 12px !important;
   font-weight: 600;
   color: #757575;
}
.filter_bob
{
    display:none;
    overflow:auto;
}
.bob_checkfield span
{
    font-size:11px;
}
.filter_title_bob {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
}
.close_bob
{
    color:#757575;
}
.padB8
{
    padding-bottom:8px !important;
}
.smart_help {
    position: relative;
    left: 70px;
    font-size: 20px;
    color: #f26712;
    bottom: 64px;
}
.col_blue {
    color: #3498db !important;
}
.padLR12
{
    padding-left:12px;
    padding-right:12px;
}
.tr_hover_marLR0:hover
{
    margin-left: 0px;
    margin-right: 0px;
}
.col_greenbd {
    color: #4eb685 !important;
}
.col_redbd {
    color: #d51f35 !important;
}
.top_dd_img .select-dropdown li img
{
    height: 20px;
    width: 20px;
    margin: 15px;
    float: left;
}
.top_dd_img .select-wrapper input.select-dropdown
{
    color:#fff;
    border-bottom:0px;
}
.top_dd_img .select-wrapper .caret {
    fill: rgba(255, 255, 255, 0.87);
    /*right: -28px;*/
    top: -12px;
}
.top_dd_img .select-wrapper
{
    width:130px;
    float:left;
}
.top_dd_img .dropdown-content.select-dropdown
{
    width: 200px !important;
}
/*Back of Book CSS Ends Here*/

.overflow_auto
{
    overflow:auto !important;
}
.cuaging_btn {
    background-color: #f79321 !important;
    box-shadow: none !important;
    font-weight: 500;
}

.aging_card {
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    margin: 50px 0px;
    height:310px;
}
.aging_head
{
    color: #757575;
}
.aging_row {
    font-weight: 500;
    font-size: 14px;
    padding: 12px 0px;
    border-bottom: 1px solid #eee;
}
.aging_row:last-child
{
    border-bottom:0px;
}
.col_orange {
    color: #f79321;
}
.col_blue1 {
    color: #4a87d1;
}
.col_blue2 {
    color: #4a87d1;
}
.col_green2 {
    color: #33ac71;
}
.bob_view,
.bob_view:hover {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #bbb;
    border-radius: 30px;
    color: #212121;
    font-size: 10px;
    padding: 0px 10px;
    font-weight: 500;
    margin-top: 0px;
    height: 24px;
    line-height: 10px;
}




.aging_body {
    padding: 12px 0px;
    border-bottom: 1px solid #eee;
    font-weight: 500;
}
.padLR0
{
    padding-left:0px !important;
    padding-right:0px !important;
}

/*.aging_body:last-child
{
    border-bottom:0px solid #eee;
}*/
.aging_head {
    color: #757575;
    font-weight: 500;
    font-size: 14px;
    padding: 12px 0px;
    border-bottom: 1px solid #eee;
}

.aging_tabs_content .container {
    width: 90%;
    margin: 0 auto;
}

.aging_block {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 12px 32px;
    height: 340px;
}

/*Delaer Inventory Aging Starts Here*/
.add_new_aging {
    background-color: #fff;
    width: 80%;
    margin: 18px auto;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 24px 12px 12px;
}
.dia_add {
    background-color: #f79321;
}
.dia_cancel {
    background-color: #757575;
}
.dia_add, .dia_cancel {
    box-shadow: none;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    margin: 8px 16px;
}
.lh-56
{
    line-height:56px;
}

.dia_grid {
    width: 80%;
    margin: 0 auto;
}

.aging .container
{
    width:86% !important;
    margin-top:32px;
}

.aging_top .tabs
{
    background-color: #178d9b;
    height:56px;
}
.aging_top .tabs .tab
{
        height: 56px;
        line-height: 56px;
        color:#fff;
}
.aging_top .tabs .indicator 
{
        background-color: #fff;
        height:3px;
}
.dia_btn,
.dia_btn .btn:hover
{
    background-color: #fff !important;
    box-shadow: none !important;
    color: #757575;
    padding-right: 12px;
    padding: 0px;
    font-weight:500;
}
.dia_back_arrow {
    line-height: 42px;
    padding-right: 12px;
}
.marB16
{
    margin-bottom:16px;
}
/*Buy List Page CSS*/
.buylist_main
{
    height: calc(100% - 112px);
    overflow: scroll;
}
.twoline_txt 
{
    overflow: initial !important;
    white-space: initial !important;
    text-overflow: initial !important;
    line-height: 16px !important;
    line-break: anywhere;
    margin-top: 6px;
}
@media only screen and (max-width:639px) and (min-width:280px) {
    .dia_grid
    {
        width:96%;
    }
}
/*Delaer Inventory Aging Ends Here*/
/*Back of Book Responsive*/
@media only screen and (max-width:639px) and (min-width:280px)
{
        .bob_topBar .bob_title {
            font-size: 14px;
            font-weight: 500;
        }

        .top_dd_img .select-wrapper .caret {
            right: 0px;
        }

	.top_dd_img .select-wrapper {
		width: 120px;
		margin-top: 4px;
		margin-left: -30px;
	}
 }
@media only screen and (max-width:639px) and (min-width:280px)
{
    .bg_themeApf
    {
        height: 120px;
    }
    #overdue1
    {
        padding-left:0px;
        padding-right:0px;
    }
    /*Inventory Aging Report*/
    .aging .container
    {
        width: 100% !important;
        margin-top: 0px;
    }
    .aging_block
    {
        padding: 12px 24px;
        margin-bottom: 24px;
    }
    /*Appointment Followup*/
    #ToggleHeader a
    {
       margin-left:-8px;    
    }
    /*Inventory Aging Grid When we select graph list value*/
    .aging_grid_head
    {
        height:110px !important;
    }
    .aging_grid_head div.Pagination
    {
        text-align:left !important;
    }
    .aging_inventory
    {
        float:right;
    }
    /*Dealer Inventory Aging*/
    .topBar.dia_topbar
    {
        height:60px;
    }
    .dia_new_aging
    {
        float:right;
        margin-top:-44px;
    }
    .Mspncolor
    {
        float:right;
    }
    .topBar.aging_top
    {
        height:112px;
    }
    .cuaging_btn
    {
        font-size: 12px;
        padding: 0px 6px;
        float: right;
    }
    .Mwid170
    {
        width:170px;
    }
    .Mcu_agingbtn
    {
        float: right !important;
        margin-top: -100px;
    }
    /*Adding New Aging Values*/
    .add_new_aging {
        width: 90%;
    }
    /*backofbook*/
    .topBar.bob_topBar
    {
        height:auto;
    }
    .mart-60
    {
        margin-top:-60px;
    }
    .Mheight_auto
    {
        height:auto;
    }
    /*Consumer Search Responsive CSS*/
    .cs_addcustomer
    {
        padding-top:0px !important;
    }
    .MmarB0
    {
        margin-bottom:0px;
    }
    /*Appointment and Followup Menu Mobile Responsive CSS Starts Here*/
    .navtoggle:target
    {
        width: 280px !important;
        left: 0px;
        position: fixed;
        z-index: 9;
    }
    .navtoggle:target + .content
    {
        width:100%;
    }
    .apf_closeN
    {
        z-index: 9 !important;
        float: left;
        right: -164px;
    }
}

#grdInventoryVehicles .commontbl .common_tr.tr_hover,
#grdInventoryVehicles_U .commontbl .common_tr.tr_hover {
    display: block;
    width: 100%;
}

.paddLR30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.aging_grid_head
{
    margin: 0px !important;
    background-color: #212121;
    color: #fff;
    line-height: 50px;
    height: 50px;
    padding:0px 6px;
}
#dvInventoryVehicles,
#dvInventoryVehicles_U 
{
    margin-top: 30px;
    border: 1px solid #eee;
}
.clear_all_aging
{
    font-size: 14px;
    float: right;
    margin-top: 8px;
    font-weight: 500;
}
.aging_grid_head div.Pagination 
{
    color: #ccc;
    text-align:center;
}
.agingpage_btn,
.agingpage_btn.btn:hover {
    background-color: transparent;
    padding: 0px;
    box-shadow: none;
    width: 16px;
    height: 16px;
    margin-top: -10px;
}
.apf_closeN 
{
    margin-top: 0px;
    margin-left: -60px;
    z-index: 1;
    position: relative;
    color: #757575 !important;
}

.modal-button-samll
{
    color: #f79321 !important;
}
.aging {
    height: calc(96% - 112px);
    overflow: auto;
}
.dia_grid
{
    height:calc(90% - 96px);
    overflow:auto;
    overflow-x:hidden;
}
.borLgreen
{
    border-left: 3px solid #4eb685;
}
.borLred 
{
    border-left: 3px solid #d51f35;
}

/*Signup Page CSS Starts Heer*/
.upload_signup,
.btn.upload_signup:hover
{
    background-color: transparent;
    color: #757575;
    box-shadow: none;
    padding: 0px;
    float: right;
}
	.upload_signup span {
		position: absolute;
		right: 0;
		top: 19px;
		background: #fff;
		width: 33px;
		height: 33px;
	}
.signup_img .file-path-wrapper
{
    padding-left:0px;
}
.signup_date {
    position: absolute;
    right: 12px;
    color: #757575;
    font-size: 20px;
    top: 8px;
}
.signup_submit
{
    background-color: #f79321;
    color: #fff;
    font-weight: 500;
}
.have_account
{
    font-size:12px;
    color:#757575;
}
    .have_account span {
        text-transform: uppercase;
        font-size: 14px;
        padding-left: 3px;
        color: #178d9b;
        font-weight: 500;
    }
.signup_content 
{
    height: auto !important;
    width:100%;
}
.signup_head {
    color: #212121;
    font-weight: 500;
    font-size: 20px;
    padding: 0px 12px 20px;
}
.siguplogoDiv {
    width: 200px;
    height: auto;
    margin: 0px;
}
.siguplogoDiv img
{
    width:100%;
}
.signup_left {
    display: flex;
    flex: 1 1 auto;
    background-image: url('http://dealer.tradecarros.com/content/desktop/images/cycleprologin.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.signup_right {
    display: flex;
    width: 50%;
}
.dealer-subscription
{
    display:flex;
    height:100%;
}
.top0
{
    top:0px;
}
.signup_conditions {
    padding-top: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
    .signup_conditions [type="checkbox"]:not(:checked),.signup_conditions [type="checkbox"]:checked {
        position: relative;
        display: block;
    }
.tandc_txt
{
    text-decoration:underline;
    color:#178d9b;
}
.pad16 {
    padding: 16px !important;
}
/*upload image only content icon Click*/
.img_upload_icon {
    /*position: absolute !important;
    width: 20px !important;
    margin-left: 90% !important;*/
    height: 60px !important;
    /*margin-top: 8% !important;*/
}
/*Appointment Followup Popup UI Changes on 12-06-2020*/
#modal1_callsarvey.modal1.modal-fixed-footer .modal-content {
    overflow-x: hidden !important;
}
.survey_notes textarea {
    border: none;
    border-bottom: 1px solid #eee;
}
.survey_notes materialize-textarea:focus {
    border-bottom: 1px solid #178d9b !important;
}
.topM4_apf [type="radio"]:checked + span:after, .topM4_apf [type="radio"].with-gap:checked + span:before, .topM4_apf [type="radio"].with-gap:checked + span:after
{
    top:-4px;
}
.topM4_apf [type="radio"]:not(:checked) + span:before,
.topM4_apf [type="radio"]:not(:checked) + span:after
{
    top:-4px;
}
.actionicons {
    width: 20px;
    height: 24px;
    margin-top: 5px !important;
    margin-left: 2px;
}
.circles2
{
    display: block;
    width: 35px !important;
    text-align: center;
    height: 35px;
    border-radius: 30px;
    padding: 0px !important;
}
.gridc_popup 
{
    height: 95% !important;
    max-height: 95% !important;
    top: 3% !important;
}
/*Activity Summary*/
#reportFilter {
    position: fixed !important;
    right: 0 !important;
    top: 60px !important;
    background: #fff !important;
    height: calc(100% - 60px) !important;
    width: 280px !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2) !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 1 !important;
}
.act_summary_head
{
    font-weight: 500;
    color: #212121;
    padding-top: 8px;
}
.paddLR8
{
    padding-left:8px;
    padding-right:8px;
}
#divActivities
{
    /*overflow:scroll;*/
}
.wid3000
{
    width:3000px;
}
#reportDiv
{
    width:80% !important;
    padding-top:30px;
}
.customwidth-s2
{
    width:20% !important;
    padding-top:30px !important;
}

#divbbdetails .overflow_calc {
    height: calc(100% - 67px);
    overflow-y: auto;
    width: 100%;
}
.salp_head {
    color: #f79321 !important;
    font-size: 16px !important;
    font-weight: 500;
}
.Whide
{
    display:none;
}
.padL12
{
    padding-left:12px;
}
.padR1
{
    padding-right:1px !important;
}
/*#lblActivity
{
    height:85px !important;
}*/
.apfcustomer_right {
    background-color: #eee;
}
.mart4
{
    margin-top:4px;
}
.cradio li {
    margin:2px 24px 12px 0px !important;
}
.cradio label {
    font-size: 16px;
}
.padL8 {
    padding-left: 8px;
}
.custom_radio [type="radio"]:not(:checked) + label,
.custom_radio [type="radio"]:checked + label {
    padding-left: 0px !important;
}
.mar0
{
    margin:0px !important;
}
.signup_link
{
    display: block;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #178d9b !important;
    font-weight: 500;
}
.signup_block
{
    position: absolute;
    right: 0px;
    bottom: 30px;
    padding-right: 40px;
}
.popup3_clock
{
    position:absolute;
}
@media only screen and (max-width:639px) and (min-width:280px) {
    #ddlActiveSalesPersons
    {
        height:270px;
        overflow:scroll;
    }
    #ddlInActiveSalesPersons
    {
        height:270px;
        overflow:scroll;
    }
    .Whide {
        display: block;
    }
    .salp_head
    {
        font-size:12px !important;
    }
    .customwidth-s2
    {
        display:none;
    }
    #reportDiv
    {
        width:100% !important;
    }
    /*Appointment and Follwups*/
    #dvActionsPopUp3.modal
    {
        height: 450px !important;
    }
    .Mwidth96
    {
        width: 96% !important;
    }
    .af_pop_close
    {
        margin-left:-20px;
        margin-top:6px;
    }
    .af_pop_modalcontent
    {
        height: 90%;
        overflow: scroll;
        overflow-x: hidden;
    }
    .MpadL12
    {
        padding-left:12px !important;
    }
    #lblActivity {
        height: auto !important;
    }
    /*Signup Page*/
    .signup_left
    {
        display:none;
    }
    .signup_right
    {
        width:100%;
    }
    .signup_block 
    {
        padding-right: 0px;
        position: initial;
        padding-top: 20px;
    }
    #reportDiv
    {
        padding-top: 0px;
    }
    .MmarL19
    {
        margin-left:19px;
    }
    .MsearchR_remove .search.right
    {
        float: left !important;
    }
    .MsearchR_remove .search.right
    {
        width: 100% !important;
    }
    .MsearchR_remove .search.right .search-wrapper
    {
        width:100% !important;
    }
    .db_pause select.browser-default
    {
        margin-top: -10px;
    }
}

.z-inx3{
z-index:3;
}
/*Edit Dealership Details CSS Starts Here*/
.text_caps
{
    text-transform:uppercase;
}
.edit_dealership .input-field > label {
    position: relative;
}
/*Edit Dealership Details CSS Ends Here*/
/*Quick Add Popup Starts Here*/
.confirm_userpop .con_usercontent
{
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 24px 8px;
    color: #757575;
}
.con_nobtn .btn,
.con_yesbtn .btn,
.con_nobtn .btn:hover,
.con_yesbtn .btn:hover
{
    box-shadow: none;
    background-color: transparent !important;
    font-weight: 500;
}
.con_nobtn .btn
{
    color:#757575;
}
.con_yesbtn .btn
{
    color:#212121;
}
.confirm_userpop .modal-footer
{
    background-color: #ffffff !important;
    padding-right:32px !important;
}
.confirm_userpop 
{
    height: 34%;
    max-height: 34%;
}
.exist_userpopup
{
    overflow-x:hidden;
    height:100%;
    max-height:100% !important;
}
.exist_userpopup .exist_head 
{
    font-size: 18px;
    font-weight: 500;
    color: #212121;
    padding-top: 12px;
}
.exist_userpopup .exist_content
{
    font-size:14px;
    color:#212121;
    text-align:center;
}
.exist_proceed
{
    font-size: 14px;
    font-weight: 500;
    color: #f79321;
}
.border_none
{
    border:none !important;
}
.height0 {
    height: 0px !important;
}
.exist_userpopup .collection .collection-item
{
    padding: 0px;
}
.exist_thead
{
    color:#757575;
    font-weight:500;
}
@media only screen and (max-width:639px) and (min-width:280px) {
    .exist_userpopup .exist_content
    {
        text-align:left;
    }
    .confirm_userpop
    {
        height:48%;
    }
    .confirm_userpop .con_usercontent
    {
        text-align:justify;
    }
}
/*Quick Add Popup Ends Here*/

/*40 Image Format CSS Starts Here*/
.wid100
{
    width:100% !important;
}
.wid20
{
    width:20% !important;
}
.image_40 .tabs
{
    overflow-x:hidden;
    border-bottom:2px solid #eee;
}
.image_40_head a.active
{
    color:#212121 !important;
    font-weight:500;
    padding:0px !important;
}
.image_40_head a
{
    color:#757575 !important;
    font-weight:500;
    padding:0px !important;
}
.image_40 .tabs .indicator {
    /*height: 3px;*/
    /*background-color: #178d9b !important;*/
}
.padL4
{
    padding-left:4px;
}
.padT12
{
    padding-top:12px !important;
}

.Uploading_ul 
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.Uploading_ul .Uploadingitem
{
    width: calc(99.9% * 1/3 - 11px);
    float: left;
    margin: 0px 10px 8px 0px;
}
.Uploading__card
{
    border: 1px solid #f4f4f4;
    width: 100%;
    border-radius: 4px;
	height:126px;
}
.Uploading__card .filefield
{
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #efefef;
    padding: 0px;
    margin: 0px;
}
.filefield.file-field input[type=file]
{
    height: 125px;
}
.plusIcon
{
    width: 100px;
}
.plusIcon img
{
    width: 100%;
}
.UploadedImgDiv
{
    height: 125px;
    position: relative;
}
.UpImgInner {
    height: 125px;
}
.UpImgInner img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Uploading__card .input-field > label {
    z-index: 9;
    padding:0px 12px;
}

.img_uploaded {
    z-index: 0;
    width: 100%;
    height: 120px;
}
.img_uploaded img
{
    width:100%;
}
.Uploading__card{
	position:relative;
}
.closeDelete {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgba(0,0,0,0.5);
	color: #fff;
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 99
}
/*Quote Request Upload Image CSS Starts Here*/
/*.quote-img_upload .Uploading_ul .Uploadingitem {
    width: calc(99.9% * 1/4 - 11px);
}*/
.quote_type_head {
    font-size: 14px;
    font-weight: 500;
    padding: 8px 0px;
    color: #212121;
}
.UpImgCheck {
    display: flex;
    height: 42px;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+96 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 96%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 96%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 96%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.UpImgCheckF1 {
    display: flex;
    flex: 1 1 auto;
}

.UpImgCheckF2 {
    min-width: 30px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    display: flex;
    color: #fff;
}

.UpImgCheck label {
    color: #fff !important;
}

.Uploading__card [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    height: 18px;
    width: 18px;
    top: 6px;
    left: 5px;
    border: 2px solid #ffffff !important;
}

.Uploading__card [type="checkbox"].filled-in:checked + span:not(.lever):after {
    top: 6px;
    left:5px;
    width: 18px;
    height: 18px;
    border: 2px solid #ffffff;
}

.Uploading__card [type="checkbox"] + span:not(.lever) {
    padding-left: 28px;
}

.Uploading__card [type="checkbox"].filled-in:checked + span:not(.lever):before {
    top: 5px !important;
    left: 6px !important;
    width: 6px !important;
    height: 12px !important;
}
.primary_checkbox {
    position: absolute;
    top: 6px;
    left: 8px;
    background: #00000061;
    border-radius: 50px;
}

.consumer_merge_title {
    font-size: 18px;
    color: #212121;
    font-weight: 500;
    padding: 18px 42px 0px;
    margin-bottom: 0px;
}
.consumer_merge_icon
{
    width:28px;
    height:28px;
    margin-right:4px;
}
.consumer_merge_icon img
{
    width: 100%;
}
/*New CSS Starts Here For Buy Details Top Section*/
.padLR0 {
    padding-left: 0px;
    padding-right: 0px;
}

.details_Bimage {
    padding: 16px 8px;
}

.details_Bcarousal .owl-nav .owl-next {
    right: 2%;
    width: 35px;
    height: 36px;
    border-radius: 50px;
    background-color: #212121;
    border:none;
    text-align: center;
    top: 35%;
    position:absolute;
}

.details_Bcarousal .owl-nav .owl-prev {
    left: 2%;
    width: 35px;
    height: 36px;
    border-radius: 50px;
    background-color: #212121;
    border:none;
    text-align: center;
    top: 35%;
    position:absolute;
}

.details_Bcarousal .owl-carousel .next-slide {
    background: url("http://dealer.tradecarros.com/images_new/next.png") no-repeat scroll 0px 0px;
    right: 8px;
    width: 20px;
    height: 26px;
    top: 18% !important;
    background-position: 1px;
}

.details_Bcarousal .owl-carousel .prev-slide {
    background: url("http://dealer.tradecarros.com/images_new/prev.png") no-repeat scroll 0px 0px;
    left: 4px;
    width: 20px;
    height: 26px;
    top: 18% !important;
    background-position:-2px;
}

.dimage_type {
    position: relative;
}

.details_select_type button {
    background-color: #fff;
    color: #212121;
    padding: 10px 24px;
    cursor: pointer;
    float: left;
}

.details_select_type {
    position: absolute;
    top: 20px;
    left: 42%;
    z-index:9;
}

    .details_select_type:after {
        content: "";
        clear: both;
        display: table;
    }

    .details_select_type:not(:last-child) {
        border-right: none;
    }

.details_select_active {
    background-color: #212121 !important;
    color: #fff !important;
    border: 1px solid #212121 !important;
}

.btn_exterior {
    font-weight: 500;
    border: 1px solid #ccc;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-right: 0px;
}

.btn_interior {
    border: 1px solid #ccc;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-right: 0px;
}

.dimage_exterior {
    display: none;
}

.dimage_interior,
.dimage_exterior {
    width: 100%;
    height: 520px;
}

    .dimage_interior img,
    .dimage_exterior img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
/*New CSS Ends Here For Buy Details Top Section*/
/*More Images CSS Starts Here*/
.photos_count1 {
    padding: 8px 16px;
    display: block;
    background: rgba(0, 0, 0, 0.39);
    color: #ffffff;
    font-size: 14px;
    width: auto;
    font-weight: 500;
    position: absolute;
    bottom: 20px;
    left: 40px;
    z-index: 9;
}
.morephots_anchr {
    color: #fff !important;
    text-decoration: none !important;
}
.galleryopener {
    cursor: pointer;
    outline: 0px solid #3a8;
    float: left;
    position: relative;
    margin: 0;
    width: 100%;
    height: 100%;
}
.details_Bimage {
    height: 140px !important;
    margin: 12px 0px 24px !important;
}
.details_Bcarousal .owl-item {
    padding: 6px;
}
.gallerythumb .slick-active-2 img {
    border: 3px solid #178d9b !important;
}



.mfp-bg.gallerydialog {
    opacity: 0.9;
}

.mfp-wrap.gallerydialog {
    animation-name: gallerydialogopen;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    overflow: hidden !important;
}

@keyframes gallerydialogopen {
    0% {
        opacity: 0.5;
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.galleryopener {
    cursor: pointer;
    outline: 0px solid #3a8;
    float: left;
    position: relative;
    margin: 0;
    width: 100%;
    height: 100%;
}

    .galleryopener:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        opacity: 0;
        transition: all 0.2s;
        z-index: 1;
        background: linear-gradient(to right, rgba(51, 170, 136, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a#3a8', endColorstr='#00#3a8',GradientType=1 );
        /* IE6-9 */
    }


.galleryopener__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    transform: scale(1);
    transition: all 0.2s;
}

    .galleryopener__img.this--opened {
        opacity: 0;
        transform: scale(3);
    }

.galleryopener__headline {
    margin: 0;
    margin-bottom: 0.33em;
}

.galleryopener__cap {
    position: absolute;
    padding: 5%;
    width: 100%;
    bottom: 0;
    color: #ffffff;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.066);
    z-index: 2;
}

.galleryopener__table {
    width: 100%;
    display: table;
}

.galleryopener__cell {
    display: table-cell;
    vertical-align: bottom;
}

.galleryopener__zoom {
    float: right;
    border: 2px solid #ffffff;
    width: 35px;
    height: 35px;
    position: relative;
    transition: all 0.2s;
}

    .galleryopener__zoom i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.galleryopener__counter {
    font-size: 12px;
    text-align: right;
    margin-bottom: 0.25em;
}

.galleryopener__caption {
    padding-right: 0.5em;
}

.gallerydetail {
    padding: 5%;
    height: 100%;
    color: #ffffff;
}

.gallerydetail__mainPrev, .gallerydetail__mainNext {
    position: absolute;
    top: 50%;
    z-index: 100;
    padding: 20px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    transform: translateY(-60px);
    opacity: 0.6;
    transition: all 0.2s;
    background: rgba(255, 255, 255, 0.47);
    display: flex;
    justify-content: center;
    align-items: center;
}

    .gallerydetail__mainPrev:hover, .gallerydetail__mainNext:hover {
        opacity: 1;
    }

.gallerydetail__mainPrev {
    left: -60px;
}

    .gallerydetail__mainPrev:hover {
        left: -63px;
    }

.gallerydetail__mainNext {
    right: -60px;
}

    .gallerydetail__mainNext:hover {
        right: -63px;
    }

.gallerydetail__main {
    height: 88%;
}

    .gallerydetail__main.this--issingle {
        height: 80%;
    }

    .gallerydetail__main .slick-list, .gallerydetail__main .slick-track {
        height: 100%;
    }

.gallerydetail__lower {
    height: 20%;
}

    .gallerydetail__lower.this--issingle {
        height: 20%;
    }

.gallerydetail__button {
    cursor: pointer;
}

.gallerymain {
    /* background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="L4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve"> <circle fill="#ccc" stroke="none" cx="45" cy="50" r="2"> <animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin="0.1"/> </circle> <circle fill="#ccc" stroke="none" cx="50" cy="50" r="2"> <animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin="0.2"/> </circle> <circle fill="#ccc" stroke="none" cx="55" cy="50" r="2"> <animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin="0.3"/> </circle> </svg>'); */
    background-position: center center;
    background-repeat: none;
}

.gallerymain__slide {
    height: 100%;
    position: relative;
}

.gallerymain__img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    pointer-events: none;
    transition: all 600ms ease;
}

    .gallerymain__img.prevImg {
        transform: translateX(25%);
    }

    .gallerymain__img.nextImg {
        transform: translateX(-25%);
    }

.gallerythumb {
    overflow: hidden;
}

.gallerythumb__img {
    height: 96px;
    margin: 10px 5px;
    border: 3px solid transparent;
    opacity: 0.6;
    transition: all 0.2s;
}

.gallerythumb__slide {
    cursor: pointer;
}

    .gallerythumb__slide:focus {
        outline: none !important;
    }

    .gallerythumb__slide:hover .gallerythumb__img {
        opacity: 1;
    }

.gallerythumb .slick-active-2 img {
    border: 3px solid gold;
    opacity: 1;
}

.slick-active img {
    opacity: 1;
    pointer-events: all !important;
    transform: translateX(0%) !important;
}

.gallerydialog .mfp-content {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.gallerydialog .mfp-close {
    color: #ffffff !important;
}
@media (max-width:480px)
{
    .gallerydetail__mainPrev, .gallerydetail__mainNext
    {
        top: 55%;
    }
}
.dblock
{
    display:block !important;
}
.borderN
{
    border:none !important;
}
/*Signup Popup css*/
.signup_terms
{
    overflow-y:hidden;
}
.signupP_header h5
{
    margin:0px;
    font-size:20px;
    color:#212121;
    font-weight:500;
    float:left;
}
.signupP_header
{
    height: 40px;
    padding: 16px 24px;
}
.modal.modal-fixed-footer.signup_terms .modal-content
{
    height: calc(100% - 112px);
    padding-top:0px;
}
.signupp_close
{
    float:right;
    color:#757575;
}
.vehicleG_side {
    color: #757575;
    font-weight: 500;
}
.vehicleG_type 
{
    color: #fff;
    font-size: 18px;
}
.gallery_header {
    margin-top: -60px;
    margin-bottom: 30px;
}
.site_txt
{
    padding-left:4px;
    color:#178d9b;
}
.contact_txt
{
    padding-top:12px;
    color:#212121;
    font-weight:500;
}
.signup_sub_heading {
    color: #212121;
    font-weight: 500;
    font-size: 16px;
}

#ulvehicleStatus .signup_conditions [type="checkbox"]:not(:checked),
#ulvehicleStatus .signup_conditions [type="checkbox"]:checked {
    position: absolute !important;
    display: block;
}

@media (min-width:1920px) {
    .dimage_interior, .dimage_exterior {
        height: 600px;
    }
	.divExteriorVideo, .divInteriorVideo {
		height: 100% !important;
	}
}
@media only screen and (max-width:639px) and (min-width:280px) {
    .Uploading_ul .Uploadingitem {
        width: calc(99.9% * 1/2 - 11px) !important;
    }

    .image_40 .image_40_head {
        width: 100% !important;
        padding-right: 8px;
    }

    .image_40 .tabs {
        overflow-x: scroll !important;
    }
    .image_40 .tabs .indicator
    {
         height: 5px;
    }
    .details_select_type {
        left: 25%;
    }
    .dimage_interior, .dimage_exterior {
        height: 200px;
    }
    .gallerythumb
    {
        margin-top: -50px;
    }
}
#myChartPie svg:not(:root) {
    overflow: visible !important;
}
.buy_details2
{
    padding-top:16px;
}

.details_Bimg_carousal .details_Bimage
{
    border: 1px solid #ccc;
}
.card_item .card-image
{
    border:1px solid #eee;
}
/*New CSS For OTImage Layout Starts Here*/
.OTimage_carousal .owl-dots .owl-dot.active,
.OTimage_carousal .owl-dots .owl-dot 
{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 5px;
    border: none;
}
.OTimage_carousal .owl-dots .owl-dot.active
{
    background-color:#fff;
}
.OTimage_carousal .owl-dots .owl-dot
{
    background-color: #ccc;
}
.OTimage_carousal .owl-dots 
{
    position: relative;
    bottom: 60px;
    text-align: center;
}
.OTimage .buy_details2_left
{
    width: 100%;
    float: left;
    margin-top:24px;
}
.OTimage .buy_details2_right
{
    width: 100%;
    float: left;
    margin-top:14px;
}
.OTimage .OTimage_carousal
{
    margin-top:24px;
}

/*New CSS For OTImage Layout Ends Here*/

.OTimage_carousal .card-image {
    border: 1px solid #eee;
}
.OTimage_carousal .owl-nav {
    position: absolute;
    bottom: 12px;
    left: 42%;
}
    .OTimage_carousal .owl-nav .owl-prev,
    .OTimage_carousal .owl-nav .owl-next
    {
        width: 15px;
        height: 15px;
        border-radius: 50px;
        border: none;
        margin: 6px;
    }
.OTimage_carousal.owl-carousel .owl-prev.disabled,
.OTimage_carousal.owl-carousel .owl-next.disabled
{
    opacity: 1 !important;
    background-color: #158794 !important;
}
.OTimage_carousal .card-image {
    height:400px;
	width:100%;
	border-radius:8px;
}
.OTimage_carousal .card-image img
{
	width:100%;
	height:100%;
	object-fit:cover;

}
.ca_card_hF1 
{
	font-size: 12px;
}
.send_infobtn {
    font-size: 12px !important;
    padding: 0px 6px !important;
    line-height:13px !important;
}
.ca_card_hF1_inner {
    text-overflow: initial !important;
    white-space: initial !important;
}
.tab_indicator .indicator
{
	display:none;
}
.tab_indicator a.active {
	border-bottom: 5px solid #178d9b;
}
@media only screen and (max-width:639px) and (min-width:280px)
{
	.tab_indicator a.active {
		color: #178d9b !important;
	}
}
.dealership_filter {
	position: fixed;
	right: 0;
	top: 60px;
	background: #fff;
	height: calc(100% - 60px);
	width: 280px;
	padding: 15px 10px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	transition: all 0.3s ease-in-out;
	z-index: 1;
}
.delate_dealership
{
	display:none;
}
.dealership_tab_section .tabs
{
	height: 56px;
	background-color: #178d9b;
}
.dealership_tab_section .tabs .tab
{
	display: inline-block;
	text-align: center;
	line-height: 56px;
	height: 56px;
}
.dealership_taba
{
	padding:0px 2px !important;
}
.dealership_filter {
	display: none;
}
.dealership_tab_section .tabs .indicator
{
	height: 4px;
	background-color: #ffffff;
}
.dealership_taba.active {
	color: #fff !important;
	font-weight: 500 !important;
	font-size: 15px !important;
}
.dealership_taba 
{
	color:#fff !important
}
.dealership_clear,
.dealership_submit,
.dealership_clear:hover,
.dealership_submit:hover
{
	box-shadow: none;
	background-color: transparent;
	font-weight: 500;
	font-size: 15px;
}
.dealership_submit
{
	color: #178d9b;
}
.dealership_clear
{
	color:#757575;
}
.dealership_active {
	color: #09a809 !important;
	font-weight:500;
}
.dealership_inactive {
	color: #a2a2a2 !important;
	font-weight:500;
}
.dealership_pending {
	color: #f80000 !important;
	font-weight:500;	
}
.Mtopbar_auto {
	height: auto;
}
.create_dealership
{
	position:relative;
}
@media only screen and (max-width:639px) and (min-width:280px) {
	.dealership_tab_section .tabs .tab a {
		font-size: 12px !important;
	}
	.Mfilter_align
	{
		position: absolute;
		top: -110px;
		right: 16px;
	}
}
.edit_topbar
{
	height:100px !important;
	line-height:100px !important
}
.dealer_logo
{
	width: 80px;
	height: 80px;
	background-color: #fff;
	border-radius: 50px;
	margin-top: 10px;
}
.deaaler_logo_img 
{
	width: 60px;
	height: 80px;
	margin: 0px auto;
}
.dealer_logo img {
	width: 100%;
	object-fit: cover;
	padding-top: 20px;
}
.dealer_logo_upload {
	position: absolute;
	bottom: 10px;
	height: 30px;
	width: 30px;
	line-height: 56px;
	right: 35px;
	background-color: #f4f4f4;
	border-radius: 50px;
	border: 1px solid #eee;
}
.dealer_profile
{
	position:relative;
}
.dealer_logo_upload span {
	position: absolute;
	bottom: -20px;
	right: 4px;
	color: #178d9b;
	font-size: 20px;
}
.vehicle_dealer_name {
	color: #ffff;
	font-size: 24px;
	font-weight: 600;
}
.radio_lable
{
	color: #fff;
	font-size: 18px !important;
	font-weight: 500;
}
.editdealer_dropdown {
	margin-top: 20px;
	width: 150px;
	float: left;
}
.editdealer_dropdown .select-wrapper input.select-dropdown {
	border-bottom: 0px;
	background-color: #f79321;
	padding: 0px 12px;
	margin-bottom: 0px !important;
	border-radius: 50px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	margin-top: 12px;
	height: 35px !important;
}
.editdealer_dropdown .select-wrapper .caret {
	z-index: 99;
	width: 35px;
	height: 35px;
	fill: #9d5309;
}
.height100px
{
	height:100px;
}
.edit_wid18
{
	width:18%;
	float:left;
}
.marR1p
{
	margin-right:2%;
}
.padL0
{
	padding-left:0px;
}
.marB20
{
	margin-bottom:20px;
}
.viewCompletebtn
{
	border-radius:4px;
	background-color:#212121;
}
.dealer_radio [type="radio"] + span:before,
.dealer_radio [type="radio"] + span:after {
	width: 24px;
	height: 24px;
	border:2px solid #fff !important;
	margin:0px;
}
.dealer_radio [type="radio"]:checked + span:after,
.dealer_radio [type="radio"].with-gap:checked + span:after
{
	background-color: #ffffff;
}
.dealer_logo_upload .file-field input[type=file]
{
	height: 30px;
}
.dealer_logo_upload .btn
{
	background-color:transparent;
	box-shadow:none;
}
.edit_back
{
	width: 50px;
	float: left;
	padding-left:20px;
}
.dealer_profile {
	padding-left: 30px;
	width: 160px;
	float:left;
}
.editdealer_update_btn {
	background-color: #212121;
	box-shadow: none;
	border-radius: 50px;
}
.mobiledemo_superadmin {
	position: absolute;
	left: 0px;
}
.marT_20
{
	margin-top:20px;
}
.dsubscription span {
	position: absolute;
	right: 4px;
	top: 0px;
}
.dsubscription .img_upload_icon {
	height: 40px !important;
}
.padR0
{
	padding-right:0px;
}
.marR16 {
	margin-right: 16px;
}
.group_edit.modal-fixed-footer .modal-content,
.group_create.modal-fixed-footer .modal-content {
	padding: 16px 16px 12px 6px !important;
}
.dealer_nologo {
	text-align: center;
	height: 80px;
}
.dealer_nologo span
{
	font-size: 32px;
	color: #178d9b;
	font-weight: 600;
	line-height: 80px;
}
#dvActionsPopUp3.modal {
	height: 45% !important;
}
@media only screen and (max-width:639px) and (min-width:280px) {
	.edit_topbar {
		height: 200px !important;
	}

	.edit_wid18 {
		width: 100%;
	}

	.dealer_profile {
		padding-left: 0px;
		width: 100px;
	}

	.dealer_logo_upload {
		right: 10px;
	}

	.Mheight_scroll {
		overflow: scroll;
		height: calc(100% - 160px);
		padding-right: 0px !important;
	}

	.editDealerDetails_body {
		height: calc(100% - 204px);
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 0px;
	}
	.Mheight220 {
		height: 220px;
	}
	.radio_lable {
		font-size: 14px !important;
	}

	.dealer_radio [type="radio"] + span:before, .dealer_radio [type="radio"] + span:after {
		width: 18px;
		height: 18px;
		margin: 3px;
	}

	.dealer_radio {
		margin-top: -30px;
	}
	.dealer_radio .height100px
	{
		height: 50px;
	}
	.editdealer_dropdown .select-wrapper input.select-dropdown {
		padding: 0px 12px;
		margin-top: 12px;
	}
	.Mheight30
	{
		height:30px;
	}
	.MpadL0
	{
		padding-left:0px !important;
	}
	.Mheight170
	{
		height:170px;
	}
	.MfloatR {
		float: right !important;
	}
}
@media only screen and (max-width:639px) and (min-width:280px) {
	.Pager.Pager_page {
		/*display: none;*/
	}

	.Mcenter_nopages {
		justify-content: center !important;
	}

	.marL20 {
		margin-left: 20px !important;
	}

	.marR20 {
		margin-right: 20px;
	}

	.Inventory_SideBar_body {
		overflow-x: hidden;
	}

	.InvHistFl_header {
		padding: 10px 14px;
	}

	.pagenationF2 {
		margin-top: 4px;
	}

	.commontbl .before_text:before {
		color: #212121;
	}

	.MpadT-4 {
		padding-top: 4px !important;
	}

	.group_edit.modal-fixed-footer, .group_create.modal-fixed-footer {
		width: 95%;
	}

	.clsAppointment ._noteemail_headF2,
	.clsFollowUp ._noteemail_headF2 {
		display: block !important;
		flex: initial !important;
		margin-left: 8px;
	}

	._noteemail_colps > .collapsible > li > ._noteemail_head {
		padding-left: 6px !important;
		padding-right: 4px !important;
	}
	._noteemail_colps > .collapsible > li > .colps_body {
		padding-left: 42px !important;
	}
	.mobile_selctoptionDiv select {
		font-size: 15px !important;
		font-size: 15px !important;
		position: absolute;
		width: 120px;
		right: 16px;
		top: 6px;
	}
	.MmarL40
	{
		margin-left:40px;
	}
	#dvActionsPopUp3.modal {
		height: 65% !important;
	}
}
#NadaResult_TradeIn table th,
#NadaResult_TradeIn table td
{
	border: 0px solid #ccc !important;
}
/*08-07-2020 New Mobile Responsive CSS */
@media only screen and (max-width:639px) and (min-width:280px) {
	.card_item .closeDiv {
		display: block;
		position: absolute;
		right: 120px;
	}
	.customer_act_card.card .card-content.ca_card_content {
		min-height: 238px;
	}

}
/*09-07-2020 New CSS For Aging and buysell pages starts here*/
.web_dialogStatus.roundborder.delete_aging {
	border: 0px solid #ff6000;
	width: 30%;
	height: 18%;
	top: 50%;
	left: 46%;
	box-shadow: 12px 0 15px -4px #ccc, -12px 0 15px -4px#ccc;
	-moz-box-shadow: 12px 0 15px -4px #ccc, -12px 0 15px -4px#ccc;
	-webkit-box-shadow: 12px 0 15px -4px #ccc, -12px 0 15px -4px#ccc;
}
.deleteaging_cancel,
.deleteaging_cancel:hover
{
	box-shadow: none;
	background-color: transparent;
	color: #757575;
	font-weight: 600;
	font-size: 16px;
	float:right;
}
.deleteaging_ok,
.deleteaging_ok:hover {
	box-shadow: none;
	background-color: transparent;
	color: #178d9b;
	font-weight: 600;
	font-size: 16px;
	float: right;
}
.padT12
{
	padding-top:12px;
}
/*.checkbox_act_summary [type="checkbox"]:not(:checked),
.checkbox_act_summary [type="checkbox"]:checked {
	position: relative;
	opacity: 1;
	pointer-events: initial;
	width: 16px;
	height: 16px;
	top: 3px;
}*/
.checkbox_act_summary [type="checkbox"].filled-in:checked + span:not(.lever):after {
	border: 2px solid #178d9b !important;
	background-color: #178d9b !important;
}
.new_aging_colorpicker
{
	position:relative;
}
.new_aging_colorpicker label
{
	position:absolute;
    top: -28px;
}
.new_aging_colorpicker .aging_col_box
{
	position: absolute;
    width: 90%;
    height: 32px;
    top: 6px;
}
.colpick.colpick_rgbhex.colpick_dark {
	position: absolute;
	left: 50% !important;
}
@media only screen and (max-width:639px) and (min-width:280px) {
	.pabs_top64 {
		top: 64px;
	}
	.pabs_btn_right
	{
		position:absolute;
		right:0px;
	}
	.pad_TB10_LR14
	{
		padding:10px 14px !important;
	}
	.Mheight40
	{
		height:40px;
	}
	/*.act_summary_usericon {
		position: absolute;
		z-index: 999;*/
		/*left: 60px;*/
	/*top: -8px;
		background-color: #fff;
	}
	.act_summary_usericon .act_user_icon
	{

	}*/
}
/*09-07-2020 New CSS For Aging and buysell pages Ends here*/



/**callender**/
.calendarMainDiv .fc-center {
float:left;
margin-left:10px;
}
.calendarMainDiv {
	margin-left: -11px;
	margin-right: -11px;
}
	.calendarMainDiv .fc-center h2 {
		font-size: 16px;
		color: #fff;
		margin-top: 15px;
	}
.calendarMainDiv .fc-toolbar.fc-header-toolbar {
	margin-bottom: 0em;
	background: #f79321;
	min-height: 48px;
}
.calendarMainDiv .fc-state-default {
	border: 1px solid;
	border-color: transparent !important;
	color: #333;
	text-shadow: none !important;
	box-shadow: none !important;
}

.calendarMainDiv.fc .fc-button-group > :first-child {
	margin-left: 0;
	background: transparent !important;
	box-shadow: none !important;
}

	.calendarMainDiv.fc .fc-button-group > * {
		float: left;
		margin: 0 0 0 -1px;
		box-shadow: none !important;
		min-height: 48px !important;
		color: #fff;
	}

.calendarMainDiv .fc-state-default.fc-corner-right {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.calendarMainDiv .fc-button-group button:focus {
	box-shadow: none !important;
	border: none !important;
}

	.calendarMainDiv.fc .fc-toolbar > * > * {
		background: transparent !important;
		color: #fff !important;
	}
.fc-button{
	text-transform:uppercase;
}
.fc-today-button {
	padding-top: 15px !important;
	background: transparent !important;
}
.fc-button {
	background: transparent !important;
}
.calendarMainDiv .fc-button-group .fc-button.fc-state-active:after {
	content: '';
	width: 100%;
	height: 2px;
	border-bottom: 2px solid #ffffff !important;
	position: absolute;
	bottom: 0;
	left: 0;
}
.calendarMainDiv .fc-content-skeleton a {
	color: #212121;
}
.calendarMainDiv .fc-day-header.fc-widget-header a {
	color: #178d9b;
}
.fc-basic-view .fc-body .fc-row {
	min-height: 9.5em !important;
}
.calendarMainDiv .fc-event-container .fc-title {
    color: #fff !important;
    line-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding-left: 5px;
    flex: 1;
}
.timeTT {
    color: #fff !important;
    min-width:58px;
    display:flex;
}
.calendarMainDiv.fc tr {
    border-bottom: 0px solid rgba(0,0,0,0.12) !important;
}
.showAppointFlex {
	display: flex;
	flex-direction: row;
	position: absolute;
	left: calc(100% - 62%);
	top: 13px;
}
.showAppointF1{
	margin-right:20px;
}
.showtextTT{
	color:#ffffff;
}
.showAppointFlex [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
	border: 2px solid #ffffff;
}
.showAppointFlex [type="checkbox"].filled-in:checked + span:not(.lever):after {
	border: 2px solid #178d9b !important;
	background-color: #178d9b !important;
}
.fc-scroller.fc-day-grid-container {
	height: calc(100% - 170px) !important;
}
@media (max-width:992px) {
	.showAppointFlex {
		display: flex;
		flex-direction: row;
		position: absolute;
		left: 0;
		top: 0;
		background: #f79321;
		width: 100%;
		padding-top: 8px;
		padding-left: 16px;
		padding-bottom: 10px;
	}
	.calendarMainDiv .fc-toolbar.fc-header-toolbar {
		margin-top: 38px;
	}
	.fc-basic-view .fc-body .fc-row {
		min-height: 4em !important;
	}
	.calendarMainDiv .fc-center {
		float: initial;
		margin-left: 5px;
	}
}
@media (max-width: 600px){
	.calendarMainDiv .fc-center {
	float: initial !important;
}
		.calendarMainDiv .fc-right .fc-button-group {
			width: 100%;
		}
	.calendarMainDiv .fc-toolbar .fc-right {
		float: initial;
	}
	.calendarMainDiv.fc .fc-button-group > .fc-button {
		width: 25%;
	}
}
@media only screen and (max-width:3000px) and (min-width:1600px) {

	
	.calendarMainDiv .fc-widget-content .fc-scroller.fc-day-grid-container {
		height: calc(100% - 254px) !important;
	}
	.fc-body, fc-widget-content {
		height: 100%;
	}
	.calendarMainDiv, .fc-view-container, .fc-view,
	.calendarMainDiv .fc-view-container table,
	.fc-widget-content {
		height: 100%;
	}
	.calendarMainDiv .fc-widget-content .fc-scroller.fc-time-grid-container {
		height: calc(100% - 274px) !important;
		overflow: auto !important;
	}
	.fc-content-skeleton table {
		height: auto;
	}
	.fc-basic-view .fc-body .fc-row {
		min-height: 10em !important;
	}
}
.calendarMainDiv .fc-view.fc-listWeek-view.fc-list-view {
	height: calc(100% - 174px) !important;
	overflow: auto !important;
}
	.calendarMainDiv .fc-view.fc-listWeek-view.fc-list-view .fc-scroller {
		height: 100% !important;
	}
.calendarMainDiv .fc-day-grid.fc-unselectable {
	height: 100px;
}
@media only screen and (max-width:1599px) and (min-width:1000px) {
	.fc-body, fc-widget-content {
		height: 100%;
	}

	.calendarMainDiv, .fc-view-container, .fc-view,
	.calendarMainDiv .fc-view-container table,
	.fc-widget-content {
		height: 100%;
	}

	.calendarMainDiv .fc-widget-content .fc-scroller.fc-time-grid-container {
		height: calc(100% - 274px) !important;
		overflow: auto !important;
	}
}

.calendarMainDiv .fc-view.fc-listWeek-view .fc-widget-content,
.calendarMainDiv .fc-view.fc-listWeek-view .fc-list-table {
	height: auto;
}
.calendarMainDiv.fc .fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.calendarMainDiv.fc .fc-content {
	white-space: nowrap;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.calendarMainDiv .fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end.fc-draggable.fc-resizable {
	bottom:initial !important;
}
/**callender end**/
/*Superadmin Edit Dealership Licence Expiry Starts Here*/
.datepicker_dealer {
	position: relative;
}
.datepicker_dealer .cal_input {
		position: relative;
		z-index: 99;
}
.datepicker_dealer .cal_icon {
		position: absolute;
		right: 12px;
		top: 30px;
		z-index: 0;
		cursor: pointer;
}
.pad_TB10_LR14 {
	padding: 10px 14px !important;
}

/*.fc-day-grid-event .fc-content {
	text-overflow: ellipsis;
	
	white-space: nowrap;
	overflow: hidden;
}*/
#modal1_callsarvey.modal1.modal-fixed-footer {
	margin-right: -12px;
}
@media only screen and (max-width:639px) and (min-width:280px) {
	.web_dialogStatus.roundborder.delete_aging {
		width: 80%;
	}
	.colpick.colpick_rgbhex.colpick_dark {
		left: 11% !important;
	}
	#spanadd
	{
		display:flex;
		justify-content:center;
	}
}
/*10-07-2020 CSS For Mobile Responsive Starts Here*/
@media only screen and (max-width:639px) and (min-width:280px) {
	.padL0 {
		padding-left: 0px !important;
	}
}
.padL10
{
	padding-left:10px;
}
.marLminus10
{
	margin-left:-10px;
}
/*Inventory Aging Report New Changes*/
.inventory_aging_graph .db_aging_report,
.inventory_aging_graph .aging_piechart {
	border: 0px solid #ccc;
	padding: 0px;
	margin-bottom: 0px;
	height: 320px;
	border-radius: 0px;
}
.inventory_aging_graph .aging_range {
	padding-left: 30px;
}
.right_content
{
	display:flex;
	justify-content:flex-end;
}
.sbtn_bob
{
	display:flex;
	float:right;
}
.lh16 {
	line-height: 16px;
}
.padR0
{
	padding-right:0px !important;
}
@media only screen and (max-width:639px) and (min-width:280px) {
	.inventory_aging_graph .aging_range {
		padding-left:0px;
	}
	.aging {
		height: calc(96% - 140px);
		overflow: auto;
	}
	.MmarLminus12
	{
		margin-left:-12px;
	}
}
/*13-07-2020 New CSS For Bugs and Superadmin Changes*/
.padR16
{
	padding-right:16px;
}
@media only screen and (max-width:639px) and (min-width:280px) {
	.MpaddLR10 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.MmarR0 
	{
		margin-right:0px !important;
	}
	.Mfs12
	{
		font-size:12px !important;
	}
	.Mtext-center
	{
		text-align:center;
	}
}
.vg_refresh
{
	position:absolute;
	top:14px;
}
.viewFile {
	position: absolute;
	top: 0;
	right: 0;
	color: #178d9b;
	text-decoration: underline;
}
.padR24
{
	padding-right:24px;
}
.select_role select
{
	background-color:#f4f4f4;
}
.edit_upload_icon span
{
	background-color: #f4f4f4 !important;
}
@media only screen and (max-width:639px) and (min-width:280px) {
	.Mheight42p {
		height: 42% !important;
	}
	.quoteBody.um_createuser.createUserOver
	{
		height: calc(100% - 106px);
	}
	.um_creteuser_form {
		padding: 20px 20px;
	}
	.Mheight40
	{
		height:40px;
	}
	.Mpos_relative
	{
		position:relative;
	}
	.Medit_dealer_delete {
		position: absolute;
		right: -40px;
		height: 60px;
	}
	.Mmart_m54 {
		margin-top: -54px;
	}
}

/*New CSS for Mobile Responsive Pagenation Starts Here*/
.pagenationF2
{
	padding-top:4px;
}
.marTM4
{
	margin-top:-4px !important
}
@media only screen and (max-width:639px) and (min-width:280px) {
	.Mpagenation_Invent {
		position: absolute;
		right: 18px;
	}
	.Mobile_topbar
	{
		height: 100px;
		position:relative;
	}
	.Mpagenation_leads
	{
		position:absolute;
		top:52px;
		width:100%;
		margin-left:-10px;
		padding-left:8px;
	}
	.pagenationC {
		padding: 0px !important;
		position: absolute;
		right: 8px;
	}
	.Mpager_list_count {
		width: 100px;
		font-size: 12px;
		padding-right: 0px !important;
		text-align:right;
	}
	.Mpager_couunt_value {
		width: 42px !important;
		min-width: 42px !important;
		height: 42px;
		padding-top:0px !important;
	}
	.Mfs13 
	{
		font-size: 13px !important;
	}
	.Mpagenation_leads .Pager span
	{
		width: 18px !important;
	}
	.Pager_page b {
		padding-right: 6px;
		font-size: 10px !important;
		font-weight: 600;
		position:absolute;
		top:-25px;
	}
	.Pager.Pager_page a {
		width: 16px !important;
	}
	/*Inventory Pagenation CSS Starts Here*/
	.inventory_pagenation_div
	{
		position:relative;
		top:8px;
	}
}