@font-face {
	font-family: 'icomoon-free';
	src: url('fonts/IcoMoon-Free.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.woff') format('woff');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'RobotoCondensed';
	src: url('fonts/RobotoCondensed/RobotoCondensed-Regular.ttf')
		format('truetype');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'RobotoCondensed';
	src: url('fonts/RobotoCondensed/RobotoCondensed-Light.ttf') format('truetype');
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: 'RobotoCondensed';
	src: url('fonts/RobotoCondensed/RobotoCondensed-SemiBold.ttf')
		format('truetype');
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: 'RobotoCondensed';
	src: url('fonts/RobotoCondensed/Roboto-Medium.ttf') format('truetype');
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'titgothFBNarLight';
	src: url('fonts/TitlingGothicFB Narrow/TitlingGothicFBNarrow-Light.woff2')
			format('woff2'),
		url('fonts/TitlingGothicFB Narrow/TitlingGothicFBNarrow-Light.woff')
			format('woff'),
		url('fonts/TitlingGothicFB Narrow/TitlingGothicFBNarrow-Light.ttf')
			format('truetype'),
		url('fonts/TitlingGothicFB Narrow/TitlingGothicFBNarrow-Light.svg#TitlingGothicFBNarrow-Light')
			format('svg'),
		url('fonts/TitlingGothicFB Narrow/TitlingGothicFBNarrow-Light.eot?#iefix')
			format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'titlingheader';
	src: url('fonts/TitlingGothicFB Comp/TitlingGothicFBComp-Standard.woff2')
			format('woff2'),
		url('fonts/TitlingGothicFB Comp/TitlingGothicFBComp-Standard.woff')
			format('woff'),
		url('fonts/TitlingGothicFB Comp/TitlingGothicFBComp-Standard.ttf')
			format('truetype'),
		url('fonts/TitlingGothicFB Comp/TitlingGothicFBComp-Standard.svg#TitlingGothicFBComp-Standard')
			format('svg'),
		url('fonts/TitlingGothicFB Comp/TitlingGothicFBComp-Standard.eot?#iefix')
			format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../fonts/glyphicons-halflings-regular.eot');
	src: url('../css/fonts/glyphicons-halflings-regular.eot?#iefix')
			format('embedded-opentype'),
		url('../css/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
		url('../css/fonts/glyphicons-halflings-regular.woff') format('woff'),
		url('../css/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
		url('../css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular')
			format('svg');
}

a {
	text-decoration: none;
	color: #0068b3;
}

select::-ms-expand {
	display: none;
}

::-ms-clear {
	display: none;
}

#page_link,
.page_link {
	float: left;
}

img {
	-ms-interpolation-mode: bicubic;
}

html {
	margin: 0px;
	padding: 0px;
	min-width: 489px;
}

.cellInfo {
	padding: 20px 40px;
	min-height: 60px;
	font-size: 14px !important;
}

.cellInput {
	padding: 20px 40px;
	min-height: 60px;
	font-size: 14px !important;
	/* display: flex;
	justify-content: center; */
}

.flt-left {
	float: left;
	color: white;
	text-decoration: none;
}

.topnav {
	background-color: #2e3c4d;
	display: block;
}

.newnavbar {
	clear: both;
	padding: 0px;
	margin: 0px;
	background-color: #2e3c4d;
}

.sectionhead {
	clear: both;
	width: 86.5%;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */

.colhead {
	display: block;
	float: left;
	margin: 1% 0 1% 1%;
}

.colhead:first-child {
	margin-left: 0;
}

.title_subtitle {
	font-size: 15px;
	text-transform: none;
	font-weight: normal;
	margin-top: -10px;
	height: 135px;
}

.dropbtn {
	border-radius: 0px !important;
}

.grouphead {
	color: white;
	padding-top: 10px;
	padding-bottom: 6px;
}

.grouphead a {
	color: #fff;
	font-weight: normal;
}

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

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

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

.clear {
	clear: both;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

/*  GRID OF SIX  */

.spanhead_6_of_6 {
	width: 3.16%;
}

.spanhead_5_of_6 {
	width: 2.16%;
}

.spanhead_4_of_6 {
	width: 2.16%;
}

.spanhead_3_of_6 {
	width: 16.5%;
}

.spanhead_2_of_6 {
	width: 28.66%;
}

.spanhead_1_of_6 {
	width: 18.83%;
}

#potCust {
	font-size: 1vw;
	width: 16%;
	height: 43px;
	padding-top: 11px;
	align-content: center;
	margin-right: 15px;
	border-right: solid 2px #0068b3;
}

.select_coupon_type {
	line-height: 1 !important;
	margin-top: 7px !important;
}

#DealerAddress {
	font-weight: bold;
	color: #ffffff;
	background: #747579;
	padding: 15px;
	min-height: 110px;
}

#switchDealerBox {
	background: #ffffff;
	padding: 15px;
	text-transform: uppercase;
}

.reports_header {
	font-size: 1em;
}

.DealProHead {
	margin-top: 15px;
}

#DealerInstructions {
	/*background: #d5d3d3;
	padding-top: 15px;
	color: #2e3c4d;
	min-height: 110px;*/
	opacity: 0.6;
}

.current_mode {
	background: #006bb7 !important;
}

.switchButton {
	background: #d5d3d3;
}

#pager {
	width: 100%;
}

.blackbar {
	padding-left: 50px;
}

.flt-right {
	float: right;
	color: white;
	text-decoration: none;
}

.choose_order {
	width: 50%;
}

/* spacing and padding helpers */

.p-10 {
	padding: 10px;
}

.m-t-5 {
	margin-top: 5px;
}

.m-10 {
	margin: 10px;
}

.m-b-10 {
	margin-bottom: 10px;
}

.p-t-5 {
	padding-top: 5px;
}

.p-t-10 {
	padding-top: 10px;
}

.p-t-15 {
	padding-top: 15px;
}

.p-t-20 {
	padding-top: 20px !important;
}

.p-t-25 {
	padding-top: 25px;
}

.p-t-30 {
	padding-top: 30px;
}

.p-t-40 {
	padding-top: 40px !important;
}

.p-t-60 {
	padding-top: 60px;
}

.p-b-5 {
	padding-bottom: 5px;
}

.p-b-10 {
	padding-bottom: 10px;
}

.p-b-15 {
	padding-bottom: 15px;
}

.p-b-60 {
	padding-bottom: 30px;
}

.p-l-5 {
	padding-left: 5px;
}

.p-l-20 {
	padding-left: 20px;
}

.p-l-30 {
	padding-left: 30px;
}

.p-r-10 {
	padding-right: 10px;
}

.p-r-30 {
	padding-right: 30px;
}

.p-r-60 {
	padding-right: 60px;
}

/*font*/

.smblue {
	color: #0068b3 !important;
}

.dkgry {
	color: #2e3c4d;
}

.headertitle,
.windowHeader {
	font-size: 2rem !important;
	font-weight: 100;
	text-align: left;
	text-transform: uppercase;
}

.headertitle.small {
	font-size: 16px !important;
}

.indvcat_headertitle {
	font-size: 1.8rem;
	font-weight: 100;
	text-align: left;
	text-transform: uppercase;
}

.navfont {
	font-size: 20px;
	margin: 0px;
	text-transform: uppercase;
	white-space: nowrap;
	font-weight: 700;
}

.search-text {
	float: left;
	padding-top: 31px;
	color: white;
	letter-spacing: 0.05em;
}

.biro {
	font-family: 'biro', sans-serif;
}

.bold {
	font-weight: 400;
}

