/* Have to include part of responsive.css */
/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/
@media (max-width: 991px) {
	.wrapper {
		width: 100%;
		margin: 0;
	}

	#header-wrap .container {
		padding: 0 15px;
		width: 750px;
	}

	#topbar.topbar-dark {
		background-color: #101010 !important;
	}

	#topbar .topbar-dropdown {
		font-size: 12px;
	}

		#topbar .topbar-dropdown .title {
			padding: 0 10px;
		}

	.dropdown-item-class {
		padding: 0;
		border-bottom: 1px solid #222 !important;
		height: 50px;
		line-height: 32px;
		outline: none;
	}

	#logo img {
		padding: 10px 10px 10px 0;
	}

	#header,
	#header-wrap,
	#header.header-sticky nav#mainMenu ul.main-menu,
	#mainMenu > ul {
		height: auto !important;
	}

		#header.header-sticky #header-wrap {
			position: relative;
		}

		#header.header-transparent + #slider,
		#header.header-transparent + #google-map,
		#header.header-transparent + .page-title-extended,
		#header.header-transparent + .page-title-video,
		#header.header-transparent + .page-title-parallax,
		#header.header-transparent + .fullscreen,
		#header.header-modern + .page-title-parallax {
			top: 0px;
			margin-bottom: 0px;
		}

		#header.header-transparent,
		#header.header-light-transparent {
			background: #FFF;
			border-bottom: 1px solid #F5F5F5;
			z-index: auto;
		}

			#header.header-transparent.header-dark:not(.header-navigation-light),
			#header.header-dark-transparent.header-dark:not(.header-navigation-light) {
				background-color: #101010;
				border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			}


		#header.header-logo-center:not(.header-sticky) #logo {
			width: auto;
		}

		#header.header-logo-center:not(.header-sticky) nav.main-menu li.dropdown:first-child > a {
			padding-left: 6px;
			margin-left: 0px;
		}

		#header > .container {
			width: 100%;
			padding: 0px;
		}
	/*	Main menu*/
	.navigation-wrap {
		display: none;
		clear: both;
	}

		.navigation-wrap.navigation-active {
			display: block;
		}

		.navigation-wrap,
		.navigation-wrap > .container,
		#header.header-fullwidth #header-wrap .container .navigation-wrap .container {
			padding: 0px;
			width: 100%;
		}

	.navbar-collapse {
		border: 0px !important;
	}

	.navigation-wrap.navbar-header,
	.navigation-wrap.navbar-collapse {
		margin-left: 0px;
		margin-right: 0px;
		box-shadow: none;
	}

	.nav-main-menu-responsive {
		display: block;
	}

	.main-menu-collapse {
		position: relative;
		width: 100% !important;
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: hidden;
	}

	.dropdown-menu {
		width: 100% !important;
	}

	.main-menu-collapse.collapse {
		display: none !important;
		overflow: auto !important;
	}

	.main-menu-collapse.in {
		display: block !important;
		overflow-x: hidden !important;
		overflow-y: auto;
	}

	.main-menu {
		clear: both;
		display: block;
		width: 100%;
	}

		.main-menu ul {
			padding: 0;
			margin: 0;
		}

			.main-menu ul li {
				padding: 0;
				margin: 0;
				clear: both;
				float: none;
				display: block;
			}

	#mainMenu {
		margin-bottom: 10px;
	}

		#mainMenu > ul > li > a,
		#mainMenu > ul > li > span {
			font-size: 13px;
		}

		#mainMenu ul > li > a,
		#mainMenu ul > li > span {
			height: 50px;
			line-height: 32px;
			outline: none;
		}

	.main-menu ul ul {
		margin-left: 10px !important;
	}

	.main-menu ul.main-menu {
		float: none;
		position: static;
	}

	.main-menu ul.dropdown-menu {
		position: static;
		clear: both;
		float: none;
		display: none !important;
	}

	.main-menu li.resp-active > ul.dropdown-menu {
		border: 0 none;
		display: block !important;
		padding-right: 10px;
	}

	nav ul.main-menu li a,
	nav ul.main-menu .dropdown-submenu > span.dropdown-menu-title-only {
		clear: both;
		float: none;
		display: block;
		border: 0;
		border-top: 0;
		margin: 0;
	}

		nav ul.main-menu li a i.fa-angle-down {
			position: absolute;
			right: 5px;
			top: 18px;
		}

	nav ul.main-menu ul.dropdown-menu {
		box-shadow: none;
	}

	#header.header-dark #mainMenu ul li.mega-menu-item .mega-menu-title,
	#header.header-dark:not(.header-navigation-light) #mainMenu ul li.dropdown:not(.mega-menu-item) li {
		border-bottom: 0;
	}

	#mainMenu ul > li > a,
	#mainMenu ul > li > span,
	#mainMenu .mega-menu-title,
	#mainMenu .mega-menu-content a {
		border-bottom: 1px solid #eee !important;
	}

	#header.header-dark:not(.header-navigation-light) #mainMenu ul > li > a,
	#header.header-dark:not(.header-navigation-light) #mainMenu ul > li > span,
	#header.header-dark:not(.header-navigation-light) .mega-menu-title,
	#header.header-dark:not(.header-navigation-light) .mega-menu-content a {
		border-bottom: 1px solid #222 !important;
		color: #ccc;
	}

	#header.header-dark:not(.header-navigation-light) .dropdown-menu a,
	#header.header-dark:not(.header-navigation-light) .dropdown-menu span:not(.label) {
		color: #888 !important;
	}

	#mainMenu ul li.dropdown:not(.mega-menu-item) li {
		border-bottom: 0;
	}

	#header.header-dark:not(.header-navigation-light) #mainMenu.style-1 ul.dropdown-menu,
	#header.header-dark:not(.header-navigation-light) #mainMenu.style-1 ul.dropdown-submenu {
		border: 3px solid #222;
	}

	#mainMenu.style-1 ul.dropdown-menu,
	#mainMenu.style-1 ul.dropdown-submenu,
	#header.header-dark #mainMenu.style-1 ul.dropdown-menu,
	#header.header-dark #mainMenu.style-1 ul.dropdown-submenu {
		border: 0px !important;
		box-shadow: none !important;
	}
	/*Slide menu version*/
	#mainMenu.slide-menu > ul > li {
		visibility: visible;
		filter: alpha(opacity=1);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
	}

	#header.header-dark #mainMenu ul li.dropdown:not(.mega-menu-item) li {
		border-bottom: 0;
	}

	nav ul.main-menu ul.dropdown-menu li > a #header nav ul.main-menu .dropdown-submenu > span.dropdown-menu-title-only {
		padding: 9px 8px;
		border: 0;
		border-top: 0;
		margin: 0;
		border-bottom: none;
	}

	nav ul.main-menu ul.sub-menu {
		padding: 0;
		margin: 0 0 10px 0;
	}

	nav .main-menu .dropdown-submenu:before {
		content: "\f107";
		font-family: fontawesome;
		font-size: 12px;
		opacity: 0.6;
		position: absolute;
		right: 12px;
		top: 12px;
	}

	nav ul.main-menu ul.dropdown-menu {
		background: none !important;
		background-color: transparent !important;
	}

	nav ul.main-menu li.dropdown.open .dropdown-toggle,
	nav ul.main-menu li a,
	nav ul.main-menu li > a:hover,
	nav ul.main-menu li.active a,
	nav ul.main-menu li.dropdown:hover a,
	nav ul.main-menu li.dropdown:hover .dropdown-submenu > span.dropdown-menu-title-only {
		background: none !important;
		background-color: transparent !important;
	}

	nav ul.main-menu ul.dropdown-menu li:hover > a,
	nav ul.main-menu li.dropdown:hover ul.dropdown-menu li > a:hover {
		background: none !important;
		background-color: transparent !important;
	}

	nav.mega-menu li.mega-menu-item .mega-menu-sub-title {
		margin-top: 30px;
	}

	nav.mega-menu .mega-menu-content {
		padding: 0px;
	}

	nav .main-menu .dropdown-menu .mega-menu-content [class*="col-md-"] {
		padding: 0;
	}

		nav .main-menu .dropdown-menu .mega-menu-content [class*="col-md-"]:nth-child(2n) {
			padding-left: 2px;
		}

	nav .main-menu .dropdown-menu .mega-menu-content {
		background-image: none !important;
	}

	nav ul.main-menu .dropdown > .dropdown-menu,
	nav ul.main-menu .dropdown-submenu > .dropdown-menu {
		visibility: visible;
		opacity: 1;
	}

	nav ul.main-menu .dropdown:hover > .dropdown-menu,
	nav ul.main-menu .dropdown-submenu:hover > .dropdown-menu {
		opacity: 1;
		visibility: visible;
	}
	/*dropdown*/
	#mainMenu > ul > li > a,
	#mainMenu > ul > li > span,
	#mainMenu > ul > li a,
	#mainMenu > ul > li span:not(.label) {
		padding: 10px 0;
	}

	#header.header-transparent + #slider,
	#header.header-transparent + .page-title-extended,
	#header.header-transparent + .page-title-video,
	#header.header-transparent + .page-title-parallax,
	#header.header-transparent + .fullscreen,
	#header.header-transparent + .fullscreen,
	#header.header-transparent + .halfscreen,
	#header.header-transparent + #google-map,
	#header.header-light-transparent + #slider,
	#header.header-light-transparent + .page-title-extended,
	#header.header-light-transparent + .page-title-video,
	#header.header-light-transparent + .page-title-parallax,
	#header.header-light-transparent + .fullscreen,
	#header.header-light-transparent + .fullscreen,
	#header.header-light-transparent + .halfscreen,
	#header.header-light-transparent + #google-map,
	#topbar.topbar-transparent + #header.header-transparent + #slider,
	#topbar.topbar-transparent + #header.header-transparent + .page-title-extended,
	#topbar.topbar-transparent + #header.header-transparent + .page-title-video,
	#topbar.topbar-transparent + #header.header-transparent + .page-title-parallax,
	#topbar.topbar-transparent + #header.header-transparent + .fullscreen,
	#topbar.topbar-transparent + #header.header-transparent + #google-map,
	#topbar.topbar-transparent + #header.header-light-transparent + .page-title-extended,
	#topbar.topbar-transparent + #header.header-light-transparent + .page-title-video,
	#topbar.topbar-transparent + #header.header-light-transparent + .page-title-parallax,
	#topbar.topbar-transparent + #header.header-light-transparent + .fullscreen,
	#topbar.topbar-transparent + #header.header-light-transparent + #google-map {
		margin-bottom: 0px;
		top: 0px;
	}

	/*  widgets*/
	.widget {
		float: left;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.wrapper {
		width: 100% !important;
	}

	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-19,
	.col-md-11,
	.col-md-12 {
		clear: left;
		width: 100%;
	}

	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		width: 100% !important;
	}

	.col-xs-7,
	.col-xs-8,
	.col-xs-9,
	.col-xs-10,
	.col-xs-11,
	.col-xs-12 {
		width: 100% !important;
	}
	/* helper classes*/
	section {
		padding: 40px 0;
	}
}
/* Ends responsive*/

