@charset "UTF-8";
@media only screen and (max-width: 600px) {
  #portal-body {
    display: flex;
    flex-direction: column;
  }
  .portal-sidebar {
    width: 100vw;
    height: fit-content;
    position: relative;
    box-shadow: none;
  }
  .portal-sidebar h1 {
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .portal-sidebar #my-properties-wrapper {
    height: 175px;
    margin-bottom: 15px;
  }
  .portal-sidebar .portal-link {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }
  .portal-sidebar .portal-link span {
    font-size: 25px !important;
  }
  .portal-sidebar .portal-link span, .portal-sidebar .portal-link i {
    margin-right: 6px;
  }
  .portal-sidebar #logout-button {
    margin-top: 25px;
  }
  .portal-space {
    width: 100vw;
    margin-left: 0px;
    position: relative;
    z-index: 3;
  }
  .portal-space .portal-subcontainer p {
    font-size: 18px;
  }
  .portal-space .portal-subcontainer #property-details-other-container #property-details-rent-text, .portal-space .portal-subcontainer #property-details-other-container #property-details-rightmove-link, .portal-space .portal-subcontainer #property-details-other-container #property-details-description-text {
    margin-bottom: 20px;
  }
  .portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-icon-container {
    align-items: flex-start;
  }
  .portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-icon-container img {
    margin-top: 10px;
  }
  .portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container {
    display: flex;
    flex-direction: column;
  }
  .portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container #portal-tenant-row-right-container, .portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-right-container {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container #portal-tenant-row-right-container .portal-tenant-row-right, .portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-right-container .portal-tenant-row-right {
    margin-bottom: 10px;
  }
  .portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container #portal-tenant-row-right-container .portal-tenant-row-right p, .portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-right-container .portal-tenant-row-right p {
    text-align: center;
  }
  .portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container #portal-tenant-row-right-container .portal-tenant-prompt-info-icon, .portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container #portal-tenant-row-right-container .remove-applicant-button, .portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-right-container .portal-tenant-prompt-info-icon, .portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-right-container .remove-applicant-button {
    margin-top: 10åpx;
    margin-left: 0px;
    width: 23px;
    height: 23px;
  }
  .portal-space .portal-subcontainer .compliance-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 15px;
  }
  .portal-space .portal-subcontainer .compliance-wrapper .compliance-wrapper-title {
    margin-bottom: 15px;
  }
  .portal-space .portal-subcontainer .compliance-wrapper .compliance-wrapper-title .compliance-traffic-light-icon {
    width: 23px;
    height: 23px;
  }
  .portal-space .portal-subcontainer .compliance-wrapper .compliance-wrapper-title .info-icon {
    width: 19px;
    height: 19px;
    margin-left: 10px;
  }
  .portal-space .portal-subcontainer .compliance-wrapper .upload-button {
    margin-left: 0px;
    margin-bottom: 7px;
  }
  .portal-space .portal-subcontainer #tenant-progress-with-offer .tenant-progress-wrapper {
    flex-direction: column;
    margin-bottom: 15px;
  }
  .portal-space .portal-subcontainer #tenant-progress-with-offer .tenant-progress-wrapper #tenant-payments-tracker-text {
    margin-bottom: 20px;
  }
  .portal-space .portal-subcontainer #tenant-progress-with-offer .tenant-progress-wrapper .tenant-progress-wrapper-title {
    margin-bottom: 15px;
  }
  .portal-space .portal-subcontainer #tenant-progress-with-offer .tenant-progress-wrapper .tenant-progress-wrapper-title .compliance-traffic-light-icon {
    width: 23px;
    height: 23px;
  }
  .portal-space .portal-subcontainer #tenant-progress-with-offer .tenant-progress-wrapper button {
    margin-left: 0px !important;
    margin-bottom: 7px;
    width: fit-content;
  }
  .portal-space .portal-subcontainer #tenant-progress-without-offer {
    margin-right: 30px;
    flex-direction: column;
    align-items: flex-start !important;
    margin: 0px;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
  }
  .portal-space .portal-subcontainer #tenant-progress-without-offer #sad-face-icon, .portal-space .portal-subcontainer #tenant-progress-without-offer #text-without-offer {
    margin: 0px;
  }
  .portal-space .portal-subcontainer #tenant-progress-without-offer #sad-face-icon {
    margin-bottom: 15px;
  }
  #add-a-property {
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    border-radius: 0px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
  }
  #add-a-property #add-a-property-subcontainer {
    height: fit-content !important;
  }
  #add-a-property #add-a-property-subcontainer input, #add-a-property #add-a-property-subcontainer textarea {
    width: 100%;
    margin-bottom: 16px;
    box-shadow: none;
    box-sizing: border-box;
  }
  #add-a-property #add-a-property-subcontainer .add-a-property-container-class {
    height: auto !important;
  }
  #add-a-property #add-a-property-subcontainer #copy-from-previous-property select {
    width: 100%;
    box-sizing: border-box;
  }
  #add-a-property #add-a-property-subcontainer #address-input-container input {
    width: 100%;
    box-sizing: border-box;
  }
  #add-a-property #add-a-property-subcontainer #number-of-bedrooms-label {
    position: absolute;
  }
  #add-a-property #add-a-property-subcontainer .selection-div-container {
    flex-direction: column;
    box-sizing: border-box;
  }
  #add-a-property #add-a-property-subcontainer .selection-div-container .selection-div {
    width: 100%;
    box-sizing: border-box;
    box-shadow: none;
    margin: 0px;
    margin-bottom: 10px;
  }
  #add-a-property #add-a-property-subcontainer #property-media-container #upload-photos-container #photos-uploaded-container {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }
  #add-a-property #add-a-property-subcontainer #property-media-container #upload-photos-container #photos-uploaded-container #photos-uploaded-subcontainer {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }
  #add-a-property #add-a-property-subcontainer #property-media-container #upload-photos-container #photos-uploaded-container #photos-uploaded-subcontainer .upload-photo-div {
    box-shadow: none;
  }
  #add-a-property #add-a-property-progress-bar-container {
    display: none;
  }
  #add-a-property #button-container {
    display: none;
  }
  #add-a-property #scroll-progress-bar {
    display: none;
  }
  #edit-property-details {
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    border-radius: 0px;
    padding: 30px;
  }
  #edit-property-details #edit-property-details-container #edit-property-details-edit-photos-box {
    margin-top: 0px;
  }
  #edit-property-details #edit-property-details-container #edit-property-details-edit-photos-box #edit-property-details-photo-box-column-container {
    overflow-x: scroll;
  }
  #edit-property-details #edit-property-details-container #edit-property-details-edit-photos-box #edit-property-details-photo-box-column-container .edit-property-details-photo {
    box-shadow: none;
  }
  #edit-property-details #edit-property-details-container #edit-property-details-edit-input-box {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 15px;
    box-sizing: border-box;
  }
  #edit-property-details #edit-property-details-container #edit-property-details-edit-input-box input, #edit-property-details #edit-property-details-container #edit-property-details-edit-input-box textarea {
    width: 100%;
    box-sizing: border-box;
  }
  #edit-property-details #edit-property-details-container #edit-property-details-edit-input-box #number-of-bedrooms {
    margin-bottom: 0px;
  }
  #edit-property-details #edit-property-details-container #edit-property-details-edit-input-box .edit-property-details-selection-box {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    margin-bottom: 6px;
  }
  #edit-property-details #edit-property-details-container #edit-property-details-edit-input-box #edit-property-details-features-container {
    width: 100%;
  }
  #edit-property-details #edit-property-details-container #edit-property-details-edit-input-box #edit-property-details-features-container input {
    width: 100%;
    box-sizing: border-box;
  }
  .overlay .overlay-info-box-container {
    max-width: 100vw !important;
    width: 80vw !important;
    max-height: 75vh !important;
    box-sizing: border-box;
    padding: 30px 30px;
  }
  .overlay .overlay-info-box-container h1 {
    margin-right: 10px !important;
    width: 80%;
    font-size: 25px;
  }
  .overlay .overlay-info-box-container .uploader-overlay-bottom-text {
    text-align: left !important;
  }
  .overlay .overlay-info-box-container #offer-buttons-container {
    flex-direction: column !important;
  }
  .overlay .overlay-info-box-container #offer-buttons-container div {
    margin-bottom: 15px;
  }
  .overlay .overlay-info-box-container .underlined-info-box {
    flex-direction: column;
    padding-bottom: 16px;
  }
  #guarantor-application-submission-success-container h1 {
    text-align: center;
  }
  #ast-generation-header {
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
  }
  #ast-generation-header img {
    height: 56px;
  }
  #ast-generation-header h1 {
    font-size: 25px;
  }
  #ast-generation-content #ast-generation-subcontainer {
    box-sizing: border-box;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  #ast-generation-content #ast-generation-subcontainer #ast-generation-intro-text {
    width: 80%;
    font-size: 18px;
  }
  #ast-generation-content #ast-generation-subcontainer .ast-generation-input-wrapper {
    width: 80vw;
    max-width: 80vw;
  }
  #ast-generation-content #ast-generation-subcontainer .ast-generation-input-wrapper input[type=text], #ast-generation-content #ast-generation-subcontainer .ast-generation-input-wrapper input[type=date] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100% !important;
  }
  #settings-header {
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
  }
  #settings-header img {
    height: 56px;
  }
  #settings-header h1 {
    font-size: 25px;
  }
  #settings-content {
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
  }
  #settings-content input[type=text], #settings-content input[type=email] {
    box-sizing: border-box;
  }
  #inventory-creator-header {
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
  }
  #inventory-creator-header img {
    height: 56px;
  }
  #inventory-creator-header h1 {
    font-size: 25px;
  }
  #inventory-creator-main-body {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #inventory-creator-main-body p {
    width: 80%;
    font-size: 18px;
  }
  #inventory-creator-main-body #add-room-container-buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #inventory-creator-main-body #add-room-container-buttons .add-room-button {
    margin: 0px;
    margin-bottom: 10px;
    padding: 10px 20px;
  }
  #inventory-creator-main-body #add-photos-container #photos-uploaded-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #inventory-creator-main-body #add-photos-container #photos-uploaded-subcontainer {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }
  #inventory-creator-main-body #add-photos-container #inventory-save-button, #inventory-creator-main-body #add-photos-container #send-inventory-to-tenant-button {
    font-size: 15px;
  }
  #ta-header {
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
  }
  #ta-header img {
    height: 56px;
  }
  #ta-header h1 {
    font-size: 25px;
  }
  #ta-main-body {
    padding-top: 0px;
  }
  #ta-main-body .ta-main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0px !important;
  }
  #ta-main-body .ta-main-container .ta-input-container {
    width: 80%;
  }
  #ta-main-body .ta-main-container .ta-input-container input[type=text], #ta-main-body .ta-main-container .ta-input-container input[type=date] {
    box-sizing: border-box;
  }
  #ta-main-body .ta-main-container .ta-input-container p {
    text-align: center;
  }
  #ta-main-body .ta-input-container {
    width: 80vw !important;
    box-sizing: border-box;
  }
  #ta-main-body .ta-input-container #intro-text {
    width: 80vw !important;
  }
  #ta-main-body .ta-input-container input[type=text], #ta-main-body .ta-input-container input[type=date] {
    box-sizing: border-box;
  }
  .propose-guarantor-text {
    font-size: 18px;
  }
  #rp-header {
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
  }
  #rp-header img {
    height: 56px;
  }
  #rp-header h1 {
    font-size: 25px;
  }
  #rp-main-body .rp-sub-container {
    width: 80%;
    margin-top: 0px;
    margin-bottom: 20px;
  }
  #rp-main-body .rp-sub-container p {
    font-size: 18px !important;
  }
  #rp-main-body .rp-sub-container #rp-first-text {
    margin-bottom: 20px !important;
  }
  #pay-move-in-funds-container {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }
  #pay-move-in-funds-container p {
    text-align: center;
    font-size: 18px;
  }
  #pay-move-in-funds-container #property-label, #pay-move-in-funds-container #tenancy-commencement-date-label, #pay-move-in-funds-container #payment-due-date-label {
    margin-bottom: 30px;
  }
}

/*# sourceMappingURL=media-queries.css.map */