.blk_bar {
	background-color: #2e3c4d;
	height: 44px;
	width: 100%;
	right: 0;
	top: 0;
	left: 0;
	font-size: 16px;
	padding-top: 5px;
}

.slvr_bar {
	background-color: #f5f7fa;
	min-height: 40px;
	font-size: 16px;
}
.silver {
	background-color: #f5f7fa;
}
.slvr_bar_progress {
	background-color: #f5f7fa;
	font-size: 16px;
	height: 100%;
}

.slvr_bar_promos {
	background-color: #f5f7fa;
	width: 100%;
}

.slvr_nav {
	width: 50%;
	height: 45px;
	margin: auto;
	color: white;
}

.progress_imgs {
	width: 25%;
	margin: auto;
}

.dkgry_bar {
	background-color: #2e3c4d;
	height: 40px;
	font-size: 1.1vw;
}

.dkgry_bar100 {
	background-color: #2e3c4d;
	width: 101%;
	font-size: 1.1vw;
	margin-left: -8px;
	margin-top: 20px;
}

letter-spacing1 {
	letter-spacing: 1px;
}

letter-spacing2 {
	letter-spacing: 2px;
}

.dkgry_nav {
	width: 42%;
	height: 45px;
	margin: auto;
	color: white;
}

/*navigation bar*/

.navbar {
	position: relative;
	min-height: 45px;
	margin-bottom: 0;
	border: 0;
}

.navbarOverall {
	display: flex;
	width: 80%;
	flex-direction: row;
}

#navlogo {
	padding-top: 14px;
	padding-bottom: 10px;
	width: 250px;
}

.navcontainer a {
	color: #0068b3;
	text-decoration: none;
}

.navcontainer a:hover {
	color: #0068b3;
	text-decoration: none;
}

.indv_template {
	height: 510px;
	padding: 15px;
	overflow: hidden;
	background-color: #e4e5e6;
	position: relative;
}

.cardfixedfooter {
	position: absolute;
	bottom: 13px;
	left: 0;
	width: 100%;
	bottom: 0;
	padding: 10px 0 10px 15px;
}

.temp_preview {
	margin-top: 25px;
}

.template_info_text {
	height: 125px;
	display: flex;
}

bodyxxx {
	min-width: 1200px;
}

.resourcecontainer {
	width: 53%;
	margin-left: 12%;
	margin-top: 35px;
}

.dropdown {
	margin-top: -2px;
}

#myChart {
	background-color: white;
	padding: 10px;
	width: 100% !important;
	margin: 10px;
}

.blk_nav {
	height: 45px;
	margin-left: 12%;
	color: white;
}

.fa {
	color: white;
	font-size: 25px;
}

.top_container {
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: center;
	height: 35px;
}

#userName {
	width: 19%;
	text-align: left;
	font-size: 1vw;
	align-content: center;
	height: 43px;
	padding-top: 11px;
	margin-right: 15px;
	border-right: solid 2px #0068b3;
}

#dlrNameNumber {
	width: 25%;
	font-size: 1vw;
	height: 43px;
	padding-top: 11px;
	align-content: center;
	margin-right: 15px;
	border-right: solid 2px #0068b3;
}

#logout {
	text-align: center;
}

.itemicon {
	width: 5%;
	text-align: center;
}

/*landing page*/

.mailersHeader {
	margin-left: 12%;
}

.main {
	width: 80%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.columnsOverall {
	display: flex;
	flex-direction: row;
}

.leftColumn {
	width: 80%;
	margin-left: 12%;
}

.rightColumn {
	width: 35%;
	margin-left: -31%;
}

#landingLogo {
	padding-top: 50px;
}

#landingM {
	width: 60%;
	position: absolute;
	left: 85px;
	top: 280px;
}

#landingRight {
	float: left;
	width: 99%;
	padding-top: 4px;
	margin-left: -35px;
	z-index: -5;
}

#hqinfo {
	padding-top: 48px;
	line-height: 20px;
	color: #2e3c4d;
	font-size: 12px;
}

/*dashboard page*/

.owlimage {
	padding-bottom: 25px;
	width: 101%;
	margin-left: -8px;
	margin-right: -8px;
}

.dashtop {
	background-color: #e4e5e6;
	margin-top: 15px;
	height: 457px;
	overflow: hidden;
}

#dashchart {
	padding: 15px;
	width: 85%;
}

#messages {
	font-size: 40px;
	width: 60%;
	margin: auto;
}

#messagecenter h2,
#messagecenter h3,
#messagecenter h4,
#messagecenter h5,
#messagecenter p,
#message h2,
#message h3,
#message h4,
#message h5,
#message p {
	font-family: 'biro' !important;
}

#MessageCenterWindow {
	float: right;
	padding: 10px 28px;
	width: 280px;
	background-color: #e4e5e6;
}

#blkrule {
	background-color: #2e3c4d;
	padding-top: 13px;
	padding-bottom: 5px;
	margin-top: 16px;
	margin-bottom: 16px;
}

#blankrule {
	background-color: transparent;
	margin-bottom: 15px;
}

.dashmiddle {
	background-color: #ffffff;
	background-color: #e4e5e6;
}

#whitespace {
	background-color: white;
	width: 1.7%;
}

.orderhistory {
	/* color: #2e3c4d;
	font-size: 16px; */
	text-shadow: none;
	overflow: hidden;
	/* background-position: 0 100%;
	background-size: 80%;
	background-color: #e4e5e6;
	background-image: url('images/MOPAR-PMS431.png');
	background-repeat: no-repeat;
	background-position: left; */
}

#orderhistory {
	margin-top: 10px;
	padding: 15px;
	text-align: center;
	width: 100%;
}

.sale {
	background-color: #e4e5e6;
	font-size: 1.15vw;
	color: #2e3c4d;
	float: right;
}

.leftSale {
	width: 48%;
}

.rightSale {
	width: 50%;
}

.linkarrow:after {
	font-family: icomoon;
	font-weight: normal;
	content: '\e906';
	font-size: 11px;
	position: absolute;
	margin-left: 8px;
	margin-top: 1px;
	color: inherit;
	color: #0068b3;
}

.dashbottom {
	margin-bottom: 17px;
	background-color: #e4e5e6;
}

.promotions {
	width: 100%;
	font-size: 1.15vw;
	color: #2e3c4d;
}

.promotions .info_column {
	width: 90%;
}

#promotions {
	padding-left: 35px;
}

.image_column {
	width: 30%;
	padding-left: 35px;
}

.info_column {
	width: 70%;
	padding: 15px;
}

#promoimage {
	width: 100%;
	padding-bottom: 15px;
}

/*orderhistory*/

table {
	border-collapse: collapse;
}

.dkgryrow {
	background-color: #2e3c4d;
	color: white;
	padding: 10px;
}

.pad5 {
	padding: 5px 5px;
}

ul {
	list-style-type: none;
	padding: 0;
	overflow: hidden;
}

li a {
	display: block;
	text-decoration: none;
}

.chartcontainer {
	font-family: 'titgothFBNarLight', 'Open Sans Condensed', sans-serif !important;
	text-transform: uppercase;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	height: 40px;
}

.tempsContainer {
	text-align: center;
}

#lImage {
	padding: 20px;
	width: 40%;
}

#rImage {
	padding: 20px;
	width: 40%;
}

#record_data {
	text-align: center;
}

.ord_choose {
	width: 62%;
	margin-left: 12%;
}

.search_this {
	width: 60%;
}

/*footer*/

.inline {
	display: inline;
}

.smgrey {
	color: #a8a9ac;
	font-size: 14px;
	padding: 13px 13px 0 0px;
	letter-spacing: 2px;
}

.grey_background {
	background-color: #2e3c4d;
}

