/*-----------------------------*\
  Financing calc stylesheet
  adapted for v2 styles
  ver: 2024-03-14
\*-----------------------------*/
.tabs input:hover,
.ui-slider .ui-slider-handle:hover,
/* form .formRow input:hover, */
form button:hover {
  cursor: pointer;
}
*,
body * {
  box-sizing: border-box;
}
* {
  padding: 0;
  margin: 0;
}
.defInput,
.smlInput {
  background-color: #fff;
  padding: 10px;
}
h4 {
  font-size: 20px;
  margin-top: 15px;
}
.defInput,
.slider span,
.smlInput,
.tabs label,
body,
form button {
  font-size: 18px;
}
.smlInput {
  width: 150px;
  border: 1px solid rgba(128, 128, 128, 0.5);
  border-radius: 7px;
  text-align: center;
  margin: 15px 0;
}
.defInput {
  width: 100%;
  border: 1px solid rgba(128, 128, 128, 0.5);
  border-radius: 2px;
}
.defInput:hover {
  cursor: pointer;
  border: 1px solid rgba(128, 128, 128, 1);
}
.ui-slider .ui-slider-handle {
  background-color: #303a40 !important;
  border-radius: 50%;
  height: 1.4em !important;
  width: 1.4em !important;
  outline: 0;
}
.makeCenter {
  display: block;
  text-align: center;
}
.row,
.slider div,
.slider span {
  display: inline-block;
}
.slider div {
  width: 100%;
  margin-top: 20px;
}
.slider input {
  border: 1px solid rgba(128, 128, 128, 0.5);
  border-radius: 7px;
}
#AdvanceSliderMax,
#endPaymentSliderMax {
  float: right;
  width: 100px;
}
#AdvanceSliderMin,
#endPaymentSliderMin {
  float: left;
  width: 100px;
}
.rightCell,
.titleWithImage h1 {
  float: right;
}
#carAdvancePrice,
#carEndPaymentPrice {
  position: relative;
  bottom: 5px;
  margin: 0;
}
.pright {
  text-align: right;
}
.pleft {
  text-align: left;
}
#carPriceSection,
.sectionChooseMonths,
.sectionMonthlyPayment,
.tabs,
.tabs h4 {
  text-align: center;
}
.item:nth-child(9) > h4 {
  margin-bottom: 20px;
}
.tabs {
  margin-top: 50px;
}
.tabs,
.tabs h4 {
  display: block;
  margin: 10px auto 0;
}
.tabs input {
  display: none;
}
#carPriceSection > :nth-child(1),
.sectionChooseMonths > :nth-child(1),
.sectionMonthlyPayment > :nth-child(1) {
  text-align: right;
  margin: 0 auto 25px;
}
#financingCalcForm {
  margin-top: 0;
}
.item.makeCenter.sectionCenter h4 {
  margin: 0 0 10px;
}
.item.printHide h4 {
  margin: 50px 0;
}
#carPriceSection > :nth-child(2),
#monthlyPay,
.monthSelect {
  width: 30%;
  margin: 0 auto 25px;
}
.tabs label {
  display: inline-block;
  padding: 12px;
  font-weight: bolder;
  border-bottom: #ccc 2px solid;
}
.forms .redAlert,
.forms label,
.forms label span,
.userFeedback > div {
  font-weight: 700;
}
table {
  background-color: #f1f1f1;
  width: 100%;
  margin: 0 auto;
  text-align: right;
  border-collapse: collapse;
  box-shadow: -1px 5px 30px 0 rgba(32, 34, 39, 0.2);
}
.btnLink,
.userFeedback,
form h4 {
  text-align: center;
}
table,
td,
th {
  border: 1px solid #fff;
}
table td {
  padding: 5px;
}
.sectionCenter {
  width: 95%;
  margin: 25px auto 0;
}
form h4 {
  margin: 30px 0;
}
form textarea {
  max-height: 200px;
}
form .formRow.okBtn {
  text-align: center;
  margin-top: 20px;
}
form .formRow > .defInput {
  margin-bottom: 46px;
}
form button {
  padding: 12px 26px;
  background: #303a40;
  color: #fff;
  border: none;
  border-radius: 5px;
  margin: 16px 0;
}
.financingCondContent ul li {
  margin: 10px 0;
  color: #1b1b1b;
}

