body.Sales-Tool {font-family: "aktiv-grotesk",sans-serif;;}
body.Sales-Tool main,
body.Sales-Tool main #content {min-height: 0;}

/* Header */
body > header {padding: 0 2em 0 1.5em;}
body > header > .wrap {max-width: 95rem; width:100%; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
body > header #brand img {margin-left: 0;}
#navContainer #mainnav {width:100%; color:#fff; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
#navContainer #mainnav > ul > li > a {border: 0; padding: 0 2em; background: rgba(255,255,255,0.25);}
#navContainer #mainnav > ul > li:hover {background: none;}
#navContainer #mainnav > ul > li:hover > a {background: rgba(255,255,255,0.5); color:#fff; opacity:1; text-shadow: none;}
#navContainer #mainnav > ul > li a:before {display: none;}
#navContainer #mainnav > ul > li.on a {background: rgba(222,165,36,.8); text-shadow: none; color:#fff;}
#navContainer #mainnav > ul > li > ul {width: 160px;}

body.interior.Sales-Tool main {margin-top:65px; padding: 0 1.5em}
.Sales-Tool main .wrap {width: 100%; padding-top: 2em; max-width: 95rem;}
.Sales-Tool main .wrap.slim {max-width: 70rem;}
.Sales-Tool .toggle-vehicle {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
.Sales-Tool .toggle-vehicle .vehicle-list {background: rgba(77,117,178,.1);border: 1px solid rgba(72,92,105,.2);}
.Sales-Tool .toggle-vehicle .vehicle-list .vehicle-container {position: sticky; position:-webkit-sticky; top:4.125rem}
.Sales-Tool .toggle-vehicle .vehicle-list a {padding: 0.5rem 1rem; border-bottom:1px solid rgba(72,92,105,.2); cursor: pointer; font-size:0.875rem; font-family: "aktiv-grotesk",sans-serif; text-align: left; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.Sales-Tool .toggle-vehicle .vehicle-list a.on,
.Sales-Tool .toggle-vehicle .vehicle-list a:hover {background: rgba(77,117,178,.1); color:#4D75B2}
.Sales-Tool .toggle-vehicle .vehicle-list a img {width: 70px; margin-right: 1em;}
.Sales-Tool .toggle-vehicle .vehicle-list a span {display: block; font-weight:600; width:100%; white-space: nowrap;}
.Sales-Tool .toggle-vehicle .vehicle-list a.on span {color: #000; display: block;}
.Sales-Tool .toggle-vehicle .vehicle-list a.on span:before {content: "\2713"; margin-left: 0.5em; color:#00af00; float: right;}
#vehicleList.disabled {opacity:.25;}

.Sales-Tool .carTop {padding-top: 1.5em; margin-top: 1.5em; border-top:1px solid rgba(72,92,105,.2);}
.Sales-Tool .carTop h1 {text-align: center; margin-bottom:0.125em; font-size:2.25em}
.Sales-Tool .carTop h1 + p {font-weight:600}
.Sales-Tool .carTop .primaryPic {height: auto; margin: 1em 0; max-width: 75%}
.Sales-Tool .carTop ul {display: inline-block;}
.Sales-Tool .carTop li {text-align: left;}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="time"],
textarea,
select {padding: 0 0.5rem; border: 1px solid rgba(0,0,0,0.25)}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="time"]:focus,
textarea:focus,
select:focus {background:#fff; border: 1px solid #000;}

#resAdmin {padding-left: 2em; padding-right:0.5em; width:100%}

.packageSelect {margin:0 0 1.5em; font-family: "aktiv-grotesk",sans-serif; font-size:0.875rem; padding: 0 0 0.5em; border-bottom: 1px solid rgba(72,92,105,.2); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.packageSelect span {margin-right: 1em; color:#070b33; font-weight:600}
.packageSelect a {margin-right:0.5em; background: rgba(0,0,0,0.5);color: #fff;border: 0;padding: 0.75em 1.6em;line-height: 1em;cursor: pointer;display: inline-block;border-radius: 3px;}
.packageSelect a:hover, .packageSelect a.on{background:#070B33; color:#FFF; text-decoration:none}

a.reservationsBtn{display:block;height:24px;width:24px;float:right;margin-top:5px;background:url(/images/reservationsArrow.gif) no-repeat 0 -24px}
a.reservationsBtn:hover{background-position:0 0}
a.reservationsBtn.on{background-position:0 0}
a.reservationsBtn.on:hover{background-position:0 -24px}
a.workflowBtn{display:block;height:24px;width:24px;float:right;margin-top:5px;background:url(/images/workflowArrow.gif) no-repeat 0 0}

#reservationsAdmin{font-family: "aktiv-grotesk",sans-serif; width:100%}
#reservationsAdmin th{color:#070b33; padding: 5px; vertical-align: middle; font-weight: 600}
#reservationsAdmin th, #reservationsAdmin td{font-size:0.875rem}
#reservationsAdmin table{width:100%; border-collapse:collapse}
#reservationsAdmin>td td{color:#4d4d4d}
#reservationsAdmin .small{font-size:10px; display: block;}
#package, #talk2, #salesProcess, #airportResults, #ratebutlerResults, #apiResults {border-bottom:1px solid #ffffff}
#zone #peakMap{display:block;margin-top:-4px}
.icon{position:relative;bottom:-3px}

.zone th{padding-left:5px;vertical-align:middle}
.zone th:first-child+th, 
.zone th:first-child+th+th, 
.zone th:first-child+th+th+th+th, 
.zone th:first-child+th+th+th+th+th+th
	{width:1%}
.zone th:first-child+th+th+th, 
.zone th:first-child+th+th+th+th+th, 
.zone th:first-child+th+th+th+th+th+th+th+th 
	{text-align:right}
.zone th:first-child+th+th+th+th+th+th+th
	{text-align:right}
	
.package{background:rgba(0,0,0,0.05);}
.package {border: 1px solid rgba(0,0,0,0.25); border-bottom:0}
#reservationsAdmin .package th:first-child,
#reservationsAdmin .package td:first-child {padding-left: 1rem;}
#reservationsAdmin .package th:last-child,
#reservationsAdmin .package td:last-child {padding-right: 1rem;}
.package td{vertical-align:middle}
.package th {padding-top:10px}
.package th, .package td, .package input{text-align:center}
.package td {padding: 0.5em 0;}
.package input:not([type="radio"]){height: 30px;}
.package th:first-child,  .package td:first-child, .package td:first-child+td{text-align:left}
.package td:first-child{width:1%}
.package tr:nth-child(even) td {background:rgba(0,0,0,0.05)}
.package th:first-child,
.package th:first-child+th+th+th,
.package td:first-child+td,
.package td:first-child+td+td+td+td {border-right:solid 1px rgba(0,0,0,0.25)}
.package td:first-child+td+td+td,
.package td:last-child,
.package td:nth-child(2) {font-weight:bold;}
.package td:first-child input {margin:0 4px}
.package tr:hover td {background: #fffed8;}

	
#airportResults {border-bottom: 0}

#talk1{border-top:solid 1px #070b33}
#talk1 th:first-child{padding-left:5px}
#next{float:left;}
#next:hover{background:#777b95; color:#fff}
#talk1 span{color:#ecd783}
#selectedEvent { float:right; padding:5px 10px 0 0; margin:0; }

#talk2{background:#e7f1fc}
#talk2 th{padding:1em; font-size: 1.25em}
#talk2 td{padding:0 15px; vertical-align:top}
#talk2 td:first-Child+td, #talk2 th:first-Child+th{background:#d6e9fd}

.checklist{background:#ede6d7;width:195px;padding:0}
.checklist table td{border-right:none;padding:2px 0}
.checklist table td+td{border-right:1px solid #cab17e;padding:1px 0}
.checklist .active td{background:#f6f3eb;border-top:1px solid #cab17e;border-bottom:1px solid #cab17e;border-right:none}
.checklist .active td+td{background:#f6f3eb;border-top:1px solid #cab17e;border-bottom:1px solid #cab17e;border-right:1px solid #f6f3eb}
.checklist a{font-size:13px;color:#4d4d4d;text-decoration:none;font-weight:normal}
.checklist a:hover, .checklist a:active{color:#070b33}
.checklist .active a:link, .checklist .active a:visited, .checklist .active a:hover, .checklist .active a:active{color:#070b33;font-weight:bold}
.phase{background:#f6f3eb;padding:15px 15px 0 15px;vertical-align:top}
/*.nextQuestion {background:#f6f3eb;padding:5px 15px 0 15px; vertical-align:bottom}
.nextQuestion a{border-top:1px solid #cab17e;display:block;background:url(/images/next_phase.png) no-repeat 8px 10px;padding:7px 5px 7px 20px;font-size:11px;line-height:13px;color:#4d4d4d;font-weight:normal}
.nextQuestion a span{font-weight:bold;color:#070b33;font-size:12px;}
.nextQuestion a:hover, .nextQuestion a:active{background:#ede6d7 url(/images/next_phase.png) no-repeat 8px 10px;text-decoration:none}
*/
.phase .title{color:#070b33;margin-bottom:5px;font-weight:bold;display:block}
.phase .question{display:block;margin-bottom:13px}
a.notInterested{font-style:italic;color:#731212;text-decoration:none;font-weight:normal;margin-top:4px}
a.notInterested:hover, a.notInterested:active{color:#070b33;text-decoration:none}

/*----- CONTENT AREA ELEMENTS -----*/
/* these are custom definitions needed for content areas throughout site */
.clientImages { border-bottom:solid 1px #445d96; border-top:solid 1px #445d96; background:#f8f9fd url(/images/clientImagesBG.gif) repeat-x left top;}
.clientText { font-size:13px;}

.fleetLeftCol { width:236px; float:left; margin-right:28px;}
.fleetRightCol { width:513px; float:left; margin-top:-27px;}
.fleetButtons { width:475px; float:left; margin-left:38px;}
.return:link, .return:visited{ width:209px; height:25px; display:block; text-decoration:none; background:url(/images/btn_return_to_fleet.gif) no-repeat 0 0; float:left; margin-right:25px}
.return:hover, .return:active{ background:url(/images/btn_return_to_fleet_hover.gif) no-repeat 0 0;}
.reservation:link, .reservation:visited{ width:203px; height:25px; float:left; text-decoration:none; background:url(/images/btn_make_reservation.gif) no-repeat 0 0;}
.reservation:hover, .reservation:active { background:url(/images/btn_make_reservation_hover.gif) no-repeat 0 0;}
.virtualTourDescription { padding:10px 0 17px 0;}
.caption { font-weight:bold; font-style:italic; text-align:center; padding-bottom:7px;}

.unchecked {width:16px;height:16px;display:block;margin-left:13px;background:url(/images/unchecked.png) no-repeat 0 1px;cursor: pointer;}
.checked {width:16px;height:16px;display:block;margin-left:13px;background:url(/images/checked.png) no-repeat 0 1px;cursor: pointer;}

#packageToggle {position:absolute; top:5px; right:-110px; width:110px; line-height:20px; overflow:hidden;}
#packageToggleInner {background-color:#ecd783; height:25px; margin-left:-115px; width:110px; }

/*----- LEADS/ STYLES -----*/

.leads input.formbutton, 
.leads input[type="text"], 
.leads input[type="password"], 
.leads input[type="tel"], 
.leads input[type="number"], 
.leads input[type="email"], 
.leads input[type="url"], 
.leads input[type="search"], 
.leads textarea, 
.leads select{height: 30px;}
.leads input.formbutton {padding: 0 0.5em; border:0}



.leadsList th, .leadView .divider { background-color:#96AEC8; color:white; font-weight:bold; padding-left:6px; text-align:left; } 
.leadsList td { padding-left:0px; }
.leadsList .odd, .leadView .odd { background-color:#FFFFFF; }
.leadsList .even, .leadView .even { background-color:#f3f3f3; }

.odd { background-color:#FFFFFF; }
.even { background-color:#E8ECF0; }

.leadView td { padding-left:6px; }
.leadView .data { color:#2E557D; }
.leadView .divider a { color:#FFFFFF }
 
.leads .house, .leads .lock, .leads .lead, .leads .leadClose, .leadCal, .leads .email, .leads .emailSend, .leads .emailView, .leads .note, .leads .noteAdd, .leads .noteEdit, .leads .leadDelete, .phoneAdd  {text-align:left; background-repeat:no-repeat;background-position:0px center;padding:4px 4px 4px 20px;}
.leads .house {background-image:url(/leads/images/house.png)}
.leads .lock {background-image:url(/leads/images/lock.png)}
.leads .lead {background-image:url(/leads/images/application_form.png)}
.leads .leadClose {background-image:url(/leads/images/tick.png)}
.leads .leadCal {background-image:url(/leads/images/calendar.png)}
.leads .email {background-image:url(/leads/images/email_sent_white.gif)}
.leads .emailSend {background-image:url(/leads/images/email_go.png)}
.leads .emailView {background-image:url(/leads/images/email_open.png)}
.leads .note {background-image:url(/leads/images/note.png)}
.leads .noteAdd {background-image:url(/leads/images/note_add.png)}
.leads .phoneAdd {background-image:url(/leads/images/phone_add.png)}
.leads .noteEdit {background-image:url(/leads/images/note_edit.png)}
.leads .leadDelete  {background-image:url(/leads/images/cross.png)}
.leads .airportlimo {background-image:url(/leads/images/airportLimo_icon.gif)}
.leads .lindseylimo {background-image:url(/leads/images/lindsey_limo_icon.gif)}
.leads .hartfordlimo {background-image:url(/leads/images/hartford_limo_icon.gif)}
.leads .airportcarservice {background-image:url(/leads/images/airportCarService_icon.gif)}
.leads .executivelimo {background-image:url(/leads/images/executivelimo_icon.png)}

#pastLeadsResults {padding:10px;}
#pastLeadsResults table {background:#f2ede3;border-bottom:solid 1px #fff}
#pastLeadsResults table th {color:#070b33; padding: 5px; text-align:left}
#pastLeadsResults table td {padding: 7px 5px; width: 1%; vertical-align: top; border-top: 1px solid rgba(0,0,0,0.05)}
#pastLeadsResults table tr:nth-child(odd) td {background: #ede6d7}
#pastLeadsResults table tr:hover td {background: #f3e5c6}

.showAirport { display:none;}
.showPackage th,
#reservationsAdmin .showPackage th {vertical-align: middle; padding: 0 0.75em 1em 0em}
#reservationsAdmin #package.showPackage th {vertical-align: middle; padding: 0.5em 0.25em}
.showPackage th input {border: 1px solid #ccc; width:100%; margin-left: 0.25em; background: #ececec}
.showPackage th input#apiTime {max-width: 100%;}
.showPackage th .button,
.showPackage #btnGetRates {white-space: nowrap;}
.showPackage th .small,
.showPackage th #peakMap {white-space: nowrap;}
.showPackage th #zoneText {white-space: nowrap;}
.showAirport th,
#reservationsAdmin .showAirport th {vertical-align: middle; padding: 0 0.75em 1em 0em}
#reservationsAdmin #airportResults.showAirport th {vertical-align: middle; padding: 0.5em 0.25em}
.showAirport th input {border: 1px solid #ccc; width:100%; margin-left: 0.25em; background: #ececec}
.showAirport th .small,
.showAirport th #peakMap {white-space: nowrap;}
.showAirport th #zoneText {white-space: nowrap;}

.autocomplete .airport { background:url(/images/icons/custom/Airplane_silhouette_20x20.png) no-repeat left top; padding:0 0 0 28px;}

.rbPhone-on {padding:0 0 0 20px; float:right; background:url(/images/icons/custom/star.png) no-repeat 0 0;}
.rbPhone-off {padding:0 0 0 20px; float:right; background:url(/images/icons/custom/star_off.png) no-repeat 0 0;}


#ratebutlerResults .tabs {float:left; padding-top:10px; border-bottom:1px solid #CAB17E; width:95%;}
#ratebutlerResults .tabs a {float:left;margin:0 5px 0 0;padding:6px 5px 6px 5px;color:#070B33;font-weight:bold;background:#CAB17E;}
#ratebutlerResults .tabs a:hover, #ratebutlerResults .tabs a.on {background:#070B33; color:#FFF; text-decoration:none}

#apiResults .tabs {float:left; padding-top:10px; border-bottom:1px solid #CAB17E; width:95%;}
#apiResults .tabs a {float:left;margin:0 5px 0 0;padding:6px 5px 6px 5px;color:#070B33;font-weight:bold;background:#CAB17E;}
#apiResults .tabs a:hover, #apiResults .tabs a.on {background:#070B33; color:#FFF; text-decoration:none}

#apiResults .blackout-message {text-align: center; margin: 1em; border-radius: 3px; color:red; display:none;}
#apiResults .blackout-message:before {content: "\0021"; color:#fff; background-color:red; width: 1.25em; height: 1.25em; font-weight: 600; display: inline-block; border-radius: 50%; line-height: 1.25em; margin-right: 0.25em;}

#apiResults .blackout-message {text-align: center; margin: 1em; border-radius: 3px; color:red; display:none;}
#apiResults .blackout-message:before {content: "\0021"; color:#fff; background-color:red; width: 1.25em; height: 1.25em; font-weight: 600; display: inline-block; border-radius: 50%; line-height: 1.25em; margin-right: 0.25em;}

#apiResults .markup-notes {margin: 1em; border-radius: 3px; color:red; display:none;}
#apiResults .markup-notes-na {margin: 1em; border-radius: 3px; display:none;}

#tranferRateResults, #hourlyRateResults { clear:both; padding-top:10px;}

#salesProcess.disable .checklist, #salesProcess.disable .phase, #salesProcess.disable .active td, #salesProcess.disable .nextQuestion { background-color:#d2d2da !important; opacity:.8 !important;}

.MiscAddChargeInfo { padding:10px;}

#rbRateCount { padding-left:10px; font-weight:bold;}

.quoteProcess {padding: 1.75em 1em 1em; text-align:center; overflow: visible; box-sizing: border-box}
.quoteProcess * {box-sizing: border-box}
.quoteProcess #Start {display: none}
.quoteProcess #Start+label {display: inline-block;}
.quoteProcess #Start:checked+label {display: none}
.quoteProcess #Start+label+div {display: none}
.quoteProcess #Start:checked+label+div {display: block; overflow: visible}
.quoteProcess .button {background: #070b33; border-radius:2px; cursor:pointer; display: inline-block; color:#fff; padding:0.75em 1em;}
.quoteProcess .button span {color: #ecd783}
.quoteProcess .button:hover {background: #00af00; color:#fff; text-decoration: none}
.quoteProcess .button:hover span {color:#fff}
.quoteProcess .button.talkingPoints {background: #4A90E2; color:#fff;}
.quoteProcess .button.talkingPoints:hover {background:#e7f1fc; color:#4A90E2;}
.questions [type="radio"] {display: none}
.questions [type="radio"] ~ label {display: inline-block; cursor: pointer; padding: 0.25em 0.5em; vertical-align: middle; background:#fff; border: 1px solid #ccc; border-radius: 2px}
.questions [type="radio"] + label:hover {background: #ececec}
.questions [type="radio"]:checked + label {background: #00af00; border: 1px solid #00af00; color:#fff}
.quoteProcess .startQuote, .quoteProcess .questions, .quoteProcess .actions {vertical-align: middle; display: inline-block;}
.quoteProcess .questions {margin:0 90px 0 0;}

.actions {margin:0; padding: 0; display: inline-block}
.actions>li {display:inline-block;}
.actions ul {display: none; position: absolute; border-radius: 2px; left:0; background: #4A65AA; padding:0.5em 1em 1em; width:220px;}
.actions li {list-style: none; text-align: left; background:none; margin:0; padding:0; position: relative}
.actions li a {background: rgb(160, 173, 204); color:rgba(255,255,255,0.85)}
.actions li:hover a {background: #4A65AA; color:#fff;}
.actions li:hover ul {display: block}
.actions li label {color:#fff; display: inline-block; padding: 0.25em 0}
.actions li input {display: inline-block}

.relative-container {position: relative; z-index: 1;}

#package {border-bottom: 0}
.discountAmount {padding: 1em; border: 1px solid rgba(0, 0, 0, 0.1);  background: rgba(74, 144, 226, 0.13); text-align: right;     display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.discountAmount > *+* {margin-left: 0.25em;}
.discountAmount [type="radio"] {display: none}
.discountAmount [type="text"] {font-size: 1em; height: 2.1875rem; display: inline-block; vertical-align: middle; background:#fff; border:1px solid #ccc; padding:0 0.5em; max-width:8.125rem;}
.discountAmount [type="radio"] ~ label {display: inline-block; border-radius: 2px; color:#fff; vertical-align: bottom; background:#1166C9; width:3em; text-align:center; border:1px solid #1166C9; padding:0.25em 0.5em}
.discountAmount [type="radio"] + label:hover {background:#00af00; border-color: #00af00; cursor: pointer; color:#fff;}
.discountAmount [type="radio"]:checked + label {background: #00af00; border: 1px solid #00af00; color:#fff}
.discountAmount .clear {cursor: pointer; border: 1px solid #4a90e2; border-radius: 2px; display:inline-block; padding: 0.25em 1em;}
.discountAmount .clear:hover {background:#4a90e2; color:#fff; text-decoration: none}
.salesHelp {width:100%; border-collapse: collapse; margin-bottom: 1em;}
.salesHelp td {vertical-align: top}
.tabs {padding: 1em 0 0; color:#fff;  background: #1166c9; width:250px; border: 1px solid rgba(255,255,255,0.25)}
.tabs > h2, .cmsArea > h2 {margin:0 0 0.75em; padding: 0 2rem; font-size: 1.125rem; color: #070b33;}
.tabs > h2 {padding: 0 1.5rem; color:#fff; font-weight: 600}
.tabs input {display: none}
.tabs input~label {font-size:0.875rem; cursor: pointer; color: #fff; display: block; border-top: 1px solid rgba(255,255,255,0.25); padding: 0.35em 1.5rem}
.tabs input~label span {float: right}
.tabs input~label:last-child {border-bottom: 1px solid rgba(255,255,255,0.25)}
.tabs :checked+label, .tabs :checked+label:hover {background: #070b33; color:#fff}
.tabs input~label:hover {background: rgba(0, 7, 77, 0.4); color:#fff}
.tabs input~label.completed {position: relative; background:#00af00; padding-left: 30px}
.tabs input~label.completed:before {content: ""; display: block; position: absolute; left: 0; top:0; height: 100%; width:30px; background: url(/images/icons/custom/check.png) no-repeat center #00af00; background-size: 14px 14px}

.cmsArea {padding: 2em 2.5em 3em; background: #e7f1fc}
/*.cmsArea .nextQuestion .nextPhase {display: inline-block; cursor: pointer; padding: 0.25em 0.5em; vertical-align: middle; background:#fff; border: 1px solid #ccc; border-radius: 2px}
.cmsArea .nextQuestion .nextPhase:hover {background: #ececec}
*/
.cmsArea .nextQuestion .nextPhase {display: inline-block; margin-top:1em; border-radius: 2px; color:#4d4d4d; vertical-align: bottom; background:#fff; text-align:center; border:1px solid #ccc; padding:0.25em 1em}
.cmsArea .nextQuestion .nextPhase:hover {background:#00af00; border-color: #00af00; cursor: pointer; color:#fff;}
.cmsArea .nextQuestion .nextPhase span {float: right; margin-left: 0.5em;}
.cmsArea .nextQuestion .nextPhase:hover span {color:#fff}
.cmsArea > h2 {padding: 0; font-weight:600;}
.cmsArea #generateEmail, .cmsArea #makeReservation, .cmsArea #endCall2 {display: inline-block; border-radius: 2px; color:#4d4d4d; vertical-align: bottom; background:#fff; text-align:center; border:1px solid #ccc; padding:0.25em 1em}
.cmsArea #generateEmail:hover, .cmsArea #makeReservation:hover, .cmsArea #endCall2:hover {background:#00af00; border-color: #00af00; cursor: pointer; color:#fff;}

.content ul.actions li {padding:0; text-indent: 0;}
.content ul.actions li::before {display: none;}

.callBottom {overflow: auto; padding: 0;}
.callBottom .personalRank {display: inline-block; font-weight: 600; margin-bottom: 1em;}
.callBottom .personalRank a {display: inline-block; padding:0.75em 1em; margin-left:2px; border-radius: 2px; font-size:13px; color:#fff}
.callBottom .personalRank a:hover {text-decoration: none; background: #666 !important}
.callBottom .personalRank .#00af00 {background:#00af00}
.callBottom .personalRank .orange {background:orange}
.callBottom .personalRank .red {background:red}
.callBottom #creTable {float: right; width:100%; clear: both}

.section-wrap {padding: 20px 20px 150px}
.manage-leads {background: #E8ECF0; border: 1px solid #ccc; padding: 20px 25px; margin-bottom: 25px}
.manage-leads .logout {color: #3c3c65; padding: 7px 13px; display: inline-block; border-radius: 2px; border: 1px solid #3c3c65; background: #fff;}
.manage-leads .logout:hover {background: #3c3c65; color: #fff; text-decoration: none}
.manage-leads .logout:hover i {color:rgba(255,255,255,0.75)}
.manage-leads .top-links {margin-bottom: 20px}
.manage-leads .top-links a {margin: 0 5px 0 0;}
.manage-leads .top-links a:hover {}
.manage-leads .top-links a i {color:rgba(255,255,255,0.75)}
.manage-leads .top-links .leads-home {background: #01a001}
.manage-leads .top-links .leads-home:hover {background: #018501}
.manage-leads .top-links .your-leads {margin-left: 15px; background: #0055ff}
.manage-leads .top-links .your-leads:hover {background: #0040c0}
.manage-leads .lead-reports {margin: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.manage-leads .lead-reports .button {background:#4D75B2; font-size: 0.875em; padding: 0.75em 1em; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.manage-leads .lead-reports .button:hover {background:#203759}
.manage-leads .lead-reports .button i {color:rgba(255,255,255,0.75)}

.lead-filters {margin-bottom: 2em;}
.lead-filters input,
.lead-filters .formbutton,
.lead-filters .formselect {height: 30px; display: inline-block; vertical-align: middle; padding: 0 0.5em}
.formbox.date.hasDatepicker {width: 6.25rem !important;}
.lead-filters p {}
.lead-filters label {display: inline-block;}
.lead-filters .radios label input {margin-right: 4px}
.lead-filters .radios label {margin-left: 2px}

#lead-table {font-family: "aktiv-grotesk",sans-serif;}
#lead-table th {background: #5873ab; width:1%; font-size:1rem; color: #fff; font-weight: 400; white-space: nowrap;padding:0.5rem}
#lead-table.open-leads th {background: #437d43;}
#lead-table td {padding: 0.5rem; font-size: 0.875em; line-height:1.25em}
#lead-table td[style="padding:0 0 0 22px;"] {padding: 0 24px 10px !important}
#lead-table td[style="padding-left:10px"] {width: 5%;}
#lead-table td[align="right"] {text-align: right;}
#lead-table.short-spacing td {padding: 6px 10px; background:#fff}
#lead-table .button.view-lead {background: #fff;}
#lead-table .button.view-lead:hover i {color:rgba(255,255,255,0.5)}

#lead-table .header-link {display: inline-block; padding: 5px 10px; background: #5c7bb8; color:#fff; border-radius: 2px; font-size: 11px}
#lead-table .header-link:hover {text-decoration: none; background: rgba(255,255,255,0.25);}
#lead-table .view-lead {color: #3c3c65; white-space: nowrap; padding: 5px 10px; display: inline-block; border-radius: 2px; border: 1px solid #3c3c65;}
#lead-table .view-lead:hover {text-decoration: none; background: #01a001; border-color: #01a001; color:#fff}

#lead-table .step td {padding: 5px 10px; font-weight:600; color:#fff; border-top: 1px solid #fff}
#lead-table .step-2 td {background: #82c182;}
#lead-table .step-1 td {background: #82c182;}

.lead-details-top {font-family: "aktiv-grotesk",sans-serif; margin-bottom: 20px; padding: 10px 0 20px; border-bottom: 1px solid #ccc}
.lead-details-top .lead-number {font-size: 18px}
.lead-details-top .leadOwner {padding:0 0 0 30px}
.lead-button {display: inline-block; border: 1px solid transparent; margin-left: 10px; padding: 5px 10px; border-radius: 2px}
.lead-button i {color: rgba(255,255,255,0.75);}
.lead-button.won:hover,
.lead-button.delete:hover,
.lead-button.status:hover {background: #ececec; text-decoration: none; border: 1px solid #ccc; color: #3c3c65}
.lead-button.won {background: #01a001; color:#fff}
.lead-button.delete {background: #e42f2f; color:#fff}
.lead-button.status {color:#3c3c65; border: 1px solid #3c3c65}

.follow-up-leads {margin-top: 26px}

#correspondence {padding: 7px 0 0 20px}
#correspondence * {box-sizing: border-box}
#correspondence h2 {font-size: 16px; margin: 0 0 30px}
#correspondence .header-link {color: #3c3c65;margin-top: -5px; padding: 5px 10px; display: inline-block; border-radius: 2px; border: 1px solid #3c3c65;}
#correspondence .header-link:hover {background: #3c3c65;color: #fff; text-decoration: none}
#correspondence .header-link:hover i {color:rgba(255,255,255,0.75)}
#correspondence .correspondence-list {position: relative; overflow: auto; padding: 10px 10px 10px 30px; margin-bottom: 5px; border-radius: 3px; border: 1px solid #ccc; background: #E8ECF0}
#correspondence .correspondence-list > i {position: absolute; top:13px; left: 10px; font-size: 12px}
#correspondence .correspondence-list > * {float: left; display: block}
#correspondence .correspondence-list > .correspondant {width:50%}
#correspondence .correspondence-list > .correspondant span {display: block}
#correspondence .correspondence-list > a {float: right}
#correspondence .correspondence-list a:hover {text-decoration: none}
#correspondence .correspondence-list .disable-booknow { position:absolute; bottom:.2em; right:.4em; font-size:.75em; text-align:right;}
#correspondence .correspondence-list .disable-booknow {line-height:1.4em;}

div.pac-container {min-width:40em;}

#apiResults tr.disabled {opacity:.5;}


@media screen and (max-width: 1375px) {
    .Sales-Tool .toggle-vehicle .vehicle-list .vehicle-container {width:12.5em}
    .Sales-Tool .toggle-vehicle .vehicle-list a img {display: none;}
    .Sales-Tool .toggle-vehicle .vehicle-list a span {line-height: 1.25em; white-space: normal;}
}