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

Service Form

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




/*Hide all except first fieldset*/
#rm-service-form fieldset:not(:first-of-type) {
	display: none;
}

.rm-form-container {
	margin: 50px 2%;
	/*height: 1000px;*/
	/*float:left;*/
}
#rm-service-form {
	width: 100%;
	max-width: 1205px;
	/*margin: 50px 2%;*/
	text-align: left;rm-service-form
	position: relative;
	height: 100%;
	margin: 40px auto 400px;
}
#rm-service-form fieldset {
	background: white;
	border: 0 none;
	border-radius: 3px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 20px 10px;
	box-sizing: border-box;
	width: 98%;
	margin: 0px 5px;

	/*stacking fieldsets above each other*/
	position: relative;
}

#rm-service-form label a {
	color: #0645AD
}
.rm-underage-fg, .rm-totalDrivers-fg, .rm-under25toggle-fg { /*, .rm-mileage*/
	margin: 5px 25%;
}
.rm-contact-field {
	margin: 5px 1px;
}
.rm-vehicle-fs .form-group {
	margin: 5px 10px;
}
.rm-input-col h4 {
	margin: 15px 0px 15px 0px;
}
.rm-addtl-vehicle p {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 40px;
}
.rm-contact-col hr, .rm-contact-col h3, .rm-contact-col label, .rm-input-row {
	/* 	margin: 5px 25% !important; */
}

.fa-info-circle {
	margin-left: 4px;
	/* 	color: rgba(1, 0, 90, 1.0); */
	color:#ffffff;
}




/* Form Inputs*/

#rm-service-form input, #rm-service-form textarea, #rm-service-form select {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	box-sizing: border-box;
	color: #2C3E50;
	font-size: 13px;
}

#rm-service-form select {
	text-align: center;
	text-align-last: center;
	/*not sure about the following four things*/
	text-align: -moz-center;
  	text-align: -webkit-center;
	-ms-text-align-last: center;
    -moz-text-align-last: center;
}

/*.rm-under25toggle-fg label {
	padding-top: 15px;
}

.rm-under25toggle-fg .btn-toggle {
	margin-bottom: 10px;
	margin-top: 10px;
}*/

/*.rm-under25toggle-fg .btn:focus {
	outline: none;
}*/
.rm-radio input, #services .rm-checkbox input {
	width: 20px;
	outline: none !important;
	margin-left: 10px;
}
#rm-service-form textarea, .rm-contact-field input, .rm-quantity input, .rm-underage-fg input, .rm-date input, .rm-time select, .rm-totalDrivers-fg input, .rm-city-field input, .rm-state-field input, .rm-zip-field input, .rm-mileage input, .rm-date label, .rm-time label, .rm-quantity label { /*#rm-service-form textarea, */
	width: 100% !important;
	min-width: 100px !important;
}
.rm-contact-field input, .rm-quantity input, .rm-underage-fg input, .rm-date input, .rm-time select, .rm-totalDrivers-fg input, .rm-city-field input, .rm-state-field input, .rm-zip-field input, .rm-mileage input {
	height: 40px !important;
}
.rm-date input, .rm-time select, .rm-mileage input, .rm-quantity input, .rm-date label, .rm-time label, .rm-mileage label, .rm-quantity label, .rm-totalDrivers-fg input, .rm-underage-fg input, .rm-contact-field input, .rm-contact-field label {
	display: inline-block;
}
.rm-contact-field label, .rm-city-field label, .rm-state-field label, .rm-zip-field label, .rm-time label, .rm-date label, .rm-mileage label, rm-totalDrivers-fg label {
	margin: 0 0 5px 0 !important;
}
.rm-date input, .rm-time input, .rm-mileage input, .rm-totalDrivers-input, .rm-underage-input {
	text-align: center;
}
.rm-input-row h3 {
	padding-top: 20px;
}


.ui-datepicker {
	width: fit-content !important;
	width: -moz-fit-content !important;
}

.rm-date input, rm-time select {
	cursor: pointer;
}

a[href='#'] {
	outline: 0;
}