body.flash, html.flash {
	/*	min-width: 800px;
*/ overflow-x: auto !important;
	width: 100%;
}

.flashContentCM {
	margin-left: 2%;
}

.flashContent {
	margin-left: 2%;
}

.flashYear {
	padding: 5px 8px 15px 8px;
	font-weight: 600;
	font-size: medium;
	margin: 0px auto 0px;
}

.flashMake {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.flashModel {
	padding: 5px 0px 5px 0px;
	margin: 0px auto 0px;
	text-align: center;
}

.flashBrand {
	padding: 7px 0px;
	width: 48%;
}

	.flashBrand img {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	.flashMake img, .flashModel img, .flashBrand img {
		border: 1px solid #ddd;
	}

		.flashMake img:hover, .flashModel img:hover, .flashMake:hover img, .flashModel:hover img, .flashBrand img:hover, .flashBrand:hover img {
			border: 1px solid #F89224;
		}

.vehicleTN {
	max-width: 195px;
	max-height: 75px;
	width: auto;
	height: auto;
}

.thumbnail:hover, .thumbnail:focus {
	border-color: #fe9133 !important;
}

.accordion {
	margin-bottom: 0 !important;
}

.hidden-group-item {
	border: 0;
	list-style: none;
	height: 15px;
}

.modal {
	position: fixed !important;
	top: 140px !important;
	z-index: 101;
}

/*Not pretty but it works: https://github.com/twbs/bootstrap/issues/15136 */
.modal-backdrop {
	position: fixed;
	/*bottom: 0;*/
	height: auto !important;
	z-index: 100 !important; /* NOTE: this fixes the Modal issue where the background content beneath the Modal was not grayed out properly. */
}

.errorMessage {
	color: #b71828;
	font-weight: 600;
	display: block;
}

.radio-inline {
	font-weight: 700;
}

.checkbox-inline {
	cursor: pointer;
	font-weight: 700;
}

#ddl {
	position: absolute;
	display: inline-block;
	height: 50px;
	padding: 0px, 0px, 0px, 0px;
	border: 1px solid #e3e3e3;
	color: #777;
	cursor: pointer;
	line-height: 15px;
}

	#ddl:hover {
		/*position: static;*/
		position: absolute;
		clear: both;
		float: none;
		line-height: 15px;
		height: 75px;
		z-index: 200;
	}

.seperator, .separator {
	color: #666666 !important;
	/*width: 100%;*/
	width: 90%;
	margin: 30px auto;
	overflow: hidden;
	text-align: center;
	line-height: 1.2em;
}

/* END NEW icon */

/*Breadcrumbs styles*/
.breadcrumb {
	font-size: 14px;
	margin: 0px auto 0px;
	text-align: left !important; /* alternate: left !important; -- use with "padding-left: 32px;" below  */
	border: 0px solid #ff0000;
	/*padding-left: 32px;*/
}

	.breadcrumb a,
	.breadcrumb a:active {
		color: #fe9133;
	}

		.breadcrumb a:hover {
			color: #844c1c !important;
		}

.breadcrumbselected {
	color: #666666;
}

/*Fancy Style Breadcrumbs*/ /* OVERRIDES original Fancy Style in /css/theme-elements.css, line 5447 */
.breadcrumb.fancy a {
	background: #FE9133 !important;
	font-size: 14px !important;
	color: #fff !important;
}

/*.breadcrumb.fancy a:hover,*/
.breadcrumb.fancy .active a {
	background: #844c1c !important;
	color: #fff !important;
}

.breadcrumb.fancy a:hover {
	background: #844c1c !important;
	color: #fff !important;
}

.breadcrumb.fancy a::before {
	border-color: #FE9133 #FE9133 #FE9133 transparent !important;
}

.breadcrumb.fancy a:hover::before,
.breadcrumb.fancy .active a:before {
	border-color: #844c1c #844c1c #844c1c transparent !important;
}

.breadcrumb.fancy a::after {
	border-left: 1em solid #FE9133 !important;
}

