@charset "utf-8";

html {
    height: 100%
}

.header-container {
	box-shadow: 0 0px 10px rgba(0, 5, 6, 0.5);
}

.setup-content-section-white {
	background: #ffffff;
	max-width: 1185px;
    margin: 0 auto;
	width: 100%;
}

.step-header {
	font-size: 20px;
	color: #15255D;
	margin-bottom: 30px;
	font-weight: 500;
	font-weight: bold;
}

.setup-step-sub-title-text {
	font-size: 20px;
	font-weight: 300;
	line-height: 19.29px;
	text-align: left;
	color:#757575;
}

.setup-step-title-text {
	font-size: 36px;
	color: #000000;
	margin-bottom: 10px;
	text-align: left;
	margin-top: 10px;
	font-weight: 700;
}

.setup-step-sub-title {
	font-size: 12px;
	text-align: center;
	margin-bottom: 40px;
}

.setup-step {
	margin: 0 auto;
	margin-bottom: 20px;
}

.setup-bg-overlay {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: rgba( 0, 0, 0, .3 );
	font-size: 20px;
	color: #fff;
}

.setup-progress-bar-container {
    height: 15px;
    background: rgba(230, 230, 230, 1);
	margin-top: 20px;
    margin-bottom: 20px;
}

.setup-generate-progress-bar {
	width: fit-content;
	height: 100%;
	background: rgba(5, 20, 31, 1);
	transform: translateX(0%);
	animation: shimmer 2s ease-out infinite;
}

@keyframes shimmer {
	100% {
		transform: translateX(0%);
		opacity: 0.6;
	}
}

.setup-progress-bar-transition-text {
	font-size: 20px;
	font-weight: 300;
	line-height: 19.29px;
	text-align: right;
	color: rgba(117, 117, 117, 1);
	margin-bottom: 20px;

}
.back-link-container {
	padding-bottom: 5px;
	border-bottom: 2px solid #ffffff;
}

.setup-back-button:hover .back-link-container {
	border-bottom: 2px solid #15255D;
}

.setup-oem-logo-img {
	width: 73px;
}

.start-now-container {
	margin-top: 150px;
	text-align: center;
	min-height: 150px;
	padding-bottom: 50px;
}

.start-now-button-container {
	display: inline-block;
}

.setup-head-img {
	display: none;
}

.login-href {
	color: #fff;
}

.have-account-container {
	margin-top: 20px;
	color: #fff;
}

.login-text {
	margin-left: 10px;
}
.enroll-next-container-solo,
.enroll-next-container-not-solo,
.enroll-next-container-not-solo > div,
.input-dealership-row,
.input-contact-info-row,
.input-questions-comments-row {
	display: flex;
}

.input-dealership-row,
.input-contact-info-row,
.input-questions-comments-row {
	flex-direction: column;
	position: relative;
    gap: 10px;
}

.input-dealership-row input:focus,
.input-contact-info-row input:focus,
.input-questions-comments-row input:focus {
	background: #ffffff !important;
}

.input-dealership-row input:valid,
.input-contact-info-row input:valid,
.input-questions-comments-row input:valid {
	background: rgb(248 248 248);
}

.input-dealership-heading,
.input-contact-info-heading,
.input-questions-comments-heading {
    font-size: 18px;
    font-weight: 300;
    line-height: 17.36px;
    color: rgba(0, 0, 0, 1);
}

.input-dealership.required-text,
.input-contact-info.required-text {
    position: absolute;
    top: 50%;
    right: 1%;
    place-content: end;
}

.input-show-password {
	cursor: pointer;
    position: absolute;
    top: 50%;
    right: 5%;
    font-size: 24px;
    color: #5E6366;
}

.enroll-next-container-solo {
	place-content: center;
    gap: 40px;
}

.enroll-next-container-not-solo {
	align-items: center;
    justify-content: space-between;
}

.enroll-next-container-not-solo .row-left-column {
	justify-content: flex-start;
}

.enroll-next-container-not-solo .row-left-column a {
	color: rgba(0, 0, 0, 1);
	font-size: 16px;
	font-weight: 700;
	width: 54px;
	text-decoration: underline;
    text-underline-position: under;
}

.enroll-next-container-not-solo .row-right-column {
	justify-content: flex-end;
	gap: 40px;
}

.packages-container {
	padding-bottom: 25px;
}

.package-mid {
	margin-left: 20px;
}

.package-header {
	color: #ffffff;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Arial', 'sans-serif';
	padding: 30px;
}

.package-selected-button {
	font-size: 30px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
}

.package-selected-text {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	color: rgba(5, 20, 31, 1);
	background: #fff;
	border: 1px solid rgba(5, 20, 31, 1);
}

