@font-face {
  font-family: "Satoshi";
  src: url("fonts/satoshi/Satoshi-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi";
  src: url("fonts/satoshi/Satoshi-Bold.ttf") format("truetype");
  font-weight: bold;
}
html, body {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: "Satoshi", sans-serif;
}

a, button {
  cursor: pointer;
}

[contentEditable=true]:empty:not(:focus)::before {
  content: attr(data-placeholder);
  color: grey;
  font-style: italic;
}

.blue-gradient-bkg {
  background-color: #178BF6;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.blue-gradient-bkg .login-container {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.blue-gradient-bkg .login-container #letlaunch-logo {
  width: 275px;
  margin-bottom: 30px;
}
.blue-gradient-bkg .login-container h1 {
  font-family: "Satoshi", serif;
  font-weight: bold;
  font-size: 24px;
  margin-top: 0px;
  margin-bottom: 60px;
  color: white;
}

.log-in-background-image {
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
  top: 0;
  z-index: 2;
  background-image: url("../img/background-image.jpeg");
  background-position: center;
  background-size: cover;
  opacity: 0.1;
}

.form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form-container input, .form-container button {
  outline: none;
  border: none;
  font-family: "Satoshi", serif;
  font-weight: bold;
  border-radius: 6px;
  font-size: 15px;
}
.form-container input {
  width: 300px;
  height: 30px;
  margin-bottom: 12px;
  padding: 6px 12px;
}
.form-container .iti__selected-flag {
  height: 42px;
}
.form-container #phone {
  width: 324px;
  height: auto !important;
  margin-bottom: 12px !important;
  padding-top: 12px;
  padding-bottom: 12px;
}
.form-container button {
  width: 324px;
  background-color: #178BF6;
  color: white;
  padding: 10px 12px;
  cursor: pointer;
  font-size: 13px;
  border: 2px white solid;
}
.form-container button:hover {
  background-color: #2bbd63;
}
.form-container p {
  text-align: center;
}
.form-container #log-in-error-message, .form-container #register-error-message {
  color: white;
  font-weight: bold;
}

#forgot-password-button {
  width: 324px;
  background-color: white;
  color: #178BF6;
  padding: 10px 12px;
  cursor: pointer;
  outline: none;
  border: none;
  font-family: "Satoshi", serif;
  font-weight: bold;
  border-radius: 6px;
  font-size: 13px;
}

#forgot-password-button:hover {
  background-color: lightgray;
}

#forgot-password-error-message {
  color: white;
  font-weight: bold;
  text-align: center;
}

.portal-sidebar {
  width: 300px;
  height: 100vh;
  background-color: #178BF6;
  top: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  box-shadow: 10px 0 25px 0px lightgrey;
}
.portal-sidebar #portal-logo {
  display: block;
  margin: 0 auto;
  width: 70%;
  margin-top: 25px;
}
.portal-sidebar h1, .portal-sidebar a {
  color: white;
  font-family: "Satoshi", sans-serif;
}
.portal-sidebar h1 {
  font-size: 21px;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 0px;
}
.portal-sidebar .portal-link {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  font-size: 18px;
}
.portal-sidebar #my-properties-wrapper {
  width: 90%;
  margin: 0 auto;
  overflow-y: scroll;
}
.portal-sidebar #my-properties-wrapper p {
  color: white;
  display: flex;
  cursor: pointer;
}
.portal-sidebar #my-properties-wrapper p .my-properties-icon {
  height: 21px;
  margin-right: 12px;
}
.portal-sidebar #logout-button {
  margin-bottom: 40px;
  font-size: 14.5px;
  border-radius: 10px;
  border: 2px white solid;
  width: fit-content;
  padding: 5px 30px 5px 30px;
}

.portal-space {
  width: calc(100vw - 300px);
  min-height: 100vh;
  background-color: #f7f7f7;
  margin-left: 300px;
  z-index: -1;
  position: absolute;
  display: block;
}
.portal-space #portal-no-properties-added {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.portal-space img {
  width: 75px;
  height: 75px;
}
.portal-space #empty-space-p {
  text-align: center;
}
.portal-space .portal-subcontainer {
  width: 100%;
  height: fit-content;
  float: left;
  padding-top: 25px;
  padding-bottom: 40px;
}
.portal-space .portal-subcontainer h1 {
  width: fit-content;
  margin-left: 30px;
  border-bottom: 2.5px grey solid;
  font-size: 27px;
}
.portal-space .portal-subcontainer #property-details-heading-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.portal-space .portal-subcontainer #property-details-heading-container p {
  margin-left: 30px;
  cursor: pointer;
  padding: 3px 10px;
  border-radius: 4px;
  background-color: rgb(240, 240, 240);
  box-shadow: 0px 0px 35px rgb(193, 193, 193);
}
.portal-space .portal-subcontainer #property-details-photo-container {
  width: calc(100% - 60px);
  margin-left: 30px;
  height: 90px;
  display: block;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.portal-space .portal-subcontainer #property-details-photo-container img {
  width: 90px;
  height: 90px;
  display: inline-block;
  object-fit: cover;
  border-radius: 7px;
  margin-right: 10px;
  box-shadow: 0px 0px 10px lightgrey;
}
.portal-space .portal-subcontainer #property-details-other-container {
  width: calc(100% - 60px);
  margin-left: 30px;
  margin-top: 20px;
}
.portal-space .portal-subcontainer #property-details-other-container p {
  margin-top: 3px;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.portal-space .portal-subcontainer #portal-tenants-subcontainer {
  display: flex;
  flex-direction: column;
  width: calc(100% - 30px);
  margin-left: 30px;
}
.portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 23px;
}
.portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-icon-container {
  display: flex;
  align-items: center;
}
.portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-icon-container img {
  width: 25px;
  height: 25px;
  margin-right: 15px;
}
.portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
}
.portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
.portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-left p, .portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-left a {
  margin: 0px;
}
.portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-left .applicant-phone-number, .portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-left .applicant-phone-number:visited {
  color: grey;
  text-decoration: underline;
}
.portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-right-container {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.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-right: 15px;
}
.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 {
  width: fit-content;
  padding: 9px 21px;
  border-radius: 6px;
  margin: 0px;
  box-shadow: 0px 0px 21px lightgrey;
  font-size: 13px;
}
.portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-right-container .portal-tenant-row-right .view-offer-button {
  background-color: rgb(0, 193, 0);
  cursor: pointer;
  color: white;
  font-weight: bold;
}
.portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-right-container .portal-tenant-row-right .awaiting-offer-button {
  background-color: lightgray;
  color: black;
}
.portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-right-container .portal-tenant-prompt-div {
  cursor: pointer;
}
.portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-right-container .portal-tenant-prompt-div p {
  color: white;
  background-color: #178BF6;
  width: fit-content;
  padding: 9px 21px;
  border-radius: 6px;
  margin: 0px;
  box-shadow: 0px 0px 21px lightgrey;
  font-size: 13px;
}
.portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-right-container #prompt-holding-deposit-div {
  cursor: pointer;
  outline: none;
  border: none;
  color: white;
  background-color: #178BF6;
  padding: 9px 21px;
  border-radius: 6px;
  box-shadow: 0px 0px 21px lightgrey;
  font-size: 13px;
}
.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 {
  width: 16px;
  height: 16px;
  margin-left: 15px;
  cursor: pointer;
}
.portal-space .portal-subcontainer #portal-tenants-subcontainer .portal-tenant-row .portal-tenant-row-info-container .portal-tenant-row-right-container .remove-applicant-button {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background-color: rgba(0, 0, 0, 0);
  outline: none;
  border: none;
  background-image: url("../img/red-icon.png");
  background-size: cover;
  background-position: center center;
}
.portal-space .portal-subcontainer .compliance-wrapper {
  width: calc(100% - 50px);
  margin-left: 30px;
  margin-bottom: 25px;
}
.portal-space .portal-subcontainer .compliance-wrapper .compliance-traffic-light-icon {
  display: inline;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.portal-space .portal-subcontainer .compliance-wrapper p {
  display: inline;
  margin: 0px;
  vertical-align: top;
}
.portal-space .portal-subcontainer .compliance-wrapper .info-icon {
  display: inline;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.portal-space .portal-subcontainer .compliance-wrapper .upload-button {
  color: darkslategrey;
  background-color: white;
  border-radius: 3px;
  border: 2px darkslategrey solid;
  padding-left: 10px;
  padding-right: 10px;
  width: fit-content;
  float: right;
  margin-left: 10px;
  cursor: pointer;
  font-size: 13px;
  padding: 2px 12px;
}
.portal-space .portal-subcontainer #tenant-progress-with-offer, .portal-space .portal-subcontainer #tenant-progress-without-offer {
  width: calc(100% - 30px);
  margin-left: 30px;
}
.portal-space .portal-subcontainer #tenant-progress-with-offer #sad-face-icon, .portal-space .portal-subcontainer #tenant-progress-without-offer #sad-face-icon {
  width: 40px;
  height: 40px;
  margin-left: 10px;
}
.portal-space .portal-subcontainer #tenant-progress-with-offer #text-without-offer, .portal-space .portal-subcontainer #tenant-progress-without-offer #text-without-offer {
  margin-left: 20px;
}
.portal-space .portal-subcontainer #tenant-progress-with-offer .tenant-progress-wrapper {
  width: 100%;
  margin-bottom: 25px;
  display: flex;
  flex-direction: row;
}
.portal-space .portal-subcontainer #tenant-progress-with-offer .tenant-progress-wrapper .tenant-progress-icon {
  display: inline;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.portal-space .portal-subcontainer #tenant-progress-with-offer .tenant-progress-wrapper p {
  display: inline;
  margin: 0px;
  vertical-align: top;
}
.portal-space .portal-subcontainer #tenant-progress-with-offer .tenant-progress-wrapper .info-icon {
  display: inline;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.portal-space .portal-subcontainer #tenant-progress-with-offer .tenant-progress-wrapper #view-progress-button, .portal-space .portal-subcontainer #tenant-progress-with-offer .tenant-progress-wrapper #send-ast-button, .portal-space .portal-subcontainer #tenant-progress-with-offer .tenant-progress-wrapper #stop-ast-button, .portal-space .portal-subcontainer #tenant-progress-with-offer .tenant-progress-wrapper #prompt-tenant-pays-funds, .portal-space .portal-subcontainer #tenant-progress-with-offer .tenant-progress-wrapper #confirm-check-in-complete, .portal-space .portal-subcontainer #tenant-progress-with-offer .tenant-progress-wrapper #view-reference-result-button {
  outline: none;
  margin-left: 10px;
  color: darkslategrey;
  background-color: white;
  border-radius: 3px;
  border: 2px darkslategrey solid;
  font-size: 12px;
  padding: 2px 12px;
}