.breadcrumb.fancy a:hover::after,
.breadcrumb.fancy .active a:after {
	border-left-color: #844c1c !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#flash-module-workflow {
	}
}
/*END Fancy Style Breadcrumbs*/

.topbar-dropdown div button:hover {
	color: #fe9133 !important;
}

div.CountrySel a {
	display: block;
}

	div.CountrySel a:hover {
		padding-left: 5px;
	}

/* FLASH MODULE: Styles for Mis-aligned Section Title on various Pages  (Flash Module Workflow) */
@media only screen and (min-width: 1200px) {
	.remoteTB {
		height: 125px !important;
		border: 1px solid #e0e0e0 !important;
		background-color: #fff !important;
		padding: 10px !important;
	}
}

@media only screen and (min-width: 1008px) and (max-width: 1199px) {
	.main-menu > li.flashMake > a {
		padding: 8px 13px;
	}

	.remoteTB {
		height: 125px !important;
		border: 1px solid #e0e0e0 !important;
		background-color: #fff !important;
		padding: 10px !important;
	}

		.remoteTB:hover {
			border: 1px solid #fe9133 !important;
		}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.main-menu > li.flashModel > a {
		padding: 8px 35px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1007px) {
	#flash-select-remote-container {
		/*border: 1px solid #00ff00 !important;*/
		margin-left: 107px !important;
	}

	.main-menu > li.flashMake > a {
		padding: 8px 12px;
	}

	.remoteTB {
		height: 125px !important;
		border: 1px solid #e0e0e0 !important;
		background-color: #fff !important;
		padding: 10px !important;
	}

		.remoteTB:hover {
			border: 1px solid #fe9133 !important;
		}
}

@media only screen and (min-width: 0px) and (max-width: 991px) {
	#flash-select-remote-container {
		/*border: 1px solid #00ff00 !important;*/
		margin-left: 163px !important;
	}

	.main-menu > li.flashMake > a {
		padding: 8px 17px;
	}

	.remoteTB {
		height: 125px !important;
		border: 1px solid #e0e0e0 !important;
		background-color: #fff !important;
		padding: 10px !important;
	}

		.remoteTB:hover {
			border: 1px solid #fe9133 !important;
		}
}

@media only screen and (min-width: 880px) and (max-width: 991px) {
	.flashModel {
		padding: 5px 5px 15px 5px;
	}

	.main-menu > li.flashModel > a {
		padding: 8px 18px;
	}
}

@media only screen and (min-width: 801px) and (max-width: 850px) {
}
/* END FLASH MODULE: Styles for Mis-aligned Section Title on various Pages (Flash Module Workflow) */

/* FLASH MODULE: Select Model Page Styles (Flash Module Workflow) */

@media only screen and (min-width: 1200px) {

	.select-firmware-title {
		/*border: 1px solid #0000ff !important;*/
		padding: 0px 0px 0px 0px !important;
		color: #fe9133 !important;
		font-weight: 600 !important;
	}

		.select-firmware-title:hover {
			color: #844c1c !important;
		}

	.quickflash-select-model {
		/*border: 1px solid #0000ff !important;*/
		padding-left: 185px !important;
	}
}