.package-price-container {
	font-size: 36px;
	text-align: center;
	font-weight: 700;
	color: #000000;
	margin-top: 30px;
	padding-bottom: 10px;
}

.package-imr-container {
    font-size: 18px;
    text-align: center;
    font-weight: bolder;
    margin-top: 5px;
    min-height: 20px;
}

.package-download-pdf-container {
	color: #000000;
	width: 131px;
	font-size: 16px;
	font-weight: 400;
	line-height: 19.09px;
	margin: 0 auto;
    padding: 50px 0;
}

.package-month-container {
	font-size: 20px;
}

.panel-selected-icon {
	display: none;
}

.complete-clock {
	font-size: 40px;
	margin-bottom: 10px;
}

.input-label-container {
	margin-bottom: 5px;
	display: inline-block;
	width: 100%;
}

.input-label {
	float: left;
	font-weight: 600;
	font-size: 16px;
	font-family: 'Helvetica';
}

.input-label-sub {
	margin-left: 10px;
	font-size: 16px;
	font-family: 'Helvetica';
	font-weight: normal;
}

.contact-form-container {
	margin-bottom: 40px;
}

.dealership-form-container {
	margin-bottom: 60px;
}

.step-sub-text {
	font-size: 16px;
	color: #828282;
	text-align: center;
	margin-top: 20px;
}

.questions-container {
	margin-bottom: 40px;
	margin-top: 20px;
}

.confirm-a {
	color: #000000;
	margin-left: 12px;
	font-size: 16px;
	font-weight: 700;
	float: right;
	border-bottom: 2px solid #000000;
}

.confirm-a:hover .confirm-a-text {
	border-bottom: 2px solid #0279ff;
}

.confirm-section-title {
	color: #000000;
	font-weight: 300;
	font-size: 18px;
	width: 240px;
	line-height: 17.36px;
	display: inline-block;
	float: left;
}

.confirm-section-info {
	color:#5E6366;
	font-size: 14px;
	font-weight: 400;
	line-height: 16.7px;
	display: inline-block;
}

.terms-container {
	display: flex;
	cursor: pointer;
	margin-bottom:20px
}

.complete-info-section {
	display: flex;
	flex-direction: column;
	gap: 2px;
	user-select: none;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.34);
    padding: 0 20px;
}

.complete-info-section .enroll-next-container-solo {
	margin-top: 40px;
	margin-bottom: 100px;
}

.customize-heading-align {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
}
/* 
.customize-heading-align .square-check {
	background-repeat: no-repeat;
	background-position: center;
	width: 42px;
	height: 48px;
	float: right;
	background-image: url( 'data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2248%22%20viewBox%3D%220%200%2042%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%203C2.69063%203%200%205.69063%200%209V39C0%2042.3094%202.69063%2045%206%2045H36C39.3094%2045%2042%2042.3094%2042%2039V9C42%205.69063%2039.3094%203%2036%203H6ZM31.5938%2019.5938L19.5938%2031.5938C18.7125%2032.475%2017.2875%2032.475%2016.4156%2031.5938L10.4156%2025.5938C9.53438%2024.7125%209.53438%2023.2875%2010.4156%2022.4156C11.2969%2021.5438%2012.7219%2021.5344%2013.5938%2022.4156L18%2026.8219L28.4062%2016.4062C29.2875%2015.525%2030.7125%2015.525%2031.5844%2016.4062C32.4562%2017.2875%2032.4656%2018.7125%2031.5844%2019.5844L31.5938%2019.5938Z%22%20fill%3D%22%230DB646%22%2F%3E%3C%2Fsvg%3E' );
} */

.complete-heading {
	color: rgba(0, 0, 0, 1);
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	line-height: 34.73px !important;
	margin-bottom:20px;
	margin-top: 80px;
}
.complete-heading-mid {
	color: rgba(117, 117, 117, 1);
	font-size: 20px;
	font-weight: 300;
	line-height: 24.18px;
	text-align: center;
}

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

.dealership-heading-mid {
	font-size: 20px;
	font-weight: 500;
	padding-top: 20px;
	border-top: 1px solid rgba( 215, 215, 215, 1 );
	margin-top: 40px;
}

.dealership-sub-heading {
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}

.dealership-sub-title {
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
	font-style: normal;
}

.dealership-sub-text {
	font-size: 14px;
	color: rgba( 130, 130, 130, 1 );
}

.file-input-container {
	margin-top: 20px;
}

.dealership-footage-upload {
	font-size: 14px;
	color: rgba( 130, 130, 130, 1 );
	margin-top: 20px;
}

.dealership-add {
	font-size: 16px;
	font-weight: bold;
}

.dealership-upload {
	color: #15255D;
	text-decoration: underline;
	cursor: pointer;
}