.smwhite {
	color: white;
	padding: 13px 13px 0 13px;
	font-size: 0.75em;
}

#pwravzdo {
	margin-top: 15px;
}

.progressBar {
	width: 17%;
}

.progressBar_on {
	width: 10%;
}

#orderformcontainer {
	display: flex;
	height: 4em;
	align-items: center;
}

/* select,
.text-input {
	box-sizing: border-box;
	height: 48px;
	padding: 0 16px;
	font-weight: 400;
	letter-spacing: 0;
	border-radius: 2px;
	font-size: 14px;
	color: #7a8899;
	line-height: 1;
	border: 1px solid #dadfe6;
	background-color: white;
	display: inline-block;
	cursor: pointer;
	margin-top: 10px;
	padding: 16px;
	max-width: 100%;
	color: #2e3c4d;
	/* -webkit-appearance: none;
	-ms-appearance: none;
	-khtml-appearance: none;
	-moz-appearance: none; */
/* outline: 0; */
/* } */
.select-box {
	position: relative;
}
.select-box::before {
	border-left: 1px solid #dadfe6;
	background-color: #fff;
	content: '';
	height: 48px;
	bottom: 0;
	right: 53px;
	position: absolute;
}

.select-box::after {
	color: #0068b3;
	content: '\e904';
	font-family: icomoon;
	line-height: 1;
	font-weight: normal;
	position: absolute;
	right: 25px;
	bottom: 15px;
}

select[multiple],
select[size] {
	padding: 0;
	min-height: 100px;
	border-radius: 0;
	background-image: inherit;
	background-position: inherit;
	background-size: inherit;
	background-repeat: no-repeat;
}

.schedcampheaders {
	background-color: #2e3c4d;
	height: 30px;
	letter-spacing: 0.5px;
	font-size: 0.75em;
	color: #ffffff;
}

#choose {
	color: #0068b3;
	padding: 15px 15px 15px 0;
	width: 83%;
	letter-spacing: 0.25px;
}

/*ordermailer*/

.categoriesContainer {
	text-align: center;
	background-color: white;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: top;
	justify-content: center;
	align-content: center;
}

#starburst {
	margin-top: -95px;
	margin-left: 145px;
}

.category {
	text-align: left;
	/*width: 25%;*/
	border-style: solid;
	border-color: black;
	border-width: 0;
	background-color: #e4e5e6;
	/*margin: 15px;*/
	min-height: 350px;
	margin-bottom: 15px;
}

.category.active {
	background-color: #f8f9fa;
	height: 100%;
}

.alert-warning,
.alert-success {
	color: #2e3c4d;
	background-color: #e4e5e6;
	border-color: #ffffff;
}

#ResourceContainer {
	width: 30%;
	min-height: 370px;
	padding: 0;
	margin: 0 25px 25px 0;
	float: left;
	background-image: none;
	box-shadow: none;
}

.resource_header {
	background-color: #d3d4d5;
	width: 100%;
	height: 85px;
}

.header_container_left {
	float: left;
	margin: 0px;
	padding: 20px 0 0 25px;
	width: 55%;
}

.header_container_left.active {
	background-color: #2e3c4d;
	/*width: 94%;
    height: 80%;*/
	width: 100%;
	height: 100%;
}

.header_container_right {
	background-color: #bbb5b5;
	height: 100%;
	width: 35%;
	height: 85px;
	float: right;
	overflow: hidden;
}

.header_container_right.highlight {
	background-color: #0068b3;
	color: #fff;
	text-align: center;
	opacity: 1;
	font-size: 20px;
	padding-top: 18px;
	height: 100%;
	/*height: 80%;*/
}

.header_container_right.active {
	display: none;
}

.cat_headertitle {
	font-size: 22px;
	padding-bottom: 0;
	color: #2e3c4d;
	border-bottom-width: 0;
	width: 90%;
	display: block;
	line-height: 1.1;
}

.active .cat_headertitle {
	font-size: 25px;
	padding-bottom: 0;
	color: #fff;
	padding: 0;
}

.resource_link {
	line-height: 25px;
	padding: 0;
}

.resource_link span,
.resource_link a {
	width: 88%;
	display: block;
	padding: 0 25px;
}

.resource_link a:hover {
	cursor: pointer;
	background-color: #0068b3;
	color: #ffffff;
}

.fa.fa-eye {
	color: #2e3c4d;
	font-size: 0.9vw;
	padding-right: 3px;
}

/*button*/

section.flat button {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0px 10px 0 0;
	padding: 7px 35px;
	color: #fff;
	background-color: #0046ad;
	border: none;
	border-radius: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

section.flat a {
	color: white;
}

button:focus {
	outline-style: none;
}

#step_thru_container {
	min-height: 75px;
}

.title_bar {
	line-height: 52px;
	background-color: #2e3c4d;
	font-size: 42px;
	color: white;
	text-transform: uppercase;
	width: 100%;
}

#title_text {
	display: flex;
	flex-direction: row;
}

.promosearchbox {
	width: 220px;
}

.white {
	color: white;
}

table.darktable {
	border: 0;
	line-height: 40px;
}

/* table.darktable tbody tr:nth-child(even) {
	background-color: #e0e1e3;
}

table.darktable tbody tr:nth-child(odd) {
	background-color: #ffffff;
} */

/* table.darktable thead tr,
table.darktable thead th,
thead th.ui-th-column {
	background-color: #2e3c4d;
	height: 30px;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
} */

.orderhistory table.darktable thead tr,
table.darktable thead th,
thead th.ui-th-column {
	background-color: transparent;
}

table.darktable thead tr a {
	color: #fff;
}

table.darktable tbody tr {
	height: 30px;
	color: #2e3c4d;
	vertical-align: middle;
}

.blankstate {
	height: 100%;
	min-height: 120px;
	color: #7a8899;
	font-size: 15px;
	width: 100%;
	text-align: center;
	line-height: 120px;
	background-color: #e0e1e3;
	padding: 0;
	margin: 0;
}

#status_drpdwnxxx {
	height: 35px;
	width: 154px;
	font-size: 12px;
	border: 1px solid #7a8899;
	border-radius: 20px;
	margin-left: 5px;
	margin-top: 2px;
	margin-right: 0px;
	color: #7a8899;
}

.filterbar {
	vertical-align: middle;
	float: left;
	font-size: 13px;
	width: 100%;
}

.filterbar span {
	margin-right: 10px;
}

#status_cell {
	font-size: 0.85em;
}

#startdatebox {
	width: 10%;
}

#bc_drpdwnxxx {
	height: 35px;
	width: 154px;
	color: #7a8899;
	border: 1px solid #7a8899;
	border-radius: 20px;
	margin-left: 5px;
	letter-spacing: 1px;
	font-size: 12px;
	margin-top: 2px;
	margin-right: 0px;
}

#showroomheaderxxx {
	padding-top: 6px;
}

.flex {
	display: flex;
}

#ccamp {
	width: 60% !important;
}

#promo_form_2 {
	width: 75%;
	display: flex;
	margin-left: 12%;
	padding-top: 15px;
}

#promo_form_2 tr {
	padding: 8px;
}

#promo_form_2 td {
	padding: 8px;
	font-size: 0.85em;
}

#promo_form input {
	width: 90px;
	height: 20px;
	border: 1px solid #c0c0c0;
	border-radius: 20px;
}

.template_cats {
	width: 92%;
	margin: auto;
}

.pink {
	background-color: pink;
	border-width: 2px;
	border-style: solid;
	border-color: pink;
}

* {
	margin: 0;
}

html {
	position: relative;
	height: 100%;
}

.page-wrap {
	margin-bottom: -142px;
}