body * {
  margin: 0;
  padding: 0;
}
.userFeedback {
  width: auto;
  margin-top: 20px;
  margin-right: 20px;
}
.userFeedback > div {
  display: inline-block;
  padding: 20px;
  font-size: 16px;
}
.forms .redAlert,
.forms .spacer {
  font-size: 14px;
  display: inline-block;
  width: auto;
}
.forms .redAlert {
  color: red;
}
.forms label {
  padding-top: 7px;
  margin-bottom: 5px;
}
.forms input[type="text"] {
  width: 100%;
  height: 43px;
  border: 1px solid #bdbfc0;
  border-radius: 2px;
  color: #1e2a32;
  padding: 7px 6px 9px 16px;
}
.forms select {
  width: 100%;
  height: 43px;
  border: 1px solid #bdbfc0;
  border-radius: 2px;
  color: #1e2a32;
  padding: 7px 6px 9px 16px;
  background-color: #fff;
  font-size: 18px;
}
.forms input[type="checkbox"] {
  transform: scale(1.5);
  margin: 0 5px;
}
.forms input[type="submit"] {
  padding: 12px 16px;
  font-size: 18px;
  /* line-height: 1.33; */
  border: none;
  /* border-radius: 6px; */
  color: #fff;
  background: #303a40;
  /* font-weight: 700; */
  cursor: pointer;
}
.btn,
.btnSmall {
  border: none;
  cursor: pointer;
}
#carImage,
#trimImage {
  display: block;
  width: auto;
  height: 80px;
  margin-bottom: 20px;
}
.btnLink,
.rowCell {
  display: inline-block;
}
.greyStyleSelect {
  background-image: linear-gradient(to bottom, #f4f4f5 0, #d2d4d6 100%);
}
.btn {
  padding: 12px 16px;
  font-size: 18px;
  line-height: 1.33;
  /* border-radius: 6px; */
  color: #fff;
  background: #303a40;
  font-weight: 700;
}
.btnLink,
.btnSmall {
  padding: 12px 16px;
  font-size: 12px;
  color: #fff;
  background: #303a40;
  font-weight: 700;
}
.btnSmall {
  border-radius: 6px;
}
.btnLink {
  margin: 0;
  border: none;
  border-radius: 6px;
  text-decoration: none;
}
.tables tr td,
.tables tr th {
  padding-bottom: 10px;
}
.tables tr,
.tables tr th {
  text-align: right;
}
.financingCondLink,
.printPlanBtn span,
.privacyStatementLink,
.testDriveCondLink {
  text-decoration: underline;
}
.formContainers {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.forms {
  width: 95%;
  margin: 30px auto;
}
.tableContainers {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.tables {
  width: 95%;
  margin: 30px auto;
}
.tables td .fa span {
  font-weight: 700;
}
#recallResultsContainer ul {
  list-style-type: none;
}
#printFormContainer ul li {
  margin: 7px 0;
}
.disabled,
.disabledSelect {
  background-color: #f1f1f1 !important;
}
.forceLeftAlign {
  text-align: left;
}
.forceCenterAlign {
  text-align: center;
}
.titleWithImage {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.titleWithImage img {
  float: right;
  max-width: 250px !important;
  padding-top: 7px;
  padding-right: 7px;
}
.formRow {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}
.rowCell {
  width: 47%;
  margin-bottom: 20px;
  padding: 0 10px;
}
.leftCell {
  float: left;
}
.oneThird {
  width: 30%;
  max-width: 33.33%;
}
.twoThirds {
  width: 60%;
  max-width: 66.67%;
}
#msgText,
.wideCell {
  width: 100%;
}
.rightThird {
  float: right;
}
.middleThird {
  margin: 0 5%;
}
.leftThird {
  float: left;
}
.wideCell {
  margin-bottom: 20px;
  display: block;
}
.financingCondLink,
.printPlanBtn,
.privacyStatementLink,
.testDriveCondLink {
  margin: 20px 0;
  color: #303a40;
  cursor: pointer;
}
.privacyStatementContent,
.testDriveCondContent {
  width: auto !important;
  border: 1px solid #1e2a32;
  font-size: 0.83em;
  padding: 0.5em;
}
.privacyStatementLink {
  font-size: 0.83em;
}
.testDriveCondLink {
  font-size: 0.83em;
}
.printPlanBtn {
  width: 40%;
  text-align: left;
  font-size: 0.83em;
  float: right;
  border: none;
  background-color: #fff;
  font-weight: 700;
}
.financingCondLink {
  width: 45%;
  font-size: 0.83em;
  float: right;
}
.financingCondContent {
  width: auto !important;
  font-size: 0.83em;
  padding: 0.5em;
  float: right;
}
.seesAdsCell {
  width: auto;
}
.seesAdsCell > * {
  width: auto;
  display: inline-block;
}
.formRow.lineRow,
.formRow.lineRow > * {
  width: auto !important;
}
.buttonCell {
  margin-top: 18px;
  display: inline-block;
  text-align: center;
}
.buttonCell span.redAlert {
  display: block;
  margin-top: 10px;
}
.rightButtonCell {
  margin-top: 85px;
  display: inline-block;
  text-align: right;
  padding-right: 50px;
}
.rightButtonCell span.redAlert {
  display: block;
  margin-top: 10px;
}
.textAlignCenter {
  text-align: center;
}
.formRow.lineRow {
  max-width: auto !important;
  overflow: hidden;
  margin-bottom: 20px;
}
#carNumLabel {
  margin-left: 20px;
}
#carNumLeft,
#carNumMiddle,
#carNumRight {
  font-size: 18px;
  text-align: center;
  padding: 0 4px;
}
#btnSearchRecall {
  padding: 8px 12px;
  font-size: 14px;
  margin-right: 20px;
}
#calcPageContainer {
  /* margin-top: 20px; */
  padding-top:100px;
}
#calcPageContainer > div {
  width: 48%;
  margin: 20px 0;
}
#calcPageRightMobileTop {
  float: right;
  width: 95%;
  margin: 0 auto;
  clear: right;
}
#rightHolder {
  clear: both;
  float: right;
  width: 95%;
  border: 1px solid #ddd;
  padding: 20px 0;
  border-radius: 3px;
}
#calcPageRightMobileBottom {
  float: right;
  width: 95%;
  padding: 0 10px;
  position: relative;
  top: 200px;
}
.sideBySide {
  display: inline-block;
  text-align: right;
}
.sideBySide > :nth-child(1) {
  margin-left: 10px;
}
.sideBySide > :nth-child(2) {
  margin-right: 10px;
}
.item {
  margin: 0 auto 20px;
}
#financingCalcTosContainer div div ul {
  text-align: right;
  padding-right: 1em;
}
.currSelectedPlan {
  background-color: rgba(204, 204, 204, 0.5);
  border: 1px solid rgba(128, 128, 128, 0.5);
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
}
table.calcDataTable tbody tr td.dataTd {
  padding: 0;
}
table.calcDataTable tbody tr td.dataTd input {
  width: 100%;
  margin: 0;
  padding: 5px;
  text-align: right;
  border: none;
  background-color: #f1f1f1;
}
#loanOptionsTitle {
  display: none;
}
#AdvanceSlider,
#endPaymentSlider {
  background-color: rgba(32, 34, 39, 0.1);
}
.no-copy label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.more-info i {
  font-size: 0.75em;
  position: relative;
  color: #1c2830;
}
#TOS h5 {
  text-align: right;
  font-size: 1em;
}
.privacy-statement {
  width:100%;
}
.privacy-statement h3{
  width:100%;
  text-decoration: none;
  font-size:1rem;
  cursor:default;
}
.privacy-statement a{
  text-decoration: underline;
  font-weight: 500;
  color:black;
}

