/* ------------------------------------------------
This file is the 'skin' implementation for RouteOne
------------------------------------------------ */
.italic {
  font-style: italic;
}

.bordered {
  border: solid #ccc 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px #ccc;
  -moz-box-shadow: 0 1px 1px #ccc;
  box-shadow: 0 1px 1px #ccc;
  overflow: hidden;
}

.blueOverride {
  background-color: #1a75cf;
}

.whiteText {
  color: #ffffff !important;
}

.underline {
  border-bottom: 5px solid #efefef;
}

.underlineDark {
  border-bottom: 5px solid #ccc;
}

.ttSpacer {
  line-height: 3;
  margin-bottom: 15px;
}

table.ttSpacer,
table.FSSelectTable {
  border-radius: 4px;
}

.padBottom {
  padding-bottom: 10px;
}

.padLeft {
  padding-left: 20px;
}

.padTop {
  padding-top: 10px;
}

.padRight {
  padding-right: 20px;
}

.padMainContainer {
  padding: 20px;
}

.padHeader {
  padding: 20px 0 20px 20px;
}

.padPanelLeft {
  padding-left: 10px;
}

.padPanelRight {
  padding-right: 10px;
}

.padPanelTop {
  padding-top: 10px;
}

.padPanel {
  padding: 10px;
}

.padPanelBottom {
  padding-bottom: 10px;
}

.sideMargin {
  margin: 0 20px;
}

.sideIndent {
  margin: 0 10px;
}

table.contentwell,
tr.highlight,
div.highlight {
  background-color: #e8eff7;
  border-radius: 0 0 5px 5px;
}

a {
  color: #1561ac;
  text-decoration: none !important;
}

a[href^="javascript:expandCollapseMod("]:focus {
  border: solid 2px black;
}

a.app-wsc-toggle-button:focus {
  outline: 2px solid #092c4e;
  outline-offset: 2px;
}

.pageheader {
  color: #00662e;
}

td.pageheader {
  background-color: #339966;
}

.subheader,
.creditAppTable td span,
.creditAppTable td label {
  color: #1367b9;
}

td.subheader {
  background-color: #1a75cf;
}

.resultstxt {
  color: #000000;
}

.titlebar td {
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
}

table.titlebar {
  background-color: #1a75cf;
  border: none;
  border-radius: 5px 5px 0 0;
}

.tablehdr {
  color: #000;
  font-weight: bold;
}

.subheader {
  color: #1367b9;
}

.privacy-policy-subheader,
.cacpa-initial-disclosure-subheader {
  font-size: 13px;
}

.privacy-policy-container,
.cacpa-initial-disclosure-container {
  margin: 20px 0px 10px 15px;
}

.file-upload-message,
.cacpa-initial-disclosure-file-upload-message {
  margin-left: 10px;
  color: #c41a24;
  font-weight: bold;
  font-size: 13px;
}

.cacpa-initial-disclosure-file-delete-message {
  color: #c41a24;
  font-weight: bold;
  font-size: 13px;
}

.cacpa-delete-file {
  margin-left: 10px;
}

.privacy-policy__includePN td:nth-child(1) {
  width: 7%;
}

.privacy-policy__includePN td:nth-child(2) {
  width: 93%;
}

.privacy-policy__eSign td:nth-child(1) {
  width: 5%;
}

.privacy-policy__eSign td:nth-child(2) {
  width: 95%;
}

table.FSSelectTable td {
  padding-left: 10px;
}

table.FSSelectTable .fsSelect {
  padding-top: 5px;
}

/* ---------------------------------------------
This field specifies the color for the top tab
This color should be the same as the subheader as 
defined in the specs
----------------------------------------------- */

a.toptab,
a.toptab:hover {
  color: #114786;
}

/* ---------------------------------------------------
These are used for the new R1 Menus - captives color choices
--------------------------------------------------*/

#mainMenu div {
  background-color: #e8eff7;
}

#mainMenu a {
  color: #000000;
}

.routeone-navigation-tabs {
  background-image: url("/casstatic/staticweb/images/shared/squairy_light.png");
}

.subMenu a {
  color: #000000;
}

.routeone-navigation-tabs a:hover {
  background-color: transparent;
}

/* ---------------------------------------------------
These are used for the new Deal Manager per Release 5.4
--------------------------------------------------*/
.topheader,
.topheader a {
  background-color: #1a75cf;
  color: #ffffff;
}

.contentBorder {
  border-bottom: 2px solid #114786;
}

.contentEvenColor {
  background-color: #e8eff7;
}

.padheader {
  padding: 10px 0;
}

/* THESE SHOULD NOT BE HERE - REFACTOR */
#payment-info-invoice tr td {
  color: #114786;
}

#payment-info-invoice,
#xrd-info-invoice .invoice-header {
  text-decoration: underline;
}

#payment-info-invoice {
  margin-left: 70px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#payment-info-invoice tr td {
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}

/* New Containers */
div.contentwell {
  background-color: #e8eff7;
  border-radius: 0 0 5px 5px;
}