label .fa-info-circle {
	cursor: help;
}

label[disabled='disabled'] .fa-info-circle {
	cursor: not-allowed;
}






















/* Rental Form Buttons */
#rm-service-form .action-button {
	width: 100px;
	background: rgb(36, 162, 234);
	font-family: antennaRegular, 'Helvetica Neue';
	width: 200px;
	color: white !important;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
	float: none;
	outline: none !important;

}
#rm-service-form .action-button:hover, #rm-service-form .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
.rm-buttons {
	text-align: center;
}
.rm-under25toggle-fg button {
	min-width: 100px !important;
}
.rm-prev-row {
	padding-bottom: 0px;
}
.rm-prev-col {
	padding-left: 70px;
	padding-top: 40px;
}


/*validation*/
#rm-service-form input[class~="error"] {
	border: 1px solid #AF0000;
	color: #DF0000;
}
#rm-service-form label[class~="error"] {
	color: #DF0000;
}
#rm-service-form input[class~="valid"] {
	/* border: 1px solid #087500; */
	/* color: #0A9A00; */
}

#vehicle input {
	/* 	border-color: rgb(216, 216, 216); */
	border-color: #ffffff;
}


/*headings*/
h2.rm-fs-title {
	font-size: 17px !important;
	text-transform: uppercase !important;
	color: #ffffff;
	margin-bottom: 10px !important;
	text-align: center !important;
	display: block !important;
}
h3.rm-fs-subtitle {
	font-weight: normal !important;
	font-size: 14px !important;
	font-family: antennaRegularExtraLight;
	color: #ffffff;
	margin-bottom: 20px !important;
	text-align: center !important;
	display: block !important;
    padding: 0 60px;
    line-height: 1.5;
}

h3 strong {
	font-family: antennaRegular;
}



/**** Fancy Checkboxes ****/

#rm-service-form input[type="checkbox"] {
	display: none;
}
#rm-service-form input[type="checkbox"] + .btn-group > label span {
	width: 20px;
}
#rm-service-form input[type="checkbox"] + .btn-group > label span:first-child {
	display: none;
}
#rm-service-form input[type="checkbox"] + .btn-group > label span:last-child {
	display: inline-block;
}
#rm-service-form input[type="checkbox"]:checked + .btn-group > label span:first-child {
	display: inline-block;
}

/* commented this out but don't know what it does */
/* #rm-service-form input[type="checkbox"]:checked + .btn-group > label span:last-child {
	display: none;
} */
#services label, label[for="same-address"] {
	margin: 2px 0px 2px 0px;
	background: #0186c2;
	color: #ffffff;
	font-family: antennaRegular, 'Helvetica Neue';
	border-color: rgb(219, 219, 219);
}
#services label:first-of-type, label[for="same-address"]:first-of-type {
	padding: 15px 10px;
	border-right: none;
	height: 51px;
}
#services label:last-of-type, label[for="same-address"] {
/* 	width: 315px; */
	height: 51px;
}
#services .service-name-container {
	font-weight: 600;
	float: left;
	text-align: left;
}
.service-price {
	float: right;
}



.service-sub-name {
	font-size: 12px;
}

.service-flex-container span.fa-check-circle, #contact .fa-check-circle {
	font-size: 20px !important;
}

.service-category-container {
	margin: 10px 15px 40px;
	padding: 0 0px;
	border: 3px solid #ffffff;
	border-radius: 10px;
	width: 100%;

}

.service-category-container.tucked-away {
	cursor: pointer;
}