#edit-property-details {
  width: calc(85vw - 80px);
  height: calc(100vh - 80px);
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 999;
  margin-left: -110vw;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0px 20px 20px 0px;
  padding: 40px;
  overflow-y: scroll;
}
#edit-property-details #edit-property-details-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#edit-property-details #edit-property-details-header h1 {
  width: fit-content;
  margin: 0px;
  border-bottom: 2.5px grey solid;
}
#edit-property-details #edit-property-details-header a {
  margin-left: auto;
}
#edit-property-details #edit-property-details-container {
  display: flex;
  flex-direction: column;
}
#edit-property-details #edit-property-details-container #property-details-address {
  margin-top: 30px;
  margin-bottom: 0px;
  font-size: 17px;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-photos-box {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  width: 100%;
  overflow-x: scroll;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-photos-box #edit-property-details-photo-box-column-container {
  display: flex;
  flex-direction: row;
  width: fit-content;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-photos-box #edit-property-details-photo-box-column-container #edit-property-details-photo-container {
  display: flex;
  flex-direction: row;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-photos-box #edit-property-details-photo-box-column-container .edit-property-details-photo {
  width: 100px;
  height: 100px;
  border-radius: 6px;
  background-color: #f7f7f7;
  box-shadow: 0px 0px 21px lightgrey;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  margin-right: 16px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 7px;
  border: 1.5px grey solid;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-photos-box #edit-property-details-photo-box-column-container .edit-property-details-photo .photo-remove-button {
  width: 25px;
  height: 25px;
  border-radius: 12.5px;
  position: absolute;
  top: -8px;
  right: -8px;
  background-image: url("../img/close.png");
  background-size: cover;
  background-position: center center;
  color: white;
  z-index: 10;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-photos-box #edit-property-details-photo-box-column-container #edit-property-details-add-photo {
  border: 2px black solid;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-input-box {
  display: flex;
  flex-direction: row;
  margin-top: 23px;
  align-items: center;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-input-box p {
  margin-right: 50px;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-input-box input {
  display: block;
  background-color: #f7f7f7;
  padding-left: 13px;
  padding-right: 13px;
  outline: none;
  border: none;
  width: 40%;
  height: 40px;
  font-family: "Satoshi", serif;
  font-weight: bold;
  font-size: 14.5px;
  box-shadow: 0px 0px 21px lightgrey;
  border-radius: 7px;
  border: 1.5px grey solid;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-input-box .edit-property-details-selection-box {
  background-color: #f7f7f7;
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  box-shadow: 0px 0px 21px lightgrey;
  width: 15%;
  height: 50px;
  font-weight: bold;
  color: grey;
  cursor: pointer;
  border-radius: 7px;
  border: 1.5px grey solid;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-input-box .edit-property-details-selection-box p {
  width: 100%;
  text-align: center;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-input-box textarea {
  display: block;
  background-color: #f7f7f7;
  padding: 13px;
  outline: none;
  border: none;
  width: 60%;
  font-family: "Satoshi", serif;
  font-weight: bold;
  font-size: 14.5px;
  box-shadow: 0px 0px 21px lightgrey;
  resize: none;
  height: 150px;
  border-radius: 7px;
  border: 1.5px grey solid;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-input-box #number-of-bedrooms {
  width: 300px;
  height: 50px;
  background-color: #f7f7f7;
  box-shadow: 0px 0px 21px lightgrey;
  border-radius: 7px;
  border: 1.5px grey solid;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-input-box #number-of-bedrooms .button-property {
  height: 44px;
  width: 44px;
  margin-top: 3px;
  background-color: #D9D9D9;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
  position: relative;
  z-index: 10;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-input-box #number-of-bedrooms #minus-button {
  float: left;
  margin-left: 3px;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-input-box #number-of-bedrooms #plus-button {
  float: right;
  margin-right: 3px;
}
#edit-property-details #edit-property-details-container #edit-property-details-edit-input-box #number-of-bedrooms #number-of-bedrooms-edit-label {
  position: absolute;
  width: 300px;
  margin-top: 13px;
  font-weight: bold;
  color: grey;
  text-align: center;
}
#edit-property-details #edit-property-details-container #edit-property-details-features-container {
  display: flex;
  flex-direction: column;
  width: 40%;
}
#edit-property-details #edit-property-details-container #edit-property-details-features-container input {
  margin-bottom: 12px;
  width: 100%;
  border-radius: 7px;
  border: 1.5px grey solid;
}
#edit-property-details #edit-property-details-container #edit-property-details-save-button {
  background-color: rgb(0, 193, 0);
  color: white;
  font-family: "Satoshi", sans-serif;
  font-weight: bold;
  width: fit-content;
  padding: 10px 50px;
  margin: 30px 0px;
  box-shadow: 0px 0px 21px lightgrey;
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
}

.overlay {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 155, 255, 0.3);
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 101;
  backdrop-filter: blur(3.5px);
}
.overlay .overlay-info-box-container {
  padding: 50px 80px;
  background-color: white;
  border-radius: 10px;
  margin: 0 auto;
  width: fit-content;
  max-width: 70vw;
  max-height: 50vh;
  overflow-y: scroll;
}
.overlay .overlay-info-box-container p {
  font-size: 16px;
}
.overlay .overlay-info-box-container div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.overlay .overlay-info-box-container div h1 {
  margin: 0px;
  text-align: left;
  font-size: 28px;
}
.overlay .overlay-info-box-container div .close-button {
  float: right;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: slategrey;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

#epc-uploader-overlay .overlay-info-box-container,
#gsc-uploader-overlay .overlay-info-box-container,
#no-gas-declaration-overlay .overlay-info-box-container,
#eicr-uploader-overlay .overlay-info-box-container,
#selective-licensing-declaration-overlay .overlay-info-box-container,
#smoke-detector-declaration-overlay .overlay-info-box-container,
#co-detector-declaration-overlay .overlay-info-box-container,
#no-co-detector-declaration-overlay .overlay-info-box-container,
#reference-result-view .overlay-info-box-container,
#own-inventory-uploader-overlay .overlay-info-box-container {
  max-width: 50vw;
}
#epc-uploader-overlay .overlay-info-box-container h1,
#gsc-uploader-overlay .overlay-info-box-container h1,
#no-gas-declaration-overlay .overlay-info-box-container h1,
#eicr-uploader-overlay .overlay-info-box-container h1,
#selective-licensing-declaration-overlay .overlay-info-box-container h1,
#smoke-detector-declaration-overlay .overlay-info-box-container h1,
#co-detector-declaration-overlay .overlay-info-box-container h1,
#no-co-detector-declaration-overlay .overlay-info-box-container h1,
#reference-result-view .overlay-info-box-container h1,
#own-inventory-uploader-overlay .overlay-info-box-container h1 {
  margin-right: 50px;
}
#epc-uploader-overlay .overlay-info-box-container .underlined-info-box,
#gsc-uploader-overlay .overlay-info-box-container .underlined-info-box,
#no-gas-declaration-overlay .overlay-info-box-container .underlined-info-box,
#eicr-uploader-overlay .overlay-info-box-container .underlined-info-box,
#selective-licensing-declaration-overlay .overlay-info-box-container .underlined-info-box,
#smoke-detector-declaration-overlay .overlay-info-box-container .underlined-info-box,
#co-detector-declaration-overlay .overlay-info-box-container .underlined-info-box,
#no-co-detector-declaration-overlay .overlay-info-box-container .underlined-info-box,
#reference-result-view .overlay-info-box-container .underlined-info-box,
#own-inventory-uploader-overlay .overlay-info-box-container .underlined-info-box {
  border-bottom: 2px grey solid;
}
#epc-uploader-overlay .overlay-info-box-container label,
#gsc-uploader-overlay .overlay-info-box-container label,
#no-gas-declaration-overlay .overlay-info-box-container label,
#eicr-uploader-overlay .overlay-info-box-container label,
#selective-licensing-declaration-overlay .overlay-info-box-container label,
#smoke-detector-declaration-overlay .overlay-info-box-container label,
#co-detector-declaration-overlay .overlay-info-box-container label,
#no-co-detector-declaration-overlay .overlay-info-box-container label,
#reference-result-view .overlay-info-box-container label,
#own-inventory-uploader-overlay .overlay-info-box-container label {
  border: 1.75px grey solid;
  border-radius: 6px;
  display: inline-block;
  padding: 4px 12px;
  cursor: pointer;
  font-size: 12px;
}
#epc-uploader-overlay .overlay-info-box-container input[type=date],
#gsc-uploader-overlay .overlay-info-box-container input[type=date],
#no-gas-declaration-overlay .overlay-info-box-container input[type=date],
#eicr-uploader-overlay .overlay-info-box-container input[type=date],
#selective-licensing-declaration-overlay .overlay-info-box-container input[type=date],
#smoke-detector-declaration-overlay .overlay-info-box-container input[type=date],
#co-detector-declaration-overlay .overlay-info-box-container input[type=date],
#no-co-detector-declaration-overlay .overlay-info-box-container input[type=date],
#reference-result-view .overlay-info-box-container input[type=date],
#own-inventory-uploader-overlay .overlay-info-box-container input[type=date] {
  margin-left: 7px;
  padding: 4px 12px;
  font-family: "Satoshi", sans-serif;
  cursor: pointer;
  border: 1.75px grey solid;
  border-radius: 6px;
}
#epc-uploader-overlay .overlay-info-box-container select,
#gsc-uploader-overlay .overlay-info-box-container select,
#no-gas-declaration-overlay .overlay-info-box-container select,
#eicr-uploader-overlay .overlay-info-box-container select,
#selective-licensing-declaration-overlay .overlay-info-box-container select,
#smoke-detector-declaration-overlay .overlay-info-box-container select,
#co-detector-declaration-overlay .overlay-info-box-container select,
#no-co-detector-declaration-overlay .overlay-info-box-container select,
#reference-result-view .overlay-info-box-container select,
#own-inventory-uploader-overlay .overlay-info-box-container select {
  cursor: pointer;
  border: 1.75px grey solid;
  border-radius: 6px;
  display: inline-block;
  position: relative;
  font-size: 14px;
  width: 90px;
  height: 30px;
  background-color: white;
}
#epc-uploader-overlay .overlay-info-box-container .uploader-overlay-bottom-text,
#gsc-uploader-overlay .overlay-info-box-container .uploader-overlay-bottom-text,
#no-gas-declaration-overlay .overlay-info-box-container .uploader-overlay-bottom-text,
#eicr-uploader-overlay .overlay-info-box-container .uploader-overlay-bottom-text,
#selective-licensing-declaration-overlay .overlay-info-box-container .uploader-overlay-bottom-text,
#smoke-detector-declaration-overlay .overlay-info-box-container .uploader-overlay-bottom-text,
#co-detector-declaration-overlay .overlay-info-box-container .uploader-overlay-bottom-text,
#no-co-detector-declaration-overlay .overlay-info-box-container .uploader-overlay-bottom-text,
#reference-result-view .overlay-info-box-container .uploader-overlay-bottom-text,
#own-inventory-uploader-overlay .overlay-info-box-container .uploader-overlay-bottom-text {
  width: 100%;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}
