/* 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: .5em;
    padding-right: .5em; }
    .wrapper .main .ui-accordion .ui-accordion-content {
      padding: .5em; }
    .wrapper .main .ui-panel .ui-panel-content {
      padding: .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: .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: .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: .25em; }
  .check-dot li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    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 .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .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: .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: .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: .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: .25em;
  margin-bottom: .25em; }

/* Descriptive text below inputs. (smaller) */
.descriptionSmall {
  width: 80%;
  font-size: smaller;
  margin-top: .25em;
  margin-bottom: .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: .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=20260302-1155");
    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: .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: .5em;
      margin-right: .5em; }
    .landing-wrapper #smr-tenant-application h2 {
      margin-left: .5em;
      margin-right: .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: .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: .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=20260302-1155");
          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: .5em .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: .5em .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: .5em;
      margin-right: .5em; }
    .landing-wrapper #smr-tenant-application h2 {
      margin-left: .5em;
      margin-right: .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: .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: .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=20260302-1155");
          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: .5em .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: .5em .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; } }

/*# sourceMappingURL=../../../../../../../target/landlord/signup.css.map */