.service-flex-container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.service-category-header {

	color: #ffffff;
	font-family: antennaRegular, 'Helvetica Neue';
	font-size: 26px;
	margin: -20px 0 20px 20px;
	padding: 0 16px 0 5px;
	text-transform: uppercase;
	width: fit-content;
	cursor: pointer;
	background: #f93;
	background: -webkit-gradient(linear,left,right,color-stop(0,#f93),color-stop(1,#f38d27));
	background: -ms-linear-gradient(bottom,#f93,#f38d27);
	background: -moz-linear-gradient(center bottom,#f93 0,#f38d27 100%);
	background: -o-linear-gradient(#f38d27,#f93);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f38d27',endColorstr='#ff9933',GradientType=0);
}

.service-flex-container .form-group {
	padding: 5px 10px;
	margin-bottom: 5px;
}

.service-flex-container:not:first-of-type {
	display: none;
}

#rm-service-form fieldset {
	background: #f93;
	background: -webkit-gradient(linear,left,right,color-stop(0,#f93),color-stop(1,#f38d27));
	background: -ms-linear-gradient(bottom,#f93,#f38d27);
	background: -moz-linear-gradient(center bottom,#f93 0,#f38d27 100%);
	background: -o-linear-gradient(#f38d27,#f93);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f38d27',endColorstr='#ff9933',GradientType=0);
	display: block;
}

#vehicle label, #date-time label, #contact label, #dropoff-type label, #in-store-visit-info label, #pick-up-location label, #pick-up-time label  {
	color: #ffffff;
	font-family: antennaRegular, 'Helvetica Neue';
}

#vehicle input, #date-time input, #date-time select, #contact input, #contact textarea, #contact dropoff-type, #pick-up-location input, #pick-up-location select, #pick-up-time input, #pick-up-time select, #in-store-visit-info input, #in-store-visit-info select {
	background-color: #0186c2;
	color: #ffffff;
	font-family: antennaRegular, 'Helvetica Neue';
}

#vehicle input {
	width: 100%;
}

#services .service-price {
	font-size: 13px;
	padding: 7px 0;
}


#selected-services-container {
	border: solid 2px #a1adbd;
	border-radius: 10px;
	background-color: rgb(1, 131, 190);
	padding: 20px;
	/* 	position: fixed; */
	/*width: 290px;*/
	width: 100%;
	opacity: 0.8;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 200px;
	margin-left: 15px;
	max-width: 330px;
}

#selected-services-container h4 {
	font-size: 24px;
	font-family: antennaRegular, 'Helvetica Neue';
	margin-bottom: 40px;
	text-align: center;
}

#selected-services-container h4, .selected-service-name, .selected-service-price, .selected-service-total {
	color: #ffffff;
	font-family: antennaRegular, 'Helvetica Neue';
}

.selected-service-total-name, #selected-service-total-price {
	display: inline;
}

.selected-service-price, #selected-service-total-price {
	float: right;
}


#rm-service-form .tooltip .tooltiptext {
	/*visibility: hidden;*/
	width: 120px;
	background-color: #172356;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}


.tucked-away {
	/*cursor: pointer;*/
}



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

 Modal Form

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

.modal { /*only need this one because cdk sucks*/
	margin: 0 !important;
	max-width: 100% !important;
}


.modal-header, h4, .close {
/* 	background-color: #367bbf; */
	color: white !important;
	text-align: center;
	font-size: 30px;
}

.modal-header button {
	min-width: 0;
	padding: 0 20px;
}

.modal-footer {
	background-color: #f9f9f9;
}

.modal-backdrop {
	z-index: 49;
}

.rm-submit-btn-container {
	text-align: center;
	margin-top: 40px;
}

.rm-submit-btn-container button {
	color: #fff;
	border-color: #286db1;
	background-color: #3D84BF;
}

.rm-submit-btn-container button:hover {
	color: #fff;
	background-color: #2d75bf;
}

.rm-submit-btn-container button:focus {
	color: #fff;
	background-color: #2d75bf;
}

.rm-submit-btn-container button:active {
	color: #fff;
	background-color: #2D96CD;
}

.rm-sales-content-container .modal-footer {
	text-align: left;
}

.modal-header .service-info-header {
	font-family: antennaRegular, 'Helvetica Neue';
	font-size: 2.8rem;
}

.rm-modal-offer-description {
	font-size: 1.3rem;
	background: #F5F5F5;
	border-radius: 10px;
}

.rm-modal-offer-description p {
	margin: 15px auto;
	padding: 0 3px;
	text-align: center;
	max-width: 260px;
}


#vehicle label, #contact label {
	display: inline-block;
}