#epc-uploader-overlay .overlay-info-box-container .uploader-button,
#gsc-uploader-overlay .overlay-info-box-container .uploader-button,
#no-gas-declaration-overlay .overlay-info-box-container .uploader-button,
#eicr-uploader-overlay .overlay-info-box-container .uploader-button,
#selective-licensing-declaration-overlay .overlay-info-box-container .uploader-button,
#smoke-detector-declaration-overlay .overlay-info-box-container .uploader-button,
#co-detector-declaration-overlay .overlay-info-box-container .uploader-button,
#no-co-detector-declaration-overlay .overlay-info-box-container .uploader-button,
#reference-result-view .overlay-info-box-container .uploader-button,
#own-inventory-uploader-overlay .overlay-info-box-container .uploader-button {
  background-color: rgb(45, 211, 45);
  color: white;
  width: fit-content;
  padding: 8px 20px;
  border-radius: 3px;
  margin: 0 auto;
  cursor: pointer;
  font-weight: bold;
  font-size: 13px;
}
#epc-uploader-overlay .overlay-info-box-container .uploader-error,
#gsc-uploader-overlay .overlay-info-box-container .uploader-error,
#no-gas-declaration-overlay .overlay-info-box-container .uploader-error,
#eicr-uploader-overlay .overlay-info-box-container .uploader-error,
#selective-licensing-declaration-overlay .overlay-info-box-container .uploader-error,
#smoke-detector-declaration-overlay .overlay-info-box-container .uploader-error,
#co-detector-declaration-overlay .overlay-info-box-container .uploader-error,
#no-co-detector-declaration-overlay .overlay-info-box-container .uploader-error,
#reference-result-view .overlay-info-box-container .uploader-error,
#own-inventory-uploader-overlay .overlay-info-box-container .uploader-error {
  text-align: center;
  color: red;
  margin: 0px;
}
#epc-uploader-overlay .overlay-info-box-container #custom-inventory-file-upload-container,
#gsc-uploader-overlay .overlay-info-box-container #custom-inventory-file-upload-container,
#no-gas-declaration-overlay .overlay-info-box-container #custom-inventory-file-upload-container,
#eicr-uploader-overlay .overlay-info-box-container #custom-inventory-file-upload-container,
#selective-licensing-declaration-overlay .overlay-info-box-container #custom-inventory-file-upload-container,
#smoke-detector-declaration-overlay .overlay-info-box-container #custom-inventory-file-upload-container,
#co-detector-declaration-overlay .overlay-info-box-container #custom-inventory-file-upload-container,
#no-co-detector-declaration-overlay .overlay-info-box-container #custom-inventory-file-upload-container,
#reference-result-view .overlay-info-box-container #custom-inventory-file-upload-container,
#own-inventory-uploader-overlay .overlay-info-box-container #custom-inventory-file-upload-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 30px;
}
#epc-uploader-overlay .overlay-info-box-container #custom-inventory-file-upload-container label,
#gsc-uploader-overlay .overlay-info-box-container #custom-inventory-file-upload-container label,
#no-gas-declaration-overlay .overlay-info-box-container #custom-inventory-file-upload-container label,
#eicr-uploader-overlay .overlay-info-box-container #custom-inventory-file-upload-container label,
#selective-licensing-declaration-overlay .overlay-info-box-container #custom-inventory-file-upload-container label,
#smoke-detector-declaration-overlay .overlay-info-box-container #custom-inventory-file-upload-container label,
#co-detector-declaration-overlay .overlay-info-box-container #custom-inventory-file-upload-container label,
#no-co-detector-declaration-overlay .overlay-info-box-container #custom-inventory-file-upload-container label,
#reference-result-view .overlay-info-box-container #custom-inventory-file-upload-container label,
#own-inventory-uploader-overlay .overlay-info-box-container #custom-inventory-file-upload-container label {
  padding: 7px 30px;
}

.overlay-info-box-container a, .overlay-info-box-container a:visited {
  text-decoration: none;
  border-bottom: 2px grey solid;
  color: grey;
}

#remove-applicant-overlay .overlay-info-box-container #remove-applicant-overlay-heading {
  text-align: center;
}
#remove-applicant-overlay .overlay-info-box-container #remove-applicant-buttons-container {
  justify-content: space-around;
}
#remove-applicant-overlay .overlay-info-box-container #remove-applicant-overlay-button,
#remove-applicant-overlay .overlay-info-box-container #close-remove-applicant-overlay-button {
  margin-top: 30px;
  background-color: red;
  color: white;
  outline: none;
  border: none;
  padding: 9px 25px;
  font-size: 12px;
  border-radius: 6px;
}
#remove-applicant-overlay .overlay-info-box-container #close-remove-applicant-overlay-button {
  background-color: grey;
}

#offer-overlay {
  align-items: left !important;
}
#offer-overlay .overlay-info-box-container {
  max-height: 70vh;
  overflow-y: scroll;
  width: fit-content;
}
#offer-overlay .overlay-info-box-container #offer-intro-text-container {
  justify-content: center;
}
#offer-overlay .overlay-info-box-container #offer-intro-text-container #offer-intro-text {
  font-style: italic;
  margin-top: 15px;
}
#offer-overlay .overlay-info-box-container h2 {
  width: fit-content;
  margin-top: 15px;
  margin-bottom: 0px;
  border-bottom: 3px grey solid;
}
#offer-overlay .overlay-info-box-container div {
  flex-direction: column;
  align-items: flex-start;
  justify-content: left;
}
#offer-overlay .overlay-info-box-container div p {
  margin-top: 0px;
  margin-bottom: 0px;
}
#offer-overlay .overlay-info-box-container div .offer-overlay-heading {
  margin-top: 13px;
  margin-bottom: 5px;
  font-style: italic;
}
#offer-overlay .overlay-info-box-container input {
  text-align: right;
}
#offer-overlay .overlay-info-box-container #offer-buttons-container {
  display: flex !important;
  flex-direction: row;
  margin-top: 20px;
}
#offer-overlay .overlay-info-box-container #offer-buttons-container .offer-buttons {
  background-color: blue;
  color: white;
  padding: 10px 20px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  margin-right: 20px;
}

