/* Landlord Signup Page */
/* 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;
  }
}
/* 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
   ****************************/
  /****************************
         APPLICANT 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=20250608-2200");
  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 #applicant-signup {
  padding-top: 2em;
  /* Center the captcha box. */
  /* Continue button */
}
.landing-wrapper #applicant-signup .introductionBlock {
  max-width: 700px;
  border: thick double #2399e5;
  padding: 1em;
  margin: 0 auto 1em auto;
  text-align: initial;
}
.landing-wrapper #applicant-signup .section-content {
  text-align: center;
}
.landing-wrapper #applicant-signup h2 {
  margin-bottom: 1em;
  font-size: 36px;
  color: #3F3F3F;
}
.landing-wrapper #applicant-signup .ui-link {
  color: #3F3F3F;
  text-decoration: underline;
}
.landing-wrapper #applicant-signup #title {
  font-size: 30px;
  padding-bottom: 0em;
  color: #3F3F3F;
}
.landing-wrapper #applicant-signup #subtitle {
  font-size: 30px;
  padding-bottom: 1em;
  padding-top: 0em;
}
.landing-wrapper #applicant-signup #signupForm\:captcha > div {
  margin: 0 auto;
}
.landing-wrapper #applicant-signup #signupForm\:continue {
  margin: 27px;
}

/*=============================================================================================
               MOBILE
  ============================================================================================*/
@media (max-width: 64em) {
  .landing-wrapper {
    /****************************
     APPLICANT SIGNUP
     ****************************/
  }
  .landing-wrapper #applicant-signup #title {
    font-size: 24px;
    padding-bottom: 0em;
  }
  .landing-wrapper #applicant-signup #subtitle {
    font-size: 24px;
    padding-top: 0em;
    padding-bottom: 1em;
  }
}