#dialog,
#overlay {
  display: none;
  position: fixed;
  left: 0;
}
#dialog {
  top: 200px;
  margin-left: auto;
  margin-right: auto;
  right: 0;
  direction: rtl;
  background-color: #f5f5f5;
  max-width: 450px;
  text-align: center;
  padding: 15px;
  z-index: 1000;
  border-radius: 10px;
  color: #0074b6;
  box-shadow: 0 1px 30px #081229;
}
#dialog button,
#dialog button#dialogNo,
#dialog button#dialogYes {
  border: none;
  outline: 0;
  padding: 10px 20px;
  margin: 5px 20px;
  color: #f5f5f5;
}
#dialog h2 {
  font-size: 2em;
}
#dialog p {
  font-size: 1.7em;
}
#dialog button {
  border-radius: 5px;
}
#dialog button#dialogNo:hover,
#dialog button#dialogYes:hover,
#dialog button:hover {
  cursor: pointer;
  box-shadow: 0 1px 20px #081229;
}
#dialog button#dialogNo,
#dialog button#dialogYes {
  background-color: #303a40;
  border-radius: 5px;
}
#overlay {
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
}
#clickMe {
  width: 100px;
  height: 50px;
  background: rgba(25, 85, 162, 0.83);
  border: none;
  box-shadow: 1px 1px 30px #ddd;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 100px;
}
.financingCondContent h6 {
  margin-top: 10px;
  text-align: right !important;
  font-size: 1em;
  font-weight: 400;
}
/* #toyotaLogo {
  float: left;
} */
#toyotaLogo img {
  display: none !important;
}