#reject-overlay, #message-offer-overlay, #decline-reference-overlay {
  z-index: 102;
}
#reject-overlay #reject-overlay-custom-subcontainer, #reject-overlay #message-offer-custom-subcontainer, #reject-overlay #decline-overlay-custom-subcontainer, #message-offer-overlay #reject-overlay-custom-subcontainer, #message-offer-overlay #message-offer-custom-subcontainer, #message-offer-overlay #decline-overlay-custom-subcontainer, #decline-reference-overlay #reject-overlay-custom-subcontainer, #decline-reference-overlay #message-offer-custom-subcontainer, #decline-reference-overlay #decline-overlay-custom-subcontainer {
  flex-direction: column;
}
#reject-overlay #reject-overlay-custom-subcontainer h2, #reject-overlay #message-offer-custom-subcontainer h2, #reject-overlay #decline-overlay-custom-subcontainer h2, #message-offer-overlay #reject-overlay-custom-subcontainer h2, #message-offer-overlay #message-offer-custom-subcontainer h2, #message-offer-overlay #decline-overlay-custom-subcontainer h2, #decline-reference-overlay #reject-overlay-custom-subcontainer h2, #decline-reference-overlay #message-offer-custom-subcontainer h2, #decline-reference-overlay #decline-overlay-custom-subcontainer h2 {
  margin: 0px;
}
#reject-overlay #reject-overlay-custom-subcontainer p, #reject-overlay #message-offer-custom-subcontainer p, #reject-overlay #decline-overlay-custom-subcontainer p, #message-offer-overlay #reject-overlay-custom-subcontainer p, #message-offer-overlay #message-offer-custom-subcontainer p, #message-offer-overlay #decline-overlay-custom-subcontainer p, #decline-reference-overlay #reject-overlay-custom-subcontainer p, #decline-reference-overlay #message-offer-custom-subcontainer p, #decline-reference-overlay #decline-overlay-custom-subcontainer p {
  margin-top: 16px;
  margin-bottom: 16px;
}
#reject-overlay #reject-overlay-custom-subcontainer textarea, #reject-overlay #message-offer-custom-subcontainer textarea, #reject-overlay #decline-overlay-custom-subcontainer textarea, #message-offer-overlay #reject-overlay-custom-subcontainer textarea, #message-offer-overlay #message-offer-custom-subcontainer textarea, #message-offer-overlay #decline-overlay-custom-subcontainer textarea, #decline-reference-overlay #reject-overlay-custom-subcontainer textarea, #decline-reference-overlay #message-offer-custom-subcontainer textarea, #decline-reference-overlay #decline-overlay-custom-subcontainer textarea {
  background-color: #f7f7f7;
  padding: 13px;
  outline: none;
  border: none;
  font-family: "Satoshi", serif;
  font-weight: bold;
  font-size: 14.5px;
  box-shadow: 0px 0px 21px lightgrey;
  resize: none;
  width: 50vw;
  height: 150px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#reject-overlay #reject-overlay-custom-subcontainer #reject-button-container, #reject-overlay #reject-overlay-custom-subcontainer #message-offer-button-container, #reject-overlay #reject-overlay-custom-subcontainer #decline-button-container, #reject-overlay #message-offer-custom-subcontainer #reject-button-container, #reject-overlay #message-offer-custom-subcontainer #message-offer-button-container, #reject-overlay #message-offer-custom-subcontainer #decline-button-container, #reject-overlay #decline-overlay-custom-subcontainer #reject-button-container, #reject-overlay #decline-overlay-custom-subcontainer #message-offer-button-container, #reject-overlay #decline-overlay-custom-subcontainer #decline-button-container, #message-offer-overlay #reject-overlay-custom-subcontainer #reject-button-container, #message-offer-overlay #reject-overlay-custom-subcontainer #message-offer-button-container, #message-offer-overlay #reject-overlay-custom-subcontainer #decline-button-container, #message-offer-overlay #message-offer-custom-subcontainer #reject-button-container, #message-offer-overlay #message-offer-custom-subcontainer #message-offer-button-container, #message-offer-overlay #message-offer-custom-subcontainer #decline-button-container, #message-offer-overlay #decline-overlay-custom-subcontainer #reject-button-container, #message-offer-overlay #decline-overlay-custom-subcontainer #message-offer-button-container, #message-offer-overlay #decline-overlay-custom-subcontainer #decline-button-container, #decline-reference-overlay #reject-overlay-custom-subcontainer #reject-button-container, #decline-reference-overlay #reject-overlay-custom-subcontainer #message-offer-button-container, #decline-reference-overlay #reject-overlay-custom-subcontainer #decline-button-container, #decline-reference-overlay #message-offer-custom-subcontainer #reject-button-container, #decline-reference-overlay #message-offer-custom-subcontainer #message-offer-button-container, #decline-reference-overlay #message-offer-custom-subcontainer #decline-button-container, #decline-reference-overlay #decline-overlay-custom-subcontainer #reject-button-container, #decline-reference-overlay #decline-overlay-custom-subcontainer #message-offer-button-container, #decline-reference-overlay #decline-overlay-custom-subcontainer #decline-button-container {
  justify-content: left;
}
#reject-overlay #reject-overlay-custom-subcontainer #reject-button-container .reject-button, #reject-overlay #reject-overlay-custom-subcontainer #reject-button-container .message-offer-button, #reject-overlay #reject-overlay-custom-subcontainer #message-offer-button-container .reject-button, #reject-overlay #reject-overlay-custom-subcontainer #message-offer-button-container .message-offer-button, #reject-overlay #reject-overlay-custom-subcontainer #decline-button-container .reject-button, #reject-overlay #reject-overlay-custom-subcontainer #decline-button-container .message-offer-button, #reject-overlay #message-offer-custom-subcontainer #reject-button-container .reject-button, #reject-overlay #message-offer-custom-subcontainer #reject-button-container .message-offer-button, #reject-overlay #message-offer-custom-subcontainer #message-offer-button-container .reject-button, #reject-overlay #message-offer-custom-subcontainer #message-offer-button-container .message-offer-button, #reject-overlay #message-offer-custom-subcontainer #decline-button-container .reject-button, #reject-overlay #message-offer-custom-subcontainer #decline-button-container .message-offer-button, #reject-overlay #decline-overlay-custom-subcontainer #reject-button-container .reject-button, #reject-overlay #decline-overlay-custom-subcontainer #reject-button-container .message-offer-button, #reject-overlay #decline-overlay-custom-subcontainer #message-offer-button-container .reject-button, #reject-overlay #decline-overlay-custom-subcontainer #message-offer-button-container .message-offer-button, #reject-overlay #decline-overlay-custom-subcontainer #decline-button-container .reject-button, #reject-overlay #decline-overlay-custom-subcontainer #decline-button-container .message-offer-button, #message-offer-overlay #reject-overlay-custom-subcontainer #reject-button-container .reject-button, #message-offer-overlay #reject-overlay-custom-subcontainer #reject-button-container .message-offer-button, #message-offer-overlay #reject-overlay-custom-subcontainer #message-offer-button-container .reject-button, #message-offer-overlay #reject-overlay-custom-subcontainer #message-offer-button-container .message-offer-button, #message-offer-overlay #reject-overlay-custom-subcontainer #decline-button-container .reject-button, #message-offer-overlay #reject-overlay-custom-subcontainer #decline-button-container .message-offer-button, #message-offer-overlay #message-offer-custom-subcontainer #reject-button-container .reject-button, #message-offer-overlay #message-offer-custom-subcontainer #reject-button-container .message-offer-button, #message-offer-overlay #message-offer-custom-subcontainer #message-offer-button-container .reject-button, #message-offer-overlay #message-offer-custom-subcontainer #message-offer-button-container .message-offer-button, #message-offer-overlay #message-offer-custom-subcontainer #decline-button-container .reject-button, #message-offer-overlay #message-offer-custom-subcontainer #decline-button-container .message-offer-button, #message-offer-overlay #decline-overlay-custom-subcontainer #reject-button-container .reject-button, #message-offer-overlay #decline-overlay-custom-subcontainer #reject-button-container .message-offer-button, #message-offer-overlay #decline-overlay-custom-subcontainer #message-offer-button-container .reject-button, #message-offer-overlay #decline-overlay-custom-subcontainer #message-offer-button-container .message-offer-button, #message-offer-overlay #decline-overlay-custom-subcontainer #decline-button-container .reject-button, #message-offer-overlay #decline-overlay-custom-subcontainer #decline-button-container .message-offer-button, #decline-reference-overlay #reject-overlay-custom-subcontainer #reject-button-container .reject-button, #decline-reference-overlay #reject-overlay-custom-subcontainer #reject-button-container .message-offer-button, #decline-reference-overlay #reject-overlay-custom-subcontainer #message-offer-button-container .reject-button, #decline-reference-overlay #reject-overlay-custom-subcontainer #message-offer-button-container .message-offer-button, #decline-reference-overlay #reject-overlay-custom-subcontainer #decline-button-container .reject-button, #decline-reference-overlay #reject-overlay-custom-subcontainer #decline-button-container .message-offer-button, #decline-reference-overlay #message-offer-custom-subcontainer #reject-button-container .reject-button, #decline-reference-overlay #message-offer-custom-subcontainer #reject-button-container .message-offer-button, #decline-reference-overlay #message-offer-custom-subcontainer #message-offer-button-container .reject-button, #decline-reference-overlay #message-offer-custom-subcontainer #message-offer-button-container .message-offer-button, #decline-reference-overlay #message-offer-custom-subcontainer #decline-button-container .reject-button, #decline-reference-overlay #message-offer-custom-subcontainer #decline-button-container .message-offer-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #reject-button-container .reject-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #reject-button-container .message-offer-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #message-offer-button-container .reject-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #message-offer-button-container .message-offer-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #decline-button-container .reject-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #decline-button-container .message-offer-button {
  background-color: grey;
  color: white;
  padding: 10px 30px;
  border-radius: 10px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
}
#reject-overlay #reject-overlay-custom-subcontainer #reject-button-container #yes-reject, #reject-overlay #reject-overlay-custom-subcontainer #message-offer-button-container #yes-reject, #reject-overlay #reject-overlay-custom-subcontainer #decline-button-container #yes-reject, #reject-overlay #message-offer-custom-subcontainer #reject-button-container #yes-reject, #reject-overlay #message-offer-custom-subcontainer #message-offer-button-container #yes-reject, #reject-overlay #message-offer-custom-subcontainer #decline-button-container #yes-reject, #reject-overlay #decline-overlay-custom-subcontainer #reject-button-container #yes-reject, #reject-overlay #decline-overlay-custom-subcontainer #message-offer-button-container #yes-reject, #reject-overlay #decline-overlay-custom-subcontainer #decline-button-container #yes-reject, #message-offer-overlay #reject-overlay-custom-subcontainer #reject-button-container #yes-reject, #message-offer-overlay #reject-overlay-custom-subcontainer #message-offer-button-container #yes-reject, #message-offer-overlay #reject-overlay-custom-subcontainer #decline-button-container #yes-reject, #message-offer-overlay #message-offer-custom-subcontainer #reject-button-container #yes-reject, #message-offer-overlay #message-offer-custom-subcontainer #message-offer-button-container #yes-reject, #message-offer-overlay #message-offer-custom-subcontainer #decline-button-container #yes-reject, #message-offer-overlay #decline-overlay-custom-subcontainer #reject-button-container #yes-reject, #message-offer-overlay #decline-overlay-custom-subcontainer #message-offer-button-container #yes-reject, #message-offer-overlay #decline-overlay-custom-subcontainer #decline-button-container #yes-reject, #decline-reference-overlay #reject-overlay-custom-subcontainer #reject-button-container #yes-reject, #decline-reference-overlay #reject-overlay-custom-subcontainer #message-offer-button-container #yes-reject, #decline-reference-overlay #reject-overlay-custom-subcontainer #decline-button-container #yes-reject, #decline-reference-overlay #message-offer-custom-subcontainer #reject-button-container #yes-reject, #decline-reference-overlay #message-offer-custom-subcontainer #message-offer-button-container #yes-reject, #decline-reference-overlay #message-offer-custom-subcontainer #decline-button-container #yes-reject, #decline-reference-overlay #decline-overlay-custom-subcontainer #reject-button-container #yes-reject, #decline-reference-overlay #decline-overlay-custom-subcontainer #message-offer-button-container #yes-reject, #decline-reference-overlay #decline-overlay-custom-subcontainer #decline-button-container #yes-reject {
  background-color: red;
}
#reject-overlay #reject-overlay-custom-subcontainer #reject-button-container #send-message-to-offer-button, #reject-overlay #reject-overlay-custom-subcontainer #message-offer-button-container #send-message-to-offer-button, #reject-overlay #reject-overlay-custom-subcontainer #decline-button-container #send-message-to-offer-button, #reject-overlay #message-offer-custom-subcontainer #reject-button-container #send-message-to-offer-button, #reject-overlay #message-offer-custom-subcontainer #message-offer-button-container #send-message-to-offer-button, #reject-overlay #message-offer-custom-subcontainer #decline-button-container #send-message-to-offer-button, #reject-overlay #decline-overlay-custom-subcontainer #reject-button-container #send-message-to-offer-button, #reject-overlay #decline-overlay-custom-subcontainer #message-offer-button-container #send-message-to-offer-button, #reject-overlay #decline-overlay-custom-subcontainer #decline-button-container #send-message-to-offer-button, #message-offer-overlay #reject-overlay-custom-subcontainer #reject-button-container #send-message-to-offer-button, #message-offer-overlay #reject-overlay-custom-subcontainer #message-offer-button-container #send-message-to-offer-button, #message-offer-overlay #reject-overlay-custom-subcontainer #decline-button-container #send-message-to-offer-button, #message-offer-overlay #message-offer-custom-subcontainer #reject-button-container #send-message-to-offer-button, #message-offer-overlay #message-offer-custom-subcontainer #message-offer-button-container #send-message-to-offer-button, #message-offer-overlay #message-offer-custom-subcontainer #decline-button-container #send-message-to-offer-button, #message-offer-overlay #decline-overlay-custom-subcontainer #reject-button-container #send-message-to-offer-button, #message-offer-overlay #decline-overlay-custom-subcontainer #message-offer-button-container #send-message-to-offer-button, #message-offer-overlay #decline-overlay-custom-subcontainer #decline-button-container #send-message-to-offer-button, #decline-reference-overlay #reject-overlay-custom-subcontainer #reject-button-container #send-message-to-offer-button, #decline-reference-overlay #reject-overlay-custom-subcontainer #message-offer-button-container #send-message-to-offer-button, #decline-reference-overlay #reject-overlay-custom-subcontainer #decline-button-container #send-message-to-offer-button, #decline-reference-overlay #message-offer-custom-subcontainer #reject-button-container #send-message-to-offer-button, #decline-reference-overlay #message-offer-custom-subcontainer #message-offer-button-container #send-message-to-offer-button, #decline-reference-overlay #message-offer-custom-subcontainer #decline-button-container #send-message-to-offer-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #reject-button-container #send-message-to-offer-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #message-offer-button-container #send-message-to-offer-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #decline-button-container #send-message-to-offer-button {
  background-color: rgb(0, 193, 0);
}
#reject-overlay #reject-overlay-custom-subcontainer #reject-button-container #retain-button, #reject-overlay #reject-overlay-custom-subcontainer #reject-button-container #refund-button, #reject-overlay #reject-overlay-custom-subcontainer #message-offer-button-container #retain-button, #reject-overlay #reject-overlay-custom-subcontainer #message-offer-button-container #refund-button, #reject-overlay #reject-overlay-custom-subcontainer #decline-button-container #retain-button, #reject-overlay #reject-overlay-custom-subcontainer #decline-button-container #refund-button, #reject-overlay #message-offer-custom-subcontainer #reject-button-container #retain-button, #reject-overlay #message-offer-custom-subcontainer #reject-button-container #refund-button, #reject-overlay #message-offer-custom-subcontainer #message-offer-button-container #retain-button, #reject-overlay #message-offer-custom-subcontainer #message-offer-button-container #refund-button, #reject-overlay #message-offer-custom-subcontainer #decline-button-container #retain-button, #reject-overlay #message-offer-custom-subcontainer #decline-button-container #refund-button, #reject-overlay #decline-overlay-custom-subcontainer #reject-button-container #retain-button, #reject-overlay #decline-overlay-custom-subcontainer #reject-button-container #refund-button, #reject-overlay #decline-overlay-custom-subcontainer #message-offer-button-container #retain-button, #reject-overlay #decline-overlay-custom-subcontainer #message-offer-button-container #refund-button, #reject-overlay #decline-overlay-custom-subcontainer #decline-button-container #retain-button, #reject-overlay #decline-overlay-custom-subcontainer #decline-button-container #refund-button, #message-offer-overlay #reject-overlay-custom-subcontainer #reject-button-container #retain-button, #message-offer-overlay #reject-overlay-custom-subcontainer #reject-button-container #refund-button, #message-offer-overlay #reject-overlay-custom-subcontainer #message-offer-button-container #retain-button, #message-offer-overlay #reject-overlay-custom-subcontainer #message-offer-button-container #refund-button, #message-offer-overlay #reject-overlay-custom-subcontainer #decline-button-container #retain-button, #message-offer-overlay #reject-overlay-custom-subcontainer #decline-button-container #refund-button, #message-offer-overlay #message-offer-custom-subcontainer #reject-button-container #retain-button, #message-offer-overlay #message-offer-custom-subcontainer #reject-button-container #refund-button, #message-offer-overlay #message-offer-custom-subcontainer #message-offer-button-container #retain-button, #message-offer-overlay #message-offer-custom-subcontainer #message-offer-button-container #refund-button, #message-offer-overlay #message-offer-custom-subcontainer #decline-button-container #retain-button, #message-offer-overlay #message-offer-custom-subcontainer #decline-button-container #refund-button, #message-offer-overlay #decline-overlay-custom-subcontainer #reject-button-container #retain-button, #message-offer-overlay #decline-overlay-custom-subcontainer #reject-button-container #refund-button, #message-offer-overlay #decline-overlay-custom-subcontainer #message-offer-button-container #retain-button, #message-offer-overlay #decline-overlay-custom-subcontainer #message-offer-button-container #refund-button, #message-offer-overlay #decline-overlay-custom-subcontainer #decline-button-container #retain-button, #message-offer-overlay #decline-overlay-custom-subcontainer #decline-button-container #refund-button, #decline-reference-overlay #reject-overlay-custom-subcontainer #reject-button-container #retain-button, #decline-reference-overlay #reject-overlay-custom-subcontainer #reject-button-container #refund-button, #decline-reference-overlay #reject-overlay-custom-subcontainer #message-offer-button-container #retain-button, #decline-reference-overlay #reject-overlay-custom-subcontainer #message-offer-button-container #refund-button, #decline-reference-overlay #reject-overlay-custom-subcontainer #decline-button-container #retain-button, #decline-reference-overlay #reject-overlay-custom-subcontainer #decline-button-container #refund-button, #decline-reference-overlay #message-offer-custom-subcontainer #reject-button-container #retain-button, #decline-reference-overlay #message-offer-custom-subcontainer #reject-button-container #refund-button, #decline-reference-overlay #message-offer-custom-subcontainer #message-offer-button-container #retain-button, #decline-reference-overlay #message-offer-custom-subcontainer #message-offer-button-container #refund-button, #decline-reference-overlay #message-offer-custom-subcontainer #decline-button-container #retain-button, #decline-reference-overlay #message-offer-custom-subcontainer #decline-button-container #refund-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #reject-button-container #retain-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #reject-button-container #refund-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #message-offer-button-container #retain-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #message-offer-button-container #refund-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #decline-button-container #retain-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #decline-button-container #refund-button {
  background-color: #178BF6 !important;
  padding: 6px 25px !important;
  font-size: 15px;
}
#reject-overlay #decline-overlay-custom-subcontainer, #message-offer-overlay #decline-overlay-custom-subcontainer, #decline-reference-overlay #decline-overlay-custom-subcontainer {
  align-items: flex-start;
}
#reject-overlay #decline-overlay-custom-subcontainer #decline-reference-heading-container, #message-offer-overlay #decline-overlay-custom-subcontainer #decline-reference-heading-container, #decline-reference-overlay #decline-overlay-custom-subcontainer #decline-reference-heading-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 16px;
}
#reject-overlay #decline-overlay-custom-subcontainer #decline-reference-heading-container h2, #message-offer-overlay #decline-overlay-custom-subcontainer #decline-reference-heading-container h2, #decline-reference-overlay #decline-overlay-custom-subcontainer #decline-reference-heading-container h2 {
  font-size: 30px;
}
#reject-overlay #decline-overlay-custom-subcontainer #decline-reference-heading-container .close-button, #message-offer-overlay #decline-overlay-custom-subcontainer #decline-reference-heading-container .close-button, #decline-reference-overlay #decline-overlay-custom-subcontainer #decline-reference-heading-container .close-button {
  margin-left: 30px;
}
#reject-overlay #decline-overlay-custom-subcontainer ul, #message-offer-overlay #decline-overlay-custom-subcontainer ul, #decline-reference-overlay #decline-overlay-custom-subcontainer ul {
  margin-top: 0px;
  margin-bottom: 0px;
}
#reject-overlay #decline-overlay-custom-subcontainer p, #reject-overlay #decline-overlay-custom-subcontainer li, #message-offer-overlay #decline-overlay-custom-subcontainer p, #message-offer-overlay #decline-overlay-custom-subcontainer li, #decline-reference-overlay #decline-overlay-custom-subcontainer p, #decline-reference-overlay #decline-overlay-custom-subcontainer li {
  font-size: 16px;
}
#reject-overlay #decline-overlay-custom-subcontainer p, #message-offer-overlay #decline-overlay-custom-subcontainer p, #decline-reference-overlay #decline-overlay-custom-subcontainer p {
  margin-top: 10px;
  margin-bottom: 10px;
}
#reject-overlay #decline-overlay-custom-subcontainer #decline-button-container, #message-offer-overlay #decline-overlay-custom-subcontainer #decline-button-container, #decline-reference-overlay #decline-overlay-custom-subcontainer #decline-button-container {
  margin-top: 10px;
}
#reject-overlay #decline-overlay-custom-subcontainer #decline-reference-success-message, #message-offer-overlay #decline-overlay-custom-subcontainer #decline-reference-success-message, #decline-reference-overlay #decline-overlay-custom-subcontainer #decline-reference-success-message {
  color: green;
}
#reject-overlay #decline-overlay-custom-subcontainer #decline-reference-error, #message-offer-overlay #decline-overlay-custom-subcontainer #decline-reference-error, #decline-reference-overlay #decline-overlay-custom-subcontainer #decline-reference-error {
  color: red;
}

