@charset "UTF-8";
/* Landlord Signup Page */
/* Marketing - Common styles */
/* Landing - Common styles */
/* DO NOT EDIT THIS FILE. */
/* IS IS COPIED FROM OMEGA_LAYOUT DUE TO STUPID ASSUMPTIONS BY THE DART SASS PEOPLE... */
/* General */
/* Menu */
/* Topbar */
/* GreenButton */
/* YellowButton */
/* RedButton */
/* greyButton */
/* BlackButton */
/* BlueButton */
/* AquaButton */
/* NavyButton */
/* DO NOT EDIT THIS FILE. */
/* IS IS COPIED FROM OMEGA_LAYOUT DUE TO STUPID ASSUMPTIONS BY THE DART SASS PEOPLE... */
/* General */
/* Menu */
/* Topbar */
/* GreenButton */
/* YellowButton */
/* RedButton */
/* greyButton */
/* BlackButton */
/* BlueButton */
/* AquaButton */
/* NavyButton */
html {
  font-family: "Arial", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
html .exception-body, html .landing-body, html .login-body, html .main-body, html .ui-widget {
  font-family: "Arial", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

html, body {
  overscroll-behavior-y: none;
}

@media (max-width: 640px) {
  .wrapper .main {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .wrapper .main .ui-accordion .ui-accordion-content {
    padding: 0.5em;
  }
  .wrapper .main .ui-panel .ui-panel-content {
    padding: 0.5em;
  }
}
.landing-wrapper .landing-header {
  background-color: white;
}
.landing-wrapper .landing-header .landing-header-content ul li a {
  color: #6E6E6E;
}
.landing-wrapper .landing-header .landing-header-content {
  padding-top: 20px;
}
.landing-wrapper .landing-header .landing-header-content #menu {
  margin-top: 10px;
}
.landing-wrapper .landing-header .landing-header-content #SMRphone {
  padding-left: 20px;
  color: #6E6E6E;
  font-weight: bold;
}
.landing-wrapper .landing-header .landing-header-content .stackedButtons {
  position: relative;
}
.landing-wrapper .landing-header .landing-header-content .stackedButtons:not(.overlay-menu *) {
  top: -20px;
}
.landing-wrapper .landing-header .landing-header-content .notDropdown {
  font-size: 16px;
  font-weight: bold;
}
.landing-wrapper .landing-header .landing-header-content .notDropdownSignupButton {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: white;
  background-color: #2998D6;
  border: 1px solid #1f89ce;
}
.landing-wrapper .landing-header .landing-header-content .notDropdownSignupButton:hover {
  color: white;
  border-color: #156090;
  background-color: #0388E5;
}
.landing-wrapper .landing-header .landing-header-content .notDropdownSigninButton {
  display: block;
  margin-top: 0.25em;
  font-size: 16px;
  font-weight: bold;
  color: #2998D6;
  background-color: white;
  border: 1px solid #1f89ce;
}
.landing-wrapper .landing-header .landing-header-content .notDropdownSigninButton:hover {
  color: white;
  border-color: #156090;
  background-color: #0388E5;
}
.landing-wrapper .landing-header #menu-button {
  color: #2998D6;
}

/****************************
          SECTIONS
 ****************************/
.section {
  padding: 100px 0 1em 0;
  /* Page titles */
  /* Section titles */
}
.section .section-content {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
.section h1 {
  text-align: center;
}
.section h2 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 0.5em;
}

/****************************
          FOOTER
****************************/
.landing-footer .landing-footer-content {
  color: #a4a4a4;
  font-weight: bold;
}
.landing-footer .landing-footer-content a:-webkit-any-link {
  color: #a4a4a4;
  font-weight: bold;
}
.landing-footer .landing-footer-content .SMRContact {
  padding-right: 1em;
}
.landing-footer .landing-footer-content .footer-top #bugs {
  text-align: center;
}
.landing-footer .landing-footer-content .footer-top #bugs #bbb {
  padding-top: 25px;
}
.landing-footer .landing-footer-content .footer-top #SMRLink {
  color: #a4a4a4;
  font-weight: bold;
}
.landing-footer .landing-footer-content .footer-top .bugBox #linkedIn {
  padding-left: 25px;
  padding-bottom: 10px;
}
.landing-footer .landing-footer-content .footer-top .bugBox #sourceForge {
  padding-left: 20px;
  width: 100px;
}
.landing-footer .landing-footer-content .footer-top .footerLinks {
  color: #a4a4a4;
  font-weight: bold;
}
.landing-footer .landing-footer-content .footer-top .footerLinks .linkBlock {
  display: block;
  margin-bottom: 1em;
}
.landing-footer .landing-footer-content .footer-top .footerLinks .footerComment {
  text-align: center;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 0em;
  font-size: 18px;
}