#rm-service-form label.error {
	margin-left: 20px;
	display: inline-block;

	background: rgba(239, 237, 237, 0.96);
	font-family: antennaRegular, antennaRegular, 'Helvetica Neue';
	border-color: rgb(191, 191, 191);
	border-radius: 5px;
	height: auto;
	width: auto;
	max-width: 600px;
	padding: 5px;
}

#rm-service-form .rm-buttons label.error {
	margin: 20px auto;
	padding: 10px;
	display: block;

}


#rm-service-form .rm-buttons input[class~="error"] {
	border: none;
}



#rm-service-form .popover-title, #rm-service-form .popover-header {
	background-color: #286db1;
	padding: 12px 10px;
}

#rm-service-form .popover-body {
	color: #ffffff;
	padding: 8px;
}

#rm-service-form .popover {
	background-color: #23336d;
	color: #fff;
	border: #dcd6d6 solid 2px;
}
#rm-service-form .popover .arrow {
	display: none;
}

.service-info-header-container {
	color: #fff;
	font-family: antennaRegular, antennaRegular, 'Helvetica Neue';
}

.service-info-header {
	font-size: 2.0rem;
	margin-top: -10px;
}

.service-info-sub-header {
	font-size: 1.4rem;
}

.info-table-header, .info-table-value {
	display: inline-block;
	width: 49%
}

.info-table-header {
	font-family: antennaRegular, 'Helvetica Neue';
}

.info-table-close-x {
	font-family: antennaRegular, 'Helvetica Neue';
	font-size: 20px;
	text-align: right;
}
.info-table-close-x i {
	cursor: pointer;
}


.info-table-value-container {
	font-family: antennaRegular, 'Helvetica Neue';
	vertical-align: middle;
	padding: 16px 0;
}


[class*="fa-chevron"] {
	margin-left: 10px;
}

#rm-service-form .every-or {
	font-family: antennaRegularLight, 'Helvetica Neue';
	font-size: 1.0rem;
	line-height: 2.2rem;
}

#rm-service-form .popover, #rm-service-form .popover-content {
	padding: 0;
}

.service-info-sub-header {
	margin-left: 30px;
}

.info-table-header-container {
	padding: 12px 0;
	background-color: #a5a2a2;
	border-radius: 3px;
}
.info-table-header-container, .info-table-value-container {
	text-align: center;
}

/* .info-table-value-container {
	padding: 10px 0;
} */

.info-table-value {
	vertical-align: middle;
	padding: 20px 5px;

}

.info-table-value-container ul {
	list-style-type: square;
	text-align: left;
/* 	vertical-align: top; */
}

.info-table-value-container li, .info-table-value {
	margin-left: 0;
	font-size: 1.2rem;
}

#rm-service-form .popover {
	width: 380px;
	max-width: 380px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #e0dddd;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #e0dddd;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #e0dddd;
}


#rm-service-form .disclaimer span {
	color: #fff;
	margin-left: 25px;
	cursor: none;
}




.service-flex-container .form-group {
	width: 48%;
	padding: 0;
	margin: 3px 1%;
}
.service-flex-container .btn-group {
	width: 100%;
}
#services .btn-group label:first-child {
	width: 15%;
}
#services .btn-group label:last-child {
	width: 85%;
}
#services .service-name-container, #services .service-name, #services .service-price {
	font-size: 12px;
}
.service-name-container .service-sub-name {
	font-size: 10px;
	margin-top: 3px;
}





/* PICK-UP AND DELIVERY ADDITIONS*/


#dropoff-type button .fa-info-circle {
    float: right;
    padding-top: 5px;
}


#dropoff-type .fa-info-circle {
    /* float: right; */
    padding-top: 5px;
}



#dropoff-type .btn  {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 25px auto;
	font-size: 24px;
}

#in-store-visit-info .form-group .btn  {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 50px auto;
	font-size: 24px;

}

#dropoff-type .btn {
    padding-right: 20px;
    padding-left: 20px;
    display: block;
}

 #dropoff-info .form-group , #in-store-visit-info .form-group {
 	margin-bottom: 120px;
 }