@media only screen and (max-width: 980px) {
  * {
    max-width: 100%;
  }
  body {
    overflow-x: hidden;
  }
  #calcPageContainer > div {
    width: 90%;
    display: block;
    margin: 0 auto !important;
  }
  .rowCell,
  .rowCell * {
    width: 100%;
  }
  .rowCell {
    margin-bottom: 0 !important;
  }
  .rowCell > h5 {
    margin-bottom: 20px !important;
  }
  .oneThird,
  .twoThirds {
    max-width: 100% !important;
  }
  .middleThird {
    margin: 0 !important;
  }
  .innerText,
  .rightButtonCell,
  .seesAdsCell {
    margin-bottom: 20px !important;
  }
  .seesAdsCell * {
    width: auto !important;
  }
  .seesAdsCell label {
    display: inline;
  }
  #trimImage,
  .hiddenOnMobile {
    display: none;
  }
  .rightButtonCell {
    margin-top: 18px !important;
    padding: 0;
  }
  #carImage {
    width: 100%;
    height: auto;
  }
  .titleWithImage * {
    width: auto;
    text-align: center;
  }
  #calcPageRightMobileTop,
  #rightHolder {
    float: none;
  }
  #calcPageRightMobileBottom {
    top: 50px;
    float: none;
  }
  .printPlanBtn {
    width: 40% !important;
  }
  .printPlanBtn * {
    width: 50% !important;
  }
  .financingCondLink {
    width: 40% !important;
  }
  #submitForm {
    width: 80%;
  }
}

@media only screen and (max-width: 765px) {
  .slider div {
    margin-top: 15px;
  }
  #carAdvancePrice,
  #carEndPaymentPrice {
    padding: 7px 0;
  }
  #AdvanceSliderMax,
  #endPaymentSliderMax {
    width: auto;
  }
  #AdvanceSliderMin,
  #endPaymentSliderMin {
    width: 70px;
  }
  .privacy-statement {
    width:94%;
    margin:0 auto;
  }
}