@media only screen and (min-width: 1008px) and (max-width: 1199px) {
	.select-firmware-title {
		/*border: 1px solid #0000ff !important;*/
		padding: 0px 0px 0px 0px !important;
		color: #fe9133 !important;
		font-weight: 600 !important;
	}

		.select-firmware-title:hover {
			color: #844c1c !important;
		}

	.quickflash-select-model {
		/*border: 1px solid #ff0000 !important;*/
		padding-left: 138px !important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1007px) {
	.select-firmware-title {
		/*border: 1px solid #0000ff !important;*/
		padding: 0px 0px 0px 0px !important;
		color: #fe9133 !important;
		font-weight: 600 !important;
	}

		.select-firmware-title:hover {
			color: #844c1c !important;
		}

	.quickflash-select-model {
		/*border: 1px solid #00ff00 !important;*/
		padding-left: 102px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.select-firmware-title {
		/*border: 1px solid #0000ff !important;*/
		padding: 0px 0px 0px 0px !important;
		color: #fe9133 !important;
		font-weight: 600 !important;
	}

		.select-firmware-title:hover {
			color: #844c1c !important;
		}

	.quickflash-select-model {
		/*border: 1px solid #0000ff !important;*/
		padding-left: 162px !important;
	}
}
/* END FLASH MODULE: Select Model Page Styles (Flash Module Workflow) */

/* DIRECTWIRE: Select Model Page Styles (Select Vehicle Workflow) */
@media only screen and (min-width: 1200px) {
	/* ### BEGIN DIRECTWIRE Vehicle Compatibility Page Results Styles ### */

	.ac-title {
		font-size: large !important;
	}

	.result-sku-header {
		background-color: #505050 !important; /* original: #505050 */
		color: #fe9133 !important;
		/*width: 100% !important;*/
		border-top-left-radius: 4px !important;
		border-top-right-radius: 4px !important;
	}

		.result-sku-header:hover {
			color: #cccccc !important;
		}

	.flash-icon-indicator {
		/*border: 1px solid #00ff00 !important;*/
		text-align: center !important;
		margin-right: -42px !important;
		margin-top: -22px !important;
		float: right !important;
	}

	.solution-btn-padding {
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}
}

@media only screen and (min-width: 1008px) and (max-width: 1199px) {
	.section-subtitle {
		font-size: 28px !important;
	}

	.seperator {
		padding: 15px 0 !important;
	}

	/* ### BEGIN DIRECTWIRE Vehicle Compatibility Page Results Styles ### */

	.ac-title {
		font-size: large !important;
	}

	.result-sku-header {
		background-color: #505050 !important;
		color: #fe9133 !important;
	}

		.result-sku-header:hover {
			color: #cccccc !important;
		}

	.thumbnail {
		height: 250px !important;
		width: 250px !important;
	}

	.flash-icon-indicator {
		/*border: 1px solid #ff0000 !important;*/
		text-align: center !important;
		margin-left: -47px !important;
	}


	.sbtn {
		font-size: x-small !important;
		color: #fff !important;
	}
	/* ### END DIRECTWIRE Vehicle Compatibility Page Results Styles ### */
}

@media only screen and (min-width: 992px) and (max-width: 1007px) {
	.section-subtitle {
		font-size: 28px !important;
	}

	.seperator {
		padding: 15px 0 !important;
	}

	/* ### BEGIN DIRECTWIRE Vehicle Compatibility Page Results Styles ### */

	.ac-title {
		font-size: large !important;
	}

	.result-sku-header {
		background-color: #505050 !important;
		color: #fe9133 !important;
	}

		.result-sku-header:hover {
			color: #cccccc !important;
		}

	.flash-icon-indicator {
		/*border: 1px solid #ff0000 !important;*/
		text-align: center !important;
		margin-left: -47px !important;
	}

	/* ### END DIRECTWIRE Vehicle Compatibility Page Results Styles ### */
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.table-responsive {
		margin-top: -90px !important;
	}

	.section-subtitle {
		font-size: 28px !important;
	}

	.seperator {
		padding: 15px 0 !important;
	}

	/* ### BEGIN DIRECTWIRE Vehicle Compatibility Page Results Styles ### */

	.ac-title {
		font-size: large !important; /* original: font-size: large !important; */
		padding-left: 33px !important;
	}

	.result-sku-header {
		background-color: #505050 !important;
		color: #fe9133 !important;
	}

		.result-sku-header:hover {
			color: #cccccc !important;
		}

	.result-group-container:before {
		clear: both;
	}

	.result-group-container {
		margin-left: 5px;
		margin-top: 22px;
	}

	.flash-icon-indicator {
		/*border: 1px solid #ff0000 !important;*/
		text-align: center !important;
		margin-left: 139px !important;
		padding-bottom: 20px !important;
	}

	/* ### END DIRECTWIRE Vehicle Compatibility Page Results Styles ### */
}
/* END DIRECTWIRE: Select Model Styles (Select Vehicle Workflow) */

/*Forgot Password?*/
.text-danger-Dark {
	color: #FFF;
	background-color: red;
}


.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
	background-color: #FE9133 !important;
	border: 1px solid #FFF !important;
}

.button .orange {
	background-color: #FE9133;
}

/* Custom Directechs Orange-colored Button -- added 07.27.2016 rjn */
.btn-orange {
	color: #fff;
	background-color: #FE9133;
	border: 1px solid #FE9133;
}

	.btn-orange:hover,
	.btn-orange:focus,
	.btn-orange:active,
	.btn-orange.focus {
		background-color: #d0772a; /* darker orange: #d0772a; */ /* original: #fd841b; */
		border: 1px solid #d0772a;
		color: #fff;
		cursor: pointer !important;
	}

.btn-green {
	color: #fff;
	background-color: #3fda6d;
	border: 1px solid #3fda6d;
}

	.btn-green:hover,
	.btn-green:focus,
	.btn-green:active,
	.btn-green.focus {
		background-color: #11C064; /* darker green */
		border: 1px solid #11C064;
		color: #fff;
		cursor: pointer !important;
	}

.btn-yellow {
	color: #000;
	background-color: #ffd300;
	border: 1px solid #ffd300;
}

	.btn-yellow:hover,
	.btn-yellow:focus,
	.btn-yellow:active,
	.btn-yellow.focus {
		background-color: #c4a200; /* darker yellow */
		border: 1px solid #c4a200;
		color: #000;
		cursor: pointer !important;
	}

.btn-success:hover {
	background-color: #669966 !important;
	border: 1px solid #669966 !important;
	cursor: pointer !important;
}

.btn-info:hover {
	background-color: #48a5b3 !important; /* alternate darker teal: #0c95aa */
	border: 1px solid #48a5b3 !important;
	cursor: pointer !important;
}

.btn-purple:hover {
	background-color: #564f84 !important; /* alternate darker teal: #0c95aa */
	border: 1px solid #564f84 !important;
}

.btn-warning:hover {
	background-color: #cc9900 !important; /* alternate darker teal: #0c95aa */
	border: 1px solid #cc9900 !important;
}

.btn-label-directechs {
	padding-right: 8px;
}

/* Custom Directechs White-colored Button -- added 08.08.2016 rjn */
.btn-white-custom {
	color: #FE9133;
	background-color: #fff;
	border: 1px solid #fff;
}

	.btn-white-custom:hover,
	.btn-white-custom:focus,
	.btn-white-custom:active,
	.btn-white-custom.focus {
		background-color: #844c1c;
		border: 1px solid #844c1c;
		color: #FE9133; /* original: #fff; */
	}

/* Custom Directechs Blue-colored Button -- added 08.19.2016 rjn */
.btn-blue {
	color: #fff;
	background-color: #0099cc; /* alternate lighter blue: #00ccff; */
	border: 1px solid #0099cc; /* alternate lighter blue: #00ccff; */
}

	.btn-blue:hover,
	.btn-blue:focus,
	.btn-blue:active,
	.btn-blue.focus {
		background-color: #006699; /* alterate dark blue: #0099cc; */
		border: 1px solid #006699;
		color: #fff;
	}

.btn-grey {
	color: #fff;
	background-color: #555; /* alternate lighter blue: #00ccff; */
	border: 1px solid #555; /* alternate lighter blue: #00ccff; */
}

	.btn-grey:hover,
	.btn-grey:focus,
	.btn-grey:active,
	.btn-grey.focus {
		background-color: #888; /* alterate dark blue: #0099cc; */
		border: 1px solid #888;
		color: #fff;
	}

.btn-faded-red {
	color: #fff;
	background-color: #d96566 !important;
	border: 1px solid #d96566 !important;
}

	.btn-faded-red:hover,
	.btn-faded-red:focus,
	.btn-faded-red:active {
		background-color: #cc3333 !important;
		border: 1px solid #cc3333 !important;
		color: #fff !important;
	}

.btn-results-gray {
	color: #fff;
	background-color: #999999 !important;
	border: 1px solid #999999 !important;
}

	.btn-results-gray:hover,
	.btn-results-gray:focus,
	.btn-results-gray:active {
		background-color: #808080 !important;
		border: 1px solid #808080 !important;
		color: #fff !important;
		cursor: pointer !important;
	}

#btn-flash-menu-responsive {
	display: flex;
	justify-content: flex-end;
}

#btn-flash-module-sm {
	display: none;
}

#btn-flash-module {
	display: block;
}

.topbar-dropdown .list-entry {
	/*width: 130px;*/
	/*white-space:unset;*/
	word-wrap: break-word;
}

.title a {
	color: #111111;
}
/* TOP BAR RESPONSIVE STYLES */
@media only screen and (min-width: 1300px) {
	#topbar {
		/*border: 1px solid #ffd800 !important;*/ /* FOR DEV USE ONLY! COMMENT OUT FOR PRODUCTION */
		padding: 0px 43px 0px 38px !important;
	}

	.headerbar-homepage {
		padding-top: 0px !important; /* original: padding-top: 7px !important; (use when topbar header section is transparent -- no black topbar) */
		background-color: rgba(0,0,0, 0.6) !important;
		/*opacity: 0.6 !important;*/
	}

	.headerbar-subpage {
		padding-top: 0px !important;
		background-color: #000000 !important;
	}
}