#in-store-visit-info .rm-buttons {
    margin-right: 50px;
/* 	float: left; */
}


#in-store-visit-info .previous {
	float: left;
}


#dropoff-type .service-price {
	font-size: 24px;
	padding-right: 18px;
}


.pick-up-or-in-store-container .service-name {
	float: left;
	padding-left: 50px;
}



#dropoff-type .btn-group {
	width: 100%;
/* 	max-width: 600px; */
	margin: 0 auto;
}

#dropoff-type label {
    height: 60px;
}


.form-prompt-container {
	text-align: center;
}

.form-prompt {
	color: #ffffff;
	font-size: 18px;
	font-family: antennaRegular;
	margin: 20px 20px 40px;
	display: block;
}


label[for="same-address"]:last-of-type {
	line-height: 220%;
}


 label[for="same-address"]:focus, label[for="same-address"]:hover, label[for="same-address"]:active, label[for="same-address"]:active:hover {
	background: rgb(1, 134, 194);
	border-color: rgb(219, 219, 219);
}



/* Map w Delivery Radius */

#map-container {
	text-align: center;
	max-width: 460px;
	border: #fff solid 3px;
	border-radius: 5px;
	margin: 50px auto 20px;
	background: #739ec3;
	box-shadow: 0 0 15px #333;
}

#map-container img {
	margin: 20px auto;
	max-width: 400px;


}

#map-caption {
	font-size: 16px;
	color: #fff;
	font-family: antennaRegular, Helvetica;
	margin: 20px 0 0;
}

#map-sub-caption {
	font-size: 14px;
	color: #fff;
	font-family: antennaRegularExtraLight, Helvetica;
	margin: 10px 0;
}


@media only screen and (max-width: 680px)  {
	#map-container {
		width: 76%;
		margin: 30px auto 20px;
	}

	#map-container img {
		max-width: 86%;
	}
	#map-caption {
	    margin: 12px 0;
    }

}
@media only screen and (max-width: 440px)  {
	#map-container {
		width: 94%;
	}

}


/* Service Advisor FS */


.input-hidden {
  position: absolute;
  left: -9999px;
}

#service-advisor-fs .form-group {
	display: inline-block;
	text-align: center;
	margin: 40px;
}

input[name="advisor"] + label {
/* 	border: 3px solid #fff;
	border-radius: 5px;
	padding: 20px;
	background: #165288; */

  padding: 15px 25px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #274b94;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

input[name="advisor"] + label:hover {
	background-color: #347d59
}

input[name="advisor"] + label:active {
  background-color: #347d59;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

#service-advisor-fs input[type=radio]:checked + label {
    background: #44a575;
}

span.advisor-name, span.advisor-position {
	color: #fff;
	display: block;

}

span.advisor-name {
	margin-top:15px;
	font-family: antennaRegular, Helvetica;
}

 span.advisor-position {
 	font-size: 12px;
 }

 span.recommended-advisor {
 	font-size: 15px;
 }

 #service-advisor-fs input[type=radio] + label>img {
  max-width: 160px;
  border-radius: 5px;
  border: 2px solid #fff;
  margin: 0 auto;
}



#service-advisor-fs input[type=radio] + label {
  cursor: pointer;
}


#rm-service-form .tooltip-inner {
	background-color: #1d386f;
}





/* Tooltip */

#dropoff-type .fa-info-circle.touchscreen-only {
	font-size: 22px;
	margin: 38px 0 40px 5px;
}


#dropoff-type .tooltip > .tooltip-inner {
  background-color: rgb(32 94 130);
  color: #FFFFFF;
  border: 0;
  padding: 15px;
  font-size: 16px;
  text-align: left;
}

/* Tooltip arrow */
#dropoff-type .tooltip.right > .tooltip-arrow {
  border-right: 5px solid rgb(32 94 130);
}


/* fix for flatpickr default css */

.flatpickr-input {
	-webkit-appearance: none;
}



@media only screen and (max-width: 991px)  {
	#selected-services-container {
		margin-left: 0;
	}
}


