a, a:hover {
  color: red; }

@media (max-width: 979px) {
  .header .container {
    margin: 0;
    width: 100%;
    max-width: none;
    padding: 0 0 10px 0; }
    .header .container .navigation {
      margin: 0; }
      .header .container .navigation .mobile-logo {
        padding-bottom: 10px; } }

.dob {
  width: 250px;
  margin: auto; }
  .dob .TwoDigitTxt {
    width: 40px;
    margin-right: 0px; }
  .dob .FourDigitTxt {
    width: 60px; }
  .dob input {
    padding: 4px;
    height: 24px;
    display: inline-block !important; }

.updateContactDetails .inner, .loanIncomeVerification .inner, .thankYou .inner {
  background: #fff;
  border-radius: 20px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.22);
  margin: auto;
  padding: 20px;
  text-align: center;
  margin-top: 20px; }
  .updateContactDetails .inner .headerLogo, .loanIncomeVerification .inner .headerLogo, .thankYou .inner .headerLogo {
    max-width: 50%;
    margin: 0 auto 10px auto; }
  .updateContactDetails .inner .intro, .loanIncomeVerification .inner .intro, .thankYou .inner .intro {
    font-size: 14px;
    font-weight: bold; }
  .updateContactDetails .inner .verification div, .loanIncomeVerification .inner .verification div, .thankYou .inner .verification div {
    text-align: center; }
    .updateContactDetails .inner .verification div label, .loanIncomeVerification .inner .verification div label, .thankYou .inner .verification div label {
      display: block; }
    .updateContactDetails .inner .verification div input, .loanIncomeVerification .inner .verification div input, .thankYou .inner .verification div input {
      display: block;
      margin: auto;
      padding: 4px;
      height: 24px; }
    .updateContactDetails .inner .verification div #CaseNumber, .loanIncomeVerification .inner .verification div #CaseNumber, .thankYou .inner .verification div #CaseNumber {
      width: 98px;
      text-align: center;
      margin-bottom: 10px; }
    .updateContactDetails .inner .verification div #dob, .loanIncomeVerification .inner .verification div #dob, .thankYou .inner .verification div #dob {
      margin-bottom: 0;
      width: 98px;
      text-align: center; }
  .updateContactDetails .inner .pbrDataSourceRadios span, .loanIncomeVerification .inner .pbrDataSourceRadios span, .thankYou .inner .pbrDataSourceRadios span {
    display: inline-block; }
    .updateContactDetails .inner .pbrDataSourceRadios span input, .loanIncomeVerification .inner .pbrDataSourceRadios span input, .thankYou .inner .pbrDataSourceRadios span input {
      margin: -1px 5px 0 0;
      display: inline-block; }
    .updateContactDetails .inner .pbrDataSourceRadios span label, .loanIncomeVerification .inner .pbrDataSourceRadios span label, .thankYou .inner .pbrDataSourceRadios span label {
      display: inline-block; }
  .updateContactDetails .inner .field-validation-error, .loanIncomeVerification .inner .field-validation-error, .thankYou .inner .field-validation-error {
    display: block;
    color: red; }
  .updateContactDetails .inner button, .loanIncomeVerification .inner button, .thankYou .inner button {
    margin-top: 10px; }

.updateContactDetails .inner {
  width: auto; }
  @media only screen and (min-width: 768px) {
    .updateContactDetails .inner {
      width: 550px; } }
  .updateContactDetails .inner .row {
    margin: 10px auto 10px auto;
    width: auto; }
    @media only screen and (min-width: 768px) {
      .updateContactDetails .inner .row {
        width: 500px; } }
    .updateContactDetails .inner .row label {
      display: block;
      margin: 5px 0 2px 0; }
    .updateContactDetails .inner .row input[type='text'], .updateContactDetails .inner .row input[type='tel'] {
      margin-bottom: 0;
      height: 26px;
      width: 220px;
      display: inline-block; }
    .updateContactDetails .inner .row select {
      height: 26px;
      padding: 0;
      width: 220px; }

.loanIncomeVerification .inner {
  width: auto;
  max-width: 650px;
  text-align: center; }
  .loanIncomeVerification .inner .verification-loan-items {
    margin: 0 auto 0 auto; }
    @media only screen and (min-width: 768px) {
      .loanIncomeVerification .inner .verification-loan-items {
        width: 600px; } }
    .loanIncomeVerification .inner .verification-loan-items .verification-loan-item {
      margin-top: 20px; }
      .loanIncomeVerification .inner .verification-loan-items .verification-loan-item .title {
        text-align: left;
        margin: 0; }
      .loanIncomeVerification .inner .verification-loan-items .verification-loan-item .inputs {
        display: grid;
        grid-template-columns: 2fr 1fr; }
        .loanIncomeVerification .inner .verification-loan-items .verification-loan-item .inputs .employer-container {
          padding: 0 10px 10px 0; }
          .loanIncomeVerification .inner .verification-loan-items .verification-loan-item .inputs .employer-container .employerName {
            width: 100%; }
        .loanIncomeVerification .inner .verification-loan-items .verification-loan-item .inputs .income-container {
          padding: 0 10px 10px 0; }
          .loanIncomeVerification .inner .verification-loan-items .verification-loan-item .inputs .income-container .loanIncome {
            width: 100%; }
        .loanIncomeVerification .inner .verification-loan-items .verification-loan-item .inputs label {
          display: block;
          margin: 0;
          padding: 0;
          text-align: left;
          /*font-weight:bold;*/ }

.thankYou {
  width: auto;
  margin: 10px auto 10px auto; }
  @media only screen and (min-width: 768px) {
    .thankYou {
      width: 500px; } }

.topMargin {
  margin-top: 15px; }