/*=============================================================================================
               MOBILE Phone (Portrait)
  ============================================================================================*/
@media (max-width: 64em) {
  /****************************
          SECTIONS
   ****************************/
  .section .section-content {
    width: 100%;
  }
  .section .section-content .mobile-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
  .section .section-content #SMRLink {
    color: #a4a4a4;
    font-weight: bold;
  }

  .landing-footer .landing-footer-content .footer-top #linkedIn {
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 2em;
  }
  .landing-footer .landing-footer-content .footer-top #linkedIn .policyLinks {
    color: #a4a4a4;
    font-weight: bold;
  }
}
@media (max-height: 450px) {
  .overlay-menu .dropdown-content {
    height: 100px;
  }
}
/*=============================================================================================
  Dropdown Menu
  SEE: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown
  ============================================================================================*/
.dropdown .dropdown-button {
  background-color: white;
  color: #6E6E6E;
  padding: 7px 14px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  position: relative;
  top: -8px;
}
.dropdown .dropdown-button:hover, .dropdown .dropdown-button:focus {
  background-color: grey;
  color: white;
}
.dropdown .dropdown {
  position: relative;
  display: inline-block;
}
.dropdown .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  color: black;
  font-size: 18px;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown .dropdown a:hover {
  background-color: #ddd;
}
.dropdown .show {
  display: block;
}

/*=============================================================================================
  PHONES - Pop-up dialogs when the screen is less than 500x500 should fill the screen.
  ============================================================================================*/
/*=============================================================================================
  TABLETS/DESKTOP - Pop-up dialogs when the screen is greater than 500x500 should be centered.
  ============================================================================================*/
/****************************
          COMMON
 ****************************/
/* Check mark list-item prefix with correctly aligned wrapped text.
 * See: https://stackoverflow.com/questions/8140875/prevent-wrapping-of-content-around-before-selector-content
 * See: https://jsfiddle.net/bwwsV/1/ 
 */
.landing-wrapper {
  /****************************
           OVERLAY MENU
     ****************************/
}
.landing-wrapper .landing-header .landing-header-content ul.overlay-menu {
  background-color: white;
}
.landing-wrapper .landing-header {
  background-color: white;
}
.landing-wrapper .landing-header .landing-header-content ul li a {
  color: #6E6E6E;
}
.landing-wrapper .landing-header #menu-button {
  color: #2998D6;
}

.check-dot {
  padding-left: 0em;
}
.check-dot li {
  list-style-type: none;
  padding-left: 1.2em;
  position: relative;
  padding-bottom: 0.25em;
}
.check-dot li:before {
  font-family: "FontAwesome";
  content: "";
  color: #00b300;
  position: absolute;
  left: 0em;
}

.underline {
  text-decoration: underline;
}

.nextPage {
  text-align: right;
}

/* CSS trick from: https://stackoverflow.com/questions/9994493/scale-image-to-fit-a-bounding-box/10016640#10016640 */
.scaledImageBox {
  text-align: center;
  vertical-align: middle;
  height: 250px;
}
.scaledImageBox > div {
  height: 100%;
}
.scaledImageBox > div > img {
  max-width: 10%;
  max-height: 10%;
  transform: scale(10);
  position: relative;
  /* margin-top: 50%; */
  transform-origin: top;
}