#check-guarantor-requirement-overlay-custom-subcontainer {
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center !important;
}
#check-guarantor-requirement-overlay-custom-subcontainer #check-guarantor-requirement-overlay-heading-container {
  display: flex;
  flex-direction: row;
  width: 100%;
}
#check-guarantor-requirement-overlay-custom-subcontainer #check-guarantor-requirement-overlay-heading-container h1 {
  text-align: center;
}
#check-guarantor-requirement-overlay-custom-subcontainer .check-guarantor-requirement-check-row {
  display: flex;
  flex-direction: row;
}
#check-guarantor-requirement-overlay-custom-subcontainer .check-guarantor-requirement-check-row img {
  width: 20px;
  height: 20px;
  margin-right: 20px;
}
#check-guarantor-requirement-overlay-custom-subcontainer .check-guarantor-requirement-check-row p {
  margin-top: 5px;
  margin-bottom: 5px;
}
#check-guarantor-requirement-overlay-custom-subcontainer #request-guarantor-button, #check-guarantor-requirement-overlay-custom-subcontainer #request-guarantor-sub-button {
  margin-top: 10px;
  box-shadow: none;
  outline: none;
  border: none;
  background-color: #178BF6;
  border-radius: 6px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
  color: white;
  font-family: "Satoshi", sans-serif;
  font-weight: bold;
}

#own-inventory-uploader-overlay #own-inventory-button-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#own-inventory-uploader-overlay #own-inventory-button-container .uploader-button {
  margin-left: 10px;
  margin-right: 10px;
}
#own-inventory-uploader-overlay #inventory-uploader-error {
  margin-top: 15px;
}

#reference-result-subcontainer {
  max-height: 70vh;
  overflow-y: scroll;
}
#reference-result-subcontainer #reference-result-view-custom-subcontainer {
  flex-direction: column;
  align-items: flex-start;
}
#reference-result-subcontainer #reference-result-view-custom-subcontainer p {
  margin: 5px 0px;
}
#reference-result-subcontainer #reference-result-view-custom-subcontainer .reference-result-subheading {
  margin-top: 25px;
  border-bottom: 2px solid grey;
}
#reference-result-subcontainer #reference-result-view-custom-subcontainer #reference-reports-link-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#reference-result-subcontainer #reference-result-view-custom-subcontainer #reference-reports-link-container p {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#reference-result-subcontainer #reference-result-view-custom-subcontainer #new-guarantor-details-container {
  flex-direction: column;
  align-items: flex-start;
}
#reference-result-subcontainer #reference-result-view-custom-subcontainer #new-guarantor-details-container #new-guarantor-letlaunch-recommendation {
  margin-top: 15px;
}
#reference-result-subcontainer #reference-result-view-custom-subcontainer #new-guarantor-details-container #reference-new-guarantor-button {
  background-color: #178BF6;
  color: white;
  outline: none;
  border: none;
  padding: 7px 20px;
  font-weight: bold;
  margin-top: 15px;
  border-radius: 6px;
  font-size: 13px;
}
#reference-result-subcontainer #reference-result-view-custom-subcontainer #reference-result-buttons-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 25px;
}
#reference-result-subcontainer #reference-result-view-custom-subcontainer #reference-result-buttons-container button {
  padding: 9px 25px;
  outline: none;
  border: none;
  border-radius: 5px;
  color: white;
  font-size: 13px;
  font-weight: bold;
}
#reference-result-subcontainer #reference-result-view-custom-subcontainer #reference-result-buttons-container #reference-accept-button {
  background-color: #2bbd63;
}
#reference-result-subcontainer #reference-result-view-custom-subcontainer #reference-result-buttons-container #request-new-guarantor-button {
  background-color: orange;
}
#reference-result-subcontainer #reference-result-view-custom-subcontainer #reference-result-buttons-container #reference-decline-button {
  background-color: red;
}
#reference-result-subcontainer #reference-result-view-custom-subcontainer #reference-error-message {
  color: red;
  margin-top: 20px;
}