.dealer-info-container {
	margin-left: 20px;
	margin-right: 20px;
	background: #fff;
	padding: 20px;
}

.upload-one {
	display: none;
}

.setup-actions-container {
	width: 100%;
	display: inline-block;
	margin-top: 30px;
	text-align: center;
}

.setup-skip-link {
	font-size: 16px;
	color: #15255D;
	margin-top: 10px;
	cursor: pointer;
}

.upload-holder {
	cursor: pointer;
}

.upload-empty {
	background: #eee;
	border: 1px dashed #222;
	margin-bottom: 10px;
}

.upload-holder-icon {
	font-size: 30px;
	color: #222;
}

.upload-holder-text {
	color: #222;
	margin-top: 10px;
	font-weight: bold;
}

.asset-error {
	color: #ff0000;
	font-weight: bold;
	margin-top: 10px;
	display: none;
}

.image-edit-container {
	padding: 10px;
	display: none;
}

.image-edit-inner {
	position: relative;
}

.image-edit-pencil-container {
	margin-right: 5px;
	margin-top: 5px;
	right: 0;
	text-align: center;
	position: absolute;
	text-align: center;
	background: rgba( 1, 1, 1, 0.7 );
	border-radius: 5px;
}

.image-edit-pencil-inner {
	padding: 5px;
}

.image-edit-fa {
	color: #fff;
	font-size: 18px;
}


/*
  hide enroll link in header
*/
.header-block-contact-link,
.header-container-table,
.header-mobile-nav-options-container a:nth-child(2),
.header-mobile-nav-options-container a:nth-child(3) {
	display: none;
}

.enroll-tab {
	display: inline-block;
	color: #000;
	padding-bottom: 10px;
	border-bottom: 3px solid #fff;
}

.enroll-tab-active {
	color: #15255D;
	border-bottom:3px solid #15255D;
	font-weight: bold;
}