div.nextsteps {
  background-color: #e3f8ec;
  border: none;
}

table.nextsteps {
  margin-top: 20px;
}

div.titlebar,
div.headerbar,
thead.headerbar {
  background-color: #1a75cf;
  border-radius: 5px 5px 0 0;
  color: #fff;
  height: 30px;
  clear: both;
}

.titlebar {
  color: #ffffff;
}

.dropdownWidth {
  width: 200px;
}

.txtFieldWidth {
  width: 40px;
}

.txtFieldWidthTwo {
  width: 50px;
}

#xrd-info-invoice tr td {
  padding-right: 20px;
}

.xrd-billing-product-info,
#editButton {
    padding-left: 3%;
    padding-right: 7%;
}

.xrd-billing-product-info td {
  padding-bottom: 5px;
}

#xrdInstallGuide {
  color: #1a75cf;
  padding-left: 15px;
}

.billing-info-title {
  font-weight: bold;
}

.find-out-more-link {
  font-weight: bold;
}

.learn-more-link {
  color: #1367b9 !important;
  font-weight: bold;
}

.subscription-img {
  width: 100%;
}

.contractTerms_CommentsOther {
  clear: both;
  height: 40px;
  margin: 0;
  padding: 0;
  width: 100%;
}

.xrdProductConfigButton {
  width: 130px;
}

a#contractTermsAdditional,
.tabLeft {
  margin-left: 10px;
}

Form[name="DealManagerSearchForm"] table.contentwell,
.topMargin20 {
  margin-top: 20px;
}

.creditAppTable,
div#contractTypeDiv_titlebar,
#missingReqs {
  margin-top: 10px;
}

#LMTable td {
  padding-left: 10px;
}

table.draftContractTable > tr,
table.contractTableHeader > tr {
  height: 30px;
}

div#worksheetCommonHeaderDiv,
div#contractTypeDiv,
div#buyerCoBuyerDiv,
div#vehicleDiv,
div#pricingDiv,
div#downPaymentDiv,
div#feesAndTaxesDiv,
div#otherChargesInsuranceWarrantyDiv,
div#summaryDiv,
div#paymentScheduleDiv,
div#programsAndRatesDiv,
div#sellingPriceDiv,
div#insuranceVerificationDiv,
div#additionalInformationDiv {
  margin-top: -4px;
}

div#coappReadEditCA {
  margin-left: -15px;
}

#alimonyDisclosure {
  background-color: #ffffff;
  margin: 0 0 10px 0;
  padding: 2px 5px;
}

#caInfoContainer {
  background-color: #ffffff;
  float: right;
  padding: 5px;
  text-align: right;
}

#ascDealTable td {
  padding-left: 10px;
}

.prevAVs td {
  padding-left: 9px;
}

/************************************************************************/
/* These styles will only affect the printed layout (see print preview) */
/************************************************************************/
@media print {
  .prevAVs td {
    padding-left: 9px;
  }
}

.creditReportsPageChangeMessage {
  float: right;
  margin-right: 10px;
  text-align: right;
}

.creditReportsPageChangeMessage a {
  color: #d83100 !important;
}

.creditReportsPageChangeMessage a:hover {
  color: #d83100 !important;
  text-decoration: underline;
}

#businessOwner_share_label {
  color: #1367b9;
}

.dropdown .dropdown-toggle .glyphColor {
  color: #1a55cf;
}

.dropdown .dropdown-menu .textcolor {
  color: #2f69cf;
  background-color: #ffffff;
}

.dropdown .dropdown-menu .textcolor:hover {
  color: #2f69cf;
  background-color: #f5f5f5;
}

th.table-headercolor {
  background-color: #1a75cf;
}

th.subheader {
  background-color: #1a75cf;
}

.text-spacing {
  display: inline-block;
  word-spacing: 3px;
  padding: 2px 12px;
}

a.colorContrast:hover,
a.colorContrast:focus,
span#dealerName > a:hover,
span#dealerName > a:focus {
  color: #13579b !important;
  background-color: #fff;
}

a.underlinedLink:hover {
  text-decoration: underline;
}

/* Bootstrap 5 Migration Fixes - Navigation Styles */
.nav li a {
  color: #333;
  white-space: nowrap;
}

.nav li a:hover {
  text-decoration: none;
}

.nav .app-top-level-navigation a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-right: 2px;
}

#main-navbar li.dropdown:hover > ul.dropdown-menu {
  box-shadow: 0 16px 16px rgba(0, 0, 0, 0.15);
}

#main-navbar>li.app-top-level-navigation:not(.active)>a {
  color: #1561ac;
}

li.app-top-level-navigation.dropdown.active a {
    color: #555;
}

#main-navbar li.app-top-level-navigation a:hover {
  background: #eee;
}

.last-login-container {
  width: auto;
}

#dealerName {
  line-height: 1em;
}

.searchContainer {
  max-width: none;
}

.searchContainer .subheader {
  font-size: 12px;
}

#quicksearchFieldValue {
    line-height: 1.6em;
}

#quickSearchFieldValueTwo {
    line-height: 1.6em;
}