@media only screen and (min-width: 1008px) and (max-width: 1299px) {
	#topbar {
		/*border: 1px solid #ff0000 !important;*/ /* FOR DEV USE ONLY! COMMENT OUT FOR PRODUCTION */
		padding: 0px 43px 0px 38px !important;
	}

	.headerbar-homepage {
		padding-top: 0px !important;
		background-color: rgba(0,0,0, 0.6) !important; /* original: #000000 !important; */
		/*opacity: 0.9 !important;*/
	}

	.headerbar-subpage {
		padding-top: 0px !important;
		background-color: #000000 !important;
	}

	.spButtonText {
		display: none;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1007px) {
	#topbar {
		/*border: 1px solid #00ff00 !important;*/ /* FOR DEV USE ONLY! COMMENT OUT FOR PRODUCTION */
		padding: 0px 43px 0px 38px !important;
		background-color: #000000 !important;
	}

	.headerbar-homepage {
		padding-top: 0px !important;
		background-color: #000000 !important; /* original: #000000 !important; */
		/*opacity: 0.9 !important;*/
	}

	#logo {
		/*border: 1px solid #FE9133 !important;*/ /* FOR DEV USE ONLY! COMMENT OUT FOR PRODUCTION */
		margin-top: 30px !important;
	}

	.nav-main-menu-responsive {
		/*border: 1px solid #0000ff !important;*/
		margin-top: 14px !important;
	}

	#button-lines {
		/*border: 1px solid #FE9133 !important;*/ /* FOR DEV USE ONLY! COMMENT OUT FOR PRODUCTION */
		margin-top: 14px !important;
	}

	/* Overrides css/theme-base.css lines 1142, 1161, 1170 (01.03.2016 rjn) */
	.lines-button > * {
		width: 30px !important;
	}

	.lines {
		background-color: white !important;
		height: 2px !important;
		width: 30px !important;
	}

		.lines::before,
		.lines::after {
			background-color: white !important;
			height: 2px !important;
			width: 30px !important;
		}
	/* END .lines Overrides css/theme-base.css */

	#btn-flash-module {
		border: 1px solid #ff0000 !important;
		display: none;
	}

	#btn-flash-module-sm {
		display: block;
		margin-top: 30px !important;
	}

	.spButtonText {
		display: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#topbar {
		/*border: 1px solid #0000ff !important;*/ /* FOR DEV USE ONLY! COMMENT OUT FOR PRODUCTION */
		padding: 0px 43px 0px 38px !important;
	}

	#logo {
		/*border: 1px solid #FE9133 !important;*/ /* FOR DEV USE ONLY! COMMENT OUT FOR PRODUCTION */
		margin-top: 14px !important;
	}

	.nav-main-menu-responsive {
		/*border: 1px solid #0000ff !important;*/
		margin-top: 6px !important;
	}

	#btn-flash-module {
		border: 1px solid #00ff00 !important;
		display: none;
	}

	#btn-flash-module-sm {
		display: block;
		margin-top: 14px !important;
	}

	.spButtonText {
		display: none;
	}

	#button-lines {
		/*border: 1px solid #FE9133 !important;*/ /* FOR DEV USE ONLY! COMMENT OUT FOR PRODUCTION */
		margin-top: 6px !important;
	}

	/* Overrides css/theme-base.css lines 1142, 1161, 1170 (01.03.2016 rjn) */
	.lines-button > * {
		width: 30px !important;
	}

	.lines {
		height: 2px !important;
		width: 30px !important;
	}

		.lines::before,
		.lines::after {
			height: 2px !important;
			width: 30px !important;
		}
	/* END .lines Overrides css/theme-base.css */
}

@media only screen and (min-width: 559px) and (max-width: 767px) {
	#btn-flash-module-sm {
		display: block;
		margin-left: 15px !important;
		margin-top: 17px !important;
		width: 80% !important;
	}

	#btn-flash-module {
		display: none;
	}

	.spButtonText {
		display: none;
	}
}

@media only screen and (min-width: 481px) and (max-width: 558px) {
	#btn-flash-module-sm {
		display: none;
	}

	#btn-flash-module {
		display: block;
	}

	.spButtonText {
		display: none;
	}
}

@media only screen and (min-width: 0) and (max-width: 480px) {
	#btn-flash-module-sm {
		display: none;
	}

	#btn-flash-module {
		display: block;
	}

	.spButtonText {
		display: none;
	}

	.logo-sm {
		width: 135px !important;
		height: auto !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

#topbar .topbar-dropdown .title a:hover {
	color: #FE9133; /* added this hover style - 07.18.2016 rjn */
}

#logo img {
	padding: 20px 5px 5px 5px;
	max-width: 100%;
	max-height: 85px;
}

.display-account {
	display: none !important;
}

/*header***********************/

#header.header-sticky:not(.header-static),
#header.header-sticky:not(.header-static) #header-wrap,
#header.header-sticky:not(.header-static) #logo img,
#header.header-sticky:not(.header-static) nav#mainMenu ul.main-menu,
#header.header-sticky:not(.header-static) #mainMenu > ul > li > a,
#header.header-sticky:not(.header-static) .nav-main-menu-responsive,
#header.header-sticky:not(.header-static) .side-panel-button {
	height: 90px;
}

/*header***********************/

/* Social Icons Topbar Styles -- overrides theme.elements.css beginning line 1860 */
.social-icons ul {
	padding: 0;
	margin-left: 10px;
}

.social-icons li a {
	float: left;
	height: 46px !important;
	width: 46px;
	line-height: 46px !important;
	font-size: 16px;
	text-align: center;
	margin: 4px;
	border-radius: 0px !important;
	border: 0;
	background: transparent;
	color: #333;
	overflow: hidden;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	border: 0px solid #0000ff;
}

#topbar .social-icons li a { /* Overrides /css/theme-base.css beginning line 2120 */
	border-radius: 0px;
	border-right: 1px solid rgba(180, 180, 180, 0.3);
	font-size: 15px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 35px;
	overflow: hidden;
	margin-bottom: 20px;
}

/*Colored*/
.social-icons.social-icons-colored .social-facebook a,
.social-icons.social-icons-colored-hover .social-facebook a:hover {
	background-color: #5d82d1; /* original Facebook blue: #5d82d1; */
	border: 0px solid #00ff00;
}

/* BEGIN Side bar - Home/Index ***************************/
.sidebar-modern:before {
	background-color: transparent;
	border-left-width: 0px;
}

.widget-title {
	color: #000000;
}

.sidebar .widget-title::after {
	border-top: 4px solid #111;
	content: "";
	display: block;
	margin-top: 14px;
	width: 60px;
}

.sidebar-modern .col-md-3 .sidebar {
	background-color: #cccccc;
}

h2 a {
	color: #222222;
}

h3 a {
	color: #333333;
}

a:hover {
	color: #844c1c;
}

h4 a {
	color: #ff7803;
}

h5 a {
	color: #555555;
	font-weight: normal;
	font-size: 16px;
}

@media only screen and (min-width: 0px) and (max-width: 991px) {
	.display-account {
		display: block !important;
	}

	.widget {
		width: auto !important;
	}

	#footerlogo {
		width: 40% !important;
	}

	.container-footer {
		display: none;
	}

	.spButtonText {
		display: none;
	}
}
/* END Sidebar ********************************************/
/* END Support Page/Section ********************************************/

/* BEGIN News Section styles */
.table-hover > tbody > tr:hover {
	background-color: #eee; /* NOTE this overrides original style in bootstrap.css line 2325 -- 05.16.2017 rjn */
}

/* END News Section styles */
#footer {
	border-top-width: 2px;
	border-color: #F89224;
}

.container-footer {
	display: flex;
	justify-content: center;
	align-items: center;
}

.row-footer {
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}

.item-footer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px 0 20px 0;
}

a:hover.footer-link {
	color: #777777;
}

@media only screen and (min-width: 0px) and (max-width: 991px) {
	.container-footer {
		display: none;
	}
}

#image-box {
	border: none;
}

	#image-box:hover {
		border: none;
	}

/* BEGIN Login partial view ***************************/
.fakeLink {
	border: 0px;
	background-color: transparent;
	color: #FFF;
	padding: 7px 5px 5px 5px;
}

	.fakelink:hover {
		color: #FE9133;
	}

#loginLayout .navbar-nav > li > a {
	color: rgb(116,116,116);
}

#loginLandPage .navbar-nav > li > a {
	color: white;
	padding-top: 10px;
	padding-bottom: 0px;
}

	#loginLandPage .navbar-nav > li > a:hover /* added this hover style - 07.18.2016 rjn */ {
		color: #FE9133;
	}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
	background-color: transparent;
}

/* END login partial view ********************************************/

/* BEGIN Main Navigation Styles ***************************/

#header.header-sticky:not(.header-static) #mainMenu > ul > li > a {
	line-height: 70px;
}

#mainMenu > ul > li > a:hover {
	color: #FE9133;
}

@media only screen and (min-width: 1008px) and (max-width: 1199px) {
	#mainMenu > ul > li > a:hover {
		color: #FE9133;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1007px) {
	#mainMenu > ul > li > a:hover {
		color: #FE9133;
	}
}

/* END Main Navigation Styles ********************************************/

/* BEGIN GO TO TOP BUTTON ***************************/