#ast-progress-view-custom-subcontainer {
  flex-direction: column;
  align-items: flex-start;
}
#ast-progress-view-custom-subcontainer #ast-progress-view-heading-container {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
#ast-progress-view-custom-subcontainer #ast-progress-wrapper {
  display: flex;
  align-items: center;
}
#ast-progress-view-custom-subcontainer #ast-progress-wrapper .ast-traffic-light-icon {
  display: inline;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
#ast-progress-view-custom-subcontainer #ast-progress-wrapper p {
  margin-top: 10px;
  margin-bottom: 10px;
}

#confirm-check-in-overlay-custom-subcontainer {
  flex-direction: column;
  align-items: flex-start;
}
#confirm-check-in-overlay-custom-subcontainer #confirm-check-in-overlay-heading-container {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
#confirm-check-in-overlay-custom-subcontainer #confirm-check-in-action-button {
  background-color: rgb(45, 211, 45);
  color: white;
  width: fit-content;
  padding: 8px 20px;
  border-radius: 6px;
  border: none;
  outline: none;
  margin-top: 10px;
  cursor: pointer;
  font-weight: bold;
  font-size: 13px;
}

#add-a-property {
  width: 70vw;
  height: 100vh;
  background-color: white;
  display: flex;
  flex-direction: row;
  position: fixed;
  z-index: 1000;
  margin-left: 110vw;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.4);
  border-radius: 20px 0px 0px 20px;
  padding: 40px;
  box-sizing: border-box;
}
#add-a-property #add-a-property-progress-bar-container {
  height: 100%;
  width: 23px;
}
#add-a-property #add-a-property-progress-bar-container #add-a-property-progress-bar {
  border: 1.5px lightgrey solid;
  height: 100%;
  width: 10px;
  border-radius: 13px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  background: linear-gradient(to bottom, #178BF6 16%, white 83%);
}
#add-a-property #add-a-property-progress-bar-container #add-a-property-progress-bar .add-a-property-step {
  border-radius: 18px;
  width: 36px;
  height: 36px;
  background-color: #178BF6;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -13px;
}
#add-a-property #add-a-property-progress-bar-container #add-a-property-progress-bar .add-a-property-step p {
  color: white;
}
#add-a-property form {
  flex-grow: 1;
  flex-shrink: 100;
  overflow-x: hidden;
}
#add-a-property form input {
  display: block;
  margin: 0 auto;
  background-color: #f7f7f7;
  padding-left: 13px;
  padding-right: 13px;
  outline: none;
  width: 50%;
  height: 50px;
  font-family: "Satoshi", serif;
  font-weight: bold;
  font-size: 15.5px;
  border-radius: 7px;
  border: 1.5px grey solid;
  box-shadow: 0px 0px 21px lightgrey;
  margin-bottom: 15px;
}
#add-a-property form textarea {
  display: block;
  margin: 0 auto;
  background-color: #f7f7f7;
  padding: 13px;
  outline: none;
  width: 60%;
  font-family: "Satoshi", serif;
  font-weight: bold;
  font-size: 14.5px;
  border-radius: 7px;
  resize: none;
  height: 150px;
  border: 1.5px grey solid;
  box-shadow: 0px 0px 21px lightgrey;
}
#add-a-property .add-a-property-container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
#add-a-property .add-a-property-container {
  width: auto;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  flex: 1;
}
#add-a-property .add-a-property-container #add-a-property-subcontainer {
  height: fit-content;
  display: inline-block;
  width: 100%;
}
#add-a-property .add-a-property-container #add-a-property-subcontainer .add-a-property-container-class {
  width: 100%;
  height: fit-content;
  display: inline-block;
  margin-bottom: 30px;
}
#add-a-property .add-a-property-container #add-a-property-subcontainer h1, #add-a-property .add-a-property-container #add-a-property-subcontainer p {
  text-align: center;
}
#add-a-property .add-a-property-container #add-a-property-subcontainer #address-input-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
#add-a-property .add-a-property-container #add-a-property-subcontainer button {
  padding: 13px;
}
#add-a-property #add-a-property-container-1 {
  display: flex !important;
  flex-direction: column;
}
#add-a-property #copy-from-previous-property {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
#add-a-property #copy-from-previous-property select {
  height: 30px;
  width: 50%;
  padding: 0px 10px;
  border: 0px solid black;
}
#add-a-property #add-a-property-container-2 {
  display: flex !important;
  flex-direction: column;
}
#add-a-property #add-a-property-container-2 #address-details-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
#add-a-property #add-a-property-container-2 #number-of-bedrooms {
  width: 300px;
  height: 50px;
  background-color: #f7f7f7;
  margin: 0 auto;
  margin-bottom: 45px;
  border-radius: 7px;
  border: 1.5px grey solid;
  box-shadow: 0px 0px 21px lightgrey;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#add-a-property #add-a-property-container-2 #number-of-bedrooms .button-property {
  height: 44px;
  width: 44px;
  margin-top: 3px;
  background-color: #D9D9D9;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
  position: relative;
  z-index: 10;
}
#add-a-property #add-a-property-container-2 #number-of-bedrooms #minus-button {
  float: left;
  margin-left: 3px;
}
#add-a-property #add-a-property-container-2 #number-of-bedrooms #plus-button {
  float: right;
  margin-right: 3px;
}
#add-a-property #add-a-property-container-2 #number-of-bedrooms #number-of-bedrooms-label {
  width: 300px;
  margin-top: 13px;
  font-weight: bold;
  color: grey;
}
#add-a-property #add-a-property-container-2 .selection-div-container {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 45px;
}
#add-a-property #add-a-property-container-2 .selection-div-container .selection-div {
  background-color: #f7f7f7;
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 7px;
  width: 20%;
  height: 50px;
  font-weight: bold;
  color: grey;
  border: 1.5px grey solid;
  cursor: pointer;
  box-shadow: 0px 0px 21px lightgrey;
}
#add-a-property #add-a-property-container-2 p {
  margin-bottom: 20px;
}
#add-a-property #add-a-property-container-3 {
  display: flex !important;
  flex-direction: column;
  align-items: center;
}
#add-a-property #add-a-property-container-3 #property-media-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#add-a-property #add-a-property-container-3 #property-media-container #upload-photos-container {
  max-width: 90%;
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow-x: scroll;
}
#add-a-property #add-a-property-container-3 #property-media-container #upload-photos-container #photos-uploaded-container {
  width: 100%;
  display: flex;
  flex-direction: row;
}
#add-a-property #add-a-property-container-3 #property-media-container #upload-photos-container #photos-uploaded-container #photos-uploaded-subcontainer {
  width: fit-content;
  display: flex;
  flex-direction: row;
}
#add-a-property #add-a-property-container-3 #property-media-container #upload-photos-container #photos-uploaded-container .upload-photo-div {
  width: 80px;
  height: 80px;
  border-radius: 6px;
  background-color: #f7f7f7;
  border-radius: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  border: 1.5px grey solid;
}
#add-a-property #add-a-property-container-3 #property-media-container #upload-photos-container #photos-uploaded-container .upload-photo-div .photo-close-button {
  width: 25px;
  height: 25px;
  border-radius: 12.5px;
  position: absolute;
  top: -8px;
  right: -8px;
  background-image: url("../img/close.png");
  background-size: cover;
  background-position: center center;
  color: white;
  z-index: 10;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
#add-a-property #add-a-property-container-3 #property-media-container #upload-photos-container #photos-uploaded-container .upload-photo-div p {
  padding: 0px 38px;
}
#add-a-property #add-a-property-container-3 #property-media-container textarea {
  white-space: pre-wrap;
  border: 1.5px grey solid;
  box-shadow: 0px 0px 21px lightgrey;
}
#add-a-property #add-a-property-container-4 {
  display: flex !important;
  flex-direction: column;
}
#add-a-property #add-a-property-container-4 #add-a-property-features {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
#add-a-property #add-a-property-container-5 {
  display: flex !important;
  flex-direction: column;
}
#add-a-property #add-a-property-container-5 #payment-form-container {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 100px;
}
#add-a-property #add-a-property-container-5 #payment-form-container #pricing-text-container {
  margin-bottom: 40px;
}
#add-a-property #add-a-property-container-5 #payment-form-container #pricing-text-container h1 {
  margin-bottom: 0px;
}
#add-a-property #add-a-property-container-5 #payment-form-container #pricing-text-container span {
  font-size: 19px;
}
#add-a-property #add-a-property-container-5 #payment-form-container #pricing-text-container p {
  font-size: 16px;
  color: grey;
  margin-top: 0px;
}
#add-a-property #button-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#add-a-property #button-container button {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  outline: none;
  border: none;
  margin: 5px 0px;
  font-family: "Satoshi", serif;
  font-weight: bold;
  font-size: 16px;
  box-shadow: 0px 0px 21px lightgrey;
  border: 2px grey solid;
}
#add-a-property #submit-payment {
  width: 100%;
  margin-top: 20px;
  border: none;
  color: white;
  background-color: #50C878;
  border-radius: 6px;
}
#add-a-property #submit-payment #button-text {
  font-size: 13px;
}
#add-a-property #payment-error-message {
  color: red;
}
#add-a-property #scroll-progress-bar {
  width: 9px;
  height: 10%;
  background-color: #178BF6;
  margin-left: 30px;
  margin-right: 30px;
  border-radius: 6px;
}

.close-property-button {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Satoshi", serif;
  font-weight: bold;
  font-size: 16px;
  box-shadow: 0px 0px 21px lightgrey;
  background-color: buttonface;
  color: grey;
  margin-right: 16px;
  flex-shrink: 0;
}

#inventory-creator-header {
  width: 100vw;
  background-color: #178BF6;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 20px 0px;
}
#inventory-creator-header img {
  height: 40px;
  width: auto;
  margin-top: 25px;
  margin-bottom: 15px;
}
#inventory-creator-header h1 {
  color: white;
  margin-bottom: 25px;
  font-size: 18px;
  text-align: center;
}
#inventory-creator-header #back-to-portal-button {
  border: none;
  background-color: #178BF6;
  color: white;
  font-family: "Satoshi", sans-serif;
  font-size: 16px;
}