.page-wrap:after {
	content: '';
	display: block;
}

.site-footer,
.page-wrap:after {
	height: 142px;
}

.site-footer {
	background-color: white;
}

.greybg {
	background-color: #f5f7fa;
}

.whitebg {
	background-color: #ffffff;
}

/* Vertical tabs */

.verticalTabs {
	position: relative;
	background: #dadfe6;
	margin-left: -12px;
	margin-right: -12px;
}

.verticalTabs {
	margin-left: 0;
	margin-right: 0;
}
.sidebar-select,
#ContentSelector input,
.menu_button,
.modals {
	background: #f5f7fa;
	color: #7a8899;
}

.sidebar-select,
.sidebar-select-checked,
#ContentSelector input,
.models_active,
.menu_button_active,
.menu_button,
.modals {
	font-weight: 100;
	letter-spacing: -0.3px;
	line-height: 22px;
	border: 0.5px solid #dadfe6;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	padding: 20px;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
	text-align: left;
}

.sidebar-select-checked,
#ContentSelector input.edited {
	color: #0068b3;
	border-left: 7px solid #0068b3;
	/* background: url('../images/rs/checkmark-blue.svg') no-repeat 98% center; */
	/* background-size: 24px; */
	background: url('../images/S01/btn_blank_chk.gif') no-repeat 98% center;
	background-size: 35px;
}

.sidebar-select:hover,
#ContentSelector input:hover,
.verticalTabs .tabList .tabItem:hover,
.menu_button:hover,
.models:hover {
	color: #0068b3;
	background-color: #b9d0de;
}

.verticalTabs .tabList .tabItem {
	color: #7a8899;
	text-transform: uppercase;
	z-index: 1;
	position: relative;
	background: #f5f7fa;
	transition: color 0.25s ease;
	letter-spacing: 1px;
	border: 0.5px solid #dadfe6;
	letter-spacing: -0.3px;
	line-height: 22px;
	font-weight: 100;
	padding: 20px;
	cursor: pointer;
}

.verticalTabs .tabContent {
	margin-left: 296px;
	padding: 24px 12px 12px 24px;
	display: none;
}

.verticalTabs .tabContent {
	background-color: #fff;
	color: #1f2833;
	border-bottom: 1px solid #dadfe6;
}

.verticalTabs .tabContent.active .mobile-accordion-content {
	display: block !important;
}

.verticalTabs .tabContent .mobile-accordion-content {
	border-top: 0;
}

.verticalTabs .tabList .tabItem.active,
.models_active,
.menu_button_active {
	background: white;
	color: #0068b3;
	border-left: 7px solid #0068b3;
	cursor: auto;
}

/* .connected_alert_bg {
	background: url('/images/connected_alert_bg.gif') no-repeat;
	background-position: right top;
}

.preventive_maint_bg {
	background: url('/images/preventative_banner_bg.jpg') no-repeat;
	background-position: right top;
} */

/* Placeholder page elements */

.btn.btn-placeholder,
.btn .btn-placeholder {
	background: #e8eaea;
	border-color: #e8eaea;
	width: 75px;
	display: inline-block;
}

.placeholder_data_row {
	height: 45px;
	width: 100%;
	display: inline-block;
	margin: 0 auto;
}

/* First item */

.placeholder_data_row > div:nth-child(1) {
	left: 0px;
}

/* Image placeholder */

.placeholder_data_row > div:nth-child(2) {
	position: relative;
	top: 0;
	height: 40px;
	width: 40px;
}

/* all items in row */

.placeholder_data_row > div {
	position: relative;
	float: left;
	background-color: #e8eaea;
	height: 6px;
	width: 10%;
	top: 15px;
	margin-right: 3%;
}

.center {
	text-align: center;
}

.checkListContainer.checkListShort {
	max-width: 320px;
}

.checkListContainer {
	margin-bottom: 15px;
}

.priority {
	font-size: 17px;
	font-weight: 300;
	letter-spacing: 0.5px;
	text-transform: none;
	line-height: 25px;
}

.checklist {
	color: #1f2833;
	list-style-type: none;
	font-size: 0.9em;
}

.threeCol {
	width: 32%;
	display: block;
	float: left;
}

ul.custom-bullet,
ol.custom-bullet {
	display: inline-block;
	padding: 0.5em 0;
	padding-left: 1.5em;
	margin: 0.5em 0;
}

ul.custom-bullet,
ol.custom-bullet {
	list-style: none;
}

ul.custom-bullet > li,
ol.custom-bullet > li {
	clear: left;
	padding-bottom: 10px;
}

ol.custom-bullet {
	counter-reset: liNum;
}

ol.custom-bullet > li {
	counter-increment: liNum 1;
}

ul.custom-bullet > li:before,
ol.custom-bullet > li:before {
	content: '';
	height: 1em;
	width: 1em;
	display: block;
	float: left;
	margin-left: -1em;
	margin-top: -0.2em;
	padding-left: px;
	background-position: left;
	font-size: 28px;
	background-repeat: no-repeat;
	background-size: 100%;
}

ol.custom-bullet > li:before {
	content: counter(liNum);
	text-align: center;
}

ul.checklist > li:before {
	background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2021.0.2%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2060%2060%22%20style%3D%22enable-background%3Anew%200%200%2060%2060%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22Check%22%20d%3D%22M51.1%2C15.6c-0.6-0.6-1.5-0.6-2.1%2C0L23.3%2C41.2L11.1%2C28.9c-0.6-0.6-1.5-0.6-2.1%2C0S8.4%2C30.4%2C9%2C31l13.3%2C13.3%0A%09c0.3%2C0.3%2C0.7%2C0.4%2C1.1%2C0.4s0.8-0.2%2C1.1-0.4l26.7-26.7C51.6%2C17.1%2C51.6%2C16.2%2C51.1%2C15.6z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
	background-position: center;
}

ul.checklist > li:hover:before {
	background-size: 100%;
}

hr.style4 {
	border-top: 1px dotted #e8eaea;
}

/*.clear { clear: both; }*/

.hide {
	display: none;
}

.show {
	display: block;
}

.color1 {
	color: #0068b3;
}

.color2 {
	color: #7a8899;
}

/*  fancybox  */

.fancybox-skin {
	background-color: white !important;
	border-radius: 2px !important;
}

.medium_modal {
	width: 800px;
	height: 500px;
	overflow: auto;
	padding: 20px;
	font-size: 15px;
}

.medium_modal p {
	font-size: 15px;
}

.coupon-editor .modal-header {
	padding: 15px 15px 0 15px;
}
.coupon-editor .modal-body {
	padding: 0 15px;
}
.coupon-editor .modal-footer {
	padding: 0 15px 15px 15px;
	margin-top: 0 !important;
}

/* data criteria */

ul.steps {
	list-style: none;
	padding: 0;
	overflow: initial;
}

ul.steps li .inner {
	padding: 15px 0 0;
	overflow: hidden;
	display: none;
	font-size: 14px;
	width: 70%;
}

ul.steps li {
	margin: 0.5em 0;
}

ul.steps li a.toggle {
	width: 100%;
	display: block;
	color: #2e3c4d;
	transition: background 0.3s ease;
}

ul.steps li a.toggle:hover {
	color: #2468ab;
}

.accordion li {
	padding: 20px 0 0;
}

.accordion li a.toggle {
	text-align: left;
	color: #2e3c4d;
	text-transform: uppercase;
}

.accordion li span {
	text-transform: initial;
}

.step .stepHeading,
.steps .stepSummary {
	color: #7a8899;
	font-size: 14px;
}

.inlineform div {
	padding-top: 15px;
}

#tblSchedule img {
	width: 25px;
}