.gototop-button {
	bottom: 70px;
	margin-right: 30px !important;
	border-radius: 4px 4px !important;
	border: none !important;
}
/* See theme.\wwwroot\css\theme-base.css, line 2765 for more styles */

/* END GO TO TOP BUTTON ********************************************/


/* BEGIN Flash Module Styles ***************************/

h4.connect-module-detect {
	margin-top: -5px !important;
	margin-bottom: -5px !important;
}

h4.module-detect {
	margin-top: -9px !important;
	margin-bottom: -9px !important;
}

.select-year-bg {
	background-image: url('../images/FlashModule/bgCalendar3.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto;
}

	.select-year-bg:hover {
		background-image: url('../images/FlashModule/bgCalendarOn3.png');
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto;
	}

.select-vehicle-link {
	margin-left: -9px !important;
}

	.select-vehicle-link:hover {
		border-radius: 5px !important;
	}

.select-year-link {
	margin-left: 0px !important;
}

	.select-year-link:hover {
		border-radius: 5px !important;
	}

@media only screen and (min-width: 1008px) and (max-width: 1199px) {
	.select-vehicle-link {
		margin-left: -5px !important;
	}

	.select-year-link {
		margin-left: 0px !important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1007px) {
	.select-vehicle-link {
		margin-left: 75px !important;
		width: 60% !important;
	}

	.select-year-link {
		margin-left: 0px !important;
		width: 20% !important;
	}
}

.select-vehicle-brand-link:hover {
	border-radius: 5px !important;
}

.select-vehicle-brand-thumbnail {
	border: 1px solid #e0e0e0 !important;
}

	.select-vehicle-brand-thumbnail:hover {
		border: 1px solid #fe9133 !important;
	}

/* BEGIN Side Bar Styles (Flash Workflow Module) */

.select-sidebar-link {
	width: 100% !important;
	font-size: small;
	color: #fe9133;
	border-bottom: 1px solid #d0d0d0;
	padding: 6px 5px;
	text-align: left;
}

	.select-sidebar-link:hover {
		width: 100% !important;
		font-size: small;
		color: #844c1c;
		background-color: #e0e0e0 !important;
	}

.select-sidebar-link-padding {
	padding-left: 32px;
}

.select-option-icon-menuGeneric {
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
	background-size: 20px 20px;
}

.select-option-icon-menuAC {
	background-image: url(../images/FlashModule/menuAC-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menuAC:hover {
		background-image: url(../images/FlashModule/menuAC-20x20.png);
	}

.select-option-icon-menurffeatures {
	background-image: url(../images/FlashModule/menuRFFeatures-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menurffeatures:hover {
		background-image: url(../images/FlashModule/menuRFFeatures-20x20.png);
	}

.select-option-icon-menutemp {
	background-image: url(../images/FlashModule/menuTemp-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menutemp:hover {
		background-image: url(../images/FlashModule/menuTemp-20x20.png);
	}

.select-option-icon-d2dport {
	background-image: url(../images/FlashModule/menuD2DPort-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-d2dport:hover {
		background-image: url(../images/FlashModule/menuD2DPort-20x20.png);
	}

.select-option-icon-transmissiontype {
	background-image: url(../images/FlashModule/menuTransmission-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-transmissiontype:hover {
		background-image: url(../images/FlashModule/menuTransmission-20x20.png);
	}

.select-option-icon-systemtype {
	background-image: url(../images/FlashModule/menuSystemTypeNew-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-systemtype:hover {
		background-image: url(../images/FlashModule/menuSystemTypeNew-20x20.png);
	}

.select-option-icon-menuproduct {
	background-image: url(../images/FlashModule/menuProduct-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menuproduct:hover {
		background-image: url(../images/FlashModule/menuProduct-20x20.png);
	}

.select-option-icon-menunewinstall {
	background-image: url(../images/FlashModule/menuNewInstall-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menunewinstall:hover {
		background-image: url(../images/FlashModule/menuNewInstall-20x20.png);
	}

.select-option-icon-menuprofile {
	background-image: url(../images/FlashModule/menuProfile-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menuprofile:hover {
		background-image: url(../images/FlashModule/menuProfile-20x20.png);
	}

.select-option-icon-menuinstalltype {
	background-image: url(../images/FlashModule/menuInstallType3-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menuinstalltype:hover {
		background-image: url(../images/FlashModule/menuInstallType3-20x20.png);
	}

.select-option-icon-menuvehicleyear {
	background-image: url(../images/FlashModule/menuVehicleYear2-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menuvehicleyear:hover {
		background-image: url(../images/FlashModule/menuVehicleYear2-20x20.png);
	}

.select-option-icon-menuvehiclemake {
	background-image: url(../images/FlashModule/menuVehicleMake2-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menuvehiclemake:hover {
		background-image: url(../images/FlashModule/menuVehicleMake2-20x20.png);
	}

.select-option-icon-menuvehiclemodeltrim {
	background-image: url(../images/FlashModule/menuVehicleModelTrim-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menuvehiclemodeltrim:hover {
		background-image: url(../images/FlashModule/menuVehicleModelTrim-20x20.png);
	}

.select-option-icon-menuvehiclenote {
	background-image: url(../images/FlashModule/menuVehicleNote-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menuvehiclenote:hover {
		background-image: url(../images/FlashModule/menuVehicleNote-20x20.png);
	}

.select-option-icon-menufirmware {
	background-image: url(../images/FlashModule/menuFirmware2-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menufirmware:hover {
		background-image: url(../images/FlashModule/menuFirmware2-20x20.png);
	}

.select-option-icon-menufirmwarecore2 {
	background-image: url(../images/FlashModule/menuFirmwareCore-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

.select-option-icon-menufirmwarecore2:hover {
	background-image: url(../images/FlashModule/menuFirmwareCore-20x20.png);
}

.select-option-icon-menuonboardcombo {
	background-image: url(../images/FlashModule/menuOnboardCombo-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menuonboardcombo:hover {
		background-image: url(../images/FlashModule/menuOnboardCombo-20x20.png);
	}

.select-option-icon-menudisarmcode {
	background-image: url(../images/FlashModule/menuDisarmCode-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

.select-option-icon-menudisarmcode:hover {
	background-image: url(../images/FlashModule/menuDisarmCode-20x20.png);
}

.select-option-icon-menuflash {
	background-image: url(../images/FlashModule/menuFlash2-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menuflash:hover {
		background-image: url(../images/FlashModule/menuFlash2-20x20.png);
	}

.select-option-icon-menukey {
	background-image: url(../images/FlashModule/menuKey-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menukey:hover {
		background-image: url(../images/FlashModule/menuKey-20x20.png);
	}

.select-option-icon-menu3xlockstart {
	background-image: url(../images/FlashModule/menuLS2-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menu3xlockstart:hover {
		background-image: url(../images/FlashModule/menuLS2-20x20.png);
	}

.select-option-icon-menuSmartStart {
	background-image: url(../images/FlashModule/menuSmartStart-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

.select-option-icon-menuKIBVoltage {
	background-image: url(../images/FlashModule/menuKIBVoltage-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menuKIBVoltage:hover {
		background-image: url(../images/FlashModule/menuKIBVoltage-20x20.png);
	}

.select-option-icon-menuTemperatureSensor {
	background-image: url(../images/FlashModule/menuTemp-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

.select-option-icon-menuSmartStart:hover {
	background-image: url(../images/FlashModule/menuSmartStart-20x20.png);
}

.select-option-icon-menuTemperatureSensor:hover {
	background-image: url(../images/FlashModule/menuTemp-20x20.png);
}

.select-option-icon-menubrand {
	background-image: url(../images/FlashModule/menuBrand-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menubrand:hover {
		background-image: url(../images/FlashModule/menuBrand-20x20.png);
	}

.select-option-icon-menuremote {
	background-image: url(../images/FlashModule/menuRF-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menuremote:hover {
		background-image: url(../images/FlashModule/menuRF-20x20x.png);
	}

.select-option-icon-menurffirmware {
	background-image: url(../images/FlashModule/menuRFFirmware-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menurffirmware:hover {
		background-image: url(../images/FlashModule/menuRFFirmware-20x20.png);
	}

.select-option-icon-menud2d {
	background-image: url(../images/FlashModule/menuD2D2-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menud2d:hover {
		background-image: url(../images/FlashModule/menuD2D2-20x20.png);
	}

.select-option-icon-menufeatures {
	background-image: url(../images/FlashModule/menuFeatures-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

	.select-option-icon-menufeatures:hover {
		background-image: url(../images/FlashModule/menuFeatures-20x20.png);
	}

.select-option-icon-menuhardreset {
	background-image: url(../images/FlashModule/menuHardReset-20x20-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 6px;
}

.select-option-icon-menuhardreset:hover {
	background-image: url(../images/FlashModule/menuHardReset-20x20.png);
}

.select-sidebar-container {
	padding-bottom: 15px;
	margin-left: -7px;
	margin-right: -5px;
}

.select-sidebar-container a {
	display: block;
}
/* END Side Bar Styles (Flash Workflow Module) */

.flashPageTitle {
	color: #844c1c;
	font-size: 23px !important;
}

.orangeTitle {
	color: #844c1c;
}

.greyTitle {
	color: #eee;
}

.select-vehicle-text {
	color: #fe9133;
}

	.select-vehicle-text a,
	.select-vehicle-text a:active,
	.select-vehicle-text a:visited {
		color: #fe9133;
	}

		.select-vehicle-text a:hover {
			color: #844c1c !important;
		}

.select-model-item {
	margin: 0px;
	padding: 20px;
}

.ie-browser-check {
	background-image: url(../images/FlashModule/bg-ie-browser-check.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
}

.flash-module-text {
	color: #fe9133 !important;
}

	.flash-module-text:hover {
		color: #844c1c !important;
	}

.nav > li > a:hover, .nav > li > a:focus {
	background-color: transparent !important;
}

@media only screen and (min-width: 1008px) and (max-width: 1199px) {
	.refresh-container {
		margin: 0 !important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1007px) {
	.refresh-container {
		margin: 0 !important;
	}
}

/* Styles for Subpage right sidebar icons */
@media only screen and (min-width: 1200px) {
	/* Overrides style orginally from custom.css (line 2617) */
	.social-icons li a {
		height: 46px !important;
		width: 46px !important;
	}

	/* Overrides style originally from theme-elements.css (line 2066) */
	.social-icons.social-icons-medium li a {
		height: 46px !important;
		width: 46px !important;
	}
}

/* END custom Social Media Icon styles ********************************************/
/* ### TOP HEADER BAR/MAIN NAVIGATION STYLES ### */

@media only screen and (min-width: 1200px) {
	#topbar.topbar-transparent.topbar-dark {
		background-color: rgba(0,0,0, 0.6) !important;
	}

	.register-link {
		margin-top: 2px;
		margin-left: -8px !important;
		padding-bottom: 6px;
	}
}

@media only screen and (min-width: 1008px) and (max-width: 1199px) {
	#topbar.topbar-transparent.topbar-dark {
		background-color: rgba(0,0,0, 0.6) !important;
	}

	.register-link {
		margin-top: 2px;
		margin-left: -8px !important;
		padding-bottom: 6px;
	}
}


/* ### CUSTOM FIX FOR TOP HEADER/MAIN NAVIGATION STYLES ###
NOTE: below media query fixes top main navigation bar issue on Chrome and Firefox browsers where blank white space appears between top Login/Social Media bar and main navigation links section; IE was not affected by this issue before or after adding the media query below. (added 09.13.2016 rjn)
Note 2: this overrides "Medium devices Desktops (?992px)" defined in /css/responsive.css, lines 53-57 which contributed to issue above, but is fixed with media query below.
*/

@media only screen and (min-width: 992px ) and (max-width: 1007px) {
	.wrapper {
		width: 100%;
		margin: 0;
	}

	body.wide #header.header-fullwidth #header-wrap .container {
		padding: 0 15px;
		width: 750px;
	}

	#topbar.topbar-dark {
		background-color: #101010 !important;
	}

	#topbar .topbar-dropdown {
		font-size: 12px;
	}

		#topbar .topbar-dropdown .title {
			padding: 0 10px;
		}

	.dropdown-item-class {
		padding: 0;
		border-bottom: 1px solid #222 !important;
		height: 50px;
		line-height: 32px;
		outline: none;
	}

	#logo img {
		padding: 10px 10px 10px 0;
	}

	.register-link {
		margin-top: 2px;
		margin-left: -28px !important;
		padding-bottom: 6px;
	}

	#header,
	#header-wrap,
	#header.header-sticky nav#mainMenu ul.main-menu,
	#mainMenu > ul {
		height: auto !important;
	}

		#header.header-sticky #header-wrap {
			position: relative;
		}

		#header.header-transparent + #slider,
		#header.header-transparent + #google-map,
		#header.header-transparent + .page-title-extended,
		#header.header-transparent + .page-title-video,
		#header.header-transparent + .page-title-parallax,
		#header.header-transparent + .fullscreen,
		#header.header-modern + .page-title-parallax {
			top: 0px;
			margin-bottom: 0px;
		}

		#header.header-transparent,
		#header.header-light-transparent {
			background: #FFF;
			border-bottom: 1px solid #F5F5F5;
			z-index: auto;
		}

			#header.header-transparent.header-dark:not(.header-navigation-light),
			#header.header-dark-transparent.header-dark:not(.header-navigation-light) {
				background-color: #101010;
				border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			}

		#header.header-logo-center:not(.header-sticky) #logo {
			width: auto;
		}

		#header.header-logo-center:not(.header-sticky) nav.main-menu li.dropdown:first-child > a {
			padding-left: 6px;
			margin-left: 0px;
		}

		#header > .container {
			width: 100%;
			padding: 0px;
		}

	/*	Main menu*/
	.navigation-wrap {
		display: none;
		clear: both;
	}

		.navigation-wrap.navigation-active {
			display: block;
		}

		.navigation-wrap,
		.navigation-wrap > .container,
		#header.header-fullwidth #header-wrap .container .navigation-wrap .container {
			padding: 0px;
			width: 100%;
		}

	.navbar-collapse {
		border: 0px !important;
	}

	.navigation-wrap.navbar-header,
	.navigation-wrap.navbar-collapse {
		margin-left: 0px;
		margin-right: 0px;
		box-shadow: none;
	}

	.nav-main-menu-responsive {
		display: block;
	}

	.main-menu-collapse {
		position: relative;
		width: 100% !important;
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: hidden;
	}

	.dropdown-menu {
		width: 100% !important;
	}

	.main-menu-collapse.collapse {
		display: none !important;
		overflow: auto !important;
	}

	.main-menu-collapse.in {
		display: block !important;
		overflow-x: hidden !important;
		overflow-y: auto;
	}

	.main-menu {
		clear: both;
		display: block;
		width: 100%;
	}

		.main-menu ul {
			padding: 0;
			margin: 0;
		}

			.main-menu ul li {
				padding: 0;
				margin: 0;
				clear: both;
				float: none;
				display: block;
			}

	#mainMenu {
		margin-bottom: 10px;
	}

		#mainMenu > ul > li > a,
		#mainMenu > ul > li > span {
			font-size: 13px;
		}

		#mainMenu ul > li > a,
		#mainMenu ul > li > span {
			height: 50px;
			line-height: 32px;
			outline: none;
		}

	.main-menu ul ul {
		margin-left: 10px !important;
	}

	.main-menu ul.main-menu {
		float: none;
		position: static;
	}

	.main-menu ul.dropdown-menu {
		position: static;
		clear: both;
		float: none;
		display: none !important;
	}

	.main-menu li.resp-active > ul.dropdown-menu {
		border: 0 none;
		display: block !important;
		padding-right: 10px;
	}

	nav ul.main-menu li a,
	nav ul.main-menu .dropdown-submenu > span.dropdown-menu-title-only {
		clear: both;
		float: none;
		display: block;
		border: 0;
		border-top: 0;
		margin: 0;
	}

		nav ul.main-menu li a i.fa-angle-down {
			position: absolute;
			right: 5px;
			top: 18px;
		}

	nav ul.main-menu ul.dropdown-menu {
		box-shadow: none;
	}

	#header.header-dark #mainMenu ul li.mega-menu-item .mega-menu-title,
	#header.header-dark:not(.header-navigation-light) #mainMenu ul li.dropdown:not(.mega-menu-item) li {
		border-bottom: 0;
	}

	#mainMenu ul > li > a,
	#mainMenu ul > li > span,
	#mainMenu .mega-menu-title,
	#mainMenu .mega-menu-content a {
		border-bottom: 1px solid #eee !important;
	}

	#header.header-dark:not(.header-navigation-light) #mainMenu ul > li > a,
	#header.header-dark:not(.header-navigation-light) #mainMenu ul > li > span,
	#header.header-dark:not(.header-navigation-light) .mega-menu-title,
	#header.header-dark:not(.header-navigation-light) .mega-menu-content a {
		border-bottom: 1px solid #222 !important;
		color: #ccc;
	}

	#header.header-dark:not(.header-navigation-light) .dropdown-menu a,
	#header.header-dark:not(.header-navigation-light) .dropdown-menu span:not(.label) {
		color: #888 !important;
	}

	#mainMenu ul li.dropdown:not(.mega-menu-item) li {
		border-bottom: 0;
	}

	#header.header-dark:not(.header-navigation-light) #mainMenu.style-1 ul.dropdown-menu,
	#header.header-dark:not(.header-navigation-light) #mainMenu.style-1 ul.dropdown-submenu {
		border: 3px solid #222;
	}

	#mainMenu.style-1 ul.dropdown-menu,
	#mainMenu.style-1 ul.dropdown-submenu,
	#header.header-dark #mainMenu.style-1 ul.dropdown-menu,
	#header.header-dark #mainMenu.style-1 ul.dropdown-submenu {
		border: 0px !important;
		box-shadow: none !important;
	}
	/*Slide menu version*/
	#mainMenu.slide-menu > ul > li {
		visibility: visible;
		filter: alpha(opacity=1);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
	}

	#header.header-dark #mainMenu ul li.dropdown:not(.mega-menu-item) li {
		border-bottom: 0;
	}

	nav ul.main-menu ul.dropdown-menu li > a #header nav ul.main-menu .dropdown-submenu > span.dropdown-menu-title-only {
		padding: 9px 8px;
		border: 0;
		border-top: 0;
		margin: 0;
		border-bottom: none;
	}

	nav ul.main-menu ul.sub-menu {
		padding: 0;
		margin: 0 0 10px 0;
	}

	nav .main-menu .dropdown-submenu:before {
		content: "\f107";
		font-family: fontawesome;
		font-size: 12px;
		opacity: 0.6;
		position: absolute;
		right: 12px;
		top: 12px;
	}

	nav ul.main-menu ul.dropdown-menu {
		background: none !important;
		background-color: transparent !important;
	}

	nav ul.main-menu li.dropdown.open .dropdown-toggle,
	nav ul.main-menu li a,
	nav ul.main-menu li > a:hover,
	nav ul.main-menu li.active a,
	nav ul.main-menu li.dropdown:hover a,
	nav ul.main-menu li.dropdown:hover .dropdown-submenu > span.dropdown-menu-title-only {
		background: none !important;
		background-color: transparent !important;
	}

	nav ul.main-menu ul.dropdown-menu li:hover > a,
	nav ul.main-menu li.dropdown:hover ul.dropdown-menu li > a:hover {
		background: none !important;
		background-color: transparent !important;
	}

	nav.mega-menu li.mega-menu-item .mega-menu-sub-title {
		margin-top: 30px;
	}

	nav.mega-menu .mega-menu-content {
		padding: 0px;
	}

	nav .main-menu .dropdown-menu .mega-menu-content [class*="col-md-"] {
		padding: 0;
	}

		nav .main-menu .dropdown-menu .mega-menu-content [class*="col-md-"]:nth-child(2n) {
			padding-left: 2px;
		}

	nav .main-menu .dropdown-menu .mega-menu-content {
		background-image: none !important;
	}

	nav ul.main-menu .dropdown > .dropdown-menu,
	nav ul.main-menu .dropdown-submenu > .dropdown-menu {
		visibility: visible;
		opacity: 1;
	}

	nav ul.main-menu .dropdown:hover > .dropdown-menu,
	nav ul.main-menu .dropdown-submenu:hover > .dropdown-menu {
		opacity: 1;
		visibility: visible;
	}
	/*dropdown*/
	#mainMenu > ul > li > a,
	#mainMenu > ul > li > span,
	#mainMenu > ul > li a,
	#mainMenu > ul > li span:not(.label) {
		padding: 10px 0;
	}
}

h2.noresize {
	font-size: 30px !important;
}
/**************************************************************************
	Responsive  
	June 2019
/**************************************************************************/
@media only screen and (min-width: 0px) and (max-width: 991px) {
	.content {
		padding: 5px 0;
	}

	.container {
		width: 99% !important;
		min-width: 800px;
	}

	.col-md-5,
	.col-md-6 {
		width: 47% !important;
		min-width: 340px !important;
		max-width: 440px !important;
	}
	/*#btn-flash-module {*/
	/*border: 1px solid #00ff00 !important;*/
	/*display: none;
	}*/
	.flashContent {
		margin-left: 0;
		margin-top: 50px;
	}

	.flashContentCM {
		display: inline-block !important;
		margin-left: 20px !important;
		float: none !important;
		vertical-align: top !important;
	}


	.flashYear {
		padding: 5px 8px 15px 8px;
		font-weight: 600;
		font-size: medium;
		margin: 0px auto 0px;
	}

	.breadcrumb {
		margin-left: -15px;
	}

	h2 {
		font-size: 24px;
	}

	h3 {
		font-size: 21px !important;
	}
	/* This style overrides original border.bottom attribute only (see theme-base.css -- beginning line 2469  */
	.sidebar .widget {
		border-bottom: none;
	}

	.contact-us-icons {
		display: none;
	}

	.sidebar-categories-display {
		display: none;
	}

	.sidebar-contact-us div {
		display: flex;
		justify-content: space-around
	}

		.sidebar-contact-us div ul {
			margin-right: 100px;
		}

	.select-vehicle-link {
		margin-left: 14px !important;
	}

	.select-year-link {
		margin-left: 0px !important;
		width: 20% !important;
	}

	.refresh-container {
		margin: 0 !important;
	}

	.register-link {
		margin-top: 2px;
		margin-left: -28px !important;
		padding-bottom: 6px;
	}
}