#inventory-creator-main-body {
  width: 100vw;
  padding-top: 40px;
  padding-bottom: 100px;
  background: linear-gradient(220deg, rgb(255, 255, 255) 0%, rgb(217, 217, 219) 33%, rgb(217, 217, 219) 66%, rgb(255, 255, 255) 100%);
}
#inventory-creator-main-body p {
  text-align: center;
}
#inventory-creator-main-body #add-room-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#inventory-creator-main-body #add-room-container .add-room-button {
  color: darkslategrey;
  background-color: white;
  border-radius: 3px;
  border: 2px darkslategrey solid;
  width: fit-content;
  margin-left: 10px;
  font-size: 14px;
  padding: 2px 12px;
}
#inventory-creator-main-body #inventory-table-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 30px;
}
#inventory-creator-main-body #inventory-table-container #inventory-table {
  width: 75%;
  border-collapse: collapse;
  table-layout: fixed;
}
#inventory-creator-main-body #add-photos-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#inventory-creator-main-body #add-photos-container #photos-uploaded-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#inventory-creator-main-body #add-photos-container #photos-uploaded-container .add-photo-to-inventory-div {
  width: 80px;
  height: 80px;
  border-radius: 6px;
  background-color: #f7f7f7;
  box-shadow: 0px 0px 21px lightgrey;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
}
#inventory-creator-main-body #add-photos-container #photos-uploaded-container .add-photo-to-inventory-div .photo-close-button {
  width: 25px;
  height: 25px;
  border-radius: 12.5px;
  position: absolute;
  top: -8px;
  right: -8px;
  background-image: url("../img/close.png");
  background-size: cover;
  background-position: center center;
  color: white;
  z-index: 10;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
#inventory-creator-main-body #add-photos-container #inventory-save-button, #inventory-creator-main-body #add-photos-container #send-inventory-to-tenant-button {
  border: none;
  background-color: rgb(0, 193, 0);
  font-size: 13px;
  color: white;
  padding: 10px 25px;
  margin-top: 30px;
  font-weight: bold;
  border-radius: 5px;
}

#ast-generation-header {
  width: 100vw;
  background-color: #178BF6;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 20px 0px;
}
#ast-generation-header img {
  height: 40px;
  width: auto;
  margin-top: 25px;
  margin-bottom: 15px;
}
#ast-generation-header h1 {
  color: white;
  margin-bottom: 25px;
  font-size: 18px;
  text-align: center;
}
#ast-generation-header #back-to-portal-button {
  border: none;
  background-color: #178BF6;
  color: white;
  font-family: "Satoshi", sans-serif;
  font-size: 16px;
}

#ast-generation-content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: center;
  position: relative;
}
#ast-generation-content #ast-generation-subcontainer {
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px;
  padding-top: 40px;
}
#ast-generation-content #ast-generation-subcontainer #ast-generation-intro-text {
  width: 75%;
  text-align: center;
}
#ast-generation-content #ast-generation-subcontainer .ast-generation-category-heading {
  font-size: 23px;
  border-bottom: 2px lightgray solid;
  margin-top: 30px;
}
#ast-generation-content #ast-generation-subcontainer .ast-generation-input-wrapper {
  display: flex;
  flex-direction: column;
}
#ast-generation-content #ast-generation-subcontainer .ast-generation-input-wrapper p {
  margin-bottom: 5px;
  color: black;
  font-weight: bold;
}
#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=number], #ast-generation-content #ast-generation-subcontainer .ast-generation-input-wrapper select {
  width: 500px;
  max-width: 75vw;
  background-color: rgb(230, 230, 230);
  font-family: "Satoshi", sans-serif;
  padding: 10px;
  outline: none;
  border: none;
  margin-bottom: 10px;
  font-size: 14.5px;
  box-sizing: border-box;
}
#ast-generation-content #ast-generation-subcontainer .ast-generation-input-wrapper input[type=date] {
  width: 500px;
  margin-left: 7px;
  padding: 10px;
  font-family: "Satoshi", sans-serif;
  cursor: pointer;
  border: none;
  color: black;
  background-color: rgb(230, 230, 230);
  font-size: 14.5px;
  box-sizing: border-box;
}
#ast-generation-content #ast-generation-subcontainer .ast-generation-input-wrapper select {
  height: 40px;
}
#ast-generation-content #ast-generation-subcontainer .ast-generation-input-wrapper #include-guarantor-choice-container {
  display: flex;
  flex-direction: row;
}
#ast-generation-content #ast-generation-subcontainer .ast-generation-input-wrapper #include-guarantor-choice-container #include-guarantor-choice-yes, #ast-generation-content #ast-generation-subcontainer .ast-generation-input-wrapper #include-guarantor-choice-container #include-guarantor-choice-no {
  background-color: rgb(172, 180, 187);
  flex: 1;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
}
#ast-generation-content #ast-generation-subcontainer .ast-generation-input-wrapper #include-guarantor-choice-container #include-guarantor-choice-yes p, #ast-generation-content #ast-generation-subcontainer .ast-generation-input-wrapper #include-guarantor-choice-container #include-guarantor-choice-no p {
  margin: 0px;
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
#ast-generation-content #ast-generation-subcontainer #add-custom-clause-container {
  width: fit-content;
}
#ast-generation-content #ast-generation-subcontainer #add-custom-clause-container .add-custom-clause-button-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
#ast-generation-content #ast-generation-subcontainer #add-custom-clause-container .add-custom-clause-button-container button {
  margin-right: 15px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  outline: none;
  border: none;
  background-color: #178BF6;
  color: white;
  font-family: "Satoshi", sans-serif;
  font-size: 20px;
}
#ast-generation-content #ast-generation-subcontainer .custom-clauses-container {
  display: flex;
  flex-direction: column;
  width: 500px;
  max-width: 75vw;
}
#ast-generation-content #ast-generation-subcontainer .custom-clauses-container p, #ast-generation-content #ast-generation-subcontainer .custom-clauses-container input, #ast-generation-content #ast-generation-subcontainer .custom-clauses-container textarea {
  width: 100%;
  margin-bottom: 15px;
}
#ast-generation-content #ast-generation-subcontainer .custom-clauses-container input, #ast-generation-content #ast-generation-subcontainer .custom-clauses-container textarea {
  background-color: rgb(230, 230, 230);
  font-family: "Satoshi", sans-serif;
  padding: 10px;
  outline: none;
  border: none;
  font-size: 14.5px;
  box-sizing: border-box;
}
#ast-generation-content #ast-generation-subcontainer .custom-clauses-container .remove-clause-button {
  outline: none;
  border: none;
  width: fit-content;
  background-color: red;
  color: white;
  padding: 6px 15px 6px 15px;
  border-radius: 3px;
  font-family: "Satoshi", sans-serif;
  font-size: 13px;
  margin-bottom: 15px;
}
#ast-generation-content #ast-generation-subcontainer #send-ast-button {
  margin-top: 50px;
  outline: none;
  border: none;
  background-color: #2bbd63;
  color: white;
  border-radius: 6px;
  padding: 15px 30px 15px 30px;
  font-family: "Satoshi", sans-serif;
  font-size: 15px;
}
#ast-generation-content #ast-generation-subcontainer #error-message {
  text-align: center;
  color: red;
}
#ast-generation-content #ast-generation-content-background {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  background-image: url("../img/background-image.jpeg");
  background-position: center;
  background-size: contain;
  background-repeat: repeat;
  opacity: 0.05;
}
#ast-generation-content #ast-generation-content-background-color {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -2;
  background-color: lightgray;
}

#ta-header, #rp-header {
  width: 100vw;
  background-color: #178BF6;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 20px 0px;
}
#ta-header img, #rp-header img {
  height: 40px;
  width: auto;
  margin-top: 25px;
  margin-bottom: 15px;
}
#ta-header h1, #rp-header h1 {
  color: white;
  margin-bottom: 25px;
  font-size: 18px;
  text-align: center;
}

#ta-main-body, #rp-main-body, #pay-move-in-funds-container {
  width: 100vw;
  padding-top: 40px;
  padding-bottom: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: linear-gradient(220deg, rgb(255, 255, 255) 0%, rgb(217, 217, 219) 33%, rgb(217, 217, 219) 66%, rgb(255, 255, 255) 100%);
}
#ta-main-body .propose-guarantor-text, #rp-main-body .propose-guarantor-text, #pay-move-in-funds-container .propose-guarantor-text {
  width: 75vw;
  text-align: center;
}
#ta-main-body #propose-guarantor-container, #rp-main-body #propose-guarantor-container, #pay-move-in-funds-container #propose-guarantor-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#ta-main-body .ta-input-container, #ta-main-body .rp-sub-container, #rp-main-body .ta-input-container, #rp-main-body .rp-sub-container, #pay-move-in-funds-container .ta-input-container, #pay-move-in-funds-container .rp-sub-container {
  margin-top: 21px;
  width: 526px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#ta-main-body .ta-input-container p, #ta-main-body .rp-sub-container p, #rp-main-body .ta-input-container p, #rp-main-body .rp-sub-container p, #pay-move-in-funds-container .ta-input-container p, #pay-move-in-funds-container .rp-sub-container p {
  width: fit-content;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  color: black;
}
#ta-main-body .ta-input-container input, #ta-main-body .rp-sub-container input, #rp-main-body .ta-input-container input, #rp-main-body .rp-sub-container input, #pay-move-in-funds-container .ta-input-container input, #pay-move-in-funds-container .rp-sub-container input {
  display: block;
  margin: 0 auto;
  background-color: #f7f7f7;
  padding-left: 13px;
  padding-right: 13px;
  outline: none;
  border: none;
  width: 100%;
  height: 50px;
  font-family: "Satoshi", serif;
  font-weight: bold;
  font-size: 14.5px;
  box-shadow: 0px 0px 21px lightgrey;
}
#ta-main-body .ta-input-container .ta-input-options-container, #ta-main-body .rp-sub-container .ta-input-options-container, #rp-main-body .ta-input-container .ta-input-options-container, #rp-main-body .rp-sub-container .ta-input-options-container, #pay-move-in-funds-container .ta-input-container .ta-input-options-container, #pay-move-in-funds-container .rp-sub-container .ta-input-options-container {
  width: calc(100% + 26px);
  display: flex;
  flex-direction: row;
}
#ta-main-body .ta-input-container .ta-input-options-container .ta-input-options, #ta-main-body .rp-sub-container .ta-input-options-container .ta-input-options, #rp-main-body .ta-input-container .ta-input-options-container .ta-input-options, #rp-main-body .rp-sub-container .ta-input-options-container .ta-input-options, #pay-move-in-funds-container .ta-input-container .ta-input-options-container .ta-input-options, #pay-move-in-funds-container .rp-sub-container .ta-input-options-container .ta-input-options {
  flex: 1;
  height: 50px;
  background-color: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 21px lightgrey;
  cursor: pointer;
}
#ta-main-body .ta-input-container .ta-input-options-container .ta-input-options p, #ta-main-body .rp-sub-container .ta-input-options-container .ta-input-options p, #rp-main-body .ta-input-container .ta-input-options-container .ta-input-options p, #rp-main-body .rp-sub-container .ta-input-options-container .ta-input-options p, #pay-move-in-funds-container .ta-input-container .ta-input-options-container .ta-input-options p, #pay-move-in-funds-container .rp-sub-container .ta-input-options-container .ta-input-options p {
  font-family: "Satoshi", serif;
  font-weight: bold;
  font-size: 14.5px;
  color: darkslategray;
  padding-left: 13px;
  padding-right: 13px;
}
#ta-main-body .ta-input-container .remove-tenant-button, #ta-main-body .rp-sub-container .remove-tenant-button, #rp-main-body .ta-input-container .remove-tenant-button, #rp-main-body .rp-sub-container .remove-tenant-button, #pay-move-in-funds-container .ta-input-container .remove-tenant-button, #pay-move-in-funds-container .rp-sub-container .remove-tenant-button {
  background-color: #F44336;
  outline: none;
  border: none;
  color: white;
  padding: 10px;
  border-radius: 6px;
  width: 50px;
  height: 50px;
  font-family: "Satoshi", serif;
  font-weight: bold;
  font-size: 14.5px;
  box-shadow: 0px 0px 21px lightgrey;
}
#ta-main-body .ta-input-container .remove-tenant-button img, #ta-main-body .rp-sub-container .remove-tenant-button img, #rp-main-body .ta-input-container .remove-tenant-button img, #rp-main-body .rp-sub-container .remove-tenant-button img, #pay-move-in-funds-container .ta-input-container .remove-tenant-button img, #pay-move-in-funds-container .rp-sub-container .remove-tenant-button img {
  width: 100%;
  height: 100%;
}
#ta-main-body .ta-input-container #submit-payment, #ta-main-body .rp-sub-container #submit-payment, #rp-main-body .ta-input-container #submit-payment, #rp-main-body .rp-sub-container #submit-payment, #pay-move-in-funds-container .ta-input-container #submit-payment, #pay-move-in-funds-container .rp-sub-container #submit-payment {
  padding: 10px;
  border: none;
  margin-top: 20px;
  background-color: rgb(0, 193, 0);
  color: white;
  border-radius: 6px;
  font-size: 12px;
  width: 100%;
}
#ta-main-body .ta-input-container #total-annual-salary-disclaimer, #ta-main-body .rp-sub-container #total-annual-salary-disclaimer, #rp-main-body .ta-input-container #total-annual-salary-disclaimer, #rp-main-body .rp-sub-container #total-annual-salary-disclaimer, #pay-move-in-funds-container .ta-input-container #total-annual-salary-disclaimer, #pay-move-in-funds-container .rp-sub-container #total-annual-salary-disclaimer {
  font-weight: normal;
  text-align: center;
  margin-bottom: 10px;
}
#ta-main-body .ta-input-container #negative-credit-disclaimer, #ta-main-body .rp-sub-container #negative-credit-disclaimer, #rp-main-body .ta-input-container #negative-credit-disclaimer, #rp-main-body .rp-sub-container #negative-credit-disclaimer, #pay-move-in-funds-container .ta-input-container #negative-credit-disclaimer, #pay-move-in-funds-container .rp-sub-container #negative-credit-disclaimer {
  display: none;
  color: red;
  font-weight: normal;
  margin-top: 10px;
  text-align: center;
}
#ta-main-body .rp-sub-container, #rp-main-body .rp-sub-container, #pay-move-in-funds-container .rp-sub-container {
  width: 50vw;
}
#ta-main-body #add-tenant-button, #ta-main-body #send-offer-button, #rp-main-body #add-tenant-button, #rp-main-body #send-offer-button, #pay-move-in-funds-container #add-tenant-button, #pay-move-in-funds-container #send-offer-button {
  padding: 15px 30px;
  background-color: #178BF6;
  margin-top: 40px;
  border-radius: 6px;
  color: white;
  font-weight: bold;
  cursor: pointer;
}
#ta-main-body #send-offer-button, #rp-main-body #send-offer-button, #pay-move-in-funds-container #send-offer-button {
  background-color: rgb(0, 193, 0);
  margin-top: 30px;
}
#ta-main-body #error-message, #rp-main-body #error-message, #pay-move-in-funds-container #error-message {
  color: red;
  margin-top: 26px;
  font-size: 17px;
}