/* Zoom in on an image during hover */
.hoverZoom img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.hoverZoom img:hover {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

/* Link styled like omega p:button. */
.linkButton {
  color: white;
  background: #0388e5;
  border: 1px solid #1f89ce;
  padding: 0.5em 1em;
  margin: 1em;
  display: inline-block;
  font-weight: bold;
  border-radius: 3px;
  text-decoration: none;
  text-align: center;
}

.linkButton:hover {
  border-color: #156090;
}

/****************************
          SECTIONS
 ****************************/
.section {
  padding: 100px 0 1em 0;
  /* Page titles */
  /* Section titles */
}
.section .section-content {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
.section h1 {
  text-align: center;
}
.section h2 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 0.5em;
}

/****************************
	          FOOTER
****************************/
.landing-wrapper .landing-footer {
  background-color: #3E3E3E;
}
.landing-wrapper .landing-footer .landing-footer-content {
  background-color: #3E3E3E;
  color: #a4a4a4;
}
.landing-wrapper .landing-footer .landing-footer-content ul {
  width: 120px;
}

/*=============================================================================================
               MOBILE
  ============================================================================================*/
@media (max-width: 64em) {
  /****************************
        COMMON
   ****************************/
  .scaledImageBox {
    height: auto;
  }
  .scaledImageBox > div {
    height: 100%;
  }
  .scaledImageBox > div > img {
    max-width: 50%;
    max-height: inherit;
    transform: inherit;
    position: inherit;
    margin-top: inherit;
  }

  /****************************
          SECTIONS
   ****************************/
  .section .section-content {
    width: 100%;
  }
  .section .section-content .mobile-padding {
    padding-left: 10px;
    padding-right: 10px;
  }

  /****************************
            FOOTER
  ****************************/
  .landing-wrapper .landing-footer {
    background-color: #3E3E3E;
  }
  .landing-wrapper .landing-footer .landing-footer-content {
    background-color: #3E3E3E;
    color: #a4a4a4;
  }
  .landing-wrapper .landing-footer .landing-footer-content ul {
    width: 120px;
  }
}
/* Labels on separate line */
label {
  display: block;
}

/* Check mark color. */
.ui-icon-check {
  color: #fff;
}

/* Space between groups of fields (label, input, description, error message) */
.inputBlock {
  margin-bottom: 1.5em;
}

/* Sub Labels on separate line */
.subLabel {
  display: block;
}

/* Darker labels. */
.boldLabel {
  font-weight: bold;
}

/* Start section. */
.startSection {
  margin-top: 2em;
}

/* Still need some that are inline. */
.inlineLabel {
  display: inline;
}

/* Inline checkbox (with label on right)*/
.inlineCheckBox {
  display: flex;
}
.inlineCheckBox .box {
  display: inline-block;
}
.inlineCheckBox .label {
  display: inline-block;
  padding-left: 0.5em;
}

/* Inline menu items, makes text centered on menu box. */
.inlineMenu {
  vertical-align: middle;
}

/* Vertical align to top of line. */
.topAlign {
  vertical-align: top;
}

/* Left aligned table headers. */
.leftHeader > div > table > thead > tr > th {
  text-align: left;
}

/* Radio buttons should be at the top when placed in a grid. */
.radioButtonBlock {
  vertical-align: top;
}

/* Descriptive text below inputs. */
.description {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

/* Descriptive text below inputs. (smaller) */
.descriptionSmall {
  width: 80%;
  font-size: smaller;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

/* Deleted items, get strike out. */
.deleted {
  text-decoration: line-through;
}
.deleted .ui-inputfield {
  text-decoration: line-through;
}

/* Terms of use block on signup pages. */
.termsOfUse {
  text-align: center;
}
.termsOfUse .ui-chkbox-box {
  width: 25px;
  height: 25px;
}
.termsOfUse .ui-chkbox-icon {
  font-size: 20px;
}

/* For lists of elements in blocks */
.multiElementLoop {
  width: 100%;
}
.multiElementLoop .ui-datalist-content.ui-widget-content {
  background-color: inherit;
  border: none;
}

/* Block around parts of application that may have multiple elements. */
.multiElementBlock {
  background-color: #d3d7cf;
  border: 1px solid black;
  margin-bottom: 2em;
}

/* Warning labels */
.warning {
  color: red;
  font-weight: bold;
}

/* Table columns subheader - little smaller. */
.columnSubheader {
  display: block;
  font-size: 80%;
}

/* Box around save/cancel type buttons */
.buttonBox {
  margin-top: 10px;
  background-color: #ffffff;
  text-align: right;
}
.buttonBox button {
  margin: 20px;
}
.buttonBox .secondaryButton.ui-button.ui-state-default {
  background-color: #bae0f7;
}
.buttonBox .secondaryButton.ui-button.ui-state-hover {
  background-color: #1d78b3;
}
.buttonBox .dangerButton.ui-button.ui-state-default {
  background-color: #fc0000;
}
.buttonBox .dangerButton.ui-button.ui-state-hover {
  background-color: #ac0000;
}

/* Error Box above save/cancel type buttons */
.errorBox {
  background-color: #ffffff;
  text-align: right;
  color: red;
  padding-right: 20px;
  padding-top: 20px;
  font-weight: bold;
}

/* Simulated label required flag */
.required-flag {
  margin-left: 0.4em;
}

/* Help Video */
.helpButtonBox {
  text-align: center;
}

.helpVideoDialog {
  background-color: #ced6e4;
}

.lineItem .ui-grid {
  border: none;
  background-color: inherit;
}
.lineItem .ui-grid .ui-grid-row .ui-panelgrid-cell {
  padding: 0px;
}

.paymentBlock {
  border: 1px solid black;
  border-radius: 10px;
  text-align: center;
  margin: 3px;
}
.paymentBlock.PAID {
  background: lightgreen;
}
.paymentBlock.PASTDUE {
  background: orangered;
}
.paymentBlock.MONTH2MONTH {
  border-style: dashed;
}

.debitBalance {
  background: #ff6666;
}

.creditBalance {
  background: #66ff66 !important;
}

.pastdue {
  background: #ff6666;
}

.preformatted {
  white-space: pre-wrap;
}

.chopped {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.loadSpinner {
  width: 64px;
  height: 64px;
  position: fixed;
  right: 7px;
  bottom: 7px;
  z-index: 1000;
}

.invalid {
  color: red;
}

.amountInput input {
  width: 6em;
}

.dateInput {
  width: 7em;
}
.dateInput input {
  width: 7em;
}

.zipInput {
  width: 4em;
}
.zipInput input {
  width: 4em;
}

.phoneInput {
  width: 8em;
}
.phoneInput input {
  width: 8em;
}

.ssnInput {
  width: 7em;
}
.ssnInput input {
  width: 7em;
}

.ageInput {
  width: 3em;
}
.ageInput input {
  width: 3em;
}

.weightInput {
  width: 4em;
}
.weightInput input {
  width: 4em;
}

/* .invalid { */
/*     border: 5px groove red;  */
/*     margin-top: 3px; */
/*     margin-bottom: 3px; */
/*     h1 { */
/*        text-align: center;   */
/*        color: red;   */
/*        margin-top: .5em; */
/*        margin-bottom: .5em; */
/*     } */
/* } */
.good {
  color: green;
}

.bad {
  color: red;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Red labels for invalid fields. */
.ui-state-error {
  color: red;
}

/* Adds space between input and error message. */
.ui-message {
  margin-top: 5px;
}

/* Radio button labels not on seperate line. */
.ui-selectoneradio label {
  display: inline;
}

/* Untable - looks just like regular input fields. */
/* SEE: http://stackoverflow.com/questions/8768317/how-do-i-override-default-primefaces-css-with-custom-styles */
.ui-datatable.untable tbody,
.ui-datatable.untable th,
.ui-datatable.untable tr,
.ui-datatable.untable td {
  border-style: none;
  color: #000000;
  background-color: #edf0f5;
  padding-left: 0px;
  padding-right: 1em;
}

.ui-datatable.untable thead th {
  text-align: left;
}

/* Don't expand table to fill screen width. */
.ui-datatable.noexpand table {
  width: auto;
}

/* Don't bold table headers. */
.ui-datatable.noBoldHeader th {
  font-weight: normal;
}

/* Undatalist - looks just like regular input fields. */
.ui-datalist.undatalist .ui-datalist-content {
  border-style: none;
  color: #000000;
  background-color: transparent;
}
.ui-datalist.undatalist .ui-datalist-data {
  padding-left: 0px;
}

/* Ungrid - looks just like a regular input fields. */
.ui-panelgrid.ungrid tbody,
.ui-panelgrid.ungrid th,
.ui-panelgrid.ungrid tr,
.ui-panelgrid.ungrid td {
  border-style: none;
  color: #000000;
  /* background-color: #edf0f5; */
  background-color: inherit;
  padding-left: 0px;
  padding-right: 1em;
}

/* Bug in Omega 1.0.3?  Checkbox inside table gets color set to background color. */
/* css/layout.css.xhtml?ln=omega-layout */
/*.ui-datatable .ui-chkbox .ui-chkbox-box {
    color: #fff;
}*/
/* Bold and right align table totals.*/
/* TODO: MUST BE A BETTER WAY TO DO THIS */
.uidatalist tfoot .tableTotal td {
  text-align: right;
  font-weight: bold;
}

/* Bold, right align, green background credit line.*/
/* TODO: MUST BE A BETTER WAY TO DO THIS */
.ui-datatable thead .creditLine th {
  background: #66ff66;
  color: #222;
}
.ui-datatable thead .creditLine th.creditLabel {
  text-align: left;
}
.ui-datatable thead .creditLine th.creditAmount {
  text-align: right;
}

.noLayoutList .ui-datalist-content {
  border: inherit;
  background: inherit;
  color: inherit;
}

@media (max-width: 400px) {
  .buttonBox button {
    margin: 10px;
  }
}
/* Make the eye icon bigger */
.passwordEye .pi-eye, .passwordEye .pi-eye-slash {
  transform: scale(2);
}

.landing-wrapper {
  /****************************
             TOP GRAPHIC
      ****************************/
  /****************************
         LANDLORD SIGNUP
   ****************************/
}
.landing-wrapper #smr-graphic {
  /* Different padding so no space between header and graphic. */
  padding: 80px 0 0 0;
  width: 100%;
  height: 200px;
  background-image: url("/javax.faces.resource/gfx/Landlord-Software-Features.webp.xhtml?ln=smr&v=20250719-0700");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.landing-wrapper #smr-graphic .section-content {
  text-align: center;
}
.landing-wrapper #smr-graphic #title {
  margin-top: 75px;
  font-size: 36px;
  font-family: "Arial", "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin-bottom: 0.5em;
  color: #3F3F3F;
}
.landing-wrapper #landlord-signup {
  /* Center the captcha box. */
  /* Continue button */
}
.landing-wrapper #landlord-signup .section-content {
  text-align: center;
}
.landing-wrapper #landlord-signup #title {
  font-size: 30px;
  padding-bottom: 1em;
  color: #3F3F3F;
}
.landing-wrapper #landlord-signup #subtitle {
  font-size: 30px;
  padding-bottom: 1em;
  color: #3F3F3F;
}
.landing-wrapper #landlord-signup #signupForm\:captcha > div {
  margin: 0 auto;
}
.landing-wrapper #landlord-signup #signupForm\:continue {
  margin: 27px;
}
.landing-wrapper #landlord-signup #tenantLink, .landing-wrapper #landlord-signup #existingMemberLink {
  margin-bottom: 1em;
  color: #3F3F3F;
}
.landing-wrapper #landlord-signup .ui-link {
  color: #3F3F3F;
  text-decoration: underline;
}
.landing-wrapper .footer-box {
  text-align: center;
  color: #a4a4a4;
  font-weight: bold;
}
.landing-wrapper .ui-link {
  color: #a4a4a4;
  text-decoration: underline;
  font-weight: bold;
}