.hvr-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(5px) translateZ(0);
	transform: perspective(5px) translateZ(0);
	box-shadow: 0 0 5px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

.accord_bars {
	background: #e4e5e6;
	border-left: 3px solid #2e3c4d;
	padding-left: 20px;
	width: 77%;
	vertical-align: middle;
	height: 35px;
	padding-top: 7px;
}

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

.full-width {
	width: 100%;
}

/*  main navigation */

.mainnav {
	position: relative;
}

.mainnav a {
	float: left;
	display: block;
	text-align: center;
	margin: 10px 15px;
	text-decoration: none;
	font-size: 15px;
	border-bottom: 3px solid transparent;
	padding: 0;
}

.mainnav a:hover {
	color: #2e3c4d;
}
.mainnav a[disabled] {
	color: grey;
	background-color: transparent;
	cursor: not-allowed;
}

.mainnav .icon {
	display: none;
}

.dropbtn {
	border: none;
	cursor: pointer;
}

.dropdown-content {
	display: none;
	position: absolute;
	z-index: 11;
	min-width: 130px;
	top: 37px;
	left: 15px;
	background: white;
	border: 0.5px solid #0068b3;
}

.mainnav .dropdown-content a {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 3px 10px;
	text-align: left;
	color: #2e3c4d;
	font-weight: 400;
	font-size: 15px;
}

.dropdown:hover .dropdown-content {
	display: flex;
	flex-direction: column;
}

.dropdown-content a:hover {
	color: #0068b3;
	background-color: #dadfe6;
}

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

/*  Media queries */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.header_container_left.active {
		background-color: #2e3c4d;
		width: 100%;
		height: 100%;
	}
	.active .cat_headertitle {
		font-size: 22px;
		padding-bottom: 0;
		color: #fff;
		padding: 0;
	}
	.cat_headertitle {
		font-size: 22px;
		padding-bottom: 0;
		color: #2e3c4d;
		border-bottom-width: 0;
		width: 90%;
		display: block;
		line-height: 25px;
		font-weight: bold;
	}
	.header_container_right.highlight {
		height: 100%;
	}
	.title_bar,
	.headertitle {
		font-weight: bold;
	}
	.headertitle {
		font-weight: bold;
	}
	.btn555 {
		width: 120%;
		font-weight: bold;
		margin-top: 10px;
		width: 100%;
	}
	li {
		font-weight: lighter;
	}
	.accord_bars {
		background: #e4e5e6;
		border-left: 3px solid #2e3c4d;
		padding-left: 20px;
		width: 77%;
		vertical-align: middle;
		height: 45px;
		padding-top: 10px;
	}
	.title_bar {
		font-weight: bold;
	}
	.headertitle {
		font-weight: bold;
	}
	.navfont {
		font-weight: bold;
	}
	ol#toc span {
		font-weight: bold;
	}
	.TableHeader {
		font-weight: bold;
	}

	.stepSummary {
		font-family: 'titgothFBNarLight', 'Open Sans', sans-serif !important;
	}
	.menu_button_active,
	.menu_button_active {
		font-weight: bold;
	}
}

@media (max-width: 992px) {
	.message {
		padding-right: 15px;
	}
	.slides {
		margin-right: -15px;
		margin-left: -15px;
	}
	.navfont {
		width: 100%;
	}
	.navcontainer a:hover,
	.dropdown:hover .dropbtn {
		border-bottom: 3px solid transparent;
	}
	#logo55 {
		margin-left: 20%;
	}
}

@media (max-width: 768px) {
	#page_link,
	.page_link {
		text-align: center;
		width: 100%;
	}
	#menuicons {
		padding-bottom: 10px;
	}
	.sale {
		float: left;
		margin-top: 15px;
	}
	#download_section {
		left: 30px;
	}
	#pageviewradio {
		float: left !important;
	}
	.indv_template {
		margin: 15px -15px 0 -15px;
	}
}

@media (min-width: 768px) {
	.navbar {
		border-radius: 0;
	}
}
@media screen and (min-width: 640px) {
	.btn-primary,
	.btn-secondary,
	.btn-warning {
		display: inline-flex;
		align-items: center;
		min-width: 188px;
		max-width: 100%;
		width: fit-content;
	}
}

@media screen and (max-width: 600px) {
	.mainnav a:not(:first-child) {
		display: none;
	}
	.mainnav a.icon {
		float: right;
		display: block;
	}
	.mainnav.responsive {
		position: relative;
		text-align: left;
		float: right;
		padding-right: 50px;
	}
	.mainnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.mainnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
	#menuicons {
		float: left !important;
	}
	#download_section {
		left: 30px;
	}
	#pageviewradio {
		float: left !important;
	}
	.indv_template {
		margin: 15px -15px 0 -15px;
	}
}

@media only screen and (max-width: 480px) {
	.colhead {
		margin: 1% 0 1% 0%;
	}
	.spanhead_1_of_6,
	.spanhead_2_of_6,
	.spanhead_3_of_6,
	.spanhead_4_of_6,
	.spanhead_5_of_6,
	.spanhead_6_of_6 {
		width: 100%;
	}
	#page_link,
	.page_link {
		text-align: center;
		width: 100%;
	}
	.navcontainer {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#menuicons {
		float: left !important;
	}
	#actual_title {
		margin-bottom: 0;
	}
	.slvr_tabs {
		line-height: 40px;
		height: 71px;
	}
	.smgrey {
		text-align: center;
	}
	#logo {
		margin-left: 0;
	}
	#download_section {
		left: 30px;
	}
	#pageviewradio {
		float: left !important;
	}
	.indv_template {
		margin: 15px -15px 0 -15px;
	}
}

.sticky {
	top: 0px;
	position: fixed;
	overflow: visible !important;
}

body {
	font-family: 'RobotoCondensed', sans-serif;
	font-weight: 100;
	padding: 0;
	margin: 0;
	font-size: 14px;
	position: relative;
	color: #2e3c4d;
	min-height: 100%;
}

div,
h1 {
	padding: 0;
	margin: 0;
}

.nav {
	background-color: #0068b3;
	width: 100%;
	color: white;
	margin: 0;
	height: 54px;
}

.second-bar {
	background-color: white;
	width: 100%;
	border-bottom: 1px solid black;
	height: 80px;
}

.main-container {
	width: 100%;
	padding-bottom: 150px;
	background: white;
}

.container {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1280px;
	padding: 0;
}

.title-bar-old {
	padding: 0;
	height: 100px;
	background: #2e3c4d;
	color: white;
	width: 100%;
}

.title-bar {
	padding: 0;
	height: 60px;
	background: #666666;
	color: white;
	width: 100%;
}

h1.title {
	font-size: 40px;
	line-height: 50px;
	font-weight: 100;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	display: inline-block;
}

h1.title-old {
	font-size: 40px;
	line-height: 50px;
	font-weight: 600;
	letter-spacing: -1.4px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	display: inline-block;
}

.sidebar {
	line-height: 1.42857143;
	font-size: 14px;
}

.sidebar fieldset {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.sidebar legend {
	padding: 10px;
	color: #212529;
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 0;
	background-color: #f5f7fa;
	border: 1px solid #dadfe6;
	height: 49px;
}

#create-promo *,
#order-history * {
	box-sizing: border-box;
}

.fieldset-content {
	border: 1px solid silver;
	border-top: none;
	padding: 10px;
}

.btn-fit {
	width: max-content;
	min-width: auto;
}
.btn-short {
	height: 45px;
}

.form-control-label,
.form-control-label-md,
.form-control-label-lg {
	font-size: 14px;
	font-weight: 100;
	margin: 0 0 6px;
	color: #475666;
	white-space: nowrap;
}