@media print {
  body,
  html {
    padding: 0 !important;
    margin: 0 !important;
    height: 100%;
    overflow: hidden !important;
  }
  .sideBarWrapper,
  .nav {
    display: none !important;
  }
  #calcPageContainer {
    padding-top: 0 !important;
  }
  #calcPageContainer > div {
    width: 100%;
    margin: 0;
  }
  #calcPageRightMobileTop,
  #financingCalcForm {
    position: relative;
    bottom: 40px;
  }
  #calcTitle {
    overflow: hidden;
  }
  .titleWithImage {
    width: 80%;
    text-align:right;
  }
  .titleWithImage img {
    width:200px;
  }
  #toyotaLogo {
    float: left;
  }
  #toyotaLogo img {
    display: block !important;
  }
  #carImage {
    width: 150px;
    height: auto;
    margin:0;
  }
  #calcPageLeftMobileMiddle,
  .printHide {
    display: none;
  }
  .item.formRow {
    overflow: initial;
  }
  #rightHolder {
    border: none;
  }
  #calcPageRightMobileBottom {
    position: inherit;
    border: none;
    box-shadow: none;
  }
  #calcPageRightMobileTop .forms .rowCell {
    width: auto;
  }
  #calcPageRightMobileTop .forms .formRow .rightCell label {
    float: right;
    line-height: 27px;
    display: none;
  }
  #calcPageRightMobileTop .forms .formRow .rightCell #modelSelect,
  #calcPageRightMobileTop .forms .formRow .rightCell #trimSelect {
    display: inline-block;
    float: right;
    width: auto;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    right: 15px;
    font-weight: 700;
  }
  select::-ms-expand {
    display: none;
  }
  .makeCenter h4 {
    text-align: right;
  }
  #calcPageRightMobileTop .forms .formRow .rightCell img {
    /* float: left; */
    position: relative;
    bottom: 20px;
    right: 20px;
  }
  #TOS .financingCondContent {
    display: block !important;
    width: 70%;
    float: right;
    position: relative;
    right: 20px;
    font-size: 0.7em;
  }
  #TOS .financingCondContent ul li {
    margin: 5px 0;
  }
  #TOS h5 {
    margin-right: 15px;
    margin-bottom: 10px;
    text-decoration: underline;
  }
  .forms {
    margin: 0;
  }
  .formContainers {
    max-width: 100%;
  }
  table {
    margin: 0;
    border: none;
    box-shadow: none;
    max-width: 70%;
  }
  .item,
  .rowCell {
    margin: 0;
    position: relative;
    right: 20px;
  }
  .modelImage{
    margin:0 !important;
  }
  select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
    height:26px !important;
    padding:0 !important;
    border: none !important;
  }
  #model_selector{
    margin: 0 !important;
  }
  /* .sectionCenter{
    margin:0;
  } */
  .item.makeCenter.sectionCenter{
    margin-right:18px !important;
  }
  .item.makeCenter.sectionCenter h4{
    margin:0 !important;
    font-size:16px;
  }
  input[type="text"]{
    height: 30px !important;
  }
  .calcDataTable tbody tr td, .calcDataTable td input{
    padding:0 !important;
    font-size:14px !important;
  }
  .financingCondContent{
    width:98% !important;
  }
  .financingCondContent h5, .financingCondContent h6{
      margin-right: 20px !important;
  }
  .financingCondContent ul li{
      margin:0 !important;
      margin-right:18px !important;
      font-size: 12px !important;
  }
  .privacy{
    display: none !important;
  }
  #popupVSButton{
    display: none !important;
  }
  #glassix-whatsapp-widget-container{
    display:none;
  }
  .bottom-call-btn{
    display: none;
  }
}