/* for prev/next swap*/
@media only screen and (min-width: 768px)  {
	.mobile-only {
		display: none;
	}
	.desktop-tablet-only {
		display: block;
	}


	#dropoff-type .fa-info-circle.touchscreen-only {
		float: none;
		margin-left: 20px;
	}

	#dropoff-type .form-group {
		text-align: center;
	}

}
@media only screen and (max-width: 767px)  {
	.mobile-only {
		display: block;
	}
	.desktop-tablet-only {
		display: none;
	}
}





/* desktop-only vs touchscreen-only*/
@media(hover: hover) and (pointer: fine) {
    #dropoff-type .btn .desktop-only {
        display: inline-block;
    }
    #dropoff-type .touchscreen-only {
        display: none;
    }
}
@media(hover: none) and (pointer: coarse) {
    #dropoff-type .btn .desktop-only {
        display: none;
    }
    #dropoff-type .touchscreen-only {
        display: inline-block;
    }

	#dropoff-type .btn {
	    display: inline-block;
	    width: 88%;
	}
	/* Tooltip arrow */
	#dropoff-type .tooltip.left > .tooltip-arrow {
	  border-left: 5px solid rgb(32 94 130);
	}

	input[name="advisor"] + label:hover {
		background-color: #274b94;
	}
	input[name="advisor"] + label:active {
	  background-color: #274b94;
	  box-shadow: 0 5px #666;
	  transform: translateY(4px);
	}
}

.col-form-container {
		padding: 0;
}




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

	h3.rm-fs-subtitle {
        padding: 0;
	}

	#selected-services-container {
		margin: auto;
	}




	/* FIX MOBILE ZOOM*/
	input, select, textarea {
		font-size: 16px !important;
	}


	input[name="advisor"] + label {
	  padding: 15px 10px;
	}


	#service-advisor-fs .form-group {
		display: inline-block;
		text-align: center;
		margin: 40px 10px;
	}


	 #service-advisor-fs input[type=radio] + label>img {
	  max-width: 136px;
	}



	.service-flex-container .form-group {
		padding: 0;
		margin: 1%;
	}
    .service-flex-container .form-group {
		width: 48%;
	}
	.service-flex-container .btn-group {
		width: 100%;
	}
	#services .btn-group label:first-child {
		width: 15%;
	}
	#services .btn-group label:last-child {
		width: 85%;
	}
	.service-name-container .service-name, .service-price {
		font-size: 11px;
	}
	.service-name-container .service-sub-name {
		font-size: 9px;
		margin-top: 3px;
	}



	.service-category-header {
		font-size: 20px;
		margin-top: -15px;
	}


	#rm-service-form .service-category-container {
		margin-right: 5px;
		margin-left: 5px;
	}

	.rm-input-row {
		margin: 5px 0px !important;
	}


	.selected-services-container {
		margin-bottom: 20px;
	}

	.rm-buttons {
		margin-top: 30px;
	}


	/* fix for dealeron site*/

	.contentWrapper .container {
		padding: 0;
	}


}

@media only screen and (max-width: 630px) {
    .service-category-header {
/*     	font-size: 16px; */
    	margin-top: -10px;
    	padding-right: 13px;
    }
}