.form-control,
.form-control-lg {
	display: block;
	width: 100%;
	height: 45px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #2e3c4d;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #dadfe6;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s,
		-webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control-label-md {
	font-size: 16px;
}

.form-control-label-lg {
	font-size: 20px;
}

.form-control-lg {
	font-size: 17px;
	height: 55px;
}

label {
	font-weight: 100 !important;
}

.form-small {
	height: 30px;
}

.card-header {
	font-size: 1.25em;
	background-color: transparent;
	border: none;
	padding-left: 0;
}

.icon-search::before {
	content: '\e986';
}

.icon-plus::before {
	content: '\ea0a';
}

.icon-cart::before {
	content: '\e93a';
}
.icon-question::before {
	content: '\ea09';
}

.icon-check::before {
	content: '\ea10';
}

.input-icon {
	position: absolute;
	top: 33px;
	right: 25px;
}

[class^='icon-'],
[class*=' icon-'] {
	font-family: 'icomoon-free';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.relative {
	position: relative;
}

.links-list li a {
	cursor: pointer;
}

.links-list li a:not([href]):not([tabindex]):hover,
.links-list li a:hover {
	color: #0068b3;
}

.alfa-romeo-bg {
	background: url('/images/Alfa_Romeo_Grill-172x110_2.jpg');
}
.maintenance-bg {
	background: url('/images/maintenance.jpg');
}
.specialty-bg {
	background: url('/images/specialty.jpg');
}
.service-contract-bg {
	background: url('/images/service_contract.jpg');
}
.featured-bg {
	background: url('/images/MY20-1500-sm-172x110.jpg');
}
.national-promo-bg {
	background: url('/images/nat_promo.jpg');
}
.placeholder-bg {
	background: url('/images/category-placeholder.jpg');
}

.header-image div[class$='-bg'] {
	min-height: 175px;
	background-size: 100%;
}

.bg-box-grey {
	background-color: #f5f7fa;
	border-radius: 6px;
}

.no-results {
	width: 100%;
	text-align: center;
	padding: 20px;
}

.dash-title {
	text-transform: uppercase;
	color: #0068b3;
	font-weight: 400;
}

.dash-promos {
	width: 270px;
	overflow: hidden;
	padding: 0 2px; /* padding for the button hover effect to not be cutoff */
}

.dash-promos p {
	font-size: 1.5rem;
	font-weight: 100;
}

.dash hr {
	margin-top: 0 !important;
	border-color: #707070;
}

.dash img,
.empty-div {
	width: 300px;
}

.dash .empty-div {
	height: 330px;
	text-align: center;
	padding: 15px;
}

.dash-container {
	height: 450px;
	width: 100%;
	background-color: #e7e6e8;
	padding: 10px;
	border-radius: 2px;
}

.dash-panel {
	height: 450px;
	width: 100%;
	border-radius: 2px;
}

.dash-promos:last-child {
	margin-right: 0;
}

.galley,
.enrollment {
	height: 450px;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 30px;
	width: 300px;
	background-color: #e7e6e8;
}

.galley {
	background-image: url('../images/rs/galley-list-tile.png');
}

.enrollment {
	background-image: url('../images/rs/enrollment-center-tile.png');
}

.galley a,
.enrollment a {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin-inline: auto;
	width: fit-content;
	font-size: 16px;
}

/* --------- Flexbox ----------- */
.d-flex {
	display: flex;
}

.flex-row {
	flex-direction: row;
}
.flex-row-reverse {
	flex-direction: row-reverse;
}
.flex-column {
	flex-direction: column;
}
.flex-column-reverse {
	flex-direction: column-reverse;
}

.justify-center {
	justify-content: center;
}
.justify-start {
	justify-content: flex-start;
}
.justify-end {
	justify-content: flex-end;
}
.justify-between {
	justify-content: space-between;
}
.justify-around {
	justify-content: space-around;
}
.justify-evenly {
	justify-content: space-evenly;
}

.align-center {
	align-items: center;
}
.align-start {
	align-items: flex-start;
}
.align-end {
	align-items: flex-end;
}

.wrap {
	flex-wrap: wrap;
}
/* --------- Width --------- */
.w-15 {
	width: 15%;
}

.w-20 {
	width: 20%;
}

.w-25 {
	width: 25%;
}

.w-33 {
	width: 33%;
}

.w-40 {
	width: 40%;
}

.w-50 {
	width: 50%;
}

.w-60 {
	width: 60%;
}

.w-66 {
	width: 66%;
}

.w-75 {
	width: 75%;
}

.w-80 {
	width: 80%;
}

.w-85 {
	width: 85%;
}

.w-full {
	width: 100%;
}

.w-300 {
	width: 300px;
}

.min-w-auto {
	min-width: auto;
}

/* -------- Height --------- */
.min-h-full {
	min-height: 100%;
}

/* -------- Spacing --------- */
.m-0 {
	margin: 0;
}

.m-t-0 {
	margin-top: 0;
}

.m-t-5 {
	margin-top: 5px;
}

.m-t-10 {
	margin-top: 10px;
}
.m-t-20 {
	margin-top: 20px;
}

.m-t-30 {
	margin-top: 30px;
}

.m-b-0 {
	margin-bottom: 0;
}

.m-b-5 {
	margin-bottom: 5px;
}

.m-b-20 {
	margin-bottom: 20px;
}

.m-b-30 {
	margin-bottom: 30px;
}

.m-r-5 {
	margin-right: 5px;
}

.m-r-10 {
	margin-right: 10px;
}

.m-r-15 {
	margin-right: 15px;
}

.m-r-20 {
	margin-right: 20px;
}

.m-r-30 {
	margin-right: 30px;
}

.m-l-5 {
	margin-left: 5px;
}

.m-l-10 {
	margin-left: 10px;
}

.m-l-15 {
	margin-left: 15px;
}

.m-l-30 {
	margin-left: 30px;
}

.m-l-20 {
	margin-left: 20px;
}

.m-y-10 {
	margin: 10px 0;
}

.m-y-20 {
	margin: 20px 0;
}

.m-x-5 {
	margin: 0 5px;
}

.m-x-10 {
	margin: 0 10px;
}

.p-15 {
	padding: 15px;
}

.p-x-5 {
	padding: 0 5px 0 5px;
}

.p-x-10 {
	padding: 0 10px 0 10px;
}

.p-x-20 {
	padding: 0 20px;
}

.p-x-75 {
	padding: 0 75px;
}

.p-y-10 {
	padding: 10px 0;
}

.p-y-20 {
	padding: 20px 0;
}

.p-l-0 {
	padding-left: 0;
}

.p-l-10 {
	padding-left: 10px;
}

.p-l-15 {
	padding-left: 15px;
}

.p-l-75 {
	padding-left: 75px;
}

.p-l-80 {
	padding-left: 80px;
}

.p-r-15 {
	padding-right: 15px;
}

/* -------- Font -------- */
.fw-normal {
	font-weight: normal;
}

/* -------- Tables ---------- */
/* .table td,
.table th {
	padding: 0.75rem 0.5rem;
	font-size: 13px;
}

.table td {
	font-weight: 100;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th,
.table-striped-dark > tbody > tr:nth-child(odd) > td,
.table-striped-dark > tbody > tr:nth-child(odd) > th {
	background-color: white;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th,
.table-striped thead tr,
.table thead tr {
	background-color: #e7e7e9;
}

.table-striped-dark > tbody > tr:nth-child(even) > td,
.table-striped-dark > tbody > tr:nth-child(even) > th,
.table-striped-dark thead tr {
	background-color: #ddd;
} */

/* ---------adbuilder asset library ------ */

.category-filters {
	display: flex;
	overflow-x: auto;
	padding-bottom: 10px;
	margin-bottom: 20px;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none; /* Firefox */
}

.category-filters a {
	white-space: nowrap;
	color: #000;
	text-decoration: none;
	margin-right: 20px;
	padding-bottom: 5px;
}

.category-filters a.active {
	color: #006bb7;
	font-weight: 100;
	border-bottom: 2px solid #006bb7;
}

.filter-container {
	display: flex !important;
	justify-content: flex-end;
	margin-bottom: 30px;
}

.filter-button {
	border: 1px solid #000;
	background: none;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 100;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.AssetSearchBox {
	padding-right: 70px;
}
.search_filter {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: start;
	margin-bottom: 15px;
}
.search_filter .title {
	padding-right: 5px;
	opacity: 0.5;
}

.ChooseAsset,
.ab-library-item-container,
.coupon-grid {
	display: flex !important;
	flex-wrap: wrap;
}

.AssetChoice,
.ab-library-item,
.coupon-card {
	padding: 30px;
	flex: 0 25%;
}

.TNHolder {
	background-color: #f2f2f2;
	min-height: 270px;
	width: 270px;
	padding: 15px;
	margin: auto;
	overflow: hidden;
}

.PTLink,
.ab-library-item,
.coupon-image {
	display: flex;
}

.PTLink img,
.ab-library-item img {
	margin: auto;
	/* width: 200px; */
}
img.coupon, .PTLink img.coupon,
.ab-library-item img.coupon,
div.abv-coupon {
	border: 4px dashed rgb(177, 181, 183, 0.6) !important;
}
.PTLink:hover {
	cursor: pointer;
	opacity: 0.7;
}
div.abv-image {
	border: 2px solid rgb(177, 181, 183, 0.6);
}
.canvas-container {
	margin: auto !important;
}
.category-item {
	display: inline-flex;
	margin-left: 15px;
	padding-top: 15px;
}

.category-item .category_label {
	font-weight: 300;
	padding-right: 8px;
}

.select_coupon_type,
.ab-library-item-label {
	/* font-size: 8px; */
	width: auto;
	margin-left: 15px;
	overflow: hidden;
	margin-top: 10px;
}

.empty_state {
	position: relative;
	/* top: 50px; */
	width: 100%;
	/* height: 30%; */
	margin: auto;
	display: flex;
	flex-direction: column;
	img {
		margin: auto;
		text-align: center;
		width: 200px;
		border: 0 !important;
		padding: 20px 0 10px 0;
		opacity: 0.5;
	}
	h3,
	h4 {
		text-align: center;
		font-weight: 100;
		line-height: 1.2;
		margin: 0 !important;
		margin: auto;
	}
	p {
		margin: 0px;
		opacity: 0.8;
		text-align: center;
	}
	.empty_state_msg {
		opacity: 0.5;
		width: 240px;
		margin: 0 auto;
		padding: 10px;
		text-align: center;
	}
	.buttons {
		display: flex;
		margin: auto;
		padding-top: 10px;
		text-align: center;
	}
}

/* Responsive styles */
@media (min-width: 576px) {
	.AssetChoice,
	.coupon-card {
		flex: 0 50%;
	}
}

@media (min-width: 992px) {
	.AssetChoice,
	.coupon-card {
		flex: 0 32%;
	}
}

@media (min-width: 1160px) {
	.AssetChoice,
	.coupon-card {
		flex: 0 25%;
	}
}

#contDiv {
	opacity: 0;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

#applyButtonAlert,
#applyButton {
	margin-bottom: 0 !important;
	visibility: hidden;
	height: 0;
	opacity: 0;
	transition: opacity 250ms ease-in;
}
#applyButtonAlert.show,
#applyButton.show {
	visibility: visible;
	height: auto;
	opacity: 1;
}
.alert-reverse {
	text-align: center;
	color: #293e48;
	background-color: #ffffff;
	border-color: #ffffff;
}
.EditPanel {
	padding: 15px 15px 0 15px;
	margin: auto;
	width: 100% !important;
}
.section-heading {
	font-size: 24px;
	font-weight: 100;
	text-transform: uppercase;
}

#CEditor .modal-content {
	background-color: #eeeeee;
}
#CEditor textarea {
	width: 100%;
	height: 35px;
	border-radius: 0;
	border: 1px solid #b6bdc5;
	background-color: #ffffff;
	box-sizing: border-box;
}