/*=============================================================================================
               MOBILE Phone Portrait
  ============================================================================================*/
@media (max-width: 640px) {
  .landing-wrapper {
    /****************************
            TOP GRAPHIC
     ****************************/
    /****************************
          Applicaiton
    ****************************/
    /****************************
        CLIENT TYPE SELECTION
     ****************************/
  }
  .landing-wrapper #smr-tenant-application h1 {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
  .landing-wrapper #smr-tenant-application h2 {
    margin-left: 0.5em;
    margin-right: 0.5em;
    font-size: 27px;
    line-height: 31px;
  }
  .landing-wrapper #smr-graphic {
    height: 200px;
  }
  .landing-wrapper #smr-graphic #Landlord-Software-Big-Small {
    display: none;
  }
  .landing-wrapper #smr-graphic .section-content {
    text-align: center;
  }
  .landing-wrapper #smr-graphic #title {
    margin-top: 75px;
    font-size: 27px;
    line-height: 37px;
    margin-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
  }
  .landing-wrapper #smr-graphic #subtitle1 {
    font-size: 16px;
    margin-bottom: 0em;
    line-height: 29px;
  }
  .landing-wrapper #smr-graphic #subtitle2 {
    font-size: 18px;
    margin-bottom: 0.7em;
    line-height: 33px;
    padding-left: 2em;
    padding-right: 2em;
  }
  .landing-wrapper #smr-graphic #buttons .linkButton {
    width: 172px;
    font-size: 12px;
    line-height: 22px;
    background-color: #2998D6;
  }
  .landing-wrapper #smr-graphic #buttons .linkButton:hover {
    border-color: #156090;
    background-color: #0388E5;
  }
  .landing-wrapper #smr-graphic #buttons #SigninButton {
    display: inline-block;
  }
  .landing-wrapper #smr-tenant-application {
    padding-top: 3em;
  }
  .landing-wrapper #smr-select {
    padding: 0px;
  }
  .landing-wrapper #smr-select .section-content {
    width: 100%;
  }
  .landing-wrapper #smr-select .section-content .pictureSection {
    background-image: url("/javax.faces.resource/gfx/Collect-Rent-Online-Landlord-Software.webp.xhtml?ln=smr&v=20250719-0700");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 233px;
  }
  .landing-wrapper #smr-select .section-content .backgroundSection1 {
    display: none;
  }
  .landing-wrapper #smr-select .section-content .backgroundSection2 {
    background: #10a874;
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    text-style: normal;
    padding-top: 1em;
  }
  .landing-wrapper #smr-select .section-content .backgroundSection2 .linkButton {
    padding: 0.5em 0.5em;
    margin-left: 0em;
    font-size: 12px;
    display: inline-block;
    width: 12em;
    background-color: white;
    line-height: 22px;
    color: #10a874;
  }
  .landing-wrapper #smr-select .section-content .backgroundSection3 {
    background: #10a874;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    text-style: normal;
  }
  .landing-wrapper #smr-select .section-content .SMRLogo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5em;
  }
  .landing-wrapper #smr-select .section-content .linkButton {
    padding: 0.5em 0.5em;
    font-size: 1.5rem;
    display: inline-block;
    width: 12em;
    background-color: green;
    border: green;
    line-height: 1.5;
  }
  .landing-wrapper #smr-select .section-content #tenant-link {
    font-size: 14px;
    color: white;
  }
}
/*=============================================================================================
               MOBILE Phone Landscape to ipad portrait
  ============================================================================================*/