#reserve-property-success-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#reserve-property-success-container #rps-logo-img {
  width: 275px;
  margin-top: 50px;
}
#reserve-property-success-container h1 {
  color: white;
  margin-top: 50px;
}
#reserve-property-success-container p {
  width: 60vw;
  color: white;
  font-size: 20px;
  text-align: center;
  margin-top: 50px;
}
#reserve-property-success-container a, #reserve-property-success-container a:visited {
  color: white;
  text-decoration: underline;
}

#tenancy-offer-submission-success-container, #guarantor-application-submission-success-container {
  background-color: #178BF6;
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  box-sizing: border-box;
  padding-left: 40px;
  padding-right: 40px;
}
#tenancy-offer-submission-success-container img, #guarantor-application-submission-success-container img {
  margin-top: 75px;
  width: 250px;
  margin-bottom: 35px;
}
#tenancy-offer-submission-success-container h2, #guarantor-application-submission-success-container h2 {
  width: 60vw;
  font-size: 21px;
  text-align: center;
}
#tenancy-offer-submission-success-container p, #guarantor-application-submission-success-container p {
  width: 75vw;
  font-size: 22px;
  text-align: center;
}
#tenancy-offer-submission-success-container a, #tenancy-offer-submission-success-container a:visited, #guarantor-application-submission-success-container a, #guarantor-application-submission-success-container a:visited {
  color: white;
  cursor: pointer;
}

#guarantor-application-submission-success-container {
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  display: flex;
}

#pay-move-in-funds-container p {
  margin: 0;
  margin-bottom: 10px;
}

#submit-payment-mif {
  width: 100%;
  margin-top: 20px;
  border: none;
  color: white;
  background-color: #50C878;
  border-radius: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#submit-payment-mif #button-text {
  font-size: 13px;
}

#pay-move-in-funds-container #payment-error-message {
  color: red;
}

#settings-header {
  width: 100vw;
  background-color: #178BF6;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 20px 0px;
}
#settings-header img {
  height: 40px;
  width: auto;
  margin-top: 25px;
  margin-bottom: 15px;
}
#settings-header h1 {
  color: white;
  margin-bottom: 25px;
  font-size: 18px;
  text-align: center;
}
#settings-header #back-to-portal-button {
  border: none;
  background-color: #178BF6;
  color: white;
  font-family: "Satoshi", sans-serif;
  font-size: 16px;
}

#settings-content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: center;
  background: linear-gradient(220deg, rgb(255, 255, 255) 0%, rgb(217, 217, 219) 33%, rgb(217, 217, 219) 66%, rgb(255, 255, 255) 100%);
}
#settings-content #settings-subcontainer {
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 60px;
}
#settings-content #settings-subcontainer h2 {
  font-size: 18px;
}
#settings-content #settings-subcontainer input {
  display: block;
  background-color: #f7f7f7;
  padding-left: 13px;
  padding-right: 13px;
  outline: none;
  border: none;
  height: 50px;
  width: 100%;
  font-family: "Satoshi", serif;
  font-weight: bold;
  font-size: 14.5px;
  box-shadow: 0px 0px 21px lightgrey;
  margin-bottom: 10px;
  border-radius: 6px;
}
#settings-content #settings-subcontainer .iti {
  width: 100%;
}
#settings-content #settings-subcontainer .iti__selected-flag {
  height: 42px;
}
#settings-content #settings-subcontainer #settings-item-mobile-number {
  width: 100%;
  height: 50px;
  padding-left: 50px;
  padding-right: 13px;
}
#settings-content #settings-subcontainer .scrollable-settings-table-container {
  max-height: 400px;
  overflow-y: auto;
}
#settings-content #settings-subcontainer .scrollable-settings-table-container table {
  width: 100%;
}
#settings-content #settings-subcontainer .scrollable-settings-table-container table tr {
  height: 40px;
  background-color: white;
}
#settings-content #settings-subcontainer .scrollable-settings-table-container table tr th {
  text-align: left;
  background-color: black;
  color: white;
}
#settings-content #settings-subcontainer .scrollable-settings-table-container table tr th, #settings-content #settings-subcontainer .scrollable-settings-table-container table tr td {
  padding: 0px 15px;
}
#settings-content #settings-subcontainer .scrollable-settings-table-container table tr .archive-td {
  cursor: pointer;
  background-color: #178BF6;
  text-align: center;
  width: 70px;
  color: white;
}
#settings-content #settings-subcontainer .scrollable-settings-table-container table tr .archive-td span {
  font-weight: bold;
  font-size: 14px;
  color: white;
}
#settings-content #settings-subcontainer #error-message {
  display: block;
  color: red;
  text-align: center;
}
#settings-content #settings-subcontainer #settings-save-button {
  border: none;
  background-color: #178BF6;
  font-size: 14.5px;
  color: white;
  padding: 10px 25px;
  margin-top: 30px;
  font-weight: bold;
  border-radius: 5px;
}
#settings-content #settings-subcontainer #settings-save-button:hover {
  background-color: #2bbd63;
}
#settings-content #settings-subcontainer #settings-message {
  text-align: center;
  font-weight: bold;
}

#settings-archive-property-overlay {
  top: 0px;
}
#settings-archive-property-overlay #settings-archive-property-overlay-custom-subcontainer {
  flex-direction: column;
  align-items: flex-start;
}
#settings-archive-property-overlay #settings-archive-property-overlay-custom-subcontainer #settings-archive-property-overlay-heading-container {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
#settings-archive-property-overlay #settings-archive-property-overlay-custom-subcontainer #settings-archive-property-overlay-heading-container h1 {
  margin-right: 30px;
}
#settings-archive-property-overlay #settings-archive-property-overlay-custom-subcontainer p {
  margin-top: 16px;
  margin-bottom: 0px;
}
#settings-archive-property-overlay #settings-archive-property-overlay-custom-subcontainer #archive-property-action-button {
  background-color: rgb(45, 211, 45);
  color: white;
  width: fit-content;
  padding: 8px 20px;
  border-radius: 6px;
  border: none;
  outline: none;
  margin-top: 25px;
  cursor: pointer;
  font-weight: bold;
  font-size: 13px;
}

#error-404-container {
  background-color: #178BF6;
  width: 100vw;
  height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#error-404-container #error-404-subcontainer {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#error-404-container #error-404-subcontainer #error-404-icon {
  width: 100px;
  height: 100px;
}
#error-404-container #error-404-subcontainer h1, #error-404-container #error-404-subcontainer p {
  color: white;
}
#error-404-container #error-404-subcontainer h1 {
  font-size: 90px;
  margin: 20px 0px 20px 0px;
}
#error-404-container #error-404-subcontainer p {
  font-size: 24px;
  margin: 0px 0px 20px 0px;
  text-align: center;
  padding: 0px 20px 0px 20px;
}
#error-404-container #error-404-subcontainer #go-home-button {
  padding: 10px 30px 10px 30px;
  border-radius: 15px;
  border: 2px white solid;
  cursor: pointer;
  color: white;
  background-color: rgba(255, 255, 255, 0);
  font-size: 14px;
  margin-top: 30px;
}

#error-404-background-image {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: block;
  position: absolute;
  top: 0;
  z-index: 2;
  background-image: url("../img/background-image.jpeg");
  background-position: center;
  background-size: cover;
  opacity: 0.1;
}

/*# sourceMappingURL=style.css.map */