.modal-fullscreen {
	width: 95% !important;
	height: 95% !important;
}

/* -- override bootstrap == */
.modal-header {
	border-bottom: 0;
}
.modal-footer {
	text-align: left;
	margin-top: 15px;
}
.badge {
	background-color: #2e3c4d;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 6px 12px;
	font-weight: 100;
	font-size: 12px;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 12px;
	line-height: normal;
	height: 25px;
}
.badge.outline {
	border: 1px solid #2e3c4d8f;
	background-color: transparent;
	color: #2e3c4d;
}
.badge.inactive {
	background-color: #2e3c4d8f;
}
.badge.fixed {
	background-color: #0068b3;
	color: white;
}
.btn-default {
	color: black !important;
}
.ml-1 {
	margin-left: 0.25rem !important;
}
.mb-3 {
	margin-bottom: 1rem !important;
}

.w-full {
	width: 100%;
}

#ChooseTemplate input {
	cursor: pointer;
}

.top-nav {
	background-color: #0068b3;
	width: 100%;
	color: white;
	margin: 0;
	height: 54px;
}

.top-nav a {
	color: white;
	font-size: 16px;
	text-decoration: none;
}

.lower-nav {
	background-color: white;
	width: 100%;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.footer h2 {
	font-size: 30px;
}
.footer-img {
	width: 110px;
}

.footer-white {
	background-color: white;
	padding: 10px 75px;
}
.footer-blue {
	background-color: #0068b3;
	color: white;
	padding: 0 75px;
}

.footer-logos img {
	height: 20px;
	margin: 0 5px;
}

.footer .mopar-logo {
	padding: 0 7px;
	background-color: #ffffff;
}

.footer .mopar-logo img {
	width: 120px;
}

.nav-text {
	font-weight: 600;
	margin: 0 10px;
}

.nav-alerts {
	min-width: 185px;
	padding: 8px 0 0 10px;
	position: relative;
	align-self: start;
	margin: 0 10px;
}

.nav-alerts a {
	background-color: #0068b3;
	color: white;
	padding: 2px 7px;
	font-weight: 100;
	font-size: 18px;
}

.blue-text {
	color: #0068b3;
}

.nav-text a.blue-text {
	text-decoration: underline;
}

.bg-yellow {
	background-color: #f4c229;
}
/* tabs navigation */

ol#toc {
	height: 60px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ol#toc a {
	display: block;
	text-decoration: none;
}

ol#toc a:hover {
	background-color: #d5d3d3;
	color: #ffffff;
}

ol#toc li,
.slvr_tabs {
	/*float: left;
    width: 18%;*/
	height: 100%;
	border-right: 1px solid #d5d3d3;
	border-left: 1px solid #d5d3d3;
}
.slvr_tabs:hover {
	background-color: #d5d3d3;
	color: #0068b3;
}

ol#toc li.current a,
.slvr_tabs.current {
	background-color: #d5d3d3;
	color: #7a8899;
}

.camp_tab_spacing {
	padding-top: 20px;
	float: left;
	margin: auto;
	width: 100%;
	height: 100%;
}

ol#toc span,
.slvr_tabs {
	line-height: 25px;
	height: 71px;
	font-size: 14px;
	text-align: center;
	color: #7a8899;
	font-size: 17px;
	cursor: pointer;
	text-transform: uppercase;
	cursor: pointer;
	padding: 0;
}