@media only screen and (max-width: 575px) {
	.service-category-header {
		font-size: 20px
	}
	#rm-service-form .popover {
/* 		width: 225px; */
		max-width: 225px;
	}
	#rm-service-form .popover-title {
		padding: 8px 5px 12px;
	}
	#services [role="tooltip"] {
		left: 3rem !important;
	}
	.service-info-header {
		font-size: 11px;
		margin-bottom: 4px;
	}
	.service-info-sub-header {
		font-size: 10px;
		margin-left: 19px;
	}
	.info-table-header-container {
		padding: 4px 0;
	}
	.info-table-header {
		font-size: 11px;
		width: 40%;
	}
	 .info-table-value {
	 	font-size: 10px;
	 	padding: 12px 3px;
	 }
	 .info-table-value-container li {
	 	font-size: 10px;
	 }



	 /* make form fill whole screen, no padding or box shadow*/
	 .rm-form-container {
 		margin: 0;
 	}
 	#rm-service-form fieldset {
 		box-shadow: none;
 		margin: 0;
 		width: 100%;
 		padding: 20px 25px;
 	}


	#selected-services-container {
		max-width: 100%;
	}
}






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

	.service-flex-container .form-group, .service-flex-container .btn-group {
		width: 100%;
	}

    #services .btn-group label:first-child {
		width: 12%;
		font-size: 12px;
	}
	#services .btn-group label:last-child {
		width: 88%;
	}
    .service-name-container .service-name, .service-price {
		font-size: 14px;
	}
	.service-name-container .service-sub-name {
		font-size: 11px;
/* 		margin-top: 0px; */
	}

	.service-name-container {
		padding-top: 0px;
	}
/* 	.service-name {
		font-size: 12px;
        margin-bottom: 4px;
	}
	.service-sub-name {
		font-size: 12px;
	} */
	#rm-service-form .popover {
		max-width: 210px;
	}
	#services [role="tooltip"] {
		left: 1.5rem !important;
	}
    #rm-service-form .arrow {
        display: none;
    }


}

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

/*    stop horizontal scrolling  */
	html, body {
		max-width: 100%;
		overflow-x: hidden;
	}

	#services .btn-group label:first-child {
		width: 15%;
	}
	#services .btn-group label:last-child {
		width: 85%;
	}
    .service-name-container .service-name, .service-price {
		font-size: 12px;
	}
	.service-name-container .service-sub-name {
		font-size: 9px;
	}

	/* next two might be stupid, dunno */
	.row-form-container {
		margin-left: 0;
		margin-right: 0;
	}
	.col-form-container {
		padding: 0;
	}

	#rm-service-form fieldset {
 		padding: 20px 10px;
 	}

   /* .rm-form-container {
    	margin: 20px 17px;
    }*/

	#dropoff-type .form-group .btn, #in-store-visit-info .form-group .btn {
		font-size: 18px;
	}

	input[name="advisor"] + label {
		font-size: 18px;
	}
}


/* iphone 6/7 */
@media only screen and (max-width: 375px) {
	#rm-service-form .service-category-container {
		margin-right: 0px;
		margin-left: 0px;
	}
	.service-category-header {
		font-size: 18px;
	}

	#service-advisor-fs input[type=radio] + label>img {
		max-width: 125px;
	}
}



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

    .service-category-header {
    	font-size: 16px;
    	margin-top: -10px;
    	padding-right: 8px;
    }
     .service-name-container .service-name, .service-price {
		font-size: 11px;
	}
	.service-name-container .service-sub-name {
		font-size: 9px;
	}
	.service-flex-container span.fa-check-circle {
		font-size: 16px !important;
		padding-left: 2px;
	}
	#services .service-name-container, #services .service-name, #services .service-price {
		font-size: 11px;
	}
}

/* iphone 5 */
@media only screen and (max-width: 320px) {
   #service-advisor-fs .form-group {
		margin: 20px 5px;
		width: 134px;
	}
	#service-advisor-fs input[type=radio] + label>img {
		max-width: 114px;
	}
	span.advisor-name {
		font-size: 14px;
	}
	span.advisor-position {
		font-size: 11px;
	}

}





/* temp fix for [cant get x button to close popover] */

.info-table-close-x {
	height: 18px;
}



/* hide ford disclaimer */

.fordGlobalDisclosure, .fordGlobalDisclosure + .container {
	display: none;
}





.btn-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.service-name-container {
    flex: 1 1 auto; /* Allows the container to grow and shrink as needed */
    max-width: 70%; /* Adjust this value to ensure the price is always visible */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.service-price {
    flex: 0 0 auto; /* Prevents the price from shrinking */
    min-width: 80px; /* Ensures the price has enough space */
    text-align: left;
    white-space: nowrap;
}

.service-price a {
    margin-right: 5px; /* Adjust spacing between the icon and the price */
}

.btn-group .btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}