.enroll-tabs {
	width: 550px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.etab {
	display: inline-block;
}

.etab-mid {
	display: inline-block;
	margin-left: 40px;
}

.package-panel:hover {
	cursor: pointer;
	box-shadow: 0 0px 10px rgba(0, 5, 6, 0.5);
}

.package-gold .package-header {
	background: rgba( 187, 164, 55, 1 );
}

.package-silver .package-header,
.package-basic .package-header {
    background: rgba( 156, 162, 167, 1 );
}

.package-platinum .package-header {
	background: #797979;
}
 
.package-divider {
    border-bottom: 2px solid rgba(8, 20, 30, 1);
    width: calc(100% - 15%);
    margin: 20px auto 40px auto;
}

.package-panel-pad {
    padding-left: 20px;
    padding-right: 20px;
}

.package-ul {
    padding: 0px;
    margin: 0px;
    padding-left: 30px;
}
.package-ul li {
    margin-top: 8px;
    font-size: 16px;
}
.package-bold-section-text-container {
	font-size: 14px;
	margin-top: 15px;
}

.package-bold-underline-section-text-container {
	font-size: 14px;
	margin-top: 15px;
}

.input-row-container-mid {
	margin-top: 20px;
}

.confirm-section {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	background: #FFF;
	border: 1px solid #C9C9C9;
	border-radius: 3px;
	padding: 20px;
	box-sizing: border-box;
}

.confirm-section-left {
	float: left;
	width: 49%;
}

.confirm-section-right {
	float: right;
	width: 49%;
}

@media only screen and ( min-width: 1200px ) { /* desktop styles */
	.setup-back-button {
		color: #15255D;
		margin-bottom: 30px;
		display: inline-block;
	}

	.setup-back-button-nm {
		color: #15255D;
		display: inline-block;
	}

	.setup-oem-logo {
		float: right;
		margin-top: 5px;
	}

	.setup-step-title-container {
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.bottom-section {
		display: none;
	}

	.footer-container {
		height: 100px;
		background: #ffffff;
	}

	.setup-content-section-inner {
		padding: 20px 30px;
	}

	.package-panel {
		width: 406px;
		height: 568px;
		display: inline-block;
		box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.34 );
		box-sizing: border-box;
		position: relative;
	}

	.package-panel.package-gold {
		margin-left: 40px;
	}

	.form-left-column-container {
		width: 48%;
		display: inline-block;
	}

	.form-right-column-container {
		width: 48%;
		margin-left: 20px;
		float: right;
	}

	.package-panel:hover {
	    cursor: pointer;
	}

	
	.input-row-container-empty {
		height: 70px;
	}

	.input-row-left-column {
		width: 48%;
		display: inline-block;
	}

	.input-row-right-column {
		width: 48%;
		float: right;
	}

	.dealership-section {
		max-width: 700px;
	}

	.dealership-photos {
		width: 700px;
		float: left;
	}

	.dealership-footage {
		width: 500px;
		display: inline-block;
		height: 280px;
		margin-top: 20px;
	}

	.setup-left-button {
		width: 220px;
		display: inline-block;
	}

	.setup-right-button {
		width: 220px;
		display: inline-block;
		margin-left: 20px;
	}

	.upload-dealer-logo-empty {
		width: 365px;
		height: 165px;
	}

	.upload-photo-empty {
		width: 165px;
		height: 165px;
	}

	.upload-dealer-logo-table {
		width: 365px;
		display: table;
	}

	.upload-dealer-logo-table-cell {
		display: table-cell;
		height: 165px;
		vertical-align: middle;
		text-align: center;
	}

	.upload-photo-table-cell {
		display: table-cell;
		height: 165px;
		width: 165px;
		vertical-align: middle;
		text-align: center;
	}

	.drag-drop-logo-box .upload-holder-img {
		display: block;
		max-height: 165px;
		max-width: 240px;
   }

	.drag-drop-photo-box .upload-holder-img {
		display: block;
		max-height: 165px;
		max-width: 150px;
    }

	.upload-photo-preview {
		max-height: 165px;
		max-width: 165px;
	}

	.upload-mid {
		margin-top: 100px;
	}

	.upload-container {
		float: left;
	}

	.upload-mid-container {
		float: left;
		margin-left: 20px;
	}
}

@media only screen and ( max-width: 1200px ) { /* mobile styles */
	.setup-header-logo-img-mobile {
		display: block;
		width: 180px;
	}

	.setup-header-logo-img-pc {
		display: none;
	}

	.setup-step-title-pc {
		display: none;
	}

	.setup-step-title-mobile {
		display: block;
	}

	.setup-oem-logo {
		display: none;
	}

	.setup-step-title-container {
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.setup-back-button {
		margin-bottom: 20px;
	}

	.footer-left {
		display: none;
	}

	.setup-content-section-inner {
		margin: 0 auto;
		padding: 10px;
	}

	.setup-password-next-container {
		width: 260px;
		margin: 0 auto;
		margin-top: 80px;
		margin-bottom: 80px;
	}

	/* .enroll-next-button-solo {
		width: 220px;
		margin: 0 auto;
	} */

	.packages-container {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.package-panel {
		background: rgba( 194, 194, 194, 0.3 );
		width: 100%;
		display: inline-block;
		float: left;
		box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.34 );
		box-sizing: border-box;
		position: relative;
	}

	.package-gold,
	.package-platinum {
		margin-top: 20px;
	}

	.form-right-column-container {
		margin-top: 20px;
	}

	.package-panel:hover {
	    cursor: pointer;
	}

	.confirm-section-left {
		margin-bottom: 40px;
	}

	.confirm-section-right {
		margin-bottom: 40px;
	}

	.input-row-left-column {
		width: 100%;
		display: inline-block;
		margin-top: 20px;
	}

	.input-row-right-column {
		margin-top: 20px;
		width: 100%;
		float: right;
	}

	.enroll-next-container-solo {
		width: 100%;
		margin-top: 20px;
		gap: 10px;
	}
	.enroll-next-container-solo .button-full-white,
	.enroll-next-container-solo .enroll-next-button-solo {
		display: inline-block;
	}

	.dealership-section {
		width: 100%;
	}

	.dealership-photos {
		width: 100%;
	}

	.dealership-footage {
		width: 100%;
		display: inline-block;
		margin-top: 20px;
	}

	.upload-dealer-logo-empty {
		width: 100%;
		height: 165px;
	}

	.upload-photo-empty {
		width: 100%;
		height: 165px;
	}

	.upload-dealer-logo-table {
		width: 100%;
		display: table;
	}

	.upload-photo-table {
		width: 100%;
		display: table;
	}

	.upload-dealer-logo-table-cell {
		display: table-cell;
		height: 165px;
		vertical-align: middle;
		text-align: center;
	}

	.upload-photo-table-cell {
		display: table-cell;
		height: 165px;
		width: 100%;
		vertical-align: middle;
		text-align: center;
	}

	.upload-holder-img {
		width: 100%;
		display: block;
	}

	.upload-photo-preview {
		max-width: 100%;
		max-height: 165px;
	}

	.upload-mid {
		margin-top: 20px;
	}

	.enroll-next-container-not-solo {
		flex-direction: column;
	}

	.enroll-next-container-not-solo .row-right-column {
		gap: 20px;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 20px;
	}
	
	.required-text {
		display: inline-block;
		margin-top: 20px;
	}

	.confirm-section-info > div {
		display: inline-block;
		padding: 8px 2px;
		inline-size: 280px;
		overflow-wrap: break-word;
	}
}