@media (min-width: 640px) and (max-width: 1025px) {
  .landing-wrapper {
    /****************************
            TOP GRAPHIC
     ****************************/
    /****************************
          Applicaiton
    ****************************/
    /****************************
        CLIENT TYPE SELECTION
     ****************************/
  }
  .landing-wrapper #smr-tenant-application h1 {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
  .landing-wrapper #smr-tenant-application h2 {
    margin-left: 0.5em;
    margin-right: 0.5em;
    font-size: 27px;
    line-height: 31px;
  }
  .landing-wrapper #smr-graphic {
    height: 200px;
  }
  .landing-wrapper #smr-graphic .section-content {
    text-align: center;
  }
  .landing-wrapper #smr-graphic #title {
    margin-top: 100px;
    font-size: 27px;
    line-height: 37px;
    margin-bottom: 0.5em;
  }
  .landing-wrapper #smr-graphic #subtitle1 {
    font-size: 16px;
    margin-bottom: 0em;
    line-height: 29px;
  }
  .landing-wrapper #smr-graphic #subtitle2 {
    font-size: 16px;
    margin-bottom: 0.7em;
    line-height: 26px;
  }
  .landing-wrapper #smr-graphic #buttons .linkButton {
    width: 172px;
    font-size: 12px;
    line-height: 22px;
    background-color: #2998D6;
  }
  .landing-wrapper #smr-graphic #buttons .linkButton:hover {
    border-color: #156090;
    background-color: #0388E5;
  }
  .landing-wrapper #smr-graphic #buttons #SigninButton {
    display: inline-block;
  }
  .landing-wrapper #smr-tenant-application {
    padding-top: 3em;
  }
  .landing-wrapper #smr-select {
    padding: 0px;
  }
  .landing-wrapper #smr-select .section-content {
    width: 100%;
  }
  .landing-wrapper #smr-select .section-content .pictureSection {
    background-image: url("/javax.faces.resource/gfx/Collect-Rent-Online-Landlord-Software.webp.xhtml?ln=smr&v=20250719-0700");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 233px;
  }
  .landing-wrapper #smr-select .section-content .backgroundSection1 {
    display: none;
  }
  .landing-wrapper #smr-select .section-content .backgroundSection2 {
    background: #10a874;
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    text-style: normal;
    padding-top: 1em;
  }
  .landing-wrapper #smr-select .section-content .backgroundSection2 .linkButton {
    padding: 0.5em 0.5em;
    margin-left: 0em;
    font-size: 12px;
    display: inline-block;
    width: 12em;
    background-color: white;
    line-height: 22px;
    color: #10a874;
  }
  .landing-wrapper #smr-select .section-content .backgroundSection3 {
    background: #10a874;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    text-style: normal;
  }
  .landing-wrapper #smr-select .section-content .SMRLogo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5em;
  }
  .landing-wrapper #smr-select .section-content .linkButton {
    padding: 0.5em 0.5em;
    font-size: 1.5rem;
    display: inline-block;
    width: 12em;
    background-color: green;
    border: green;
    line-height: 1.5;
  }
  .landing-wrapper #smr-select .section-content #tenant-link {
    font-size: 14px;
    color: white;
  }
}