ol#toc li,
.view_tabs {
	height: 100%;
	border-right: 2px solid #d5d3d3;
	border-top: 2px solid #d5d3d3;
	border-bottom: 2px solid #d5d3d3;
}

.view_tabs:first-child {
	border-left: 2px solid #d5d3d3;
}

ol#toc li.current a,
.view_tabs.current {
	background-color: #dadfe6;
}

.view_tabs_spacing {
	float: left;
	margin: auto;
	width: 99%;
}

ol#toc span,
.view_tabs {
	line-height: 50px;
	height: 50px;
	font-size: 14px;
	text-align: center;
	color: #7a8899;
	font-size: 17px;
	letter-spacing: 0.05em;
	cursor: pointer;
	text-transform: uppercase;
}

/* end of tabs navigation */

.table {
	width: 100%;
}
.table th, .table-header {
	background: #f5f7fa;
	padding: 18px 10px;
	min-height: 55px;
	line-height: 1.1 !important;
	font-weight: bold;
}
.table-header {
	display: flex;
	width: 100%;
}
.table td, .table-row {
	min-height: 55px;
	line-height: 1.1 !important;
	padding: 10px;
}
.table-row {
	display: flex;
	width: 100%;
}
.table-row:nth-of-type(even) {
	background: #f5f7fa;
}
.table-data,
.header-row {
	flex: 1 1 20%;
	text-align: center;
	align-content: center;
}
.header-row {
	font-weight: 400;
}

/*  ------- migrated from site.css --------- */

.m-t-30 {
	margin-top: 30px;
}
.ToolBar select {
	width: 100% !important;
	min-width: 80px;
}

#asset-library.modal {
	overflow: auto !important;
}
.modal-footer::before,
.modal-footer::after {
	display: none;
}
.modal-backdrop {
	z-index: 0 !important;
}

.m-l-5 {
	margin-left: 5px;
}

.pagination {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	color: #0068b3;
	margin: 1rem 0;
}
.pagination .viewing {
	margin: 0px 30px;
	text-align: center;
}
.pagination button {
	position: relative;
	margin: 0 7.5px;
	border: 0.1875em solid;
	padding: 0.75em;
	line-height: 1;
	border-color: #0068b3;
	color: #0068b3;
	background: transparent;
	border-radius: 0.125em;
	transition: background 0.2s;
	&:hover,
	&:focus {
		color: white;
		fill: white;
		background: #0068b3;
		border-color: #0068b3;
	}
	&:active {
		top: 0.08em;
	}
}

.pagination .svg-icon {
	position: relative;
	top: 0.125em;
	flex-shrink: 0;
	font-weight: 1em;
	width: 1em;
	fill: currentColor;
	transition: fill 0.3s;
}

/* Helper Class to hide but keep it accessible for screen readers */
.visually-hidden {
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}
.panel {
	background-color: #f5f7fa;
	/* border-radius: 8px; */
	padding: 20px;
	border: 0;
}
.panel-bordered {
	border: 1px solid #dadfe6;
	border-radius: 2px;
	padding: 20px;
}
.fieldset-content {
	border: 1px solid #dadfe6 !important;
	border-top: 0 !important;
}

ol#toc li.current a,
.slvr_tabs.current {
	background-color: #cdcfd2 !important;
	color: #7a8899;
}
ol#toc span,
.slvr_tabs {
	line-height: 31px !important;
}
.dealer-name {
	padding-top: 14px;
}
.nav-text {
	font-size: 1em;
	font-weight: 600 !important;
	line-height: 1;
	align-content: end;
}
.nav-alerts {
	min-width: 125px !important;
	height: 40px;
	padding: 6px 0 0 10px;
	position: relative;
	align-self: start;
	margin: 0 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.nav-alerts p.nav-text {
	margin: 0 10px 5px 0 !important;
}
.nav-alerts a {
	background-color: #0068b3;
	border-radius: 4px;
	color: white;
	padding: 4px 8px !important;
	font-weight: 700 !important;
	font-size: 23px !important;
	line-height: 0.95;
	height: 27px;
	align-self: end;
	text-decoration: none;
}
.mainnav a {
	font-size: 20px;
	font-weight: 400;
}
.top-nav {
	height: 40px !important;
	padding: 0 10px;
}
.top-nav a {
	color: white;
	font-size: 14px !important;
	font-weight: 200;
	text-decoration: none;
}

.option-card {
	border: #dadfe6;
	padding: 56px 20px 20px 20px;
	border-radius: 6px;
	cursor: pointer;
	position: relative;

	.icon {
		z-index: 2;
		position: relative;
		display: table;
		padding: 8px;
		width: 24px;

		&::after {
			content: '';
			position: absolute;
			inset: 4.5px;
			border-radius: 50%;
			background-color: #7a8899;
			border: 1px solid #7a8899;
			backdrop-filter: blur(2px);
		}

		svg {
			position: relative;
			z-index: 1;
			display: block;
			width: 24px;
			height: 24px;
			color: #f5f7fa;
		}
	}
}
hr {
	width: 100%;
	background: #f5f7fa;
}
/*  ------- END migrated from site.css --------- */

h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-weight: 100;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 10px;
}

.camelCase {
	text-transform: none;
}

 /* Boostrap confirm modal dialog */
.modal-confirm {
	width: 400px;
}
.modal-confirm .modal-content {
	padding: 20px;
	border-radius: 5px;
	border: none;
	text-align: center;
	font-size: 14px;
}
.modal-confirm .modal-header {
	border-bottom: none;
	position: relative;
}
.modal-confirm .modal-body {
	padding: 0 15px !important;
}
.modal-title {
	text-align: center;
}
.modal-confirm h4 {
	text-align: center;
	font-size: 26px;
	margin: 30px 0 -10px;
}
.modal-confirm .modal-footer {
	width: 100%;
	border: none;
	text-align: center !important;
	border-radius: 5px;
	padding: 10px 15px 25px;
}
.modal-confirm .imagebox {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 50%;
	z-index: 9;
	text-align: center;
	border: 3px solid #f15e5e;
	padding-top: 15px;
    padding-left: 3px;
}
.modal-confirm .imagebox i {
	color: #f15e5e;
	font-size: 46px;
	display: inline-block;
	margin-top: 13px;
}
.modal-confirm .btn-danger {
	background: #f15e5e;
}
.modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {
	background: #ee3535;
}


/* Boostrap alert modal */
.modal-alert {
	width: 400px;
}
.modal-alert .modal-content {
	padding: 20px;
	border-radius: 5px;
	border: none;
	text-align: center;
	font-size: 14px;
}
.modal-alert .modal-header {
	border-bottom: none;
	position: relative;
}
.modal-alert .modal-body {
	padding: 0 15px !important;
}
.modal-title {
	text-align: center;
}
.modal-alert h4 {
	text-align: center;
	font-size: 26px;
	margin: 30px 0 -10px;
}
.modal-alert .modal-footer {
	width: 100%;
	border: none;
	text-align: center !important;
	border-radius: 5px;
	padding: 10px 15px 25px;
}
.modal-alert .imagebox {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 50%;
	z-index: 9;
	text-align: center;
	border: 3px solid #0368b3;
	padding-top: 15px;
    padding-left: 3px;
}
.modal-alert .imagebox .success i {
	color: #1c921e;
	font-size: 46px;
	display: inline-block;
	margin-top: 13px;
}
.modal-alert .imagebox i {
	color: #0368b3;
	font-size: 46px;
	display: inline-block;
	margin-top: 13px;
}