/* These styles make the body full-height */
html,
body {
  height: 100%;
}
/* These styles disable body scrolling if you are using <ScrollView> */
body {
  overflow: hidden;
}
/* These styles make the root element full-height */
#root {
  display: flex;
  height: 100%;
  padding: 0;
  flex: 1;
}
.r-19qrga8 {
  margin-top: -14px;
  margin-right: 15px;
}
.main-frame {
  border: 2px solid rgb(43, 146, 117);
  border-radius: 15px !important;
}
.css-g5y9jx[style*="background-color: rgb(43, 146, 117)"][style*="padding: 48px 16px 16px"] {
  padding: 20px 20px 20px !important;
  border-radius: 10px 10px 0 0 !important;
  position: relative !important;
}
.css-g5y9jx[style*="padding-right: 16px"][style*="padding-left: 16px"] {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.css-g5y9jx[style*="height: 56px"][style*="flex-direction: row"][style*="align-items: center"][style*="justify-content: space-between"] {
  border-bottom: 1px solid rgb(229, 231, 235) !important;
  margin-bottom: 20px;
}
.css-g5y9jx[style*="background-color: rgb(255, 255, 255)"][style*="padding-top: 16px"] {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.css-g5y9jx[style*="flex-direction: row"][style*="align-items: center"][style*="margin-top: 8px"][style*="justify-content: space-between"][style*="column-gap: 10px"] {
  width: 30% !important;
}
.css-g5y9jx[style*="justify-content: flex-start"][style*="align-items: stretch"][style*="padding: 16px"][style*="flex: 1 1 0%"] {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.css-g5y9jx[style*="gap: 16px"] {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.css-g5y9jx[style*="padding: 12px 2px"] {
  padding: 20px 25px 0px 25px !important;
}
button.css-g5y9jx[style*="min-height: 56px"][style*="border-radius: 16px"][style*="background-color: rgb(43, 146, 117)"][style*="margin-top: 12px"] {
  width: 30%;
}
.r-1akxima {
  width: 40% !important;
}
.css-g5y9jx[style*="flex: 1 1 0%"][style*="height: 100%"][style*="width: 100%"][style*="background-color: rgb(255, 255, 255)"][style*="padding-bottom: 0px"] {
  padding-top: 20px;
}
.main-margin {
  margin: 10px;
}

.css-g5y9jx[style*="flex-direction: row"][style*="justify-content: space-evenly"] {
  width: 30%;
  margin-top: 10px;
}

/* CSS for padding-top: 32px container */
.css-g5y9jx[style*="justify-content: flex-start"][style*="align-items: stretch"][style*="padding-top: 32px"] {
  padding-right: 20px !important;
  justify-content: center !important;
  padding-left: 20px !important;
}
.css-g5y9jx.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73[style*="position: absolute"][style*="bottom: -10px"][style*="right: -10px"][style*="z-index: 10"] {
  bottom: 5px !important;
  right: -15px !important;
  z-index: 15 !important;
  border-radius: 50% !important;
  width: 50px !important;
  height: 50px !important;
  cursor: pointer !important;
}
.r-18u37i {
  padding: 0 25px !important;
}

/* CSS for small green button - height: 38px */
.css-g5y9jx.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73[style*="height: 38px"][style*="padding-right: 12px"][style*="padding-left: 12px"][style*="border-radius: 8px"][style*="background-color: rgb(43, 146, 117)"][style*="margin-top: 8px"] {
  width: 20%;
  padding: 20px 0;
}
h1.css-146c3p1.r-dnmrzs.r-1udh08x.r-1udbk01.r-3s2u2q.r-1iln25a.r-majxgm[style*="color: rgb(43, 146, 117)"][style*="font-family: urbanistBold"][style*="font-size: 22px"] {
  color: #000 !important;
}
.css-g5y9jx[style*="flex-grow: 1"][style*="justify-content: center"][style*="padding: 32px 24px"] {
  padding: 20px 400px !important;
}

.r-1f4sh0a {
  width: 100% !important;
  padding: 0 15px;
}
.css-g5y9jx[style*="flex: 1 1 0%"][style*="height: 100%"][style*="width: 100%"][style*="background-color: rgb(255, 255, 255)"][style*="padding-bottom: 0px"] {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
button.css-g5y9jx
  .css-g5y9jx[style*="border-radius: 16px"][style*="padding: 8px"][style*="min-height: 96px"][style*="flex-direction: row"][style*="border-color: rgb(215, 206, 201)"][style*="height: 160px"][style*="background-color: rgb(43, 146, 117)"][style*="justify-content: center"][style*="align-items: center"] {
  width: 500px !important;
}

/* Set width to 48% for white Landlord button */
button.css-g5y9jx
  .css-g5y9jx[style*="border-radius: 16px"][style*="padding: 8px"][style*="min-height: 96px"][style*="flex-direction: row"][style*="height: 160px"][style*="background-color: rgb(255, 255, 255)"][style*="justify-content: center"][style*="align-items: center"][style*="border-width: 0.5px"][style*="border-color: rgb(238, 238, 238)"] {
  width: 500px !important;
}
button.css-g5y9jx.r-1loqt21.r-1otgn73[data-testid="login-button"][style*="min-height: 56px"][style*="border-radius: 12px"][style*="background-color: rgb(43, 146, 117)"][style*="margin-right: 24px"][style*="margin-left: 24px"] {
  width: 30% !important;
}
.css-g5y9jx[style*="box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 0px"][style*="padding: 16px"][style*="border-top-left-radius: 16px"][style*="border-top-right-radius: 16px"][style*="background-color: rgb(255, 255, 255)"] {
  padding: 16px 100px !important;
}
.css-g5y9jx[style*="flex-direction: row"][style*="align-items: center"][style*="margin-top: 8px"] {
  width: 20% !important;
}
.r-1s3egr7{
  display: none;
}
.css-g5y9jx.r-1awozwy.r-t2dk2h.r-qklmqi.r-18u37iz.r-1wtj0ep.r-w7s2jr {
  display: none !important;
}

@media (max-width: 951px) {
  .main-frame {
    border-radius: 0 !important;
  }
  .css-g5y9jx[style*="flex-direction: row"][style*="justify-content: space-evenly"] {
    width: 100% !important;
  }
  .css-g5y9jx[style*="background-color: rgb(43, 146, 117)"][style*="padding: 48px 16px 16px"] {
    border-radius: 0 !important;
  }
  .css-g5y9jx[style*="padding: 12px 2px"] {
    padding: 20px 15px 0px 15px !important;
  }
  .css-g5y9jx[style*="flex-grow: 1"][style*="justify-content: center"][style*="padding: 32px 24px"] {
    padding: 0 !important;
  }
  .css-g5y9jx[style*="flex: 1 1 0%"][style*="height: 100%"][style*="width: 100%"][style*="background-color: rgb(255, 255, 255)"][style*="padding-bottom: 0px"] {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .css-g5y9jx[style*="justify-content: flex-start"][style*="align-items: stretch"][style*="padding-top: 32px"] {
    padding-top: 0 !important;
  }
  .r-1akxima {
    width: 95% !important;
  }
  button.css-g5y9jx[style*="min-height: 56px"][style*="border-radius: 16px"][style*="background-color: rgb(43, 146, 117)"][style*="margin-top: 12px"] {
    width: 60%;
  }
  .css-g5y9jx[style*="flex-direction: row"][style*="align-items: center"][style*="margin-top: 8px"][style*="justify-content: space-between"][style*="column-gap: 10px"] {
    width: 60% !important;
  }
  button.css-g5y9jx
    .css-g5y9jx[style*="border-radius: 16px"][style*="padding: 8px"][style*="min-height: 96px"][style*="flex-direction: row"][style*="border-color: rgb(215, 206, 201)"][style*="height: 160px"][style*="background-color: rgb(43, 146, 117)"][style*="justify-content: center"][style*="align-items: center"] {
    width: 150px !important;
  }
  button.css-g5y9jx
    .css-g5y9jx[style*="border-radius: 16px"][style*="padding: 8px"][style*="min-height: 96px"][style*="flex-direction: row"][style*="height: 160px"][style*="background-color: rgb(255, 255, 255)"][style*="justify-content: center"][style*="align-items: center"][style*="border-width: 0.5px"][style*="border-color: rgb(238, 238, 238)"] {
    width: 150px !important;
  }
  button.css-g5y9jx.r-1loqt21.r-1otgn73[data-testid="login-button"][style*="min-height: 56px"][style*="border-radius: 12px"][style*="background-color: rgb(43, 146, 117)"][style*="margin-right: 24px"][style*="margin-left: 24px"] {
    width: 88% !important;
  }
  .css-g5y9jx[style*="box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 0px"][style*="padding: 16px"][style*="border-top-left-radius: 16px"][style*="border-top-right-radius: 16px"][style*="background-color: rgb(255, 255, 255)"] {
    padding: 16px !important;
  }
}
@media (min-width: 952px) and (max-width: 1400px) {
  .css-g5y9jx[style*="flex-grow: 1"][style*="justify-content: center"][style*="padding: 32px 24px"] {
    padding: 20px 200px !important;
  }
  .css-g5y9jx[style*="flex-direction: row"][style*="justify-content: space-evenly"] {
    width: 75% !important;
  }
}
@media (min-width: 1400px) and (max-width: 2000px) {
  .css-g5y9jx[style*="flex-direction: row"][style*="justify-content: space-evenly"] {
    width: 55% !important;
  }
}
/* Remove blue outline from ALL inputs */
input {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Remove focus outline from ALL inputs */
input:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

/* Remove outline from textareas as well */
textarea {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

textarea:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

/* Remove outline from all form elements */
input,
textarea,
select,
button {
  outline: none !important;
}

input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Optional: Add subtle styling for all inputs */
input,
textarea {
  background-color: transparent !important;
  transition: all 0.2s ease !important;
}

/* Custom focus effect for all inputs (optional) */
input:focus,
textarea:focus {
  border-radius: 4px !important;
}

/* Add margin-bottom to row container */
.css-g5y9jx[style*="flex-direction: row"][style*="justify-content: space-between"][style*="align-items: center"][style*="margin-right: 12px"][style*="margin-left: 12px"] {
  margin-bottom: 16px !important;
}

/* Add margin-bottom to card container */
.css-g5y9jx[style*="padding: 12px"][style*="border-radius: 16px"][style*="border-color: rgb(238, 238, 238)"][style*="min-height: 96px"][style*="background-color: rgb(255, 255, 255)"][style*="width: 100%"][style*="border-width: 1px"] {
  margin-bottom: 20px !important;
}

/* Set padding to 12px 40px 12px for white container with box-shadow and flex-direction: row */
.css-g5y9jx[style*="box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 0px"][style*="padding: 4px 12px 12px"][style*="border-top-left-radius: 16px"][style*="border-top-right-radius: 16px"][style*="background-color: rgb(255, 255, 255)"][style*="flex-direction: row"] {
  padding: 12px 70px 12px !important;
}

/* Change border color to rgb(229, 231, 235) for white row container */
.css-g5y9jx.r-12vffkv[style*="border-radius: 0px"][style*="flex-direction: row"][style*="align-items: center"][style*="background-color: rgb(255, 255, 255)"][style*="padding: 12px"][style*="margin-bottom: 8px"][style*="justify-content: space-between"][style*="border-bottom-width: 1px"][style*="border-color: rgb(182, 182, 182)"] {
  border-color: rgb(229, 231, 235) !important;
}
/* Responsive width rules for all screen sizes - set to 95% */
.css-g5y9jx[style*="width: 320px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 360px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 375px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 390px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 393px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 412px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 414px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 428px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 480px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 540px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 600px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 640px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 720px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 768px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 800px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 820px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 834px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 896px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 944px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 1024px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 1080px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 1112px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 1199px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 1200px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 1286px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 1360px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 1440px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 1456px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 1536px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 1600px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 1680px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 1840px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 1920px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 2048px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 2160px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 2304px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 2480px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 2560px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 2732px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 2880px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 3008px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 3072px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 3200px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 3440px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 3760px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 4016px"] { width: 95% !important; }
.css-g5y9jx[style*="width: 5039px"] { width: 95% !important; }